/* CSS Document */

/* bxslider - full sceen */ 

body, html{
    height: 100%; 
} 


.bxslider, .bxslider li{
    height: 100% !important;;
}

/* */  

div {
  text-align: left;
  font-family: "Lexend", sans-serif;
  font-size: 15px;
  line-height: 28px;
  color: #161922;
  font-weight: 300;
}

td {
    line-height: 28px;
    font-family: "Lexend", sans-serif;
    font-size: 15px;
    color: #161922;
    font-weight: 300;
   }

ul { margin: 0px 20px 0px 0px; }
   
.offer-text ul {margin: 15px 20px 0px 0px;}
.offer-text li {list-style-position: circle; /* list-style-image: url('../../../Image/user_img/valbekjob_com/obecne/li.png'); */ list-style-type: circle; padding: 0px 20px 5px 10px;}
   
.stred {margin: 0px auto;}

a {color: #161922; text-decoration: none;}
a:hover {color: #161922; text-decoration: underline;}

.tlacitko-bila-linka {color: #ffffff; font-size: 17px; line-height: 17px; border: 1px solid #ffffff; background-color: transparent; padding: 9px 32px 9px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400;}
.tlacitko-bila-linka:hover {color: #ffffff; font-size: 17px; line-height: 17px; background-color: transparent; border: 1px solid #ffffff; padding: 9px 32px 9px 32px; text-decoration: none; text-transform: uppercase; font-weight: 400; }

.tlacitko-cerne {color: #ffffff; font-size: 15px; background: #000000; border: 1px solid #000000; padding: 7px 45px 7px 45px; text-decoration: none; border-radius: 18px;}
.tlacitko-cerne:hover {color: #ffffff; font-size: 15px; background: #f59a04; border: 1px solid #f59a04; padding: 7px 45px 7px 45px; text-decoration: none; border-radius: 18px;}

.text-paticka {color: #161922; text-transform: uppercase; font-size: 15px; line-height: 24px;}
.nadpis-paticka {color: #161922; text-transform: uppercase; font-size: 20px; line-height: 20px; font-weight: 600; padding-bottom: 14px;}
.odkaz-paticka {float: left; clear: both; color: #161922; text-transform: uppercase; font-size: 15px; line-height: 18px; padding-right: 40px; padding-bottom: 15px;}
.odkaz-paticka:hover {float: left; clear: both; color: #161922; text-transform: uppercase;font-size: 15px; line-height: 18px; padding-right: 40px; padding-bottom: 15px;}

.text-bily {color: #ffffff;}

/* menu vyjizdeci*/
.dropdown-valbek {
  position: relative;
  display: inline-block;
   height: 50px;
}

.dropdown-valbek-content {
  position: absolute;
  left: -500px;
  top: 20px;
  background-color: #ffffff;
  float: left;
  height: 500px;
  width: 976px;
  padding: 20px 70px 20px 70px;
  z-index: 1000;
  border-top: 3px #000000 solid;
  margin-top: 50px;
  display: none;
  flex-wrap: wrap; /* když není místo, vnořené divy se posouvají vedle */
  flex-direction: column; /* vnořené divy jsou zpočátku pod sebou */
  overflow: hidden;
  opacity: 1;
}

.dropdown-valbek-content-item {
  float: left;
  width: 400px;
  
  
  font-size: 16px;
}

.dropdown-valbek:hover .dropdown-valbek-content {
  display: flex; /* block */
} 
/**/   

/* desktop */
@media screen and (min-width:1300px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: green;}
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 50px;}
  /*.logo a:before {content: url('../../../Image/user_img/valbekjob_com/obecne/logo.png'); }*/
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: right; clear: both; display: block; margin-top: 45px;} 
  .menu-item {font-weight: 300; font-size: 16px; color: #1d1d1b;}
  .menu-mobile {float: right; display: none;} 
  .menu-mezera {float:left; padding: 0px 20px 0px 20px;}
  .menu-mezera-big {float:left; padding: 0px 120px 0px 120px;}
  .pod-menu {display: block;}
}                        
/* tablet */                 
@media screen and (min-width:1050px) and (max-width:1299px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: orange;}
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 50px;}
  /*.logo a:before {content: url('../../../Image/user_img/valbekjob_com/obecne/logo.png'); }*/
  .menu-carky {float: right; position: relative; margin-top: 27px; margin-right: 60px;} 
  .menu {float: right; clear: both; display: block; margin-top: 45px;} 
  .menu-item {font-weight: 300; font-size: 16px; color: #1d1d1b;}
  .menu-mobile {float: right; display: none;}
  .menu-mezera {float:left; padding: 0px 20px 0px 20px;}
  .menu-mezera-big {float:left; padding: 0px 120px 0px 120px;}
  .pod-menu {display: none;}     
}
/* mobile */
@media screen and (min-width:0px) and (max-width:1049px) {
  .rectangle-top {float: left; width: 7px; height: 17px; background: red;}
  .logo {float: left; z-index: 6; position: absolute; left: 0px; top: 50px;}
  /*.logo a:before {content: url('../../../Image/user_img/valbekjob_com/obecne/logo.png'); }*/ 
  .logo img {width: 245px;} 
  .menu-carky {float: right; position: relative; margin-top: 50px; margin-right: 20px;}
  .menu {float: right; display: none;}
  .menu-item { color: #1d1d1b;}
  .menu-mobile {float: right; width: 100%; display: block; margin-top: 25px;}
  .menu-mezera {}
  .menu-mezera-big {}
  .pod-menu {display: none;}
}

/* desktop */
@media screen and (min-width:1500px) {
  .rectangle {float: left; width: 7px; height: 17px; background: green;}
  .obsah {width: 92%; max-width: 1626px;}
  .hlavni {max-width: 70%; width: 100%;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-4-sloupce {width: 22%; margin: 0% 1.5% 0% 1.5%;} 
  .table-4-sloupce-statistika {width: 22%; margin: 0% 1.5% 0% 1.5%;} 
  .nadpis {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase;}
  .nadpis-offer {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase; text-decoration: none;}
  .nadpis-offer:hover {float: left; width: 100%; font-size: 22px; font-weight: 600; line-height: 28px; padding-bottom: 30px; text-transform: uppercase; text-decoration: underline;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .input-control option {height: 34px; width: 280px; padding: 8px 6px 16px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 480px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; padding: 8px 6px 6px 25px;}
  .select-control-option {height: 34px; width: 280px; padding: 8px 6px 6px 25px; border: none; font-size: 14px; }
  .nadpis-home-slider {font-size: 75px; line-height: 80px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-home-slider p {} 
  .anotace-home-slider {font-size: 20px; line-height: 50px; font-weight: 450; color: #000000; padding: 0px 0px 4px 0px; text-transform: uppercase;}
  .anotace-home-slider p {}
  .mobile-no {} 
  .mobile {display: none;}
  .offer-home {float: left; width: 100%; position: relative; padding: 0px 0px 0px 0px; margin-top: 60px;}
  .offer-home-1 {float: left; width: 100%; margin: 0% 0% 0% 0%;}
  /*.offer-home-2 {float: right; width: 30%; margin: 0% 0% 0% 0%;}*/
  .offer-home-2-company {float: left; position: relative; border: 3px solid #000000; width: 84%; padding: 8% 8% 6% 8%;}
  .nadpis-home-company {font-size: 18px; font-weight: 450; line-height: 28px; padding-bottom: 30px; text-transform: uppercase;}
  .offer-home-1-item-home {float: left; position: relative; background: #ffffff; width: 21.0%; margin: 0% 2% 20px; 2%; height: 150px; padding: 4.5% 4% 4.5% 4%; border: 1px solid black;}
  .offer-home-1-item {float: left; position: relative; background: #ffffff; width: 35%; height: 170px; margin: 0% 3% 3% 0%; padding: 4.5% 5% 4.5% 5%;}
  .offer-home-1-odkazy {font-size: 16px; font-weight: 300; line-height: 20px; text-transform: uppercase;}
  .offer-1 {float: left; width: 20%; margin: 0% 0% 0% 0%;}
  .offer-2 {float: right; width: 75%; margin: 0% 0% 0% 0%;}
  .offer-menu-item {float: left; width: 100%; margin-top: 3px;}
  .offer-menu-item-a {float: left; font-size: 14px; font-weight: 300; line-height: 18px; text-transform: uppercase;}
  .offer-menu-item-none {float: left; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: uppercase;}
  .offer-detail-1 {float: left; width: 20%; margin: 0% 0% 0% 0%;}
  .offer-detail-2 {float: right; width: 70%; margin: 0% 0% 0% 0%; background: #ffffff; padding: 4% 4% 4% 4%;}
  .offer-detail-c1 {float: left; width: 30%;}
  .offer-detail-c2 {float: right; width: 65%;}
  .offer-detail-nadpis {float: left; width: 100%; font-size: 25px; font-weight: 600; line-height: 28px; padding-bottom: 30px;}
  h2 {float: left; width: 100%; margin: 3px 0px 8px 0px; line-height: 28px; font-family: "Lexend", sans-serif; font-size: 18px; color: #161922; font-weight: 700;}
  .offer-text {}
  .nadpis-stredni {font-size: 45px; font-weight: 600; line-height: 45px; text-transform: uppercase; padding-bottom: 10px; border-bottom: 5px solid #000000;}
  .table-3-sloupce-obory {width: 28%; margin: 0% 1% 0% 1%; padding: 0% 1.5% 0% 1.5%;}
  .nadpis-main-img {font-size: 65px; line-height: 65px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-main-img p {}
  .o-nas-stavby-home-1 {float: left; width: 45%; margin: 0% 0% 0% 0%;}
  .o-nas-stavby-home-2 {float: right; width: 45%; margin: 130px 0% 0% 0%;} 
  .o-nas-stavby-home-1-a {float: left; width: 100%;}
  .o-nas-stavby-home-1-b {float: left; width: 86%; position: relative; padding: 7% 7% 7% 7%; background: #000000;}
  .o-nas-stavby-home-1-nadpis {position: absolute; left: 48px; top: 68px; font-size: 48px; font-weight: 600; line-height: 48px; text-transform: uppercase; padding-bottom: 15px; border-bottom: 5px solid #000000;}
  .table-2-sloupce-na-stred {width: 42%; margin: 0px 4% 0px 4%;}
  .text-na-stred {float: left; width: 100%; position: relative; padding: 40px 0px 40px 0px; display: flex; justify-content: center; align-items: center;}
  .nadpis-maly {float: left; width: 100%; font-size: 28px; font-weight: 600; line-height: 32px; padding-bottom: 2px; margin-bottom: 8px; text-transform: uppercase; border-left: 5px solid #000000; padding-left: 20px;}
  .nadpis-maly-bez-carky {float: left; width: 100%; font-size: 28px; font-weight: 600; line-height: 32px; padding-bottom: 10px; text-transform: uppercase;}
  .table-home-company {}
  .table-home-company img {}
  .statistika-cislo {font-size: 38px; font-weight: 300; line-height: 32px; color: #000000;}
  .statistika-text {font-size: 18px; font-weight: 450; line-height: 32px; color: #707070;}
  .slider-text {font-size: 32px; font-weight: 450; line-height: 42px; color: #ffffff;}
  .slider-content-text {position: absolute; left: 0px; bottom: 140px; background-color: rgba(0, 0, 0, 0.3); border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding: 20px 40px 20px 220px;}
  .slider-statistika-text {position: absolute; bottom: -100px; left: 50%; transform: translate(-50%, -50%); width: 70%; background: #ffffff; border-radius: 25px; padding: 26px 20px 20px 20px;}  
  .offer-home-text {float: right; position: relative; background: #ffffff; width: 53.6%; margin: 0% 2.5% 20px; 0%; height: 150px; padding: 4.5% 4% 4.5% 4%; border: 1px solid black;}
  .offer-home-text td {font-size: 22px; font-weight: 450; line-height: 29px;}
  .co-rikaji-jmeno {font-size: 18px; font-weight: 450; line-height: 24px;}
  .co-rikaji-fce {font-size: 16px; font-weight: 450; line-height: 24px; color: grey;}
  .nadpis-clanky {padding: 0px 0px 18px 0px; font-size: 17px; line-height: 22px; font-weight: 700; color: #000000; text-transform: uppercase;}
  .anotace-clanky {font-size: 15px; line-height: 21px; font-weight: 300;}
  .table-1-sloupce-pixel {float: left; position: relative; width: 100%; padding: 20px 20px 20px 20px; border: 1px solid black;}
  .potkej-1 {float: left; width: 31%; margin: 0% 1% 0% 1%; height: 90px; line-height: 90px;}
  .potkej-2 {float: left; width: 31%; margin: 0% 1% 0% 1%; height: 90px; line-height: 90px; font-weight: 700;}
  .potkej-3 {float: left; width: 31%; margin: 0% 1% 0% 1%; height: 90px; }
}                        
/* tablet */                 
@media screen and (min-width:808px) and (max-width:1499px) {
  .rectangle {float: left; width: 7px; height: 17px; background: orange;}
  .obsah {width: 100%;}
  .hlavni {width: 90%;}
  .table-2-sloupce {width: 42%; margin: 0px 35px 0px 35px;}
  .table-3-sloupce {width: 31%; margin: 0% 1% 0% 1%;}
  .table-4-sloupce {width: 22%; margin: 0% 1.5% 0% 1.5%;} 
  .table-4-sloupce-statistika {width: 22%; margin: 0% 1.5% 0% 1.5%;} 
  .nadpis {float: left; width: 100%; font-size: 24px; font-weight: 600; line-height: 28px; padding-bottom: 20px; text-transform: uppercase;}
  .nadpis-offer {float: left; width: 100%; font-size: 18px; font-weight: 600; line-height: 22px; padding-bottom: 30px; text-transform: uppercase; text-decoration: none;}
  .nadpis-offer:hover {float: left; width: 100%; font-size: 18px; font-weight: 600; line-height: 22px; padding-bottom: 30px; text-transform: uppercase; text-decoration: underline;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 400px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .nadpis-home-slider {font-size: 75px; line-height: 70px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-home-slider p {} 
  .anotace-home-slider {font-size: 20px; line-height: 50px;  font-weight: 450; color: #000000; padding: 0px 0px 4px 0px; text-transform: uppercase;}
  .anotace-home-slider p {}
  .mobile-no {} 
  .mobile {display: none;}
  .offer-home {float: left; width: 100%; position: relative; padding: 0px 0px 0px 0px; margin-top: 60px;}
  .offer-home-1 {float: left; width: 100%; margin: 0% 0% 0% 0%;}
  /*.offer-home-2 {float: right; width: 30%; margin: 0% 0% 0% 0%;}*/
  .offer-home-2-company {float: left; position: relative; border: 3px solid #000000; width: 84%; padding: 8% 8% 6% 8%;}
  .nadpis-home-company {font-size: 14px; font-weight: 450; line-height: 18px; padding-bottom: 30px; text-transform: uppercase;}
  .offer-home-1-item-home {float: left; position: relative; background: #ffffff; width: 39.5%; height: 170px; margin: 0% 2.5% 3% 2.5%; padding: 4.5% 2.5% 4.5% 2.5%;  border: 1px solid black;}
  .offer-home-1-item {float: left; position: relative; background: #ffffff; width: 35%; height: 170px; margin: 0% 3% 3% 0%; padding: 4.5% 5% 4.5% 5%;}
  .offer-home-1-odkazy {font-size: 13px; font-weight: 300; line-height: 16px; text-transform: uppercase;}
  .offer-1 {float: left; width: 20%; margin: 0% 0% 0% 0%;}
  .offer-2 {float: right; width: 75%; margin: 0% 0% 0% 0%;}
  .offer-menu-item {float: left; width: 100%; margin-top: 3px;}
  .offer-menu-item-a {float: left; font-size: 14px; font-weight: 300; line-height: 18px; text-transform: uppercase;}
  .offer-menu-item-none {float: left; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: uppercase;}
  .offer-detail-1 {float: left; width: 20%; margin: 0% 0% 0% 0%;}
  .offer-detail-2 {float: right; width: 70%; margin: 0% 0% 0% 0%; background: #ffffff; padding: 4% 4% 4% 4%;}
  .offer-detail-c1 {float: left; width: 30%;}
  .offer-detail-c2 {float: right; width: 65%;}
  .offer-detail-nadpis {float: left; width: 100%; font-size: 25px; font-weight: 600; line-height: 28px; padding-bottom: 30px;}
  h2 {float: left; width: 100%; margin: 3px 0px 8px 0px; line-height: 28px; font-family: "Lexend", sans-serif; font-size: 18px; color: #161922; font-weight: 700;}
  .offer-text {}
  .nadpis-stredni {font-size: 35px; font-weight: 600; line-height: 40px; text-transform: uppercase; padding-bottom: 10px; border-bottom: 5px solid #000000;}
  .table-3-sloupce-obory {width: 28%; margin: 0% 1% 0% 1%; padding: 0% 1.5% 0% 1.5%;}
  .nadpis-main-img {font-size: 45px; line-height: 52px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-main-img p {}
  .o-nas-stavby-home-1 {float: left; width: 45%; margin: 0% 0% 0% 0%;}
  .o-nas-stavby-home-2 {float: right; width: 45%; margin: 130px 0% 0% 0%;} 
  .o-nas-stavby-home-1-a {float: left; width: 100%;}
  .o-nas-stavby-home-1-b {float: left; width: 86%; position: relative; padding: 7% 7% 7% 7%; background: #000000;}
  .o-nas-stavby-home-1-nadpis {position: absolute; left: 48px; top: 68px; font-size: 48px; font-weight: 600; line-height: 48px; text-transform: uppercase; padding-bottom: 15px; border-bottom: 5px solid #000000;}
  .table-2-sloupce-na-stred {width: 42%; margin: 0px 4% 0px 4%;}
  .text-na-stred {float: left; width: 100%; position: relative; padding: 40px 0px 40px 0px; display: flex; justify-content: center; align-items: center;}
  .nadpis-maly {float: left; width: 100%; font-size: 28px; font-weight: 600; line-height: 32px; padding-bottom: 2px; margin-bottom: 8px; text-transform: uppercase; border-left: 5px solid #000000; padding-left: 20px;}
  .nadpis-maly-bez-carky {float: left; width: 100%; font-size: 28px; font-weight: 600; line-height: 32px; padding-bottom: 10px; text-transform: uppercase;}
  .table-home-company {}
  .table-home-company img {width: 50%;}
  .statistika-cislo {font-size: 38px; font-weight: 450; line-height: 32px; color: #000000;}
  .statistika-text {font-size: 18px; font-weight: 450; line-height: 32px; color: #707070;}
  .slider-text {font-size: 24px; font-weight: 450; line-height: 32px; color: #ffffff;}
  .slider-content-text {position: absolute; left: 0px; bottom: 100px; background-color: rgba(0, 0, 0, 0.3); border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding: 20px 40px 20px 220px;}
  .slider-statistika-text {position: absolute; bottom: -100px; left: 50%; transform: translate(-50%, -50%); width: 70%; background: #ffffff; border-radius: 25px; padding: 26px 20px 20px 20px;}
  /*
  .offer-home-text {float: right; position: relative; background: #ffffff; width: 53.6%; margin: 0% 2.5% 20px; 0%; height: 150px; padding: 4.5% 4% 4.5% 4%; border: 1px solid black;}
  .offer-home-text td {font-size: 22px; font-weight: 450; line-height: 29px;}
  */
  .offer-home-text {float: left; position: relative; background: #ffffff; width: 89%; margin: 0px 2.5% 20px 2.5%; clear: both; height: 170px; padding: 5% 2.5% 5% 2.5%;  border: 1px solid black;}
  .offer-home-text td {font-size: 22px; font-weight: 450; line-height: 29px;}
  
  .co-rikaji-jmeno {font-size: 18px; font-weight: 450; line-height: 24px;}
  .co-rikaji-fce {font-size: 16px; font-weight: 450; line-height: 24px; color: grey;}  
  .nadpis-clanky {padding: 0px 0px 18px 0px; font-size: 17px; line-height: 22px; font-weight: 700; color: #000000; text-transform: uppercase;}
  .anotace-clanky {font-size: 15px; line-height: 21px; font-weight: 300;}
  .table-1-sloupce-pixel {float: left; position: relative; width: 90%; padding: 20px 5% 20px 5%; border: 1px solid black;}
  .potkej-1 {float: left; width: 31%; margin: 0% 1% 0% 1%; height: 90px; }
  .potkej-2 {float: left; width: 31%; margin: 0% 1% 0% 1%; height: 90px;  font-weight: 700;}
  .potkej-3 {float: left; width: 31%; margin: 0% 1% 0% 1%; height: 90px; }
}
/* mobile */
@media screen and (min-width:0px) and (max-width:807px) {
  .rectangle {float: left; width: 7px; height: 17px; background: red;}
  .obsah {width: 100%;} /* 100% */
  .hlavni {width: 90%;}
  .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-3-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-4-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;} 
  .table-4-sloupce-statistika {width: 40%; margin: 0px 5% 0px 5%;}
  .nadpis {float: left; width: 100%; font-size: 24px; font-weight: 600; line-height: 28px; padding-bottom: 20px; text-transform: uppercase;}
  .nadpis-offer {float: left; width: 100%; font-size: 20px; font-weight: 600; line-height: 25px; padding-bottom: 30px; text-transform: uppercase; text-decoration: none;}
  .nadpis-offer:hover {float: left; width: 100%; font-size: 20px; font-weight: 600; line-height: 25px; padding-bottom: 30px; text-transform: uppercase; text-decoration: underline;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 280px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .nadpis-home-slider {font-size: 60px; line-height: 55px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-home-slider p {} 
  .anotace-home-slider {font-size: 20px; line-height: 50px;  font-weight: 450; color: #000000; padding: 0px 0px 4px 0px; text-transform: uppercase;}
  .anotace-home-slider p {}
  .mobile-no {display: none;} 
  .mobile {}
  .offer-home {float: left; width: 100%; position: relative; padding: 0px 0px 0px 0px; margin-top: -30px;}
  .offer-home-1 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  /*.offer-home-2 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}*/
  .offer-home-2-company {float: left; position: relative; border: 3px solid #000000; width: 84%; padding: 8% 8% 6% 8%;}
  .nadpis-home-company {font-size: 18px; font-weight: 450; line-height: 28px; padding-bottom: 30px; text-transform: uppercase;}
  .offer-home-1-item-home {float: left; position: relative; background: #ffffff; width: 90%; margin: 0px 0px 20px 0px; clear: both; height: 170px; padding: 5% 5% 5% 5%;  border: 1px solid black;}
  .offer-home-1-item {float: left; position: relative; background: #ffffff; width: 90%; margin: 0px 0px 20px 0px; clear: both; height: 170px; padding: 5% 5% 5% 5%;}
  .offer-home-1-odkazy {font-size: 14px; font-weight: 300; line-height: 18px; text-transform: uppercase;}
  .offer-1 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-2 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-menu-item {float: left; width: 100%; margin-top: 3px;}
  .offer-menu-item-a {float: left; font-size: 14px; font-weight: 300; line-height: 18px; text-transform: uppercase;}
  .offer-menu-item-none {float: left; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: uppercase;}
  .offer-detail-1 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-detail-2 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-detail-c1 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-detail-c2 {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .offer-detail-nadpis {float: left; width: 100%; font-size: 25px; font-weight: 600; line-height: 28px; padding-bottom: 30px;}
  h2 {float: left; width: 100%; margin: 20px 0px 10px 0px; line-height: 28px; font-family: "Lexend", sans-serif; font-size: 18px; color: #161922; font-weight: 700;}
  .offer-text {}
  .nadpis-stredni {font-size: 35px; font-weight: 600; line-height: 50px; text-transform: uppercase; padding-bottom: 3px; border-bottom: 5px solid #000000;}
  .table-3-sloupce-obory {width: 80%; margin: 0px 5% 0px 5%; clear: both; padding: 5% 5% 5% 5%;}
  .nadpis-main-img {font-size: 45px; line-height: 52px; font-weight: 700; color: #000000; padding: 0px 0px 5px 0px; text-transform: uppercase;}
  .nadpis-main-img p {}
  .o-nas-stavby-home-1 {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .o-nas-stavby-home-2 {float: left; width: 90%; margin: 40px 5% 0px 5%; clear: both;} 
  .o-nas-stavby-home-1-a {float: left; width: 100%;}
  .o-nas-stavby-home-1-b {float: left; width: 86%; position: relative; padding: 7% 7% 7% 7%; background: #000000;}
  .o-nas-stavby-home-1-nadpis {position: absolute; left: 48px; top: 68px; font-size: 48px; font-weight: 600; line-height: 48px; text-transform: uppercase; padding-bottom: 15px; border-bottom: 5px solid #000000;}
  .table-2-sloupce-na-stred {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .text-na-stred {float: left; width: 100%; position: relative; padding: 40px 0px 40px 0px; }
  .nadpis-maly {float: left; width: 100%; font-size: 25px; font-weight: 600; line-height: 28px; padding-bottom: 2px; margin-bottom: 8px; text-transform: uppercase; border-left: 5px solid #000000; padding-left: 20px;}
  .nadpis-maly-bez-carky {float: left; width: 100%; font-size: 25px; font-weight: 600; line-height: 28px; padding-bottom: 10px; text-transform: uppercase;}
  .table-home-company {}
  .table-home-company img {width: 50%;}
  .statistika-cislo {font-size: 24px; font-weight: 450; line-height: 30px; color: #000000;}
  .statistika-text {font-size: 14px; font-weight: 450; line-height: 20px; color: #707070;}
  .slider-text {font-size: 14px; font-weight: 450; line-height: 20px; color: #ffffff;}
  .slider-content-text {position: absolute; left: 0px; top: 25px; background-color: rgba(0, 0, 0, 0.3); border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding: 20px 10px 20px 10px;}
  .slider-statistika-text {float: left; position: relative; width: 70%; background: #ffffff; border-radius: 25px; margin: -50px 10% 0px 10%; padding: 26px 5% 20px 5%; border: 1px solid grey;}
  .offer-home-text {float: left; position: relative; background: #ffffff; width: 90%; margin: 0px 0px 20px 0px; clear: both; height: 170px; padding: 5% 5% 5% 5%;  border: 1px solid black;}
  .offer-home-text td {font-size: 16px; font-weight: 450; line-height: 22px;}
  .co-rikaji-jmeno {font-size: 18px; font-weight: 450; line-height: 24px;}
  .co-rikaji-fce {font-size: 16px; font-weight: 450; line-height: 24px; color: grey;}
  .nadpis-clanky {padding: 0px 0px 18px 0px; font-size: 17px; line-height: 22px; font-weight: 700; color: #000000; text-transform: uppercase;}
  .anotace-clanky {font-size: 15px; line-height: 21px; font-weight: 300;}
  .table-1-sloupce-pixel {float: left; position: relative; width: 100%; padding: 20px 0px 20px 0px; border: 1px solid black;}
  .potkej-1 {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both; }
  .potkej-2 {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both; font-weight: 700;}
  .potkej-3 {float: left; width: 90%; margin: 0px 5% 0px 5%; clear: both; }
} 

.responsive {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 24.99999%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.responsive-1 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-2 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-3 {width: 24.25%; margin: 0% 1% 0% 0%;}
.responsive-4 {width: 24.25%; margin: 0% 0% 0% 0%;}

@media only screen and (max-width: 700px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
}

@media only screen and (max-width: 500px){
    .responsive {width: 49.99999%; margin: 6px 0;}
    .responsive-1 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-2 {width: 49.00%; margin: 0% 0% 0% 0%;}
    .responsive-3 {width: 49.00%; margin: 0% 2% 0% 0%;}
    .responsive-4 {width: 49.00%; margin: 0% 0% 0% 0%;}
} 

/* accordion */            

.accordion {
      width: 100%;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;            
      
      
    }
    .accordion-item {
      border-bottom: 1px solid #ccc;
            
    }
    .accordion-header {
      background: #ffffff;
      cursor: pointer;
      padding: 18px 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: bold;
    }
    .accordion-header:hover {
      background: #e1e1e1;
    }
    .accordion-content {
      float: left;
      width: 90%;
      display: none;
      padding: 20px 5%;
      background: #fff;
      animation: fadeIn 0.3s ease;
      border-bottom: 1px solid #ccc;   
    }
    .accordion-header::after {
      content: "▸";
      transition: transform 0.3s;
    }
    .accordion-header.active::after {
      transform: rotate(90deg);
    }
    @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
    }