body {
  background-color: #e8e8e8;
  font-family: 'Titillium Web',sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.45em;
  color: #1b3b5f;
  margin: 0;
}

a {
  color: #428bca;
  text-decoration: none;
}


b, strong {
  font-weight: 700;
}

p {
  margin: 0 0 10px;
}
img {
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  font-family: 'Titillium Web',sans-serif;
  color: #002d55;
  line-height: 1.1;
}
h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 {
  margin-top: 35px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  margin: 0.67em 0;
}

h1#page-title {
  text-transform: uppercase;
}
h2#box-title {
  text-transform: uppercase;
}

h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.3em;
  margin-top: 0;
}

h3, .h3 {
font-size:24px;
}

h4 {
  font-size: 1em;
  font-weight: 700;
  margin: 0 0 4px 0;
}

h5 {
  font-weight: normal;
  margin-top:0px;
}

#header.header-bialy  p em, #header.header-bialy  h2, #header.header-szary  p em, #header.header-szary  h2 {
  color: #002d55!important;
}

#header.header-pomarancz h2, #header.header-szary-serwis h2{
    color: #fff!important;
}

em {
  color: #002d55;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
}

#header.header-szary-serwis em {
    color: #fff;
    
}

a.nagl-serwis:hover{
color:#fff;
text-decoration:none;
text-shadow:0 0 6px rgba(255,255,255,1)
}

.newshkl h4{
margin: 5px 0;
font-weight: 700!important;
}

.calaszerokosc{
width:100%;
}

button, button.btn, input.btn, input[type="submit"], a.btn {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  line-height: 27px;
  padding: 0 10px;
  background-color: #002f5d;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  border: solid 1px #002f5d;
  width: 100%;
}

button:hover,button.btn:hover,input.btn:hover,input[type="submit"]:hover,a.btn:hover{
color:#fff;
text-decoration:none;
background-color:#ff5d07;
border:solid 1px #fd8a4b;
}

#header.header-pomarancz button, #header.header-szary-serwis button{
	background-color: #fff;
    border: 1px solid #002d55;
    color: #002d55;	

}
#header.header-pomarancz button:hover, #header.header-szary-serwis button:hover{
background-color:#002f5d;
color: #fff;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button, select {
  text-transform: none;
}

button#przycisk_zapytaj{
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  line-height: 100px;
  padding: 0;
  background-color: #002f5d;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  border: solid 3px #fd8a4b;
  width: 100%;
  text-transform: none;
  margin: 0px;
  font-weight: bold;
}

button#przycisk_zapytaj:hover{
color:#fff;
text-decoration:none;
background-color:#ff5d07;
border:solid 3px #fd8a4b;
}

input, select, textarea {
  height: 35px;
  font-size: 14px;
  line-height: normal;
  padding: 0 0 0 10px;
  border-radius: 0 !important;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px 0 #666;
  -moz-box-shadow: 0 0 2px 0 #666;
  box-shadow: 0 0 2px 0 #666;
  border: solid 1px #f60;
}

#block-block-2:after, #block-block-3:after, #block-block-17:after, #block-block-26:after, #block-block-27:after, #block-block-28:after, #block-menu-block-1:after, #header-bialy:after,#header-szary:after, #block-bean-slider-startseite::after, #content-bottom::after, #topheader::after, #header::after, .footer::after, .content-container:after {
  content: "";
  height: 5px;
  left: 0;
  opacity: .3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
  background: -moz-linear-gradient(top,rgba(0,0,0,0.65) 0,rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0.65)),color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0.65) 0,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,0.65) 0,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,0.65) 0,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0.65) 0,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0);
}



.container {
  width: 970px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.smooth {
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

#header {
  background: #002d55;
  color: #fff;
  padding: 30px 0 40px;
  position: relative;
  z-index: 1;
  display: flex;
  }

  
header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {
  color: #fff;
}
  
#topheader {
  background: #dadada url(//hkl.pl/templates/hkl/images/Beton.png);
  min-height: 230px;
}

#topheader, #header {
  clear: both;
  border-bottom: solid 10px #fff;
  position: relative;
}

.topheader-left {
  float: left;
  /*position: relative;*/
  top: -20px;
  width: 180px;
}

#topheader ul li a.active,#topheader ul li a.active-trail,#topheader ul li a:hover {
color:#ff5900;text-decoration:none
}

.topheader-left img {
  position: relative;
  width: 150px;
  /*z-index: 4;*/
  left: -20px;
  }
  

.topheader-left-mieten, .topheader-left-kaufen, .topheader-left-service {
  clear: both;
  float: left;
  position: relative;
  width: 200px;
  height: 22.6px;
}
.topheader-left-mieten:hover,.topheader-left-kaufen:hover,.topheader-left-service:hover{
color:#fff;
text-decoration:none;
opacity:.5;
-ms-filter:"alpha(opacity=50)"
}

/*img{position:relative;width:200px;z-index:4;left:-20px}*/


.topheader-left-mieten span, .topheader-left-kaufen span, .topheader-left-service span {
  display: none;
}

.topheader-left, .topheader-right {
  color: #3a3a3a;
}

#topheader ul li {
 /* float: left;*/
  font-weight: bold;
  font-size: 18px;
  line-height: 50px;
  margin: 0px;
}

#topheader ul, #topheader ul li {
  list-style-type: none;
  /*margin: 0;*/
  padding: 0;
}

.topheader-right {
  float: left;
  padding-left: 50px;
  padding-top: 50px;
  width: calc(100% - 230px);
}

#mainmenuhkl a {
  color: #3a3a3a;
  padding: 0 10px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

#mainmenuhkl li.active a{
color:#ff5900;
}


.finderszukarka input[type="text"] {
  height: 26px;
  width: 100px;
}
.finderszukarka button, .finderszukarka button:hover {
border: none;
background: none;
font-size: 14px;
margin-left:5px;
width:auto;
color:#000;
}

/*.menuhkl {
  float: left;
} */
.searchkl{
float:right;
/*margin:10px 0px 0px 10px;*/
}
.cokolwiekhkl {
  /*clear: both;*/
  float: right;
  font-size: 16px;
  margin-top: 20px;
  padding-left: 10px;
  width: 30%;
}

#header.header-sprzedaz {
  background: #eb680a;
}
#header.header-serwis {
  background: #494949;
}

.content-container {
  border-bottom: solid 10px #e8e8e8;
  position: relative;
  padding: 15px 0;
}
.content-container ul li, #header.header-bialy  ul li {
  background: transparent url(//hkl.pl/templates/hkl/images/punkt.png) left 9px no-repeat;
  list-style-type: none;
  padding: 3px 0 3px 20px;
}

.content-container ul {
  padding-left: 0;
  margin: 10px 0;
}

#header.header-bialy {
  padding: 25px 0;
  background-color: #fff;
  position: relative;
  z-index: 1;
  border-bottom: solid 10px #fff;
  color:#1b3b5f;
}

#header.header-szary {
background-color: #e8e8e8;
position: relative;
padding: 35px 0;
border-bottom: solid 10px #e8e8e8;
color:#1b3b5f;
}
#header.header-pomarancz {
    padding: 25px 0;
    background-color: #eb680a;
    position: relative;
    z-index: 1;
    border-bottom: solid 10px #eb680a;
    color: #fff;
}

#header.header-szary-serwis {
background-color: #494949;
position: relative;
padding: 35px 0;
border-bottom: solid 10px #494949;
color:#fff;
}

#header.header-pomarancz ul{
		margin-left: 20px;
	    list-style-type: square;
}

@media (min-width: 992px){
.sidebar {
  width: 20%;
  float: right;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}}

#right {
  margin-top: 15px;
}

#right h2 {
  color: #ff5900;
  font-size: 1.1em;
}
#right ul {
  /* padding-left: 15px;*/
}
#right a {
  color: #1b3b5f;
}

#right a:hover, .content-container  a, .content-container  a:hover, #oddzialy a {
  color: #ff5900;
  font-weight: 400;
  text-decoration: none;
}

.content-container  a:hover{
color: #ff5900;
font-weight: 400;
text-decoration: underline;
}


#header.header-szary a {
color: #1b3b5f;
font-weight: 400;
text-decoration: none;
}
#header.header-szary-serwis a {
color: #fff;
font-weight: 400;
text-decoration: none;
}

#header.header-bialy  a:hover {
   text-decoration: underline;
}

#header.header-szary  a:hover, #header.header-szary-serwis a:hover {
     color: #ff5900;
}


div.szary_box {
  clear: both;
  box-shadow: 0 0 6px #d9d9d9;
  -webkit-box-shadow: 0 0 5px #d9d9d9;
  -moz-box-shadow: 0 0 5px #d9d9d9;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #dadada;
  background: #f5f5f5;
  display: inline-block;
  width: 100%;
}

.content-zw{
/*width: 77%;*/
float:left;
}

div.maly_box_lewy {
  float: left;
}
div.maly_box_prawy {
  float: right;
}


div.maly_box_lewy, div.maly_box_prawy {
  width: 45%;
  box-shadow: 0 0 6px #d9d9d9;
  -webkit-box-shadow: 0 0 5px #d9d9d9;
  -moz-box-shadow: 0 0 5px #d9d9d9;
  padding: 10px 15px 10px 10px;
  margin-bottom: 20px;
  border: 1px solid #dadada;
  background: #f5f5f5;
  display: inline-block;
}
div.maly_box_lewy h4, div.maly_box_prawy h4 {
  font-size: 1em;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom:5px;
}

div.maly_box_lewy img, div.maly_box_prawy  img {
float: left;
margin-right: 8px;
}



div.duzy_box {
  clear: both;
  margin-bottom: 20px;
  display: inline-block;
  background: #f5f5f5;
  border: 1px solid #dadada;
  display: inline-block;
  box-shadow: 0 0 6px #d9d9d9;
  -webkit-box-shadow: 0 0 5px #d9d9d9;
  -moz-box-shadow: 0 0 5px #d9d9d9;
  padding: 15px;
  width: 95.7%;
}
div.duzy_box p {
  line-height: 20px;
  margin-bottom: 10px;
}
div.duzy_box img {
  margin-top: 3px;
  box-shadow: 0 0 6px #d9d9d9;
  -webkit-box-shadow: 0 0 6px #d9d9d9;
  -moz-box-shadow: 0 0 6px #d9d9d9;
}
div.lewy_rysunek img {
  float: left;
  margin-right: 10px;
  margin-bottom:20px;
}
div.prawy_rysunek img {
  float: right;
  margin-left: 10px;
  margin-bottom:20px;
}

a.head_sprzedaz{
display:block;
height:144px;
overflow:hidden;
/*float:left;*/
margin:0 0 10px 0
}
a.head_sprzedaz img{
position:relative;
}
a.head_sprzedaz img:hover{
top:-144px;
}

a.head_wynajem{
display:block;
height:107px;
overflow:hidden;
/*float:left;*/
margin:0 0 30px 0
}
a.head_wynajem img{
position:relative;
}
a.head_wynajem img:hover{
top:-107px;
}

.pagination ul, .pagination ul li {
list-style-type:none;
display: inline;
background:none;
}
.pagination  {
margin:25px 0;
}
.pagination li>a, .pagination li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
 }
.pagination li>a:hover,.pagination li>a:focus{
text-decoration:none;background-color:#eeeeee;
}
.newshkl{
border-bottom: 2px solid #dfdfdf;
margin-bottom: 15px;
}

.newshkl a {
  color: #ff5900;
  font-weight: 700;
  text-decoration: none;
}
.newshkl a:hover {
  color: #ff5900;
  font-weight: 700;
  text-decoration: underline;
}
.img-intro-left {
  float: left;
  margin-right: 15px;
}
.newshkl .readmore {
  text-align: right;
}

thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}


table.tabela-sprzedaz {
  background-color: #f5f5f5;
  margin-bottom: 10px;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;

}

table.tabela-sprzedaz thead {
  background-color: #e1e1e1;
}

table.tabela-sprzedaz tr {
  border-bottom: 2px solid #dadada;
}

th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em;
  text-align: left;
}

table.tabela-sprzedaz tbody {
  border-top: 0;
  background-color: #f5f5f5;
}
table.tabela-sprzedaz tr:hover{
background-color:#e1e1e1;
}

table.tabela-sprzedaz img {
	float:none;
}

div#ftr-recaptcha {
    clear: both;
}

#chronoform-kontakt div#ftr-imie, #chronoform-kontakt div#ftr-kod1, #chronoform-kontakt div#ftr-email, div#chronoform-maszyna , div#chronoform-kiedy, #chronoform-kiedy div#ftr-od, #chronoform-gdzie div#ftr-kod1, div#chronoform-konwyn, #chronoform-konwyn div#ftr-imie, #chronoform-konwyn div#ftr-kod2,#chronoform-konwyn div#ftr-email{
float:left;
width: 45%;
margin-right:8%;
}
#chronoform-kontakt div#ftr-nazwisko, #chronoform-kontakt div#ftr-miejscowosc1,#chronoform-kontakt div#ftr-telefon, div#chronoform-zapytilosc, #chronoform-kiedy div#ftr-do, 
#chronoform-gdzie div#ftr-miejscowosc1, div#chronoform-gdzie, div#chronoform-tresc, #chronoform-konwyn div#ftr-nazwisko, #chronoform-konwyn div#ftr-miejscowosc2,#chronoform-konwyn div#ftr-telefon {
float:left;
width:45%
}

#chronoform-kontakt div#ftr-firma, #chronoform-kontakt div#ftr-ulica,#chronoform-kontakt div#ftr-tresc, #chronoform-maszyna  div#ftr-maszyny,#chronoform-maszyna  div#ftr-kategoria, #chronoform-zapytilosc div#ilosc, #chronoform-zapytilosc div#zapytanie, #chronoform-konwyn div#ftr-ulica, #chronoform-konwyn div#ftr-firma, #chronoform-konwyn div#ftr-nip{
float:left;
width:100%;
}

#chronoform-kontakt div#ftr-przycisk {
  width: 200px;
}

#chronoform-kontakt input, #chronoform-maszyna input, #chronoform-konwyn input[type="text"], #chronoform-tresc input, #chronoform-maszyna select, #chronoform-kiedy input, #chronoform-gdzie input{
width:96%;
}

#chronoform-zapytilosc input#ilosc{
width: 43%;
}

#chronoform-zapytilosc textarea#zapytanie{
max-width: 96%;
width:96%;
height: 80px;
}

#chronoform-kontakt label, #chronoform-newsletter label{
 font-weight: 700;
 }

#chronoform-kontakt  textarea#tresc{
max-width: 96%;
width:96%;
height:120px;
}

#chronoform-tresc  textarea{
max-width: 96%;
width:96%;
height:270px;
}
#chronoform-newsletter .gcore-line-tr{
margin-top:10px;
}

#chronoform-kontakt .gcore-line-tr {
margin-bottom: 15px;
}
#chronoform-maszyna .gcore-line-tr, #chronoform-konwyn .gcore-line-tr, #chronoform-kiedy .gcore-line-tr, #chronoform-gdzie .gcore-line-tr, #chronoform-tresc .gcore-line-tr, #chronoform-zapytilosc .gcore-line-tr  {
margin-bottom: 5px;
}

#chronoform-maszyna label.gcore-label-left{
float:left;
width: 60%;
text-align: right;
}

#ftr-recaptcha {
    clear: both;
}

input:disabled , select:disabled , textarea:disabled  {
    background: #eeeeee;
	border: solid 1px #dddddd;
}

#chronoform-konwyn div#fitem, #chronoform-konwyn div#fitem1, #chronoform-konwyn label.gcore-label-left{
float:left;
margin-right: 10px;
margin-top: 10px;

}
#chronoform-konwyn  input[type="checkbox"]{
height: auto;
}

div#chronoform-konwyn, div#chronoform-kiedy, div#chronoform-gdzie, div#chronoform-tresc, div#multi-kont,div#chronoform-maszynawyn,div#chronoform-zapytilosc{
margin-bottom:30px;
}

#chronoform-zapytaniewynajmowe .panel-heading,#chronoform-maszynawynajmowa .panel-heading,#chronoform-maszynasprzedazowa .panel-heading{
font-weight: 700;
font-size: 12pt;
margin-bottom: 10px;
}

#multi-kont2 .multiplier-remove-button{
  float: right;
  margin-right: 3px;
}

div#chronoform-wybmaszyne{
float:left;
width:27%
}

input.btn#wyslijmini{
background-color:#ff5d08;
font-size: 15pt;
font-weight: bold;
}

input.btn#wyslijmini:hover{
background:#b34600;
}

div#ftr-wyslijmini {
float:left;
width:25%
}

div#ftr-wyslijmini{
height:100px;
}

input#wyslijmini{
height:82px;
}

div#chronoform-wybmaszyne,div#panelmini, div#chronoform-kiedymini{
margin-right:25px;
}
div#ftr-odmini,div#ftr-kodmini{
margin-right:35px;
}

div#ftr-maszynymini {
margin-bottom:10px;
}

div#panelmini{
width:35%;
float:left;
}

div#chronoform-kiedymini,div#chronoform-gdziemini{
  width: 100%;
  
}


div#ftr-odmini,div#ftr-domini, div#ftr-miejscowoscmini,div#ftr-kodmini {
width:40%;
float: left;
margin-bottom: 10px;
}


input#odmini,input#domini,select#kategoriamini,select#maszynymini,input#kodmini,input#miejscowoscmini{
width:100%;
}
select#kategoriamini,select#maszynymini{
height:37px;
}



span.przycisk {
background-color: #002f5d;
  border: solid 1px #002f5d;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  line-height: 27px;
  width:150px;
  padding: 0 10px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

span.przycisk:hover {
background-color: #ff5900;
border: solid 1px #ff5900;
}


.przycisk{
display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  /* touch-action: manipulation; */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  }
  
#right-menu li > a {
padding:0;
}
#right-menu li > a:hover {
background:none;
}

.banneritem {
  margin-bottom: 20px;
}

.btn_close,.btn_readmore{
margin:0!important;
}
.cadre_texte  p{
margin:0;
}
li.theme1 {
  background: none!important;
}

.gm-style{
width:99.9%!important;
}
input.lokalizator{
margin-top:10px;
width:120px;}
#finder-search .btn-primary{
width:10%;
}
.navigation-container-custom{
	position: absolute!important;
    top: 370px!important;
    right: 400px!important;
}

.widz-link {
  color: #1b3b5f;
}

.widz-link:hover {
  color: #eb680a;
  text-decoration: none !important;
}