@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
/*font-family: 'Open Sans Condensed', sans-serif;*/

h1,h2,h3,h4,h5,h6,p,ul li{
	color: #000000;
}

h1{
	font-size: 27px;
}

h2{
	font-size: 21px;
}

p{
	font-size: 16px;
}

.text-blue{
	color: #374bc3;
}

body{
	font-family: 'Open Sans', sans-serif !important;
	position: relative;
	background: #f2f2f2;
	overflow-x: hidden;
}

body:after{

	opacity: 0.05;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	z-index: -1;
}


header > .container{
	background: #fff;
}

header{
	background: #fff;
}

nav#menu{

	padding-top: 15px;
}

.menu-row{
	background: #374bc3;
	border-bottom: 4px solid #374bc3;
}

nav#menu ul{
	display: block;
	list-style: none;
	text-align: center;
	margin-left: -60px;
}

nav#menu ul li{
	display: inline-block;

}

nav#menu ul li{
	border-right: 1px solid #fff;
	font-size: 14px;
	line-height: 13px;
	padding: 0 20px;
}

nav#menu ul li.active a{
	color: #fff;
}

nav#menu ul li a:hover{
	color: #fff;
}

nav#menu ul li a{
	font-size: 16px;
	color: #fff;
	transition: color .2s ease-in-out;
}

nav#menu ul li:last-child{
	padding-right: 0;
	border-right: 0;

}

nav#menu ul li a:focus{
	text-decoration: none;
}
.img-center-logo{

	display: block;
	margin: 0 auto;
	border-radius: 9px;

}
.img-center{
	display: block;
	margin: 0 auto;
	border-radius: 9px;
	box-shadow: 2px 3px 7px #3a3939;
}

.row#nav-row{
	padding: 15px;
}

.logo{
	float: left;
}

.logo img{
	height: 45px;
	margin-top: 5px;
}

.cotact-icon {
	font-size: 19px;
	margin-top: 10px;
}
.cotact-icon i {
	margin-left: 10px;
	margin-right: 10px;
	color: #374bc3;
	border-radius: 100%;
	border: 2px solid #374bc3;
	padding: 1px 14px;
	line-height: 40px;
}
.cotact-icon.pull-right span{
	color: #374bc3;
	font-weight: bold;
}

/* .carousel-inner{
		background: url(../img/background1.png);
	height:520px;

	} */
	.carousel .item.wywoz-odpadow{
		background: url(../img/background1.png);
		height:520px;
	} 
	.carousel .item.wywoz-odpadow.gruz{
		background: url(../img/background2.png);
		height:520px;
	} 
	.carousel .item.wywoz-odpadow img{

		left: 50%;
		top: 34%;
		position: relative;
		transform: translate(-50%,-50%);  
	}

	.carousel .item.wywoz-odpadow div{
		background-color: #4665eb;
		border-radius: 30px;
		position: relative;
		transform: translate(-50%,-50%);
		width: 30%;
		left: 50%;
		top: 8%;


	}
	.carousel .item.wywoz-odpadow h2{
		text-transform: uppercase;
		color: #fff;
		margin: auto;
		display: table;
		font-size: 35px;
		padding: 10px 7px;
	}
	.carousel .item.wywoz-odpadow h3{  
		text-transform: uppercase;
		top: 1%;
		font-size: 24px;
		color: #fff;
		position: relative;
		text-align: center;
	}

	.carousel .item.wywoz-odpadow p{
		top: -1%;
		font-size: 20px;
		color: #606060;
		position: relative;
		text-align: center;
	}

	.carousel-indicators {
		bottom: 20px;
		top: 103%;
		color:#606060;
	}
	.carousel-indicators li{

		border: 1px solid #606060;
	}

	.carousel-indicators .active {

		background-color: #606060;
	}



	.color-line{
		margin-top: 30px;
		padding: 10px;
	}
	.color-line p{
		color: #606060;
		text-align: center;
		margin-top:5px;
		font-size: 23px;
	}

	.color-line .color-line-header{
		font-size: 27px;
		text-transform: uppercase;
	}

/*.color-line-background{
	background-color: white;
}
*/
/*.color-line .color-line-header:after {
    content: "";
    height: 2px;
    background: #4665eb;
    position: absolute;
    bottom: 54px;
    width: 33.33334%;
    left: 33.33334%;
    right: 37.5%;
}
*/

.uslugi{
	background-color: #4665eb;
}
.uslugi-header
{
	margin-top:40px;
	margin-bottom: 50px;
}
.uslugi-header p
{
	color: #fff;
	font-size: 20px;
	margin-bottom:0px;
	text-align: center;
}
.uslugi-city{
	margin-top: 10px;
}
.uslugi-header span{
	background-color: white;
	border-radius: 43px;
	font-size: 37px;
	color: #4665eb;
	padding: 3px 95px;
	text-transform: uppercase;
}

.main-uslugi{
	margin-bottom: 50px;
}

.uslugi-text{
	margin-top: 50px;

}

.col-uslugi h3{
	font-size: 19px;
	color: #aba9a9;
}

.item-list-title{
	font-size: 13pt;
	text-transform: uppercase;
	font-weight: bold;
	color:#fff;

}

.item-list li{
	font-size: 17px;
	line-height:1.7;
	color:#fff;
}

.item-list li span{
	color:black;
}


.item-text{
	line-height:1.7;
	margin: 25px 0;
}

.item-text p{
	
	font-size: 17px;
	line-height:1.7;
	color:#fff;
}



.ofirmie{
	margin-top: 50px;
}

.ofirmie-header{		
	margin-top:40px;
	margin-bottom: 35px;
}
.ofirmie-header p
{
	color:#7e7d7d;
	font-size: 20px;
	margin-bottom: 0;
	text-align: center;
}

.ofirmie-header span{
	background-color: #4665eb;
	border-radius: 43px;
	font-size: 37px;
	color: white;
	padding: 3px 95px;
	text-transform: uppercase;

}
.ofirmie-city{
	margin-top: 10px;
}
.ofirmie-main p{

	font-size: 17px;
	line-height:1.7;
	margin-bottom: 50px;
}



#misja{
	margin-top: 50px;
	background-color:  #7b7b7c;
}

.misja-header{		
	margin-top:40px;
	margin-bottom: 35px;
}
.misja-header p
{
	color: white;
	font-size: 20px;
	
	margin-bottom: 0px;
	text-align: center;
}

.misja-header span{
	background-color: white;
	border-radius: 43px;
	font-size: 37px;
	color: #7b7b7c;
	padding: 3px 95px;
	text-transform: uppercase;

}

.misja-city{
	margin-top: 10px;
}
.misja-main p{
	
	color: white;
	font-size: 17px;
	line-height:1.7;
	margin-bottom: 50px;
}


.after{
	position: relative;
	margin-bottom: 30px;
}

.after:after{
	content: "";
	height: 2px;
	background: #4665eb;
	position: absolute;
	bottom: -17px;
	width: 33.33334%;
	left: 33.33334%;
	right: 37.5%;
}

#cennik{

	margin-bottom: 40px;

}
.cennik-title{		
	margin-top:40px;
	margin-bottom: 20px;
}


.cennik-title span{
	background-color: #4665eb;
	border-radius: 43px;
	font-size: 37px;
	color: white;
	padding: 3px 95px;
	text-transform: uppercase;

}

.cennik-main p{
	font-size: 17px;
}
#cennik table{

	text-align: center;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0 1px;	
}

#cennik table td {
	padding: 17px;
	border: 1px solid #ddd;
}

#cennik table td:last-child {
	text-align: justify;}

	#cennik table th {
		background: #4665eb;
		padding: 25px;
		color: #fff;
	}

	#cennik table caption	{
		color:#606060;
		margin-top: 50px;
		font-size: 20px;
		text-align: center;
	}

	#cennik table th:first-child {
		border: 1px solid #ddd;
		border-left-color: #4665eb;
		border-top-color: #4665eb;
	}

	#cennik table th:nth-child(2), #cennik table th:nth-child(3) {
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	#cennik table th:nth-child(4) {
		border: 1px solid #ddd;
		border-right-color: #4665eb;
		border-left-color: #4665eb;
		border-top-color: #4665eb;
	}

	#cennik table tr:nth-of-type(odd) {
		background-color: rgba(200, 206, 228, 0.13);
	}

	.row.section#kontakt > h2 + h3{
		margin-bottom: 0px;
	}

	.row.section#kontakt > h2,
	.row.section#kontakt > h3,
	.row.section#kontakt .text-blue{
		margin-bottom: 50px;
		margin-top: 50px;
	}

	.row.section#kontakt .after:after{
		bottom: -30px;
	}

	.row.section > h2{
		margin-left: -40px;
		margin-right: -40px;
	}


	.kontakt-header{		
		margin-top:40px;
		margin-bottom: 35px;
	}
	.kontakt-header p
	{
		color:#fff;
		font-size: 20px;
		margin-top: 5px;

		text-align: center;
	}

	.kontakt-header span{
		background-color: #fff;
		border-radius: 43px;
		font-size: 37px;
		color: #4665eb;
		padding: 3px 95px;
		text-transform: uppercase;

	}


	#kontakt .row{
		margin-bottom: 40px;
	}
	#kontakt i.fa{
		margin-right: 15px;
		color: #fff;
		border-radius: 100%;
		border: 2px solid #fff;
		padding: 1px 14px;
		line-height: 40px;
	}

	#kontakt .maps{
		border: 1px solid #fff;
	}

	#kontakt .maps iframe{
		/*width: 100%;*/
		width: calc(100% - 1px);
		height: 440px;
	}
	#kontakt fieldset p{
		color:  #c2ccfb;
	}
	#kontakt input, textarea {

		background-color: #c2ccfb;
		border-radius: 5px;
	}

	#kontakt input[type="text"],
	#kontakt input[type="email"],
	#kontakt textarea{
		width: 100%;
		border: 1px solid #d2d4d3;
	}

	#kontakt input[type="submit"]{
		background: #fff;
		border: 1px solid #fff;
		color: #374bc3;
		padding: 7px 30px;
		text-transform: uppercase;
		border-radius: 5px;
	}

	#kontakt input[type="submit"]:hover{
		background: transparent;
		color: #00a820;
	}
	.kontakt{
		background-color:  #4665eb;
	}


	.under-line{
		position: relative;
		margin-bottom: 30px;
	}
	.under-line:after{
		content: "";
		height: 2px;
		background: #fff;
		position: absolute;
		bottom: -17px;
		width: 30.33334%;
		left: 35%;
		right: 37.5%;
	}

	footer{
		background-color:  #374fb9;
		box-shadow: 2px 2px 20px 8px rgb(51, 67, 152) inset;
	}


	.menu-footer{
		margin: 15px;
		padding: 15px;
	}


	.menu-footer ul{
		display: inline;
		list-style: none;

	}

	.menu-footer ul li{

		border-right: 1px solid #fff;
		display: inline;
		font-size: 19px;
		line-height: 13px;
		padding: 0px 25px;
		
	}
	.menu-footer ul li:first-child{

		padding-left: 0;
		
	}

	.menu-footer ul li:last-child{
		border-right:0px;

	}
	.menu-footer ul li a{

		font-size: 19px;
		color:white;
	}

	.menu-footer ul li a:hover{
		text-decoration: none;

	}

	.menu-footer ul li a:focus{
		text-decoration: none;

	}


	.slicknav_menu{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 5;
	}

	.designfooter{
		color: #fff;
		text-align: right;
	}
	@media only screen and (max-width: 1130px) {

	.container{
    margin-left: 5%;
    margin-right: 5%;
    font-size: 13px;
     }
  		.carousel .item.wywoz-odpadow h2 {
			font-size: 23px;
			text-align: center;
			display: block;
		}

		.carousel .item.wywoz-odpadow h3 {
			font-size: 19px;
			text-align: center;
			display: block;
		}


		.carousel .item.wywoz-odpadow p {
			font-size: 18px;

			text-align: center;
		}

		#cennik table td{
			padding: 3px;
		}

		#cennik table th{
			padding: 5px;
		}

	}
	@media only screen and (max-width: 835px) {
		.carousel .item.wywoz-odpadow div {
			width: 100%;
			border-radius: 0;		
		}

		.carousel .item.wywoz-odpadow img {
			margin-bottom: 20px;
		}

	}
	@media only screen and (max-width: 650px) {

		body{
			padding-top: 50px;
		}
		footer{
			box-shadow: none;
		}
		.menu-row{
			display: none;
		}
		.slicknav_menu{
			background: #4665eb;
		}

		.slicknav_btn{
			background-color:  #4665eb;
			border: 1px solid #fff;
		}

		.slicknav_nav li, .slicknav_nav ul{
			text-align: center;
		}

		.slicknav_nav a:hover{
			background-color: #fff;
		}

		.menu-footer ul{
			display: none;
		}

	}

	@media only screen and (max-width: 470px) {

		.carousel .item.wywoz-odpadow div {
			top: 17%;
		}

		.carousel .item.wywoz-odpadow h3 {
			top: 10%;
		}


		.carousel .item.wywoz-odpadow p {
			top: 11%;
		}
		.kontakt-header span {
			font-size: 30px;
			padding: 1px 10px; 
		}

		.ofirmie-header span {
			font-size: 30px;
			padding: 1px 10px; 
		}

		.misja-header span{
			font-size: 30px;
			padding: 1px 10px; 
		}
		.uslugi-header span { 
			font-size: 30px;
			padding: 1px 10px;
		}

		.cennik-title span{
			font-size: 30px;
			padding: 1px 10px;
		}

	}


	@media screen and (min-width: 651px) {
		.slicknav_menu{
			display: none;
		}
	}