*{
	margin:0px;
	font-family:arial;
}
body{
	background:black;
}
.content{
	width:1150px;
	overflow:hidden;
	margin:auto;
}
hgroup{    font-size: 2px;
}
@media (min-width: 1100px) {
	.content {width:1150px !important;}
	#black{margin-top:60px;}
}
@media (max-width: 1100px) and (min-width: 1000px) {
	.content{width:950px !important;}
	#black_b{display:none;}
	#black2{display:none;}
	#menu{display:none;}
	#m_mobil{display:block !important;}
	#center_text{font-size:45px !important;}
	.prea{width: 180px !important; height: 220px !important;}
	#black{z-index: 22;}
	#blacksss{z-index: 22;}
	.text_black {width: 235px !important;}
	#crash{margin-top:-50px !important;}
	.zdjr{width: 290px !important;}
}
@media (max-width: 1000px) and (min-width: 800px) {
	.content{width:750px !important;}
		#black_b{display:none;}
	#black2{display:none;}
	#wycena input.input-large{width: 90% !important;}
	#wycena textarea{width: 92% !important;}
	#crash{margin-top: 0px !important;}
}
@media (max-width: 800px) and (min-width: 500px) {
	.content{width:450px !important;}
		#black_b{display:none;}
	#black2{display:none;}
		#menu{display:none;}
		#m_mobil{display:block !important;}
	#logo{width:215px !important; height:45px !important; background-size:cover !important;}
		#center_des{display:none !important;}
		#crash{margin-top: 0px !important;}
		.text_black{    margin-left: 40px !important; height: 270px !important;}
		#rea h1{text-align:center;}
		.prea{margin-left: 100px !important;}
		#right_footer{display:none !important;}
		#wycena input, #wycena textarea, #wycena input.input-large{width: 92% !important;}
}

@media (max-width: 500px) {
	.content{width:300px !important;}
	#menu{display:none;}
	#center{margin-top: 120px !important;}
	#center_text{font-size: 35px !important; word-wrap:break-word;margin-top:10px;width: 200px !important;
    margin: auto !important;}
	#black_b{display:none;}
	#black2{display:none;}
	#left_b{margin-left:60px !important;margin-bottom:10px;}
	#right_b{margin-left:60px !important;}
	#bottom{margin-top:-70px !important;}
	#right_icon{margin-top: -40px;}
	#center_des{display:none;}
	#center_icon{opacity:0 !important;}
	.text_black{padding:0px !important; margin-left:-10px !important; height:290px !important;}
	#crash{margin-top:30px !important;}
	#frame{margin:50px 0px !important; padding:20px !important;}
	#left_footer{width:290px !important; height:160px !important;}
	#right_footer{display:none;}
	#text_onas_photo{display:none;}
	.mds{width:260px !important;}
	#realizacjezdj{margin-left: -20px !important;}
	#cr1{height:200px !important;}
	#m_mobil{display:block !important;}
	#logo{width:215px !important; height:45px !important; background-size:cover !important;}
	#wycena input, #wycena textarea, #wycena input.input-large{width: 92% !important;}
}
#m_mobil{
    position: relative;
    width: 30px;
    height: 30px;
    background-image: url(mnu.png);
    float: right;
    background-size: cover;
    margin-top: 63px;
	display:none;
	}
#mobil_menu{
	width:100%;
	height:0px;
	padding-top:90px;
	transition:.5s;
	opacity:0;
	display:none;
}
#mobil_menu ul li{
	    padding: 12px;
    background: #00a3f2;
    margin-top: 5px;
    color: white;
    margin-left: -40px;
    font-size: 15px;
    letter-spacing: 0.04em;
    list-style-type: circle;
    list-style-position: inside;
    font-weight: bold;
}
#mobil_menu  a{
	text-decoration:none;
}
#bgg{
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:fixed;
	z-index:3;
	background: #000000ad;
	opacity:0;
	transition:.7s;
	display:none;
}
#winds{
    width: 800px;
    right: 50%;
    margin-right: -400px;
    height: 500px;
    position: fixed;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 5;
    background-size: contain;
    margin-top: 40px;
	display:none;
}
#exit{
	width:50px;
	height:50px;
	background-image:url(exx.png);
	background-size:cover;
	position:relative;
	z-index:5;
	cursor:pointer;
	transition:.4s;
	transform:scale(0.9);
}
#exit:hover{
	transform:scale(1) rotate(-90deg);
}
#background{
	width:100%;
	height:665px;
	background-image:url(tlo.jpeg);
	background-size:cover;
}
#top{
	width:100%;
	min-height:50px;
}
#center{
	width:100%;
	min-height:100px;
	margin-top:250px;
}
#logo{
	width:191px;
	height:43px;
	background-image:url(logo.png);
	float:left;
		margin-top:55px;
		transition:.4s;
		opacity:0.85;
		cursor:pointer;
		transform:scale(0.94);
		font-size: 1px;
}
#logo:hover{
	opacity:1;
	transform:rotate(-3deg) scale(1.02);
}

#menu{
	color:white;
	float:right;
	padding-top:60px;
}
#menu ul li {
	float: left;
	margin: 5px 15px;
    padding: 0px 6px 12px 6px;
	list-style-type: none;
	font-size: 12px;
	font-weight: 800;
	letter-spacing:1.7;
	font-family: arial;
	text-decoration:none;
	transition:.3s;
	cursor:pointer;
	color:white;
	opacity:0.6;
}
#menu ul li:hover{
	box-shadow:inset 0px -2px 0px 0px #09a9ee;
	opacity:1;
}
#menu ul li a{
	text-decoration:none;
	color:white;
}
#nn{
	border-bottom:1px solid #09a9ee;
}

#text_onas{
    color: #d8d8d8;
   font-size: 14px;
    max-width: 870px;
    line-height: 1.2;
    margin: auto;
    margin-top: 15px;
    text-align: center;
}
#text_onas_title{
	margin:auto;
	color:white;
	font-size:40px;
	font-weight:bold;
	max-width:700px;
	text-align: center;
	margin-top:80px;
}
#text_onas_photo{
	width: 1050px;
    margin: auto;
    margin-top: 20px;
     height: 100px;
	
}

.text_p{
    width: 315px;
    height: 100px;
    background-image: url(crash2.jpg);
    margin-left: 25px;
    float: left;
}
#text_onas2{
    color: grey;
    font-size: 17px;
    max-width: 1100px;
    line-height: 1.4;
    margin: auto;
    margin-top:18px;
	text-align:center;
	opacity: 0.6;
	transition:.3s;
	letter-spacing: 2.6px;
}
#text_onas2:hover{
	opacity:1;
}
#center_text{
	color:white;
	font-size:50px;
	text-align:center;
	text-shadow:0px 0px 18px black;
	font-weight:bold;
	
}
#wycena{
    max-width: 820px;
    min-height: 400px;
    text-align: center;
    margin: auto;
}
#wycena input{
	width: 290px;
    height: 46px;
    padding: 11px;
    margin-top: 20px;
    margin-left: 10px;
    border: 1px solid #1b6884;
    background: black;
    color: white;    
	text-align: center;
	font-size:14px;
}

#potwierdzenie{
	width: 100%;
	position: relative;
	left: 0px;
	min-height: 250px;
	background-color: #00a4e0;
	color: white;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#potwierdzenie-title{
	font-size:37px; 
	font-weight:bold;
}

#potwierdzenie-description {
	font-size: 18px;
	text-align: center;
	padding: 0 50px;
	margin-top: 10px;
}

#potwierdzenie-email{
	text-decoration: underline;
	color: #eee;
}

#wycena p{
	color: gray;
	text-align: left;
	margin-left: 10px;
	user-select: none;
	font-size: 12px;
	margin-top: 10px;
}

#wycena input.input-large{
	width: 48.4%;
}

#wycena label{
	margin-top: 20px;
	display: inline-block;
	color: white;
	user-select: none;
}

#wycena textarea{
	width: 100%;
    min-height: 150px;
    padding: 11px;
    margin-top: 20px;
    margin-left: 10px;
    border: 1px solid #1b6884;
    background: black;
    color: white;    
	text-align: left;
	resize: vertical;
	font-size:14px;
}

#wycena input[type="submit"]{
	background: #00a4e0;
	cursor: pointer;
    width: 100%;
    margin-top: 26px;
	margin-bottom: 50px;
}

#wycena input[type="submit"]:hover {
	background-color: #0192cb;
}

#mdl{
	    width: 180px !important;
}
#center_des{
	color:white;
	font-size:19px;
	font-style:italic;
	font-family:serif;
	text-align:center;
	margin-top:10px;
	letter-spacing:0.6;
}
#button{
	max-width:400px;
	height:50px;
	margin:auto;
	margin-top:18px;
		color:white;
		font-weight:bold;
		font-size:13px;
		text-align:center;
}
#left_b{
	width:145px;
	height:14px;
	box-shadow:inset 0px 0px 0px 3px #09a9ee;
	padding:18px;
	float:left;
	margin-left:12px;
	transition:.4s;
	cursor:pointer;
	text-decoration:none;
	color:white;

}
#left_b:hover{
	box-shadow:inset 0px 0px 0px 30px white;
	color:black;
	
}
#right_b{
	width:145px;
	height:14px;
	box-shadow:inset 0px 0px 0px 30px #09a9ee;
	padding:18px;
	float:left;
	background:white;
	margin-left:10px;
	transition:.4s;
	cursor:pointer;
		color:white;
}
#right_b:hover{
	box-shadow:inset 0px 0px 0px 0px #09a9ee;
	color:black;
	
}
#black{
    width: 100%;
	min-height:500px;
	transition:1.8s;
	position:relative;
	background:black;
	border-top:20px solid black;
	
}
#black_b{
	width: 1260px;
	margin:auto;
	height:311px;
	background-image:url(black.png);
	background-size:cover;
	position:relative;
	z-index:2;
}
#crash{
	width:100%;
	min-height:640px;
	background-image:url(crash.jpg);
	background-size:cover;
		position:relative;
	z-index:1;
	margin-top:-300px;
	
}
#bottom{
	width:100%;
	height:50px;
	margin-top:-30px;
}
#left_icon{
width:40px;
height:40px;
background-image:url(phone.png);
float:left;
background-size:cover;
opacity:0.8;
cursor:pointer;
	transition:.5s;
		transform:scale(0.9);
}
#left_icon:hover{
	opacity:1;
	transform:scale(1);
}
#calls{
    width: 230px;
    height: 40px;
    color: white;
    float: left;
    font-size: 38px;
	transition:.8s;
	color:white;
    margin-left: 10px;
	transform:translatex(-280px);
	opacity:0.4;
	cursor:pointer;
}
#calls:hover{
		opacity:1;
}
#center_icon{
width:30px;
height:30px;
background-image:url(arrow.png);
margin:auto;
background-size:cover;
margin-top:90px;
opacity:0.6;
cursor:pointer;
	transition:.5s;
		transform:scale(0.95);
}
#center_icon:hover{
	opacity:1;
		transform:scale(1.13);
}
#right_icon{
	width:40px;
	height:40px;
	float:right;
	background-image:url(email.png);
	background-size:cover;
	opacity:0.8;
	cursor:pointer;
		transition:.3s;
				transform:scale(0.9);
}
#right_icon:hover{
	opacity:1;
	transform:scale(1);
}
#emaills{
    width: 260px;
    height: 40px;
    color: white;
    float: right;
    font-size: 28px;
	transition:.8s;
	color:white;
    margin-left: 10px;
    margin-top: 5px;
	transform:translatex(310px);
	opacity:0.4;
		cursor:pointer;
}
#emaills:hover{
	opacity:1;
}
#title_black{
    margin-top: 90px;
    font-size: 30px;
    font-weight: bold;
    color: grey;
    text-align: center;
    letter-spacing: 0.1em;
}
.text_black{
	width:280px;
	height:320px;
	float:left;
	margin-left:40px;
	padding:20px;
	transition:.4s;
	border-radius:30px;
	opacity:0.5;
	cursor:pointer;
	transform:scale(0.98) translateY(30px);
	
}
.text_black:hover{
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #1a5171d1;
    transform: scale(1) translateY(0px);
}
#classy{
	width:87.5%;
	min-height:200px;
	margin:auto;
	margin-top:70px;
		text-align:center;
}
.text_black h3{
	color:silver;
	margin-bottom:3px;
}
.text_black p{
	color:#828282;
	font-size:15px;
	line-height:1.3em;
}
#frame{
    max-width: 700px;
    min-height: 250px;
    background: rgba(255, 255, 255, 0.7);
    margin: 230px 40px 100px;	
	padding:40px;
	transition:.4s;
	opacity:0.7;
	cursor:pointer;
	 transform:scale(0.95);
	
}
#frame:hover{
  opacity:1;
  transform:scale(1);
	
}
#frame p{
	font-size:20px;
	margin-top:2px;
}
#rea{
	width:100%;
	min-height:560px;
	padding-bottom:30px;
	background:#292929;
	border-top:28px solid #232323;
}
#rea h1{
	color:grey;
	margin-top:70px;

}
#black2{
	width: 1260px;
	margin:auto;
	height:115px;
	background-image:url(black2.png);
	background-size:cover;
	margin-top:-140px;
	z-index:99;
}
#footer{
	width:100%;
	height:260px;
	background:black;
}
.prea{
	width:230px;
	height:260px;
	margin-left:18px;
	margin-top:30px;
    background-position: center;
    float: left;
    background-size:cover;
    background-repeat: no-repeat;
    border: 12px solid grey;
    opacity: 0.6;
    transition: .7s;
    cursor: pointer;
}
.prea:hover{
	opacity:1;
}
#left_footer{
	width:330px;
	height:195px;
	margin-top:30px;
	margin-left:10px;
	background-image:url(dsz.png);
	background-size:cover;
	float:left;
	opacity:0.7;
	transition:.5s;
	cursor:pointer;
		transform:scaleY(0.95);
}
#left_footer:hover{
	opacity:1;
	transform:scaleY(1.1);
}
#right_footer{
	width:650px;
	height:150px;
	margin-top:110px;
	margin-right:10px;
	float:right;
	filter:hue-rotate(180deg);
	transition:1.2s;
	cursor:pointer;
}
#right_footer:hover{
	filter:hue-rotate(0deg);
}
#right_footer h1{
	font-size:45px;
	color:#09a9ee;
}
#right_footer h3{
	letter-spacing:5.8;
	font-size:14px;
	color:grey;
}
#bottom_footer{
	width:100%;
	height:70px;
	background:black;
	border-top:1px solid #292929;
}
#left_bt{
	padding: 25px 10px;
    float: left;
    color: #737373;
    font-size: 12px;
    letter-spacing: 1.3;
}
#right_bt{
	padding: 25px 10px;
    float: right;
    color: #737373;
    font-size: 12px;
	font-weight:bold;
    letter-spacing: 1.3;
}
#blacksss{
	width: 100%;
	min-height:500px;
	transition:1.8s;
	position:relative;
	background:black;
	padding-bottom:60px;
	border-top:20px solid black;
	
	
}
#realizacjezdj{
	max-width: 974px;
    text-align: center;
    margin: auto;
	
}
.zdjr{
	width:300px;
	float:left;
	height:180px;
	background-image:url(sg2.jpg);
	border:1px solid #1b6884;
	background-size:100%;
	background-position:center;
	margin-left:20px;
	margin-top:20px;
	transition:.4s;
	cursor:pointer;
}
.zdjr:hover{
	background-size:110%;
}
#obr_kontaktowy{
	width:400px;
	height:260px;
	background-image:url(kontt.jpeg);
	background-size:cover;
	float:left;
	margin-right:40px;
}
#kontaktowy{
    color: silver;
    float: left;
    font-size: 17px;
}
#kontaktowy a{
	color:silver;
	margin-top:10px;
}
#kontaktssx{
	width: 800px;
	margin:auto;
	height:200px;
	margin-top:40px;
}
#kontaktowy h3{
	font-size: 40px;
    margin-bottom: 12px;
    margin-top: 8px;
    color: #0192cb;
}