/* *********************************************************************************************** */
/* *************************************************** PREFUNCTION ******************************* */
/* *********************************************************************************************** */

@e-fontsize-basic-font: 14px;
@e-smallsize-border-radius: 4px;

@f-color-lcpower: #5c5c5c;
@f-color-lcpowerHover: #012953;

@f-col-dark: #383838;
@f-col-blue:#7198cc;
@f-col-normal: #5a5a5a;
@f-col-white: #ffffff;

@f-col-bef: #e1e1e1;
@f-col-bef-normal: #5a5a5a;
@f-col-bef-dark: #383838;
@f-col-bef-light:#7198cc;

.f-normal {
	font-weight:400;	
	}

.f-strong {
	font-weight:600;	
	}

.f-bold {
	font-weight:700;	
	}

.f-black {
	font-weight:900;	
	}

.f-up {
	text-transform:uppercase;
}

@e-color-bg-body: #fff;
@e-color-bg-nav: #fff;
@e-color-bg-footer: #526a73;

.f-size (@fs:10px){
	font-size:@fs;
	}
a, .btn { outline:none; text-decoration:none;}
a:hover, .btn:hover {outline:none; text-decoration:none;}

/* ************************************************** POZYCJONOWANIE ******************************** */

.col-centered {
	float:none;
	margin:0 auto;	
	}
	
.col-left {
	float:left;
}

.col-right {
	float:right;
}

.col-clear {
	clear:both;
}


/* *************************************************** PAGE STRUCTURE ******************************* */
body {
	margin:0;
	padding:0;
	width:100%;
	border:none;
	font-family: 'Roboto', sans-serif;
	background-color: @e-color-bg-body;
	line-height:160%;
}
.row {
	margin:0;
	padding:0;	
	}
	
	
/* ********************************* HEADER STRUCTURE ************************************ */

header{
	margin:0;
	padding:0;
	background-color:none;
}	
	
.topNav{
  padding: 8px;
  padding-top:5px;
  margin: 0px;
  width: 100%;

  display: block;
  background: @f-color-lcpower;
}

.container{
  margin: 0px auto;
}

.setLanguage{
float: right;
}

.setLanguage .language-select-box{
margin: 0px;
  padding: 0px;
  list-style: none;
  float: right;
}

.setLanguage .language-select-box li{
margin: 0px;
  float: left;
}

.setLanguage .language-select-box li a{
display: block;
padding: 9px 7px;
line-height: 16px;
margin: 0px;
border: 0px;
}

.setLanguage .language-select-box li a:hover{
background-color: @f-color-lcpowerHover;
}

.topNav #search{
float: right;
margin-right: 10px;
padding: 4px 0px 3px 0px;
  
}
.topNav #search input[type="text"]{
outline: none !important;
border: 0px;
padding: 5px;
-webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
line-height: 12px;
font-size: 12px;
height: 13px;
color: #6F6C6C;
}

.topNav #search input[type="text"]:focus{
  border:0px;
-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);
}

.topNav #search input[type="submit"]{
margin-top: 4px;
padding: 0px;
width: 16px;
height: 16px;
margin-left: 5px;
cursor: pointer;
background: transparent url(../img/glyphicons-halflings-white.png) no-repeat;
background-position: -48px 0;
border: 0px;
font-size: 0px;
}

.topNav .contact{
color: #fff;
font-size: 13px;
margin: 0px;
padding: 6px 7px;
line-height: 14px;
}

.topNav .contact a{
text-decoration: none;
  color: #fff;
}

.topNav .contact .icon-envelope{
margin-left: 15px;
}

.menuNav{
padding: 0px;
background: @e-color-bg-nav;
display: block;
height:80px;
}

.menuNav .menu{
float: right;
}


.menu li a:before {
	margin:0 20px 0 0;
	content:"\+";
	color: @f-col-bef;
	.f-size(15px);
	.f-bold;	
	}

.menu li a{
	text-decoration: none;
	color: #5c5c5c;
	.f-size(13px);
	padding: 30px 20px;
	display: block;
	.f-bold;
	.f-up;
}

.menu li a.hover,.menu li a.menuOpen{
  color:  @f-color-lcpowerHover;
}

@media (max-width: 980px) {
	
.menu li a:before {
	margin:0 15px 0 0;	
}
	
.menu li a {
	.f-size(12px);
	padding:15px 10px;	
}
	
}


#droppy ul { display:none !important;}

.menu #droppy ul li a{
  background-color: #000;
  opacity: 0.7;
border-bottom: 0px solid #fff;
text-decoration: none;
color: @f-color-lcpower;
font-weight: normal;
font-size: 13px;
padding: 5px 10px;
display: block;
}

.menu #droppy ul li a.hover{
  border-bottom: 0px solid @f-color-lcpower;
  color:  @f-color-lcpowerHover;
  opacity: 1.0;
}

.menuNav .logo{
	float: left;
}

.menuNav .logo img{
	margin:30px 0;
	max-height:20px;
	width: auto;
}

@media (max-width: 1366px) {
	
	.menuNav .menu, .menuNav .logo { margin:0 auto; float:none; clear:both; text-align:center;}
	.menuNav .logo { width:300px;}
	
	
}


.carousel-caption {
	margin:0 auto;
	padding:80px 20px 0 0;
	position:absolute;
	top:40px;
	max-height:530px;
	background:none;
	border:10px solid #ffffff;
/*	-webkit-box-shadow: inset -6px 6px 4px 4px rgba(0,0,0,0.05), inset 6px -6px 4px 4px rgba(0,0,0,0.05);
	-moz-box-shadow: inset -6px 6px 4px 4px rgba(0,0,0,0.05), inset 6px -6px 4px 4px rgba(0,0,0,0.05);
	box-shadow: inset -6px 6px 4px 4px rgba(0,0,0,0.05), inset 6px -6px 4px 4px rgba(0,0,0,0.05);	
*/	
}

.carousel-caption h4 {		
		line-height:72px;
		color: @f-col-bef-dark;
		.f-size(60px);
		.f-bold;
		.f-up;
		text-shadow:none;
		text-align:right;
		}
.carousel-caption p {
		line-height:72px;	
		color: @f-col-bef-dark;
		.f-size(50px);
		.f-bold;
		.f-up;		
		text-shadow:none;
		text-align:right;		
		}
		
.slider-home { clear:both; display:block;}
.slider-home .slider-container { position:relative;}

.slider-home .slider-container .slider-nav {
	position:absolute;
	left:0;
	top:-200px;
	width:180px;
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);	
}

@media (max-width: 1280px) {
	
	.slider-home .slider-container { display:none;}
.carousel-caption {
	margin:0 auto;
	padding:30px 5px 0 0;
	position:absolute;
	top:10px;
	max-height:200px;
	border:5px solid #ffffff;
	}
	.carousel-caption h4 {		
			line-height:34px;
			.f-size(32px);
			}
	.carousel-caption p {
			line-height:30px;	
			.f-size(26px);
			}	
	
	
}

@media (max-width: 980px) {

.carousel-caption h4 {		
		line-height:28px;
		.f-size(24px);
		}
.carousel-caption p {
		line-height:24px;	
		.f-size(20px);
		}
	
}

.slider-home .slider-container .slider-nav .carousel-control{
			background:none;
			border:none;
			border-radius:0px;
			width:80px;
			height: 80px;
			line-height: 30px;
			text-align: center;			
}

.carousel-inner img {
width: 100%;
}

.slider-home .slider-container .slider-nav .carousel-control.right {
			background-color:rgba(255,255,255,1.0);
			left:95px;
		    background-image:url(../img/slider/arrow-right-over.png);
			background-position:left center;
		    background-repeat:no-repeat;
			text-indent:-4000px;
			outline:none;
}

.slider-home .slider-container .slider-nav .carousel-control.left {
			background-color:rgba(255,255,255,1.0);	
		    background-image:url(../img/slider/arrow-left-over.png);
			background-position:right center;
		    background-repeat:no-repeat;
			text-indent:-4000px;
			outline:none;
}

.slider-home .carousel-indicators { display:none;}


@media (max-width: 360px) {
	
	.carousel-caption {
	margin:0 auto;
	padding:0;
	position:absolute;
	top:10px;
	max-height:200px;
	border:none;
	text-align:center;
	}
	
	.carousel-caption h4, .carousel-caption p {
		color: @f-col-normal;
		text-align:center;		
		}
		
	.menuNav .logo { margin:0 auto !important; width:300px; text-align:center;}		
	
}

/* ********************************* BREADCRUMB ************************************************ */

.header-preamble { margin:60px auto; padding:0;}
.header-preamble1 { margin:60px auto 0 auto; padding:0;}

	.header-preamble h1, .header-preamble1 h1 {
		margin:0;
		color: @f-col-dark;
		.f-strong;
		.f-size(36px);
		.f-up;
		}
		
.header-preamble h1 .subtitle, .header-preamble1 h1 .subtitle {
		margin:0;
		color: @f-col-blue;
		.f-strong;
		.f-size(14px);
		.f-up;	
		}
		
#breadcrumb {
	margin:0;
	padding:0;
	clear:both;
	}		

.breadcrumb{
float: left;
padding: 0px;
background: transparent;
border-radius:0px;
z-index: 10000;
position: relative;
}


.breadcrumb li{
	float: left;
	color: @f-col-bef-dark;
	.f-normal;
	.f-size(14px);
	padding:10px 0;
	text-shadow:none;
}

.breadcrumb li a {
	font-size: 14px;
	color: @f-col-bef-dark;
	text-decoration: none;
	}

.breadcrumb li a:hover {
	
	}

.breadcrumb > .active {
	color: @f-col-bef-dark;
	}

.breadcrumb .divider{
display: none;
}

	@media (max-width: 360px) {
	
	.header-preamble h1, .header-preamble1 h1 { .f-size(24px); text-align:center;}
	}
/* ********************************************* CONTENT **************************** */

.content { padding:0;}

.content img { margin:0 10px 10px 10px; float:left;}
.content p { line-height:22px; font-size:14px;}
.content a {
		color: @f-col-blue;
		.f-strong;
		.f-size(14px);
		.f-up;
		text-decoration:none;
}

.content a:hover {
	color: @f-col-dark;	
	}

	.content ul { margin:20px 0;}		
		.content ul li { padding:0 0 0 30px; list-style-type:none; background-image:url(../img/icons/bg-tabs-li.png); background-position:left 13px; background-repeat:no-repeat; line-height:35px; font-size:14px; color:#383838; }
		
			.content ul li a {font-size:14px; color:#383838; text-decoration:none;}
			.content ul li a:hover { color:#000000;}	
			
			.content ul li p { line-height:22px;}
			
	@media (max-width: 360px) {
	
	.content { padding:10px;}
	}			

/* ********************************************* PRIZES **************************** */

.news .title, .prizes .title{
text-align: center;
height: auto;
background: url(../img/titlebg.png) center 50% repeat-x;
}




.news .title h4, .partners .title h4{
color: #555;
background-color: @e-color-bg-body;
display: inline-block;
width: auto;
margin: 10px 0px 10px 0px;
padding: 0px 25px;
line-height: 55px;
letter-spacing: -1px;
}


.news .newsNormal li{
border: 0px !important;
background: transparent !important;
width: 29%;
display: inline-block;
min-width: 250px;
padding: 0px;
margin-right: 6%;
  
}

.news .newsNormal li:last-child{
margin: 0px;
}

.news .newsNormal li img{
width: 100%;
  -webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}

.news .newsNormal li h4{
width: 100%;
float: left;
margin: 10px 0px 4px 0px;
}

.news .newsNormal li h4 a{
color: #000;
  text-decoration: none;
}

.news .newsNormal li .newsNormal-meta{
font-size: 12px;
padding: 3px 5px;
background-color: @f-color-lcpowerHover;
color: #fff;
float: left;
  -webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}

.news .newsNormal li p{
float: left;
  color: #777;
  line-height: 150%;
  font-size: 13px;
}

.news .newsNormal li .btn{
float: right;
padding: 4px 8px;
  border: 1px solid #dfdfdf;
  color: #777;
  font-size: 12px;
  text-decoration: none;
  -webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}

.partners{
text-align: center;
}


#carousel_inner {
display: block;
width: 100%; 
overflow: hidden; 
}

#carousel_ul {
position:relative;
left: 0px;
list-style-type: none; 
margin: 0px;
padding: 0px;
width:9999px;
padding-bottom:10px;
}

.carousel-indicators {
	left:0%;	
}

#carousel_ul li{
float: left; 
width:200px;  
padding:0px;
height:110px;
background: transparent;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
}

#carousel_ul li img {
margin-bottom:-4px;
cursor:pointer;
cursor: hand;
border:0px;
    -webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}
#left_scroll, #right_scroll{
float: right;
color: #777;
font-size: 12px;
text-decoration: none;
  margin-top: 30px;
  margin-right: 10px;
  
}


#left_scroll a, #right_scroll a{
  border: 1px solid #dfdfdf;
  background-color: #fff;
color: #777;
  padding: 5px 8px;
font-size: 12px;
text-decoration: none;
    -webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}


/* ********************************* FOOTER STRUCTURE ************************************ */

footer{
	margin:0;
	padding:0;
	background-color:none;
}

footer a {
	word-spacing:50%;
	color:@f-color-lcpower;
	.f-normal;
	.f-size(13px);
	.f-up;
	/*text-shadow: 0 0 1px rgba(0,0,0,0.3);	*/
}

footer a:hover {
	color: @f-color-lcpowerHover;	
}

footer .to-top {
	margin:0 20px 20px 0;
	float:right;
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);		
	}


footer .to-top a.top{
			display:block;
			width:80px;
			height:80px;
			background-color:rgba(255,255,255,1.0);
		    background-image:url(../img/slider/arrow-right-over.png);
			background-position:left center;
		    background-repeat:no-repeat;
			outline:none;
			color:transparent;
}

footer .footer { margin:70px auto 0 auto; border-top:1px solid #d2d2d2; text-align:center;}

	footer .footer .footer-menu { margin:40px auto 70px auto; text-align:center;}
		footer .footer .footer-menu ul {}
		footer .footer .footer-menu ul li { margin:0 25px !important;}	
		
	footer .footer .footer-copyright { color:#606060;}
		footer .footer .footer-copyright a {color:#606060;}
		footer .footer .footer-copyright a:hover {color:#3b5a7a;}					

	footer .footer .footer-author { margin:10px auto; .f-size(11px); color:#d2d2d2; .f-up;}
		footer .footer .footer-author a {.f-size(11px); color:#d2d2d2; text-shadow:none;}
		footer .footer .footer-author a:hover {	color:#3b5a7a;}	
		
@media (max-width: 360px) {
	
		footer .footer .footer-menu ul li { margin:0 !important;}		
	
}


/* ************************************************************************************** */

.leftContent{
  float: left;
display: inline-block;
  width: 78%;
  margin-right: 2%;
  font-size: @e-fontsize-basic-font;
  color: #777;
  text-align: justify;
}

.leftContent .title{
text-align: center;
height: auto;
background: url(../img/titlebg.png) center 50% repeat-x;
}

.leftContent .title h4{
color: #555;
background-color: @e-color-bg-body;
display: inline-block;
width: auto;
margin: 10px 0px 10px 0px;
padding: 0px 25px;
line-height: 55px;
letter-spacing: -1px;
}


.leftContent .newsNormal li{
border-bottom: 1px #ebebeb solid;
  padding: 10px;
}

.rightContent .newsNormal li:first-child{
border-top: 1px #ebebeb solid;
}

.leftContent  .newsNormal li:nth-child(odd) {
border-bottom: 1px #ebebeb solid;
border-top: 0px;
}


.leftContent .newsNormal li img{
  height: 85px;
-webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
  border: 0px;
display: block;
margin-right: 10px;
}
.leftContent .newsNormal li h4{
margin: 0px;
}
.leftContent .newsNormal li h4 a{
font-size: 14px;
color: #777;
text-decoration: none;
}


.leftContent .boxContent{
padding: 10px;
  background-color: #F9F9F9;
  margin-top: 20px;
}


.rightContent{
  float: right;
display: inline-block;
 width: 20%;
margin: 20px 0px 0px 0px;
}

.rightContent h5{
font-size: 13px;
color: #444;
border-bottom: 1px solid #ebebeb;
text-transform: uppercase;
margin: 0px 0 20px 0;
padding-bottom: 8px;
}


.rightContent .titleLine{
width: 80px;
background: @f-color-lcpower;
height: 2px;
position: absolute;
margin-top: -22px;
}


.rightContent .newsNormal li:nth-child(odd) {
background-color: transparent;
border-bottom: 1px #ebebeb solid;
border-top: 0px;
}

.rightContent .newsNormal li{
border-bottom: 1px #ebebeb solid;
  padding: 10px 0px;
}

.rightContent .newsNormal li:last-child{
border: 0px;
}

.rightContent .newsNormal li img{
-webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
  border: 0px;
  width: 100%;
display: block;
margin: 0px auto 10px auto;
}
.rightContent .newsNormal li h4{
margin: 0px;
}
.rightContent .newsNormal li h4 a{
padding-top: 10px;
display: block;
text-align: center;
font-size: 14px;
color: #777;
text-decoration: none;
}


@media (max-width:767px){
  .setLanguage .language-select-box{
	display: none;
}
  .topNav .contact{
	display: none;
}
  .topNav #search {
margin-right: 0px;
padding: 4px 0px 3px 0px;
	text-align: center;
    float: none;
  }
  
    .menuNav {
    height: auto;
min-height: 80px;
}
  
	  .menuNav .logo {
	float: none;
	text-align: center;
	display: block;
	margin: 20px auto 20px auto;
	text-align:center;
	}
  #droppy { margin:20px auto 10px auto;}
  #droppy li{
	width: 100%;
    float: none;
	}
   #droppy li a{ 
	margin-bottom: -1px;
	padding: 5px 20px;
	border:none;
	display: block;
	text-align:center;
	}
  
  #droppy ul{
	display: none !important;
	}
  .menuNav .menu {
width: 100%;
    float: none;
  }
 
  .news .newsNormal li{
border: 0px !important;
background: transparent !important;
width: 100%;
display: inline-block;
min-width: 250px;
padding: 0px;
margin-right: 0%;
    margin-bottom: 20px;
}
  
  footer a.top{
  margin-bottom: auto;
text-align: center;
padding: 2%;
width: 90%;
display: block;
margin: 0px auto 20px auto;
  }
  
  
  .breadcrumb{
    display: none;
  }
  
  .leftContent{
    float: none;
display: block;
width: 100%;
	}
  .rightContent{
float: none;
display: block;
width: 100%;
}
  
}


/* ***************************** SLIDER	HOME CATEGORY ************************ */


.slidecat {
text-align: center;
}


.slidecat #carousel_inner {
display: block;
width: 100%; 
overflow: hidden;
z-index:10; 
}

.slidecat #carousel_ul {
position:relative;
left: 0px;
list-style-type: none; 
margin: 0px;
padding: 0px;
width:9999px;
padding-bottom:10px;
}

.slidecat #carousel_ul li{
float: left; 
width:290px;  
padding:0px;
height:220px;
background: transparent;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
}

.slidecat #carousel_ul li a .description {
	clear:both;
	color: @f-col-bef-dark;
	.f-size(14px);
	.f-bold;		
	.f-up;
	text-decoration:none;	
}

.slidecat #carousel_ul li a:hover .description {
	color:@f-col-blue;
	text-decoration:none;	
}

.slidecat #carousel_ul li img {
margin-bottom:-4px;
cursor:pointer;
cursor: hand;
border:0px;
    -webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}

.slidecat .title { position:relative; top:130px; z-index:20;}

.slidecat .title h4 { display:none;}

.slidecat #left_scroll, .slidecat #right_scroll {
	margin:0;
	padding:0;
	float: right;
	width:32px;
	height:32px;
	border: 2px solid #383838;	
}

.slidecat #left_scroll { float:left; position:relative; left:-50px;} 
.slidecat #right_scroll { float:right; position:relative; right:-50px;}

.slidecat #left_scroll:hover, .slidecat #right_scroll:hover {
	border:2px solid #7198cc;	
	}


.slidecat #left_scroll a, .slidecat #right_scroll a {
	margin:0;
	padding:0;
	display:block;
	border:none;
	border-radius:0px;	
	background:none !important;
	color: #383838;
	font-size: 32px;
	.f-up;
	text-decoration: none;
}

.slidecat #left_scroll a:hover, .slidecat #right_scroll a:hover {
	color:#7198cc;
}


@media (max-width: 1024px) {
	
.slidecat #left_scroll { float:left; position:relative; left:0px; top:-90px;} 
.slidecat #right_scroll { float:right; position:relative; right:0px; top:-90px;}
	
}



/* ***************************** ARTICLES HOME ****************************** */

.home-articles { margin:50px auto;}

	.home-articles .title h1 { 	
		color:@f-color-lcpower;
		.f-bold;
		.f-size(30px);
		.f-up;
		}
	.home-articles .title h1 .subtitle {
		.f-normal;
		.f-size(14px);
		color:#7198cc;

	}
	
	.home-articles .desc p {
		line-height:24px;
		.f-size(14px);			
		}	
	
	.home-articles .link { 
			margin:0; 
			padding:0; 
			clear:both;
			.f-up;			
			}

	.home-articles .link:after {
		margin:0 10px;
		padding:0px 8px;
		border:2px solid #383838;
		content:"\+";
		color: @f-col-bef-dark;
		.f-size(16px);
		.f-bold;
	}

/* ***************************** PORTFOLIO HOME ****************************** */


.home-gradient {
	background: #272728; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #272728 0%, #888888 83%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #272728 0%,#888888 83%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #272728 0%,#888888 83%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272728', endColorstr='#888888',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	
.bg-home-row1 { background-image:url(../img/bg-home-headphone.png); background-position:center top; background-repeat:no-repeat;}
.bg-home-row2 { background-image:url(../img/bg-home-case.png); background-position:center center; background-repeat:no-repeat;}
.bg-home-row3 { background-image:url(../img/bg-home-speaker.png); background-position:center bottom; background-repeat:no-repeat;}
	

.news { padding:60px 0;}
	.news .carousel-indicators, .news .carousel-control { display:none;}
	.news h1 {
		line-height:28px;
		.f-size(18px);
		.f-bold;
		color:@f-col-white;		
		.f-up;		
		}
	.news h1:before {
	border: 2px solid #7198cc;
    color: #7198cc;
    content: "+";
    font-size: 16px;
    font-weight: 700;
    margin: 0 10px 0 0;
    padding: 0 8px;		
	left: -50px;
	}	
	.news h1 .catname {
		padding:0 0 0 40px;
		.f-size(13px);
		.f-bold;
		color:@f-col-blue;		
		.f-up;			
		}		
		
	.news p {
		padding:0 0 0 40px;
		.f-size(13px);
		.f-normal;
		color:@f-col-white;		
		}	
	.news a {
		padding:0 0 0 40px;
		.f-size(12px);
		.f-normal;
		color:@f-col-white;
		.f-up;		
	}
	.news a:hover {
		color:@f-col-blue;
		.f-up;		
	}
	
	
	.news a:after {
		margin:0 10px;
		padding:0;
		content:"\»";
		color: @f-col-blue;
		.f-size(16px);
		.f-bold;
	}	

.portfolio1, .portfolio2, .portfolio3, .portfolio4 { clear:both; vertical-align:middle;}

.news .portfolio1 .desc { margin:150px 0;}
.news .portfolio2 .desc { margin:230px 0;}
.news .portfolio3 .desc { margin:250px 0;}


@media (max-width: 768px) {

.news .desc, .news .photo { clear:both;}

.news .photo { margin:10px auto; width:65%; height:auto; text-align:center;}
.news .portfolio1 .desc { margin:10px 0;}
.news .portfolio2 .desc { margin:10px 0;}
.news .portfolio3 .desc { margin:10px 0;}


}

@media (max-width: 360px) {

.bg-home-row { background:none;}	
	
}
/* ***************************** PRIZES BLOCK ******************************** */


.prizes {}

.prizes .title { 
		background:none; 
		color: @f-col-dark;
		.f-bold;	
		text-align:left;
		.f-up;
		}
		
.prizes .title h1 {
		margin:20px 0;
		line-height:24px;
		.f-size(26px);
		}
		
.prizes .title h1 .subtitle {
	.f-bold;
	.f-size(14px);
	color:#7595a0;
	}

	.prizes #carousel_ul {}
	.prizes #carousel_ul li { margin:0; padding:0; width:234px; height:234px;}		

	.prizes #carousel_ul li a {}	
	.prizes #carousel_ul li a img {
	    border: 0 none;
    	border-radius:0 !important;
	    cursor: pointer;
    	margin-bottom:0;
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
		-webkit-backface-visibility: hidden;  /* Fix for transition flickering */	
	    opacity: 0.8;
	    filter: alpha(opacity=80); /* For IE8 and earlier */
		-webkit-transition:background 2s ease-in-out;
		-moz-transition:background 2s ease-in-out;
		-o-transition:background 2s ease-in-out;
		transition:background 2s ease-in-out;				
	}

	.prizes #carousel_ul li a:hover img	{
		filter: none;
		-webkit-filter: none; /* Chrome 19+ & Safari 6+ */
		-webkit-backface-visibility: none;  /* Fix for transition flickering */	
		opacity: 1.0;				
	}
	
	@media (max-width: 768px) {
	
		.prizes #carousel_ul li { margin:0; padding:0; width:153px; height:153px;}		
		
	}
	
	@media (max-width: 360px) {
		
		.prizes #carousel_ul { margin:0 auto; width:120px; text-align:center;}
		.prizes #carousel_ul li { margin:0; padding:0; clear:both; width:120px; height:120px;}		
		
	}	
	
/* ***************************** AKTUALNOSCI PAGE ******************************* */	
	
#aktualnosci1 {
	background-image:url(../img/bg-aktualnosci.jpg);
	background-position:right center;
	background-repeat:no-repeat;
}	


#aktualnosci .newsNormal{
	list-style:none;
	margin:0px;
}
#aktualnosci .newsNormal li {
	padding:20px;
	min-height:450px;
	background:none;
	border:none;
}
#aktualnosci .newsNormal li:nth-child(odd){
	background:none;
	border:none;
}
#aktualnosci .newsNormal li:last-child{
	border:none;
}
#aktualnosci .newsNormal li:first{
	border:none;
}

#aktualnosci .newsNormal img {
	margin:0 0 20px 0;	
}

#aktualnosci .newsNormal h4{
		margin:5px 0 0 0;
		padding:10px 0;
		color: @f-col-dark;
		.f-bold;
		.f-size(18px);	
		text-align:left;
		.f-up;
}

#aktualnosci .newsNormal h4 a {
		color: @f-col-dark;
}

#aktualnosci .newsNormal h4 a:hover {
		color: @f-col-blue;
}

#aktualnosci .newsNormal .btn { 
			margin:0; 
			padding:0; 
			clear:both;
			color: @f-col-blue;			
			.f-up;			
			}
			
#aktualnosci .newsNormal .btn:hover { 
			margin:0; 
			padding:0; 
			clear:both;
			color: @f-col-dark;			
			.f-up;			
			}			

#aktualnosci .newsNormal .btn:after {
		margin:0 10px;
		padding:0px 8px;
		border:2px solid @f-col-blue;
		content:"\+";
		color: @f-col-blue;
		.f-size(16px);
		.f-bold;
	}

#aktualnosci .newsNormal .btn:hover::after {	
		border:2px solid @f-col-dark;
		content:"\+";
		color: @f-col-dark;
}

/* ***************************** PRASA PAGE ******************************* */	
	
#prasa1 {
	background-image:url(../img/bg-aktualnosci.jpg);
	background-position:right center;
	background-repeat:no-repeat;
}	


#prasa .newsNormal{
	list-style:none;
	margin:0px;
}
#prasa .newsNormal li {
	padding:20px;
	min-height:350px;
	background:none;
	border:none;
}
#prasa .newsNormal li:nth-child(odd){
	background:none;
	border:none;
}
#prasa .newsNormal li:last-child{
	border:none;
}
#prasa .newsNormal li:first{
	border:none;
}

#prasa .newsNormal img {
	margin:0 0 20px 0;	
}

#prasa .newsNormal h4{
		margin:5px 0 0 0;
		padding:10px 0;
		color: @f-col-dark;
		.f-bold;
		.f-size(18px);	
		text-align:left;
}

#prasa .newsNormal h4 a {
		color: @f-col-dark;
}

#prasa .newsNormal h4 a:hover {
		color: @f-col-blue;
}

#prasa .newsNormal .btn { 
			margin:0; 
			padding:0; 
			clear:both;
			color: @f-col-blue;			
			.f-up;			
			}
			
#prasa .newsNormal .btn:hover { 
			margin:0; 
			padding:0; 
			clear:both;
			color: @f-col-dark;			
			.f-up;			
			}			

#prasa .newsNormal .btn:after {
		margin:0 10px;
		padding:0px 8px;
		border:2px solid @f-col-blue;
		content:"\+";
		color: @f-col-blue;
		.f-size(16px);
		.f-bold;
	}

#prasa .newsNormal .btn:hover::after {	
		border:2px solid @f-col-dark;
		content:"\+";
		color: @f-col-dark;
}


/* ***************************** SHOPS PAGE ******************************* */	
	
#dystrybucja, #sklepy {
	background:none;
}	

#dystrybucja h3, #sklepy h3 {
		margin:0;
		.f-strong;
		.f-size(20px);
		color: @f-col-dark;
		.f-up;		
	}

#dystrybucja .newsNormal, #sklepy .newsNormal{
	list-style:none;
	margin:0px;
}
#dystrybucja .newsNormal li, #sklepy .newsNormal li {
	padding:20px;
	min-height:150px;
	background:none;
	border:none;
}
#dystrybucja .newsNormal li:nth-child(odd), #sklepy .newsNormal li:nth-child(odd){
	background:none;
	border:none;
}
#dystrybucja .newsNormal li:last-child, #sklepy .newsNormal li:last-child{
	border:none;
}
#dystrybucja .newsNormal li:first, #sklepy .newsNormal li:first{
	border:none;
}

#dystrybucja .newsNormal li h4, #sklepy .newsNormal li h4 {
		margin:0;
		color: @f-col-blue;
		.f-strong;
		.f-size(14px);
		.f-up;
		text-decoration:none;	
	}
	
#dystrybucja .newsNormal li h4 a, #sklepy .newsNormal li h4	a {
		color: @f-col-blue;
		.f-strong;
		.f-size(14px);
		.f-up;
		text-decoration:none;	
	}
	
#dystrybucja .newsNormal li h4 a:hover, #sklepy .newsNormal li h4 a:hover {
		color: @f-col-dark;
		.f-strong;
		.f-size(14px);
		.f-up;
		text-decoration:none;	
	}	
	
#dystrybucja .newsNormal li p, #sklepy .newsNormal li p {
		margin:0;
		.f-normal;		
		.f-size(13px);
	}
	
	
	@media (max-width: 360px) {
	
	#dystrybucja h3, #sklepy h3 { text-align:center;}
	
	}		
	
/* ***************************** CONTACT PAGE ******************************* */		


.contact {
	background-image:url(../img/bg-kontakt.png);
	background-position:right top;
	background-repeat:no-repeat;	
	}

.contact .adres {
	padding:0 0 0 50px;
	clear:both;	
	background-image:url(../img/bg-adres.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}
	
.contact .tel {
	padding:0 0 0 50px;	
	clear:both;	
	background-image:url(../img/bg-tel.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}
	
.contact .mail {
	padding:0 0 0 50px;	
	clear:both;
	background-image:url(../img/bg-mail.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}		

.contact .adres p, .contact .tel p, .contact .mail p {
	line-height:32px;	
}

.contact .mapa {
	margin:100px 0 0 0;
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
		-webkit-backface-visibility: hidden;  /* Fix for transition flickering */	
}

	@media (max-width: 768px) {
	
	.contact .mapa { width:100%;}
	.contact .mapa iframe { width:100%; height:auto;}
	}


/* ***************************** CATEGORY PAGE ******************************* */


#kategorie {}

	#kategorie ul {}
	#kategorie ul li { padding:2px; list-style-type:none; display:block;}	
	
	#kategorie ul li .kategoria { overflow:hidden; position:relative; border:2px solid #e4e7eb;}	
	#kategorie ul li .kategoria a img { margin:0 auto; text-align:center;}	
	#kategorie ul li .kategoria .kategoria-nazwa { position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.8); -webkit-box-shadow: 2px -2px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px -2px 5px 0px rgba(0,0,0,0.1); box-shadow: 2px -2px 5px 0px rgba(0,0,0,0.1);}
	
	#kategorie ul li .kategoria .kategoria-nazwa:before {
		margin:0 10px 0 20px;
		padding:0px 8px;
		border:2px solid #383838;
		content:"\+";
		color: @f-col-bef-dark;
		.f-size(16px);
		.f-bold;	
		}
		
	#kategorie ul li .kategoria .kategoria-nazwa {
		margin:0;
		padding: 30px 10px 30px 0;
		text-decoration: none;
		color: #5c5c5c;
		.f-size(13px);
		display: block;
		.f-bold;
		.f-up;
	}
	
	#kategorie ul li.wszystkie { }	
		#kategorie ul li.wszystkie .kategoria {overflow:hidden; position:relative; background-image:url(../img/bg-button-all.jpg); background-repeat:repeat-x; background-position:top; border:2px solid #333333; min-height:250px;}
			#kategorie ul li.wszystkie .kategoria a { display:block; overflow:hidden; text-decoration:none;}
				#kategorie ul li.wszystkie .kategoria a .nazwa { 
										margin:0 auto; 
										vertical-align:middle; 
										line-height:250px;
										.f-size(13px);
										.f-bold;
										.f-up; 
										color:#ffffff; 
										text-align:center;
										}
				#kategorie ul li.wszystkie .kategoria a:hover .nazwa {}
	
/* ***************************** CATEGORY LIST ******************************* */	

#kategoria-lista {}

	#kategoria-lista ul {}
	#kategoria-lista ul li {
				display:block;
				padding:2px; 
				list-style-type:none; 
				}	
	#kategoria-lista ul li .produkt {
						position:relative;
						overflow:hidden;		
						border: 2px solid #e4e7eb;
						}
						
	#kategoria-lista ul li .produkt a img { margin:0 auto; text-align:center;}	
	#kategoria-lista ul li .produkt .kategoria-nazwa { position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.8); -webkit-box-shadow: 2px -2px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px -2px 5px 0px rgba(0,0,0,0.1); box-shadow: 2px -2px 5px 0px rgba(0,0,0,0.1);}
	
	
	#kategoria-lista ul li .produkt .kategoria-nazwa:before {
		margin:0 10px 0 20px;
		padding:0px 8px;
		border:2px solid #383838;
		content:"\+";
		color: @f-col-bef-dark;
		.f-size(16px);
		.f-bold;	
		}
		
	#kategoria-lista ul li .produkt .kategoria-nazwa {
		margin:0;
		padding: 30px 10px 30px 0;
		text-decoration: none;
		color: #5c5c5c;
		.f-size(13px);
		display: block;
		.f-bold;
		.f-up;
	}	
	

/* ***************************** PRODUCT PAGE ******************************* */

.grey-container { 
    height: 215px;
    background-color:#f5f5f5;}

#breadcrumb { clear:both;}

#galeria { padding:0; height:500px;}

	#galeria #sliderBootstrap {}
		#galeria #sliderBootstrap .carousel-indicators { display:none;}
		#galeria #sliderBootstrap .carousel-control {
			background-color:rgba(255,255,255,1.0);
			border:none;
			border-radius:0px;
			width:80px;
			height: 80px;
			left: 15px;
			line-height: 30px;
			position: absolute;
			top: 510px;
			text-align: center;
		}
		#galeria #sliderBootstrap .carousel-control.right {
		    background-image:url(../img/slider/arrow-right-over.png);
			background-position:left center;
		    background-repeat:no-repeat;
			text-indent:-4000px;
			outline:none;
		    left:490px;
			z-index:100;
		}
		#galeria #sliderBootstrap .carousel-control.left {
		    background-image:url(../img/slider/arrow-left-over.png);
			background-position:right center;
		    background-repeat:no-repeat;
			text-indent:-4000px;
			outline:none;
			left:410px;
			z-index:100;			
		}
		
	@media (max-width: 768px) {
	
	#galeria #sliderBootstrap .carousel-control { display:none;}
	}		

#content { padding:0; float:right; font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#383838;}
	#content .content { margin:0; padding:0 50px;}
	#content .content .title { margin:0 0 50px 0;}	
	#content .content .title h2 { line-height:22px; font-weight:700; font-size:18px; text-transform:uppercase;}	
	#content .content .title h2 span { font-weight:600; font-size:12px; color:#7198cc;}	
	#content .content .title p { font-weight:400; font-size:14px;}	
	
	#content .content p {line-height:30px; font-size:14px;}	
	#content .content ul { margin:0; padding:0;}
	#content .content ul li { padding:0 0 0 30px; list-style-type:none; background-image:url(../img/icons/bg-content-li.png); background-position:left center; background-repeat:no-repeat;  line-height:30px; font-size:12px;}	
	
	#content .content table { margin:20px 0 0 0; border:1px solid #ffffff;}
		#content .content table th { padding:5px 4px; vertical-align:baseline; background-color:#f3f8ff; border:2px solid #ffffff; .f-normal; .f-size(13px); color:#3b5a7a; text-align:center;}			
		#content .content table td { padding:5px 4px; vertical-align:baseline; background-color:#fafafa; border:2px solid #ffffff; .f-size(12px); text-align:center;}		
	

#tabs { margin:100px 0 0 0; clear:both;}
	
	#tabs ul.nav-tabs { border-bottom:2px solid #ccd9ea;}

	#tabs ul.nav-tabs > li { margin-bottom:-2px; background-color:#ffffff; border:none;}		
	#tabs ul.nav-tabs > li.active { margin-bottom:-2px; background-color:#ffffff; border:none; border-top:2px solid #ccd9ea; border-right:2px solid #ccd9ea; }
	
	#tabs ul.nav-tabs > li a { margin:5px 20px; outline:none; border:none; border-radius:0px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; color:#383838; text-transform:uppercase; text-decoration:none;}
	#tabs ul.nav-tabs > li a:hover, #tabs ul.nav-tabs > li a:focus { background:none;}
	#tabs ul.nav-tabs > li.active > a { color:#7198cc;}

	#tabs ul.nav-tabs > li a.datasheet {padding:8px 12px 8px 35px; background-image:url(../img/icons/data-sheet.png); background-position:left center; background-repeat:no-repeat;}
	
	
	
#tabs .tab-content {}

	#tabs .tab-content table { margin:20px 0;}
		#tabs .tab-content th, #tabs .tab-content td { line-height:35px; vertical-align:top; font-size:14px; color:#383838;}
		#tabs .tab-content th { padding:0 0 0 30px; background-image:url(../img/icons/bg-tabs-li.png); background-position:left 13px; background-repeat:no-repeat;}
		#tabs .tab-content td { padding:0 0 0 20px;}
		
	#tabs .tab-content ul { margin:20px 0;}		
		#tabs .tab-content ul li { padding:0 0 0 30px; background-image:url(../img/icons/bg-tabs-li.png); background-position:left 13px; background-repeat:no-repeat; line-height:35px; font-size:14px; color:#383838; }
		
		#tabs .tab-content ul li a {font-size:14px; color:#383838; text-decoration:none;}
		#tabs .tab-content ul li a:hover { color:#000000;}		

@media (max-width: 1024px) {

#content, #galeria { overflow:hidden; clear:both; z-index:10;}

}