/* 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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');  img {max-width:100%;}  body { margin:0; font-family: 'Montserrat', sans-serif; background-color:white; background-image: url("bg.jpg"); background-size:contain; background-position: center 42%; } }  h2 { font-size:230%; color: #bd2323; text-align:center; } b {font-weight:600;} h3 { font-size:130%;  text-align:left; margin-left:0; margin-top:0; font-weight:600; min-height:2.5em;}  a {  text-decoration:none; color:#bd2323; }  a:visited {color:#bd2323;}  li {margin-left:0px;padding:0; } ul {margin-left:0px; margin-top:0; } .td1{width:80%;}  .td2 { width:15%; padding-left:10px; min-width:115px; }  tr {margin-left:0px;}  .logo {max-width:100%; width:230px; margin-bottom:3px; padding-top:10px; transition:  1s ease-out;}   /*----MENU----*/  .navigation { position: fixed; top:0px; width:100%; transition:top 0.5s ease; transition: background-color 0.5s ease; transition: box-shadow 0.5s ease; background: transparent; min-height:85px; z-index:100; margin:0 auto; overflow:hidden; left: 50%; transform: translate(-50%, 0%); transition:1s ease-out; background:white; }  .menu_polozky_pc { width:70%; float:right; text-align:right; padding-top:40px; }  .menu_polozky_pc a { color: #2d2d2d; padding-right:1%; padding-left: 3% ; text-decoration: none; font-size: 130%; }  .menu_polozky_pc a:hover {  color:#bd2323; }  .menu_icon { float: right; cursor:pointer; margin-right:5px; font-size:330%; color:#2d2d2d; display:none; position:absolute; top: 50%; right:5px; -ms-transform: translateY(-50%); transform: translateY(-50%); height:60px; line-height:1; }  .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: 96%; margin-top:2%; max-width:500px; width:80%; min-width:250px; background-color:white; right: -100%; z-index: 10; overflow: scroll; padding-left:30px; overflow-x: hidden; border-radius: 15px 0px 0px 15px; }  .menu_mobile_obal  a { color: #2d2d2d; 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:#bd2323; }  .zavrit { font-size:200%; color:#2d2d2d; cursor:pointer; float:right; margin-right:10px; }  .menu_zavrit_obal{ position: absolute; width: 100%; height: 100%; background-color: transparent; }  .scrolled {   }  .scrolled a {  }  .scrolled a:visited {}  @media (max-width: 950px) { .menu_icon {display:block; margin-right:10px;} .menu_polozky_pc { display:none;} .navigation {overflow: visible; left:0%; transform: none;} }   /*-------MENU_KONEC-------*/   .menu_max { max-width:1920px; margin: 0px auto; }  .logo { max-width:100% float:left; margin-left:20px; margin-top:10px; }  .video_index {height:100vh;  min-height:700px; max-height:1000px;object-fit:cover !important;width:100%; object-position: 80% 50%;} @media screen and (max-width: 600px)  { .video_index {height:500px;}  }  .zahlavi_foto_index { width:100%; height:100vh; min-height:700px; max-height:1000px; float:left; background-size:cover; background-repeat: no-repeat; background-position: top center; //background-attachment: fixed; border-radius: 15px; object-fit:cover; background-position: 30% 50%; }  .zahlavi_foto_index_barva { width:100%; max-width:1920px; height:100vh; min-height:700px; max-height:1000px; float:left; background-size:cover; background-repeat: no-repeat; position:absolute; background: rgba(43,88,126,0.5);  background-color: rgba(43,88,126,0.3); opacity: 1; background-size: 12px 12px; }  @media screen and (max-width: 600px)  {.zahlavi_foto_index, .zahlavi_foto_index_barva {height:500px;}  }  .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:200px; text-align:center; }    .zahlavifoto_text2 {display:none;} @media screen and (max-width: 950px) {  .zahlavifoto_text2 { width:100%; padding:0; margin: 0 auto; margin-top:570px; text-align:center; position:relative; display:block; }  .zahlavifoto_text2 h1 { width:100%; max-width:100%; margin:0 auto; padding:0; } }  .zahlavifoto_text h1 { font-size:800%; 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 (min-width: 3000px) { .zahlavifoto_text { margin-left:0; margin-top:0; } }   @media screen and (max-width: 1200px) {  .zahlavifoto_text h1 {font-size:500%;} .zahlavifoto_text h2 {font-size:180%;} .zahlavifoto_text h3 { font-size:150%;} } @media screen and (max-width: 1100px) {  .zahlavifoto_text h1 {font-size:400%;} .zahlavifoto_text h2 {font-size:170%;} } @media screen and (max-width: 950px) {  .zahlavifoto_text h1 {text-align:center;} .zahlavifoto_text h2 {text-align:center;} .zahlavifoto_text h3 {text-align:center;} } @media screen and (max-width: 600px) {  .zahlavifoto_text h1 {font-size:300%;} .zahlavifoto_text h2 {font-size:150%;} .zahlavifoto_text h3 { font-size:130%;} } @media screen and (max-width: 500px) {  .zahlavifoto_text h2 {font-size:150%;margin-bottom:20px;} .zahlavifoto_text h3 { font-size:130%;margin-bottom:10px;} }  .zahlavifoto_text2 {display:none;} @media screen and (max-width: 950px) {  .zahlavifoto_text2 { width:100%; padding:0; margin: 0 auto; margin-top:570px; text-align:center; position:relative; display:block; }  .zahlavifoto_text2 h1 { width:100%; max-width:100%; margin:0 auto; padding:0; } }  .zahlavifoto_text3 { padding:3px; text-align:center; border-radius: 50%; font-weight: bold; color:white; background: rgba(150,150,150,0.9); position: relative; width:20%; padding-top:20%; margin:2%; margin-top:35vh; overflow: hidden; transition: all 0.7s ease; cursor:pointer; display: inline-block; }  .zahlavifoto_text4 { padding:3px; text-align:center; border-radius: 50%; font-weight: bold; color:white; background: rgba(120,195,0,0.9); position: relative; width:20%; padding-top:20%; margin:2%; margin-top:35vh; overflow: hidden; transition: all 0.7s ease; cursor:pointer; display: inline-block; }  h1{ text-align: center; font-size:350%; font-family: 'Montserrat', sans-serif; color:#bd2323; font-weight:700; line-height:1.1em; line-height: 1.5; }  .nadpis1 {max-width:430px;    border-radius:10px 10px 10px 0px; } .nadpis2 {max-width:430px;  border-radius:0px 0px 10px 0px; margin-top:-1px; color:#bd2323; } /* margin-top: -1px- kvuli prolnuti na ipadu */ .nadpis3 {max-width:150px;  border-radius:0px 0px 10px 0px;  background:white; padding:20px;margin-top:-1px; margin: 0 auto; } .podnadpis {max-width:390px;  border-radius:0px 0px 10px 0px; font-weight:bold; font-size:180%;   margin-top:-1px; }  @media screen and (max-width: 1300px) {  .nadpis1 {max-width:350px;  } .nadpis2 {max-width:430px;   } .nadpis3 {max-width:130px; }  }  @media screen and (max-width: 1100px) {  .nadpis1 {max-width:300px;  } .nadpis2 {max-width:430px;   } .nadpis3 {max-width:130px; }  }  @media screen and (max-width: 890px) {  .nadpis1 {max-width:380px;  } .nadpis2 {max-width:330px;   } .nadpis3 {max-width:100px; } .podnadpis {max-width:310px; font-size:140%;} }  @media screen and (max-width: 750px) {  .nadpis1 {max-width:330px;  } .nadpis2 {max-width:300px;   } .nadpis3 {max-width:100px; } .podnadpis {max-width:280px; font-size:130%;} }   @media screen and (max-width: 450px) {  .nadpis1 {max-width:300px; font-size:220%; } .nadpis2 {max-width:270px;  font-size:220%;  } .nadpis3 {max-width:100px; font-size:220%; } .podnadpis {max-width:250px; font-size:110%;} }  @media screen and (max-width: 400px) {  .nadpis1 {max-width:250px; font-size:180%; border-radius:10px 10px 0px 0px;} .nadpis2 {max-width:250px;  font-size:180%;  border-radius:10px 0px 0px 0px;} .nadpis3 {max-width:100px; font-size:180%; } .podnadpis {max-width:250px; font-size:110%;} }   .centr{ width:100%; float:left; overflow:hidden; background-color: transparent; opacity: 1; background-size: 220px 100px; background-image:  repeating-linear-gradient(to right, #f2f2f2, #f2f2f2 1px, transparent 1px, transparent); background-position: 10%;   }  .content{ margin: 0px auto; text-align:left; max-width:1700px; padding:15px; color:#2d2d2d; font-size:120%;   }  .content_text {margin:1%;}  .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); }  .vyhoda_top { width:100%; height: auto; overflow:auto; display: flex; max-width:1200px; margin:0 auto; }  .sluzby_ikona_obal { width:25.3%; float:left; margin:1%; text-align:center; margin-bottom:50px; font-size:100%; background: #bd2323; color:white; //border-radius:20px; padding:3%; }  .sluzby_ikona { max-width:100%; object-fit: cover; //border-radius: 10px; text-align:center; min-height:200px; margin-top:20px; }  .sluzby_ikona_nadpis{ max-width:100%; text-align:center; height:50px; display:block; font-size:130%; margin-bottom:15px; }  .sluzby_ikona_text{ display: block float:none; position:relative; margin: 0px auto; max-width:200px; }  .element_100{ width:100%; float:left; margin:0%; text-align:center; font-size:100%; margin-bottom:0px; position: relative; }  .element_100 img {border-radius:10px;}  .element_60{ width:44%; float:left; margin:3%; text-align:center; font-size:100%; margin-bottom:80px; position: relative; }  .element_60 img {border-radius:10px;}  .element_40{ width:44%; height:auto; margin:3%; text-align:justify; font-size:100%; margin:0 auto; margin-bottom:80px;  display:block; }  .element_30{ width:27%; height:auto; padding:3%; text-align:justify; font-size:100%; margin:0 auto; margin-bottom:80px display:inline-block; } .element_30 img {width:100%; height:270px; object-fit:cover;}  .element_30_kontakt{ width:27%; height:auto; padding:3%; text-align:justify; font-size:100%; margin:0 auto; margin-bottom:80px display:inline-block; }  .element_50_kontakt{ width:44%; height:auto; padding:3%; text-align:left; font-size:100%; margin:0 auto; margin-bottom:80px display:inline-block; float:left; }  .pred_foto { width:100%; height:100%; height:750px; float:left; object-fit: cover; position:relative; }  .piktogram { } @media screen and (max-width:1250px) {  .piktogram {display:none; } }   @media screen and (max-width:1150px) {    .element_50_kontakt   { width:100%; height:auto; padding:0%; text-align:center; font-size:100%; margin:0 auto; margin-bottom:80px display:inline-block; }  .element_50_kontakt a {display:block;}  .element_30 img {height:350px;}   }    }  @media screen and (max-width:1100px) {  .element_60{ width:50%;}   }  @media screen and (max-width:900px) {  .element_40 { order: 1;} .element_60 { order: 2;}  .element_60{ width:100%; float:left; margin:0%; text-align:justify; margin-bottom:50px; font-size:100%; padding:0; float:left; display:block;  }  .element_40{ width:98%; margin:1%; float:left;  text-align:justify; margin-bottom:50px; font-size:120%; padding:0; }   .element_30{ width:100%; margin:0; margin-top:10px;   padding:0px;margin:0px; margin-bottom:50px;}  .pred_foto { width:100%; max-height:400px; float:left; object-fit: cover; margin-top:10px; //border-radius:20px; margin:0 auto; display:block; float:none; }  }  .galerie { text-align:center; width:95%; margin: 0 auto; }  .galery_min{ width:31.6%; height:300px; margin:0.7%; object-fit: cover; display:inline-block; border-radius:10px; }  .galery_min img { overflow: hidden;height:300px;width:100%;object-fit: cover; } .img-hover-zoom { height: 300px; overflow: hidden; }  .img-hover-zoom--basic img { transition: transform .5s ease; }  .img-hover-zoom--basic:hover img { transform: scale(1.3); }   .gallery_min_e1, .gallery_min_e2, .gallery_min_e3  {width:31.33%;}   .gallery_min_e4, .gallery_min_e5, .gallery_min_e6, .gallery_min_e7 {width:23%;}  .gallery_min_e8, .gallery_min_e9 {width:23%;}  @media screen and (max-width:1000px)  { .gallery_min_e1, .gallery_min_e2 {width:47.33%;}  .gallery_min_e3, .gallery_min_e4, .gallery_min_e5 {width:31.33%;}  .gallery_min_e6, .gallery_min_e7 {width:48%;} }  @media screen and (max-width:700px)  { .gallery_min_e1, .gallery_min_e2 {width:47.33%;}  .gallery_min_e3, .gallery_min_e4, .gallery_min_e5 {width:47.33%;}  .gallery_min_e6, .gallery_min_e7 {width:47.33%;} .galery_min{ height:400px; } } @media screen and (max-width:600px)  { .gallery_min_e1, .gallery_min_e2 {width:98%;} .gallery_min_e3, .gallery_min_e4, .gallery_min_e5 {width:98%;}  .gallery_min_e6, .gallery_min_e7 {width:98%;} }  img, video { max-width: 100%; vertical-align: middle; }   .foto_big1{ background-image: url("foto/mid_foto.jpg"); height:60vh; min-height:300px; max-height:500px; width:100%; margin:0 auto;  float:left; object-fit:cover; background-attachment: fixed; background-repeat: no-repeat; background-size:cover; background-position: left; background-position: 80% 30%;  }  .foto_big1_barva{  height:60vh; min-height:300px; max-height:500px; width:100%; margin:0 auto; float:left; background:rgba(72,72,72,0.5); opacity: 1; background-size: 12px 12px;  }  .foto_big2{ background-image: url("foto/end_foto.jpg"); height:60vh; min-height:300px; max-height:500px; width:100%; float:left; object-fit:cover; background-attachment: fixed; background-repeat: no-repeat; background-size:cover; background-position: left 75%; }  .foto_big2_barva{  height:60vh; min-height:300px; max-height:500px; width:100%; margin:0 auto; float:left; background:rgba(72,72,72,0.5); opacity: 1; background-size: 12px 12px;  }  @media screen and (min-width: 2100px) { .foto_big2 { background-position: left 75%; background-attachment: scroll; } }  .kontakty { width:100%; float:left; text-align:center; float:left; display:block; display:block; margin-bottom:50px; }  .kontakty a {  text-decoration:none; color:#bd2323; font-weight: bold; }  .mapa { width:100%; max-width:100%; float:left; padding-bottom:20px; border-radius:10px; max-height:500px; margin-bottom:70px; }  .google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; border-radius:10px; max-height:500px; }  .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border-radius:10px; max-height:500px; }  .tabulka_vstup { width:400px;}  .paralax  { font-size:400%; color:white; text-align:center; margin-top:150px; padding:30px; font-family: 'Montserrat', sans-serif; font-weight:700; text-shadow: 1px 1px 1px #2c2c2c;  }  .paralax2  { font-size:400%; color:white; text-align:center; margin-top:150px; padding:30px; font-weight:700; font-family: 'Montserrat', sans-serif; text-shadow: 1px 1px 1px #2c2c2c; }   @media screen and (max-width: 1350px) { .paralax, .paralax2  { font-size:300%; margin-top:20vh; }  }  @media screen and (max-width: 1100px) { .paralax, .paralax2  { font-size:300%; margin-top:13vh; }  }  @media screen and (max-width: 900px) { .paralax, .paralax2  { font-size:200%; margin-top: 13vh; }  }      .aktualita_upravy{ text-align:center; margin-top:10vh; }  .aktualita_upravy_talcitko { width:200px; background:#da1616; font-size:130%; color:white; padding:10px; margin:0 auto; margin-top:10px; margin-left:10px; margin-right:10px; border-radius:10px; cursor:pointer; display: inline-block; }  /*----FOOTER----*/  .footer { background-color: white; // color:#bd2323; text-align:center; padding-top:40px; padding-bottom:40px; font-size:120%; float:left; width:98%; margin-left:1%; margin-right:1%; margin-top:0; }  .footer a { text-align:left; color:#505050; text-decoration: none; font-size: 100%; padding-left:20px; padding-right:20px; }  .footer a:hover {color:#bd2323;;}  .footer_odkaz   {display:line;}  .footer_text {text-align:left; padding-left:30px; padding-right:30px; float:left; }  .BT { text-align:left; margin-right:0px; float:right; }  .mobil { color:#bd2323; font-weight: bold; }  .max_vyska  {min-height: calc(100vh - 66px);}  /*----RESPONS----*/  @media only screen and (max-device-width: 1300px) { .zahlavi_foto_index { background-attachment: scroll; }  .foto_big1  { background-attachment: scroll; }  .foto_big2 { background-attachment: scroll; } }   @media screen and (min-width: 2100px) { .zahlavi_foto_index {  background-attachment: scroll; } .zahlavifoto_text {margin-top:200px;} }  @media screen and (max-width: 1200px) { h1{font-size:250%;} h2 {font-size:200%;} h3 {font-size:130%;} }   @media screen and (max-width: 950px) {  h2 {font-size:180%;} h3 {font-size:120%;} }  @media screen and (max-width: 600px) {  }  @media screen and (max-width: 1100px) {  .sluzby_ikona_text{height:80px;}  .foto_big1,   .foto_big1_barva{ height:40vh; }  .foto_big2, .foto_big2_barva{ height:40vh;  }    .footer_text {width:96%;margin:2%;padding:0;text-align:center;margin-bottom:10px;} .BT {width:100%;margin:0;padding:0;text-align:center;} }   @media screen and (max-width: 890px) {  .vyhoda_top {width:100%;display:grid;} .sluzby_ikona_obal { width:100%; padding-left:0; padding-right:0; margin:0; margin-bottom:20px; min-height:0;}  ul {text-align:left;}  }  @media screen and (max-width: 750px) { .sluzby_ikona_text{height:100px;}   }  @media screen and (max-width: 600px) { .pred_foto { width:100%; } }   @media screen and (max-width: 450px) {  .sluzby_ikona_text {height:auto;}  .pred_obal { width:100%; margin:0; margin-bottom:50px; }   }   .kontakty_jmeno { width:100%; max-width:100%; height:27px; border-radius: 2px; border-width: 1px; border-style: solid; border-color:#96a3a4; margin-bottom:10px; font-size:120%; color:#96a3a4; display:line; border-radius:5px; 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; 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; 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; border-radius:5px; padding:0; margin:0;  }  .form_zarovnani { float:left;}  .form_text {margin-left:3px;}  .kontakty_telefon_text_m{display:none;}  .formular_cast {float:left;display:block;width:50%;}  .souhlas a {color:red;} .souhlas a:visited {color:#bd2323;}  .index_tlacitko { width:240px; background:#bd2323; color:white; font-size:70%; text-align:center; padding:10px; display: inline-block; margin:0 auto; margin-top:10px; margin-right:10px; margin-left:10px; transition: all 0.7s ease; border-radius:10px; border:0px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}  .index_tlacitko:hover {  transform: scale(1.1);  }  @media screen and (max-width:600px) { .index_tlacitko {width:100%;} .index_tlacitko:hover {  transform: scale(1); } }  #ochrana_ou_pozadi { width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,0.5); position:fixed; left:0; top:0; display:none; z-index:10000; transition: all 2s ease; }  #ochrana_ou { width:95%; max-width:1300px; padding:10px; padding-bottom:30px; background:white; border-radius:20px; margin:0 auto; margin-top:5vh; text-align:left; font-size:70%; overflow-y:auto; max-height:80vh; -webkit-animation: fadeIn 05.s; animation: fadeIn 0.5s; }   .kontakty_130 {font-size:130%;line-height:1.5;} @media screen and (max-width: 700px) {{.kontakty_130 {font-size:100%;} }}  @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }  @media screen and (max-width: 1100px) {  .kontakty_jmeno{width:99%;} .kontakty_email{max-width:99%;} .kontakty_telefon{max-width:99%;margin-right:0;float:left;} .formular_text {width:99%;} .kontakty_telefon_text {display:none;} .kontakty_telefon_text2 {display:none;} .kontakty_telefon_text_m {display:block;} .formular_cast {width:100%;} }  @media screen and (max-width: 600px) {  .kontakty_jmeno{width:98%;} .kontakty_email{max-width:98%;} .kontakty_telefon{max-width:98%;} .formular_text {width:98%;} }  //@media screen and (max-width:800px) { .galery_min { width:31%;  margin:1%; height:280px; } }  @media screen and (max-width:800px) { .galerie {  width:100%;}   .galery_min { width:48%;  margin:1%; height:300px; } }  @media screen and (max-width:450px) { .galery_min {  height:250px; } }  @media screen and (max-width:350px) { .galery_min { width:100%;  margin:0;  height:250px; margin-bottom:15px; } }  .flex-container { display: flex; flex-wrap: wrap;}  .vertical_center {position: relative; top: 50%; -ms-transform: translateY(-50%);transform: translateY(-50%);}  .galerie_plus {cursor: pointer; text-align:center; font-size:400%; margin:0 auot;}  .sluzby_ikona_obal { width:21%; float:left; margin:1%; text-align:center; margin-bottom:50px; font-size:100%; background: #117987; color:white; border-radius:20px; padding:1%; }  @media screen and (max-width: 1150px) {  .sluzby_ikona_obal {  width:46%; min-height:300px; display:block; float:left;} }  @media screen and (max-width: 500px) { .sluzby_ikona_obal { width:100%; padding-left:0; padding-right:0; margin:0; margin-bottom:20px; min-height:0;} }  .organizace_obal {width:96%;background:#efefef;height:55px; padding:2%;margin-bottom:5px;float:left;font-size:110%; border-radius:10px;} .organizace_obal_b2 {background:#e6f5fa;} .organizace_den  {width:50px;float:left;} .sluzby_ikona_text_den {display:line;  float:left; width:130px; text-align:left;margin:1px; line-height:0.9;height:60px;margin-bottom:15px;}  @media screen and (max-width: 1150px) { .organizace_obal{font-size:100%;} .sluzby_ikona_text_den {width:95px;} }  @media screen and (max-width: 900px) { .organizace_obal{font-size:110%;} .sluzby_ikona_text_den {width:120px;} .organizace_den  {width:60px;} }  @media screen and (max-width: 500px) { .organizace_obal{font-size:100%;} .sluzby_ikona_text_den {width:95px;} .organizace_den  {width:50px;} }  @media screen and (max-width: 400px) { .organizace_obal{font-size:90%;} .sluzby_ikona_text_den {width:85px;} .organizace_den  {width:35px;} } @media screen and (max-width: 350px) { .organizace_obal{font-size:90%; height:auto;} .sluzby_ikona_text_den {width:85px;} .organizace_den  {width:35px;} }  .index_button { background:#bd2323; width:220px; border-radius:10px; display: inline-block; margin: 0 auto; font-size:120%; font-weight:500; padding:15px; margin-right:30px;color:white;    transition: transform .5s ease; } .index_button:hover {transform: scale(1.2); } .index_button a {color:white; }  @media screen and (max-width: 1200px) {.index_button { width:180px;  font-size:100%; margin-right:20px;} } @media screen and (max-width: 950px) {.index_button { width:170px;  font-size:100%; padding:15px;  margin:0 auto; float:none; margin-left:10px;margin-right:10px;} } @media screen and (max-width: 550px) {.index_button { width:160px;  font-size:100%; padding:15px;  margin:0 auto; float:none; margin-left:7px;margin-right:7px;margin-bottom:10px} }   .cenik {margin-bottom:20px;} .cenik_text {display: inline-block;width:80%;text-align:left;max-width:450px; } .cena {display: inline-block;float:right;min-width:80px;text-align:right;width:20%;}  @media screen and (max-width: 1200px) { .cenik_text  {width:70%;}.cena{width:30%;}  }  #ochrana_ou_pozadi { width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,0.5); position:fixed; left:0; top:0; display:none; z-index:10000; transition: all 2s ease; }  #ochrana_ou { width:95%; max-width:1300px; padding:10px; padding-bottom:30px; background:white; border-radius:20px; margin:0 auto; margin-top:5vh; text-align:left; font-size:70%; overflow-y:auto; max-height:80vh; -webkit-animation: fadeIn 05.s; animation: fadeIn 0.5s; }  /*----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:350%; margin:0px; display:inline-block; font-weight:700; font-family: 'Montserrat', sans-serif;color:black;  } .pocitadlo_vertical { font-size:130%; color:#b90e1b;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----*/ .ref_brands {width:12%; height:70px; object-fit:contain;margin:4%;float:left;margin-bottom:50px; display:inline-block; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}  .ref_brands:hover {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);cursor:pointer;}  @media screen and (max-width: 830px) {.ref_brands {width:23%;margin:5%;float:left;} }