/* CSS Document */ @import url('https://fonts.googleapis.com/css2?family=Nata+Sans:wght@100..900&display=swap');  :root { --zaobleni: 7px; }  img {max-width:100%;}  body { margin:0; font-family: 'Nata Sans', sans-serif; background-color:white; color:#333333; background-color: #ffffff; opacity: 1;   }  li {text-align:left;} h1 { font-size:200%; color:#89b389; font-weight:700; }  h2 { font-size:130%; text-align:left; margin-top:0px; color:#89b389; }    @media screen and (max-width:800px) {  h2 {font-size:110%;}}  h3 { color:#89b389; text-align:left; font-size:130%; }  a {color:#686868; text-decoration:none; }  a:visted{color:#686868;}  .logo { background-image: url("logo.png"); background-size:contain; background-repeat: no-repeat; height:70px; width:300px; max-width:100%; float:left; margin-top:10px; margin-bottom:7px; margin-left:20px; }   /*----MENU----*/  .menu_max { max-width:2000px; 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: 55px; z-index:100 !important; width:100%; background:white; background:white; }  .menu_polozky_pc { width:60%; min-height:55px; float:right; text-align:right; padding-top:0px; background:white; z-index:20;}  .menu_polozky_pc a { color: #1d1d1b; padding: 2%; padding-top:27px; padding-bottom:20px; text-decoration: none; font-size: 120%; width:100%; float:left; }  .menu_polozky_pc a:hover { color: #89b389; transition: color 0.5s; }    .menu_index a:hover {color:#89b389;}  .menu_icon { float: right; cursor:pointer; margin-right:20px; font-size:300%; color:#1d1d1b; display:none; margin-top:15px; }  .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%; 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:110%; }  .menu_mobile_obal a:hover { color: #89b389; 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 { padding: 15px; padding-left: 20px; padding-right: 20px; }  .dropdown { display: inline-block; }  .dropdown_content { display: none; position: absolute; background-color: white; min-width: 150px; margin-left:20px; max-width:250px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; animation: men_dropdown_fade 0.5s ease-out; -webkit-animation: men_dropdown_fade 0.5s ease-out; top:55px; }  .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:#89b389; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color:white }  @-webkit-keyframes men_dropdown_fade2 { 0% { opacity:0;} 100% { opacity:1;} }  @-webkit-keyframes men_dropdown_fade { 0% { top:-200px; z-index:-10; } 99% {top:55px; z-index:-10;} 100% {top:55px; z-index:1; } }  .scrolled {  }    .scrolled  .dropdown_content  { }  @media (max-width: 1240px) { .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: #89b389; z-index:5; width:100%; text-align:left; }  .navigation2  a { color: white; padding-right: 2.5%; padding-left: 1%; text-decoration: none; font-size: 110%; }  .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 { 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-------*/  .index_nadpis { margin-top:300px; float:left; }  video { width:100%; max-width:100%; max-height:800px; min-height:600px; height:80vh !important; overflow:hidden; object-fit: cover; float:left; background:white; object-fit:cover !important; border-radius:var(--zaobleni); }   .zahlavi_index { max-width:2000px; width:98%; background-size:cover; background-repeat: no-repeat; text-align:center; background-attachment: fixed; animation-name: shrink; animation-duration: 10s; animation-delay: 0s; margin: 0 auto; margin-top:110px; overflow:hidden; }   .zahlavi_foto_index { width:50%; float:left; margin-top:0px; }   .index_foto {width:90%; max-width:570px; object-fit:contain; height:auto; margin-top:50px;}  .tlacitko_index { width:230px; background:#89b389; color:white; font-size:120%; text-align:center; padding:10px; display: inline-block; margin:0 auto; margin-top:30px; margin-right:20px; transition: all 0.7s ease; //border-radius:10px; border:0px; border-radius:var(--zaobleni); cursor: pointer; font-size:120%; float:left;}  .tlacitko_index:hover {transform:scale(1.1);background:#77a6b6;}  @media screen and (max-width:1050px) {  .zahlavi_foto_index { margin-top:20px; height:auto; min-height:0;} .tlacitko_index {float:none; } }  .zahlavifoto_text_index { width:40%; float:left; margin-top:30px; padding-left:10%; }  .zahlavifoto_text_index-nadpis  { font-size:70px;text-align:left; margin-top:200px;color:#89b389; margin-bottom:15px;padding-bottom:0; line-height:1; font-weight:800; }  @media screen and (max-width:1300px) {.zahlavifoto_text_index-nadpis  {  margin-top:150px }} @media screen and (max-width:1050px) {.zahlavifoto_text_index-nadpis  {  margin-top:0px }}  .uvod_podnadpis { font-size:50px;text-align:left; margin-top:0px;color:#77a6b6; margin-bottom:15px;padding-bottom:0; line-height:1; font-weight:600; }  .uvod_podnadpis2 { font-size:30px;text-align:left; margin-top:0px;color:#77a6b6; margin-bottom:15px;padding-bottom:0; line-height:1; font-weight:400; }  @media screen and (max-width:1800px) { .zahlavifoto_text_index { width:50%; padding:;} .zahlavi_foto_index { width:40%;} }  @media screen and (max-width:1300px) { .zahlavifoto_text_index {  width:58%;padding-left:2%;} .zahlavifoto_text_index h1 {font-size:300%;} .zahlavifoto_text_index h2 {font-size:170%;}  }     @media screen and (max-width:1050px) { .zahlavifoto_text_index { width:90%; height:auto; padding:5%;} .zahlavi_foto_index { width:100%;height:auto;padding:0;} .zahlavifoto_text_index h1 {text-align:center;margin-left:0;margin-top:00px;font-size:300%; } .zahlavifoto_text_index h2 {text-align:center; margin-left:0;margin-top:50px;font-size:190%}}  @media screen and (max-width:600px) {  .zahlavifoto_text_index h1 {text-align:center;margin-left:0;margin-top:00px;font-size:230%; } .zahlavifoto_text_index h2 {text-align:center; margin-left:0;margin-top:50px;font-size:150%}}    @keyframes shrink { 0% {   background-size:130%;} 100% {  background-size:100%;} }  @media only screen and (max-device-width: 1300px) { .zahlavi_foto_index  {background-attachment: scroll;} }  @media screen and (max-width:1230px) { .zahlavi_foto_index { animation-name: none}}  .index_button { background:#89b389; width:220px; border-radius:3px; display: inline-block; margin: 0 auto; font-size:120%; font-weight:500; padding:15px; margin:15px; color:white; transition: transform .5s ease; border-radius:var(--zaobleni);}   .index_button:hover {transform: scale(1.2); } .index_button a {color:white; }    .uvod_centr {width:100%;  text-align:center;}  .zahlavifoto_text { width:96%; float:left; text-align:center; font-weight: bold; color:white; padding:2%; transition: all 0.7s ease; //display: inline-block; position:absolute; margin-left:0%; margin-top:7%; text-align:center; }    .zahlavifoto_text2 {display:none;}  .zahlavifoto_text h1 { font-size:700%; font-family: "Montserrat", sans-serif;;font-weight:700; text-align:center;padding:0;margin:0;margin-bottom:0px;color:white;} .zahlavifoto_text h2 { font-size:270%; font-family: "Montserrat", sans-serif;font-weight:700; text-align:center;padding:0;margin:0; margin-bottom:50px; margin-top:0; color:#363636;color:white; } .zahlavifoto_text h3 { font-size:170%; font-family: "Montserrat", sans-serif;font-weight:500; text-align:left;padding:0;margin:0; margin-bottom:50px; margin-top:0; color:#363636; }  @media screen and (max-width:1200px) { .zahlavifoto_text {  margin-top:12%} .zahlavifoto_text h1 { font-size:500%; } .zahlavifoto_text h2 { font-size:230%;} }  @media screen and (max-width:850px) { .zahlavifoto_text {  margin-top:12%} .zahlavifoto_text h1 { font-size:400%; } .zahlavifoto_text h2 { font-size:200%; margin-top:20px;} }  @media screen and (max-width:700px) { .zahlavifoto_text {  margin-top:20%} .zahlavifoto_text h1 { font-size:300%; } .zahlavifoto_text h2 { font-size:170%;} }  @media screen and (max-width:500px) { .zahlavifoto_text {  margin-top:20%} .zahlavifoto_text h1 { font-size:240%; } .zahlavifoto_text h2 { font-size:150%; } }  @keyframes shrink { 0% {   background-size:130%;} 100% {  background-size:100%;} }  @media only screen and (max-device-width: 1300px) { .zahlavi_foto_index  {background-attachment: scroll;} }  @media screen and (max-width:1230px) { .zahlavi_foto_index { animation-name: none}}   .nadpis_obal { background:white; // background-image: url("foto/zahlavi_foto.jpg"); background-position: center bottom; background-size:cover; background-repeat:none; width:98%; max-width:2000px; color:  white; font-size: 30px; font-family: 'Nata Sans', cursive; animation: filling 2s ease forwards; // text-shadow:0 10px 100px rgba(0,0,0,0.001); //  min-height:200px; height:auto; margin:0; margin:0 auto; margin-bottom:0px; margin-top:100px; border-radius:var(--zaobleni); }  .nadpis_obal_ztmaveni { width:100%; //min-height:175px; margin:0; opacity: 1; //background:rgba(0,0,0,0.4); //background: #940003; //background: linear-gradient(90deg,rgba(0, 207, 197, 0.7) 0%, rgba(31, 31, 31, 0.7) 90%); padding-top: 25px; }   @keyframes filling { from{ background-position: 0% 80% ; } to { background-position: 0% 30%; } }    .nadpis_obal h1 { color:#89b389; //text-shadow: 1px 1px 1px #2c2c2c;  text-align:center; font-size:250%; font-weight:800; line-height:1; }    @media screen and (max-width:1000px) {.nadpis_obal h1{ font-size:200%; }} @media screen and (max-width:700px) {.nadpis_obal h1{ font-size:170%; }} @media screen and (max-width:500px) {.nadpis_obal h1{ font-size:140%; }} @media screen and (max-width:400px) {.nadpis_obal h1{ font-size:125%; }}  .zahlavi_foto_sluzby { background-image: url("foto/zahlavi.jpg"); background-size:cover; background-repeat: no-repeat; height:50vh; max-height:400px; background-attachment: fixed; max-width:1920px; margin:0 auto; }  .zahlavi_foto_ukazky { background-image: url("foto_slider/foto2.jpg"); background-size:cover; background-repeat: no-repeat; height:50vh; max-height:400px; background-color:white; background-attachment: fixed; max-width:1920px; margin:0 auto; }  .zahlavi_foto_kontakty { background-image: url("foto_slider/foto3.jpg"); background-size:cover; background-repeat: no-repeat; height:50vh; max-height:400px; background-color:white; background-attachment: fixed; max-width:1920px; margin:0 auto; }  .zahlavi_foto_kosik { background-image: url("foto_slider/foto3.jpg"); background-size:cover; background-repeat: no-repeat; height:40vh; max-height:400px; background-color:white; background-attachment: fixed; max-width:1400px; margin:0 auto; }         .uvodni_nadpis  {font-size:500%; color:white; font-weight:700; font-family: 'Nata Sans', sans-serif; color:#89b389; color:#234593; color:#236f90; color:#89b389; text-decoration:underline; text-decoration-color: #c1272d; text-align:center;}  @media screen and (max-width:1100px) { .uvodni_nadpis{ font-size: 380%; } } @media screen and (max-width:700px) { .uvodni_nadpis{ font-size: 280%; } } @media screen and (max-width:500px) { .uvodni_nadpis{ font-size: 180%; } }  .zahlavifoto_popisek { margin-top:-48px; text-align:right; padding:10px; position:relative; width:auto; font-weight: bold; color:white; background:#89b389; font-size:130%; display:block; float:right; }  .zahlavifoto_popisek a {color:white;} .zahlavifoto_popisek a:visited {color:white;}    .centr{ width:100%; float:left; overflow:hidden; padding-bottom:30px; }  .content{ margin: 0px auto; text-align:left; max-width:1550px; padding:5px; font-size:130%;  }  .content_ind{ margin: 0px auto; text-align:left; max-width:1550px; padding:5px; font-size:130%;   }  .kosik_vlozit{ width:63%; margin: 0px auto; text-align:left; max-width:1250px; font-size:100%; margin-top:0px; float:left; margin:1%; padding:1%; border-radius:3px; border-style: solid; border-width: 1px; border-color:#b9b9b9; }  .kosik_poradit{ width:28%; margin: 0px auto; text-align:left; max-width:1250px; font-size:100%; float:left; padding:1%; margin:1%; border-radius:3px; border-style: solid; border-width: 1px; border-color:#b9b9b9; }  .kosik_pomocny_div{width:63%; padding:1%; float:left; }  .content_kosik{ width:63%; margin: 0px auto; text-align:left; max-width:1250px; padding:1%; font-size:100%; margin-top:0px; float:left; }  .content_kosik_poradit{ width:33%; margin: 0px auto; text-align:left; max-width:1250px; padding:1%; font-size:100%; float:left; }  .kosik_ramecek { float:left; width:98%; border-radius:3px; padding:1%; 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; float:left; }  .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;}   .flex-container { display: flex; flex-wrap: wrap; }  .vertical_center {position: relative; top: 50%; -ms-transform: translateY(-50%);transform: translateY(-50%);} .produkt_min_obal{ width:100%; height: auto; overflow:auto; margin:0 auto; }  .produkt_min{ width:28%; margin:2.5%; float:left; margin-bottom:50px; float:left; color:#686868; text-align:justify; font-size:90%; height:auto; }  .produkt_nadpis{min-height:50px;}   .produkt_popisek{min-height:130px;}   .produkt_min_foto{ width:100%; height:300px; object-fit: contain; }  .akce { background:red; color:white; float:left; width:50px; margin-top:-40px; z-index:3; position:absolute; padding:5px; font-size:100%; }  .akce_detail { background:red; color:white; float:left; width:50px; margin-top:-44px; z-index:3; position:absolute; padding:5px; font-size:100%; }  .akce_bublina_obal { width:80px; float:left; position:relative; margin-top:-170px; margin-right:-10px; float:right; z-index:3; }  .akce_bublina { width: 80px; line-height: 80px; border-radius: 50%; text-align: center; font-size: 140%; color:white; background:red; font-weight:400; text-align:center; position:relative; float:left; margin-top:10px; }  .akce_bublina_obal_index { width:60px; float:left; position:relative; margin-top:-125px; margin-right:-10px; float:right; z-index:3; }  .akce_bublina_index { width: 60px; line-height: 60px; border-radius: 50%; text-align: center; font-size: 110%; color:white; background:red; font-weight:400; text-align:center; position:relative; float:left; margin-top:10px; }  .akce_bublina2_index{ width: 60px; line-height: 60px; border-radius: 50%; text-align: center; font-size: 110%; color:white; background:blue; font-weight:400; text-align:center; position:relative; float:left; }  .produkt_galerie {}  .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; }  .element_40 { width:40%; margin:5%; float:left; text-align:justify; }  .element_50 { width:40%; margin:5%; float:left; text-align:justify; }  .element_60 { width:52%; margin:2%; float:left; }  .element_obal_100 {width:100%;float:left; margin-bottom:50px;display: flex; flex-wrap: wrap;}  @media screen and (max-width:850px) { .element_40, .element_60, .element_50 {width:96%; text-align:left;} .element_40 { order: 2;} .element_50 { order: 1;}}   .index_leva{ width:48%; margin:1%; float:left; }  .produkt_leva{ width:47%; margin:1.5%; float:left; object-fit: cover; }  .index_leva_text{ width:48%; margin:1%; float:left; text-align:right; }  .index_prava_text{ width:47%; margin:1.5%; float:left; text-align:left; }  .index_leva_img { object-fit: cover; width:100%; border-radius:var(--zaobleni); opacity:0; }  .imgcontain { object-fit:contain;}  .img_height1 {height:570px;} .img_height2 {height:550px;}  .img_zkoseni {}  @media screen and (max-width:850px) { .img_zkoseni {} .img_height1 {height:450px;} .img_height2 {height:450px;} }  @media screen and (max-width:550px) { .img_zkoseni {} .img_height1 {height:350px;} .img_height2 {height:350px;} }  .img_stin2 { -webkit-box-shadow: 15px 15px 0px 10px rgba(80,190,7,1); -moz-box-shadow: 15px 15px 0px 10px rgba(80,190,7,1); box-shadow: 15px 15px 0px 10px rgba(80,190,7,1);}  .mapa { width:55%; max-width:100%; float:left; padding-bottom:20px; border-radius:var(--zaobleni); margin-top:70px; }  .google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; border-radius:var(--zaobleni); }  .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border-radius:var(--zaobleni); }  .kontakty { width:37%; float:left; padding-right:30px; margin-right:2%; margin-left:2%; margin-top:50px; }  .kontakt_seznam_obal { width:100%; float:left; margin-top:30px; margin-bottom:30px; }  .kontakt_seznam { width:29.3%; background:#e8e8e8; padding:1%; margin:1%; float:left; font-size:90%; }  @media screen and (max-width:900px) {.kontakt_seznam {width:46%} } @media screen and (max-width:600px) {.kontakt_seznam {width:98%} }  .tabulka_vstup { width:400px;}  .formular { width:95%; height:25px; margin:5px; }  .formular_text { width:95%; margin-left:0px; }  .galery_min_produkt{ width:48%; height:230px; margin:1%; object-fit: cover; border-radius:20px; }  .galery_min{ height:330px; margin:1%; object-fit: cover; border-radius:var(--zaobleni); }  .gallery_min_e1, .gallery_min_e2, .gallery_min_e3, .gallery_min_e4 {width:23%;}      .gallery_min_e5, .gallery_min_e6, .gallery_min_e7 {width:31.33%;}  @media screen and (max-width:800px)  { .galery_min{ height:250px;} .gallery_min_e1, .gallery_min_e2, .gallery_min_e3, .gallery_min_e4  {width:48%} .gallery_min_e5, .gallery_min_e6, .gallery_min_e7   {width:31.33%;}}  @media screen and (max-width:500px)  { .gallery_min_e1, .gallery_min_e2, .gallery_min_e3, .gallery_min_e4  {width:48%} .gallery_min_e5, .gallery_min_e6, .gallery_min_e7   {width:48%;}  }    .galery_min img { overflow: hidden; }  .galerie { margin: 0 auto; text-align:center;}  .fb { max-width:100px; margin-right:30px; }  .dalsi_sluzby { text-align:center;}  .kosik_zahlavi { width:102%; float:left; display:block; background:#dedede; height:60px;padding:0; margin-left:-1%; margin-top:-1%; }  .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:1%; padding-top:10px; padding-bottom:10px; font-size:110%; text-align:left; border-radius:3px; float:left; width:98%; }  .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:100%; max-width:100%; height:40px; border-radius: 2px; border-width: 1px; border-style: solid; border-color:#96a3a4; margin-bottom:10px; font-size:120%; color:#96a3a4; font-family: 'Oswald', sans-serif; display:line; border-radius:3px; padding:0; margin:0; margin-bottom:15px; }  .kontakty_email { width:100%; height:40px; border-radius: 2px; border-width: 1px; border-style: solid; border-color:#96a3a4; margin-bottom:10px; font-size:120%; color:#96a3a4; font-family: 'Oswald', sans-serif; max-width:48%; float:left; margin-right:3.5%; border-radius:10px; padding:0; margin:0;  }  .kontakty_telefon { width:100%; height:40px; border-radius: 2px; border-width: 1px; border-style: solid; border-color:#96a3a4; margin-bottom:10px; font-size:120%; color:#96a3a4; font-family: 'Oswald', sans-serif; max-width:47%; float:left; border-radius:10px; padding:0; margin:0;  }  .formular_text { width:100%; border-radius: 2px; border-width: 1px; border-style: solid; border-color:#96a3a4; margin-bottom:10px; font-size:120%; color:#96a3a4; font-family: 'Oswald', sans-serif; border-radius:3px; padding:0; margin:0;  }  .form_zarovnani { float:left;}  .form_text {margin-left:3px;}  .text_napiste { margin-bottom:10px; color:#1cbac8; }   .tlacitko { width:280px; background:#89b389; color:white; font-size:100%; text-align:center; padding:10px; display: inline-block; margin:0 auto; margin-top:30px; margin-right:20px; transition: all 0.7s ease; //border-radius:10px; border:0px; border-radius:var(--zaobleni); cursor: pointer; font-size:100%;}  .tlacitko_barva2{background:#202020;} .tlacitko_barva2:hover{background:#89b389;}  .tlacitko:hover {  transform: scale(1.1); background:#77a6b6;   }  @media screen and (max-width:850px) {.tlacitko {margin-right:10px; margin-left:10px;}}  .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; display:block; }  .spocitat2 { 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; display:block; font-size:100%; margin-left:20px; }  .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; -webkit-appearance: none; }  .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; appearance: none; }  .spocitat:hover  { background:red;}  .spocitat2: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: 'Nata Sans', sans-serif; }  .souhlas{ float:left; width:100%; margin-top:10px; margin-bottom:10px; }  .souhlas a { color:#89b389; }  .kontakty_telefon_text {margin-left:45.5%;} .kontakty_telefon_text2 {margin-left:44.5%;} .kontakty_telefon_text_m{display:none;}  .benefity_obal{ width:60%; max-width:500px; float:left; display:block; margin-top:-144px; position:relative; z-index:3; background:orange; }  .benefity { width:23%; float:left; margin:1%; text-align:center; }  .benefity img {max-width:70%; margin-bottom:0px;}  .benefity_ikona_text{width:100%; font-size:120%; height:30px;display:block;color:white;}  .benefity_text b {color:white;}  .koupit  { background:#80c900; 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:#89b389;}  .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: #313131; color:white; text-align:center; padding-top:40px; padding-bottom:20px; font-size:120%; float:left; width:100%; margin-top:40px;    }  .footer_nadpis { color:whie; font-weight:600; font-size: 110%; text-decoration: none; padding-left:20px; padding-right:20px; }  .footer a { text-align:left; color:#ebebeb; text-decoration: none; font-size: 90%; padding-left:20px; padding-right:0px;  }  .footer a:hover {color:#89b389;}   .footer_obal { max-width:1700px; margin: 0 auto; }  .footer_levy { width:25%; text-align:left; float:left;}    .footer_levy2 { width:25%; text-align:left; float:left;}  .footer_100 {width:71%;  float:left; text-align:left; margin-left:10px; height:5px; margin-top:15px; margin-bottom:15px;font-size:100%;}  .BT { width:98%; text-align:right; float:right; margin-right:1%; margin-left:1%; margin-top:20px; }  .BT a {font-size:100%;}  .footer_odkaz {display:inline-block;}  .max_vyska  {min-height: calc(100vh - 400px);}  .zjistit_vice {background:#80c900;padding:5px;margin-top:5px;border-radius:5px; display:inline-block; } .zjistit_vice a {color:white;}   .foto_element_100 { width:97%; float:left; padding:1.5%; margin-bottom:2%; margin-top:2%; }  .foto_element_100 img { border-radius:20px; box-shadow: 4px 4px 11px 0px rgba(163, 163, 163, 0.75); }   .foto_element_100 { width:97%; float:left; padding:1.5%; margin-bottom:2%; margin-top:2%; }  .foto_element_100 img { border-radius:20px; box-shadow: 4px 4px 11px 0px rgba(163, 163, 163, 0.75); }  .index_pole_obal { width:100%; float:left; margin-bottom:4%; }  .index_pole1 { width:55%; height:auto; float:left; margin:1.5%; border-radius:20px; padding:2%; box-shadow: 4px 4px 11px 0px rgba(163, 163, 163, 0.75); }  .index_pole2 { width:31%; height:auto; padding:2%; float:left; margin:1.5%; border-radius:20px; box-shadow: 4px 4px 11px 0px rgba(163, 163, 163, 0.75); }  .index_pole3 { width:43%; height:auto; padding:2%; float:left; margin:1.5%; border-radius:20px; box-shadow:4px 4px 11px 0px rgba(163, 163, 163, 0.75); }  .index_pole_text { width:50%; float:left; border-radius:20px; }  .index_pole1 img, .index_pole2 img, .index_pole3 img {border-radius:20px;}  .index_pole_nadpis1 { color:#89b389; font-size:220%; text-align:left; margin:0; padding:0; margin-top:35px;} .index_pole_nadpis2 { color:#89b389; font-size:180%;margin-top:5%;text-align:center;} .index_pole_nadpis3 { color:#89b389; font-size:180%;margin-top:25%;} .index_pole_nadpis4 { color:#89b389; font-size:180%;margin-top:35%;}  @media screen and (max-width:1100px) { .index_pole_nadpis1 {font-size:200%; margin-top:25px; } .index_pole_nadpis2, .index_pole_nadpis3, .index_pole_nadpis4  {font-size:160%;} }  @media screen and (max-width:900px) { .index_pole_nadpis1 {font-size:180%; } .index_pole_nadpis2, .index_pole_nadpis3, .index_pole_nadpis4  {font-size:130%;} }  @media screen and (max-width:750px) { .index_pole1, .index_pole2, .index_pole3, .index_pole4 {width:96%;} }   /*------RESPONS----*/    @media screen and (min-width:2000px) {  .slider_obal, .slider_foto1, .slider_foto2, .slider_foto3, .slider_foto4 { max-height:600px; height:60vh; min-height:500px; } }  @media screen and (max-width:1400px) { .slider_obal, .slider_foto1, .slider_foto2, .slider_foto3, .slider_foto4 { max-height:600px; height:60vh; min-height:500px; } }  @media screen and (max-width:1250px) {  .content{ padding-top:80px;}  }   @media screen and (max-width:1100px) {  .produkt_min{ width:45%;}  .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; }   .kontakty_email{max-width:98%;} .kontakty_telefon{max-width:98%;} .formular_text {width:98%;} .kontakty_telefon_text {display:none;} .kontakty_telefon_text2 {display:none;} .kontakty_telefon_text_m {display:block;}  }  @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; } } @media screen and (max-width:900px) {  .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%;}  .produkt_popisek{ min-height:170px; }  }  @media screen and (max-width:800px)  {  .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; }  .kosik_suma {  font-size:130%; }  .slider_obal, .slider_foto1, .slider_foto2, .slider_foto3, .slider_foto4 {height:50vh; max-height:400px;}  .kosik_produkt{ min-width:0; height:150px; width:95%; }  .kosik_nadpis { width:90%; text-align:left; }  .kosik_mnozstvi { width:90%; text-align:left; }   .content_kosik{ width:98%; }  .content_kosik_poradit{ width:98%; }  .kosik_pomocny_div{width:98%; padding:1%;}  }  @media screen and (max-width:700px)  {  h3 {margin-top:15px; margin-bottom:5px;}  .pred_obal { width:98%; margin-bottom:50px; }    .benefity_obal { width:100%;}  .zahlavifoto_popisek {display:none;}  .tl_potvtdit_zarovnani {width:100%;padding:0; }  .produkt_min{ width:95%; margin:0 auto; float:none; margin-top:120px; }  .produkt_popisek{ min-height:auto; }  .kosik_vlozit  {width:94%;margin:2%;}  .kosik_poradit {width:94%;margin:2%; margin-bottom:50px;}  }   @media screen and (max-width: 550px) {  .kosik_lista_polozka { width:98%; clip-path: none; } }  @media screen and (max-width: 500px) {  .benefity {width:44%;  margin:0 atuo; text-align:center; margin:3%; height:220px;} .produkt_popisek{min-height:auto;} .spocitat2 {margin-left:0;} }  @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_sluzby {height:350px;} .zahlavi_foto_ukazky {height:350px;} .zahlavi_foto_kontakty {height:350px;} }   @media screen and (max-width: 1200px) {  .footer_levy { width:50%; float:left; min-height:270px; } .footer_levy2 { width:50%; float:left; min-height:150px; } }  @media screen and (max-width: 800px) {  .footer_levy, .footer_levy2 { width:100%; text-align:center; padding:0; padding-bottom:15px; min-height:0px;  margin-bottom:0; } .footer_nadpis {padding:0;padding-left:0;margin-left:0;} .footer a  {padding:0;padding-left:0;margin-left:0; padding-right:0px;} .footer img {padding-left:10px; padding-right:10px;}  .footer_100 {width:100%;  float:left; text-align:center;  margin:0; margin-bottom:10px;  margin-top:10px;}  .BT  {  text-align:center; float:left; padding-right:0; margin-top:20px;  } }  .gradient { background: rgb(0,105,145); background: linear-gradient(90deg, rgba(190,34,39,1) 20%, rgba(31,31,31,1) 80%);  } /*----COUNTER----*/  .pocitadlo {font-size:100%; max-width:100%; width:100%; margin: 0 auto; margin-top:90px; margin-bottom:70px; text-align:center; } .counter_pole_obal {width:32%; display:inline-block; } .counter_pole {margin:0 auto; text-align:center;font-weight:300; }  .counter_number, .counter_number2  {font-size:300%; margin:0px; display:inline-block; font-weight:700; font-family: 'Montserrat', sans-serif;color:black;  color:#424242;} .pocitadlo_vertical { font-size:130%; color:#89b389;font-weight:400; text-align:center;width:100%;display:block;float:left;}    @media screen and (max-width: 830px) { .counter_pole_obal {width:45%; margin: 0 auto; display:inline-block; text-align:center;margin:2%; margin-bottom:50px; } .counter_number, .counter_number2  {font-size:250%; } .pocitadlo_vertical    {font-size:110%; } }  @media screen and (max-width: 520px) { .counter_pole_obal {width:96%; margin: 0 auto; display:inline-block; text-align:center;margin:2%; margin-bottom:50px; } .pocitadlo {margin-top:0px;  margin-bottom:30px;} .pocitadlo_vertical    {font-size:110%; } }  /*----COUNTER----*/  .citace { width:90%; padding:5%; background: rgba(137,178,137,0.3); text-align:left; border-radius:10px; margin-bottom:40px; font-size:100%; font-weight:400; font-style: italic;}  .citace2 { background: rgba(119,166,182,0.3);}  .citace_jmeno{ font-size:80%; font-style: normal; font-weight:600;}