@charset "UTF-8";
/* RESET */
*, html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, adress, code, img
small, strong, dl,dt,dd,ol,ul,li,
fieldset, form, label {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
}

html{
	width:100%;
	min-height:100%;

}
body{
	height:100%;
	width:100%;
	background:rgb(30,30,30);
	font-family: 'gothic', sans-serif;
	font-size:0.9em;
	color:white;
}

hr{

  	border-top:1px solid #dadada;
 
 	 background-color:transparent;
 	 height:1px;
}

ol, ul, li {
	

	list-style-type:none;
}

h1{
	color:white;
	font-weight:normal;
	display:block;
	font-size:1.5em;
	margin-bottom:10px;
}

h2{
	color:white;
	font-weight:normal;
	display:block;
	font-size:1.2em;
}
h3{

	font-weight:bold;
	display:block;
	font-size:1.1em;
	font-weight:bold;
}

/* END RESET */
/* MAIN STYLES */

a {
	color:#adadad;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#f5ad20;
	-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
p {
	margin: 0 0 0 0;
}
img {
	border: none;
max-width:100%;
}





table, td, tr{
max-width:100%;
}

.clear{
clear:both;
}

.page-header{
	display:block;
	text-align:center;
}



/*-------------------animate  duration-----------------------*/


.duration-600{

	animation-duration: 600ms;
}

.duration-800{

	animation-duration: 800ms;
}

.duration-1000{

	animation-duration: 1000ms;
}

.duration-1200{

	animation-duration: 1200ms;
}
.duration-1400{

	animation-duration: 1400ms;
}
.duration-1600{

	animation-duration: 1600ms;
}


/*----------------------animation delay----------------------*/
.delay-200{

	animation-delay: 200ms;
}
.delay-300{

	animation-delay: 300ms;
}

.delay-400{

	animation-delay: 400ms;
}
.delay-500{

	animation-delay: 500ms;
}
.delay-600{

	animation-delay: 600ms;
}
.delay-700{

	animation-delay: 700ms;
}
.delay-800{

	animation-delay: 800ms;
}
.delay-900{

	animation-delay: 900ms;
}
.delay-1000{

	animation-delay: 1000ms;
}
.delay-1100{

	animation-delay: 1100ms;
}

.delay-1200{

	animation-delay: 1200ms;
}
.delay-1300{

	animation-delay: 1300ms;
}
.delay-1400{

	animation-delay: 1400ms;
}



/*----------------------------------------------------------zdjęcie w tle*/


.bg{
	position:fixed;
	z-index:-500;
	width:100%;
	height:100%;
	background-size:cover;
}

/*--------------------------------------------------------------menu*/		




nav.menu-wrap{
	height:100px;
	background:rgba(074,073,074, 0.63);
	position:fixed;
	width:100%;
	z-index:99999;

	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

}
div.wrapper{
	width:1170px;
}

a.logo{
	
	float:left;
	cursor: default;
}

a.logo img{
	width:300px;
	padding-top:5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

ul.menu{
	float:right;
	margin-top:50px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

ul.menu li{
	display:inline-block;
}

ul.menu li a{
	display:inline-block;
	color:white;
	padding:16px 12px 17px 12px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

ul.menu li a:hover{
background:#272827;


}

.menu-opacity{
	background:rgba(074,073,074, 1) !important;
	height:50px !important;
}


.menu-opacity a.logo img{
	width:170px !important;
	padding-top:0px;
	cursor: pointer;
}


.menu-opacity ul.menu{
	margin-top:0px;

}

/*--------------------------------------haslo  u góry strony*/


div.haslo{
	width:1170px;
	color:#dbdbdb;
	padding-top:120px;
	font-size:1.3em;
	text-align:right;
}



/*--------------------------------------tekst powitalny*/


div.welcome-tekst{
	margin-top:500px;
	width:600px;
	padding:10px;
	background: rgba(0,0,0,0.78);
	float:left;
	border:1px solid white;
}



/*---------------------------------------oferta*/

div.oferta{
	background: rgba(0,0,0,0.78);
	margin-top:50px;
	padding:20px 20px 50px 20px;
}
div.oferta .naglowek{
	text-align:center;
	margin-bottom:20px;
}


div.oferta .col{
	display:inline-block;
	width:25%;
	margin:0 4%;
}

div.oferta .col h2{
	
	margin-bottom:10px;
}

div.oferta .col ul li{
	list-style-type: disc;
	margin-left:20px;
}


/*-----------------------------------------cennik*/

.aktywana{
	background:#414441;

}
.content{
	background:rgba(0,0,0,0.9);
	padding:50px 0;
}


.cennik{
	width:930px;
	float:right;
}

.cennik .page-header h1{
	margin-bottom:40px;
}

.cennik .items-row{
	display:none;
}


.cennik .items-row:nth-child(2){
	display:block;
}

.cennik-lista{
	width:190px;
	float:left;
	margin-top:60px;
}

.cennik-lista li{

}

.cennik-lista a{
	font-size:0.9em;
	color:white;
		border:1px solid white;
	box-sizing:border-box;
	display:block;
	padding:7px;
	margin:5px 0;
}


/*--------------------------------formularz*/


.formularz{
	position:fixed;
	z-index:999999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	display:none;
}


.formularz form{
	padding:20px;
	position:fixed;
	top:50%;
	margin-top:-200px;
	left:50%;
	margin-left:-250px;
	width:500px;
	height:400px;
	background:#282727;
	padding-top:60px;
	box-sizing:border-box;
}
p.exit{
	content:'X';
	position:absolute;
	top:0;
	right:0;
	padding:20px;
	font-size:1.8em;
	cursor:pointer;
}

.formularz form h2{
	display:none;
}


.formularz form input, .formularz form textarea{
	background:#565555 !important;
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	border:0px solid white !important;
	color:white !important;
	padding:10px 5px !important;
	resize: none;
	font-family: 'gothic', sans-serif !important;
}

.formularz form textarea{
	width:100%;
}
.formularz form input:focus, .formularz form textarea:focus{
box-shadow: 10px 10px 5px rgba(0,0,0,0) !important;
}

.formDescription{
	margin-top:-5px !important;
}

.formControls {
	margin-left:0 !important;
}

.rsform-block{
	margin-bottom:5px !important;
}
.formControlLabel{
	display:none;
}

.rsform-block-wyslij .formBody{
	text-align:center;
	margin-top:20px;
}
#wyslij.rsform-submit-button{

	width:50% !important;
	margin:0 auto !important;
	background:transparent !important;
	border:1px solid white !important;

}


#wyslij.rsform-submit-button:hover{

	background:#3f3f3f !important;


}

/*-------------------napisz do nas przycisk z opisem*/

.write-us{
	text-align:center;
	margin-top:80px;
	border-bottom:1px solid white;
	padding-bottom:50px;
	position:relative;
	z-index:10;
}

.write-us a{
	font-size:1.5em;
	color:white;
	border:1px solid white;
	padding:10px 15px;
	margin-bottom:20px;
	display:inline-block;
}

.write-us a:hover{

	background:#3f3f3f;
}



/*----------------------------------kontakt*/

.kontakt-wrap{
	background: rgba(0,0,0,1);

	padding-top:90px;
	/*background-size:auto 120%;*/
	
	
	height:400px;
	box-sizing:border-box;
}

.kontakt-wrap p{
	color:#a8a5a5;
}
.kontakt{
	background:url('../img/mapka.png');
	background-position:right center ;
	background-repeat: no-repeat;
		position:relative;
}

/*-------------------------------google maps*/



#map{
	width:485px;
	height:190px;
	position:absolute;
	top:0;
	right:0;
	margin-left:350px;
}






/*-----------------------------------foot*/


.foot{
	background:rgba(0,0,0,0.94);
	text-align:center;
	padding-bottom:30px;
}