body{
	font-family: 'Muli', sans-serif;
	font-size:20px;
}

#statement {
	width: 100%;
	padding: 15px 10px;
	color: #fff;
	text-align: left;
	font-size: 16px;
	background: rgba(255, 0, 0, 0.8);
	margin: 0 0 10px;
	display:none;
	position:fixed;
	top:0;
	transition:1s;
	z-index:5;
	text-align:center;
  }

strong{
	font-weight:700;
}

.baner{
	float:left;
	height:100vh;
	width:100%;
	background:url(../img/stomatologia-home.jpg) center no-repeat;
	background-size:cover;
	position:relative;
	min-height:550px
}


.baner.abrazja{
	background:url(../img/dentysta-abrazja.jpg) center no-repeat;
	background-size:cover;

}


.baner.laser{
	background:url(../img/dentysta-laser.jpg) center no-repeat;
	background-size:cover;

}

.baner.kontakt{
	background:url(../img/stommad-lokalizacja.jpg?v=2) center no-repeat;
	background-size:cover;

}

.baner.profilaktyka{
	background:url(../img/profilaktyka-stomatologiczna.jpg) center no-repeat;
	background-size:cover;

}

.baner.oferta{
	background:url(../img/oferta-stomatologiczna.jpg) center no-repeat;
	background-size:cover;

}

.motto{
	width:90%;
	max-width:1050px;
	color:#fff;
	text-align:center;
	margin:20px auto;
	border-bottom:1px solid #fff;
	padding:10px 0;
	z-index:4;
	position:relative;
}

.logo{
	overflow:hidden;
	width:266px;
	height:191px;
	margin:auto;
	position:absolute;
	top: calc(100vh - 350px);
	left:0;
	right:0;
	z-index:4;
}


.kontakt .logo{
	top: 120px;
}

.lok{
	height:100vh;
	width: 100%;
	background: url(../img/stommad-lokalizacja-ulica.jpg?v=2) center no-repeat;
	background-size:cover;
	position:absolute;
	z-index: 1;
	top:0;
	min-height:550px;
	transition: 0.3s;
}


.but{
	background:rgba(255, 255, 255, 0.4);
	width:280px;
	height:40px;
	margin:auto;
	text-align:center;
	position:absolute;
	left:0;
	line-height:40px;
	bottom:160px;
	right:0;
	color:#fff;
	cursor:pointer;
	transition:0.3s;
	padding:0px;
	z-index:4;
}


.but:hover{
	padding:5px;
	bottom:155px;
}

.menu{
	height:70px;
	width:100%;
	color:#fff;
	text-align:center;
	position:absolute;
	bottom:0px;
	background:rgba(255, 255, 255, 0.5);
	z-index:4;
}

.menu_in,
.bottom_in{
	width:90%;
	max-width:1050px;
	margin:0 auto;
}


.menu a{
	width:calc(100%/6);
	display:block;
	float:left;
	line-height:70px;
	color:#fff;
	transition:0.4s;
}


.menu a:hover,
.menu a.act{
	color:#060606;
}


.bottom{
	width:100%;
	border-bottom:1px solid #c7c7c7;
	float: left;
}
.bottom.home{
	background:url(../img/doc.jpg) calc(50% - 140px) bottom no-repeat;
	background-size:cover;
}

.bottom .left,
.bottom .right{
	width:calc(50% - 60px);
	min-height:10px;
	float:left;
	padding: 30px;
	text-align:justify;
}


.bottom .one{
	padding:30px 0;
}

.bottom.home .left{
	width:40%;
}
.bottom.home .right{
	width:calc(60% - 60px);
	background:#ffffffb8;
	float:right;
}

.bottom p{
	padding: 10px 0;
}

.bottom li{
	padding:10px 0px 10px 40px;
	background: url(../img/arr.jpg) left 12px no-repeat;
	text-align:left;
}

.bottom a{
	color:#000;
	text-decoration:underline;
}


.bottom a:hover{
	color:#6d6d6d;
}

footer{
	width:90%;
	max-width:1050px;
	margin:0px auto;
	color:#9b9b9b;
	font-size:15px;
}

footer .c25{
	padding:30px 0;
	width:25%;
	float:left;
}


footer .c50{
	width:50%;	
	padding:30px 0;
	float:left;
	text-align:right;
}

footer a{
	color:#9b9b9b;
}

footer a:hover{
	color:#333;
}

form{
	padding:20px 0;
}

form p{
	text-align:left;
}

input,textarea{
	width:100%;
	border:0px;
	background:#ecebeb;
	padding:5px;
	font-size:20px;
	margin:10px 0;
	font-family: 'Muli', sans-serif;
}

input.sub{
	width:220px;
	text-align:right;
	float:right;
	background:url(../img/arr.jpg) no-repeat left 7px #fff;
	color:#999;
	transition:0.3s;
	cursor:pointer;
}


input.sub:hover{
	color:#000;
}



@media only screen and (min-width: 1300px) {
	.bottom.home .right{
		background:none;
	}

  .bottom.home{
	background: url(../img/doc.jpg) calc(50% - 400px) bottom no-repeat;
	background-size:contain;
	}
}





@media only screen and (max-width: 960px) {
	.bottom .left{
		width:100%;
		padding:30px 0 0;
	}

	.bottom .right{
		width:100%;
		padding:0px 0 30px 0;
	}

	.bottom.home .left{
		display:none;
	}
  	.bottom.home{
		background:none;
  	}

  	.bottom.home .right{
		width:100%;
		padding:30px 0;
	}

	footer .c25{
		padding:30px 0;
		width:50%;
		float:left;
	}


	footer .c50{
		width:100%;	
		padding-top:0;
		float:left;
		text-align:left;
	}

}





@media only screen and (max-width: 750px) {
	.bottom.home .right{
		width:100%;
		padding:30px 0;
	}
	.bottom.home .left{
		display:none;
	}
  	.bottom.home{
		background:none;
  	}

	footer .c25{
		width:100%;	
		padding:30px 0 0;
	}

	footer .c50{
		width:100%;	
		padding:30px 0 30px 0;
	}

	.menu{
		height:300px;
	}
	
	.logo{
		margin:0 auto;
		top:120px;
		transition:0.3s;
	}
	.but{
		margin:0 auto;
		top:340px;
	}
	.menu a{
		width:100%;
		display:block;
		float:left;
		line-height:50px;
		color:#fff;
		transition:0.4s;
	}

	.baner{
		min-height:700px;
	}

	


}