#timeline {
  display: flex;
  background-color: #fff;


}
#timeline:hover .tl-item {
  width: 25%;
}
.tl-item {
  transform: translate3d(0, 0, 0);
  position: relative;
  width: 33.3333%;
  color: #fff;
  overflow: hidden;
  transition: width 0.5s ease;
  margin-right:16px;

}

#timeline div:nth-of-type(3){
	margin-right:0;
}

@media (min-width: 901px) {
  .tl-item {
    height: 500px !important;

  }
}
@media (max-width: 900px) {
  .tl-item {
    height: 350px !important;

  }
}
.tl-item:before, .tl-item:after {
  transform: translate3d(0, 0, 0);
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
}
.tl-item:after {
  background: rgba(3, 89, 143, 0.67);
  opacity: 1;
  transition: opacity 0.5s ease;
}
.tl-item:before {
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
  z-index: 1;
  opacity: 0;
  transform: translate3d(0, 0, 0) translateY(-50%);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
@media (min-width: 1201px) {
  .tl-item:hover {
    width: 50% !important;
  }
}
@media (max-width: 1200px) {
  .tl-item:hover {
    width: 150% !important;
  }
}
.tl-item:hover:after {
  opacity: 0;
}
.tl-item:hover:before {
  opacity: 1;
  transform: translate3d(0, 0, 0) translateY(0);
  transition: opacity 1s ease, transform 1s ease 0.25s;
}
.tl-item:hover .tl-content {
  opacity: 1;
  top: 30px;
  transform: translateY(0);
  transition: all 0.75s ease 0.5s;
}
.tl-item:hover .tl-content-intro {
  opacity: 1;
  top: 30px;
  transform: translateY(0);
  transition: all 0.75s ease 0.5s;
}
.tl-item:hover .tl-year {
  opacity: 0;
  display: none;
}
.tl-item:hover .tl-bg {
  filter: grayscale(0);
}
.tl-content {
  transform: translate3d(0, 0, 0) translateY(25px);
  position: relative;
  z-index: 1;
  text-align: left;
  margin: 0 1.618em;
  top: 28%;
  font-size: 0.95rem;
  opacity: 0;
}
.tl-content h1 {
  color: #fff;
  font-size: 1.44rem;
  font-weight: normal;
}
.tl-year {
  position: absolute;
  top: 17%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.tl-year p {
  font-size: 1.728rem;
  line-height: 0;
}
.tl-bg {
  transform: translate3d(0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  transition: filter 0.5s ease;
  filter: grayscale(100%);
}
.tl-content-intro {
  transform: translate3d(0, 0, 0) translateY(25px);
  position: relative;
  z-index: 1;
  text-align: left;
  margin: 0 1.618em;
  top: 25%;
  opacity: 1;
}
.tl-content-intro h1 {
  color: #fff;
  font-size: 1.44rem;
  font-weight: normal;
}



#jm-sample-block .container-fluid {
padding:0 !important;	
max-width:100%;
}

@media (min-width: 1200px) {
#jm-sample-block .row-fluid [class*="span"] {

    padding:0 !important;
}
}

#jm-bottom1 {
    padding-bottom: 0px;
}

.jm-module {
    margin-bottom: 8px;
}
#jm-main .container-fluid {
	
}
#jm-logo-nav .container-fluid {
	
}


#jm-header {

    margin-bottom: 16px ;
}

#jm-bottom2 {
    padding-top: 30px;
    padding-bottom: 0;
    background: #00a6eb;
    color: #ffffff;
    border: none;
}
#jm-bottom2 .button  {
	border:1px solid #fff !important;
}

#jm-bottom2 .button:hover  {
	border:1px solid #fff !important;
}

#jm-bottom2 a {
    color: #fff;
}

#jm-bottom1  .container-fluid {
	max-width:100%;
}

@media (min-width: 1200px){
.row-fluid {
    margin: 0;

}
}

#jm-footer-mod {
    padding: 3rem;
}

.alert, .alert h4 {
    color: #000000;
}
.alert {
    padding: 16px 35px 16px 16px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #00a6eb12;
    border: 1px solid #00a6eb;
    border-radius: 0;
    margin: 0 !important;
}

.close {
    float: right;
    font-size: 30px;
    font-weight: 400;
    line-height: 20px;
    color: #00a6eb;
    text-shadow: none;
    opacity: 1;
}

.alert h4 {
    padding: 0;
padding-bottom: 10px;
}

#adminForm_filter_box .fc_legend_text {
	border:none;
	margin:0;
	padding:0;
}
#flexicontent figure.image.right img, #flexicontent figure.image.left img, #flexicontent div.image.right img, #flexicontent div.image.left img {
    padding: 0px;
    border: none;
}

#flexicontent .lineinfo {
    display: block;
    float: left;
     clear: none;
    margin: 0 0 0.5em 0;
}

#flexicontent .image_descr {
	max-width:85%;
}

#flexicontent .readmore {
    display: inline-block;
    float: left;
     clear: none; 
}

.customblock {
    width: 98% !important;
    padding: 0 !important;
    margin: 0px !important;
    display: block;
    float: left;
    border: none;
    border-radius: 0px;
}

#contact_slider {
	z-index:999999;
}

#contact_slider .bfQuickMode input[type=text], #contact_slider  .bfQuickMode textarea, #contact_slider  .bfQuickMode select, #contact_slider  .bfQuickMode .uneditable-input {
    max-width: 100%;
    width: 100%;
}

.outline {
	background-color:transparent;
	color:#fff;
	border:1px solid #fff;
}

.outline:hover {
	background-color:#fff;
	color:#666;
	border:1px solid #fff;
}

form {
    margin: 0 0 8px;
}

.group {
    overflow: unset	!important;
}


#jm-top1 {
    padding: 0px;
	margin:0;
    background: #fff;
    color: #646464;
    position: relative;
	width:100%;
	margin-top: -16px;
}

#jm-top1 .container-fluid {
	padding: 0px;
	margin:0;
    max-width: 100%;
}




@media (min-width: 1200px){
#jm-top1 .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin-left: 0;
    padding: 0;
}

}


#ruxin_news_187 {
    margin: 0 !important;
}


.flexibleContainer .flexCard .flexCard-image img {
    max-height: 200px;
}

.flexibleContainer .flexCard .flexCard-image img {

    max-height: 200px;
}

@media (min-width: 768px){
.custom_info {
	    position: absolute;
    top: 100px;
    z-index: 99;
    width: 100%;
    left: 0;
    background-color: #03598f90;
}
}


.dropfiles-content-default .file .downloadlink {

    border-radius: 0;

}

.dropfiles-content .openlink {

    border-radius: 0;
	width: 140px;
}

.flexibleContainer .product-price {
    text-align: center;
}

#Map {
	
}

#miejsce_zabudowy0, #miejsce_zabudowy1, #miejsce_zabudowy2, #miejsce_zabudowy3, #miejsce_zabudowy4 {
	width:100%;
	height:200px;
	min-width:140px;
	border: none;
	float:left

}

@media (max-width: 510px) {
	label[for=miejsce_zabudowy0], label[for=miejsce_zabudowy1], label[for=miejsce_zabudowy2], label[for=miejsce_zabudowy3], label[for=miejsce_zabudowy4] {
		width:100%;
	}
}

@media (max-width: 768px) {
	#miejsce_zabudowy0, #miejsce_zabudowy1, #miejsce_zabudowy2, #miejsce_zabudowy3, #miejsce_zabudowy4 {
		min-width:100px;
	}
}


label[for=miejsce_zabudowy0], label[for=miejsce_zabudowy1], label[for=miejsce_zabudowy2], label[for=miejsce_zabudowy3], label[for=miejsce_zabudowy4]{
text-align: center;
    /* float: left; */
    display: inline-block;
    max-width: 280px;
}

.uk-form #miejsce_zabudowy0:before  {
    content: '';
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0%;
    background: url("../../../images/plaski.png") center top no-repeat;
} 

.uk-form #miejsce_zabudowy0:hover:before {
    background: url("../../../images/plaskia.png") center top no-repeat;
} 

.uk-form #miejsce_zabudowy0:checked:before{
    background: url("../../../images/plaskib.png") center top no-repeat;
} 

.uk-form #miejsce_zabudowy1:before  {
    content: '';
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0%;
    background: url("../../../images/poludnie.png") center top no-repeat;
} 
.uk-form #miejsce_zabudowy1:hover:before  {
    background: url("../../../images/poludniea.png") center top no-repeat;
} 
.uk-form #miejsce_zabudowy1:checked:before {
    background: url("../../../images/poludnieb.png") center top no-repeat;
} 

.uk-form #miejsce_zabudowy2:before  {
    content: '';
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0%;
    background: url("../../../images/wschod.png") center top no-repeat;
} 
.uk-form #miejsce_zabudowy2:hover:before {
    background: url("../../../images/wschoda.png") center top no-repeat;
} 
.uk-form #miejsce_zabudowy2:checked:before {
    background: url("../../../images/wschodb.png") center top no-repeat;
} 
.uk-form #miejsce_zabudowy3:before  {
    content: '';
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0%;
    background: url("../../../images/zachod.png") center top no-repeat;
} 
.uk-form #miejsce_zabudowy3:hover:before {
    background: url("../../../images/zachoda.png") center top no-repeat;
} 
.uk-form #miejsce_zabudowy3:checked:before {
    background: url("../../../images/zachodb.png") center top no-repeat;
} 

.uk-form #miejsce_zabudowy4:before  {
    content: '';
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0%;
    background: url("../../../images/grunt.png") center top no-repeat;
} 
.uk-form #miejsce_zabudowy4:hover:before   {
    background: url("../../../images/grunta.png") center top no-repeat;
} 
.uk-form #miejsce_zabudowy4:checked:before   {
    background: url("../../../images/gruntb.png") center top no-repeat;
} 






















#sposob_podawania_zuzycia_energii0, #sposob_podawania_zuzycia_energii1 {
	width:100%;
	height:200px;
	min-width:180px;
	border: none;
	float:left

}

@media (max-width: 510px) {
	label[for=sposob_podawania_zuzycia_energii0], label[for=sposob_podawania_zuzycia_energii1] {
		width:100%;
	}
}

@media (max-width: 768px) {
	#sposob_podawania_zuzycia_energii0, #sposob_podawania_zuzycia_energii1 {
		min-width:100px;
	}
}


label[for=sposob_podawania_zuzycia_energii0], label[for=sposob_podawania_zuzycia_energii1]{
text-align:center;
	float:left;
}

.uk-form #sposob_podawania_zuzycia_energii0:before  {
    content: '';
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0%;
    background: url("../../../images/spze1a.png") center top no-repeat;
} 

.uk-form #sposob_podawania_zuzycia_energii0:checked:before {
    background: url("../../../images/spze1c.png") center top no-repeat;
} 

.uk-form #sposob_podawania_zuzycia_energii0:hover:before {
    background: url("../../../images/spze1b.png") center top no-repeat;
} 

.uk-form #sposob_podawania_zuzycia_energii1:before  {
    content: '';
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0%;
    background: url("../../../images/spze2a.png") center top no-repeat;
} 
.uk-form #sposob_podawania_zuzycia_energii1:checked:before  {
    background: url("../../../images/spze2c.png") center top no-repeat;
} 
.uk-form #sposob_podawania_zuzycia_energii1:hover:before  {
    background: url("../../../images/spze2b.png") center top no-repeat;
} 













#typ_uzytkownika0, #typ_uzytkownika1 {
	width:100%;
	height:200px;
	min-width:180px;
	border: none;
	float:left

}

@media (max-width: 510px) {
	label[for=typ_uzytkownika0], label[for=typ_uzytkownika1] {
		width:100%;
	}
}

@media (max-width: 768px) {
	#typ_uzytkownika0, #typ_uzytkownika1 {
		min-width:100px;
	}
}


label[for=typ_uzytkownika0], label[for=typ_uzytkownika1]{
text-align:center;
display: inline-block;
	
}

.uk-form #typ_uzytkownika0:before  {
    content: '';
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0%;
    background: url("../../../images/tu1a.png") center top no-repeat;
} 

.uk-form #typ_uzytkownika0:hover:before{
    background: url("../../../images/tu1b.png") center top no-repeat;
} 

.uk-form #typ_uzytkownika0:checked:before {
    background: url("../../../images/tu1c.png") center top no-repeat;
} 

.uk-form #typ_uzytkownika1:before  {
    content: '';
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0%;
    background: url("../../../images/tu2a.png") center top no-repeat;
} 
.uk-form #typ_uzytkownika1:hover:before   {
    background: url("../../../images/tu2b.png") center top no-repeat;
} 

.uk-form #typ_uzytkownika1:checked:before   {
    background: url("../../../images/tu2c.png") center top no-repeat;
} 

















@media (min-width: 960px){
	.uk-form-horizontal .uk-form-controls {
		margin-left: 0px;
	}

	.uk-form-horizontal .uk-form-label {
		width: 100%;
margin-top: 1rem;
    margin-bottom: 4rem;
		float: left;
font-size: 160%;
    font-weight: 600;
			text-align:center;
	}

	.rsfp-skinFlat.irs-with-grid {
		height: 60px;
		float: left;
		width: 100%;
	}
}

@media (max-width: 959px) {
	.uk-form-horizontal .uk-form-label {
		display: block;
		margin-bottom: 25px;
		font-weight: 700;
	}
}


 .rsfp-skinFlat .irs-single {
    color: #fff;
    font-size: 20px;
    line-height: 1.333;
    text-shadow: none;
    padding: 5px 5px;
    background: #ed5565;
    -moz-border-radius: 4px;
    border-radius: 4px;
	top: -15px;
	cursor: pointer;
}


#jm-back-top  {
    display:none !important;
}

input:focus, textarea:focus, select:focus{
        outline: none !important;
}
	 
#wojewodztwo_select {
	width:100%;
}














.uk-progress-bar em {
	display:none;
	}








		
		 .uk-progress-bar {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 0px;
			-webkit-border-bottom-right-radius: 0px;
			       -moz-border-radius-topright: 0px;
			    -moz-border-radius-bottomright: 0px;
			           border-top-right-radius: 0px;
			        border-bottom-right-radius: 0px;
			    -webkit-border-top-left-radius: 0px;
			 -webkit-border-bottom-left-radius: 0px;
			        -moz-border-radius-topleft: 0px;
			     -moz-border-radius-bottomleft: 0px;
			            border-top-left-radius: 0px;
			         border-bottom-left-radius: 0px;
			background-color: rgb(5, 165, 235);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(5, 165, 235)), color-stop(1, rgb(5, 165, 235)) );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(5, 165, 235) 37%,
			  rgb(5, 165, 235) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		 .uk-progress-bar:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		.orange > span {
			background-color: #f1a165;
			background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
		
		.red > span {
			background-color: #f0a3a3;
			background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
			background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
		}
		
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			background-image: none;
		}
		
		
		
		
		
		
		
		
		
		
		
.rsform-block-wiekszy-koszt-energii	 .formControlLabel {
display:none;
}	



.formError {
	display:none !important;
}


.rsform-block-5 .rsform-button-next { 
display:none !important;
}	 



@media (min-width: 960px){
.formContainer > .uk-grid > .uk-width-12-12 {
    width: 100%;
    
}
}

#map-poland {
	margin-top: 2rem; 
	margin-bottom: 2rem; 
}

#rsform_progress_19 {
	margin-bottom:2rem;
	margin-top:2rem;
}

.formControls button {
	padding:1rem 2rem;;
}

body {
	    background-color: #4a4a4a;
}


@media (min-width: 1220px){
.uk-grid {
    margin-left: 0;
}
}

@media (min-width: 1220px){
.uk-grid>* {
    padding-left: 0px;
}
}

@media (min-width: 960px){ 
.uk-form-horizontal .uk-form-controls {
    margin-left: auto;
	margin-right:auto;
	text-align: center;
}
}

.uk-form input[type=text] {
	padding:2rem;
	    font-size: 200%;
    text-align: center;
}


.formControls {
    text-align: center;
	    margin-left: auto;
	margin-right:auto;
	 padding-top: 3rem;
	 padding-bottom: 3rem;
}




.rsform-radio:hover:before {

    transform: scale(1.06);
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); */
}
.rsform-radio:before {

    transform: scale(1);

    transition: all 0.2s ease-in-out;

}


#typ_uzytkownika,
#wojewodztwo,
#sposob_podawania_zuzycia_energii,
#ilosc_mieszkancow,
#koszt_slider,
#miejsce_zabudowy
{
	padding:2rem;
	background-color: #02a6eb;
    margin: 10px;
    color: #fff;
	cursor:pointer;
	transform: scale(1);
    transition: all 0.2s ease-in-out;
	
}

#typ_uzytkownika_podsumowanie,
#wojewodztwo_select_podsumowanie,
#sposob_podawania_zuzycia_energii_podsumowanie,
#ilosc_mieszkancow_podsumowanie,
#koszt_slider_podsumowanie,
#miejsce_zabudowy_podsumowanie
{
	    color: #02588f;
    font-weight: 600;
} 
#typ_uzytkownika:hover,
#wojewodztwo:hover,
#sposob_podawania_zuzycia_energii:hover,
#ilosc_mieszkancow:hover,
#koszt_slider:hover,
#miejsce_zabudowy:hover
{
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
transform: scale(1.03);
}


.uk-button:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.03);
	background:#ffac08
}

.uk-button {
transform: scale(1);
    transition: all 0.2s ease-in-out;	
}

.uk-button-success {
	background:#00a6eb
}

.uk-form-danger {
    
    background: transparent !important;
    color: #fe0000 !important; 
	font-weight:700;
}

.formRed {
    background-color: #ff0000;
    color: white;
    font-weight: bold;
    padding: 1rem;
}

#rsform_19_page_0 .rsform-button-next {
	/* display:none !important; */
	
}