/* :root {

--green: #00A12F;
--dark: #242424;
--grey: #EFEFEF;


} */

img {max-width: 100%; height: auto !important;}
.item_type_content img {height: auto !important;}
p {margin: 10px 0; line-height: 1.45;}
a { text-decoration: underline; color: #00A12F;}
a:hover {color: inherit; text-decoration: none;}
hr {display:block; line-height: 0; height:0; font-size:0; overflow: hidden; border: none; border-top: 1px solid #eee; padding:0; margin: 15px 0 15px 0; _margin: 6px 0 7px 0; *margin:6px 0 7px 0; }
table {border-collapse: collapse;}
input, option, select {background: transparent;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ddd; } ::-moz-placeholder { /* Firefox 19+ */ color: #ddd; } :-ms-input-placeholder { /* IE 10+ */ color: #ddd; } :-moz-placeholder { /* Firefox 18- */ color: #ddd; }

iframe {width: 100% !important;}

ul {margin: 0; padding: 0;}	

ul.pdf li
li.pdf {margin-bottom: 10px; font-size: 14px;}
ul.pdf li, li.pdf {list-style: none; display: block; background: url('../images/ico_pdf.svg') left 2px no-repeat; padding-left: 23px; margin-bottom: 12px;}


a.green_button {color: white; background: #00A12F; display: inline-flex; padding: 12px 30px; align-items: center; transition: ease 0.2s; text-decoration: none;}
a.green_button::after {content: ""; width: 6px; height: 10px; background: url('../images/arrow.svg') center center no-repeat; margin-left: 10px;}
a.green_button:hover {background: #242424;}

button.green_button {color: white; background: #00A12F; display: inline-flex; padding: 12px 30px; align-items: center; transition: ease 0.2s; text-decoration: none;}
button.green_button::after {content: ""; width: 6px; height: 10px; background: url('../images/arrow.svg') center center no-repeat; margin-left: 10px;}
button.green_button:hover {background: #242424;}

html {margin: 0; padding: 0; background: #242424; scroll-behavior: smooth;}
body {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000; margin: 0; padding: 0; height: 100%; position: relative; }

.width {width: 90%; max-width: 1340px; margin: 0 auto; position: relative;}


h1, h2, h3, h4, h5 {font-family: 'Montserrat', sans-serif;}
h1 {font-size: 60px; text-transform: uppercase;}
h2 {font-size: 27px;}
h3 {font-size: 22px; color: #00A12F;}

.HP h2 {text-align: center; text-transform: uppercase; font-size: 35px;}

section.white {background: white; color: #242424; padding: 40px 0 60px;}
section.dark {background: #242424;}
section.grey {background: #EFEFEF;}


/* TOP */

.hlavni > .top  {position: relative; background: #00A12F;}
.hlavni > .top .width {display: flex; justify-content: space-between; align-items: center;}
.hlavni > .top .width .logo {padding: 10px 0;}
.hlavni > .top .width .logo img {display: block;}
.hlavni > .top .top_menu ul {margin: 0; padding: 0; display: flex;}
.hlavni > .top .top_menu ul li {list-style: none;}
.hlavni > .top .top_menu ul li a {color: white; padding: 0 16px; text-transform: uppercase; line-height: 66px; display: block; border-bottom: 2px solid #00A12F; transition: ease 0.2s; font-family: "Montserrat"; font-size: 15px; text-decoration: none;}
/* .top .top_menu ul li.last a {padding-right: 0;} */
.hlavni > .top .top_menu ul li.active a, 
.hlavni > .top .top_menu ul li a:hover {border-bottom: 2px solid white; color: #242424;}


/* SLIDER */

.slider {position: relative;}
.slider .slide {position: relative}
.slider .slide .width {display: flex; align-items: center; height: 650px;}
.slider .label {font-family: "Montserrat"; font-size: 90px; color: white; text-transform: uppercase; font-weight: bold;  margin-top: -35px;}
.slider .label .small {background: #242424; padding: 5px; font-weight: normal; font-size: 50px;}
.slider .label .big {display: block; word-wrap: break-word; max-width: 100%;}

.slider .slick-dots {position: absolute; bottom: 60px; width: 100%; margin: 0; padding: 0; display: flex; justify-content: center; z-index: 2;}
.slider .slick-dots li {list-style: none;}
.slider .slick-dots li button {padding: 0; font-size: 0; border: none; height: 12px; width: 12px; border-radius: 100%; background: #00A12F; margin: 0 2px; outline: none; cursor: pointer;}
.slider .slick-dots li.slick-active button {background: #EFEFEF;}


/* Header */

.HP header {background: #242424; position: relative;}
.HP header .social_icon {position: absolute; left: 0; bottom: 40px; width: 100%; z-index: 1;}
.HP header .social_icon a {display: inline-block; margin-right: 26px;}


/* Responsive menu */

.responsive-menu {position: absolute; z-index: 90; right: 0px; top: 11px;}
.responsive-menu a { color: #fff; text-decoration: none; display: block; width: 44px; height: 44px; background: #fff url('../images/responsive-menu-btn.svg') center center no-repeat; border-radius: 3px;}
.responsive-menu a {background: transparent url('../images/responsive-menu-btn_w.svg') center center no-repeat; }
.responsive-menu a:hover { opacity: 0.8; }
.responsive-menu .pagelabel { color:#fff; text-align:center; padding:9px 0; font-size:13px; }
.responsive-menu-bubble { text-align:left; padding-top: 1px; width: 100%; left: 0px !important;}
.responsive-menu-bubble ul { padding: 0; margin: 0;}
.responsive-menu-bubble li { list-style:none; padding:0; margin:0; position: relative;}
.responsive-menu-bubble a { background: white; color: #000; text-decoration:none; display: block; padding: 16px 15px; font-size: 1.0625em; line-height: 14px; border-top: 1px solid #eee; text-align: center;}
.responsive-menu-bubble a.active,
.responsive-menu-bubble a:hover { background: #eee; color: #444;}
.responsive-menu-bubble a.hasChildren { /* padding-right:60px; */ }
.responsive-menu-bubble a.reveal { position:absolute; width:50px; height:100%; top:0; right:0; padding:0; margin:0; background:url('../images/responsive-menu-arrR.svg') center no-repeat; border-left: 1px solid #eee; }
.responsive-menu-bubble a.reveal span { display:none; }
.responsive-menu-bubble .responsive-menu-back a { background-image:url('../images/responsive-menu-arrL.svg'); background-position:15px center; background-repeat:no-repeat; padding-left:35px; }
.responsive-menu-bubble li.home a {padding-top: 0px !important; padding-bottom: 0px !important;}
.responsive-menu-bubble li.home a img {display: block;}
.responsive-menu-bubble a.home {display: none;}


/* HOMEPAGE */

/* hp onas*/

.HP h1 {font-size: 35px; color: #242424; text-align: center; max-width: 1030px; margin: 0 auto;}
.HP h1 span {color: #00A12F;}
.HP section.white {padding: 100px 0;}
.HP .small_sep {margin: 40px auto; height: 1px; width: 280px; background: #EFEFEF;}
.HP .onas_sec {text-align: center;}
.HP .onas_sec p {max-width: 1030px; margin: 0 auto; font-size: 17px;}
.HP .onas_sec a.green_button {margin-top: 60px;}

/* hp sluzby*/

.HP .dark {padding: 60px 0; text-align: center; color: white; box-sizing: border-box;}
.HP .dark h2 {color: white; padding-bottom: 60px;}
.dark .sluzby {display: flex; justify-content: space-between;}
.dark .sluzby .sluzba {width: 18%;}
.dark .sluzby .sluzba h3 {color: white; text-transform: uppercase; min-height: 164px; margin-bottom: 25px; font-size: 16px;}
.width.dev {width: 90%; max-width: 1920px; margin: 0 auto;}

.sluzba h3::before {content: "";  width: 100%; height: 76px; display: block; background-position: center center; background-repeat: no-repeat; margin-bottom: 40px;}
.sluzba.vodovody h3::before {background-image: url('../images/ico_vodovody.svg');}
.sluzba.kanalizace h3::before {background-image: url('../images/ico_kanalizace.svg');}
.sluzba.bezvykop h3::before {background-image: url('../images/ico_bezvykop.svg');}
.sluzba.komunikace h3::before {background-image: url('../images/ico_komunikace.svg');}
.sluzba.podzem h3::before {background-image: url('../images/ico_podzem.svg');}


/* hp reference */

.HP section.sec_ref {text-align: center; position: relative; padding: 80px 0 65px;}
.sec_ref a.green_button {margin-top: 60px;}
.sec_ref h2 {margin: 0 0 60px 0;}
.reference_list {text-align: left; position: relative; display: flex; flex-wrap: wrap; overflow: hidden; padding: 15px 0; max-width: 1920px; margin: 0 auto;}
.reference_list .reference {position: relative; width: 25%; min-height: 250px;}
.reference_list .reference .news_tools {z-index: 50;}
.reference_list .reference img {display: block; position: relative; transition: ease 0.4s;}
.reference_list .reference .nazev {position: absolute; left: 5%; bottom: 5%; background: #242424; color: white; padding: 16px; text-transform: uppercase; box-sizing: border-box; max-width: 90%; font-weight: bold; font-size: 15px;}
.reference_list .reference a:hover img {transform: scale(1.05); z-index: 2; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
.reference_list .reference a .overlay {position: absolute; width: 100%; height: 100%; opacity: 0; background: rgba(0, 161, 47, 0.38); z-index: 3; top: 0; left: 0; transition: ease 0.4s; color: white; display: flex; justify-content: center; align-items: center; font-family: "Montserrat"; text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);}
.reference_list .reference a .overlay span.p {text-align: center;}
.reference_list .reference a .overlay span.p::before {content: ""; display: block; width: 46px; height: 46px; background: black url('../images/arrow.svg') 21px center no-repeat; border-radius: 50%; text-align: center; margin: 0 auto; margin-bottom: 4px;}
.reference_list .reference a:hover .overlay {opacity: 1; transform: scale(1.05);}


/* hp kariera */

.HP .grey {padding: 80px 0; position: relative; font-size: 18px;}
.HP .grey.sec_kariera h2 {text-align: left;}
.HP .grey .right_bg {position: absolute; top: 0; right: 0; width: 50%; background: url("../images/bg_kariera_hp.webp") left center no-repeat; height: 100%; background-size: cover;}
.HP .grey .width .obal {width: 40%;}

/* hp vozový park */

.HP section.white {text-align: center;}
.HP section.white h2 {text-align: center;}
.vozy_list {display: flex; justify-content: flex-start; padding-bottom: 30px; flex-wrap: wrap; margin-left: -3%;}
.HP .vozy_list .vuz {width: 22%;}
.vozy_list .vuz {text-align: left; font-size: 15px; font-family: "Montserrat"; width: 30%; margin-left: 3%; margin-bottom: 3%; position: relative;}
.vozy_list .vuz figure {padding: 0; margin: 0;}
.vozy_list .vuz figure img {display: block; box-shadow: 0 0 15px rgba(0, 0, 0, 0.20);}
.vozy_list .vuz figcaption {margin-top: 8px;}
.vozy_list .vuz a {text-decoration: none; color: inherit;}

/* hp vedeni */

section.grey.vedeni img {display: block;}
section.grey.vedeni h2 {margin-bottom: 80px;}
.vedeni_list {display: flex; justify-content: center; flex-wrap: wrap; padding: 36px 0;}
.vedeni_list .clen {width: 18.5%; font-family: 'Montserrat'; position: relative; margin: 0.75%;}
.vedeni_list .clen:nth-child(1) {margin: 0 40% 1.5%;}
.vedeni_list .clen .name {margin: 15px 0 6px; font-weight: bold; font-size: 17px;}
.vedeni_list .clen .pozice {color: #00A12F; font-size: 15px;}


/* PODSTRANKY */

.cestar {font-size: 13px; font-weight: bold; margin-bottom: 60px;}
.cestar span {color: #00A12F;}
.cestar a {color: #00A12F;}


header {background: black url('../images/bg_header_p.jpg') center top no-repeat;}
.hlavni.kariera header {background: black url('../images/bg_header_kariera.jpg') center top no-repeat;}
header .h_img {height: 360px; display: flex; align-items: center;}
header .width {display: flex; align-items: center;}
header .width h1 {color: white;}


/* O NAS */

.pod_ved {padding: 60px 0;}
.sloupce {display: flex; justify-content: space-between;}
.sloupce .box {width: 47%;}


/* kariera */

.volne_pozice {position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -2%; font-family: "Montserrat"; font-weight: bold; margin-bottom: 0; margin-bottom: 50px; margin-top: 50px;}
.volne_pozice .pozice {display: flex; margin-bottom:2%; margin-left: 2%; width: 23%; position: relative;}
.volne_pozice .pozice > a {display: flex; width: 100%; text-decoration: none; justify-content: center; align-items: center; color: white; background: #00A12F;  padding: 12px 8px; box-sizing: border-box; text-align: center; transition: ease 0.2s; min-height: 55px;}
.volne_pozice .pozice.famur > a {background-color: #0d4e21; position: relative;}
.volne_pozice .pozice.famur > a::after {content: "FAMUR"; position: absolute; font-size: 10px; top: 4px; right: 4px; font-weight: normal;}

.volne_pozice .pozice.famur > a:hover {background-color: #000;}
.volne_pozice a:hover {background: #242424;}
.proc {display: flex; justify-content: space-between;}
.proc .left {width: 65%;}
.proc .right {width: 30%;}
.proc .right ul {padding: 0;}
.proc .right ul li {list-style: none; display: flex;}
.proc .right ul li::before {content: "-"; color: #00A12F; margin-right: 10px;}

/* detail pozice */

.detail_pozice {display: flex; justify-content: space-between; position: relative;}
.detail_pozice .left_side {width: 25%;}
.detail_pozice .left_side ul {margin: 0; padding: 0;  border-right: 1px solid #eee;}
.detail_pozice .left_side ul li {list-style: none; margin-bottom: 18px;}
.detail_pozice .left_side ul li a {color: inherit; text-decoration: none; font-family: "Montserrat"; margin-bottom: 10px; display: block;}
.detail_pozice .left_side ul li a:hover {color: #00A12F;}
.detail_pozice .right_side {width: 70%;}
.detail_pozice .right_side ul {padding: 0; margin-bottom: 20px;}
.detail_pozice .right_side ul li {list-style: none; display: flex;}
.detail_pozice .right_side ul li::before {content: "-"; color: #00A12F; margin-right: 10px;}

.formularek {margin-top: 40px; padding-top: 40px; border-top: 1px solid #eee;}


/* Nastartuj svou karieru 2023 - kariera_start */

.kariera_start header {background: #01ae42 url(../images/bg_header_kariera_start.jpg) bottom center no-repeat; padding-bottom: 370px; padding-top: 80px;}
.kariera_start header .width {display: block;}
.kariera_start header .width p {max-width: unset;}
.kariera_header_obal {width: 48%; margin-left: auto; margin-right: 0;}
.kariera_header_obal h1 {color:#00A12F !important;}



.kariera_start h2,
.kariera_start h3 {text-transform: uppercase;}
.kariera_start section {padding: 100px 0; text-align: center;}
.kariera_start p {max-width: 80ch; margin-left: auto; margin-right: auto;}

.sec_start .item_columns p {text-align: left; margin-left: unset; margin-right: unset;}
section.dark-green {background: #007853; color: white;}
section.green {background: #00A12F; color: white;}
section.sec_foto {min-height: 550px; background: url(../images/bg_kariera_foto.jpg) center no-repeat; background-size: cover; padding: 0;}


.vyhody_ikony {display: grid; grid-template-columns: repeat(6, 1fr); gap: 32px; align-items: start;}
.vyhoda {display: flex; flex: 1; flex-wrap: wrap; font-family: 'Montserrat'; font-size: 18px;}
.vyhoda::before {content: ""; display: block; width: 100%; height: 110px; margin: 0 auto; flex-shrink: 0; background-position: center; background-repeat: no-repeat; border-bottom: 1px solid white; padding-bottom: 32px; margin-bottom: 32px;}
.vyhoda p {padding: 0; margin: 0 auto;}

.vyhoda--dovolena::before {background-image: url(../images/ico_kariera_dovolena.svg);}
.vyhoda--stravenky::before {background-image: url(../images/ico_kariera_stravenky.svg);}
.vyhoda--prispevek::before {background-image: url(../images/ico_kariera_prispevek.svg);}
.vyhoda--cafeterie::before {background-image: url(../images/ico_kariera_cafeterie.svg);}
.vyhoda--odmeny::before {background-image: url(../images/ico_kariera_odmeny.svg);}
.vyhoda--sport::before {background-image: url(../images/ico_kariera_sport.svg);}

.sec_kontakt .width {max-width: 860px; margin: 0 auto;}
.sec_kontakt .formularek {max-width: 650px; margin: 0 auto; border: none;}
.sec_kontakt .formularek .buttons {text-align: center; font-weight: bold;}
.sec_kontakt .formularek .buttons button {font-weight: bold;}
.sec_kontakt .formularek .buttons button:hover {background: #242424;}

.social_list {display: flex; justify-content: center; align-items: center; gap: 60px; margin: 64px 0;}
.social_list a {text-decoration: none;}
.social_list a img {transition: ease 0.25s;}
.social_list a:hover img {opacity: 0.5;}

/* reference */

.pod_ref section.white {padding-bottom: 0; text-align: center;}
.pod_ref section.white .cestar {text-align: left;}
.pod_ref section.white h2 {text-align: left;}
.pod_ref .green_button {margin: 10px 0 25px;}

.main_info {display: flex; justify-content: space-between; padding: 60px 0; position: relative;}
.main_info .img {display: block; width: 46%;}
.main_info .img img {display: block;}
.main_info .info {width: 50%;}
.main_info .info h1 {font-size: 28px; margin-top: 0; margin-bottom: 30px;}
.main_info .info h2 {color: #00A12F; font-size: 22px; margin-bottom: 20px; margin-top: 0;}
.main_info .info h3 {color: black; font-size: 18px; margin-bottom: 10px; margin-top: 15px;}
.main_info .info {color: black; font-size: 18px; margin-bottom: 10px; margin-top: 15px;}

.main_info .info .ref_i {padding-left: 30px; background-position: left 5px; background-repeat: no-repeat;}
.main_info .info .start_ref {background-image: url('../images/ico_start.svg');}
.main_info .info .konec_ref {background-image: url('../images/ico_konec.svg');}
.main_info .info .investor {background-image: url('../images/ico_investor.svg');}
.main_info .info .objem {background-image: url('../images/ico_objem.svg');}

section.grey .cestar {margin-bottom: 0; padding-top: 30px; padding-bottom: 0;}
#loadMoreBtn {margin: 20px 0; background: #00A12F;}


/* Zpravodaj */

.zpravodaj_list {display: flex; flex-wrap: wrap;}
.zpravodaj_item {width: 25%; padding: 2%; box-sizing: border-box; position: relative;}
.zpravodaj_item__h {font-size: 18px;}



/* paticka */

footer {color: white; padding: 70px 0 0; border-top: 4px solid #00A12F; font-size: 14px;}
footer a {color: inherit;}
footer .bottom {display: flex; justify-content: space-between; padding: 30px 0; border-top: 1px solid #444; margin-top: 30px;}
footer .top {display: flex; justify-content: space-between;}
footer .top .left {display: flex; justify-content: space-between;}
footer .top .left p {margin: 0;}
footer .top .left .logo {margin-right: 40px;}
footer .top .left .adresa {margin-right: 60px;}
footer .top .left p.social_icon {margin-top: 6px;}
footer .social_icon {display: flex; align-items: center; justify-content: center;}
footer .social_icon span {margin: 0 3px;}
footer .social_icon a {display: flex; align-items: center;}
footer .social_icon a::before {content: ""; display: inline-block; width: 20px; height: 20px; background-size: contain; background-position: center; background-repeat: no-repeat; margin-right: 4px;}
.social_icon__fb::before {background: url('../images/ico_facebook.svg');}
.social_icon__li::before {background: url('../images/ico_linkedin.svg');}
.social_icon__instagram::before {background: url('../images/ico_instagram.svg');}
footer .top .left span {color: #00A12F;}
footer .top .right {text-align: right; justify-content: flex-end;}
footer .top .right ul {display: flex; justify-content: flex-end; margin-bottom: 20px;}
footer .top .right ul li {list-style: none; flex-shrink: 0;}
footer .top .right ul li a {margin-left: 10px; text-decoration: none;}
footer .top .right .social_icon a {margin: 0 6px;}


/* formular */ 

/* .formularek {max-width: 980px;} */
.formularek .obal {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0 10px;}
.formularek form input,
.formularek form textarea {font-family: 'Open Sans'; font-weight: 300; font-size: 14px; padding: 10px; width: 100%; box-sizing: border-box; border: none; outline: none; max-width: 100%; box-sizing: border-box;}
.formularek .formItem {margin-bottom: 20px; display: block; width: 48%;}
.formularek--basic .formItem {width: 100%;}


.formularek .formItem .formItem_label {margin-bottom: 10px; width: 100%; text-align: left; font-size: 16px;}
.formularek .formItem .formItem_input {/* border: 1px solid #E0DFD5;  */width: 100%;}
.formularek .formItem .formItem_input.no-border {border: none;}
.formularek .formItem .formItem_input.no-border input {padding: 0; border: none;}
.formularek .formItem .formItem_input input {border: 1px solid #ccc;}
.formularek .formItem .formItem_input textarea {min-height: 120px; border: 1px solid #ddd;}
.formularek .buttons {border: none; text-align: right; margin-bottom: 20px; margin-top: 40px;}
.formularek .buttons button { border: none; font-family: "Open Sans"; outline: none; transition: ease 0.3s; cursor: pointer; font-size: 15px; background: #00A12F; display: inline-flex;}
.formularek .form_souhlas input {width: inherit;}
.formularek .form_souhlas label {font-size: 14px;}


/* aktuality */
.news_list_item h2 { position: relative; display: flex; align-items: center;}
.news_list_item h2 .date { display: flex; background: #00A12F; color: #fff; width: 68px; height: 68px; justify-content: center; align-items: center; font-size: 20px; font-weight: normal; margin-right: 16px; flex-shrink: 0;}
.news_list_item h2 a { color: inherit; text-decoration: inherit; transition: ease 0.2s;}
.news_list_item h2 a:hover { color: #00A12F; }


/* Galerie */

.gallery3 .item,
.gallery3 .IS_placeholder {
  float: left;
  margin: 0 20px 20px 0;
  width: 320px;
  position: relative;
  box-sizing: border-box;
  transition: margin, width 100ms;
}
.gallery3 .item > a {
  display: block;
  padding-top: 75%;
}
.gallery3 .item > a > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery3 .item .label {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  text-align: center;
  padding: 5px 5px;
  background: rgba(0,0,0,0.25);
  color: #fff;
  box-sizing: border-box;
}
.gallery3 .item .icon {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  background: rgba(0,0,0,0.25);
  color: #fff;
  text-align: center;
  line-height: 64px;
  border-radius: 50%;
  font-size: 32px;
}
.gallery3 .item .tools {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
}
.gallery3 .item .tools button,
.gallery3 .item .tools span {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0px;
  margin: 0 0 2px 0;
  background: #1d3557;
  color: #fff;
  text-align: center;
}
.gallery3 .item .gallery_file {
  background: #eee;
}
.gallery3 .item.addBtn {
  border: 1px dashed rgba(29,53,87,0.3);
  box-sizing: border-box;
  background: rgba(255,255,255,0.1);

}

/* Large devices (desktops, less than 1400px) */
@media only screen and (max-width: 1399px) {
	

}



/* Large devices (desktops, less than 1200px) */
@media only screen and (max-width: 1199px) {
	
	.slider .label {font-size: 66px;}
	.dark .sluzby {flex-wrap: wrap;}
	.dark .sluzby .sluzba {width: 50%; padding: 0 20px; box-sizing: border-box; margin-bottom: 40px}
	.reference_list .reference {width: 33.333%;}
	.HP .grey .right_bg {width: 33.333%;}
	.HP .grey .width .obal {width: 56%;}
	.main_info .info h1 {font-size: 22px;}
	.kariera_header_obal h1 {font-size: 40px;}

	.vedeni_list .clen {width: 30%;}
	.vedeni_list .clen:nth-child(1) {margin-left: 30%; margin-right: 30%;}

}

/* Large devices (desktops, less than 1040px) */
@media only screen and (max-width: 1040px) {
	
	footer .top {display: block;}
	footer .top .left {margin-bottom: 40px; justify-content: center;}
	footer .top .right {display: flex; justify-content: center;}
	footer .top .right {text-align: center; display: block;}
	footer .top .right ul {justify-content: center; margin-left: 0; padding-left: 0;}
	
}


/* Medium devices (tablets, less than 992px) */
@media only screen and (max-width: 991px) {

	.kariera_start header {background: #f9f9f9; padding: 100px 0; background-image: url(../images/bg_header_kariera_start_m.jpg); background-position: right bottom; background-repeat: no-repeat;}
	.kariera_header_obal {width: 100%; }
	.HP .vozy_list .vuz {width: 47%;}
	.vozy_list .vuz {width: 47%;}
	footer .bottom {display: block; text-align: center;}
	.volne_pozice .pozice {width: 31%;}
	.detail_pozice {flex-direction: column-reverse;}
	.detail_pozice .right_side,
	.detail_pozice .left_side {width: 100%;}
	.detail_pozice .left_side ul {border: none;}
	.vyhody_ikony {grid-template-columns: repeat(3, 1fr);}

}

/* Small devices (landscape phones, less than 768px) */
@media only screen and (max-width: 767px) {
	.item_columns {flex-wrap: wrap;}
	.item_column {margin: 10px 0;flex-basis: inherit;}
	.HP header {background: url('../images/bg_mobile.jpg') center center no-repeat;}
	.slider .label {font-size: 46px;}
	.slider .label .small {font-size: 30px;}
	.slider .slide {background: none !important;}
	.slider .slide .width {height: 80vh;}
	.HP h1 {font-size: 26px;}
	h1 {font-size: 28px;}
	.dark .sluzby .sluzba {width: 100%;}
	.reference_list .reference {width: 50%;}
	.HP .grey .right_bg {display: none; background: none;}
	.HP .grey .width .obal {width: 100%;}
	.vedeni_list .clen {width: 47%; margin-bottom: 25px;}
	.sloupce {display: block;}
	.sloupce .box {width: 100%;}
	.main_info {display: block;}
	.main_info .img {width: 100%;}
	.main_info .img {width: 100%;}
	.main_info .info {width: 100%;}
	.volne_pozice .pozice {width: 48%;}
	.detail_pozice .left_side ul li {margin: 4px 0;}
	.detail_pozice .left_side ul li a {background: #00A12F; color: white; padding: 8px; text-align: center; margin: 0;}
	.detail_pozice .left_side ul li a:hover {background: #242424; color: white;}


	.vedeni_list .clen {width: 48%;}
	.vedeni_list .clen:nth-child(1) {margin-left: 25%; margin-right: 25%;}

}


/* phones */

@media only screen and (max-width: 575px) {	
		
	.slider .label {font-size: 36px;}
	.slider .label .small {font-size: 24px;}
	.slider .label .big.dlouhy {font-size: 25px;}
	.reference_list .reference {width: 100%;}
	.vozy_list {margin-left: 0; display: block; text-align: center;}
	.HP .vozy_list .vuz {width: auto; margin: 0 auto 30px; display: inline-block;}
	.vozy_list .vuz {width: auto; margin: 0 auto 30px; display: inline-block;}
	footer .bottom .right {margin-top: 20px;}
	footer .top .right ul {flex-wrap: wrap;}
	footer .top .right ul li {margin-bottom: 10px;}
	.HP header .social_icon a {margin-right: 8px;}
	footer .top .left {flex-wrap: wrap;}
	footer .top .left .kontakt {width: 100%; margin-top: 20px; text-align: center;}
	footer .top .left .adresa {margin-right: 0;}
	.volne_pozice {margin-left: 0;}
	.volne_pozice .pozice {width: 100%; margin-left: 0;}
	.proc .right,
	.proc .left {width: 100%;}
	.proc {flex-direction: column-reverse;}
	.formularek .obal .formItem {width: 100%;}
	.HP h1 {font-size: 21px;}
	.zpravodaj_item {width: 50%;}
	.zpravodaj_item__h {font-size: 16px;}
	.vyhody_ikony {grid-template-columns: repeat(2, 1fr);}


}



/* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   style pro IE 10-11
	
} */