/* CSS Document */  @import "https://fonts.googleapis.com/css?family=Montserrat:900";    img {max-width:100%;}  body { margin:0; font-family: 'Open Sans', sans-serif; background-color:white; color:#3b3b3b; overflow-x:hidden; }  h1 { text-align:center; color:#ff6600; font-family: 'Open Sans', sans-serif; margin-top:50px; margin-bottom:40px; }  h2 { font-size:130%; text-align:center; margin-top:0px; color:#ff6600; }  h3 { color:#ff6600; }  a { color:#3b3b3b; text-decoration:none; }   a:visited {color:#3b3b3b;} a:hover   {color:#ff6600 ;}  .logo { max-width:300px; float:left; margin-top:5px; margin-left:5px; }  .menu_max { max-width:1360px; margin: 0px auto; }  .max_vyska  {min-height: calc(100vh - 570px);}   /*----MENU----*/  .navigation { position: fixed; top:0; left:0; width:100%; transition:top 0.5s ease; transition: background-color 0.5s ease; background: rgba(255,255,255,1); min-height:60px; z-index:10; width:100%; box-shadow: 0px 1px 5px #b9b9b9; }  .menu_polozky_pc { width:70%; float:right; text-align:right; padding-top:20px; font-size:100%; font-family: 'Open Sans', sans-serif; font-weight:normal; }  .menu_polozky_pc a { color: black; padding-right: 1.2%; padding-left: 4%; text-decoration: none; font-size: 120%; }  .menu_polozky_pc a:hover{color:#ff6600;}  .menu_icon { float: right; cursor:pointer; margin-right:20px; font-size:300%; color:#ff6600; 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:300px; width:40%; 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:170%; }  .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; }  .scrolled { background: rgba(255,255,255); color:#ff6600;  }  .scrolled a { }  @media (max-width: 1100px) {  .navigation2 { display:none;} .menu_icon {display:block;} .menu_polozky_pc { display:none;}   }  /*-------MENU_KONEC-------*/   /*-------MENU-2-------*/  .navigation2 { position: absolute; top:70px; left:0; width:100%; transition:top 0.5s ease; transition: background-color 0.5s ease; background: rgba(0,0,0,0); height:40px; z-index:5; width:100%; text-align:right; }  .navigation2  a { color: #ff6600; padding-right: 1.1%; text-decoration: none; font-size: 110%; }  .navigation2 a:hover { color:#ff6600;}  .menu2_align {margin-top:10px;}   /*-------MENU-2_KONEC-------*/    .zahlavi_foto_index { width:100%; float:right; background-size:cover; background-repeat: no-repeat; height:100vh; background-color:white; background-attachment: fixed; }  .zahlavi_foto_sluzby { background-image: url("uvod/uvod.jpg"); background-size:cover; background-repeat: no-repeat; height:70vh; background-color:white; background-attachment: fixed; }  .zahlavi_foto_ukazky { background-image: url("uvod/uvod.jpg"); background-size:cover; background-repeat: no-repeat; height:70vh; background-color:white; background-attachment: fixed; }  .zahlavi_foto_kontakty { background-size:cover; background-repeat: no-repeat; height:200px; background-color:#ff6600; background-attachment: fixed; }  .zahlavifoto_text h1 { font-family: 'Mostera', sans-serif; font-size:300%; color:white; margin-top:0; background:red; }  .index_nadpis { font-size:250%; color:white; font-weight:900; font-family: 'Mostera', sans-serif; background:#ff6600; padding:20px; display:inline-block; margin-top:225px; margin-left:2%; }   @media screen and (max-width:700px) { .index_nadpis { width:96%; padding:2%; margin:0; margin-top:170px;}  }  .zahlavifoto_text_index h2 { font-size:150%; color:black; font-weight:noraml; text-align:right; }  .zahlavifoto_text_index { margin-left: 3%; padding:1%; text-align:left; margin-top:100px; position:absolute; width:60%; font-weight: bold; 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; }   /*-------SLIDER-------*/  .slider_foto1 { background-image: url("foto_slider/plyn.jpg"); width:100%; height:100%; background-size:cover; background-repeat: no-repeat; background-position: 60% 50%; }  .slider_foto2 { background-image: url("foto_slider/elektrina.jpg"); width:100%; height:100%; background-size:cover; background-repeat: no-repeat; background-position: 60% 50%; }  .slider_foto3 { background-image: url("foto_slider/tlak.jpg"); width:100%; height:100%; background-size:cover; background-repeat: no-repeat; background-position: 60% 50%; }  .slider_foto4 { background-image: url("foto_slider/komin.jpg"); width:100%; height:100%; background-size:cover; background-repeat: no-repeat; background-position: 60% 50%; }  .slider_dalsi { background:black; color:white; border:none; cursor:pointer; position:relative;  padding-top:15px; padding-bottom:15px; padding-left:25px; padding-right:25px; font-size:200%; opacity:0.6; transition:0.5s; float:left; margin-top:250px; margin-left:50px; z-index:3; }  .slider_predchozi  { background:black; color:white; border:none; cursor:pointer; position:relative;  padding-top:15px; padding-bottom:15px; padding-left:25px; padding-right:25px; font-size:200%; opacity:0.6; transition:0.5s; float:right; margin-top:250px; margin-right:50px; z-index:3; }  .slider_dalsi:hover {opacity:1;} .slider_predchozi:hover {opacity:1;}  .slider_animace_obal{ position:relative; animation:slider_animace .3s; left:0vw; max-width:1350px; margin:0 auto; height:70vh; max-height:500px; margin-top:85px;  }  /*-------SLIDER_KONEC-------*/   .centr{ width:100%; float:left; }  .content{ margin: 0px auto; text-align:left; max-width:1350px; padding:20px; padding-top:70px; font-size:130%; }  .index_uvod { font-size:130%;  text-align:center; margin-top:50px; margin-bottom:50px;}  .index_tlacitko { width:200px; background: #ff6600; color:white; font-size:90%; text-align:center; padding:10px; display: inline-block; margin:0 auto; margin-top:50px; margin-right:20px; transition: all 0.7s ease; }  .index_tlacitko:hover {  transform: scale(1.15); background:#5d5d5d; }  .pred_obal { width:22%; display: inline-block; margin-bottom:50px; font-size:120%; margin: 0 auto; margin:1%; }  .pred_foto { width:100%; height:300px; object-fit: cover; margin-top:10px; border-radius: 10px; }  .index_leva{ width:46%; margin:2%; float:left; margin-bottom:50px; float:left; }  .index_leva_text{ width:46%;  margin:2%; float:left; margin-bottom:50px; text-align:right; }  .index_prava{ width:46%; margin:2%; float:left; margin-bottom:50px; float:left;  }  .index_prava_text{ width:46%;  margin:2%; float:left; margin-bottom:50px; text-align:left; }  .index_leva_img { object-fit: cover; width:100%; height:250px; border-radius:10px; }  .mapa { width:650px; 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 { max-width:350px; float:left; padding-right:30px; }  .tel {color:#ff6600; font-size:120%;}  .kontaktujte {color:#ff6600; font-size:120%; text-align:center;}  .tabulka_vstup { width:400px;}  .formular { width:95%; height:25px; margin:5px; }  .formular_text { width:95%; margin-left:5px; }  .galery_min{ width:15%; height:200px; margin:0.7%; border-radius: 10px; object-fit: cover; }  .galery_min img { overflow: hidden; }  .galerie { margin: 0 auto; text-align:center; }  .fb {max-width:100px; margin-right:30px;}  .dalsi_sluzby { text-align:center;}  .ref { font-style:italic;}  .ref_logo {width:115px; margin:3%; transition: all 0.7s ease; }  .ref_logo:hover {  transform: scale(1.3); }  .pre_footer_pozadi { margin-top:100px; width:100%; float:left; background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%); background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%); background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%); background-image: repeating-radial-gradient(center center, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%); -webkit-background-size: 10px 10px; -moz-background-size: 10px 10px; background-size: 10px 10px; }  .pre_footer_pozadi a {color:#3b3b3b;} .pre_footer_pozadi a:visited {color:#3b3b3b;} .pre_footer_pozadi a:hover   {color:#ff6600 ;}     .pre_footer1{ width:25%; float:left; margin:4%;}    @media screen and (max-width:800px) {  .pre_footer1{ width:96%; float:left; margin:2%;}}   .footer { background-color: black; color:white; text-align:center; padding-top:20px; padding-bottom:20px; font-size:120%; float:left; width:100%; }  .footer a { text-align:left; color:white; text-decoration: none; font-size: 100%; padding-left:20px; padding-right:20px; }  .footer a:hover {color:white;}  .BT { text-align:left; margin-left:100px; float:right; }  .footer_popisek {float:left; margin-left:20px;margin-right:20px;}   .container { position: relative;    }  .image { display: block; width: 100%; height: auto; width:100%; height:300px;  object-fit: cover; margin-top:10px; margin-bottom:25px; border-radius: 10px; }  .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: 1s ease; background-color: #ff6600; border-radius: 10px; }  .container:hover .overlay { opacity: 1; }  .reference_popisek { color: white; font-size: 100%; margin-top:40%; text-align:center; opacity: 1; } /*------RESPONS----*/  @media screen and (min-width:2000px) { .zahlavi_foto_index { height:60vh; background-image: url("uvod/uvod4v.jpg");}  }  @media screen and (max-width:1250px) {  .zahlavi_foto_index { background-image: url("uvod/uvod4.jpg");}  .zahlavifoto_text_index {width:60%;}  .zahlavifoto_text_index h1 {font-size: 250%;}  }  @media screen and (max-width:1100px) { .BT{ margin-left:0px; width:100%; text-align:center; margin-top:20px; float:left; }  .footer_popisek{ margin-left:0px; width:100%; text-align:center; float:left;}  .pred_obal { width:30%;  } }  @media screen and (max-width:900px) {  .zahlavi_foto_index {background-image: url("uvod/uvod4.jpg");}  .zahlavifoto_text_index { width:80%;}  .zahlavifoto_text_index h1 {font-size:180%;}   .zahlavi_foto_sluzby { background-image: url("uvod/uvod4.jpg"); height:60vh; }  .zahlavi_foto_ukazky { background-image: url("uvod/uvod4.jpg"); height:60vh; }  .zahlavi_foto_kontakty { background-image: url("uvod/uvod4.jpg"); height:60vh; }  .footer_odkaz   {display:block;}      }  @media screen and (max-width:700px)  {  .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 { 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; }  h3 {margin-top:15px; margin-bottom:5px;}  .pred_obal { width:98%; margin-bottom:50px; }  .zahlavi_foto_index { background-image: url("uvod/uvod4m.jpg"); width:100%;}  .zahlavifoto_text_index h1 {font-size:130%;}  .zahlavifoto_text_index h2 { font-size:100%;}  .zahlavifoto_text h1 {font-size:300%;}  .pred_obal { width:45%;  } }  @media screen and (max-width: 500px) {  .zahlavifoto_text h1 {font-size:220%;}  .zahlavi_foto_sluzby { background-image: url("uvod/uvod4.jpg");}  .zahlavi_foto_ukazky { background-image: url("uvod/uvod4.jpg");}  .zahlavi_foto_kontakty { background-image: url("uvod/uvod4.jpg");}  .pred_obal { width:100%;  }  }  @media screen and (max-width: 400px) { .logo {max-width:60%; margin-top:20px;}        }  @media screen and (max-width:1000px) { .galery_min { width:23%; margin:1%; height:280px; } }  @media screen and (max-width:800px) { .galery_min { width:31%;  margin:1%; height:280px; } }  @media screen and (max-width:570px) { .galery_min { width:47%;  margin:1.5%; height:280px; } }  @media screen and (max-width:450px) { .galery_min { width:46%;  margin:2%; height:250px; } }  @media screen and (max-width:350px) { .galery_min { width:100%;  margin:0%; height:300px; margin-bottom:15px; } }   @media screen and (max-height:550px) {  .zahlavi_foto_index  {height:550px;} .zahlavi_foto_sluzby {height:350px;} .zahlavi_foto_ukazky {height:350px;} .zahlavi_foto_kontakty {height:350px;}  }       @keyframes slider_animace { 0%{left:-20vw;opacity:0.3} 100%{left:0vw} }