@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400&display=swap');

h1 {
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 24pt;
	
}

section {
	min-height: 100vh;
	padding-top: 140px;
	padding-bottom: 30px;
	font-family: 'Space Grotesk', sans-serif;
	border-top: 5px solid #006de3;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.65);
	background: #e3e2e0;
}

@media only screen and (max-width: 992px) {
	#logo img {
		width: 235px;
	}
	#main-nav .active {
		color: #e31e24 !important;
	}
	#main-nav .nav-link {
		font-size:15.5pt;
	}
	#kontakt {
		background-attachment: scroll;
		background-attachment: fixed;
	}
}

@media only screen and (min-width: 992px) {
	#main-nav .active {
		background: #e31e24;
		color: #fff !important;
		border-radius: 6px;
	}
	
	.offers .col-lg-2:hover {
		transform: scale(1.15);
	}
	
	#social_fb {
		margin-left: 20px;
	}
	.social {
		padding-left:10px !important;
		padding-right:10px !important;
	}
}

#main-nav {
	background: #fff;
	min-height: 80px;
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5);
	
	will-change: transform;
}

#main-nav .nav-link {
	font-family: 'Oswald', sans-serif;
	font-size:14pt;
	color: rgba(0,0,0,0.8);
	padding-left: 15px;
	padding-right: 15px;
	transition: 100ms ease-in all;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

#main-nav .nav-link:hover {
	color: #006de3;
	transition: 100ms ease-in all;
}

#main-nav .active {
	color: #e31e24;
}

.nav-link .fab {
	font-size:20pt;
}

#offers_box {
	padding: 15px 0 150px 0;
}

.offers .col-lg-2 {
	background: url(../img/oferta.jpg) repeat left center;
	margin: 15px;
	padding: 30px 15px 15px 15px;
	border-radius: 7px;
	transition: 250ms ease-in all;
	color: #000 !important;
	text-decoration: none !important;
	cursor: pointer;
}

.offers .col-lg-2 h4 {
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 25px;
	font-size: 13pt;
}

.offers .col-lg-2 img {
	box-shadow: 0 0 25px rgba(0,0,0,0.7);
	border: 3px solid #fff;
}

#o-firmie {
	background-image: url(../img/bg-o-firmie.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	background-color: #fff;
}

#oferta {
	background-image: url(../img/bg-oferta.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
	background-attachment: fixed;
	background-size: auto;
	background-color: #fff;
}

#cennik {
	background-image: url(../img/bg-cennik.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
	background-attachment: fixed;
	background-size: auto;
	background-color: #fff;
}

#cennik .table {
	background: rgba(255,255,255,0.5);
}

#cennik ul {
	display:inline-block;
}

#cennik ul li {
	text-align: left !important;
}

#kontakt {
	background-image: url(../img/bg-kontakt.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	background-color: #fff;
}


.justify {
	text-align: justify;
}

.modal-title {
	text-transform: uppercase;
	width: calc(100% - 40px);
	padding-left:40px;
}

.modal-header {
	text-align: center !important;
}

#mainFooter {
	text-shadow: 2px 2px 2px #000;
	border-top: 5px solid #006de3;
}

.btn .fas {
	margin-right: 7px;
}

.flex-center { 
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	z-index: 10000;
} 
 
	.preloader { 
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: rgba(255,255,255,0.8);
		backdrop-filter: blur(5px);
	} 
		
		.spinbox {
			background: url(../img/favicon.png);
			background-repeat: no-repeat;
			background-size: 80px 80px;
			background-position: center;
		}
		
		.spin {
			border: 16px solid #e31e24;
			border-radius: 50%;
			border-top: 16px solid #e31e24;
			border-right: 16px solid #00a0e3;
			border-bottom: 16px solid #00a0e3;
			width: 160px;
			height: 160px;
			line-height: 160px;
			text-align: center;
			-webkit-animation: spin 2s linear infinite;
			animation: spin 1s linear infinite;
			box-shadow: 0 0 5px rgba(0,0,0,0.8), inset 0 0 5px rgba(0,0,0,0.8);
		}

		@-webkit-keyframes spin {
			0% { -webkit-transform: rotate(0deg); }
			100% { -webkit-transform: rotate(360deg); }
		}

		@keyframes spin {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}
 
*::-webkit-scrollbar-track {
	box-shadow: 0 0 10px #000;
	background-color: #333;
}

*::-webkit-scrollbar {
	width: 12px;
	background-color: #333;
}

*::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #e31e24;
	border-radius: 30px;
}