@charset "utf-8";
body {
	font-family: 'Josefin Sans', sans-serif;
	font-family: 'Lato', sans-serif;
	margin: 0px;
	padding: 0px;
}
#facebook_slider_widget {
	margin-top:-200px !important;
}
#container {
	width: 100%;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bcgHeader {
	width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
	margin: 0px;
	background-image: url(../images/bcgHeader_01.png);
	background-repeat: no-repeat;
	background-position: center -30px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: #FFFFFF;
	height: 975px;
}
.maxWidth {
	max-width: 1720px;
	margin: 0 auto;
}
.maxWidth1280 {
	max-width: 1280px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
#logo {
	float: left;
	width: 300px;
	padding: 0px;
	margin: 0px;
}
#mainContent {
	margin: 0px;
	padding: 0px;
} 
#menu {
	margin: 0px;
	padding: 0px;
	float: left;
	text-transform: uppercase;
	width: calc(100% - 300px);
}
#menu ul {
	padding: 0px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#menu ul li {
	display: inline-block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 26px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu a {
	font-size: 15px;
	line-height: 30px;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.hover-underline-animation {
  display: inline-block;
  position: relative;
}
.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #00FFA2;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.social {
	padding-top:50px;
	float: right;
}
.socialm {
	padding-top:10px;
}
#banner {
	margin: 0px;
	width: 45%;
	padding-top: 120px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 150px;
}
#banner p {
	font-size: 13px;
	color: #858585;
	margin: 0px;
	padding: 0px;
}
.bigtitle  {
	font-size: 87px !important;
	color: #000000 !important;
	font-weight: 900 !important;
}
.middletitle   {
	font-size: 36px !important;
	color: #000000 !important;
	font-weight: 700 !important;
	line-height: 72px !important;
}
.font60 {
	font-size: 60px !important;
}
.colorGreen {
	color: #00FFA2 !important;
}
.smalltitle    {
	font-size: 17px !important;
	color: #000000 !important;
	font-weight: 400 !important;
	line-height: 30px !important;
	text-align: justify !important;
	margin:0px;
	padding:0px;
}
.smalltitlecenter  {
	font-size: 17px !important;
	color: #000000 !important;
	font-weight: 400 !important;
	line-height: 30px !important;
	text-align: center !important;
	margin:0px;
	padding:0px;
}
.btnGreen {
	color: #000000;
	text-decoration: none;
	background-color: #00FFA2;
	margin: 0px;
	border-radius: 5px;
	padding-top: 12px;
	padding-right: 45px;
	padding-bottom: 12px;
	padding-left: 45px;
	text-transform: uppercase;
	text-align: center;
}
.btnBlack {
	color: #FFFFFF !important;
	text-decoration: none !important;
	background-color: #000000 !important;
	margin-left: 20px !important;
	border-radius: 5px !important;
	padding-top: 12px !important;
	padding-right: 45px !important;
	padding-bottom: 12px !important;
	padding-left: 45px !important;
	text-transform: uppercase !important;
	text-align: center !important;
}
.btnGreen:hover {
	background-color: #33FFB3;
	border-radius: 5px;
	color: #333333;
}
.bcgSection {
	margin: 0px;
	background-image: url(../images/bcgHeader_02.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #ECF9F2;
}
.bcgWentylacja {
	width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
	margin: 0px;
	background-image: url(../images/bcgWentylacja.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 650px;
	padding-top: 67px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.maxWidth1280 h1 {
	font-size: 43px;
	font-weight: 900;
	margin-top: -100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bcgKlimatyzacja {
	background-image: url(../images/bcgKlimatyzator.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 526px;
	float: left;
	width: 53%;
}
#infoKlima {
	width: 40%;
	float: left;
}
#infoPompy {
	width: 40%;
	float: left;
	padding-right:2%;
}
.bcgPompy {
	background-image: url(../images/bcgPompaCiepla.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 513px;
	float: left;
	width: 50%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.containerFooter {
	background-color: #ECF9F2;
	height: 555px;
}

.foot {
	background-image: url(../images/bcgFooter.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.fala {
	background-image: url(../images/bcgFala.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.bcgFala {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(236,249,242,1) 100%);
	background-color: #ecf9f2;
	padding-bottom: 50px;
}
.bcgFala  h2 {
	position: relative;
	top: -30px;
	font-size: 36px;
	line-height: 72px;
	font-weight: 700;
}


#gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 25px;
	column-gap: 25px;}
.item {

}


.footer {
	background-image: url(../images/bcgFooter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 327px;
	margin: 0px;
}
#logos {
	height: 539px;
	width: 70%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30%;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#logos2 {
	height: 400px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/bcgFal.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}


.pompy {
	background-image: url(../images/bcgPompy.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 421px;
}


.punkt {
	border-radius: 10px;
	padding: 0px;
	height: 10px;
	width: 10px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #00FFA2;
	display: inline-block;
}
.size24 {
	font-size: 24px !important;
	line-height: 35px !important;
}
.active {
	font-weight: 600;
	text-decoration: underline;
}
.col33 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 33%;
}
.line {
	border: 1px dotted #000000;
	height: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.fal {
	background-image: url(../images/bcgFal.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

header{display:none;}
.gray {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(236,249,242,1) 100%);
	padding:0 15px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.mobile-menu-container {
float: left;
}

.social-media-section {
bottom: 0;
left: 0;
text-align: center;
padding: 10px;
}

.social-media-icon {
display: inline-block;
margin: 0 12px;
}