/*
Theme Name: Sil-bis Piła
Theme URI: 
Description: 
Author: Agencja Interaktywna Twoj DESIGN Lukasz Rykowski
Author URI: http://twoj-design.pl/
Version: 1.0
Tags:

License:
License URI:

General comments (optional).
*/
@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-responsive.css'); 
@import url('responsive.css'); 
@charset "utf-8";
/***Wszelkie prawa zastrzeżone - wyłączny autor: RYKOWSKI - Twój Design***/
/**www.rykowski.szczecin.pl**/
/*prefiksy CSS3 dla przeglądarek:
-o-  opera
-ms- IE
-moz- Mozilla
-webkit- chrome, safari
*/ 

/*selektor uniwersalny*/
* {
}

/*****fonts *****/
@font-face {
    font-family: OpenSans;
    src: url(fonts/opensans-regular.ttf);
}

@font-face {
    font-family: OttawaBold;
    src: url(fonts/ottawabold.ttf);
}

@font-face {
    font-family: OpenSansBold;
    src: url(fonts/opensans-bold.ttf);
}

@font-face {
    font-family: OpenSansLight;
    src: url(fonts/opensans-light.ttf);
}

@font-face {
    font-family: OpenSansSemiBold;
    src: url(fonts/opensans-semibold.ttf);
}

@font-face {
    font-family: LatoBold;
    src: url(fonts/lato-bold.ttf);
}

@font-face {
    font-family: LatoBlack;
    src: url(fonts/lato-black.ttf);
}

@font-face {
    font-family: ProximaNovaRegular;
    src: url(fonts/proximanova-regular.otf);
}

@font-face {
    font-family: ProximaNovaLight;
    src: url(fonts/proximanova-light.otf);
}

@font-face {
    font-family: Santo;
    src: url(fonts/santo.otf);
}


@font-face {
    font-family: RalewayBold;
    src: url(fonts/raleway-bold.ttf);
}



@font-face {
    font-family: RalewayExtraBold;
    src: url(fonts/raleway-extrabold.ttf);
}



@font-face {
    font-family: RalewayExtraLight;
    src: url(fonts/raleway-extralight.ttf);
}



@font-face {
    font-family: RalewayHeavy;
    src: url(fonts/raleway-heavy.ttf);
}



@font-face {
    font-family: RalewayLight;
    src: url(fonts/raleway-light.ttf);
}



@font-face {
    font-family: RalewayBold;
    src: url(fonts/raleway-bold.ttf);
}



@font-face {
    font-family: RalewayMedium;
    src: url(fonts/raleway-medium.ttf);
}



@font-face {
    font-family: RalewayRegular;
    src: url(fonts/raleway-regular.ttf);
}



@font-face {
    font-family: RalewayThin;
    src: url(fonts/raleway-thin.ttf);
}



@font-face {
    font-family: RalewaySemiBold;
    src: url(fonts/raleway-semibold.ttf);
}




@font-face {
    font-family: RobotoCondensedRegular;
    src: url(fonts/robotocondensed-regular.ttf);
}



@font-face {
    font-family: RobotoRegular;
    src: url(fonts/roboto-regular.ttf);
}



body {
       background-color: #000;
       color: #1d1815;
	   font-family: 'OpenSans', Arial;
       margin: 0;
       padding: 0;
	   
}

.test1 {
	 background: red;
}
.test2 {
	 background: green;
}
.test3 {
	 background: blue;
}

/****** wd ******/

.full-wd {
	 width: 100%;
	 min-width: 1200px;
}

.centermax-wd {
	 width: 1200px;
	 margin-left: auto;
	 margin-right: auto;
	 
}

.center-wd {
	 width: 1000px;
	 margin-left: auto;
	 margin-right: auto;
	 
}

/****** wd % ******/
.wd-05 {
	 width: 50%;
	 float: left;
}

.wd-03 {
	 width: 30%;
	 float: left;
	 margin-right: 2%;
}


/****** first ******/

header {


}

#content {
	 margin-top:60px;
	 padding-bottom: 30px;


}

footer {
	 min-height: 50px;
	 background: #000;

}


.bg-blue {
	 background: #001228;
}



.bg-white {
	 background: #fff;
}



.bg-grey {
	 background: #f6f3ed;
}


.bg-whiteimg {
	 background: #fff url(img/whiteimg.png) center center no-repeat;
	 background-size: cover;
}


/*----------------------- .header ------------------------- */

.header {

}

	.header .logo {
		 min-height: 140px;
		 text-align: center;
	}


	.header .numery-header {
		 min-height: 30px;
		 padding-right: 0;
	}

		/*numery i kontakt w header*/
		
		#numery-header {
		 height: 30px;
		 width: 250px;
		 background: #4e244d;
		 float: right;
		 text-align: center;
		 
		 
		}
		
@media(max-width:991px) {
	
		#numery-header {
		 height: 30px;
		 width: 250px;
		 background: #4e244d;
		 float: none;
		 text-align: center;
		 
		 margin-left: auto;
		 margin-right: auto;
		 
		 /*margin-top: 30px;*/
		 
		}
		
}	
		
		
		
			#numery-header p, #numery-header p a{
			 font-family: 'OpenSansLight', Arial;
			 font-size: 14px;
			 color: #fff;
			 line-height: 30px;
			 
			}
		
		

	.header .menu {
		 min-height: 80px;
		 
	}





			/********************** DOROBIC WERSJE RESPONS ********************/

				.header .menu .navbar ul {

					 padding-top: 55px;
					 padding-left: 30px;
				}

				
@media(max-width:991px) {
				.header .menu .navbar ul {

					 padding-top: 55px;
					 padding-left: auto;
					 text-align: center;
				}

}
				
				
				
				.header .menu .navbar ul li{
					 display: inline;
					 text-align: center;
					 padding-left: 50px;
					 padding-right: 50px;

				}


						.header .menu .navbar ul li a{
							 font-family: 'OpenSansSemiBold', Arial;
							 font-size: 13px;
							 color: #fff;
							 text-transform: uppercase;
							 
							 padding-bottom: 30px;
						}
						
						
@media(max-width:1200px) {

				.header .menu .navbar ul li{
					 display: inline;
					 text-align: center;
					 padding-left: 30px;
					 padding-right: 30px;

				}
						
}
/*
@media(max-width:765px) {

				.header .menu .navbar ul li{
					 display: block;
					 min-height: 60px;
					 text-align: center;
					 padding-left: 0px;
					 padding-right: 0px;

				}

				
						.header .menu .navbar ul li a{
							 font-family: 'OpenSansSemiBold', Arial;
							 font-size: 29px;
							 color: #fff;
							 text-transform: uppercase;
							 
							 padding-bottom: 0;

						}
						
						
						.navbar-header {
						 text-align: center;
						}
}					


*/
@media(max-width:500px) {

				.header .menu .navbar ul li{
					 display: block;
					 min-height: 40px;
					 text-align: center;
					 padding-left: 0px;
					 padding-right: 0px;

				}

				
						.header .menu .navbar ul li a{
							 font-family: 'OpenSansSemiBold', Arial;
							 font-size: 20px;
							 color: #fff;
							 text-transform: uppercase;
							 
							 padding-bottom: 0;

						}
}					



						.header .menu .navbar ul li a:hover{
							 border-bottom: 5px solid #4e244d;

						}

						.header .menu .navbar button.navbar-toggle {
							 color: #fff;
							 border: 1px solid #fff;
							 float: none !important;
							 margin-right: 0 !important;
							 
							 position: relative;
							 top: 20px;
						}

							.header .menu .navbar button.navbar-toggle .icon-bar {
								 color: #fff;
								 border: 1px solid #fff;
							}	
		



/*----------------------- .slider ------------------------- */
@media(min-width:991px) {
.slider {
	 background: url(img/slider-bg.png) right top no-repeat;
}

.slider.page {
	 background-size: auto 120%;
}


}


@media(max-width:991px) {

.slider {
	 background: url(img/slider-bg2.png) right top no-repeat;
}


.slider.page {
	 background-size: auto 120%;
}

}


@media(max-width:771px) {

.slider {
	 background: url(img/slider-bg3.png) center top no-repeat;
}


.slider.page {
	 background-size: auto 120%;
}


}
		.slider .slider-slogan {
			 min-height: 530px;
		}

		.slider.page .slider-slogan  {
			 min-height: 300px;
		}


				.slider .slider-slogan h1, .slider .slider-slogan h2, .slider .slider-sloganh h3 {
					 font-family: 'LatoBold', Arial;
					 
				}
				
				.slider .slider-slogan h1 {
					 font-size: 45px;
					 
				}
				
				.slider .slider-slogan h2 {
					 font-size: 25px;
					 
					 
				}
				
				.slider .slider-slogan h3 {
					 font-size: 15px;
					 margin-top: 0;
				}
								
				.slider .slider-slogan a {
					 display: block;
					 width: 120px;
					 height: 40px;
					 border: 1px solid #dcdcdc;
					 float: right;
					 
					 font-family: 'OpenSansSemiBold', Arial;
					 font-size: 15px;
					 text-align: center;
					 text-transform: uppercase;
					 color: #fff;
					 line-height: 37px;
					 
					 margin-top: 20px;
					 
				}
				
				
@media(max-width:500px) {

				.slider .slider-slogan h1 {
					 font-size: 37px;
					 
				}
				
				.slider .slider-slogan h2 {
					 font-size: 19px;
					 
					 
				}
				
				.slider .slider-slogan h3 {
					 font-size: 15px;
					 margin-top: 0;
				}
				
}
				
				
				
				
				
				
				
				#slogan {

				 position: relative;
				 top: 170px;
				 
				 text-align: right;
				 color: #fff;
				}
				
								
				
				
				.page #slogan {

				 position: relative;
				 top: 70px;
				 
				 text-align: right;
				 color: #fff;
				}
				
				


		.slider .slider-boxy {
			 min-height: 170px;
		}

	


			 .box {
				 text-align: center;
				 /*padding-bottom: 5%;*/
				 color: #fff;
			}

				.box h3 {
					 font-family: 'OpenSansBold', Arial;
					 text-transform: uppercase;
					 font-size: 14px;
				}

				.box p {
					 font-family: 'OpenSansLight', Arial;
					 font-size: 13px;
					 
					 
					 padding-left: 5%;
					 padding-right: 5%;
				}





/*----------------------- .index-opis ------------------------- */

.index-opis {
	 min-height: 350px;
	 
	 padding-top: 60px;
	 padding-bottom: 30px;
}


		.index-opis .opis-txt {
			 
		
			 font-family: 'OpenSansLight', Arial;
			 font-size: 15px;
			 color: #000;
		}


				.index-opis .opis-txt p {
					 font-family: 'OpenSans', Arial;
					 font-size: 15px;
					 color: #000;
				}



/*----------------------- .page-content ------------------------- */

	.page-content {
		 min-height: 300px;
		 padding-bottom: 80px;
	}

	
	h1.title-page {
		 font-family: 'OpenSansSemiBold', Arial;
		 font-size: 20px;
		 color: #000;
		 text-transform: uppercase;
		 text-align: center;
		 
		 padding: 50px 0;
		 
	}
	


			.page-content.ofirmie .txt p, .page-content.oferta .txt p {
				 font-size: 16px;
				 text-align: center;
				 
				 padding: 2% 7%;
				 padding-top: 0;

			}
			

			.page-content.ofirmie .img {
				 text-align: center

			}
			
			.page-content.ofirmie .img {
				 text-align: center

			}
			
			
			.page-content.oferta .oferta-boxy {
				 padding-top: 30px;

			}
					
								
					.page-content.oferta .oferta-boxy .box {
						 color: #000;
						 min-height: 220px;
						 
						 

					}								
							.page-content.oferta .oferta-boxy .box h3 {
								 font-size: 30px;
								 
								 
								 

							}
									

							.page-content.oferta .oferta-boxy .box p {
								 font-size: 20px;
								 
								 
								 

							}
									

			
			
@media(min-width:778px) {
	
						.page-content.oferta .oferta-boxy .box figure img {
							 width: 90%;
							 height: auto;
							 padding-bottom: 10px;

						}
					
}
			
				
			
@media(max-width:778px) {
	
						.page-content.oferta .oferta-boxy .box figure img {
							 width: 50%;
							 height: auto;
							 padding-bottom: 10px;

						}
					
}
					
			
@media(max-width:500px) {
	
						.page-content.oferta .oferta-boxy .box figure img {
							 width: 70%;
							 height: auto;
							 padding-bottom: 10px;

						}
					
}
			
			
			
			
			
@media(max-width:1200px) {

			.page-content.ofirmie .img img{
				 width: 90%;
				 height: auto;

			}
			
}
	

			.page-content.oferta-zapro {
				 text-align: center;
				 
				 padding-top: 40px;

			}	
	

					.page-content.oferta-zapro h2{
						 font-family: 'OpenSansBold', Arial;
						 font-size: 19px;
						 text-transform: uppercase;
						 padding-bottom: 15px;

					}	
			
					.page-content.oferta-zapro p{
						 font-family: 'OpenSans', Arial;
						 font-size: 16px;
						 

					}	
			
			
					.page-content.oferta-zapro a{
						 display: block;
						 width: 310px;
						 height: 50px;
						 background: #2f3060;
						 
						 margin-left: auto;
						 margin-right: auto;
						 margin-top: 30px;
						 
						 font-family: 'OpenSansSemiBold', Arial;
						 font-size: 15px;
						 text-transform: uppercase;
						 color: #fff;
						 line-height: 45px;
						 

					}	
			

/*----------------------- footer i  .footer-details ------------------------- */

	.footer-details {
		 min-height: 100px;
	}

			.footer-details .box {
				 font-family: 'OpenSans', Arial;
				 font-size: 17px;
				 color: #fff;
				 text-align: left;
				 
				 	 padding-top: 2%;
					 /*padding-bottom: 1%;*/
					 padding-bottom: 0 !important;
			}

					.footer-details .box img{
					 min-height: 100px;
					 height: 100%;
					 width: auto;
					}

					.footer-details .box p{
					 font-family: 'OpenSans', Arial;
					 font-size: 17px;
					 color: #fff;
					 
					 display: block;
					 min-height: 80px;
					 vertical-align: middle;
					 

					 
					}

							.footer-details .box.border p{
							 border-right: 2px dotted #fff;
							}

	
							.footer-details .box p a{
							 color: #fff;
							}

	
	
	.footer-mapa {
		 min-height: 350px;
	}

	.footer-copy {
		 min-height: 30px;
		 padding-top: 15px;
		 padding-bottom: 10px;
	}


			.footer-copy p {
				 font-family: 'OpenSans', Arial;
				 font-size: 13px;
				 color: #fff;
			}

				.footer-copy p span {
					 font-family: 'OpenSansBold', Arial;

				}

				.footer-copy p span.autor {
					 font-family: 'OpenSansLight', Arial;
						 font-size: 11px;

				}
				
					.footer-copy p span.autor a {

						 color: #fff;
						 font-weight: bold;

					}


@media(max-width:991px) {

#znikacz.logo {
display: none;
}


}

	
@media(max-width:771px) {


							.footer-details .box.border p{
							 border-right: none
							}


			.footer-details {
				 padding-top: 20px;
				 
			}
			.footer-details .box {
				 text-align: center;
				 
			}
			
	.footer-copy p {
		 text-align: center;
	}
			
}	






/*-------------------- Formularze ------------------------*/
#formularz {
padding-top: 0px;
}

		#formularz p {
		 font-family: 'OpenSans', Arial;
		 font-size: 17px;
		 text-transform: uppercase;
		 margin-bottom: 12px;
		 
		 width: 100%;
		}



		#formularz .radio {
		 font-family: 'OpenSans', Arial;
		 font-size: 14px;
		
		 color: #939393;
		}



			#formularz .radio span.wpcf7-list-item{
			 display: block;
			 margin-right: 80px;
			 margin-left: 0px;
			 float: left;
			}




		#formularz .poletext {
		 width: 100%;
		 /*height: 35px;*/
		 border: none;
		 background: #eeeeee;
		 
		 /*font-size: 14px;*/
		 color: #000 !important;
		 padding: 10px;
		 margin: 10px;
		 
		 border: 1px solid #c9c9c9;
		}



		#formularz #duze.poletext {
		 height: 120px;
		 width: 100%;

		}

div.wpcf7-response-output {
	 margin: 0 !important;

}


		#formularz .pudlo-wyslij {
		 text-align: right;
		}

		#formularz #wyslij {
		 font-family: 'OpenSansLight', Arial;
		 font-size: 17px;
		 color: #fff;
		 text-transform: uppercase;
		 
		 background: #4e244d;
		 border: none;
		 /*border-radius: 10px;*/
		 
		 padding: 5px 20px;
		 margin: 10px;
		 
		}


			
	
/*style tekstu*/








			
p.autor {
	display: block;
	height: 20px;
	width: 350px;
	float: left;
	color: #fff;
	font-size: .7em;
	margin: 0;
	padding: 0;

}
/*style tekstu*/


p {
}

blockquote {
}

ul {
       margin-left: none;
       list-style: square;
}

ul li {
}

ol {
       margin-left: 2em;
       list-style: lower-roman;
}

ol li {
}

a {
       color: #001228;
}

a:hover {
       text-decoration: none;
       color: #11A6D4;
}

img {
       border: none;
}



/*----------------------------------------------*/	
@media(max-width:991px) {



		.slider .slider-boxy, .navbar-header {
			 display: none;
		}



				.index-opis .opis-txt p {
					 font-size: 25px;
					 padding-left: 20px;
					 padding-right: 20px;
					 text-align: center;
				}

		 #znikacz {
			 display: none;
		 }
		 
		 

							.footer-details .box.border p{
							 border-right: none;
							}

	

					.footer-details .box p{

					 font-size: 22px;
					 text-align: center;
					padding-top: 10px;
					padding-bottom: 10px;
					 

					 
					}
	
		 
#formularz {
padding-left: 20px;
padding-right: 40px;
}
 
 
 
 
 

		#formularz .poletext, #formularz .poletext#duze {
		 font-size: 25px !important;
		}

 




		#formularz #wyslij {
		 font-family: 'OpenSansLight', Arial;
		 font-size: 32px;
		 color: #fff;
		 text-transform: uppercase;
		 
		 background: #4e244d;
		 border: none;
		 /*border-radius: 10px;*/
		 
		 padding: 5px 20px;
		 
		 width:100%;
		 
		}

		
		
		
				
				
				#slogan {

				 position: relative;
				 top: 70px;
				 
				 text-align: right;
				 color: #fff;
				 
				 text-align: center;
				}		
				
				
				.page #slogan {

				 position: relative;
				 top: 30px;
				 
				 text-align: right;
				 color: #fff;
				 
				 text-align: center;
				}

				.slider .slider-slogan h1 {
					 font-size: 55px;
					 
				}
				
				.slider .slider-slogan h2 {
					 font-size: 35px;
					 
					 
				}
				
				.slider .slider-slogan h3 {
					 font-size: 15px;
					 margin-top: 0;
				}
								
				.slider .slider-slogan a {
					 display: block;
					 width: 320px;
					 height: 60px;
					 border: 1px solid #dcdcdc;
					 float: none !important;
					 background: #fff;
					 
					 font-family: 'OpenSansSemiBold', Arial;
					 font-size: 45px;
					 text-align: center;
					 text-transform: uppercase;
					 color: #001228;
					 line-height: 57px;
					 
					 margin-top: 50px;
					 margin-left: auto;
					 margin-right: auto;
					 
				}
				
				
		.numery-header {
			 display: none;
		
		}
		
		.logo a img {
			 width: 270px;
			 height: auto;
		
		}




#responsive-menu {
	 height: 500px !important;
	 
	 z-index: 999 !important;


}


#responsive-menu ul li a {
	 font-size: 30px !important;
	 border-top: none !important;


}	


#click-menu {
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
	 position: relative !important;
	 top: 0px !important;
	 right: 0 !important;
	 z-index: 888 !important;
	 margin-top: 30px;
}


#responsive-menu .responsive-menu li a {
	 border-top: none !important;
}

.page-content.ofirmie .txt p, .page-content.oferta .txt p {
	 font-size: 25px;

}
	
	
h1.title-page {
	 font-size: 35px;
}	
	
	
.page-content.oferta-zapro h2, .page-content.oferta-zapro a {
	 font-size: 30px;
}
	
	
.page-content.oferta-zapro p, .box p {
	 font-size: 25px;
	 font-family: 'OpenSans';
}
	
	
#kontakty {
	 text-align: center;
	 padding-bottom: 60px;

}
	
#kontakty p{
	 font-size: 25px;

}
	
}
/*----------------------------------------------*/


/*koniec*/