@font-face {
  font-family: 'TitilliumWeb';
  src:  url('../fonts/TitilliumWeb-Regular.ttf');
}

body{ 
	font-family: TitilliumWeb, Verdana, Tahoma;
	font-size: 16px; 
	background: #fff;
	overflow-x: hidden;
}

input:focus,
textarea:focus,
select:focus{
	outline: 1px #c60613 solid;
}

/* ################################################################################################
   ########################                     HEADER                      #######################
   ################################################################################################ */
.container{
	width: 1150px;
	margin: 0 auto;
	box-sizing: border-box;
}
#header #smallTop{
	width: 100%;
	height: 6px;
	background: #1f1f1f;
}
#header #smallTop span {
	display: block;
	width: 25%;
	height: 6px;
	background: #c6191b;
	float: left;
}
#logoSection{
	width: 100%;
	height: 83px;
	margin: 38px 0px;
}
#logoSection img{
	float: left;
	width: 25%;
	height:	83px;
}
#logoSection div{
	position: relative;
	height: 83px;
	float: left;
	width: 75%;	
}
#logoSection div h2,
#logoSection div p{
	display: block;
	text-align: right;
	width: 100%;
	float: right;
}
#logoSection div h2{
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 40px;
	font-weight: bold;	
	color: #c50210;
	background: -webkit-linear-gradient(#e66f69, #c50210);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
#logoSection div h2 span{
	font-size: 20px;
	font-weight: normal;
}
#logoSection div p{
	position: absolute;
	bottom: 5px;
	right: 0;
	color: #282828;
}
#logoSection div p strong{
	font-weight: bold;
}

.menu-toggler{
	display: none;
	width: 35px;
	height: 32px;
	position: absolute;
	top: 55px;
	right: 40px;
}

.menu-toggler .bar{
	display: block;
	height: 4px;
	width: 100%;
	margin-bottom: 5px;
	background-color: #c60613;
	border-radius: 5px;
}

/* ################################################################################################
   ########################                        MENU                     #######################
   ################################################################################################ */
#navbar{
	width: 100%;
	height: 69px;
	background: #1b1b1b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#5f5f5f, #1b1b1b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5f5f5f, #1b1b1b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5f5f5f, #1b1b1b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5f5f5f, #1b1b1b); /* Standard syntax */
	border-bottom: 1px #2b2b2b solid;
}
#navbar .container ul{
	width: 100%;
	height: inherit;
	display: table;	
}
#navbar .container ul li{	
	display: table-cell;
	background: url('../img/nav-sep.png') left center no-repeat;	
	z-index: 999;
}
#navbar .container ul li img{
	padding-right: 15px;
}
#navbar .container ul li a{
    display: block;
    text-align: center;
	color: #fff;

}
#navbar .container ul li a:hover{
	color: #f4343e;
}
#navbar .container ul,
#navbar .container ul li,
#navbar .container ul li a{
	height: 69px;
	line-height: 69px;
	padding: 0 10px 0 15px;
}
#navbar .container ul li:first-child{
	background: none;
}
#navbar .container ul li:last-child{
	background: url(../img/navbar-bg.jpg) left top no-repeat, #c60613; /* For browsers that do not support gradients */
    background: url(../img/navbar-bg.jpg) left top no-repeat, -webkit-linear-gradient(#e56c67, #c60613); /* For Safari 5.1 to 6.0 */
    background: url(../img/navbar-bg.jpg) left top no-repeat, -o-linear-gradient(#e56c67, #c60613); /* For Opera 11.1 to 12.0 */
    background: url(../img/navbar-bg.jpg) left top no-repeat, -moz-linear-gradient(#e56c67, #c60613); /* For Firefox 3.6 to 15 */
    background: url(../img/navbar-bg.jpg) left top no-repeat, linear-gradient(#e56c67, #c60613); /* Standard syntax */
	border-bottom: 1px #c60613 solid;
	z-index: 980;
}
#navbar .container ul li:last-child a img{
	margin-bottom: -4px;
}
#navbar .container ul li:last-child a:hover{	
	text-decoration: underline;
	color: #fff;
}



/* ################################################################################################
   ########################                 BOXY  /  SLIDER                 #######################
   ################################################################################################ */
#slider{
	min-height: 310px;
	max-height: 590px;
	overflow: hidden;
	z-index: 100;
}
#slider-boxes{
	width: 100%;
	box-sizing: border-box;	
	margin-top: -90px;
}
#slider-boxes .container{
	position: relative;
}

.sliderDesc{
	position:absolute;
	top:400px;
	width:1050px;
	left: 0;
	right: 0;
	z-index:0;
	color:#ffffff;
}
.sliderDesc div {
	width: auto;	
}
.sliderDesc div h3{
	font-size: 25px;
	font-style: italic;
}
.sliderDesc div h1{
	font-size: 32px;	
	font-style: italic;
	font-weight: bold;
}
.sliderDesc div span{
	display: block;
	width: 200px;
	border-bottom: 3px #c60613 solid;
	margin: 15px 0px 23px 0px;
}
.sliderDesc div p{
	margin: 3px 0px;
	font-size: 14px;
}

.box4{
	width: 25%;
	float: left;
	z-index: 9999;	
	margin: 0 0.5%;
}

.second,
.fourth{
	margin-top: -50px;	
}
.first{
	margin-left: -2%;
}
.fourth{
	margin-right: -2%;
}

.box4 img:hover{
	cursor: pointer;
	transition: all .2s ease-in-out; 
    transform: scale(0.95);
}

/* ################################################################################################
   ########################                   LOKALIZACJA                   #######################
   ################################################################################################ */
#location-section{
	width: 100%;
	height: 235px;
	max-height: 266px;
	background: #f8f8f6; 
	margin-top: 60px;
}
#location-section .box{
	width: 50%;
	float: left;
	opacity: 0;
}
#location-section .box.left .desc{
	width: 55%;
	float: left;
}
#location-section .box.left img{
	width: 45%;
	float: right;
	margin-top: -21px;
}
#location-section .box.right .desc{
	width: 55%;
	float: right;
}
#location-section .box.right img{
	width: 45%;
	float: left;
}
#location-section .box .desc h3,
.phoneStyle{
	width: 100%;
	color: #c6191b;
	font-size: 20px;	
	margin: 25px 0px 2px 0px;
}
#location-section .box .desc h3 strong,
.phoneStyle strong{
	width: 100%;
	color: #c6191b;
	font-size: 23px;
	font-weight: bold;	
}
#location-section .box .desc p{
	width: 100%;
	color: #484848;
	font-size: 14px;
	font-style:italic;
	padding: 3px 0px;
}
#location-section .box .desc p strong{
	font-weight: bold;
}

#location-section .box.right .desc h3,
#location-section .box.right .desc p{
	text-align: right;
}



/* ################################################################################################
   ########################                    FORMULARZ                    #######################
   ################################################################################################ */
#form-section{
	margin-top: 50px;
	width: 100%;
}
.contact-form{
	opacity: 0;
	position: relative;
	width: 70%;
	height: 255px;
	padding: 35px 0px 30px 3%;
	border-bottom: 2px #c6191b solid;
	border-left: 2px #c6191b solid;
	float: left;
}
.contact-form .form-border{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30%;
	border-top: 2px #c6191b solid;
}
.contact-form div{
	float: left;
	width: 33.333%;
}

.contact-form div input,
#hiddenSelect{
	margin-top: 30px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px #dddddd solid;
	text-indent: 20px;
	color: #353434; 
    font-size: 13px; 
}
#hiddenSelect{
	display: none;
	text-transform: uppercase;	
	color: #c60613;
	font-weight: bold;
}

#hiddenSelect option{
	color: #353434; 
}

.contact-form div input[type="email"]{
	margin-left: 2%;
	width: 96%;
}
.contact-form textarea{
	margin-top: 10px;
	margin-bottom: 30px;
	width: 100%;
	max-width: 100%; 
	min-width: 100%;
	height: 40px;
	max-height: 40px;
	border: 1px #dddddd solid;
	text-indent: 20px;
	padding: 15px 0;
	color: #353434; 
	font-family: TitilliumWeb, Verdana, Tahoma;
    font-size: 13px; 
}
.contact-form h3,
.contact-form h4,
.info-right h3{
	width: 100%;
	color: #444444;
	font-size: 20px;	
	margin: 0px 0px 2px 0px;
}
.contact-form h3 strong{
	font-size: 23px;
	font-weight: bold;
}
.contact-form h4{
	font-size: 18px;	
}
.contact-form button{
	width: 230px;
	height: 48px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #c60613;
	background: url('../img/form-button-bg.jpg') left center no-repeat, #c60613; /* For browsers that do not support gradients */
	background: url('../img/form-button-bg.jpg') left center no-repeat, -webkit-linear-gradient(#e56c67, #c60613); /* For Safari 5.1 to 6.0 */
    background: url('../img/form-button-bg.jpg') left center no-repeat, -o-linear-gradient(#e56c67, #c60613); /* For Opera 11.1 to 12.0 */
    background: url('../img/form-button-bg.jpg') left center no-repeat, -moz-linear-gradient(#e56c67, #c60613); /* For Firefox 3.6 to 15 */
    background: url('../img/form-button-bg.jpg') left center no-repeat, linear-gradient(#e56c67, #c60613); /* Standard syntax */
	border: none;
	color: #fff;
	cursor: pointer;
}

#info-section{
	width: 100%;	
}

#info-section-content{
	width: 100%;
	height: 218px;
	padding-bottom: 50px;
	background: #f8f8f8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f8f8f8, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f8f8f8, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f8f8f8, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f8f8f8, #fff); /* Standard syntax */
}
#info-section #info-section-content img{
	margin-top: -85px;
}
#kilka-slow-o-firmie{
	opacity: 0;
	height: 85px;	
}
.info-left{
	width: 30%;
	float: left;
}
.info-right{
	opacity: 0;
	width: 70%;
	float: left;
}
#headlineSubpage .container h1,
.info-right h3{
	margin: 10px 0px 20px 1%;	
	color: #5e5d5d;
}
#headlineSubpage .container span.line,
.info-right span.line,
#fotorama-right span.line{
	display: block;
	width: 18%;
	border-top: 1px #e6e6e6 solid; 	
}
.info-right p{
	margin-top: 30px;
	color: #5e5d5d;
	font-size: 15px;
	line-height: 22px;
}
.info-right p strong{
	font-weight: bold;
}
#form-bg{
	width: 30%;
	float: left;
}

#imgBG{
	background: url(../img/form-bg.png) top left no-repeat;
	background-size: cover;
	width: 35%;
	height: 455px;
	position: absolute;
	right:0;
	z-index: -100;
}

/* ################################################################################################
   ########################                      FOOTER                     #######################
   ################################################################################################ */ 
#footer{
	width: 100%;
	height: 362px;
	background: #4e4e4e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#4e4e4e, #111211); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4e4e4e, #111211); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4e4e4e, #111211); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4e4e4e, #111211); /* Standard syntax */	
}
.footer-box.ft{	
	padding: 40px 0px;
	float: left;
	width: 15%;
}
.footer-box.sd{	
	padding: 40px 0px;
	float: left;
	width: 31%;
}
.footer-box h3{
	color: #fff;
	font-size: 21px;
	width: 100%;
}
.footer-box p{
	color: #dadada;
	font-size: 13px;
	width: 100%;
	margin: 8px 0px 15px 0px;
}
.footer-line{
	display: block;
	width: 45%;
	border-top: 2px #c6191b solid; 	
}
.footer-box ul{
	margin-top: 40px;
	width: 100%;
}
.footer-box ul li{
	float: left;
	height: 20px;
	width: 95%;
	padding-left: 5%;
	margin-top: 15px;
	background: url(../img/footer-arrow.png) left center no-repeat;
}
.footer-box.sd ul li{
	width: 45%;
}
.footer-box ul li a{
	color: #dadada;
	font-size: 13px;
	height: 30px;
}
.footer-box-big{
	float: left;
	width: 44%;
	padding: 40px 0px;	
}
.footer-box-big h6{
	color: #d2d2d2;
	font-size: 14px;
	font-weight: bold;
	margin-top: 40px;
}
.footer-box-big p{
	font-size: 14px;
	font-weight: normal;
	color: #d2d2d2;
	padding: 5px 0px;
}
.footer-box-big div ul{
	width: auto;
	float: left;
}
.footer-box-big div ul li{
	color: #d2d2d2;
	font-size: 13px;
	font-weight: bold;
	height: 15px;
	line-height: 13px;
	width: 100%;
	padding-left: 35px;
	margin: 15px 0px;
	background: url(../img/footer-mail.png) left center no-repeat;
}
.footer-box-big div p{
	float: left;
	margin: 8px 0px 0px 35px;
	display: block;
	width: auto;
	padding-left: 35px;
	background: url(../img/footer-phone.png) left center no-repeat;
}
.footer-box-small{
	float: left;
	width: 10%;
}

.footer-box-small img{
	margin-top: 20px;
	margin-right:-100px;
	box-sizing: border-box;
}
.copyrights{
	float: left;
	width: 50%;	
	margin: 10px 0px;
	color: #888888;
	font-size: 13px;
}
.footer-box ul li a:hover{
	color: #f4343e;
}



/* ################################################################################################
   ########################                      SUBPAGE                    #######################
   ################################################################################################ */ 
h3.subpageName{
	margin-top: -80px;
	color: #2b2b2b;
	font-size: 26px;
	font-weight: bold;
}
.subpage-left{
	width: 35%;
	float: left;	
}
.subpage-right{
	width: 65%;
	float: left;
}
.subpage-left ul{
	width: 100%;
	background: #c60613; /* For browsers that do not support gradients */
	border-bottom: 1px #c60613 solid;
}
.subpage-left ul li{
	line-height: 50px;
	height: 50px;
}
.subpage-left ul li a{
	color: #fff;
	text-transform: uppercase;
}
#wrapper_oferta {
	width:100%;
	z-index:999;
	position:relative;
}	
#wrapper_oferta_pd {
	width:100%;
	z-index:999;
	position:relative;
}			
#oferta {
	width:90%;
	max-width: 1150px;
	text-align:center;
	margin:0 auto;
	clear:both;
	z-index:999;
	margin-top:-130px;
}	
#oferta.ofertaSubpage{
	margin-top:-160px;	
}

.owl-item:nth-child(2n+1){
	margin-top:30px;
}	
#oferta .big {
	padding-top:15px;
	font-size:31px;
	font-weight:800;
}	
#oferta .box_oferta {
	width:259px;
	height:215px;
	margin:10px;
}

.box_oferta a img:hover{
	cursor: pointer;
	transition: all .2s ease-in-out; 
	transform: scale(0.95);
}

.box_oferta_products{
	width: 48%;
	margin: 0 1%;
	float: left;	
}
.box_oferta_products a img{
	max-width: 100%;	
}
.box_oferta_products a img:hover{
	transition: all .2s ease-in-out; 
	transform: scale(0.95);
}
.subpage{
	margin-top: -10px!important;	
	padding: 20px 10px 50px 10px!important;
	height: auto!important;
	max-height: none!important;
}
.itemBox{
	opacity: 0;
	width: 23%;
	float: left;
	margin: 2% 1%;
	background: none;
	text-align: center;
	position: relative;	
}
.itemBox img{
	margin: 0 auto;
	width: 230px;
	height: 230px;	
}
.itemBox div{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 230px;
	min-height: 50px;
	background: #c60613; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e56c67, #c60613); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e56c67, #c60613); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e56c67, #c60613); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e56c67, #c60613); /* Standard syntax */
	border-bottom: 1px #c60613 solid;
}
.itemBox div p{
	text-transform: capitalize;
	color: #fff;
	padding: 5px;
}

.itemBox:hover{
	transform: scale(0.95);	
	box-shadow: 5px 5px 3px #efefef;
}
div.nr{
	width: 100%;	
	float: left;
	margin: 10px 0;
	color: #c60613;	
	font-weight: bold;	
}
div.nr a{
	color: #5e5d5d;
	padding: 0px 3px;
}
div.nr a:hover{
	color: #929292;	
}
#subpage-content .container{
	overflow: hidden;	
}

#subpage-content.desc1 div,
#subpage-content.desc1 p{
	padding: 3px 0;
}



/* ################################################################################################
   ########################                    FOTORAMA                     #######################
   ################################################################################################ */ 


#fotorama-left{
	margin-top: 3%;
	width: 41%;
	margin-right: 4%;
	float: left;
}

.products_menu li{
	width: 100%;
	height: 58px;
	background: #cb1620;
	border-bottom: 1px #c60412 solid;
}

.products_menu li:first-child{
	width: 100%;
	height: 94px;
	line-height: 64px;
	background-color: #c60412;
}

.products_menu li a{
	display: block;
	padding: 19px 0px 19px 50px;  
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	background: url(../img/cat.png) 95% 55% no-repeat;
}
.products_menu li:first-child a{
	font-size: 25px;
	padding-left: 85px;	
	background: url(../img/catMenu.png) 50px center no-repeat;
}
.products_menu li:hover:not(:first-child){
	background: #d5363b;
	padding-left: 20px;
}
.products_menu li.active{
	background: #d5363b;
}
.products_menu li.active a{
	text-transform: uppercase;
	padding-left: 75px;
	background: none;
}
#fotorama-right{
	width: 55%;
	float: left;
}

#fotorama-left div.info{
	width: 98%;
	text-align: center;	
	margin: 45px auto 0 auto;
}

#fotorama-left div h3{
	width: 100%;
    color: #444444;
    font-size: 22px;
    margin: 0px 0px 2px 0px;
}

#fotorama-left div h3 span{
	font-weight: bold;
}

#fotorama-left div h5{
	color: #1e1e1e;
	font-size: 14px;
}

#fotorama-left div p{
	color: #1e1e1e;
	font-size: 15px;
	font-weight: normal;
}

#fotorama-left div p span{
	font-weight: bold;
	font-size: 1.250em;
	color: #cb1620;
}

#fotorama-left div h4{
	font-size: 18px;
	font-weightr: bold;
	color: #cb1620;
}


#subpage-content #fotorama-right .fotorama{
	max-width: 96%;
	text-align: center;
}
#subpage-content #fotorama-right .fotorama-desc{
	width: 98%;
}

#fotorama-right h1{
	font-size: 25px;
	color: #c6191b;
	text-transform: uppercase;
}
#fotorama-right h3 a{
	font-size: 20px;
	color: #5e5d5d;
}
#fotorama-right h3 a:hover{
	font-weight: bold;
}
.fotorama-desc p,
.fotorama-desc div,
.fotorama-desc p span{
	font-size: 16px!important;
	color: #5e5d5d!important;
}









@media all and (max-width: 1600px){	
	#oferta{
		margin-top: -200px;
	}
}

@media all and (max-width: 1500px){	
	.sliderDesc{
		top:360px;
	}

}
@media all and (max-width: 1280px){	
	.box4{
		margin-left: -0.5%;
		margin-right: -0.5%;
	}
	.box4 img{
		max-width:100%;
		max-height:100%;
	}	
	.box4.first{
		margin-left: 1.5%;
	}	
	.box4.fourth{
		margin-right: 0;	
	}
	.box4.second,
	.box4.third{
		margin-left: -1%;
		margin-right: -1%;	
	}
	.box4.second{
		margin-right: 0;
	}

	
}



@media all and (max-width: 1150px){
	.container{
		width: 100%;	
	}
	#navbar .container ul, 
	#navbar .container ul li, 
	#navbar .container ul li a{
		padding: 0;
	}
	#slider-boxes{
		margin-top: -60px;
	}
	#location-section{
		height: 205px;
	}
	.sliderDesc{
		width: 98%;
		top:320px;
		left: 2%;
	}
	br.space{
		display: none;
	}
	#location-section .box .desc h3,
	#location-section .box.right .desc h3{
		margin-top: 10px;
	}
	.info-right{
		width: 68%;
		margin-left: 2%;	
	}
	#footer .container .footer-box.ft{
		width: 18%;
		margin-left: 2%;
	}
	#footer .container .footer-box.sd{
		width: 33%;
		margin-left: 2%;
	}
	#footer .container .footer-box-big{
		width: 45%;
	}
	#footer .container .footer-box-small{
		display: none;
	}
	#oferta {
		margin-top: -150px;
		width: 100%;
		max-width: 100%;
	}
}



@media all and (max-width: 960px){
	
	
	.contact-form{
		margin-left: 2%;
		width: 90%;
	}
	#imgBG{
		display: none;
	}
	.footer-box-big div ul{
		width: 100%;
	}
	.footer-box-big div p{
		margin: 0;			
	}
	#location-section{
		height: 245px;
		max-height: 325px;
	}
	.sliderDesc{
		top:280px;
	}
	#slider-boxes{
		margin-top: -50px;
	}
	#location-section .box{
		width: 50%;
		text-align: center;
	}
	#location-section .box.right .desc h3, 
	#location-section .box.right .desc p{
		text-align: center;	
	}
	#location-section .box.left .desc{
		width: auto;
		margin-left: 2%;
	}
	#location-section .box.right .desc{
		width: 99%;
		margin-left: 1%;
	}
	#location-section .box.left img,
	#location-section .box.right img{
		display: none;
	}
	
	#location-section .box .desc h3, 
	#location-section .box.right .desc h3,
	#location-section .box .desc h3{
		margin-top: 30px;	
	}
	
	#info-section #info-section-content img{
		display: none;
	}
	.info-left{
		display: none;
	}
	.info-right{
		width: 96%;
		margin: 0 2%;
	}
	.itemBox{
		width: 31.33%;	
	}
	
	#fotorama-left div.info{
		display: none;
	}
}



@media all and (max-width: 768px){
	.menu-toggler{
		display: block;
		z-index: 9999;
	}
	#logoSection a img{
		width: auto;
		max-width: 70%;
	}
	#logoSection div{
		display: none;
	}
	#navbar{
		height: 0;	
		border: none;
	}
	#navbar .container ul.menu.visible{
		position: absolute;
		display: block;
		width: 100%;
		height: 484px;
		background: #1b1b1b; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#5f5f5f, #1b1b1b); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#5f5f5f, #1b1b1b); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#5f5f5f, #1b1b1b); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#5f5f5f, #1b1b1b); /* Standard syntax */
		border-bottom: 1px #2b2b2b solid;	
		z-index: 9998;
	}
	#navbar .container ul.menu.visible li{
		width: 100%;
		float: left;
		background-image: none;
	}
	
	.box4.first,
	.box4.second,
	.box4.third,
	.box4.fourth{
		margin: 0px 1%;
		width: 48%;	
	}
	.box4.first,
	.box4.second{
		margin-top: -50px;
		margin-bottom: 25px;
	}
		
	.contact-form{
		height: 360px;	
	}
	.contact-form div,
	.contact-form div input{
		width: 100%;
		float: left;
	}
	.contact-form div input{
		margin-top: 10px;	
	}
	.contact-form div input[type="email"]{
 		width: 100%;
		margin: 10px 0 0 0;
	}
	#info-section-content{
		min-height: 270px;
		height: auto;
	}
	#kilka-slow-o-firmie .info-left{
		display: none;
	}	
	.info-left img,
	.info-right span.line{
		display: none;
		border: 0;
	}
	.info-right,
	.info-right h3{
		width: 96%;
		text-align: center;	
	}
	#footer{
		height: 735px;	
	}
	#footer .container .footer-box.sd{
		width: 56%;
		float: left;
	}
	#footer .container .footer-box.ft{
		width: 40%;
		float: left;
	}
	#footer .container .footer-box-big{
		width: 96%;
		margin: 0 2%;	
	}
	.sliderDesc{
		display: none;
	}
	.itemBox{
		width: 48%;	
	}

	
	#fotorama-left{
		width: 98%;
		margin: 0 1%;	
	}
	.products_menu li,
	.products_menu li:first-child{
		width: 98%;
	}
	#fotorama-right{
		width: 98%;
		margin: 0 2%;	
	}
	
	
	
}
@media all and (max-width: 625px){
	.contact-form{
		height: 380px;
	}
	#info-section-content{
		min-height: 270px;
	}
	.box4.first,
	.box4.second{
		margin-top: -85px;
		margin-bottom: 25px;
	}
}


@media all and (max-width: 580px){
	#location-section{
		height: 290px;
	}
	.itemBox{
		width: 60%;
		margin: 2% 20%;	
	}
	.products_menu li,
	.products_menu li:first-child{
		width: 96%;	
	}
	
}

@media all and (max-width: 480px){
	
	.box4.first,
	.box4.second,
	.box4.third,
	.box4.fourth{
		width: 90%;
		float: left;	
		margin: 15px 5%;	
		text-align: center;
	}
	#location-section{
		height: 470px;
		max-height: 470px;	
	}
	#slider-boxes{
		margin-top: -60px;
	}
	#location-section .container .box{
		width: 100%;
		float: left;
	}
	.box4.first{
		margin-top: -120px;
	}
	#location-section .container .box img{
		display: none;
	}
	#location-section .box.left .desc,
	#location-section .box.right .desc{
		width: 100%;
		text-align: center;
	}
	#location-section .box.right .desc{
		margin-top: 15px;	
	}
	#location-section .box.right .desc h3, 
	#location-section .box.right .desc p{
		text-align: center;
	}
	
	.contact-form{
		height: 390px;	
	}
	#info-section-content{
		min-height: 290px;
	}
	.itemBox{
		width: 80%;
		margin: 2% 10%;	
	}
}

@media all and (max-width: 370px){
	#location-section{
		height: 490px;
		max-height: 490px;	
	}
	.contact-form{
		height: 460px;	
	}
	#info-section-content{
		height: 400px;	
	}
}