/* CSS Document */ @import url('https://fonts.googleapis.com/css?family=Ubuntu:500,700&display=swap&subset=latin-ext');  img {max-width:100%;}  body { margin:0; font-family: 'Open Sans', sans-serif; background-color:white;}  h1 {text-align:left; font-size:230%; font-family: 'Ubuntu', sans-serif;}  h2 { text-align:center; padding-top:20px; padding-bottom:0px; color: #f32027;}  h3 { text-align:center; padding-top:20px; padding-bottom:0px; color: #f32027; font-size:150%;}  .header { width:100%; background:white; min-height:80px;}  .menu_max { max-width:1360px; margin: 0px auto;}  .topnav { min-width:200px; overflow: hidden; min-height:86px; text-align: right; background: transparent;}  .topnav a { color: #f32027; padding-left: 1.5%; padding-right: 1.5%; padding-top: 32px; padding-bottom: 32px; text-decoration: none; font-size: 130%; transition: all 0.7s ease; }  .topnav a:hover { background-color: #f32027; color: white;}  .topnav .icon {display: none;}  .zahlavi_menu { background-image: url("uvod_f1.jpg"); background-size:cover; background-repeat: no-repeat; min-height:650px; background-color:black;}  .logo { max-width:100% float:left; margin-left:10px;}   .menu_align {margin-top:30px;}  .zahlavifoto_text { margin-left: 3%; padding:1%; text-align:left; margin-top:10%; position:relative; max-width:600px; background: rgba(0, 0, 0, 0.8); font-weight: bold; color:white;  -webkit-animation-name: animace1; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */ animation-name: animace1; animation-duration: 2s; }  .sluzby_pink { color:#252525; font-size:120%; text-align:left; padding-left:10px; padding-right:10px; }  .text { max-width:1000px; text-align:justify; margin: 0 auto; padding:10px; }    hr.cara{ width:100%; float:left; 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);}  .footer { background-color: #3d3d3d; 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:#f32027;}  .footer_odkaz   { display:line;}  .BT { text-align:left; margin-left:100px;}   .mapa { width:640px; 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: 80% !important;}   .kontakty { max-width:350px; float:left; padding-right:30px;}  .tabulka_vstup { width:400px;}  .formular {width:95%; height:25px; margin:5px;}  .formular_text {width:95%; margin-left:5px;}   .postup_ikona_obal { width:21%; float:left; margin:2%; text-align:center; margin-bottom:70px; text-align:center;  }  .postup_ikona_text{ max-width:100%; text-align:center; display:block; font-size:87%; }  .postup_ikona_text li{  text-align:left;  }  .postup_kruh { width: 170px; height: 150px; padding-top:20px; line-height: 40px; border-radius: 50%; text-align: center; font-size: 23px; border: 4px solid #f32027; color:#f32027; font-family: 'Ubuntu', sans-serif; text-align:center; margin: 0 auto; margin-bottom:30px; }  .zkusenostim {display:none;} .zkusenostimm {display:none;}   .sluzby_ikona_obal { width:31.3%; float:left; margin:1%; text-align:center; margin-bottom:50px; font-size:100%; text-align:center; background:#f5f5f5; border-radius: 10px; -webkit-box-shadow: 10px 8px 18px -10px rgba(110,110,110,1); -moz-box-shadow: 10px 8px 18px -10px rgba(110,110,110,1); box-shadow: 10px 8px 18px -10px rgba(110,110,110,1);}  .sluzby_ikona { max-width:100%; object-fit: cover; border-radius: 10px; text-align:center; min-height:200px; margin-top:20px; }  .sluzby_ikona_text{ max-width:100%; text-align:center;  display:block; padding:10px;}  .index_tlacitko { width:180px; background:#f32027; color:white; font-size:110%; 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:20px; border:0px; cursor: pointer;}  .index_tlacitko:hover { background:#424242; }   .pred_obal { width:48%; float:left; margin:1%; text-align:left; margin-bottom:50px; font-size:90%; }  .pred_foto { width:100%;  float:left; object-fit: cover; margin-top:10px; border-radius: 10px; }  .ref_logo { margin:1%; width:45%;  transition: all 0.7s ease;}     .ref_logo:hover { transform: scale(1.15); overflow: hidden;  }   @media screen and (max-width: 1200px) {.footer_odkaz   {display:block;}  .BT{ margin-left:0px;}}  @media screen and (max-width: 1150px) {  .topnav { min-height:0; min-width:90%;}  .topnav a { display: none; padding:5px;}  .topnav a.icon { margin-top:15px; display: inline; position:absolute; top: 0px; right:20px; padding:0;}  .topnav.responsive a { display: block; text-align: center; font-size: 120%; padding: 5px;}  .logo {margin-left:0px;}  .menu_align {margin-top:0px;}  .zahlavi_menu {min-height:400px;}  .zahlavifoto_text{ margin: 0 auto; position:relative; max-width:100%; margin-top:50vh;}    }  @media screen and (max-width: 900px) { .postup_ikona_obal {width:46%;} } @media screen and (max-width: 800px) {  .zkusenostim {display:block;} .zkusenosti {display:none;} .sluzby_ikona_obal {width:98%;}    }  @media screen and (max-width: 600px) { .zahlavi_menu {min-height:300px;} h1 {font-size:200%;} .pred_obal{width:98%;}}  @media screen and (max-width: 400px) { .zahlavi_menu {min-height:200px;}   .postup_ikona_obal {width:98%;}  .zkusenostimm {display:block;} .zkusenostim {display:none;}}   @keyframes animace1 { from  { left:-200%;} to { left:0%;} }