@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,400italic,700italic,300italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700,400italic,700italic,300italic&subset=latin,latin-ext);
	
html {
	height:100%
}
body {
	font-family:Roboto,arial,sans-serif;
	background:#fff;
	margin:0;
	color:#231f20;
	font-size:10px;
	height:100%;
	padding:80px 0 0;
	opacity: 0;
	filter: alpha(opacity=0);
	
}
.fleft {
	float:left
}
.fright {
	float:right
}
.fnone {
	float:none!important
}
.dnone {
	display:none
}
.dblock {
	display:block
}
.aright {
	text-align:right
}
.aleft {
	text-align:left
}
.acenter {
	text-align:center
}
.mauto {
	margin:0 auto
}
.dinline {
	display:inline-block
}
.vmiddle {
	vertical-align:middle
}
.vbottom {
	vertical-align:bottom
}
.vtop {
	vertical-align:top
}
.clearfix:after,.clearfix:before {
	content:"";
	display:table
}
.clearfix,.clearfix:after {
	clear:both
}
.table {
	display:table;
	table-layout:fixed;
	width:100%
}
.td {
	display:table-cell;
	vertical-align:top
}
.uppercase {
	text-transform:uppercase
}
a {
	outline:0
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.col {
	float:left
}
.col5 {
	width:5%
}
.col10 {
	width:10%
}
.col11 {
	width:11%
}
.col12 {
	width:12%
}
.col13 {
	width:13%
}
.col14 {
	width:14%
}
.col15 {
	width:15%
}
.col16 {
	width:16%
}
.col17 {
	width:17%
}
.col18 {
	width:18%
}
.col19 {
	width:19%
}
.col20 {
	width:20%
}
.col21 {
	width:21%
}
.col22 {
	width:22%
}
.col23 {
	width:23%
}
.col4 {
	width:24%
}
.col25 {
	width:25%
}
.col26 {
	width:26%
}
.col27 {
	width:27%
}
.col28 {
	width:28%
}
.col29 {
	width:29%
}
.col30 {
	width:30%
}
.col31 {
	width:31%
}
.col32 {
	width:32%
}
.col33 {
	width:33%
}
.col34 {
	width:34%
}
.col35 {
	width:35%
}
.col36 {
	width:36%
}
.col37 {
	width:37%
}
.col38 {
	width:38%
}
.col39 {
	width:39%
}
.col40 {
	width:40%
}
.col41 {
	width:41%
}
.col42 {
	width:42%
}
.col43 {
	width:43%
}
.col44 {
	width:44%
}
.col45 {
	width:45%
}
.col46 {
	width:46%
}
.col47 {
	width:47%
}
.col48 {
	width:48%
}
.col49 {
	width:49%
}
.col50 {
	width:50%
}
.col51 {
	width:51%
}
.col52 {
	width:52%
}
.col53 {
	width:53%
}
.col54 {
	width:54%
}
.col55 {
	width:55%
}
.col56 {
	width:56%
}
.col57 {
	width:57%
}
.col58 {
	width:58%
}
.col59 {
	width:59%
}
.col60 {
	width:60%
}
.col61 {
	width:61%
}
.col62 {
	width:62%
}
.col63 {
	width:63%
}
.col64 {
	width:64%
}
.col65 {
	width:65%
}
.col66 {
	width:66%
}
.col67 {
	width:67%
}
.col68 {
	width:68%
}
.col69 {
	width:69%
}
.col70 {
	width:70%
}
.col71 {
	width:71%
}
.col72 {
	width:72%
}
.col73 {
	width:73%
}
.col74 {
	width:74%
}
.col75 {
	width:75%
}
.col76 {
	width:76%
}
.col77 {
	width:77%
}
.col78 {
	width:78%
}
.col79 {
	width:79%
}
.col80 {
	width:80%
}
.col81 {
	width:81%
}
.col82 {
	width:82%
}
.col83 {
	width:83%
}
.col84 {
	width:84%
}
.col85 {
	width:85%
}
.col86 {
	width:86%
}
.col87 {
	width:87%
}
.col88 {
	width:88%
}
.col89 {
	width:89%
}
.col90 {
	width:90%
}
.col91 {
	width:91%
}
.col92 {
	width:92%
}
.col93 {
	width:93%
}
.col94 {
	width:94%
}
.col95 {
	width:95%
}
.col96 {
	width:96%
}
.col97 {
	width:97%
}
.col98 {
	width:98%
}
.col99 {
	width:99%
}
.row {
	width:100%;
	float:none!important;
	display:table
}
.w100 {
	width:100%
}
.pad5 {
	padding:5px
}
.pad10 {
	padding:10px
}
.pad15 {
	padding:15px
}
.pad20 {
	padding:20px
}
.pad25 {
	padding:25px
}
.pad30 {
	padding:30px
}
.pad35 {
	padding:35px
}
.pad40 {
	padding:40px
}
.pad50 {
	padding:50px
}
.pad60 {
	padding:60px
}
.pad70 {
	padding:70px
}
.pad100 {
	padding:100px
}
.pad200 {
	padding:200px
}
.pad5p {
	padding:5%
}
.pad10p {
	padding:10%!important
}
.pad30p {
	padding:30%
}
.pad-v {
	padding-left:0;
	padding-right:0
}
.pad-h {
	padding-top:0;
	padding-bottom:0
}
.pad-r {
	padding-top:0;
	padding-bottom:0;
	padding-left:0
}
.pad-l {
	padding-top:0;
	padding-bottom:0;
	padding-right:0
}
.pad-t {
	padding-bottom:0;
	padding-left:0;
	padding-right:0
}
.pad-b {
	padding-top:0;
	padding-left:0;
	padding-right:0
}
.pb120 {
	padding-bottom:120px
}
article,aside,figure,footer,header,hgroup,menu,nav,section {
	display:block
}
.menu-link {
	display:none
}
.menu {
	padding:13px 150px 0 0;
	-webkit-transition:all .8s ease;
	-moz-transition:all .8s ease;
	-ms-transition:all .8s ease;
	transition:all .8s ease
}
.menu ul {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	display:inline-table
}
.menu>li>ul.sub-menu {
	min-width:10em;
	padding:4px 0;
	background-color:#fff;
	border:1px solid #e2e3e7
}
.menu ul li {
	padding:0
}
.menu>ul>li {
	display:inline-block;
	font-weight:400
}
.menu ul li a {
	display:block;
	text-decoration:none;
	color:#052045;
	font-size:120%;
	font-family:"Roboto Condensed"
}
.menu ul li>a span {
	padding:0 0 4px;
	text-transform:uppercase
}
.menu ul li.open>a span,.menu ul li:hover>a span {
	border-bottom:3px solid #FDB303
}
.menu ul li>a {
	height:58px;
	padding:14px 12px
}
.menu ul ul {
	display:none;
	position:absolute;
	top:100%;
	min-width:250px;
	background-color:#f4f4f4;
	border:1px solid #e5e6ea
}
.menu ul li:hover>ul {
	display:block
}
.menu ul li ul li.has-submenu>a {
	background-image:url(../img/arrow-right.png);
	background-repeat:no-repeat;
	background-position:95% center
}
.menu ul li ul li.has-submenu:hover>a {
	background:url(../img/arrow-right2.png) 95% center no-repeat #052045
}
.menu ul ul>li {
	position:relative
}
.menu ul ul>li a {
	padding:15px;
	height:auto;
	background-color:#fff;
	font-weight:100
}
.menu ul ul>li:hover>a {
	background-color:#052045;
	color:#fdb710
}
.menu ul ul ul {
	position:absolute;
	left:100%;
	top:0
}
.menu ul li a.home-link {
	display:inline-block;
	height:34px;
	background:url(../img/svg/home.svg) center 12px no-repeat;
	padding:0 12px;
	position:relative;
	text-indent:-10000px;
	top:-11px;
	width:50px
}
.menu ul li a.home-link.active,.menu ul li a.home-link:hover {
	background:url(../img/svg/home-a.svg) center 12px no-repeat
}
.info_war {
	text-align:center;
	font-size:12px;
	margin-top:-100px
}
.fs12 {
	font-size:12px
}
.osiagniecia {
	font-size:22px;
	font-weight:700;
	margin-bottom:8px
}
.fb-like {
	position:relative;
	bottom:-7px
}
.fb-like img {
	height:25px
}
a {
	color:#FDB303
}
a img {
	border:0;
	outline:0
}
.totop {
	top:-1000px;
	position:absolute;
	right:0
}
.tobottom {
	bottom:-1000px;
	position:absolute;
	left:0
}
header.header {
	position:fixed;
	z-index:20;
	left:0;
	right:0;
	top:0;
	padding:0 30px
}
.fire-panel-loaded header.header {
	top:57px
}
.menu-right {
	position:fixed;
	z-index:9;
	right:0;
	top:50%;
	list-style:none;
	padding:0 6px 0 0;
	margin:0
}
.menu-right li {
	padding:0;
	margin:0
}
.menu-right li a {
	display:inline-block;
	line-height:30px;
	font-size:30px;
	background:#fdb303;
	border-radius:100%;
	width:16px;
	height:16px
}
.menu-right li a:hover,.menu-right li.active a {
	background:#052045
}
h1,h2,h3 {
	font-family:'Roboto Condensed',sans-serif;
	margin:0;
	padding:0;
	font-weight:100;
	letter-spacing:-1px
}
h3 {
	font-size:40px;
	margin:20px 0
}
.home,.subpage {
	font-size:150%
}
.logo a {
	padding:23px 0 0
}
.logo h1 {
	text-indent:-1000px;
	width:204px;
	height:28px;
	line-height:28px;
	background:url(../img/logo.svg) no-repeat;
	display:block
}
.content h1 {
	font-size:400%
}
.mobile-only {
	display:none
}
a {
	text-decoration:none;
	transition:background-color .4s ease
}
.condensed {
	font-family:'Roboto Condensed',sans-serif
}
.light {
	font-weight:100
}
.wrapper {
	width:100%;
	height:100%;
	min-width:320px;
	padding:0 30px
}
header.header {
	height:80px;
	background:#fff
}
.store-online {
	font-size:120%;
	background-color: #b92424;
	border:1px solid #970202;
	color:#fff;
	padding:0 10px;
	line-height:28px;
	position:absolute;
	right:108px;
	top:23px
}
.store-online:hover {
	background-color:#052045;
	border:1px solid #052045
}
.home .sections .h2-white {
	border-bottom:3px solid #fff;
	padding:0 0 5%;
	color:#fff;
	width:100%
}
.home .sections .h2-blue {
	border-bottom:3px solid #052045;
	padding:0 0 5%;
	color:#052045;
	width:100%
}
.sections {
	width:100%;
	height:100%;
	padding:0
}
.sections p {
	line-height:1.5em
}
.sections>section {
	width:100%;
	height:auto;
	clear:both;
	position:relative;
	overflow:hidden
}
.sections section section {
	float:left;
	width:50%;
	height:100%;
	padding:5%;
	background-repeat:no-repeat;
	background-size:cover
}
.home .sections h2 {
	font-size:5vm;
	font-size:5vmin;
	font-weight:100;
	text-transform:uppercase;
	padding:0;
	margin:0;
	font-family:'Roboto Condensed'
}
.menu ul li a.lang {
	display:none
}
.home p,.s-ul li,.subcategory-container,footer {
	font-size:2vm;
	font-size:2vmin
}
p {
	line-height:150%
}
.h100 {
	height:100%
}
.h50 {
	height:40%
}
.h30 {
	height:30%
}
.s1-l {
	background-image:url(../img/bg-s1-l.jpg);
	background-position:right
}
.s1-r {
	background-image:url(../img/bg-s1-r.jpg);
	background-position:left;
	color:#052045
}
.s2-l {
	background-image:url(../img/bg-s2-l.jpg);
	background-position:right;
	color:#fff
}
.s2-r {
	background-image:url(../img/bg-s2-r.jpg);
	background-position:left;
	color:#fff
}
.sections section section.s3-l {
	background-color:#fdb303;
	padding:5% 0 5% 5%
}
.s3-r {
	background-image:url(../img/bg-s3-r.jpg);
	background-position:center;
	background-color:#FDB303
}
.s4 {
	background-image:url(../img/bg-s4.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
	font-size:.8em
}
#s3-r {
	background-color:#FDB303
}
.s5-l {
	background-image:url(../img/bg-s5-l.jpg);
	background-position:right
}
.s5-r {
	background-image:url(../img/bg-s5-r.jpg);
	background-position:left
}
.s6-l {
	background-image:url(../img/bg-s6-l.jpg);
	background-position:right
}
.s6-r {
	background-image:url(../img/bg-s6-r.jpg);
	background-position:center
}
.s-ul {
	list-style:none;
	padding:0;
	margin:0;
	color:#fcc300
}
.s-ul li {
	padding:0;
	margin:0;
	color:#2fcc300
}
.s-ul li:before {
	content:"■";
	font-size:15px;
	line-height:5px;
	color:#fcc300;
	position:absolute;
	margin:8px 0 0 -18px
}
.s3-l .d-table {
	padding:0 10% 0 0
}
.d-table {
	display:table;
	table-layout:fixed
}
.d-cell {
	display:table-cell
}
.borderwhite {
	border-bottom:3px solid #fff
}
.borderblue {
	border-bottom:3px solid #052045
}
.sidebar-content,.sidebar-menu ul {
	position:fixed;
	width:295px
}
.category-list {
	position:relative;
	list-style:none;
	padding:0;
	margin:0 -1px 0 0;
	border-right:3px solid #FDB303
}
.category-list:hover {
	border-right:3px solid #0e284c
}
.category-list li {
	text-align:right;
	padding:0;
	position:relative
}
.category-list li a {
	padding:0 70px 25px 0;
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:3vm;
	font-size:3vmin;
	font-weight:100;
	font-family:'Roboto Condensed',sans-serif
}
.category-list li a:hover {
	color:#0e284c
}
.category-list li a:after {
	content:"";
	margin:-60px -41px 0 0;
	display:block;
	height:77px;
	width:77px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:10;
	right:0;
	background-position:center
}
.category-list li.gsm:hover a:after {
	background-image:url(../img/svg/gsm-a.svg);
	background-color:#fdb305;
	border-radius:100%;
	border:3px solid #0e284c
}
.category-list li.komputer:hover a:after {
	background-image:url(../img/svg/komputer-a.svg);
	background-color:#fdb305;
	border-radius:100%;
	border:3px solid #0e284c
}
.category-list li.materialy:hover a:after {
	background-image:url(../img/svg/materialy-a.svg);
	background-color:#fdb305;
	border-radius:100%;
	border:3px solid #0e284c
}
.category-list li.led:hover a:after {
	background-image:url(../img/svg/led-a.svg);
	background-color:#fdb305;
	border-radius:100%;
	border:3px solid #0e284c
}
.category-list li.uzytkowa:hover a:after {
	background-image:url(../img/svg/uzytkowa-a.svg);
	background-color:#fdb305;
	border-radius:100%;
	border:3px solid #0e284c
}
.category-list li.akcesoria:hover a:after {
	background-image:url(../img/svg/akcesoria-a.svg);
	background-color:#fdb305;
	border-radius:100%;
	border:3px solid #0e284c
}
.subcategory-list li {
	color:#052045;
	line-height:1.5em;
	font-weight:100;
	font-size:1.3em
}
.subcategory-container {
	padding:15% 0 0;
	overflow:hidden
}
#s3-r div>div {
	display:none
}
section.gsm {
	background-image:url(../img/bg-gsm.jpg);
	background-position:center;
	min-height:500px;
	position:absolute;
	right:0
}
section.gsm div.gsm {
	display:block!important
}
section.komputer {
	background-image:url(../img/bg-s3-r.jpg);
	background-position:center;
	min-height:500px;
	position:absolute;
	right:0
}
section.komputer div.komputer {
	display:block!important
}
section.materialy {
	background-image:url(../img/bg-materialy.jpg);
	background-position:center;
	min-height:500px;
	position:absolute;
	right:0
}
section.materialy div.materialy {
	display:block!important
}
section.led {
	background-image:url(../img/bg-led.jpg);
	background-position:center;
	min-height:500px;
	position:absolute;
	right:0
}
section.led div.led {
	display:block!important
}
section.uzytkowa {
	background-image:url(../img/bg-uzytkowa.jpg);
	background-position:center;
	min-height:500px;
	position:absolute;
	right:0
}
section.uzytkowa div.uzytkowa {
	display:block!important
}
section.akcesoria {
	background-image:url(../img/bg-moto.jpg);
	background-position:center;
	min-height:500px;
	position:absolute;
	right:0
}
section.akcesoria div.akcesoria {
	display:block!important
}
.our-brands {
	list-style:none;
	height:100%;
	margin:0;
	padding:0 0 120px
}
.our-brands li {
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	height:20%;
	width:33.33%;
	display:table;
	table-layout:fixed;
	transition:background-color .4s ease
}
.our-brands li:hover {
	background-color:#fdb303
}
.our-brands li div {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	height:100px
}
.brands-logo {
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	display:inline-block;
	text-indent:-10000px
}
.logo-telforceone {
	background-position:0 -484px;
	width:175px;
	height:30px
}
.logo-setty  {
	background-position: 0 -423px;
	width: 117px;
	height: 40px;
	
}
.logo-greengo {
	background-position:0 -522px;
	width:93px;
	height:95px
}
.logo-forever-light {
	background-position:0 -628px;
	width:150px;
	height:58px
}
.logo-forcelight {
	background-position:0 -699px;
	width:175px;
	height:32px
}
.logo-tfo-suppliesline {
	background-position:0 -742px;
	width:132px;
	height:45px
}
.logo-myphone {
	background-position:0 -812px;
	width:174px;
	height:50px
}
.logo-foof {
	background-position:0 -871px;
	width:135px;
	height:54px
}
.logo-tabaque {
	background-position:0 -923px;
	width:161px;
	height:66px
}
.logo-one {
	background:url(../img/svg/one-white.svg) center no-repeat;
	background-size:100%;
	width:117px;
	height:50px
}
.logo-beyo {
	background:url(../img/svg/beeyo-white.svg) center no-repeat;
	background-size:100%;
	width:100px;
	height:100px
}
.showdesc {
	color:#fcc300;
	font-weight:400
}
.our-brands li div:hover .logo-telforceone {
	background-position:-255px -484px
}
.our-brands li div:hover .logo-setty {
	background-position:-255px -423px;
	
}
.our-brands li div:hover .logo-greengo {
	background-position:-255px -522px
}
.our-brands li div:hover .logo-forever-light {
	background-position:-255px -628px
}
.our-brands li div:hover .logo-forcelight {
	background-position:-255px -699px
}
.our-brands li div:hover .logo-tfo-suppliesline {
	background-position:-255px -742px
}
.our-brands li div:hover .logo-myphone {
	background-position:-255px -812px
}
.our-brands li div:hover .logo-foof {
	background-position:-255px -871px
}
.our-brands li div:hover .logo-tabaque {
	background-position:-255px -923px
}
.our-brands li div:hover .logo-one {
	background:url(../img/svg/one-blue.svg) center no-repeat;
	background-size:100%
}
.our-brands li div:hover .logo-beyo {
	background:url(../img/svg/beeyo-blue.svg) center no-repeat;
	background-size:100%
}
.navybluealpha {
	background-color:rgba(14,40,76,.4)
}
.navybluealpha2 {
	background-color:rgba(14,40,76,.9)
}
.s4-1 {
	padding:90px 100px 0
}
.square {
	color:#fdb303;
	padding:0 10px
}
.company-desc-mobile {
	color:#052045
}
.button-yellow {
	border:1px solid #deac00;
	background-color:#fdb303;
	color:#052045;
	padding:10px 12px;
	display:inline-block;
	font-weight:700
}
.button-yellow:hover {
	background-color:#deac00;
	border:1px solid #fdb303
}
.ico {
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	display:inline-block;
	vertical-align:middle
}
.ico-cart {
	background-position:0 -94px;
	width:19px;
	height:19px;
	margin:0 0 0 5px
}
.button-yellow.pdf {
	padding-left:40px;
	background-image:url(../img/svg/pdf-icon.svg);
	background-position:5px center;
	background-size:30px;
	background-repeat:no-repeat
}
.button-yellow.doc {
	padding-left:40px;
	background-image:url(../img/svg/doc-icon.svg);
	background-position:5px center;
	background-size:30px;
	background-repeat:no-repeat
}
.lang {
    float: left;
    display: inline-block;
    font-size: 0.8em;
    color: #052045;
    padding: 10px 0 0 10px;
    line-height: 23px;
    font-weight: bold;
}

.lang-en {
    opacity: 0.5;
    width: 23px;
    height: 23px;
    display: inline-block;
    background-image: url(../img/sprites.png);
    background-position: 0 -120px;
    vertical-align: middle
}

.lang-pl {
    opacity: 0.5;
    width: 23px;
    height: 23px;
    display: inline-block;
    background-image: url(../img/sprites.png);
    background-position: 0 -146px;
    vertical-align: middle
}

.lang-de {
    opacity: 0.5;
    width: 23px;
    height: 23px;
    display: inline-block;
    background-image: url(../img/sprites.png);
    background-position: 0 -173px;
    vertical-align: middle
}

.lang-fr {
    opacity: 0.5;
    width: 23px;
    height: 23px;
    display: inline-block;
    background-image: url(../img/sprites.png);
    background-position: 0 -202px;
    vertical-align: middle
}

.lang.active .lang-pl, .lang.active .lang-en, .lang.active .lang-de, .lang.active .lang-fr {
    opacity: 1;
}
.fb_iframe_widget span {
	vertical-align:middle!important
}
.content {
	padding:55px;
	background:#eceef2;
	min-height:600px
}
.content .header-container {
	padding:33px 28px
}
.content h1,.content h2 {
	font-weight:100;
	padding:0 0 30px;
	margin:0;
	text-transform:uppercase;
	border-bottom:2px solid #052045
}
.content ul {
	list-style:none;
	padding:0 0 0 18px;
	margin:0
}
.content ul li {
	margin:0
}
.content ul li:before {
	content:"■";
	font-size:15px;
	line-height:5px;
	color:#fcc300;
	position:absolute;
	margin:5px 0 0 -18px
}
.sidebar-menu {
	height:100%;
	width:295px;
	background:#fdb303;
	text-transform:uppercase
}
.sidebar-menu.offer {
	background:#eea800;
	border-right:1px solid #d39903
}
.sidebar-menu h2 {
	padding:28px;
	margin:0;
	font-weight:100;
	font-size:35px;
	text-transform:uppercase
}
.sidebar-menu ul {
	list-style:none;
	padding:0;
	margin:0
}
.sidebar-menu ul li {
	padding:0;
	margin:0
}
.sidebar-menu ul li a {
	display:block;
	border-top:1px solid #fed168;
	padding:10px 28px;
	font-weight:400;
	color:#fff;
	font-size:100%;
	font-family:'Roboto Condensed'
}
.sidebar-menu ul li:last-child a {
	border-bottom:1px solid #fed168
}
.sidebar-menu ul li a:hover,.sidebar-menu ul li.active a {
	background:#eceef2;
	color:#062146;
	border-top:1px solid #f4f5f7
}
.sidebar-menu.subcategories {
	padding:97px 0 0
}
.sidebar-menu.subcategories ul li {
	position:relative
}
.sidebar-menu.subcategories ul li a {
	font-size:100%;
	padding:10px 20px;
	border-top:1px solid #fed168
}
.sidebar-menu.subcategories li a:after {
	content:"";
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	right:10px;
	top:10%;
	background-repeat:no-repeat;
	background-position:center
}
.sidebar-menu.subcategories li.gsm a:after {
	background-image:url(../img/svg/gsm.svg)
}
.sidebar-menu.subcategories li.komputer a:after {
	background-image:url(../img/svg/komputer.svg)
}
.sidebar-menu.subcategories li.materialy a:after {
	background-image:url(../img/svg/materialy.svg)
}
.sidebar-menu.subcategories li.led a:after {
	background-image:url(../img/svg/led.svg)
}
.sidebar-menu.subcategories li.uzytkowa a:after {
	background-image:url(../img/svg/uzytkowa.svg)
}
.sidebar-menu.subcategories li.akcesoria a:after {
	background-image:url(../img/svg/akcesoria.svg)
}
.sidebar-menu.subcategories li.gsm.active a:after {
	background-image:url(../img/svg/gsm-a.svg)
}
.sidebar-menu.subcategories li.komputer.active a:after {
	background-image:url(../img/svg/komputer-a.svg)
}
.sidebar-menu.subcategories li.materialy.active a:after {
	background-image:url(../img/svg/materialy-a.svg)
}
.sidebar-menu.subcategories li.led.active a:after {
	background-image:url(../img/svg/led-a.svg)
}
.sidebar-menu.subcategories li.uzytkowa.active a:after {
	background-image:url(../img/svg/uzytkowa-a.svg)
}
.sidebar-menu.subcategories li.akcesoria.active a:after {
	background-image:url(../img/svg/akcesoria-a.svg)
}
.sidebar-menu.subcategories li.gsm:hover a:after {
	background-image:url(../img/svg/gsm-a.svg)
}
.sidebar-menu.subcategories li.komputer:hover a:after {
	background-image:url(../img/svg/komputer-a.svg)
}
.sidebar-menu.subcategories li.materialy:hover a:after {
	background-image:url(../img/svg/materialy-a.svg)
}
.sidebar-menu.subcategories li.led:hover a:after {
	background-image:url(../img/svg/led-a.svg)
}
.sidebar-menu.subcategories li.uzytkowa:hover a:after {
	background-image:url(../img/svg/uzytkowa-a.svg)
}
.sidebar-menu.subcategories li.akcesoria:hover a:after {
	background-image:url(../img/svg/akcesoria-a.svg)
}
.sidebar-info {
	width:400px;
	min-width:350px;
	padding:65px 2%;
	background:url(../img/bg-about-us.jpg) no-repeat #F0B529
}
.sidebar-right {
	width:350px;
	background:#F0B529
}
.sidebar-right div {
	position:fixed;
	height:100%;
	width:auto;
	padding:65px 2%;
	margin-right:30px
}
.sidebar-partners div {
	background:url(../img/bg-partners.jpg) no-repeat #FEB30A
}
.sidebar-info div {
	background:url(../img/bg-partners.jpg) no-repeat #F0B529
}
.sidebar-misja div {
	background:url(../img/foto3.jpg) no-repeat #FBB005
}
.sidebar-srodowisko div {
	background:url(../img/foto4.jpg) no-repeat #FBB005
}
.sidebar-nagrody div {
	background:url(../img/foto5.jpg) no-repeat #FDB304
}
.sidebar-jak-zostac div {
	background:url(../img/foto6.jpg) no-repeat #FDB304
}
.sidebar-nasi-partnerzy div {
	background:url(../img/foto7.jpg) no-repeat #FDB304
}
.sidebar-zamowienia div {
	background:url(../img/foto8.jpg) no-repeat #FDB304
}
.sidebar-szczegoly-wspolpracy div {
	background:url(../img/foto9.jpg) no-repeat #FDB306
}
.sidebar-right h3 {
	font-weight:100;
	padding:0;
	margin:0;
	text-transform:uppercase;
	font-size:230%
}
.gallery-container {
	width:100%;
	padding:0 15px 0 0
}
.gallery-container img {
	width:33%;
	float:left;
	padding:.5%
}
.content-expand {
	display:none
}
.content-expand a {
	color:#fdb303
}
.contact .content-expand p {
	font-size:80%;
	line-height:200%
}
.expand-container {
	margin:0 0 10px;
	padding:10px 17px;
	background:#fff;
	border:1px solid #dce2e9
}
.expander {
	color:#1d1d1b;
	text-transform:uppercase;
	display:block;
	padding:0 0 0 26px
}
.expander.collapsed:before {
	content:"";
	position:absolute;
	width:16px;
	height:10px;
	background-image:url(../img/sprites.png);
	background-position:0 -1656px;
	margin:5px 0 0 -26px
}
.expander.expanded:before {
	content:"";
	position:absolute;
	width:16px;
	height:10px;
	background-image:url(../img/sprites.png);
	background-position:0 -1672px;
	margin:5px 0 0 -26px
}
.category-list .expander.collapsed::before {
	display:none
}
.contact-form input, .contact-form select {
	font-family:Roboto;
	font-size:100%;
	width:100%;
	margin:0 0 20px;
	padding:0 20px;
	line-height:40px;
	height:40px;
	border:1px solid #ced7e4
}
.contact-form textarea {
	font-family:Roboto;
	font-size:100%;
	width:100%;
	height:80px;
	margin:0 0 20px;
	padding:10px 20px;
	line-height:20px;
	border:1px solid #ced7e4
}
.contact-form input[type=submit] {
	font-family:Roboto;
	font-size:80%;
	width:auto;
	background:#fcc300;
	border:2px solid #deac00;
	color:#052045;
	cursor:pointer;
	font-weight:700
}
.map {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0
}
.content .profits {
	list-style:none;
	margin:0;
	padding:0
}
.profits li {
	width:33.333%;
	float:left;
	display:block;
	min-height:460px;
	padding:30px;
	margin:0;
	outline:#dce2e9 solid 1px;
	text-align:center
}
.profits li:nth-child(odd) {
	background:#fff
}
.profits li:before {
	display:none;
	padding:0;
	margin:0
}
.profits li span {
	background-color:#052045;
	width:100px;
	height:100px;
	border-radius:100%;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	display:block
}
.profits li span img {
	height:55px;
	vertical-align:middle;
	margin:25% auto;
	
}
.profits li h3 {
	color:#052045;
	text-transform:uppercase;
	font-weight:400;
	font-family:Roboto;
	text-align:center;
	padding:30px 0 10px;
	font-size:130%
}
.profits li:hover span {
	position:relative;
	bottom:3px
}
.profits.vision li {
	width:50%;
	padding:28px;
	min-height:240px
}
.profits.v100 li {
	width: 100%;
}
.profits.ordering li {
	width:50%;
	padding:38px;
	min-height:240px
}
.profits.ordering li span img {
	vertical-align:middle;
	margin:25% auto;
	width:50%
}
.content .brands {
	list-style:none;
	margin:0;
	padding:0
}
.brands li {
	width:33.33%;
	float:left;
	display:block;
	min-height:460px;
	padding:30px;
	margin:0;
	outline:#dce2e9 solid 1px;
	text-align:center
}
.brands li:nth-child(odd) {
	background:#fff
}
.brands li:before {
	display:none;
	padding:0;
	margin:0
}
.brands li span {
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	display:inline-flex;
	height:140px
}
.brands li span img {
	vertical-align:middle;
	margin:0 auto;
	width:180px;
	height:auto
}
.brands li span.active {
	display:none
}
.brands li h3 {
	color:#052045;
	text-transform:uppercase;
	font-weight:400;
	font-family:Roboto;
	text-align:center;
	padding:30px 0 10px;
	font-size:160%
}
.brands li a.active {
	display:none;
	border:1px solid #deac00;
	background-color:#fcc300;
	color:#052045;
	padding:8px 36px 8px 16px;
	font-weight:700;
	background-image:url(../img/sprites.png);
	background-position:136px -86px
}
.brands li a.active:hover {
	background-color:#deac00
}
.brands li a.www {
	display:none;
	background-color:#082145;
	color:#fff;
	padding:8px 36px 8px 16px;
	font-weight:700
}
.brands li a.www:hover {
	background-color:#deac00
}
.brands li .go-to-website,.brands li:hover span {
	display:none
}
.brands li:hover .active {
	display:inline-flex
}
.brands li:hover a.active,.brands li:hover a.www {
	display:inline-block
}
.brands li:hover .go-to-website {
	display:block
}
.brands li p {
	height:150px
}
.products-list {
	position:relative;
	margin:0 -20px
}
.products-list ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left
}
.products-list ul li {
	transition:all .2s ease-in-out;
	float:left;
	list-style:none;
	padding:0;
	margin:0 0 2% 2%;
	border:1px solid #fdb303;
	position:relative;
	width:29.3%
}
.products-list ul li:before {
	display:none
}
.products-list ul li:hover {
	transform:scale(1.05)
}
.products-list ul li img {
	float:left;
	width:100%
}
.products-list ul li a {
	background:rgba(255,255,255,.5);
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	color:#052045;
	font-size:110%
}
.products-list ul li a:hover {
	background:rgba(255,255,255,0)
}
.products-list ul li a span {
	display:block;
	vertical-align:bottom;
	position:absolute;
	bottom:0;
	padding:25px 20px
}
.partners-logos {
	background:#fff;
	text-align:center;
	padding:20px 0
}
.partners-logos img {
	vertical-align:middle;
	height:80px
}
.marki-partnerskie {
	margin:0 auto;
	padding:20px 20px;
    background-color: #fff;
}
.marki-partnerskie img {
	height:20px;
	margin:10px
}
.marki-partnerskie h3 {
	border-bottom:2px solid #052045;
	font-size:25px;
	padding:0 0 10px
}
.news-list {
	padding:50px 0 0;
	position:relative;
	float:left
}
.news-list ul {
	height:100%;
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	position:relative;
	clear:both
}
.news-list ul li {
	width:100%;
	margin:0 0 17px;
	padding:30px;
	background:#fff;
	border:1px solid #dce2e9;
	float:left;
	position:relative
}
.news-list ul li:before {
	display:none
}
.news-list ul li img {
	width:100%;
	float:left
}
.news-list ul li h3 {
	font-size:240%
}
.news-list ul li .image {
	border:1px solid #dce2e9
}
.news-list ul li .news {
	padding:0 50px 0 30px
}
.news-list ul li p a {
	color:#fdb303;
	text-decoration:underline;
	padding:0;
	text-transform:lowercase
}
.news-list ul li p a:before {
	display:none
}
.news-tags {
	padding:26px 0
}
.news-tags a {
	display:inline-block;
	padding:10px;
	color:#979da9;
	background:#eceef2;
	margin:0 9px 9px 0
}
.news-date {
	text-align:center;
	background:#fdb303;
	color:#fff;
	display:block;
	position:absolute;
	z-index:3;
	right:0;
	width:66px;
	height:66px;
	border-radius:100%;
	padding:15px 0 0;
	line-height:100%;
	top:70px
}
.news-date span.day {
	font-size:28px;
	display:block;
	padding:0 0 5px
}
.news-date span {
	font-size:12px
}
.expander-news {
	position:absolute;
	right:20px;
	bottom:50px
}
.paging-nav {
	list-style:none;
	padding:0;
	margin:0;
	float:right
}
.paging-nav li {
	border-right:1px solid #bac5d4;
	border-bottom:1px solid #bac5d4;
	border-top:1px solid #bac5d4;
	float:left
}
.paging-nav li:first-child {
	border-left:1px solid #bac5d4
}
.paging-nav li a {
	display:block;
	width:36px;
	line-height:31px;
	text-align:center
}
.paging-nav li.active a {
	background:#fcc300;
	color:#fff
}
.paging-nav li:before {
	display:none
}
.history ul {
	list-style:none;
	padding:0;
	margin:50px 0 0
}
.history ul li:before {
	display:none;
	background:0 0
}
.history ul li {
	clear:both;
	width:50%;
	display:block;
	text-align:center;
	padding:15px 0;
	position:relative
}
.history ul li:nth-child(odd) {
	border-right:3px solid #052145;
	float:left
}
.history ul li:nth-child(even) {
	border-left:3px solid #052145;
	float:right;
	left:-3px
}
.history ul li h3 {
	margin:0;
	padding:0;
	font-size:25px;
	background:#FDB303;
	display:block;
	width:75px;
	height:75px;
	text-align:center;
	line-height:75px;
	position:absolute;
	right:-37.5px;
	top:15%;
	border:3px solid #052145;
	z-index:3;
	border-radius:100%
}
.history ul li:nth-child(even) h3 {
	right:default;
	left:-37.5px;
	background:#fff
}
.history ul li:nth-child(even) p {
	text-align:left;
	padding:0 0 0 60px
}
.history ul li p {
	padding:0 60px 0 0;
	text-align:right
}
.download-area {
	background:rgba(255,255,255,.9);
	padding:28px
}
.w100 img {
	width:100%
}
.tfo-offer {
	padding:0;
	margin:0;
	list-style:none
}
.tfo-offer li {
	float:left;
	padding:50px;
	width:300px;
	text-align:center
}
.tfo-offer li h3 {
	font-size:25px
}
.tfo-offer li span {
	margin:0 auto;
	display:block;
	height:77px;
	width:77px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#0A2A50;
	border-radius:100%
}
.tfo-offer li:before {
	display:none
}
.tfo-offer li.gsm span {
	background-image:url(../img/svg/gsm.svg)
}
.tfo-offer li.komputer span {
	background-image:url(../img/svg/komputer.svg)
}
.tfo-offer li.materialy span {
	background-image:url(../img/svg/materialy.svg)
}
.tfo-offer li.led span {
	background-image:url(../img/svg/led.svg)
}
.tfo-offer li.uzytkowa span {
	background-image:url(../img/svg/uzytkowa.svg)
}
.tfo-offer li.akcesoria span {
	background-image:url(../img/svg/akcesoria.svg)
}
.go-to-website {
	text-align:center;
	color:#CECCCC;
	font-size:12px;
	padding:7px 0
}
.menu-link {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	line-height:22px;
	font-size:3em;
	font-weight:700
}
footer {
	z-index:12;
	width:100%;
	padding:0 30px;
	background:#fff;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	text-align:right;
	font-size:90%;
	font-weight:100;
	line-height:40px;
	height:40px
}
footer a {
	color:#fdb303
}
.lang-choose {
	display:inline-block;
	vertical-align:middle;
	float:left
}
@media all and (max-width:1400px) {
	.brands li {
	width:33.333%
}
.products-list ul li {
	width:46%
}
.sidebar-menu h2 {
	font-size:200%
}
.sidebar-menu ul li a {
	font-size:120%
}
.sidebar-content,.sidebar-menu,.sidebar-menu ul {
	width:200px
}
.sidebar-menu.subcategories ul li a {
	font-size:90%;
	padding:15px 40px 15px 20px
}
.sidebar-menu.subcategories li a:after {
	top:10px
}

}
@media all and (max-width:1280px) {
	.brands-list {
	width:80%
}
.brands-desc {
	display:none!important
}
.sidebar-map {
	width:30%
}
.subpage h1 {
	font-size:300%;
	padding:0 0 30px
}
.sidebar-right {
	width:250px
}
.profits li span {
	width:70px;
	height:70px
}
.profits li h3 {
	font-size:100%
}
.profits.ordering li {
	padding:38px 38px 0;
	width:100%
}

}
@media all and (max-width:1430px) {
	.history ul li {
	width:50%
}
.sidebar-info,.sidebar-partners {
	display:none
}
.products-list ul li {
	width:100%;
	margin-right:0
}
.brands li,.profits li {
	width:50%
}
.gallery-container {
	padding:30px 0
}
.navybluealpha2 {
	background-color:rgba(14,40,76,1)
}
.logo {
	padding:0 0 0 80px
}
.store-online {
	right:30px
}
.menu-link {
	left:30px
}
.menu {
	clear:both;
	min-width:inherit;
	float:none;
	position:fixed;
	z-index:9;
	left:0;
	top:61px;
	width:300px
}
.menu.active {
	max-height:100%;
	overflow:auto;
	bottom:0
}
.menu ul li {
	border-bottom:1px solid #feca4f
}
.menu ul li.has-submenu {
	background:url(../img/arrow-down-white.png) 90% 22px no-repeat
}
.menu ul li.has-submenu a {
	font-weight:100;
	font-family:'Roboto Condensed'
}
.menu ul li:hover {
	background-color:#EFA800
}
.menu ul li.has-submenu a.active {
	background-color:#eceef2;
	background-image:url(../img/arrow-top.png);
	background-repeat:no-repeat;
	background-position:90% 22px;
	color:#052045;
	border-bottom:1px solid #c7cdd6
}
.menu ul li.has-submenu ul li a.active {
	background-color:#fff!important;
	background-image:url(../img/arrow-top.png);
	background-repeat:no-repeat;
	background-position:90% 22px;
	color:#052045;
	border-bottom:1px solid #c7cdd6
}
.menu ul li ul li ul li a {
	background:#fff;
	padding-left:60px
}
.menu ul li.has-submenu:hover {
	background:url(../img/arrow-top.png) 90% 22px no-repeat #EFA800
}
.menu ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:18px
}
.menu ul li ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:100;
	font-size:15px
}
.menu ul li.home-link {
	padding:0 30px
}
.menu ul li a {
	padding:14px 14px 14px 40px;
	height:inherit
}
a.menu-link {
	width:60px;
	height:60px;
	display:block;
	color:#fff;
	background:url(../img/sprites.png) 14px -1543px no-repeat #fdb303;
	float:right;
	text-decoration:none;
	padding:19px 10px
}
a.menu-link.active {
	background-position:19px -1610px
}
.menu ul li a.home-link {
	top:0
}
.menu {
	overflow:auto
}
.menu>ul ul {
	overflow:hidden;
	max-height:0;
	background-color:#fdb303;
	padding:0
}
.menu {
	max-height:0;
	background-color:#fdb303;
	padding:0;
	border-right:1px solid #feca4f
}
.menu>li>ul.sub-menu {
	padding:0;
	border:none
}
.menu>ul ul.active {
	max-height:70em
}
.menu ul {
	display:inline
}
.menu>ul {
	border-top:1px solid grey
}
.menu li,.menu>ul>li {
	display:block
}
.menu ul li ul li {
	border:none
}
.menu li a {
	display:block;
	padding:.8em;
	position:relative
}
.menu ul li ul li.has-submenu:hover>a {
	background-image:url(../img/arrow-down2.png);
	background-position:90% 22px;
	background-repeat:no-repeat;
	background-color:#ECEEF2;
	color:#052045
}
.menu ul li ul>li a {
	background-color:#eceef2;
	padding:15px 18px 15px 40px;
	color:#052045;
	border-bottom:1px solid #c7cdd6
}
.menu ul li.active>a span,.menu ul li:hover>a span {
	border-bottom:0
}
.menu ul li ul li.has-submenu>a {
	background-image:url(../img/arrow-down2.png);
	background-position:90% 22px;
	background-repeat:no-repeat;
	background-color:#ECEEF2
}
.menu ul ul,.menu ul ul ul {
	display:inherit;
	position:relative;
	left:auto;
	top:auto;
	border:none
}
.menu ul ul>li:hover>a {
	background:#EFA800;
	color:#fff
}
.menu ul ul>li.open>a {
	font-weight:700
}
.category-list li a {
	padding:15px 64px 15px 0;
	font-size:20px
}
.menu ul li a.home-link.active {
	display:inline-block;
	width:50px;
	background:url(../img/svg/home.svg) center 12px no-repeat;
	text-indent:-10000px
}
.menu ul li a.lang {
	display:inline-block;
	padding:10px
}
.menu ul li a.lang:hover span {
	opacity:1
}
.menu>ul>li:first-child {
	padding:0 0 10px 30px
}
.menu ul li.open>a span {
	border-bottom:0
}

}
@media all and (max-width:1024px)
	{
		footer div
	{
		border:none
	}
	body
	{
		padding:60px 0 0
	}
	header.header
	{
		height:60px
	}
	.tfo-offer
	{
		text-align:center;
		display:block;
		width:100%
	}
	.tfo-offer li
	{
		padding:0;
		width:150px;
		display:inline-block
	}
	.logo
	{
		padding:0 0 0 40px
	}
	.logo h1
	{
		background-size:70%
	}
	.store-online
	{
		background-color:#b92424;
		/*background-image:url(../img/sprites.png);
		*/background-position:71px -1457px;
		background-repeat:no-repeat;
		border:1px solid #970202;
		color:#fff;
		padding:18px 14px 12px 14px;
		position:absolute;
		right:0;
		top:0
	}
	.menu-link
	{
		left:0
	}
	.home .sections h2
	{
		font-size:40px!important;
		border:none!important
	}
	.our-brands
	{
		list-style:none;
		height:100%;
		margin:0;
		padding:0 0 120px
	}
	.our-brands li
	{
		float:left;
		list-style:none;
		margin:0;
		height:25%;
		display:table;
		table-layout:fixed;
		transition:background-color .4s ease
	}
	.our-brands li:hover
	{
		background-color:#fdb303
	}
	.our-brands li div
	{
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		height:100px
	}
	.our-brands li:hover .brands-logo
	{
		background-image:none!important;
		background-repeat:no-repeat;
		display:block;
		text-indent:0;
		font-size:1.5em;
		width:100%;
		height:auto
	}
	.subcategory-container
	{
		padding-top:2%
	}
	.menu ul li:hover>a>span
	{
		border:none
	}
	.home p,.s-ul li,.subcategory-container,footer
	{
		font-size:20px!important
	}
	footer
	{
		font-size:1em
	}
	.sections h2
	{
		font-size:2.5em;
		padding:0 0 20px
	}
	body sections
	{
		font-size:25px
	}
	.mobile-only
	{
		display:block
	}
	.desktop-only
	{
		display:none
	}
	.store-online
	{
		float:left;
		margin:0 0 0 20px
	}
	.menu-right
	{
		display:none
	}
	.history ul li
	{
		width:50%
	}
	.sections
	{
		padding:0
	}
	.sections section section
	{
		width:100%;
		clear:both;
		position:static!important;
		height:auto
	}
	.sections .h2-blue,.sections .h2-white
	{
		border:none;
		text-align:default;
		padding:0!important
	}
	.vbottom,.vtop
	{
		vertical-align:middle
	}
	.h50
	{
		height:100%
	}
	.s1-r
	{
		background:#FDB303;
		height:30%;
		text-align:left
	}
	.s2-l
	{
		background-position:top;
		background-size: 100%!important;
		background-image: url(../img/bg-s2-lc.jpg)!important;
		min-height: 400px!important;
		
	}
	.sections section section.s1-l
	{
		height:500px;
		background-position:top
	}
	section.s1-l h2
	{
		text-align:right;
		float:right
	}
	.sections section section.s2-r
	{
		text-align:left;
		padding:5%;
		background:#1B3452
	}
	.category-list
	{
		border:none!important;
		float:left
	}
	.category-list li
	{
		text-align:left;
		padding:0 0 0 60px
	}
	.category-list li ul li
	{
		text-align:left;
		padding:0 0 0 20px
	}
	.category-list li a:after
	{
		z-index:2;
		background-image:url(../img/sprites.png);
		content:"";
		display:block;
		height:43px;
		width:40px;
		background-repeat:no-repeat;
		position:absolute;
		left:0;
		top:65px
	}
	.sections section section
	{
		background-position:bottom
	}
	.category-list li.gsm a:after
	{
		background-image:url(../img/svg/gsm.svg)
	}
	.category-list li.komputer a:after
	{
		background-image:url(../img/svg/komputer.svg)
	}
	.category-list li.materialy a:after
	{
		background-image:url(../img/svg/materialy.svg)
	}
	.category-list li.led a:after
	{
		background-image:url(../img/svg/led.svg)
	}
	.category-list li.uzytkowa a:after
	{
		background-image:url(../img/svg/uzytkowa.svg)
	}
	.category-list li.akcesoria a:after
	{
		background-image:url(../img/svg/akcesoria.svg)
	}
	.category-list li.gsm:hover a:after
	{
		background-image:url(../img/svg/gsm-a.svg);
		background-color:#fdb305;
		border-radius:100%;
		border:3px solid #fdb305
	}
	.category-list li.komputer:hover a:after
	{
		background-image:url(../img/svg/komputer-a.svg);
		background-color:#fdb305;
		border-radius:100%;
		border:3px solid #fdb305
	}
	.category-list li.materialy:hover a:after
	{
		background-image:url(../img/svg/materialy-a.svg);
		background-color:#fdb305;
		border-radius:100%;
		border:3px solid #fdb305
	}
	.category-list li.led:hover a:after
	{
		background-image:url(../img/svg/led-a.svg);
		background-color:#fdb305;
		border-radius:100%;
		border:3px solid #fdb305
	}
	.category-list li.uzytkowa:hover a:after
	{
		background-image:url(../img/svg/uzytkowa-a.svg);
		background-color:#fdb305;
		border-radius:100%;
		border:3px solid #fdb305
	}
	.category-list li.akcesoria:hover a:after
	{
		background-image:url(../img/svg/akcesoria-a.svg);
		background-color:#fdb305;
		border-radius:100%;
		border:3px solid #fdb305
	}
	.category-list li a.expanded
	{
		color:#0e284c
	}
	.category-list .expander
	{
		background:0 0
	}
	.content-expand
	{
		margin:0 0 0 -61px
	}
	.contact .content-expand
	{
		margin:0
	}
	.category-list .expander.collapsed:before,.category-list .expander.expanded:before
	{
		display:none
	}
	.sections section section.s3-l
	{
		padding:5%
	}
	.s3-l .h2-white
	{
		text-align:center;
		padding:0
	}
	.s4 .col20
	{
		display:none
	}
	.s4 .col60
	{
		width:100%
	}
	#s3-r
	{
		display:none;
		min-height:500px!important
	}
	.navybluealpha2
	{
		border:none
	}
	.s4
	{
		background:#052045
	}
	.our-brands li
	{
		width:50%;
		padding:5%;
		border:1px solid #1e3758
	}
	.company-desc-mobile
	{
		padding:5% 0;
		text-align:left
	}
	.m-acenter
	{
		text-align:center
	}
	.s5-l
	{
		background:#FFB944
	}
	.s6-r
	{
		background:#e8eaee
	}
	.s2-l
	{
		min-height:700px
	}
	#section3
	{
		height:auto!important
	}
	.category-list li a::before
	{
		top:10px
	}
	footer
	{
		height:auto;
		text-align:left
	}
	footer strong
	{
		display:inline-block
	}
	.wrapper
	{
		padding:0
	}
	.news-list ul li .image
	{
		width:100%;
		display:block
	}
	.news-list ul li .news
	{
		width:100%;
		display:block;
		padding:20px 0 0
	}
	.sidebar-menu
	{
		display:none
	}
	.gallery-container img
	{
		width:50%;
		float:left
	}
	.sidebar-map
	{
		display:none
	}
	footer
	{
		position:static
	}
	footer span.square
	{
		display:none
	}
	.contact .col50
	{
		width:100%
	}
	.contact .pad-l,.contact .pad-r
	{
		padding:0
	}
	.brands li,.profits li
	{
		width:100%
	}
	.content
	{
		padding:20px
	}
	.products-list ul li a
	{
		background:rgba(255,255,255,0);
		font-size:200%
	}
	section.s1-l h2
	{
		max-width:80%
	}
	.sections>section
	{
		overflow:visible
	}
	.products-list ul li
	{
		width:46%;
		margin:0 0 2% 2%
	}

}
@media all and (max-width:500px) {
	.products-list
	{
		margin:0
	}
	.products-list ul li
	{
		width:100%;
		margin:0 0 2%!important
	}
	.products-list ul li:hover
	{
		transform:scale(1)
	}
	.subpage h1
	{
		font-size:200%;
		padding:0 0 30px
	}
	.our-brands li
	{
		width:100%
	}
}
@media all and (max-width:400px) {
	.subpage h1
	{
		font-size:200%;
		padding:0 0 30px
	}
	.our-brands li
	{
		width:100%
	}
	header.header
	{
		padding:0 0 0 22px;
		
	}
}
@media (max-width: 550px)  {
	.s2-l
	{
		min-height: 200px!important;
		
	}
}

.s7-l  {
	 background-image: url(../img/bg-s7-l.jpg);
	 background-position: right;
	 color: #fff;
	 
}
 .s7-r  {
	 background-image: url(../img/bg-s7-r.jpg);
	 background-position: left;
	 color: #fff;
	 
}
 .mah6  {
	 margin: auto;
	 height: 65%;
	 
}
	.te-ce  {
	 text-align: center;
	 
}
 .te-ce img  {
	 margin: 20px 0;
	 
}
 .te-ce .lin1  {
	 background-color: #082145;
	 color: #FFF;
	 
}
 .te-ce .lin2  {
	 background-color: #fcc300;
	 color: #000;
	 
}
	.te-ce .lin1, .te-ce .lin2  {
	 margin: auto;
	 padding: 5px;
	 font-weight: bold;
	 display: block;
	 width: 330px;
	
}
 .te-ce .lin1:hover, .te-ce .lin2:hover  {
	background-color:#deac00;
	
}
.ma-60  {
	 margin-top: 60px;
	 
}
 .scrold  {
	 background-image: url('/assets/img/scroll.s.png');
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: 22px;
	 position: relative;
	 height: 40px;
	 width: 40px;
	 margin: auto;
	 top: 81%;
	 cursor: pointer;
	 background-color: #000;
	 border: 2px solid #fff;
	 -webkit-border-radius: 30px;
	 -moz-border-radius: 30px;
	 border-radius: 30px;
	 opacity: .7;
	 filter: alpha(opacity=70);
	 
}
 .border_red {
	border:1px solid #b92424 !important;
	
}
 .h1_osw_led  {
	 display: block;
	 color: #000;
	 text-transform: uppercase;
	 color: #000;
	 margin: 20px 0 10px 0;
	 
}
 .boxlt  {
	 position: fixed;
	 right: 0;
	 top: 35%;
	 text-align: center;
	 padding: 10px;
	 background: #052145;
	 font-weight: bold;
	 font-size: 14px;
	 border-radius: 10px 0 0 10px;
	 
}
 a.aplikuj  {
	 font-weight: bold;
	 border: 1px solid;
	 padding: 5px;
	 display: block;
	 width: 150px;
	 text-align: center;
	 margin: 5px auto;
	 
}
 a.aplikuj:hover  {
	 border: 1px solid #052145;
	 color: #052145;
	 
}


.logo-hammer  {
	background-position: 0 -373px;
	 width: 178px;
	height: 40px;
	
}



.logo-hammer  {
	background-position: 0px -373px;
	
}

.lang-de  {
	opacity: 0.5;
	width: 23px;
	height: 23px;
	display: inline-block;
	background-image: url(../img/sprites.png);
	background-position: 0 -175px;
	vertical-align: middle;
	

}




.logo-hakatools  {
	background-position: 0 -240px;
	 width: 200px;
	height: 53px;
	
}


.our-brands li div:hover .logo-hakatools  {
	background-position: -241px -240px;
	
}


.logo-wheele  {
	background-position: -6px -309px;
	 width: 199px;
	 height: 60px;
	
}


.our-brands li div:hover .logo-wheele  {
	background-position: -247px -309px;
	
}

.our-brands li div:hover .logo-hammer  {
	background-position: -254px -377px;
	
}


.logo-madsenhouse {background-position: -172px -1036px; width: 133px;height: 103px;}

.our-brands li div:hover .logo-madsenhouse {background-position: -335px -1036px;}

.brands li:nth-child(even) {background: rgba(240, 240, 240, 1)}


/*LOGO PRODUCERS AND PARTNERS*/

a[href="#"] { cursor: default; }
.anim {
	background-image: url("../img/marki-partnerskie/marki.png");
	display: inline-block;
	height: 100px;
	border: 1px solid #FDFDFD;
	margin: 0 20px 20px 0;
}
.anim:hover {
	border: 1px solid #FDC300;
}
.anim.acme, .anim.acme:before, .anim.acme:after { width: 130px; }
.anim.acme { background-position: -26px 5px; }
.anim.acmetgc, .anim.acmetgc:before, .anim.acmetgc:after { width: 150px; }
.anim.acmetgc { background-position: -43px -850px; }
.anim.akyga, .anim.akyga:before, .anim.akyga:after { width: 130px; }
.anim.akyga { background-position: -161px 5px; }
.anim.alcatel, .anim.alcatel:before, .anim.alcatel:after { width: 160px; }
.anim.alcatel { background-position: -253px -1227px; }
.anim.aula, .anim.aula:before, .anim.aula:after { width: 130px; }
.anim.aula { background-position: -493px -850px; }
.anim.becker, .anim.becker:before, .anim.becker:after { width: 140px; }
.anim.becker { background-position: -308px 5px; }
.anim.blow, .anim.blow:before, .anim.blow:after { width: 140px; }
.anim.blow { background-position: -491px 5px; }
.anim.brother, .anim.brother:before, .anim.brother:after { width: 130px; }
.anim.brother { background-position: -654px 5px; }
.anim.canon, .anim.canon:before, .anim.canon:after { width: 140px; }
.anim.canon { background-position: -625px -279px; }
.anim.continent, .anim.continent:before, .anim.continent:after { width: 300px; }
.anim.continent { background-position: -14px -716px; }
.anim.creative, .anim.creative:before, .anim.creative:after { width: 200px; }
.anim.creative { background-position: -618px -716px; }
.anim.cybernetik, .anim.cybernetik:before, .anim.cybernetik:after { width: 211px; }
.anim.cybernetik { background-position: -611px -1226px; }
.anim.defunc, .anim.defunc:before, .anim.defunc:after { width: 152px; }
.anim.defunc { background-position: -437px -1226px; }
.anim.dji, .anim.dji:before, .anim.dji:after { width: 130px; }
.anim.dji { background-position: -7px -92px; }
.anim.dlink, .anim.dlink:before, .anim.dlink:after { width: 130px; }
.anim.dlink { background-position: -136px -92px; }
.anim.dripro, .anim.dripro:before, .anim.dripro:after { width: 140px; }
.anim.dripro { background-position: -274px -92px; }
.anim.goodram, .anim.goodram:before, .anim.goodram:after { width: 130px; }
.anim.goodram { background-position: -275px -1108px; }
.anim.greencell, .anim.greencell:before, .anim.greencell:after { width: 245px; }
.anim.greencell { background-position: -575px -1106px; }
.anim.honor, .anim.honor:before, .anim.honor:after { width: 156px; }
.anim.honor { background-position: -43px -982px; }
.anim.hp, .anim.hp:before, .anim.hp:after { width: 100px; }
.anim.hp { background-position: -409px -91px; }
.anim.huawei, .anim.huawei:before, .anim.huawei:after { width: 150px; }
.anim.huawei { background-position: -516px -91px; }
.anim.imro, .anim.imro:before, .anim.imro:after { width: 130px; }
.anim.imro { background-position: -672px -88px; }
.anim.integral, .anim.integral:before, .anim.integral:after { width: 170px; }
.anim.integral { background-position: -30px -180px; }
.anim.jabra, .anim.jabra:before, .anim.jabra:after { width: 130px; }
.anim.jabra { background-position: -211px -187px; }
.anim.kingston, .anim.kingston:before, .anim.kingston:after { width: 180px; }
.anim.kingston { background-position: -365px -187px; }
.anim.kmp, .anim.kmp:before, .anim.kmp:after { width: 130px; }
.anim.kmp { background-position: -258px -597px; }
.anim.krusell, .anim.krusell:before, .anim.krusell:after { width: 150px; }
.anim.krusell { background-position: -644px -373px; }
.anim.lark, .anim.lark:before, .anim.lark:after { width: 194px; }
.anim.lark { background-position: -246px -1344px; }
.anim.lenovo, .anim.lenovo:before, .anim.lenovo:after { width: 140px; }
.anim.lenovo { background-position: -174px -492px; }
.anim.lg, .anim.lg:before, .anim.lg:after { width: 130px; }
.anim.lg { background-position: -345px -484px; }
.anim.microsoft, .anim.microsoft:before, .anim.microsoft:after { width: 200px; }
.anim.microsoft { background-position: -31px -278px; }
.anim.mykronoz, .anim.mykronoz:before, .anim.mykronoz:after { width: 180px; }
.anim.mykronoz { background-position: -270px -848px; }
.anim.myphone, .anim.myphone:before, .anim.myphone:after { width: 200px; }
.anim.myphone { background-position: -20px -598px; }
.anim.nokia, .anim.nokia:before, .anim.nokia:after { width: 130px; }
.anim.nokia { background-position: -247px -278px; }
.anim.oki, .anim.oki:before, .anim.oki:after { width: 130px; }
.anim.oki { background-position: -668px -598px; }
.anim.pioneer, .anim.pioneer:before, .anim.pioneer:after { width: 200px; }
.anim.pioneer { background-position: -394px -273px; }
.anim.plantronics, .anim.plantronics:before, .anim.plantronics:after { width: 250px; }
.anim.plantronics { background-position: -569px -179px; }
.anim.pny, .anim.pny:before, .anim.pny:after { width: 185px; }
.anim.pny { background-position: -422px -982px; }
.anim.rebeltec, .anim.rebeltec:before, .anim.rebeltec:after { width: 130px; }
.anim.rebeltec { background-position: -19px -382px; }
.anim.romoss, .anim.romoss:before, .anim.romoss:after { width: 196px; }
.anim.romoss { background-position: -31px -1348px; }
.anim.roxfit, .anim.roxfit:before, .anim.roxfit:after { width: 185px; }
.anim.roxfit { background-position: -637px -982px; }
.anim.samsung, .anim.samsung:before, .anim.samsung:after { width: 143px; }
.anim.samsung { background-position: -149px -380px; }
.anim.sandisk, .anim.sandisk:before, .anim.sandisk:after { width: 150px; }
.anim.sandisk { background-position: -325px -380px; }
.anim.siliconpower, .anim.siliconpower:before, .anim.siliconpower:after { width: 270px; }
.anim.siliconpower { background-position: -328px -716px; }
.anim.skross, .anim.skross:before, .anim.skross:after { width: 230px; }
.anim.skross { background-position: -30px -1112px; }
.anim.sony, .anim.sony:before, .anim.sony:after { width: 130px; }
.anim.sony { background-position: -493px -375px; }
.anim.sumdex, .anim.sumdex:before, .anim.sumdex:after { width: 190px; }
.anim.sumdex { background-position: -434px -598px; }
.anim.tigerworld, .anim.tigerworld:before, .anim.tigerworld:after { width: 130px; }
.anim.tigerworld { background-position: -655px -487px; }
.anim.toshiba, .anim.toshiba:before, .anim.toshiba:after { width: 150px; }
.anim.toshiba { background-position: -500px -487px; }
.anim.tplink, .anim.tplink:before, .anim.tplink:after { width: 130px; }
.anim.tplink { background-position: -19px -487px; }
.anim.trackimo, .anim.trackimo:before, .anim.trackimo:after { width: 184px; }
.anim.trackimo { background-position: -36px -1231px; }
.anim.trust, .anim.trust:before, .anim.trust:after { width: 130px; }
.anim.trust { background-position: -668px -848px; }
.anim.xblitz, .anim.xblitz:before, .anim.xblitz:after { width: 150px; }
.anim.xblitz { background-position: -234px -982px; }
.anim.xtrememac, .anim.xtrememac:before, .anim.xtrememac:after { width: 100px; }
.anim.xtrememac { background-position: -447px -1108px; }
.anim.polaroid, .anim.polaroid:before, .anim.polaroid:after { width: 238px; }
.anim.polaroid { background-position: -607px -1346px; }

.anim.blaupunkt, .anim.blaupunkt:before, .anim.blaupunkt:after { width: 260px; }
.anim.blaupunkt { background-position: -11px -1461px; }

.anim.cellularline, .anim.cellularline:before, .anim.cellularline:after { width: 134px; }
.anim.cellularline { background-position: -446px -1346px; }

.anim.puro, .anim.puro:before, .anim.puro:after { width: 157px; }
.anim.puro { background-position: -480px -1455px; }

.anim.bjorn, .anim.bjorn:before, .anim.bjorn:after { width: 192px; }
.anim.bjorn { background-position: -647px -1455px; }

.anim.oppo {
	width: 162px;
    background-position: -44px -982px;
}
.anim.navitel {
    width: 170px;
    background-position: -444px -598px;
}
.anim.motorola {
	width: 224px;
    background-position: -607px -1348px;
}
.anim.panasonic {
    width: 212px;
    background-position: -390px -278px;
}

.rodoMail { font-size: 11px; text-align: justify; margin-bottom: 20px; }
.rodoMail input { float: left; display: inline-block; width: 30px; margin-right: 23px; height: 30px; }

.ch-lang { float: left; padding-top: 8px; overflow: hidden; height: 60px; position: relative; width: 70px; }
.ch-lang:hover { position: initial; }
.ch-lang > .chl1 { position: absolute; background: #fff; padding: 10px 10px 10px 2px; }
.ch-lang > .chl1 > a { display: block; float: none; }
@media all and (max-width: 1430px) {
	.ch-lang { display: none; }
}