/* CSS Document */  @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; color:#1b1b1b; background-image: url("bg.png"); background-size:contain; background-position: center 42%; }  h1 { font-size:300%; color:#fe5200; font-weight:600; text-align:center; margin-bottom:100px; }  @media screen and (max-width:1300px) {   h1 {font-size:270%;}} @media screen and (max-width:1000px) {   h1 {font-size:250%;}} @media screen and (max-width:70px) {   h1 {font-size:200%;}}  h2 { font-size:200%; text-align:left; margin-top:0px; color:#fe5200; font-weight:600; }  h3 { color:#fe5200; margin-top:0; margin-bottom:20px; font-weight:600; }  a {color:#1b1b1b; text-decoration:none; }  ul {text-align:left;}  b {font-weight:600;}  .content_ind {  }  .content_ind a:hover {color:#fe5200;}  a:visted{color:#1b1b1b;}  .logo { background-image: url("logo.png"); background-size:cover; background-repeat: no-repeat; height:100px; width:98px; max-width:100%; float:left; margin-top:12px; margin-bottom:7px; }  /*----MENU----*/  .menu_max { max-width:1700px; width:95%; 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:105px; z-index:100 !important; width:100%; background:white; }  @media screen and (max-width:1750px) { .navigation  {width:98%; padding-left:1%;padding-right:1%;} }  .menu_polozky_pc { width:82%; min-height:105px; float:right; text-align:right; padding-top:7px; background:white; z-index:20; }  .menu_polozky_pc a { color: #1b1b1b; padding:2%; padding-top:27px; padding-bottom:20px; text-decoration: none; font-size: 110%; width:100%; float:left; }  .menu_polozky_pc a:hover { color: #fe5200; transition: color 0.5s }  .menu_index a {color:#1b1b1b;}  .menu_index a:hover {color:#fe5200;}  .menu_icon { float: right; cursor:pointer; margin-right:20px; margin-top:10px; font-size:300%; color:#1b1b1b; 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:85%; 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:10px; width:75%; text-align:left; float:left; text-decoration: none; font-size:115%; }  .menu_mobile_obal a:hover { color: #fe5200; transition: color 0.5s }  .zavrit { font-size:300%; color:#1b1b1b; 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; height:50px; } @media (max-width: 1600px) { .dropdown_tlacitko { padding:15px;} }  .dropdown { display: inline-block; }  .dropdown_content { display: none; position: absolute; background-color: white; min-width: 150px; margin-left:20px; max-width:300px; border-radius: 10px 10px 10px 10px; animation: men_dropdown_fade 0.3s ease-out; -webkit-animation: men_dropdown_fade 0.3s ease-out; top:85px; background:white; padding:20px; }  .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:#fe5200; 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:85px; z-index:-10;} 100% {top:85px; z-index:1; } }  .scrolled { background: white; box-shadow: 0px 1px 20px #7e7e7e; transition:  box-shadow 1s; }  .scrolled a { color:#1b1b1b;}  .scrolled a:visited{ color:#1b1b1b;}  .scrolled a:hover {  color:#fe5200; transition: color 1s; }  .scrolled .menu_icon {color:#1b1b1b;}   .scrolled .menu_mobile_obal  a {color:black;}  .scrolled .menu_mobile_obal  a:hover { color:#fe5200; background:none; transition: color 1.5s }  .scrolled  .dropdown_content  { box-shadow: 0px 17px 28px -8px #7e7e7e; box-shadow: 0px 17px 25px -10px #7e7e7e; }  @media (max-width: 1500px) { .menu_icon {display:block;} .menu_polozky_pc { display:none;} .logo {max-width:75%; margin-bottom:5px;} }  .menu_mobile_sub {float:left;margin-left:15px;font-size:85%;display:none;width:90%;} .menu_mobile_sub a {margin-top:10px;} .menu_mob_sipka {display:inline-block; float:left; margin-right:0px;  font-size:130%; margin:10px;cursor:pointer; transition: transform 0.5s; }   /*-------MENU_KONEC-------*/   .index_nadpis { margin-top:300px; float:left;}  .nadpis_obal { background-image: url("foto/zahlavi_foto.jpg"); background-position: center bottom; background-size:cover; background-repeat:none; width:100%; max-width:2000px; color:  white; font-size: 30px; font-family: 'Montserrat', cursive; animation: filling 2s ease forwards; text-shadow:0 10px 100px rgba(0,0,0,0.001); height:300px; margin:0; border-radius:7px; margin:0 auto; margin-top:130px; margin-bottom:30px; }  .nadpis_obal_vzduchotechnika {background-image: url("foto/zahlavi_vzduchotechnika.jpg");} .nadpis_obal_strechy { background-image: url("foto/zahlavi_strechy.jpg");} .nadpis_obal_klimatizace {background-image: url("foto/zahlavi_klimatizace.jpg");} .nadpis_obal_nadoby {background-image: url("foto/zahlavi_nadoby.jpg");}   @keyframes filling { from{ background-position: 70% 0% ; } to { background-position: 70% 40%; } }  .nadpis_obal_ztmaveni { width:100%; background:rgba(0,0,0,0.4); height:300px; margin:0; border-radius:7px; }    .nadpis_obal h1 { color:white; // text-shadow: 1px 1px 1px #2c2c2c; padding-top: 100px; text-align:center; font-size:220%; font-weight:600; }  @media screen and (max-width:1300px) { .nadpis_obal, .nadpis_obal_ztmaveni {   height:300px;} .nadpis_obal h1{ padding-top: 100px;font-size:200%; } .nadpis_obal { margin-bottom:30px;} }  @media screen and (max-width:900px) { .nadpis_obal, .nadpis_obal_ztmaveni {   height:250px;} .nadpis_obal h1{ font-size:170%; padding-top: 100px; } }  @media screen and (max-width:700px) { .nadpis_obal h1{ padding-top: 75px; } } @media screen and (max-width:600px) { .nadpis_obal h1{ font-size:150%; } } @media screen and (max-width:450px) { .nadpis_obal h1{ font-size:120%; } }    .nadpis_produkt{ font-size:800%; font-weight:900; font-family: 'Montserrat', sans-serif; text-align:center; margin-top:80px; margin-bottom:80px display:inline-block; position:absolute; top:250px; left:50%; background:transparent; color: white; -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: #868686; }  @media screen and (max-width:1600px) { .uvodni_nadpis{ font-size: 270%; } } @media screen and (max-width:1400px) { .uvodni_nadpis{ font-size: 250%; } } @media screen and (max-width:700px) { .uvodni_nadpis{ font-size: 220%; } } @media screen and (max-width:500px) { .uvodni_nadpis{ font-size: 190%; } }  .zahlavifoto_text_index h2 { font-size:150%; color:black; font-weight:noraml; text-align:right; }  .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:40px;}  .content{ margin: 0px auto; text-align:left; max-width:1250px; padding:20px; padding-top:120px; font-size:18px; }  .content_ind{ margin: 0px auto; text-align:left; max-width:1800px; padding:0px; padding-top:0px; font-size:18px; }   .flex-container { display: flex; flex-wrap: wrap; gap: 7%; margin-bottom:80px;}  .flex-container2 { display: flex; flex-wrap: wrap; gap: 1%; justify-content: center; align-items: center;    }  @media screen and (max-width:1000px)  {.flex-container {margin-bottom:40px;}}  .produkt_min_obal{ width:100%; height: auto; overflow:auto; margin:0 auto; }  .produkt_min{ width:20%; margin:2.5%; float:left; margin-bottom:00px; float:left; color:#1b1b1b; text-align:left; font-size:90%; height:auto;  }  .produkt_nadpis{ min-height:45px; }  @media screen and (max-width:1100px)  { .produkt_nadpis{ min-height:55px; }}  .produkt_popisek{ min-height:220px; }  @media screen and (max-width:1100px)  { .produkt_popisek{ min-height:150px; }  }  .produkt_min_foto{ width:100%; height:250px; margin-top:0px; margin-bottom:15px; object-fit: cover; }  @media screen and (max-width:1100px)  { .produkt_min_foto{ min-height:250px; }}  @media screen and (max-width:700px)  { .produkt_min_foto{ min-height:0px; } }  .akce {background:#fe5200; color:white; float:left; width:50px; margin-top:-40px; z-index:3; position:absolute; padding:5px; font-size:100%;}  .akce_detail {background:#fe5200; 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:-400px; margin-right:-10px; float:right; z-index:3; }  .akce_bublina_obal2 { width:80px; float:left; position:relative; margin-top:-500px; margin-right:-10px; float:right; z-index:3; }   @media screen and (max-width:1250px) {.akce_bublina_obal {margin-top:-350px;} .akce_bublina_obal2 {margin-top:-450px;} } @media screen and (max-width:1100px) {.akce_bublina_obal {margin-top:-300px;} .akce_bublina_obal2 {margin-top:-400px;} } @media screen and (max-width:1000px) {.akce_bublina_obal {margin-top:-250px;} .akce_bublina_obal2 {margin-top:-350px;} } @media screen and (max-width:900px) {.akce_bublina_obal {margin-top:-200px;} .akce_bublina_obal2 {margin-top:-300px;} } @media screen and (max-width:800px) {.akce_bublina_obal {margin-top:-50px; margin-right:10px;} .akce_bublina_obal2 {margin-top:-50px;margin-right:10px;} }  .akce_bublina { width: 80px; line-height: 80px; border-radius: 50%; text-align: center; font-size: 140%; color:white; background:#fe5200; font-weight:400; text-align:center; position:relative; float:left; margin-top:10px; margin: 0 auto; }  .akce_bublina_obal_index { width:180px; float:left; position:relative; margin-top:-100px; float:right; z-index:3; }  .top_produkt{ position:relative; text-align:left; margin:0; padding:0; float:left z-index:3; }  .top_produkt_index { position:relative; text-align:left; margin:0; padding:0; float:right; z-index:3; max-width:60px; margin-top:10px; }   .akce_bublina_index { width: 60px; line-height: 60px; border-radius: 50%; margin:5px; text-align: center; font-size: 110%; color:white; background:#fe5200; font-weight:400; text-align:center; position:relative; float:right; margin-top:10px; }  .akce_bublina2_index{ width: 60px; line-height: 60px; border-radius: 50%; text-align: center; font-size: 110%; color:white; background:#fe5200; font-weight:400; text-align:center; position:relative; float:left; }  .produkt_galerie {}    .element_40 { width:43%; margin:0%; float:left; text-align:justify; min-height:500px; margin-bottom:30px; font-size:100%;}   .element_60 { width:50%; margin:0%; float:left; object-fit:cover; margin-bottom:30px;}  .element_60 img {  border-radius:5px;  height:550px; width:100%;object-fit:cover;}      .vertical_center {position: relative; top: 50%; -ms-transform: translateY(-50%);transform: translateY(-50%);}   .index_element_img { object-fit: cover; width:100%; border-radius: 0px; width:100%; max-height:800px; }  .element_piktogram { width:130px !important; height:auto !important; object-fit:contain; position: absolute; top: -7%; left: 88%; z-index:2; } @media screen and (max-width:1500px) {.element_piktogram {top: -5%; left: 75%;  } }  @media screen and (max-width:1050px) { .element_40, .element_60  {width:100%; margin-bottom:30px; min-height:auto; text-align:left;} .vertical_center {position: relative; top: 0%; -ms-transform: translateY(0%);transform: translateY(0%);} .element_60 img {  max-height:400px; width:100%; object-fit:cover;} .element_piktogram {display:none;} .element_40 { order: 1;} .element_60 { order: 2;} .produkt_telo_order1 { order: 1;} .produkt_telo_order2 { order: 2;} }   @media screen and (max-width:500px) { .element_60 img {  max-height:300px; width:100%; object-fit:cover;} }   .produkt_ikona_pole {background:#eaeaea; width:46%;margin:1%;padding:1%;float:left;font-size:100%;text-align:center;border-radius:5px;}  .produkt_ikona_pole_height {height:80px;} @media screen and (max-width:450px) { .produkt_ikona_pole_height {height:100px;}}    .index_pole4 { width:21%; height:auto; padding:0.5%; text-align:center; margin:1.5% auto; }  .circle_p2 { width: 250px; height:200px; margin: 0 auto; text-align:center; margin-bottom:10px;}  .index_pole_text { width:98%; float:left; border-radius: 7px; padding:1%; padding-top:10px; padding-bottom:10px; font-weight:500; font-size:110%; }   .index_pole_obal { width:100%; display:block; margin-bottom:100px; margin-top:0; text-align:center; }   .index_pole2 { width:21%; height:auto; background:white; padding:0.5%; text-align:center; margin: 0 auto; display:block; margin:1%; border-radius: 7px; box-shadow:  4px 4px 11px 0px rgba(163, 163, 163, 0.75); transition: all 0.5s ease-out; }  .index_pole2:hover { background:#fe5200; transform: scale(1.05); color:white; } .index_pole2 h1:hover { color:white; } .index_pole2 a:hover { color:white; }  .circle_p2 img { height:100px; margin-top:20%;}    .index_pole1 img {max-width:90%;}  .index_pole_nadpis1 { color:#35668f; font-size:160%; margin:0; padding:0;} .index_pole_nadpis2 {  font-size:110%; } .index_pole_nadpis3 { color:#35668f; font-size:140%;} .index_pole_nadpis4 { color:#35668f; font-size:140%;}  @media screen and (max-width:1150px) { .index_pole2 { width:46%; } }   @media screen and (max-width:400px) { .index_pole2 { width:97%; } .index_pole_nadpis2, .index_pole_nadpis3, .index_pole_nadpis4  {font-size:100%;} }  @media screen and (max-width: 1000px) { .index_pole4 { width:46%; height:auto; padding:0.5%; margin:1.5% auto; } }   @media screen and (max-width:500px) { .index_pole4 { width:98%; } .index_pole_nadpis2, .index_pole_nadpis3, .index_pole_nadpis4  {font-size:100%;} }  .seznam_prod_obal {width:25%;float:left} @media screen and (max-width:1100px) { .seznam_prod_obal {width:50%;float:left} } @media screen and (max-width:500px) { .seznam_prod_obal {width:100%;float:left} }  .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%; }   .galery_min_produkt{ width:48%; height:230px; margin:1%; object-fit: contain; }    .galerie { margin: 0 auto; text-align:center; display: flex; flex-wrap: wrap; gap: 2%; }  .galery_min{ height:350px; margin: 0 auto; object-fit: cover; border-radius:5px; width:20%; object-fit: cover; display: block; float:left; margin-bottom:2%;}   .galery_min img{object-fit:cover;width:100%; height:350px; border-radius:7px; }   .gallery_min_e1, .gallery_min_e2, .gallery_min_e3  {width:32%;} .gallery_min_e4, .gallery_min_e5, .gallery_min_e6, .gallery_min_e7 {width:23.5%;} .gallery_min_e8, .gallery_min_e9 {width:23%;}  @media screen and (max-width:1000px)  { .gallery_min_e1, .gallery_min_e2 {width:49%;} .gallery_min_e3, .gallery_min_e4, .gallery_min_e5 {width:32%;} .gallery_min_e6, .gallery_min_e7 {width:49%;} }  @media screen and (max-width:700px)  { .gallery_min_e1, .gallery_min_e2 {width:49%;}  .gallery_min_e3, .gallery_min_e4, .gallery_min_e5 {width:49%;} .gallery_min_e6, .gallery_min_e7 {width:49%;} .galery_min{ height:350px;} } @media screen and (max-width:380px)  { .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%;} .galery_min{ height:300px;} .galery_min img{height:300px;} }         .fb {max-width:100px; margin-right:30px;}    .kontakty_jmeno { width:99%; height:40px; border-radius: 5px; border-width: 1px; border-style: solid; border-color:#96a3a4; margin-bottom:10px; font-size:120%; color:#96a3a4; font-family: 'Montserrat', sans-serif; display:line; }   .formular_text { width:99%; border-radius: 5px; border-width: 1px; border-style: solid; border-color:#96a3a4; margin-bottom:10px; font-size:120%; color:#96a3a4; font-family: 'Montserrat', sans-serif; }   .text_napiste { margin-bottom:10px; color:#1cbac8; }  .tlacitko { background: #fe5200; padding: 8px 15px 8px 15px; border: none; color: #fff; cursor:pointer; font-size:100%; border-radius: 5px; text-align:center; max-width:180px; margin-bottom:50px; appearance: none; margin-top:20px; transition: all 0.7s ease; } .tlacitko:hover {  transform:  scale(1.1); }  .tlacitko-kontakty { float:none; margin-top:20px; margin-bottom:20px; display: inline-block;} @media screen and (max-width:900px) { .tlacitko-kontakty {float:none; margin:0 auto; width:200px; text-align:center; margin-top:20px;margin-bottom:20px;} }   .souhlas{ float:left; width:100%; margin-top:3px; margin-bottom:3px; }  .souhlas a { color:#fe5200; }  .footer { background-color: #25211e; color:white; text-align:center; padding-top:40px; padding-bottom:20px; font-size:110%; float:left; width:100%; margin-top:30px; }  .footer_nadpis { color:#fe5200; font-size: 110%; text-decoration: none; padding-left:20px; padding-right:20px; }  .footer a { text-align:left; color:#ebebeb; text-decoration: none; font-size: 90%; padding-left:20px; padding-right:20px; }  .footer a:hover {color:#fe5200;}  .footer_obal { max-width:1700px; margin: 0 auto; }  .footer_levy { width:30%; min-width:300px; padding-left:10px; text-align:left; float:left;}    .footer_levy2 { width:355px; padding-left:10px; text-align:left; float:left; }  .footer_100 {width:71%;  float:left; text-align:left; margin-left:10px; margin-top:30px; margin-bottom:30px;font-size:100%;}  .BT { margin-top:30px; text-align:left; float:right;  }  .BT a {font-size:95%;}  .footer_odkaz {display:inline-block;}  .max_vyska  {min-height: calc(100vh - 66px);}  .index_akce { width:97%; float:left; padding:1.5%; margin-bottom:2%; margin-top:2%; }  .index_akce img { border-radius: 7px; box-shadow: 4px 4px 11px 0px rgba(163, 163, 163, 0.75);}    .index_pole_nadpis4 { color:#fe5200; font-size:140%;}   @media screen and (max-width:1000px) { .index_pole_nadpis4  {font-size:120%;} }  @media screen and (max-width:350px) { .index_pole_nadpis4  {font-size:100%;} }  .filtr_obal    { width:94%; float:left; background:#f0f4f9; border-radius:20px; padding-left:3%; padding-right:3%; padding-top:1%; padding-bottom:1%; box-shadow:4px 4px 11px 0px rgba(163, 163, 163, 0.75);}   .filtr_pole   { width:calc(16.65%);float:left;}  @media screen and (max-width:1000px) { .filtr_pole   { width:33%;float:left; height:200px; margin-bottom:2%;}}  @media screen and (max-width:700px) { .filtr_pole   { width:45%;float:left; margin-bottom:2%;}}  @media screen and (max-width:400px) { .filtr_pole   { width:95%;float:left; height:auto; margin-bottom:2%;}}  /*------RESPONS----*/   @media screen and (min-width:2000px) { .zahlavi_foto_index { max-height:800px; height:85vh;   } }   @media screen and (max-width:1250px) {  .zahlavifoto_text_index {width:60%;} .zahlavifoto_text_index h1 {font-size: 250%;} .content{ padding-top:80px;} }  @media screen and (max-width:1100px) {  .produkt_min{ width:45%;}  .BT{ margin-left:0px; display:block; text-align:center; }  .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) {  .footer_levy { width:100%; text-align:center; padding:0; padding-bottom:15px; }  .footer_levy2 { display:none;}  .footer_100 {width:98%;  float:left; text-align:center;  margin:0; margin-bottom:30px;  margin-top:30px;  padding:1%;;} .footer_100 a {margin:0; padding:0;} .BT  { width:100%; text-align:center; float:left; padding-right:0; margin-top:0; } }  @media screen and (max-width:900px) {  .zahlavifoto_text_index { width:80%;}  .zahlavifoto_text_index h1 {font-size:200%;}   .footer_odkaz   {display:block;}  .kontakty {width:100%; text-align:center; margin:0; padding:0;} .mapa {width:100%;}  .produkt_popisek{ min-height:170px; } }  @media screen and (max-width:800px)  {   .zahlavifoto_text_index { padding-top:30px; margin:0 auto; display:table; text-align:center;  }  .kosik_suma {  font-size:130%; }  }  @media screen and (max-width:700px)  {  .produkt_min{ width:95%; margin:0 auto; float:none; margin-top:20px;  }  .produkt_popisek{ min-height:auto; } }   @media screen and (max-width: 500px) {  .zahlavifoto_text h1 {font-size:220%;}  .produkt_popisek{ min-height:auto; }  .zahlavifoto_text_index h1 {font-size:130%;} }  @media screen and (max-width:350px) { .galery_min { width:100%;  margin:0%; height:300px; margin-bottom:15px; } }