#menu-1, #menu-2, #menu-3, #menu-4, #menu-5, #menu-6,
#menu-47, #menu-66, #menu-72, #menu-79, #menu-86,
#menu-89, #menu-108, #menu-114, #menu-121{
    overflow-x: hidden;
}

/*o firmie*/

#menu-1, 
#menu-47,
#menu-89{
    position: relative;
    padding-bottom: 80px;
}



.button1, .button2, .button3{
    display: table;
    margin: auto;
    position: relative;
    top: -110px;
    background: #fff;
    padding: 40px 120px;
    border-radius: 51px;
    z-index: 22;
    color: #2159a1;
    font-family: "Lato";
    font-size: 18px;
    text-transform: uppercase;
    /* border: 1px solid; */
    box-shadow: 5px 4px 0px #ced9dd;
    cursor: pointer;
}

.button1:hover{
    opacity: 0.8;
}


.o-firmie{
	max-width: 100%;
}

.o-firmie-1{
    max-width: 1232px;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    margin: 0px auto 60px auto;
    flex-wrap: wrap;
    /* padding-bottom: 130px; */
}

.o-firmie-tytul{
	width: 100%;
	font-family: 'Exo 2', sans-serif;
	text-align: center;
	padding: 0px 0px 36px 0px;
	color: #000;
    font-size: 48px;
    margin-top: 2px;
}

.o-firmie-tytul a{
	color: inherit;
	text-decoration: transparent;
}


.o-firmie-1 .o-firmie-tytul{
	/* color: #000;
    font-size: 48px;
    margin-top: 2px; */
}

.o-firmie-1-tlo{
    width: 30%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.o-firmie-1-ikona-tlo{
    width: 162px;
    height: 162px;
	overflow:hidden;
}

.o-firmie-1-ikona{
    background-size: cover;
    background-position: center center;
    width: 162px;
    height: 162px;
    transition: 0.4s;
}

/* .o-firmie-1-tlo:hover > .o-firmie-1-ikona-tlo .o-firmie-1-ikona{
	transform: scale(1.2) rotate(2deg);
	transition:0.4s;
} */

.o-firmie-1-tresc-tlo{
 width: 100%;
}

.o-firmie-1-tytul{
	font-family: 'Exo 2', sans-serif;
	width: 100%;
	font-weight: 700;
	font-size: 24px;
	/*margin: 32px 0px 32px 0px;*/
    margin: 8px 0px 24px 0px;
    padding: 14px 0px 24px 0px;
	text-align: center;
    width: 100%;
}



.o-firmie-1-skrot{
	color:#4b4b4b;
	font-size: 16px;
	display: none;
}

.o-firmie-1-tytul a{
	text-decoration: none;
	color:#000;
}

.o-firmie-1-wiecej{
	display: none;
}

/**/
.o-firmie-tlo{
    background-color: #edf9fe;
    background-image: url(../grafika/mapa_paralaxa.png);
    background-position: center center;
    padding: 200px 0px 30px 0px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}

.o-firmie-tlo:before{
    position: absolute;
    top: -110px;
    z-index: 1;
    display: block;
    width: 99vw;
    height: 231px;
    content: "";
    background-image: url(../grafika/maska_2.png);
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;

}

.o-firmie-tresc-tlo{
    max-width: 1232px;
    padding: 40px 0px 143px;
    margin: auto;
}

.o-firmie-skrot{
	color:#000;
	font-family: 'Lato', sans-serif;
}

.o-firmie-wiecej{
	display: none;
}

/*certyfikaty*/
.o-firmie-3{
	background-color: #edf9fe;
	position: relative;
	/* padding-bottom: 300px; */
    overflow: hidden;
    height: 0;
    transition: 0.2s;
}






.o-firmie-3 .o-firmie-tytul{
	color:#000;
	margin-top: 0px;
	font-family: 'Exo 2', sans-serif;
}

.o-firmie-3-tlo{
    max-width: 1232px;
    padding: 0px 0px 40px 0px;
    margin: auto;
}

.o-firmie-3-skrot{
	width: 100%;
	text-align: center;
}

.o-firmie-3-tytul, .o-firmie-3-wiecej{
	display: none;
}

.o-firmie-3-2{
	width: 1232px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}


.o-firmie-3-2-tlo{
    width: 25%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.o-firmie-3-2-ikona-tlo{
    width: 232px;
    height: 232px;
    overflow: hidden;
    border-radius: 50%; 
}

.o-firmie-3-2-ikona{
    background-size: cover;
    background-position: center center;
    width: 232px;
    height: 232px;
    transition: 0.4s;
}

/* .o-firmie-1-tlo:hover > .o-firmie-1-ikona-tlo .o-firmie-1-ikona{
	transform: scale(1.2) rotate(2deg);
	transition:0.4s;
} */

.o-firmie-3-2-tresc-tlo{
    width: 100%;
}

.o-firmie-3-2-tytul{
    font-family: 'Exo 2', sans-serif;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    /* margin: 32px 0px 32px 0px; */
    margin: 8px 0px 24px 0px;
    padding: 0px 0px 24px 0px;
    text-align: center;
}


.o-firmie-3-2-skrot{
	color:#4b4b4b;
	font-size: 16px;
	display: none;
}

.o-firmie-3-2-tytul a{
	text-decoration: none;
	color:#000;
}

.o-firmie-3-2-wiecej{
	display: none;
}

/*OFERTA*/

#menu-2, #menu-66, #menu-89{
	padding-top: 0px;
    position: relative;
}

#menu-1:after, 
#menu-47:after,
#menu-89:after{
    position: absolute;
    bottom: 60px;
    z-index: 1;
    display: block;
    width: 100vw;
    height: 199px;
    content: "";
    background-image: url(../grafika/maska_3.png);
    background-size: 100% 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    /* z-index: 222222; */
}

#menu-2 .blok-tytul,
#menu-66 .blok-tytul,
#menu-108 .blok-tytul{
    padding-left: 68px;
    top: 35px;
    position: relative;
}

#menu-2 .blok-tresc,
#menu-66 .blok-tresc,
#menu-108 .blok-tresc{
	display: flex;
}

.oferta{
	width: 50%;
}

#menu-66 .oferta img
.oferta-tlo,
#menu-108 .oferta img
.oferta-tlo{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.oferta-tlo p, 
#menu-66 .oferta p,
#menu-108 .oferta p{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin:0;
}

.oferta-tlo img, 
#menu-66 .oferta img,
#menu-108 .oferta img{
	display: block;
	padding-right: 60px;
	padding-bottom: 20px;
}

.oferta-tytul{
    font-family: 'Exo 2', sans-serif;
    width: 100%;
    font-weight: 700;
    font-size: 48px;
    margin: 28px 0px 24px 0px;
    padding: 14px 0px 24px 0px;
    text-align: left;
	color:#1559a0;
}

.oferta-1{
	/* width: calc((50% - 616px / 2)); */
	width: 616px;
}

.oferta-1-tlo{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%!important;
    padding: 24px 8px;
    position: relative;
}

.oferta-1-tlo:before{
    content: "";
    background-color: #dedede;
    width: 260px;
    height: 1px;
    top: 0;
    left: 0;
    position: absolute;
}

.oferta-1-tlo:last-of-type:after{
    content: "";
    background-color: #dedede;
    width: 260px;
    height: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
}

.oferta-1-ikona-tlo{
    display: block;
    width: auto;
    height: auto;
    margin-right: 32px;
    margin-top: 10px;
}


.oferta-1-ikona{
	display: block;
	width: 105px;
	height: 105px;
	background-position: center;
    background-repeat: no-repeat;
}

.oferta-1-tytul{
    font-family: 'Exo 2', sans-serif;
    color: #000;
    font-size: 26px;
    margin: 24px 0px 16px 0px;
}

.oferta-1-tytul a{
	color:inherit;
	text-decoration-color: transparent;
}

.oferta-1-skrot{
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
}

.oferta-1-wiecej{
	display: none;
}

/*FLOTA*/

#menu-3,
#menu-72,
#menu-114{
	background-color: #0e98d6;
	padding-top: 550px;
	background-image: url(../grafika/samochod.jpg);
	background-position: top +240px center;
	background-repeat: no-repeat;
	position: relative;
}

#menu-3:before, 
#menu-72:before,
#menu-114:before{
	position: absolute;
    top: -105px;
    z-index: 1;
    display: block;
    width: 99.9vw;
    height: 231px;
    content: "";
    background-image: url(../grafika/maska_2.png);
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
}

#menu-3:after, 
#menu-72:after,
#menu-114:after{
	position: absolute;
    bottom: 0px;
    z-index: 1;
    display: block;
    width: 100vw;
    height: 199px;
    content: "";
    background-image: url(../grafika/maska_slajder.png);
    background-size: 100% 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
}


#menu-3 .blok-tytul,
#menu-72 .blok-tytul,
#menu-114 .blok-tytul{
	color:#fff;
}

#menu-3 .blok-tresc,
#menu-72 .blok-tresc,
#menu-114 .blok-tresc{
	max-width: 1232px;
	margin: auto;
}

.nasza-flota {
	display: none;
}

.nasza-flota-tytul{
    width: 100%;
    font-family: 'Exo 2', sans-serif;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin-bottom: 16px;
    color: #000;
    font-size: 48px;
    margin-top: 12px;
}

.nasza-flota-skrot{
    color: #000;
    font-family: 'Lato', sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    padding: 24px 38px 24px;
    border-top: 1px solid #69BFE4;
    border-bottom: 1px solid #69BFE4;
    max-width: 740px;
    margin: 24px auto;
}

.nasza-flota-skrot ul{
    text-align: left;
    /* list-style: inside; */
    padding-left: 0px;
    max-width: 740px;
    margin: auto;
    list-style: none;
}

.nasza-flota-skrot ul li{
    position: relative;
    padding: 4px 0px;
}

.nasza-flota-skrot ul li:before{
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    position: absolute;
    left: -24px;
    color: #fff;
}

.nasza-flota-tytul a{
	color:inherit;
	text-decoration-color: transparent;
}


.nasza-flota-wiecej{
	display: none;
}

.nasza-flota-2 .nasza-flota-tytul{
	display: none;
}



.nasza-flota-2{
    width: 1232px;
    margin: 88px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}


.nasza-flota-2-tlo{
    width: 25%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.nasza-flota-2-ikona-tlo{
    width: 232px;
    height: 232px;
	overflow:hidden;
	border-radius: 50%;
}

.nasza-flota-2-ikona{
    background-size: cover;
    background-position: center center;
    width: 232px;
    height: 232px;
    transition: 0.4s;
}

/* .o-firmie-1-tlo:hover > .o-firmie-1-ikona-tlo .o-firmie-1-ikona{
	transform: scale(1.2) rotate(2deg);
	transition:0.4s;
} */

.nasza-flota-2-tresc-tlo{
    width: 100%;
}

.nasza-flota-2-tytul{
    font-family: 'Exo 2', sans-serif;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    /* margin: 32px 0px 32px 0px; */
    margin: 8px 0px 24px 0px;
    padding: 0px 0px 24px 0px;
    text-align: center;
}


.nasza-flota-2-skrot{
	color:#4b4b4b;
	font-size: 16px;
	display: none;
}

.nasza-flota-2-tytul a{
	text-decoration: none;
	color:#000;
}

.nasza-flota-2-wiecej{
	display: none;
}


/*REFERENCJE*/
#menu-4{
	padding-top: 0px;
}

.referencje{
	display: none;
}

.referencje-tytul{
	width: 100%;
    font-family: 'Exo 2', sans-serif;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin-bottom: 16px;
    color: #2159a1;
    font-size: 48px;
    margin-top: 12px;
}

.referencje-tytul a{
	color:inherit;
	text-decoration-color: transparent;
}

.referencje-2{
    margin: auto;
    max-width: 1062px;
    min-height: 625px;
}

.referencje-2 .slick-prev:before{
	content: url(../grafika/strzalka_lewo.png);
} 
.referencje-2 .slick-next:before{
	content: url(../grafika/strzalka_prawo.png);
}

.referencje-2 .slick-prev{
	left: -55px;
} 
.referencje-2 .slick-next{
	right:-50px;
}

.referencje-2-tlo{
    max-width: 1052px;
    position: relative;
    margin: 160px auto 80px;
    padding: 65px 80px;
    border: 1px solid #d5d5d5;
    box-shadow: 6px 6px 0px #f2f2f2;
}

.referencje-2-tlo::after{
    content: url(../grafika/ap.png);
    position: absolute;
    top: -25px;
    right: 57px;
}

.referencje-2-tlo::before{
    content: url(../grafika/ap.png);
    position: absolute;
    bottom: -25px;
    left: 57px;
}

.referencje-2-ikona-tlo{
    display: block;
    width: 194px;
    height: 194px;
    margin: auto;
    margin-top: -165px;
    position: relative;
    /* margin: 0; */
}

.referencje-2-ikona{
	width: 194px;
    height: 194px;
}



.referencje-2-tytul{
    font-family: 'Exo 2', sans-serif;
    width: 100%;
    font-weight: 700;
    font-size: 24px;
    margin: 30px 0px 16px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
	color:#000;
}

.referencje-2-tytul a{
	color:inherit;
	text-decoration-color: transparent;
}

.referencje-2-skrot{
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

.referencje-wiecej{
	display:none;
}

.referencje-1-wiecej{
	display:none;
}


.referencje-2-wiecej{
	    /* display: none; */
		text-align: right;
		width: 100%;
		display: block;
		/* margin-top: 20px; */
		position: absolute;
		right: 190px;
		bottom: 0px;
		font-size: 0px;
		/* visibility: hidden; */
}

.referencje-2-wiecej:before{
    position: absolute;
    content: url(../grafika/dynx.png);
    top: 0px;
    /* left: -20px; */
}

.referencje-2 .referencje-tytul{
	display:none!important;
}


/*KONTAKT*/
#menu-5,
#menu-86,
#menu-128{
	background-image: url(../grafika/tlo_kontakt_paralaxa.jpg);
	background-size: cover;
}

.btn-kontakt-tresc{
    background-color: #fff;
    color: #000;
    display: table;
    padding: 32px 48px;
    border-radius: 42px;
    margin: auto;
    margin-top: 40px;
}

.btn-kontakt-tresc:hover{
    opacity:0.8;
}

.btn-kontakt-tresc span{
    display: none;
}

/*OFERTA2*/
.oferta-2{
	max-width: 1232px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top:80px;
}

.oferta-2-tlo{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	/*width: 400px;*/
	width: 100%;
	height: 480px;
	text-align: center;
	/*background: #ef7f02;*/
	 background-color: rgb(238, 127, 1);
  	box-shadow: inset 0px 0px 62.05px 10.95px rgba(0, 0, 0, 0.14);
	padding: 40px 24px 60px 24px;
	border-left: 1px solid #db5c00;
}

.oferta-2-tlo:first-child{
	border-left: none;
}

.oferta-2-ikona-tlo{
	width: 100%;
    height: 90px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.oferta-2-ikona{
    background-size: contain;
    background-position: center, center;
    background-repeat: no-repeat;
    width: 55px;
    height: 52px;
    transition: 0.4s;
}

.oferta-2-tresc-tlo{
	padding-bottom: 24px;
	width: 100%;
}

.oferta-2-tlo:hover > .oferta-2-ikona-tlo .oferta-2-ikona{
	transform: scale(1.1);
	transition:0.4s;
}

.oferta-2-tytul{
	font-family: 'Play', sans-serif;
	font-weight: 700;
	font-size: 29px;
	margin:4px 0px 16px 0px;
}

.oferta-2-tytul a{
	text-decoration: none;
	color:#fff;
}

.oferta-2-skrot{
	color:#fff;
}

.oferta-2-wiecej{
	padding: 18px 40px 18px 26px;
    background: #ffae02;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid #ffae02;
    transition: 0.2s;
    position: relative;
}

.oferta-2-wiecej:hover{
	border:1px solid #fff;
	transition: 0.2s;
}

.oferta-2-wiecej:after{
	font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    padding-left: 7px;
    top: 21px;
    position: absolute;
    transition: 0.2s;
}

.oferta-2-wiecej:hover::after{
	padding-left: 11px;
	transition: 0.2s;
}


#map{
    height: 550px;
    /* margin-top:-100px; */
    width: 100%;
    /* opacity: 0.6; */
}

.leaflet-popup-content-wrapper{
    border-radius: 8px!important;
}

.leaflet-popup-content span{
    font-size: 18px;
    font-weight: 400;
    color: #000 ;
    text-align: left;
    width: 100%;
    display: block;
    text-transform: uppercase;
}

.leaflet-popup-content p{
    font-size: 14px;
    text-align: left;
    padding-top: 4px;
    margin-top:0px!important;
    color:#000;
    width: 100%;
}

/*Kontakt*/
#menu-5 .blok-tytul, 
#menu-86 .blok-tytul,
#menu-128 .blok-tytul{
	color:#fff;
}

.blok-tresc-kontakt{
	text-align: center;
	width: 100%;
}

#menu-5 .blok-tresc-kontakt > div,
#menu-86 .blok-tresc-kontakt > div,
#menu-128 .blok-tresc-kontakt > div{
    font-family: 'Exo 2', sans-serif;
    text-align: center;
    padding: 0px 0px 36px 0px;
    color: #fff;
    font-size: 48px;
    margin-top: 2px;
    font-weight: 700;
}

.kontakt{
	max-width: 1232px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	margin:20px auto;
}

.kontakt-tytul{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 24px;
	margin:4px 0px 32px 0px;
	color:#fff;
}

.blok-tresc-kontakt p{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 24px auto 32px auto;
    color: #fff;
    max-width: 805px;
    text-align: center;
    line-height: 24px;
}

/*.kontakt-formularz{
	width: 48%;
	padding: 16px;
	background: rgba(255, 255, 255, 0.23);
}*/

.kontakt-formularz{
    width: 49%;
    order: 2;
    padding: 24px;
    /* background: rgba(255, 255, 255, 0.23); */
}

.kontakt-tlo{
	width:49%;
	padding: 24px;
	/* background: rgba(255, 255, 255, 0.23); */
}

.kontakt-tlo p{
	color:#fff;
}

.kontakt-tresc-tlo{
	display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    color: #fff;
    font-size: 18px;
    padding: 40px 24px;
    border-top: 1px solid #6ba1c0;
}

.kontakt-tresc-tlo:last-of-type{
	border-bottom: 1px solid #6ba1c0;
}

.kontakt-tresc{
	 padding: 4px 16px 0px 16px;
}

.kontakt-tresc span{
	font-weight: 700;
	margin: 0px;
	padding: 8px 0px;
}

.kontakt-tresc p{
	padding: 0px;
	margin: 0px;
}

/*Realizacje - Aktualności startowe*/

.realizacje{
	max-width: 1232px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.artykuly{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-around;
	margin-top:80px;
}

.aktualnosci-tlo{
	width: 368px;
	min-height: 256px;
	margin-bottom: 32px;
	background:#fff;
	position: relative;
	transition: 0.3s;
	border:1px solid #f1f1f1;
}

.aktualnosci-tlo:hover > .aktualnosci-ikona-tlo .aktualnosci-ikona{
	transform: scale(1.2) rotate(2deg);
	transition: 0.3s;
}

.aktualnosci-ikona-tlo{
	width: 100%;
	height: 200px;
	overflow:hidden;
	transition: 0.3s;
}

.aktualnosci-ikona{
	width: 100%;
	height: 200px;
	min-width: 100%;
	min-height: 200px;
	background-size: cover!important;
	transition: 0.3s;
}

.aktualnosci-tresc-tlo{

}

.strona-dzial, .strona-data{
	display: none;
}
.strona-tresc-dzial{
	display: none;
}


.aktualnosci-tytul2{
	font-family: 'Play', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    padding: 16px 16px 8px 28px;
    margin: 0px 0px 0px 0px;
    color:#000;
   /* position: relative;*/
}

.aktualnosci-tytul2:before{
	font-family: "Font Awesome 5 Free";
    content: "\f105";
    position: relative;
    color: #ee7f01;
    left: -12px;
    top: 0px;
}

.aktualnosci-tytul2 a:after{
	content:"";
	position: absolute;
	width: 100%;
	height:100%;
	top:0;
	left:0;
}

.strona-btn-tlo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 20px;
}


.strona-btn{
	padding: 18px 40px 18px 26px;
    background: #ffae02;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid #ffae02;
    transition: 0.2s;
    position: relative;
}

.strona-btn:hover{
	border:1px solid #fff;
	transition: 0.2s;
}

.strona-btn:after{
	font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    padding-left: 7px;
    top: 21px;
    position: absolute;
    transition: 0.2s;
}

.strona-btn:hover::after{
	padding-left: 11px;
	transition: 0.2s;
}

/* Archiwum - realizacje*/
.aktualnosciarchiwum-tlo{
	width: 100%;
	min-height: 100%;
	margin:4px 0px;
}

.aktualnosciarchiwum-ikona-tlo{
	display: none;
}

/*ukrywanie labelów od formularza*/
.kontakt-formularz label{
	/* display: none; */
}

.formTemat label, .formWiadomosc label{
    display:none;
}

.kontakt-formularz input, .kontakt-formularz textarea{
    max-width: 100%!important;
    width: 68%;
    border-radius: 8px;
    margin-bottom: 18px;
    padding: 20px;
    border: none;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.kontakt-formularz textarea{
    width: 100%!important;
    height: 200px;
    font-family: 'Lato', sans-serif;
}

.formnodb_Weryfikacja p{
    color:#fff;
}

.formWeryfikacja label{
    display: block;
    margin-bottom: 16px;
}

.btns .btn .fa-comment-alt{
    /* display: none; */
    content: url(../grafika/arr2.png);
    position: absolute;
    top: 43px;
    right: 113px;
    display: block;
    z-index: 91;
}

.spaceline p{
    color:#fff;
}

.kontakt-formularz .modul-tytul2{
	display: none;
}

.kontakt-formularz .strona-tresc, .kontakt-formularz .html-prev{
	padding: 0px!important;
	width: 100%!important;
	max-width: 100%!important;
}

.btns{
    width: 68%!important;
}

.btn{
    position: relative;
    width: 100%;
}

.btn_zapisz:before{

}

.btn_zapisz{
    border:none;
    cursor: pointer;
    background: #fff;
    padding: 40px 120px!important;
    border-radius: 51px!important;
    z-index: 22;
    color: #2159a1;
    font-family: "Lato";
    font-size: 18px;
    text-transform: uppercase;
    /* border: 1px solid; */
    cursor: pointer;
    position: relative;
    width: 100%!important;
}


.btn_zapisz:hover{
    opacity: 0.8;
}


/*Nasz zespół*/
#menu-6, 
#menu-88,
#menu-130
{
	background-image: url(../grafika/tlo_stopka_paralaxa.jpg);
    background-size: cover;
}

.nasz-zespol-kontener{
    width: 778px;
    margin: auto;
    text-align: center;
}

.nasz-zespol-wiersz{
	display:flex;
	width: 100%;
	flex-wrap: wrap;
	margin: 40px auto;
    justify-content: center;
}

.nasz-zespol-kolumna{
	width: 50%;
	font-family: 'Lato', sans-serif;
}

.nasz-zespol-tytul-glowny{
    width: 100%;
    font-family: 'Exo 2', sans-serif;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin-bottom: 50px;
    color: #000;
    font-size: 48px;
    margin-top: 0px;
    font-weight: 700;
}

.nasz-zespol-tytul{
    width: 100%;
    font-family: 'Exo 2', sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-top: 32px;
    margin-bottom: 28px;
    position: relative;
}

.nasz-zespol-tytul:after{
    content: url(../grafika/kontakt-before.png);
    position: relative;
    top: 15px;
}

.nasz-zespol-kolumna .nasz-zespol-tytul:after{
    content: url(../grafika/kontakt-after.png);
    position: relative;
    display: block;
    margin: auto;
    top: 10px;
}

.nasz-zespol-nazwa{
	font-size: 18px;
    font-weight: 600;
    margin-top: 32px;
    margin-bottom: 0px;
}

.nasz-zespol-stanowisko{
	font-size: 18px;
    margin: 8px auto;
}

.nasz-zespol-tel{
	margin: 18px auto;
    font-size: 30px;
}

.nasz-zespol-mail{
	margin: 18px auto;
    font-size: 18px;
}

/*RAZEM*/
.razem-kontener{
	max-width: 1232px;
	display: flex;
}

.razem-grid{
	width: 50%;
	display: grid;
	grid-template-columns: 234px 340px;
	grid-template-rows: 450px 340px;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 1 / 3 / 3; }

.razem-tekst{
    font-family: 'Lato', sans-serif;
    width: 50%;
    font-size: 16px;
    line-height: 26px;
    padding: 0px 16px;
}

.div1{
	background-image: url(../grafika/1.jpg);
}

.div2{
	background-image: url(../grafika/2.jpg);
}
.div3{
	border:8px solid #fff;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 1 / 3 / 3; }

/**/
.o-firmie-1-tytul a, .oferta-1-tytul a, .nasza-flota-2-tytul a{
    cursor: default;
}

.button-top {
    position: fixed;
    bottom: 66px;
    right: 16px;
    display: none;
    z-index: 999;
}

.mobile-header-wrap{
    display: none;
}

/*Mobile*/


@media all and (min-width: 1024px) and (max-width: 1279px) {
    .razem-tekst{
        padding: 0px 16px 0px 105px;
    }
    .o-firmie-3-2{
        width: 100%;
    }

    .nasza-flota-2{
        width: 100%;
    }
}



@media all and (min-width: 320px) and (max-width: 1023px) {
    .mobile-header-wrap{
        display: flex;
        margin-top: 80px;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
    #menu-1, #menu-47, #menu-89{
        padding-top: 0px;
    }

    .o-firmie-1 .o-firmie-tytul{
        padding-bottom: 20px;
    }

	.oferta, 
	.oferta-1,
	.oferta-2, 
	.energia, 
	.dlaczego-my 
	.kroki, 
	.kontakt{
		flex-wrap: wrap;
	}
    
    #menu-1 .blok-tresc, 
    #menu-47 .blok-tresc,
    #menu-89 .blok-tresc{
        opacity: 1!important;
        margin-top: -16px;
        transform: translate(0, 0px)!important;
    }

    .o-firmie-1-ikona-tlo{
        width: 100px;
        height: 100px;
    }

    .o-firmie-1-ikona{
        width: 100px;
        height: 100px;
    }
    .o-firmie-1-tytul{
        font-size: 18px;
        margin: 0px 0px 5px 0px;
        padding: 10px 0px 20px 0px;
    }

    .o-firmie-1-tlo{
        width: 49%;
        padding: 0px 10px;
    }

    .razem-kontener{
        max-width: 1232px;
        display: flex;
        flex-wrap: wrap;
    }
    .razem-grid{
        width: 100%;
        display: grid;
        grid-template-columns: 46% 50%;
        grid-template-rows: 400px 170%;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-wrap: wrap;
        margin: auto;
    }

    .div1{
        grid-area: 1 / 1 / 2 / 2;
        background-size: cover;
    }
    .div2{
        grid-area: 1 / 2 / 2 / 3;
        background-size: cover;
        /* background-position: center; */
        width: 100%;
    }

    .div3{
        border:none;
        grid-area: 2 / 1 / 3 / 3;
    }

    .div3 video{
        max-width: 100%;
        /* aspect-ratio: 3/2; */
        height: auto;
        width: 100%;
        border: 8px solid #fff;
    }

    .razem-tekst{
        width: 100%;
        padding: 0px 24px;
    }
    
    .o-firmie-3-2{
        width: 100%;
    }
    
    .o-firmie-3-2-tlo{
        width: 50%;   
    }

    .o-firmie-3-2-ikona-tlo{
        width: 100px;
        height: 100px;
        overflow: hidden;
    }

    .o-firmie-3-2-ikona{
        background-size: cover;
        background-position: center center;
        width: 100px;
        height: 100px;
        transition: 0.4s;
    }

    .button1{
        font-size: 16px;
        padding: 40px 44px;
    }

    #menu-2 .blok-tytul, 
    #menu-66 .blok-tytul{
        padding-left: 0;
        margin:auto;
    }

    .oferta-1{
        width: 100%;
    }

    /* .oferta{
        display: none;
    } */
    .oferta{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        order: 2;
    }
    #menu-2 .blok-tresc, #menu-66 .blok-tresc, #menu-108 .blok-tresc{
        flex-wrap: wrap;
        margin-top: 40px;
    }
    .oferta-tlo img, #menu-66 .oferta img, #menu-108 .oferta img{
        width: 100%;
        display: block;
        padding-right: initial;
        padding: 8px;
        padding-bottom: 20px;
    }



    .oferta-1-tlo{
        flex-wrap: wrap;
        text-align: center;
    }
    .oferta-1-ikona-tlo{
        margin-right: 0;
    }

    .oferta-tytul {
        text-align: center;
        padding-top: 0;
        margin-top: 0px;
        margin-bottom: 0;
    }

    .oferta-1-tlo:before, .oferta-1-tlo:last-of-type:after{
        left:auto
    }
    
    #menu-3, #menu-72, #menu-114{
        background-size: contain;
        padding-top: 350px;
        background-position: top 188px center;
    }
    #menu-3:after, #menu-72:after, #menu-114:after{
        width: 99.99vw;
    }

    .nasza-flota-skrot{
        width: 100%;
        padding: 24px 40px;
    }
    .nasza-flota-skrot ul{
        padding: 0px;
    }

    .nasza-flota-2{
        width: 100%;
        justify-content: space-between;
        margin-top: 35px;
        margin-bottom: 80px;
    }

    .nasza-flota-2-tlo{
        width: 33%;
    }

    .nasza-flota-2-ikona-tlo{
        width: 104px;
        height: 104px;
        overflow: hidden;
        border-radius: 50%;
    }

    .nasza-flota-2-ikona{
        width: 100%;
        height: 100%;
    }





    .nasz-zespol-kontener {
        width: 100%;
    }
    
    .nasz-zespol-kolumna{
        width: 100%;
    }

    .nasz-zespol-tytul:after{
        display:none;
    }

	.oferta-1-tlo, 
	.oferta-2-tlo, 
	.energia-tlo, 
	.dlaczego-my-tlo, .dlaczego-my-tlo:nth-child(4), .dlaczego-my-tlo:nth-child(5), 
	.kroki-tlo,
	.kontakt-formularz, .kontakt-tlo
	 {
		width: 100%;
		height:auto;
		padding:32px 16px 24px 16px;
	}
    .kontakt-formularz input, .kontakt-formularz textarea{
        width: 100%!important;
    }
    #menu-6{
        background-size: cover;
        background-position:center center!important;
    }
    .blok-tresc-kontakt{
        padding: 0px 16px;
    }

    .btns{
        width: 100%!important;
    }

    .referencje-2-tlo{
        box-shadow: none;
        border:none;
    }
    .referencje-2-tlo::before,
    .referencje-2-tlo::after{
        display: none;
    }

    .referencje-2-wiecej:before{
        display: none;
    }

    .referencje-2-ikona-tlo{
        width: 120px;
        height: 120px;
    }

    .referencje-2-ikona{
        width: 120px;
        height: 120px;
        background-size: contain;
    }

    #menu-4, #menu-121, #menu-79{
        padding-bottom: 0px;
        z-index: 22;
        position: relative;
    }

    /*Tytuly*/
    .o-firmie-tytul, .oferta-tytul, .nasza-flota-tytul, .referencje-tytul,
    #menu-5 .blok-tresc-kontakt > div,
    .nasz-zespol-tytul-glowny{
        font-size: 30px;
    }

    .kontakt-tlo img{
        padding: 5px;
        max-width: 105px!important;
    }

}

@media all and (min-width: 0px) and (max-width: 639px) {
.razem-grid{
    width: 98%;
    display: grid;
    grid-template-columns: 40% 57%;
    grid-template-rows: 280px 170%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    margin: auto;
}
.blok-tlo{
    padding: 50px 0px;
}
#menu-5, #menu-86, #menu-128{
    padding: 20px 0px 0px 0px;
}

#menu-5 .blok-tytul,
#menu-86 .blok-tytul,
#menu-128 .blok-tytul{
    padding: 16px 0px 0px 0px;
    margin-bottom: 0;
}

.blok-tresc-kontakt p{
    margin: 0;
}


#menu-2, #menu-66, #menu-89{
    padding-bottom: 20px;
    margin-top: -48px;
}
#menu-3, #menu-72, #menu-114{
    padding-bottom: 90px;
    margin-bottom: -88px;
    /* z-index: 22222; */
}
.o-firmie-tlo{
    padding-top: 120px;
}

.o-firmie-1{
    margin:0px auto 0px auto;
}

#menu-6, #menu-88, #menu-130{
    padding-bottom: 10px;
    padding-top: 20px;
}

.referencje-2-tlo{
    width: 90%!important;
    display: block!important;
    padding: 62px 10px 0px 20px;
    height: 100%;
    height: 550px;
    margin-bottom: 0px;
}

.referencje-2-skrot{
    font-size: 16px;
    line-height: 22px;
}

.nasza-flota-tytul{
    margin-top: -12px;
}

.nasz-zespol-tytul-glowny{
    padding: 0;
    margin-bottom: -12px;
    margin-top: -6px;

}


}


@media all and (min-width: 1024px) and (max-width: 1280px) {
	.oferta-1-tlo{
		width: 308px;
	}
	.oferta-ikona-tlo, .oferta-ikona{
		height: 220px;
	}
}