body{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color:#000;
	font-weight:400;
	overflow-x:hidden;
	position: relative;
}
.logo{
	margin-top:70px;
	margin-bottom:70px;
}
h1,h2,h3,h4{
	color: #F36F21;
	margin-top:25px;
	font-weight: bold;
	margin-bottom:25px;
}
h1{
	font-size: 40px;
	line-height: 56px;
	margin-bottom:35px;
}
h1.banner-text{
	margin-bottom:150px;
}
h2{
	font-size: 32px;
	line-height: 48px;
}
h3{
	font-size: 24px;
	line-height: 32px;
}
h4{
	font-size: 20px;
	line-height: 24px;
	margin-top:10px;
	margin-bottom:15px;
}
h5{
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	margin-top: 5px;
	font-weight:bold;
}
ul{
	padding-left: 20px;
}
a:focus,
a:hover{
	color:#222222;
}
a{
	color:#222222;
	transition:0.5s;
}
p.no-margin{
	margin-bottom:0;
}
.collapse-widget{
	margin-bottom:50px;
}
.collapse-wrapper{
	margin-bottom:45px;
}
.collapse-widget p{
	margin-bottom:0;
	padding-top:15px;
}
.collapse-header{
	cursor:pointer;
}
.collapse-header h4{
	padding-bottom:20px;
	border-bottom:1px solid #EEEEEE;
	padding-right:80px;
	margin-bottom:0px;
	margin-top:35px;
	background: url(../img/collapse.svg) no-repeat center right;
}
.box-wrapper .col-4{
	padding-bottom:35px;
}
.box{
	background: #F5F5F5;
	border-radius: 8px;
	padding:25px 16px 16px;
	height: 100%;
}
.box p{
	margin-bottom:0;
}
.box-icon{
	margin-bottom:20px;
	min-height: 48px;
}
.icon-wrapper{
	margin:30px 0;
}
.icon-wrapper > .row{
	margin-bottom:30px;
	color: #222222;
}
.box-arrows{
	position: absolute;
    right: 0;
    top: 15px;
}
.box-arrows a img{
	padding:10px;
}
.scheme-widget{
	margin-top:60px;
	margin-bottom:75px;
}
#devices .col-lg-4{
	margin: 25px auto;
}
.device-box{
	border: 1px solid #EEEEEE;
	box-sizing: border-box;
	border-radius: 4px;
	padding:50px 40px 35px;
	color:#222;
	height:100%;
}
.device-photo{
	min-height:270px;
}
.device-photo img{
	padding-bottom:30px;
	max-height:270px;
}
.device-info p{
	margin-bottom:0;
}
.zoom-photo{
	overflow:hidden;
}
.zoom-photo img{
	transition: transform .6s;
}
.zoom-photo img:hover{
	transform: scale(1.06);
}
.more-button{
	border: 1px solid #F36F21;
	box-sizing: border-box;
	border-radius: 8px;
	font-weight: bold;
	color: #F36F21;
	padding:8px 16px;
	text-align:center;
	transition:0.5s;
}
.more-button:hover{
	color:#FFF;
	background-color:#F36F21;
	text-decoration:none;
}
#other{
	margin-top:80px;
}
.other-col{
	margin-bottom:50px;
}
.other-photo{
	margin-bottom:10px;
}
.other-text{
	margin-bottom:40px;
}
.mask-image{
	position:absolute;
	top:0;
	left:0;
	width:755px;
	height:730px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size: contain;
}
.mask{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:url(../img/mask.png) no-repeat center;
	background-size:cover;
	z-index:1;
}
#realizations h2{
	position:relative;
	top: 65px;
  z-index: 10;
}
.realizations-image{
	position:relative;
	overflow: hidden;
    height: 670px;
}
.flexslider .slides .realizations-image > img:nth-of-type(1){
	padding:2px;
	height:670px;
	width: auto;
    max-width: initial;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.realizations-image .realizations-mask{
	position:absolute;
	top:0;
	left: 0;
  	right: 0;
	z-index:1;
	padding: 0;
}
.realizations-box{
		margin-top: 110px;
	}
.point-wrapper{
	position:absolute;
	z-index:2;
}
.point{
	cursor:pointer;
	width: 30px;
	height: 30px;
	background-color:#F36F21;
	border-radius: 4px;
	transform: rotate(-45deg);
	transition:0.5s;
}
.point img{
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%) rotate(45deg);
	left:50%;
}
.point-text{
	width: 250px;
	padding:16px;
	background-color:#333333;
	color:#FFF;
	border-radius: 4px;
	position:absolute;
	top:0;
	left:40px;
	opacity:0;
	transition:0.5s;
}
.point-text.point-left-text{
	left:-260px;
}
.point-wrapper.opened .point{
	background-color:#333333;
	transform: rotate(0deg);
}
.point-wrapper.opened .point-text{
	opacity:1;
}
#partners,
#devices{
	margin-top:80px;
	margin-bottom:80px;
	position: relative;
}
#partners .partners-content{
	margin-top:80px;
}
#partners .image-column{
	margin-bottom:80px;
	text-align:center;
}
#partners .image-column img{
	max-width:90%;
}
.xdsoft_datetimepicker.xdsoft_dark{
	background-color:#342E36;
	border:4px solid #FFF;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
	color:#FFF;
	background-color:#F36F21;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{
	background-color:#342E36;
}
.form-box{
	background-color:#342E36;
	padding:32px 24px;
	color:#FFF;
	position: relative;
  z-index: 10;
	max-width: 482px;
	width: 100%;
	top: -95px;
}
.form-box-header h3{
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	margin-top:0;
	margin-bottom:15px;
	color:#FFF;
}
.form-label h5{
	font-size: 16px;
	line-height: 20px;
	margin-top:30px;
	margin-bottom:12px;
	border-bottom:1px solid #FFF;
	color:#FFF;
	padding-bottom:3px;
}
.form-field {
	position:relative;
}
.form-field > select,
.form-field > input{
	background: #FFFFFF;
	border: 1px solid #CFCFCF;
	box-sizing: border-box;
	margin-bottom:1px;
	border-radius:0;
	box-shadow:none;
	color:#222;
	height: 40px;
  padding: 10px 44px 10px 15px;
	font-size: 14px;
	line-height: 20px;
}
.form-field select{
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
		background:url(../img/select.svg) no-repeat center right 15px #FFF;
}
.form-field > select:focus,
.form-field > input:focus{
	border: 1px solid #F36F21;
	outline:none;
	box-shadow:none;
}
.form-field > select[disabled],
.form-field > input[disabled]{
	color:#8A8A8A;
	border: 1px solid #EEEEEE;
	background-color:#FFF;
}
.form-field #datetimepicker{
		background:url(../img/calendar.svg) no-repeat center right 10px #FFF;
}
.form-field .suffix{
	position: absolute;
	right: 10px;
	top: 9px;
	color:#8A8A8A;
	width: 24px;
	height: 20px;
	text-align:center;
}
.form-field ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #222;
}
.form-field ::-moz-placeholder { /* Firefox 19+ */
    color: #222;
}
.form-field :-ms-input-placeholder { /* IE 10+ */
    color: #222;
}
.form-field :-moz-placeholder { /* Firefox 18- */
    color: #222;
}

.form-field .with-error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #EB0000;
}
.form-field .with-error::-moz-placeholder { /* Firefox 19+ */
    color: #EB0000;
}
.form-field .with-error:-ms-input-placeholder { /* IE 10+ */
    color: #EB0000;
}
.form-field .with-error:-moz-placeholder { /* Firefox 18- */
    color: #EB0000;
}


.form-field > input[disabled]::-webkit-input-placeholder,
.form-field input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #8A8A8A;
}
.form-field > input[disabled]::-moz-placeholder,
.form-field input:focus::-moz-placeholder { /* Firefox 19+ */
    color: #8A8A8A;
}
.form-field > input[disabled]:-ms-input-placeholder,
.form-field input:focus:-ms-input-placeholder { /* IE 10+ */
    color: #8A8A8A;
}.form-field > input[disabled]:-moz-placeholder,
.form-field input:focus:-moz-placeholder { /* Firefox 18- */
    color: #8A8A8A;
}
.form-field > input.with-error{
	color:#EB0000;
	border-color:#EB0000;
}
.checkbox-label {
	display: block;
	position: relative;
	padding-left: 36px;
	margin-bottom: 14px;
	margin-top: 9px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-top: 3px;
}
.checkbox-label[for="accept"]{
	width:125px;
}
.checkbox-label .more-hidden a,
.checkbox-label a.more-label{
	text-decoration: underline;
	color:#F36F21;
}
.more-hidden{
	display:none;
}
.small-label{
	font-size:12px;
	line-height: 16px;
}
.checkbox-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	top: 0;
	left: 0;
}
.checkbox-label.with-error a,
.checkbox-label.with-error{
	color:#EB0000;
}
.checkbox-label > a{
	color:#FFF;
	text-decoration:underline;
	position: absolute;
  width: 150px;
  margin-left: 6px;
  font-weight: bold;
  color:#F36F21;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 24px;
	border: 1px solid #8A8A8A;
	background-color: #fff;
}
.checkbox-label.with-error .checkmark{
	border-color:#EB0000;
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.checkbox-label input:checked ~ .checkmark {
  background-color: #F36F21;
  border-color: #F36F21;
}
.checkbox-label .checkmark:after {
	left: 8px;
	top: 2px;
	width: 6px;
	height: 15px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.checkbox-label input:checked ~ .checkmark:after {
    display: block;
}
.tab-label{
	display: block;
    position: relative;
	padding: 20px 50px;
	border: 1px solid #5F5F5F;
	box-sizing: border-box;
	border-radius: 8px;
    margin-right: 8px;
    margin-top: 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	max-width:235px;
	transition: background-color 0.5s;
}
.tab-label.checked{
	background-color: #5F5F5F;
	border: 1px solid #2C2C2C;
}
.tab-label .checkmark {
	position: absolute;
	top: 18px;
	right: 18px;
	left:initial;
	display:none;
	border:none;
	background: url(../img/checked_big.svg) no-repeat center;
}
.tab-label .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.tab-label input:checked ~ .checkmark {
  	display:block;
}
.tab-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
}
.tab-label-icon{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 12px;
}
.form-control.is-invalid, .was-validated .form-control:invalid{
	border-color: #EB0000;
	color:#EB0000;
	background:none;
	background-color:#FFF;
	box-shadow:none;
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus,
.form-control.is-valid, .was-validated .form-control:valid {
  border-color:#CFCFCF;
  background:none;
	background-color:#FFF;
	box-shadow:none;
}
.was-validated .form-control:invalid ~ .checkmark {
	border-color: #EB0000;
}
button{
	width: 189px;
	height: 40px;
	background: #F36F21;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.35);
	border-radius: 32px;
	text-align:center;
	color:#FFF;
	align-self: center;
	border:none;
	font-weight:bold;
	margin:25px auto 5px;
	position:relative;
	transition:0.5s;
}
button:hover{
	background: #F58746;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
}
button:focus{
	border: 4px solid #FFF;
	background: #F58746;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
	outline:none;
}
button:focus::before{
  border: 1px solid #F58746;
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
	border-radius: 32px;
  pointer-events: none;
}
button:active{
	background: #F26410;
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.16);
	outline:none;
	border:none;
}
button:active::before{
	content:none;
}
.flexslider{
	border:none;
	border-radius:0;
}
.flex-control-paging li a{
	background:url(../img/dot.svg) no-repeat center;
	width:12px;
	height:12px;
	box-shadow:none;
	border-radius:0;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active{
	background:url(../img/dot-active.svg) no-repeat center;
}
.flex-control-nav{
	text-align:left;
	max-width: 1200px;
  margin: auto;
	left: 0;
  right: 0;
}
.flexslider:hover .flex-direction-nav .flex-next,
.flexslider .flex-direction-nav .flex-next {
    right: 60px; /* adjust offset to match the hover style */
    opacity: 1; /* adjust opacity to match the hover style */
	width: 40px;
    height: 60px;
	background:url(../img/right.svg) no-repeat center;
}
.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider .flex-direction-nav .flex-prev {
    left: 60px; /* adjust offset to match the hover style */
    opacity: 1; /* adjust opacity to match the hover style */
	width: 40px;
    height: 60px;
	background:url(../img/left.svg) no-repeat center;
}
.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-prev:before{
	content:none;
}
footer .container{
	border-top: 1px solid #EEEEEE;
	padding:45px 15px 10px;
}
.footer-link{
	margin-bottom:12px;
	display: inline-block;
    padding-left: 35px;
    padding-right: 35px;
}
.footer-link a{
	color:#222;
	display:block;
	font-weight:bold;
	text-decoration:underline;
	font-size:12px;
	margin-top:40px;
}
.footer-logo,
.footer-text{
	margin-bottom:40px;
}
.footer-logo-first{
	width:130px;
	margin-top:10px;
}
footer h5{
	margin-bottom:25px;
}
.bordered-footer-block{
	border-top: 1px solid #EEEEEE;
	margin-top:30px;
	padding-top:55px;
	font-size:12px;
	line-height:20px;
}
.bordered-footer-block p{
	max-width: 830px;
    margin: auto;
}
.sticky{
	position:absolute;
}
.sticky1{
	right:0;
	top:1300px;
}
.sticky2{
	left:0;
	top:-150px;
}
.sticky3{
	right:0;
	bottom: -50px;
}
#stickThis.stick {
    margin-top: 0;
    position: fixed;
    bottom: 22px;
		top:initial;
    z-index: 9999;
}
#stickThis.stick.down {
	bottom: 22px;
	top:initial;
}
#stickThis.stick.up {
	top: 22px;
	bottom: initial;
}
#stickThis.relstick {
	position: absolute;
	bottom: 0;
	z-index: 9999;
	top:initial;
}
.col-with-bullets .logo {
    margin-top: 48px;
    margin-bottom: 48px;
}
.col-with-bullets h1{
	font-size: 32px;
	line-height: 48px;
}
.col-with-bullets ul{
 	list-style-image: url(../img/dot-active.svg);
	line-height:24px;
	margin-bottom:40px;
}
.col-with-bullets ul li{
	padding-left:6px;
	margin-bottom: 8px;
	text-align: left;
}
.col-with-bullets h3.fresh-air-lower {
	margin-bottom: 54px;
}
.col-with-bullets h1.fresh-air-lower {
	margin-bottom: 54px;
}
.col-with-bullets h1.banner-text {
	margin-bottom: 50px;
}
.form-box.with-bullets {
	top: -120px;
}
.message{
	padding:10px 15px 10px 15px;
	color:#F36F21;
	border:1px solid #F36F21;
	background-color:#FFF;
	margin-top:5px;
}
.collapse-list{
	padding-top:20px;
	padding-left: 80px;
	list-style: none;
}
.collapse-list li{
	margin-bottom:15px;
}
.pump-list{
	background: url(../img/pompa.svg) no-repeat left top 20px;
}
.foto-list{
	background: url(../img/fotowoltaika.svg) no-repeat left top 20px;
}
.reku-list{
	background: url(../img/rekuperacja.svg) no-repeat left top 20px;
}
.cookies{
	padding:10px 15px 10px 15px;
	color:#F36F21;
	border:1px solid #F36F21;
	border-left:none;
	border-right:none;
	background-color:#FFF;
	position: fixed;
	left:0;
	right:0;
	bottom:0;
	z-index: 10000;
}
.cookie-accept{
	position: relative;
    top: -10px;
}
.fresh-air-logo h3{
	background: url(../img/czyste.png) no-repeat right 20px center;
    background-size: 65px;
    padding: 15px 0;
}