/* 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=Bebas+Neue&display=swap');  img {max-width:100%;}  body { margin:0; font-family: 'Open+Sans', sans-serif; background-color:white; background-image: url("bg.jpg"); background-size:contain; background-position: center 42%; }    h2 { font-size:230%; color: #a3b700; text-align:center; } b {font-weight:600;} h3 { font-size:140%;  text-align:center; margin-top:0; font-weight:600;}  a {  text-decoration:none; color:#a3b700; }  a:visited {color:#a3b700;}  li {margin-left:0px; } 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:260px; transition:  1s ease-out;}   /*----MENU----*/  .navigation { position: fixed; top:15px;  width:100%; transition:top 0.5s ease; transition: background-color 0.5s ease; transition: box-shadow 0.5s ease; background: rgba(255,255,255,1); min-height:65px; z-index:100; width:95%; max-width:1600px; margin-left:2.5%; margin-top:15px; margin:0 auto; overflow:hidden; background:white; left: 50%; transform: translate(-50%, 0%); border-radius:15px;  }  .menu_polozky_pc { width:70%; float:right; text-align:right; padding-top:20px; }  .menu_polozky_pc a { color: #434343; padding-right:2%; padding-left: 2% ; text-decoration: none; font-size: 120%; }  .menu_polozky_pc a:hover {  color:#a3b700; }  .menu_icon { float: right; cursor:pointer; margin-right:10px; font-size:370%; color:#434343; display:none; position:absolute; top: -5px;; right:5px;  }  .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: #434343; 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:#a3b700; }  .zavrit { font-size:200%; color: #434343; cursor:pointer; float:right; margin-right:10px; }  .menu_zavrit_obal{ position: absolute; width: 100%; height: 100%; background-color: transparent; }  .scrolled {  box-shadow: 0px 1px 10px #707070;}  .scrolled a { }  .scrolled a:visited {}  @media (max-width: 1100px) { .menu_icon {display:block;} .menu_polozky_pc { display:none;} .navigation {overflow: visible; left:2.5%; transform: none;} }   /*-------MENU_KONEC-------*/   .menu_max { max-width:1800px; margin: 0px auto; }  .logo { max-width:100% float:left; margin-left:10px; margin-top:10px; }  .zahlavi_foto_index { width:50%; height:700px;  margin:0 auto; margin-top:95px; max-width:850px; background-image: url("fotky/uvod_foto.jpg"); background-size:cover; background-repeat: no-repeat; background-position: 80% 50%; border-radius:35px; margin-right:100px;  background-color:#111111; float:right; }  .zahlavi_foto_index_barva { width:100%; height:700px;  float:right; background-size:cover; background-repeat: no-repeat; display: inline-block; // background: rgba(117,148,54,0.3);  }   .uvod_centr {width:100%;  text-align:center;}  .zahlavifoto_text { text-align:center; font-weight: bold; color:green; //   background: rgba(75,180,20,0.7); margin-top:200px; width:50%; max-width:800px; padding:2%; transition: all 0.7s ease; display: inline-block; float:left; position:absolute; margin-left:10%; }  .zahlavifoto_text h1 { color:#a3b700; font-size:800%; font-family: "Bebas Neue", system-ui;font-weight:800; line-height:0.9;text-align:left;padding:0;margin:0;margin-bottom:5px;} .zahlavifoto_text h2 { color:#626262; font-size:300%; font-family: "Ubuntu", system-ui;font-weight:800; line-height:0.9;text-align:left;padding:0;margin:0; margin-bottom:70px; } .zahlavifoto_text h3 {  color:#626262; font-size:250%; font-family: "Ubuntu", system-ui;font-weight:500; line-height:0.9;text-align:left;padding:0;margin:0; margin-bottom:70px; }  @media screen and (min-width: 2000px) { .zahlavifoto_text { margin-left:100px; margin-top:0px; padding:50px; } }  @media screen and (max-width: 1750px)  {  .zahlavi_foto_index {margin-right:55px;} .zahlavifoto_text { margin-left:50px;}  .zahlavifoto_text h1 {font-size:700%;} .zahlavifoto_text h2 {font-size:220%;} } @media screen and (max-width: 1300px) { .zahlavi_foto_index { height:550px;} .zahlavifoto_text h1 {font-size:600%;} .zahlavifoto_text h2 {font-size:200%;} .zahlavifoto_text h3 {font-size:190%;}   } @media screen and (max-width: 1100px) {   .zahlavi_foto_index {;margin-right:25px;} .zahlavifoto_text h1 {font-size:500%;} .zahlavifoto_text h2 {font-size:190%;} }   @media screen and (max-width: 950px) {  .zahlavi_foto_index {width:83%; float:none; margin: 0 auto; margin-top:90px; margin-bottom:30px;height:400px;  background-position:0% 70%; background-attachment:scroll;background-position: 50% 50%; } .zahlavifoto_text { position:relative;  margin:0 auto; float:none;;width:86%;padding:2%;;margin-left:5%; text-align:center; } .zahlavifoto_text h1 {text-align:center; margin-bottom:50px;} .zahlavifoto_text h2 { text-align:center; margin-bottom:30px;} .zahlavifoto_text h3 { text-align:center;margin-bottom:30px;font-size:170%;} }  @media screen and (max-width: 800px) {  .zahlavi_foto_index {width:95%; height:600px; }} @media screen and (max-width: 650px) {  .zahlavi_foto_index {width:95%; height:500px;min-height:0; }   } @media screen and (max-width: 550px) {  .zahlavi_foto_index {width:95%; height:300px;}  .zahlavifoto_text h1 {font-size:330%;} .zahlavifoto_text h2 {font-size:170%;}  .zahlavifoto_text h3 {font-size:150%;}} h1{ text-align: center; font-size:300%; font-family: 'Ubuntu', sans-serif; color:#a3b700; font-weight:700; line-height:1.1em; margin-top:0; width:100%; 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:#a3b700; } /* 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; }  .content{ margin: 0px auto; text-align:left; max-width:1600px; padding:15px; color:#363636; font-size:115%; }  .content_text {margin:1%;}  .zalozka { width:100%; float:left; height:90px; }  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: #a3b700; 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:95%; float:left; margin:2.5%; text-align:center; font-size:100%; margin-bottom:80px; position: relative; }  .element_100 img {border-radius:15px;}  .element_60{ width:44%; float:left; margin:3%; text-align:center; font-size:100%; margin-bottom:30px; position: relative;  margin-top:0; }  .element_60 img {border-radius:25px;}    .element_40{ width:44%; height:auto; margin:3%; text-align:justify; font-size:120%; margin:0 auto; margin-bottom:30px;  display:block; margin-top:0; }  .pred_foto { width:100%; height:100%; float:left; object-fit: cover; position:relative; margin-top:0; }  .piktogram { } @media screen and (max-width:800px) {  .piktogram {display:none; } }   @media screen and (max-width:1100px) {  .element_60{ width:50%;}   }     @media screen and (max-width:900px) {  .element_60{ width:100%; float:left; margin:0%; text-align:justify;  font-size:100%; padding:0; float:left; display:block; margin-bottom:20px; }  .element_40{ width:98%; margin:1%; float:left; margin-bottom:20px; text-align:justify;  font-size:120%; padding:0; }  .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:23.6%; height:400px; margin:1.5%; object-fit: cover; display:inline-block; border-radius:20px; }  .galery_min img { overflow: hidden;height:400px;width:100%;object-fit: cover; } .img-hover-zoom { height: 400px; overflow: hidden; }  .img-hover-zoom--basic img { transition: transform .5s ease; }  .img-hover-zoom--basic:hover img { transform: scale(1.3); }  img, video { max-width: 100%; vertical-align: middle; }   .gallery_min_e1, .gallery_min_e2, .gallery_min_e3  {width:30.33%;}   .gallery_min_e4, .gallery_min_e5 {width:47%;}  .gallery_min_e6, .gallery_min_e7, .gallery_min_e8, .gallery_min_e9 {width:22%;}  @media screen and (max-width:800px)  {  .gallery_min_e1, .gallery_min_e2, .gallery_min_e3, .gallery_min_e4, .gallery_min_e5, .gallery_min_e6, .gallery_min_e7, .gallery_min_e8, .gallery_min_e9 {width:47%; height:270px;} } @media screen and (max-width:350px)  {  .gallery_min_e1, .gallery_min_e2, .gallery_min_e3, .gallery_min_e4, .gallery_min_e5, .gallery_min_e6, .gallery_min_e7, .gallery_min_e8, .gallery_min_e9 {width:97%; height:270px;} }   video { border-radius:15px;}  .foto_big1{ background-image: url("fotky/mid_foto.jpg"); height:60vh; min-height:300px; max-height:500px; width:100%; float:left; margin:0 auto; border-radius:30px; object-fit:cover; background-attachment: fixed; background-repeat: no-repeat; background-size:cover; background-position: right; background-position: 10% 30%;   }  .foto_big2{ background-image: url("fotky/end_foto.jpg"); height:60vh; min-height:300px; max-height:500px; width:100%; float:left; object-fit:cover; border-radius:30px; background-attachment: fixed; background-repeat: no-repeat; background-size:cover; margin-top:100px; background-position: left 75%; }  @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:#a3b700; font-weight: bold; }  .mapa { width:100%; max-width:100%; float:left; padding-bottom:20px; border-radius:30px;  }  .google-maps { position: relative; height: 0; overflow: hidden; border-radius:30px; height:500px; }  .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% ; border-radius:30px; max-height:500px !important;  }  .tabulka_vstup { width:400px;}    .paralax  { font-size:400%; color:white; text-align:center; margin-top:150px; padding:30px; font-family: 'Ubuntu', sans-serif; font-weight:900; text-shadow: 1px 1px 1px #2c2c2c;  }  .paralax2  { font-size:400%; color:white; text-align:center; margin-top:150px; padding:30px; font-weight:900; font-family: 'Ubuntu', sans-serif; text-shadow: 1px 1px 1px #2c2c2c;  }    .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:5px; cursor:pointer; display: inline-block; }  /*----FOOTER----*/  .footer { background-color: white; // color:#a3b700; text-align:center; padding-top:40px; padding-bottom:40px; font-size:120%; float:left; width:100%;  margin-top:0;  }  .footer a { text-align:left; color:#505050; text-decoration: none; font-size: 100%;  }  .footer a:hover {color:#a3b700;;}  .footer_odkaz   {display:line;}  .footer_text {text-align:left;   float:left; }  .BT { text-align:left; margin-right:0px; float:right; }  .mobil { color:#a3b700; 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: 600px) { h1{font-size:230%;}  }  @media screen and (max-width: 1100px) {  .sluzby_ikona_text{height:80px;}  .foto_big1{ height:40vh; }  .foto_big2{ height:40vh;  }  .paralax, .paralax2  { font-size:200%; margin-top:13vh; }  .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;}  .paralax2  { font-size:200%; margin-top:10vh; } }  @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; }  .paralax2  {margin-top:5vh;} }   .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:10px; 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:10px; 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:#a3b700;}  .index_tlacitko { width:240px; background:#a3b700; color:white; font-size:70%; 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:25px; 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%;} @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%;}  }     .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:15px;} .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:#a3b700; width:270px; border-radius:25px; display: inline-block; font-size:150%; padding:15px; margin-right:50px;color:white;    transition: transform .5s ease; float:left; } .index_button:hover {transform: scale(1.1); } .index_button a {color:white; }  @media screen and (max-width: 1500px) {.index_button { width:200px;  font-size:130%; margin-right:20px; } } @media screen and (max-width: 1100px) {.index_button { width:170px;  font-size:115%; padding:15px; margin-right:10px;margin-top:10px;} } @media screen and (max-width: 950px) {.index_button {width:150px; float:none; margin:5px auto;} } @media screen and (max-width: 550px) {.index_button {width:140px; float:none; margin:5px auto;padding-left:10px;padding-right:10px;font-size:100%;} }  .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;  }