/* --- GLOBAL STYLES --- */
* { margin: 0 auto;padding: 0;text-decoration:none; color:inherit; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; }
ul li{list-style:none;}

body { background:#F6F5F2; }
h1 { font-weight:bold; }
.center { text-align:center;width:100%; }

/*SLIDER ARROWS and IMAGE*/

#slider_left_arrow,
#slider_right_arrow,
#slider_image{
	display:none;
}

/*FOR IE10*/

#logo a img{
	border:none;
}


/*GOOGLE ICONS  https://developers.google.com/fonts/docs/material_icons?hl=pl#icon_font_for_the_web  */
.material-icons {
    /* ładuje z https://fonts.googleapis.com/icon?family=Material+Icons */
}
.material-icons.md-footer { 
    font-size: 16px;
    position: relative; bottom: -3px;
    padding-right: 5px; 
}

.material-icons.md-kontakt { 
    font-size: 18px;
    position: relative; bottom: -3px;
}


/* --- TOP MENU --- */
#top_menu{
border-top:#e3000f 6px solid;
background-color:#f0f2f5; /* #EEE */
box-shadow:0 3px 12px rgba(0,0,0,0.4);
overflow:hidden;
white-space: nowrap;
float:left;
width:100%;
margin:0 auto;
line-height:100px;
position:relative;
}
.top_wrap{
max-width:1200px;
margin-left:auto;
margin-right:auto;
}

#logo{
float:left;
height:100%;
}

#logo img{
vertical-align:middle;
}

/*h1 { background-color: #AB0606;
	color:white; }*/

@media (min-width: 989px){
	#mobile_menu{ display:none; }
	#nav_mobile{ display:none; }

	#top_menu{
	height:100px;
	z-index: 10;
	}
	#logo{
	margin-left:50px;
	}

	nav#nav_desktop ul li{
	display:inline-block;
	margin-top:15px;
	}

	nav#nav_desktop ul li a{
	color: #8b9093;
	padding-left:40px;
	padding-right:40px;
	height:100%;
	font-weight:600;
	font-size:14px;
	position:relative;
	padding-bottom:10px;
	}

	nav#nav_desktop ul li.menu_item a:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	width: 40px;
	margin-left:-20px;
	bottom: 0;
	left: 50%;
	background-color: #e3000f;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	}

	nav#nav_desktop ul li.menu_item a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	}
	.menu_item_active a:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	width: 40px;
	margin-left:-20px;
	bottom: 0;
	left: 50%;
	background-color: #e3000f;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	}

	nav#nav_desktop ul li:first-child{
	margin-left:100px;
	}

    .plomyk {
        width:150px;
        margin: 0;
        position: absolute;
        padding-right: 20px;
        top: 50%;
        left: 100%;
        -ms-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
    }
    
    .box_small2 {
        width: 41%;
        padding: 25px;
        margin-bottom: 20px;
        box-shadow: 0 2px 2px #e6e6e6;
        border-bottom: 1px solid #EAEAEA;
        background: #fff;
        min-height:150px;
        float:left;
        margin-right:20px;
        display:block;             
    }


}
@media (max-width: 989px){	
	#logo{
	margin-left:25px;
	}
	#logo img{
	height:50px;
	}
	#top_menu{
	position:fixed;
	z-index:1000;
	width:100%;
	margin-top:0px!important;
	margin-left:0px!important;
	}
	#mobile_menu{
	float:right;
	margin-right:25px;
	height:100%;
	}
	.top_expand{
	height: 300px;
	}

	#mobile_menu img{
	vertical-align:middle;
	}
	
	#nav_desktop{
	display:none;
	}
	#nav_mobile{
	position:fixed;
	width:100%;
	z-index:1000;
	background-color:#EEE;
	margin-top:100px;
	line-height:50px;
	height:200px;
	overflow:auto;
	}
	#nav_mobile ul li{
	text-align:center;
	border-bottom:1px solid #DDD;
	}
	#slider_info_box{ display:none; }

    .plomyk {
        height:50px;
        margin: 0;
        position: absolute;
        padding-right: 5px;
        top: 50%;
        left: 100%;
        -ms-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
    }
    
    .box_small2 {
        width: 70%;
        padding: 20px;
        margin-bottom: 20px;
        box-shadow: 0 2px 2px #e6e6e6;
        border-bottom: 1px solid #EAEAEA;
        background: #fff;
        min-height:150px;
    }    

    
}

/* --- SLIDER --- */
@media (min-width: 989px){
	#slider .arrow{
	background-color:#e3000f!important;
	position:absolute;
	top:45%;
	width:40px;
	height:40px;
	opacity:0;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	}

	#slider .left_arrow{
	left:25px;
	background:url('img/large_left.png') no-Repeat 0 0;
	}
	#slider .right_arrow{
	right:25px;
	background:url('img/large_right.png') no-Repeat 0 0;
	}

	#slider:hover .arrow{
	opacity: 1;
	}
}
@media (max-width: 989px){
	#slider{
	top:100px;
	margin-bottom:100px;
	}
	#slider .arrow{
	display:none;
	}
}
#slider{
width:100%;
text-align:center;
position:relative;
}
#slider img{
width:100%;
}

#slider span{
	position:absolute;
	max-width:50%;
	padding:10px;
	font-size: 200%;
    margin: 0 auto;
    min-width: 0px;
    min-height: 0px;
    color:#FFF;
	background-color:rgba(0, 0, 0, 0.5);
	left: 0;
	right: 0;
    top:45%;
	opacity:1;
	-webkit-transition: top 2s ease, opacity 2s ease;
	-moz-transition: top 2s ease, opacity 2s ease;
	-o-transition: top 2s ease, opacity 2s ease;
	transition: top 2s ease, opacity 2s ease;
}

#slider span.slider_desc{
    top:55%;
	opacity:0;
}

/* --- CONTAINER --- */
#container{
text-align:center;
min-height:650px;
}

.wrap{
    min-height:500px;
    max-width:1200px;
    padding:25px;
    text-align:left;
    line-height:150%;
}

.home_wrap h1{
	padding:20px 0 20px;
    text-align:center;
}
.home_wrap{
	padding-top:10px;
}

/* --- BOXES --- */
.box_small, .reference_box{
padding: 25px;
margin-bottom: 20px;
box-shadow: 0 2px 2px #e6e6e6;
border-bottom: 1px solid #EAEAEA;
background: #fff;
min-width: 100px;
min-height:150px;
}
.box_small .box_icon{
float:left;
margin-right:10px;
clear:both;
}
.box_small p{
font-weight: lighter;
margin-left: 0px;
overflow:hidden;
display:block;
padding-top:10px;
}

.box_large{
padding: 25px;
margin-bottom: 20px;
margin-left:0px;
box-shadow: 0 2px 2px #e6e6e6;
border-bottom: 1px solid #EAEAEA;
background: #fff;
min-width: 100px;
min-height:485px;
text-align:left;

background-position:bottom right;
background-repeat:no-repeat;
}

.box_realizacje{
	height:inherit;
	border-bottom: 1px solid #EAEAEA;
}

#realizacje .box_large p{
padding-top:20px;
font-weight: 400;
font-size:16px;
text-align: center;
}

#realizacje .box_large{
	min-height: initial;
}
.box_large p{
font-weight: normal;
margin-left: 0px;
overflow:hidden;
display:block;
padding-top:10px;
line-height: 26px;
font-size:14px;
}

.box{
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 2px 2px #e6e6e6;
border-bottom: 1px solid #EAEAEA;
background: #fff;
min-width: 100px;
min-height:100px;
position:relative;
}

#gallery_page div:first-child{
	padding:20px 100px 0;
}

.box .arrow{
background-color:#e3000f!important;
width:40px;
height:40px;
position:absolute;
top: 40%;
}

.box .left_arrow{
left:15px;
background:url('img/large_left.png') no-Repeat 0 0;
}
.box .right_arrow{
right:15px;
background:url('img/large_right.png') no-Repeat 0 0;
}

.client_row{
overflow:hidden;
margin-top:25px;
opacity:1;
left:0;
-webkit-transition: left 0.5s ease-in-out, opacity 0.5s;
-moz-transition: left 0.5s ease-in-out, opacity 0.5s;
-o-transition: left 0.5s ease-in-out, opacity 0.5s;
transition: left 0.5s ease-in-out, opacity 0.5s;
pointer-events:none;
}

.client_row_change{
position: absolute;
left: -100px;
width: 100%;
opacity:0;
top:0;
bottom:0;
z-index:100;
}
.client_hidden{
display:none;
position:absolute;
top:0;
}

.client_box{
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border: 1px solid #EAEAEA;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 4px;
	margin-right:5px;
}
@media (min-width: 989px){
	.box_container{
	display:inline-block;
	width:100%;
	}

	.home_box_container .box_small{
		float:left;
	}

	.home_box_container{
		margin-left:30px; 
	}

	.kontakt_formularz .box_container .box_large{
		width:43%;
	}

	.zakres_uslug .home_box{
		min-height:120px;
	}	


	#contacts, 
	#realizacje{
		display:inline-block;
	}

	#contacts_prezes .box_large{
		float:none;
		margin:auto;
		margin-bottom:50px;
	}

	
		

	/*CONTACTS PHOTOS*/
	#contacts .box_large,
	#realizacje .box_large,{
		position:relative;
		z-index:1;
		height:100%;
		min-height:491px;
	}

	#contacts_prezes .contact_info,
	#contacts_prezes .box_large{
		text-align:center;
	}



	#home_contacts .box_large{
		width:42%;
	}

	#contacts .box_large:nth-last-child(1),
    .box--small{
		height:100%;
		min-height:100%;
	}

	
	#contacts .box_large img,
	#realizacje .box_large img{
			overflow:auto;
			z-index:-1;
			width:100%;
	}


	.box_small, .reference_box{
	margin-right:20px;
	width:25.5%;
	}
	.box_small .box_icon{
	width:25%;
	}
    
    
    .box_icon2 {
	float:left;
    margin: -10px 5px 0 -40px;
    width: 50px;
	}


    
	.box{
	margin-right:20px;
	}
	.box_large{
	margin-right:20px;
	width:47%;
	float:left;
	}

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

	#contacts .box_large img{
		max-width:initial;
		width:100%;
	}

	#contacts .box_large{
		height:100%;
		min-height:inherit;
	}

	#contacts_prezes .contact_info,
	#contacts_prezes .box_large{
		text-align:center;
	}

	#contacts_prezes .box_large{
		float:none;
		margin:auto;
		margin-bottom:80px;
	}



	#realizacje .box_large img{
		max-width:initial;
		width:100%;
	}

	#realizacje .box_large{
		height:100%;
		min-height:inherit;
	}


	.box_small, .reference_box{
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 2px 2px #e6e6e6;
	border-bottom: 1px solid #EAEAEA;
	background: #fff;
	min-width: 100px;
	min-height:150px;
	}
	.box_small .box_icon{
	width:15%;
	height:15%;
	}
    
    .box_icon2{
	float:left;
    margin: -10px 0px 0 -60px;
    width: 30px;    
    }    
    
}

.contact_info p b{
	font-size:15px;
}
.contact_info p strong{
	font-size:20px;
}


/* --- BREAKER --- */
.breaker{
margin-top: 30px;
padding-top: 20px;
padding-bottom: 30px;
padding-left:20px;
padding-right:20px;
background: #353637;
color: #AAA;
text-align:center;
}
/* --- INPUTS --- */
input[type="text"],input[type="email"],input[type="tel"], textarea{
padding: 2px 6px;
width:95%;
max-width:95%;
margin-bottom:12px;
font-size: 14px;
height: 24px;

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    -o-transition: border 0.2s;
    transition: border 0.2s;
    background-color: white;
    border: 1px solid #EAEAEA;
}
textarea{
min-height:150px;
}
input:focus, textarea:focus{
border-color: #999999;
  outline: 0;
}
input[type="submit"]{
background-color: #e3000f;
border-color: rgba(246, 245, 242, 0.2);
color: #FFF;
margin: 10px 0;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
padding: 2px 12px;
height:30px;
width: auto;
font-size:12px;
-webkit-transition: background-color 0.2s ease;
-moz-transition: background-color 0.2s ease;
-o-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
input[type="submit"]:hover{
background-color: #e65237;
}
/* --- FOOTER --- */
footer{
margin-top: 0px;
padding-top: 40px;
padding-bottom: 40px;
padding-left:20px;
padding-right:20px;
background: #353637;
color: #AAA;
border-top:#e3000f 6px solid;
font-size:14px;
text-align:center;
}
footer .contact{
padding-left:25px;
float:left;
text-align:left;
}
footer .contact p{
padding-left:10px;
line-height: 26px;
font-size:12px;
}
/* --- TEXT STYLES --- */
.red_text{
color:#e3000f!important;
}
.red_text a{
color:inherit;
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
transition: color 0.5s ease;
}
.red_text a:hover{
color:#000;
}
::selection {
    color: #FFF;
    text-shadow: none;
    background: #AB0606;
}
.form_message{
padding:10px;
font-size:12px;
border:1px solid #999;
background-color: #EEE;
width:95%;
margin-bottom:10px;
}
/* --- OTHER PAGES --- */
.page_header{
background-color:#e3000f;
padding:25px;
padding-top:106px; /* TOP_MENU + 6px OF BORDER */
}
.page_header h1{
color:#FFF;
margin-top:25px;
}
.page_img{
float:left;
}
.page_box{
position:static;
float:left;
}
.reference_box{
padding:10px;
position:relative;
margin-bottom:250px;
}

.reference_box2{
margin-left:0px;
width:25%;
padding:20px 10px;

}

.reference_box p{
padding:20px 10px;
font-weight:lighter;
font-size:14px;
color:#999;
line-height:24px;
}
.reference_box img{
width:200px;
height:200px;
border-radius:250px;
position:absolute;
border:4px solid #FFF;
left:0;
right:0;
bottom:-230px;
box-shadow: 0 2px 2px #e6e6e6;
border-bottom: 1px solid #EAEAEA;
}

.reference_box div{
padding:10px;
background-color:#e3000f;
color:#FFF;
font-weight:bold;
font-variant: small-caps;
}
.reference_box div small{
font-size:12px;
font-style:italic;
}


.line_height p, .line_height ul{
font-size:16px;
line-height:1.7em;
padding:20px;
}

.box_column{
width:45%;
float:left;
text-align:left;
margin-right:25px;
}
.box_column p, .box_column ul{
font-size:13px;
line-height:24px;
}
ul.list_bullet li:before{
content:'•';
color:#e3000f;
margin-right:10px;
}
@media (min-width: 989px){
	.page_box{
	width:700px;
	}
	.page_img{
	margin-right:25px;
	}
	
	.side_box{
	width:300px;
	position:fixed;
	margin-left:800px;
	}
	.work_box{
	margin-right:40px;
	padding-right:25px;
	}
	.page_box_image{
	float:right;margin-left:25px;
	}

	.line_height{
		width:60%;
		margin-left:10px;
		background-color: rgba(255, 255, 255, 0.4);
		box-shadow: none;
		border-bottom:none;
	}

	.page_box{
		background-color: rgba(255, 255, 255, 0.5);
		box-shadow: none;
		border-bottom:none;
	}

	.page_box p{
		font-size: 16px;
    	line-height: 1.7em;
	}

	.wrap_oferta{
		background: url("img/oferta_foto.jpg") no-repeat center;
		background-size: cover;
	}
    
	.wrap_certyfikaty{
		background: url("img/certyfikaty.jpg") no-repeat center;
		background-size: cover;
		width:100%;
	}
        
	.wrap_o_firmie{
		background: url("img/o_firmie_foto.jpg") no-repeat center;
		background-size: cover;
		width:100%;
	}
	.contacts{
		overflow:hidden;
	}

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

	.wrap_background{background-image:none;
		background-color: rgba(255, 255, 255, 0);
	}
	.page_img{
	width:100%!important;
	text-align:center;
	}
	.box_column{
	width:100%;
	float:left;
	text-align:left;
	margin-right:25px;
	margin-bottom:50px;
	}
	.side_box{
	display:none;
	}
	.work_box{
	float:none!important;
	}
	.work_box div{
	float:none!important;
	clear:both;
	}
	.page_box_image{
	display: block;
    margin: 0 auto;
	}
    
    .header_kontakt{
    height: 80px;
    }
    


}
.google_map iframe{
width:100%;
min-height:300px;
border:0;
}
@media (min-width: 989px){
	.work_box div{
	width:750px;

	}
}
.work_box{
	margin:auto;
	float:none;
	position:relative;
	width:90%;
	padding-right:0;
}

@media (min-width: 989px){
	.work_box{
	width:800px;
	}
}

.work_box div{
padding: 25px;
padding-bottom:32px;
margin-bottom: 20px;
box-shadow: 0 2px 2px #e6e6e6;
border-bottom: 1px solid #EAEAEA;
background: #fff;
min-width: 100px;
text-align:left;
max-height:20px;
-webkit-transition: max-height 1s ease;
-moz-transition: max-height 1s ease;
-o-transition: max-height 1s ease;
transition: max-height 1s ease;
float:left;
overflow:hidden;
}

.work_box_change{
max-height:3000px!important;
}

.work_arrow_down::before{
	content: "\276D";
	display:inline-block;
	vertical-align: -10px;
	margin-right:15px;
	margin-left:10px;
	font-size:30px;
	transform: rotate(90deg);
}

.work_box_change .work_arrow_up::after{
	content: "\276D";
	display:block;
	float:right;
	font-size:30px;
	transform: rotate(-90deg);
	position:absolute;
	right:50px;
	bottom:5px;
}


.work_box_change{
	position:relative;
}
.work_arrow_down{
	top:-10px;
}


.work_box div p{
overflow-y:auto;
font-size:14px;
cursor:default;
opacity:0;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.work_box div.work_box_change p{
opacity:1;
}
/* --- GALLERY --- */
#gallery_page .client_box{
cursor:pointer;
}
.full_photo{
position:absolute;
top:0;
left:0;
right:0;
background-color:rgba(0, 0, 0, 0.5);
width:100%;
height:100%;
overflow:hidden;
position:fixed;
z-index:1000;
}
.full_photo > div{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
min-width:500px;
max-width:500px;
min-height:450px;
max-height:450px;
}
.full_photo > div img{
max-width:500px;
max-height:400px;
opacity:0;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.full_photo > div img.appearing{
opacity:1;
}
.full_photo .arrow{
background-color:#e3000f!important;
width:40px;
height:40px;
position:absolute;
top: 40%;
}

.full_photo .left_arrow{
left:-40px;
background:url('img/large_left.png') no-Repeat 0 0;
}
.full_photo .right_arrow{
right:-40px;
background:url('img/large_right.png') no-Repeat 0 0;
}
.full_photo .exit{
background-color:#e3000f!important;
width:40px;
height:40px;
position:absolute;
top: -20px;
right: -20px;
background:url('img/large_exit.png') no-Repeat 0 0;
}
/* --- SPECIFIC STYLES FOR SPECIFIC BROWSERS --- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.full_photo .client_box{
	left:50%!important;
	transform: translate(-50%, -50%);
	top:50%;
	}
	#slider_info_box{
	left:50%!important;
	transform: translate(-50%, -50%);
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  
  	#slider{
		max-height:500px;
		overflow:hidden;
	}
}
@-moz-document url-prefix() { 
	#slider, #slider img:nth-child(1){
		pointer-events:none;
	}
	@media (min-width: 989px){
		#slider img:nth-child(1){
		left:0;
		top:106px; /* TOP_MENU + 6px OF BORDER */
		}
	}
	#slider img:nth-child(2), #slider .arrow{
		pointer-events:all;
	}
}
/* --- COOKIE INFO --- */
@media (min-width: 989px){
	#cookie_info{
	position:fixed;
	bottom:25px;
	right:25px;
	width:25%;
	background-color:#EEE;
	border:1px solid #000;
	padding:10px;
	opacity:0.8;
	text-align:left;
	}
}
@media (max-width: 989px){
	#cookie_info{
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	background-color:#EEE;
	border:1px solid #000;
	padding:10px;
	opacity:0.8;
	text-align:left;
	}
}
.rodo {
    font-size: 14px;
}
.form__link {
    color: #e3000f;
}
.form__link:hover {
    color: #000000;
}