﻿body
{
	background-image:url("../img/bg02.jpg");
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
}
.clearfix:before, .clearfix:after 
{ 
	content: ""; 
	display: table; 
}
.clearfix:after 
{ 
	clear: both; 
}
.clearfix 
{
	zoom: 1; 
}
/*nav*/
.nav-belt
{
	width:100%;
	background:#181818;
}
nav 
{
	min-height:60px;
}

#input-toggle 
{
	opacity:0;
	position: absolute;
	top:0;
	left:0;
}
.navigation-toggle 
{ 
	display:none; 
	width:44px; 
	height:44px; 
	margin:5px; 
	text-align:center; 
	border:1px solid #b10d08; 
	color:#b10d08; 
	padding-top:10px; 
	padding-bottom:10px; 
	position:absolute; 
	top:2px; right:2px; 
	cursor:pointer;
	background:#000;
}
.navigation-toggle span 
{ 
	background-color: #b10d08; 
	border-radius: 1px 1px 1px 1px; 
	display:block; 
	height:2px; 
	width:18px; 
	margin:4px auto; 
}
nav ul 
{
	list-style:none; 
	padding:0; 
	margin:0; 		
	font-size:0;
	display: block;
}
nav ul li 
{
	display: inline-block;		
	max-width:100px;
	min-width:15%;
	text-align: center;
}	
nav ul li a {
	font-size:16px;
	line-height:60px;
	text-transform:uppercase;
	color:#fff;
	height:60px;
	display: block;
}
nav ul li a.active
{
	border-bottom:3px solid #b10d08;
}
nav ul li a:hover
{
	border-bottom:3px solid #b10d08;
}
@media screen and (max-width:768px) {
	.navigation-toggle {
		display:block;
	}
	nav ul 
	{
		margin-top:55px;
		overflow: hidden;				
		max-height:0;
		transition:max-height 0.35s ease 0s;
		-webkit-transition:max-height 0.35s ease 0s;
		-moz-transition:max-height 0.35s ease 0s;
	}
	nav #input-toggle:checked + ul 
	{
		max-height:500px;
	}	
	nav ul li 
	{
		border:0;
		width:100%;
		max-width: 100%;
		min-width:0;
		border-bottom:1px solid #333;
		background:#333;
	}
	nav ul li a 
	{
		display: block;
		text-align: center;
		border-bottom:1px solid #b10d08;
	}
	nav ul li a.active 
	{
		border-bottom:1px solid #b10d08;
	}
	nav ul li a:hover
	{
		border-bottom:1px solid #b10d08;
	}
	.menu
	{
		background:#333;
	}
}

	
/*strona główna*/

.section-home
{
	background-image:url("../img/bg01.jpg");
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}
.info-belt
{
	padding-top:40px;
	padding-bottom:60px;
	display:table;
	width:100%;
}
.info-belt p 
{
	margin-top:40px;
	margin-bottom:40px;
	max-width:80%;
}

/* --- NAGŁÓWEK 8 --- */
.heading08
{
	position:relative;
	font-weight:500;
	text-transform:uppercase;
	font-size:35px;
}
.heading08:after
{
	left: 40%;
    display: table;
    clear: both;
    margin: 0 auto;
    position: absolute;
    content: '';
    bottom: -23px;
    width: 20%;
    height: 3px;
    background-color: #b10d08;
}
/* --- // NAGŁÓWEK 8 --- */
.btn
{
	padding:15px 20px;
	background:#b10d08;
	color:#fff;
	font-size:18px;
}
.empty-belt
{
	width:100%;
	height:200px;
	padding:40px auto;
	background:rgba(0,0,0,0.4);
	display:flex;
	justify-content:center;
	align-items:center;

}
.empty-belt h3
{
	font-size:50px;
	font-weight:400;
	font-style:italic;
	max-width:60%;
	color:#fff;
}

/* -----  UKŁAD 5  ------*/
.uklad1
{
	background:#333333;
}
/* --no-gutter-- */
.no-gutter::after, .no-gutter::before {content: " ";display: table;}
.no-gutter::after {clear: both;}
.no-gutter{margin: 0 !important;}
.no-gutter > [class*=col-] {
	padding-right: 0;
	padding-left: 0;
}

/* ---Heading--- */
.heading{margin-bottom: 60px;position:relative;}
.heading h2{font-weight: 300;font-size: 70px;letter-spacing: 0px;line-height: 70px;}
.heading:after{position: absolute; content: "";width: 40px;height: 4px;background: #b10d08;left: 0;bottom: -30px;}
.box-text.dark-style .heading:after{background: #b10d08;}
.box-text .t-right .heading:after{left: calc(100% - 40px); }
@media(max-width:767px){
	.heading h2{font-size: 67px;line-height: 57px;}
	.heading:after{display: none;}
}
h2.heading  {
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 0px;
    line-height: 40px;
	text-transform:uppercase;
	font-weight:500;
	float:right;
	letter-spacing:3px;
}
h3.heading  {
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 0px;
    line-height: 40px;
}
.box-1-text
{
	font-size:18px;
	line-height:1.8;
}

/* -------------------------------------Box 1---------------------------------- */
.box-content.box-1 {}


/* ----------------------------------Margin------------------------------------ */
.m-top10 { margin-top: 10px;}
.m-top15 { margin-top: 15px;}
.m-top20 { margin-top: 20px;}
.m-top30 { margin-top: 30px;}
.m-top50 { margin-top: 50px;}
.m-top80 { margin-top: 100px;}
.m-top100 { margin-top: 80px;}
.m-top120 { margin-top: 120px;}

.m-bot10 { margin-bottom: 10px;}
.m-bot15 { margin-bottom: 15px;}
.m-bot20 { margin-bottom: 20px;}
.m-bot30 { margin-bottom: 30px;}
.m-bot50 { margin-bottom: 50px;}
.m-bot80 { margin-bottom: 80px;}
.m-bot120 { margin-bottom: 120px;}

.pd-exlarge-xs{padding: 100px 90px;}
.pd-large-xs{padding: 80px 70px;}
.pd-medium-xs{padding: 60px 50px;}
.pd-small-xs{padding: 40px 30px;}

@media only screen and (min-width: 768px) {
    .pd-exlarge-sm{padding: 100px 90px;}
	.pd-large-sm{padding: 80px 70px;}
	.pd-medium-sm{padding: 60px 50px;}
	.pd-small-sm{padding: 40px 30px;}
}
@media only screen and (min-width: 992px) {
    .pd-exlarge-md{padding: 100px 90px;}
	.pd-large-md{padding: 80px 70px;}
	.pd-medium-md{padding: 60px 50px;}
	.pd-small-md{padding: 40px 30px;}
}
@media only screen and (min-width: 1200px) {
    .pd-exlarge-lg{padding: 100px 90px;}
	.pd-large-lg{padding: 80px 70px;}
	.pd-medium-lg{padding: 60px 50px;}
	.pd-small-lg{padding: 40px 30px;}
}
/* --------------------------------Flex-Box------------------------------------ */
.box-text .title {}
.box-text .title h3{font-weight: 500;color: #333333;text-transform: uppercase;letter-spacing: 3px;}
.box-text .title span{font-size: 24px; font-weight:800;color: #000;text-transform: uppercase;margin: 40px 0 20px;display: block;}


.box-text.light-style{background: #fff;}
.box-text.light-style .title h3{}
.box-text.dark-style{background:none; color: #bbb;}
.box-text.dark-style .title h3{color: #b10d08;}
.box-text.dark-style .heading h2{color: #fff;}
@media all and (min-width:766px)
{
	.box-text.dark-style
	{
		display:none;
	}
	.bgimg01
{
	background-image: url('../img/bg05.jpg')!important;
}
.bgimg02
{
	background-image: url('../img/bg04.jpg');
}
.bgimg03
{
	background-image: url('../img/bg03.jpg');
}
}
.box-text {}
.box-text .box-text-inner{}


.flex-box .box-text,
.flex-box .box-image {background-repeat: no-repeat;background-position: center center;background-size: cover;display: block;z-index: 9;width: 100%;height: 100%;}
.flex-box .f-right{order: 2;}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	/* .box-text{padding: 60px;} */
}

@media(min-width:768px){
	.flex-box {flex-direction: row;-webkit-flex-direction: row;display: flex;display: -webkit-flex;}
	.box-text .t-right{text-align: right;}
}
@media(max-width:767px){
	.box-text{text-align: center;}
	.flex-box .box-image {height: 430px;width: 100%;}
}


.triangle-left,
.triangle-right{position: relative;}

.triangle-left::before {border-bottom: 30px solid transparent;border-right: 30px solid #fff;border-top: 30px solid transparent;content: " ";height: 0;width: 0;left: -30px;position: absolute;top: calc(50% - 30px);}
.triangle-right::before {border-bottom: 30px solid transparent;border-left: 30px solid #fff;border-top: 30px solid transparent;content: " ";height: 0;width: 0;position: absolute;right: -30px;top: calc(50% - 30px);}
@media (max-width: 767px){
	.triangle-left::before {left: calc(50% - 30px);top: -45px;transform: rotate(90deg);}
	.triangle-right::before {right: calc(50% - 30px);position: absolute;top: -45px;transform: rotate(-90deg);}
}

.bgimg01
{
	background-image: url('../img/bg05.jpg');
}
.bgimg02
{
	background-image: url('../img/bg04.jpg');
}
.bgimg03
{
	background-image: url('../img/bg03.jpg');
}
@media screen and (max-width:1024px) {
	h2.heading  {
    font-size: 28px;
    letter-spacing: 0px;
    line-height: 30px;
	width:100%;
	display:block;
	clear:both;
}
h3.heading  {
    font-weight: 300;
    font-size: 28px;
    letter-spacing: 0px;
    line-height: 30px;
}
}
/* -----  UKŁAD 5  ------*/
.partners
{
	height:auto;
	min-height:200px;
	width:100%;
	display:table;
	background:#282828;
	color:#818181;
}
.square-partners
{
	
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:200px;
	border:1px solid #818181;
	padding:10px;
	
}
.sqr a 
{
	color:#ffffff;
	text-shadow: 1px 1px 1px #800000;

}
.sqr a:hover
{
	color:#b10d08;
}
.iconsizebox
{
	padding-bottom:18px;
	padding-top:18px;
}
.iconsize
{
	height:40px;
	width:40px;
	vertical-align:middle;
	margin-left:10%;
	margin-right:20px;
}
.vertcen
{
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
.lineall p
{
	display:inline;
	vertical-align:middle;
}
.lineall li 
{
	padding-bottom:8px;
	padding-top:8px;
}
@media screen and (max-width:900px){
	.lineall li 
	{
		text-align:center;
	}
	.iconsize
	{
		clear:both;
		display:block;
		margin:10px auto;
	}
}
.flex-footer-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
/* ----- --------- ------*/
/* -----  OFERTA  ------*/
/* ----- --------- ------*/
.icons
{
	width:60px;
	height:60px;
}
hr.redline
{
	width:40%;
	height:3px;
	border:none;
	background:#b10d08;
}
h3.colheading
{
	font-size:25px;
	text-transform:uppercase;
	font-weight:500;
	color:#ddd;
	text-align:center;
}
ul
{
	list-style:none;
	width:100%;
	padding-left:0;
}
li.offert-list
{
	font-size:18px;
	line-height:1.8;
	padding-top:5px;
	padding-bottom:5px;
}
.ofertcd
{
	height:300px;
	width:100%;
	background:#ddd;
	color:#333;
	padding-top:20px;
	padding-bottom:20px;
	display:table;
}
.bgofertimg
{
	background-image:url("../img/bg06.jpg");

	background-repeat:no-repeat;
	background-size:cover;
	min-height:300px;
}
li.otherservices
{
	font-size:18px;
	padding-top:5px;
	padding-bottom:5px;
}
li.otherservices:first-child
{
	font-size:20px;
	font-weight:bold;
	color:#b10d08;
}
/* ----- --------- ------*/
/* -----  // OFERTA  ------*/
/* ----- --------- ------*/


/* ----- --------- ------*/
/* -----  // kontakt  ------*/
/* ----- --------- ------*/

/* -- SECTION CONTACT -- */
.contact
{
	height:200px;
	display:table;
	background:#fff;
	width:100%;
}
section.contact a 
{
	text-decoration:none;
	color:#333333;
}
.icons-contact
{
	height:40px;
	width:40px;
}
.dblborder
{
	border-left: solid 1px #dadada;
	border-right: solid 1px #dadada;
}
.rightborder
{
	border-right: solid 1px #dadada;
}
p.text-contact
{
	font-size:20px;
}
p.text-contact-tel
{
	font-size:20px;
	line-height:10px;
}
.wayto
{
	margin-top:30px;
	color:#333333;
	background:#f7ab0f;
	padding:15px 20px;
	font-size:25px;
	text-transform:uppercase;
	text-decoration:none;
}

.wayto:hover
{
	color:#f7ab0f;
	background:#333333;
	text-decoration:none;
}
.mapa
{
	width:100%;
	height:400px;
	position:relative;
}



footer
{
	background:#181818;
	height:100px;
	width:100%;
	color:#b10d08;
	padding-top:20px;
	display:table;
}
footer a 
{
	color:#b10d08;
}


.bg07
{
	background-image:url("../img/bg07.jpg");
	background-position:center;
	background-repeat:no-repeat;
		background-size:contain;
}
.bg08
{
	background-image:url("../img/bg08.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;

}
.bg09
{
	background-image:url("../img/bg09.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}