/* CSS Document */ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&display=swap&subset=latin-ext');  img {max-width:100%;}  body { margin:0; font-family: 'Poppins', sans-serif; background-color:white; color:#333333; } ul {list-style-position: outside;} li {text-align:left; } h1 { font-size:130%; color:#eb671a; font-weight:700; }  h2 { font-size:130%; text-align:left; margin-top:0px; color:#eb671a; }  @media screen and (max-width:800px) {  h2 {font-size:110%;}}  h3 { color:#eb671a; text-align:left; font-size:130%; }  a {color:#686868; text-decoration:none; }  a:visted{color:#686868;}  .logo { background-image: url("logo.png"); background-size:cover; background-repeat: no-repeat; height:100px; width:340px; max-width:100%; float:left; margin-top:7px; margin-left:20px; margin-bottom:5px; transition:  1s ease-out; }   /*----MENU----*/  .menu_max { max-width:2000px; margin: 0px auto; }  .menu_max2 { 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:65px; z-index:100 !important; width:100%; background:white; }  .menu_polozky_pc { width:70%; min-height:65px; float:right; text-align:right; padding-top:0px; background:white; z-index:20;  }  .menu_polozky_pc a { color: #1d1d1b; padding: 2%; padding-top:20px; padding-bottom:20px; text-decoration: none; font-size: 120%; width:100%; float:left; transition:  1s ease-out; }  .menu_polozky_pc a:hover { color: #eb671a; transition: color 0.5s; }    .menu_index a:hover {color:#eb671a;}  .menu_icon { float: right; cursor:pointer; margin-right:20px; font-size:300%; color:#1d1d1b; 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%; min-width:250px; 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:130%;}  .menu_mobile_obal a:hover { color: #eb671a; 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:#eb671a; 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  { } .scrolled .menu_polozky_pc a { margin-top:-5px;} .scrolled .logo { width:240px; height:70px;}  @media (max-width: 1350px) { .menu_icon {display:block;} .menu_polozky_pc { display:none;} .logo { max-width:75%; height:70px; width:240px; margin-bottom:10px; } }  /*-------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: #eb671a; 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%; min-height:700px; max-height:1000px; height:97vh; overflow:hidden; object-fit: cover; float:left; background:white; }  .video_index {width:70%;float:right;position:relative;}  .zahlavi_foto_index { max-width:2000px; width:98%; background-size:cover; background-repeat: no-repeat; height:auto; text-align:center; background-attachment: fixed; animation-name: shrink; animation-duration: 10s; animation-delay: 0s; margin: 0 auto; margin-top:0; max-height:1000px; }  .zahlavifoto_text_index { width:60%; max-width:600px; margin-top:300px; position:absolute; margin-left: 5.5%; margin-right: auto; background:transparent; z-index:2; padding:50px; height:350px;}  .zahlavifoto_text_index_b1 {width:45%;height:100%; background:rgba(235,103,26,1);float:left; position:absolute;top:0;left:0;z-index:1;} .zahlavifoto_text_index_b2 {width:55%;height:100%;;  background:rgba(0,0,0,1);float:left; position:absolute;top:0;left:45%;z-index:1; }  @media screen and (min-width:2500px) { .zahlavifoto_text_index {  margin-top:300px; margin-left:130px; }  }  @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-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: 'Poppins', cursive; animation: filling 2s 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; margin:0 auto; margin-top:120px; } @media (max-width: 1350px) { .nadpis_obal{margin-top:0px;}}  .nadpis_obal_ztmaveni { width:100%; background:rgba(60,20,0,0.5); height:30vh; margin:0; min-height:250px; max-height:400px; }  .nadpis_obal h1 { color:white; // text-shadow: 1px 1px 1px #2c2c2c; padding-top: 10vh; text-align:center; font-size:300%; color: transparent; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: white;  }  @media screen and (min-width:3000px) {.nadpis_obal h1{ padding-top: 150px; }} @media screen and (max-width:1000px) {.nadpis_obal h1{ padding-top: 110px;font-size:200%;-webkit-text-stroke-width: 2px; }  .nadpis_obal { margin-bottom:0px;}}  .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; }  .zahlavifoto_text_index h1 { font-size:690%; color:white; font-weight:700; font-family: 'Poppins', sans-serif; padding:20px; display:block; width:100%; padding:0; margin:0 auto; float:none; text-align:left; color: transparent; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: white; z-index:10 !important; position:absolute; }  .zahlavifoto_text_index h2{ font-size:200%; color:white; font-weight:600; font-family: 'Poppins', sans-serif; padding:20px; display:block; width:100%; padding:0; margin:0 auto; margin-top:50px; text-align:center; float:none; text-align:left; color: transparent; color:white; //   -webkit-text-stroke-width: 2px; // -webkit-text-stroke-color: white; z-index:10 !important; position:absolute; top:180px; line-height:1.3; }  @media screen and (max-width:1400px) {.zahlavifoto_text_index_b1 {background:rgba(235,103,26,1);} .zahlavifoto_text_index_b2 {background:rgba(0,0,0,0.7)}} @media screen and (max-width:1200px) { .zahlavifoto_text_index { margin-top:25vh;} .zahlavifoto_text_index h1{ font-size: 600%; }  .zahlavifoto_text_index h2 {font-size: 200%;} } @media screen and (max-width:1100px) { .zahlavifoto_text_index { margin-top:25vh;}.zahlavifoto_text_index h1{ font-size: 500%; }  .zahlavifoto_text_index h2 {font-size: 170%;} } @media screen and (max-width:900px) { .zahlavifoto_text_index { margin-top:130px;}.zahlavifoto_text_index h1{ font-size: 400%; }  .zahlavifoto_text_index h2 {font-size: 170%;} video {width:auto; max-width:100%; min-height:600px; height:80vh; overflow:hidden;  float:left;} } @media screen and (max-width:800px) {.video_index {width:96%;margin:2%;}  .zahlavifoto_text_index {width:94%;  max-width:1000px; padding:0; margin:0; margin-left:2%; ;margin-top:150px;} .zahlavifoto_text_index_b1 {background:rgba(235,103,26,0.7);} .zahlavifoto_text_index_b2 {background:rgba(0,0,0,0.7)}.zahlavifoto_text_index h1{ font-size: 500%; text-align:center; }  .zahlavifoto_text_index h2 {text-align:center;}}  @media screen and (max-width:600px) { .zahlavifoto_text_index { margin-top:150px;}.zahlavifoto_text_index h1{ font-size: 350%; margin-bottom:0; margin-top:50px;  }  .zahlavifoto_text_index h2 {font-size: 150%; margin-top:0; } } @media screen and (max-width:450px) { .zahlavifoto_text_index { margin-top:150px;}.zahlavifoto_text_index h1{ font-size: 330%; margin-bottom:0;  }  .zahlavifoto_text_index h2 {font-size: 130%; margin-top:0; } }  .uvodni_nadpis  {font-size:500%; color:white; font-weight:700; font-family: 'Poppins', sans-serif; color:#eb671a; color:#234593; color:#236f90; color:#eb671a; 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:#eb671a; font-size:130%; display:block; float:right; }  .zahlavifoto_popisek a {color:white;} .zahlavifoto_popisek a:visited {color:white;}  .zahlavifoto_text { margin-left: 3%; padding:1%; text-align:left; //margin-top:100px; position:absolute; max-width:600px; font-weight: bold; color:white; }  .centr{ width:100%; float:left; margin-top:50px; overflow:hidden; }  .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:1450px; padding:20px; padding-top:50px; font-size:130%; }  @media screen and (max-width:950px) {.content_ind{  padding-top:5px; } }  .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; }  .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:2%; float:left; text-align:justify; }  .element_50 { width:46%; margin:2%; float:left; text-align:justify; }  .element_60 { width:52%; margin:2%; float:left; }  .element_obal_100 {width:100%;float:left; margin-bottom:80px;}  @media screen and (max-width:950px) { .element_40, .element_60, .element_50 {width:96%} }   .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%; max-height:600px; }  .mapa { width:55%; 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:40%; float:left; padding-right:30px; margin-right:1%; }  .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:0px; }  .gallery_min_e1, .gallery_min_e2, .gallery_min_e3  {width:31.33%;}   .gallery_min_e4, .gallery_min_e5 {width:48%;}  .gallery_min_e6, .gallery_min_e7, .gallery_min_e8, .gallery_min_e9 {width:23%;}  @media screen and (max-width:700px)  { .galery_min{ height:250px;}}  @media screen and (max-width:600px)  { .gallery_min_e1, .gallery_min_e2, .gallery_min_e4, .gallery_min_e5  {width:48%} .gallery_min_e3   {width:98%} }    .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:300px; background:#eb671a; 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; transition: all 0.7s ease; //border-radius:10px; border:0px; cursor: pointer; font-size:115%;}  .tlacitko:hover {  transform: scale(1.05);   }  .tlacitko_odkaz {color:white;}  .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: 'Poppins', sans-serif; }  .souhlas{ float:left; width:100%; margin-top:10px; margin-bottom:10px; }  .souhlas a { color:#eb671a; }  .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:#eb671a;}  .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:#2f2f2f; text-align:center; padding-top:40px; padding-bottom:20px; font-size:120%; float:left; width:100%; color:white; }  .footer_nadpis { color:#eb671a; font-size: 110%; text-decoration: none; padding-left:20px; padding-right:20px; }  .footer a { text-align:left; color:white; text-decoration: none; font-size: 90%; padding-left:20px; padding-right:0px;  }  .footer a:hover {color:#eb671a;}   .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 - 650px);}  .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); }   .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:#eb671a; font-size:220%; text-align:left; margin:0; padding:0; margin-top:35px;} .index_pole_nadpis2 { color:#eb671a; font-size:180%;margin-top:5%;text-align:center;} .index_pole_nadpis3 { color:#eb671a; font-size:180%;margin-top:25%;} .index_pole_nadpis4 { color:#eb671a; 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_jmeno{width:98%;} .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; }    .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; }  .zahlavifoto_text h1 {font-size:300%;}  .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) {  .zahlavifoto_text h1 {font-size:220%;} .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:280px; } .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;  } }   @keyframes filling { from{ background-position: 40% 15% ; } to { background-position: 40% 60%; } }