li.msrp { display:none !important; }
/*p#notify-corona { display:block !important; }
p#notify-corona:after {
content:"Zaradi trenutnih razmer vam zaradi ohranjanja vašega zdravja in zdravja dostavnih uslužbencev odsvetujemo plačilo z gotovino po povzetju oz. naprošamo, če je le možnost, da izberete plačilo po predračunu ali s plačilnimi karticami.";
}
*/
body {
font-family:'Open Sans',sans-serif;
background:#222;
}

article.home,#basketList div, .footerContainer, .headerContainer, #container, article.categoryempty, 
article.normal-width, article.brands, article.contentpage, #bannerWrapper, nav#headerCategories, .benefits, article.root {
width:1140px;
}
#banner, #banner a, #banner a img {
width:100%;
}

article, article.categoryempty, article.normal-width {
width:880px;
}

article.brands .product-detail-title {
float:none;
}
 
#container {
padding: 0 60px 60px;
position:relative;
background:#fff;
}

#contentWrapper {
position:relative;
background:#fff;
padding:0;
}


.roundbox {border:none;}


#announcement {
margin:0 auto;
background-color:#222;
color:#80ea00;
font-weight:600;
font-size:13px;
/*white-space:nowrap;*/
overflow: hidden;
text-overflow: ellipsis;
}
#announcement p {
padding:3px 15px;
display:inline-block;
}

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

header {
margin: 0;
background: #80ea00;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6ff01), to(#80ea00)); /* Safari 4-5, Chrome 1-9  */
background: -webkit-linear-gradient(top, #e6ff01, #80ea00); /* Safari 5.1, Chrome 10+  */
background: -moz-linear-gradient(top, #e6ff01, #80ea00); /* Firefox 3.6+ */
background: -ms-linear-gradient(top, #e6ff01, #80ea00); /* IE 10  */
background: -o-linear-gradient(top, #e6ff01, #80ea00); /* Opera 11.10+  */
z-index: 9999;
width: 100%;
background-size: cover;
min-height: 170px;
border-bottom:6px solid #222;
}

.headerContainer {
margin:0 auto;
position:relative;
padding:0;
}

.headerContainer.main {
height:120px;
}

header a#homelink {
width:370px;
height:100px;
top:10px;
left:0;
background:url(logo-header.svg) no-repeat left center;
background-size:auto 80px;
position:absolute;
z-index:100;
padding-left:220px;
box-sizing:border-box;
color:#222;
}

header .headerSlogan {
display:block;
font-size:13px;
line-height:16px;
font-style:italic;
color:#222;
position:absolute;
width:120px;
top:42px;
left:220px;
padding-left:10px;
border-left:1px solid rgba(0,0,0,0.2);
}


header .headerBar {
display:block;
width:100%;
}

header nav {
background:#80ea00;
display:block;
padding:0;
}

header nav ul {
float:left;
}        

header nav ul li {
padding:0;
} 

header nav ul li a {
padding:0 10px;
display:block;
color:#fff;
font-weight:300;
font-size:15px;
line-height:50px;
} 
header nav ul li.action a, 
header nav ul li.clearance a {
color:#80ea00;
font-weight:bold;
}



header nav ul li a i {
font-size:16px !important;
}        

header nav ul li a:hover {
background:#222;
}        


/* Categories */

.headerCategoriesWrapper {
background:#333;
width:100%;
height:50px;
}

nav#headerCategories {
margin:0 auto;
position:relative;
}

nav#headerCategories ul li div {
display:none;
position:absolute;
width:100%;
top:50px;
left:0;
background:#222;
z-index:9900;
padding:20px 10px;
}

nav#headerCategories ul li div ul {
float:none;
margin:0 0 20px;
}

nav#headerCategories ul li div>ul {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}

nav#headerCategories ul li div ul {
float:none;
}

nav#headerCategories ul li div > ul > li > a {
line-height:30px;
font-size: 13px;
}
nav#headerCategories ul li div > ul > li.action > a,
nav#headerCategories ul li div > ul > li.clearance > a {
color:#80ea00;
font-weight:bold;
}


nav#headerCategories ul li div > ul > li > a:hover {
background:none;
color:#888;
}

/* Categories all */


nav#headerCategories ul li.all i {
margin-left:5px;
}

nav#headerCategories ul li.all div>ul {
-webkit-column-count: 4; /* Chrome, Safari, Opera */
-moz-column-count: 4; /* Firefox */
column-count: 4;
}

nav#headerCategories ul li.all div > ul > li > a {
line-height:20px;
font-weight:600;
color:#80ea00;
font-size: 14px;
margin:0 0 20px;
}

nav#headerCategories ul li.all div > ul > li > a:hover {
background:none;
color:#fff;
}


nav#headerCategories ul li.all div > ul > li > ul > li > a {
font-size: 13px;
line-height: 20px;
}

nav#headerCategories ul li.all div > ul > li > ul > li > a:hover {
background:none;
color:#888;
}

/* User Nav / Login
---------------------*/

#user-nav {
position:relative;
float:right;
}

#user-nav>ul {
float:left;
}

#user-nav>ul>li {
float:left;
padding:0 10px;
font-size:13px;
line-height:30px;
}

#user-nav>ul>li>p {
color:#222;
font-size:13px;
line-height:30px;
font-weight:600 !important;
padding:0 10px;
display:block;
}

#user-nav>ul>li>a {
font-weight:400 !important;
display:block;
color:#222 !important;
padding:0;
}


#user-nav>ul>li>a:hover {
color:#444;
}

header a#header-login {
padding:0 10px;
font-size:13px;
line-height:30px;
height:auto;
float:none;
width:auto;
border:none;
margin:0;
text-decoration:none;
color:#222;
font-weight:600 !important;
display:block;
border-radius:0; 
}

header a#header-login:hover {
color:#444;
}

header a.home {
margin-right:20px;
}

header .social {
position:absolute;
top:43px;
right:0px;
}

header .social>a {
float:left;
display:block;
font-size:19px;
line-height:30px;
color:#222;
margin-right:10px;
text-align:center;
}

header .social>a:hover {
opacity:0.8;
}

header .headerInfo {
float:left;
font-size:13px;
line-height:18px;
padding:0 30px 0 0;
color:#222;
position: relative;
top: -14px;
font-weight:400;
}

header .headerInfo a {
color:#222;
}

header .headerInfo i {
margin-right:8px;
width:13px;
}

/*header .headerInfo .hours, footer .hours {
padding-left:24px;
display:block;
position:relative;
margin:3px 0 0;
}*/

header .headerInfo .hours i, footer .hours i {
position:absolute;
top:2px;
left:0;
}
header .headerInfo .hours b, header .headerInfo .hours strong, footer .hours b, footer .hours strong {
display:block;
}




/* Search
------------------------------ */
#search {
height:auto;
position:relative;
float:none;
margin:0 0 0 400px;
top:35px;
padding:0;
background:none;
box-sizing:border-box;
width:300px;
}

#search input[type='text'] {
width:100%;
background:#fff;
height:auto;
font-size:15px;
font-weight:400;
line-height:45px;
padding:0 50px 0 15px;
color:#333;
margin:0;
box-sizing:border-box;
border-radius:4px;
}

#search a {
background:no-repeat;
height:45px;
width:45px;
position:absolute;
top:0;
right:0;
padding:0;
margin:0;
color:#ddd;
font-size:20px;
line-height:40px;
text-align:center;
}

#search a i {
width:100%;
}

#search a:hover {
color:#80ea00;
}

.autocomplete-suggestions strong { color:#80ea00; }

/* basket
------------------------*/

#basket {
width:auto;
height:auto;
margin:0 0 0 10px;
position:relative;
padding:0 40px 0 10px;
display:block;
height:auto;
width:auto;
float:left;
background:rgba(0,0,0,0.1);
border-radius:4px;
box-sizing:border-box;
}

#basket a:hover {
opacity:0.8;
}

#basket>a {
display:block;
position:absolute;
top:0;
left:0;
width:90%;
height:100%;
padding:0;
margin:0;
z-index:100;
}
#basket>a:after {
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f291";
color:#000;
margin-top:6px;
font-size:18px;
float:right;
}


#basket>p.sum {
position:relative;
font-size:15px;
line-height:32px;
font-weight:600;
display:block;
color:#222;
}

#basket>p.sum b {
font-weight:600;
}
#basket>p.qty {
position:absolute;
font-size:14px;
min-width:20px;
height:20px;
line-height:20px;
border-radius:10px;
text-align:center;
overflow:hidden;
font-weight:600;
display:block;
color:#222;
top:-6px;
right:-7px;
background:#fff;
padding:0 3px;
}


#basket span, #basket br {
display:none;
}


#basketList div {
top:101px;
right:-40px;
padding:20px 20px 55px;
border:none;
background:#333;
color:#fff;
box-sizing:border-box;
border-bottom:6px solid #222;
}
#basketList a.hide {
font-size:12px;
color:#808080;
border:none;
background:#444;
padding:10px 0;
}

#basketList a:hover.hide {
background:#333;
text-decoration:none;
color:#fff;
}

#basketList a.checkout {
border:none;
background:#80ea00;
text-shadow:none;
box-shadow: none;
border-radius:4px;
text-align:center;
margin:0;
float:left;
color:#222;
font-size:24px;
font-weight:300;
padding:20px 40px;
}
#basketList a:hover.checkout {
opacity:0.8;
color:#fff;
}

#basketList>div>p {
text-shadow:none;
margin:10px 0;
font-size:16px;
line-height:24px;
font-weight:400;
float:right;
text-align:right;
display:block;
}

#basketList>div>p span {
font-size:24px;
color:#fff;
display:inline-block;
padding:10px 15px;
background:#505050;
top:2px;
position:relative;
margin-left:10px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

#basketList>div> span {
font-size:30px;
color:#fff;
padding:20px 15px 30px;
border:none;
background:none;
text-shadow:none;
font-weight:300;
}

#basketList>div>ul {
border-bottom:1px solid #404040;
margin:0 0 20px; 
padding:0 0 20px;
}

#basketList>div>ul>li {
font-size:18px;
line-height:18px;
padding:15px;
text-shadow:none;
font-weight:300;
position: relative;
display: table;
width: 100%;
box-sizing: border-box;
}

#basketList>div>ul>li:hover {
background:#404040;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

#basketList>div>ul>li>b {
width:8%; 
}

#basketList>div>ul>li>a {
color:#fff;
width:74%;
}

#basketList>div>ul>li>a:hover {
color:#ccc !important;
}

#basketList>div>ul>li>span { 
width:18%; 
padding-right:60px;
text-align:right;
font-weight:400;
padding-left:0px;
}

#basketList>div>ul>li.active-title,
#basketList>div>ul>li.active {
background-color:#404040;
border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
-webkit-border-radius:0 0 3px 3px;
text-shadow:none;
margin:0;
}


#basketList>div>ul>li.active-title {
background:#505050;
position:relative;
color:#fff;
border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
}

#basketList>div>ul>li.active-title:before {
content:"";
position:absolute;
bottom:-8px;
left:50%;
display:block;
width: 0px !important;
height: 0px !important;
border-left: 10px outset transparent !important;
border-right: 10px outset transparent !important;
background-image:none  !important;
margin:0 0 0 -5px;
border-top: 10px solid #505050 !important;
border-bottom: none !important;
position:absolute;
z-index:100;
}


#basketList>div>ul>li>a.remove-button {
color:#808080;
font-size:21px;
line-height:20px;
right:20px;
position:absolute;
display:block;
width:20px;
}

#basketList>div>ul>li>a.remove-button:hover i {
color:#80ea00;
text-decoration:none;
}

/* categories
------------------------*/
#categories {
margin:70px 0 0;
border:none;/**/
padding:0;
}

.categoriesWrapper.home {
display:none;
}

#categories h3, #categories ul li a.link  {display:none}

#categories>ul {
background:#fff;
padding:0;
border:none;
border-radius:5px;
}

#categories>ul>li {
border:none;
margin:0 0 5px;
}
#categories>ul>li>a {
padding:10px;
background:#f5f5f5;
color:#333;
font-weight:600;
font-size:13px;
margin:0 0 0px;
border-radius:4px;
}

#categories>ul>li>a.on {
color:#80ea00;
font-weight:600;
}

#categories>ul>li>a.toplevel {
display:none;
}

#categories>ul>li>a:hover {
background:#ffff00 !important;
color:#333;
}


#categories>ul>li>ul a:hover {
background:#80ea00 !important;
color:#222;
}

#categories>ul>li li {
border-bottom:1px solid #444;
}

#categories>ul>li ul {
background:#333;
padding:0;
border-radius:5px;
margin:0 0 10px;
}

#categories > ul > li:last-child ul:last-child {
border-radius:5px;
}

#categories>ul>li li a {
color:#fff;
font-size:13px;
padding:7px 10px;
border-radius:0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#categories>ul>li li.action a,
#categories>ul>li li.clearance a {
color:#80ea00;
font-weight:bold;
}

#categories > ul > li li a.on {
color:#80ea00 !important;
}

#categories>ul>li>ul a.on:hover {
background:#80ea00 !important;
color:#222 !important;
}
#categories>ul>li li.action a:hover,
#categories>ul>li li.clearance a:hover {
color:#fff !important;
}


#categories>ul>li>ul>li>ul {
margin:0;
padding:0;
background:#555;
border-radius:0;
}

#categories>ul>li>ul>li>a {
padding:10px;
}

#categories>ul>li>ul>li>ul>li>a {
padding:10px;
}

#categories>ul>li>ul>li>ul>li>ul>li>a {
background:#666;
padding:10px;
}

#categories>ul>li>ul>li>ul>li>ul {
padding:0;
margin:0;
border-top:1px solid #444;
}

#categories>ul>li>ul>li>ul>li>ul>li>a:before {
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f105";
margin-right:10px;
}

#categories>ul>li li a.on {
font-weight:600;
color:#333;
}

#categories>ul>li>ul>li:first-child, #categories>ul>li>ul>li:first-child>a,#categories>ul>li:first-child>a {
border-radius:4px 4px 0 0 !important;
}

#categories>ul>li>ul>li:last-child>a,#categories>ul>li:last-child>a {
border-radius:0 0 4px 4px;
}

#categories>ul li:last-child {
border-bottom:none;
}

/* Filters 
-----------------------------*/

#filters {
padding:20px 0 20px;
}

#filters h3 {
background:#80ea00;
color:#fff;
margin:40px 0 5px;
border-radius:0;
font-size:16px;
padding:10px;
display:block;
text-align:left;
}

#filters .filterName {
font-weight:400;
font-size:14px;
color:#222;
padding:10px 0;
}

#filters .filterSlider {
color:#222;
font-weight:400;
font-size:13px;
width:100%
}
#filters .filterSlider span {
font-weight:600;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
background:#80ea00;
}
/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
background:#80ea00;
}
/* All the same stuff for IE */
input[type=range]::-ms-thumb {
background:#80ea00;
}

#filters .filterName.collapsable::after {
margin-top:6px;
}
#filters .filterName.collapsable.hidden::after {
margin-top:5px;
}

#filters ul {
padding:0 0 20px;
}

#filters ul li label {
font-size:13px;
line-height:20px;
color:#222;
font-weight:400;
top:auto;
left:auto;
position:relative;
display:inline-block;
margin-left:10px;
vertical-align:middle;
text-overflow:ellipsis;
max-width:86%;
}

#filters ul li {
padding:5px 0;
height:auto;
}

#filters .checkbox {
width: 15px;
height: 15px;
border-radius: 2px;
border:0;
position: relative;
top:auto;
left:auto;
cursor:pointer;
vertical-align:middle;
background:#f5f5f5;
}

#filters .checkbox input {
margin: 2px;
display: block;
z-index:200;
position:relative;
}   


#filters ul li:hover .checkbox:not(.checkboxChecked) {
background:#eee;
}

#filters div.checkboxChecked {
background:#80ea00;
}


#filters ul li:hover label{
color:#80ea00;
text-decoration:none;
}




/*-------------------*/
.creditCards  {
text-align:center;
width:220px;
padding:20px 0 60px;
}

.creditCards h3 {
background:#f5f5f5;
color:#222;
margin:5px 0;
border-radius:4px;
font-size:13px;
padding:10px;
display:block;
width:200px;
margin:10px 0 0;
text-align:left;
}

.creditCards p {
color:#222;
font-size:13px;
padding:10px 0;
}

.creditCards>a {
display:inline-block;
margin:6px;
}

.creditCards>a:hover {opacity:0.8;}

.creditCards>a img {display:block;}



/* product list
------------------------*/
article {
margin:0;
padding:0;
}    


#article-title {
border:none;
padding:0;
border-radius:0; 
margin:0 0 40px;
border-bottom:1px solid #eee;
line-height:30px;
}

#article-title h1 {
font-size:30px;
line-height:30px;
font-weight:600;
color:#333; 
padding:30px 0;
margin:0;
}

article.root #article-title h1 {
display:none;
}

article.root #article-title {
border:none;
}


#article-title .desc {
color:#777; 
font-size:13px;
line-height:23px;
padding:0 0 30px;
}

ul.product-list {
border:none;
margin-left:-2%;
width:102%;
}

ul.product-list li {
width:23%;
height:90px;
padding:220px 0 0;
margin:0 0 40px 2%;
border:none;
}

article.home ul.product-list li {
width:18%;
}

ul.product-list.groups li {
height:70px;
}
article.home ul.product-list.groups li, article.root ul.product-list.groups li {
height:auto;
padding:0;
margin-bottom:20px;
}

ul.product-list .img {
position:absolute;
top:0;
left:0;
height:205px;
width:100%;
margin:0 auto;
padding:22px 0;
border-radius:4px;
box-sizing:border-box;
box-shadow:1px 1px 6px 0 #ddd;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

article.home ul.product-list.groups li .img, article.root ul.product-list.groups li .img {
position:relative;
top:auto;
left:auto;
width:100%;
height:auto;
padding:0;
border-radius: 0px;
}

ul.product-list.groups li .img img {
width:160px;
}
article.home ul.product-list.groups li .img img, article.root ul.product-list.groups li .img img {
width:100%;
height:auto;
}

article.home ul.product-list.groups li a, article.root ul.product-list.groups li a {
position:relative;
display:block;
}

ul.product-list li:hover .img {
box-shadow:none;
}

ul.product-list .img img {
margin:0 auto;
}

ul.product-list h3 {
font-size:13px;
line-height:18px;
font-weight:600;
color:#222;
display:block;
text-align:left;
padding:0;
height:auto;
}

ul.product-list li h3:hover {
color:#80ea00 !important;
text-decoration:none !important;
}

article.home ul.product-list.groups li h3, article.root ul.product-list.groups li h3 {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
font-weight:700;
font-size:22px;
color:#fff;
line-height:28px;
text-transform:uppercase;
text-shadow:0 0 10px #000;
z-index:100;
}

article.home ul.product-list.groups li h3:hover, article.root ul.product-list.groups li h3:hover {
color:#fff !important;
text-decoration:none !important;
}


ul.product-list p.price {
display:block;
color:#80ea00;
font-size:16px;
font-weight:700;
line-height:30px;
margin:15px 0 0;
float:none;
position:absolute;
bottom:0;
left:0;
width:100%;
padding:0;
text-align:left;
box-sizing:border-box;
}


ul.product-list p.price span {
font-size:13px;
font-weight:400;
color:#aaa;
padding:0;
position:absolute;
top:0;
line-height:30px;
right:0;
}

ul.product-list p.price span del {
color:#aaa;
text-align:right;
/*text-decoration:none;*/
}

ul.product-list p.code,
ul.product-list p.subtitle  { 
display:none;
}

ul.product-list li .basket a {
height:30px;
width:30px;
float:right;
margin-top:-30px;
display:inline-block;
text-align:center;
background:#80ea00 url(icon-basket-add.png) no-repeat center;
border-radius:4px;
color:#fff;
box-sizing:border-box;
font-size:12px;
z-index:100;
position:relative;
}

ul.product-list li .basket a:hover {
opacity:0.8;
}

.product-detail-image {
position:relative;
}
.product-list .remark,
.product-list .clearance {
font-size:9px;
padding:6px 8px;
width:53px;
}
.product-detail-image .remark,
.product-detail-image .clearance {
font-size:12px;
padding:8px 10px;

}
div.remark,
div.clearance {
position:absolute;
top:5px;
left:5px;
z-index:10;
text-transform:uppercase;
font-weight:600;
background:#444;
color:#fff;
border-radius:4px;
}
div.clearance {
left:auto;
right:58px;
}
.product-detail-image div.clearance {
right:85px;
}
div.clearance:before {
content:"ODPRODAJA";
}

ul.product-list li .brand, .product-detail-image .brand {
position:absolute;
right:15px;
top:175px;
display:block;
}
.product-detail-image .brand {
top:15px;
}

ul.product-list li .stock {
width:auto;
height:25px;
left: 5px;
top: 172px;
position:absolute;
background:#f5f5f5;
border-radius:3px;
font-family:'Open Sans',sans-serif;
display:block;
z-index:1;
font-size:12px;
line-height:25px;
color:#888;
padding:0 5px;
}

ul.product-list li .stock:before {
content:"Zaloga: ";

}

ul.product-list li .stock.yes:after {
content:"Da";
color:#3fb600;
font-weight:700;
}

ul.product-list li .stock.no:after {
content:"Ne";
color:#c20000;
font-weight:700;
}

ul.product-list .sale, .product-detail-image .sale { 
background:#80ea00;
height:auto;
top:5px;
right:5px;
border-radius:4px;
}

ul.product-list .sale b, .product-detail-image .sale b {
color:#222;
margin:0;
font-size:14px;
font-weight:600;
-moz-transform: none;
transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
width:auto;
line-height:30px;
text-align:center;
letter-spacing:1px;
}

.product-detail-image .sale {
position:absolute;
left:auto;
right:5px;
}
.product-detail-image .sale b {
font-size:24px;
padding:0 5px;
line-height:40px;
}

ul.product-list .highlighted {
background-image: url('icon-highlighted.png');
width: 24px;
height: 24px;
top: 5px;
left: 5px;
}

.couponExist {
background-color:#444;
color:#80ea00;
font-size:12px;
padding:5px;
border-radius:4px;
}

ul.product-list .couponExist {
position:absolute;
top:173px;
right:5px;
z-index:51;
}

.product-detail-image .couponExist {
position:absolute;
top:5px;
left:5px;
display:none;
}

#basketListAdvanced .couponExist {
margin-top:10px;
}

.product-detail-rightcol .price.coupon {
background-color:#444;
color:#80ea00;
font-size:13px;
padding:10px;
border-radius:4px;
text-align:right;
}
.product-detail-rightcol .price.coupon b:not(.code) {
font-size:20px;
font-weight:500;
}
.product-detail-rightcol .price.coupon span {
display:block;
font-size:10px;
color:#ccc;
margin-top:5px;
}
.product-detail-rightcol .price.coupon i {
color:#ccc;
margin-left:5px;
font-size:18px;
}
    


ul.no-products {
margin:20px 0;
padding:40px;
text-align:center;
text-shadow:none;
color:#ddd;
display:block;
border:1px solid #ddd;
border-radius:4px;
background:none;
}

ul.no-products>li {
font-size:40px;
font-weight:300;
}

ul.product-list .lastpcs  { 
background:#333;
color:#80ea00;
transform: rotate(-45deg);
position:absolute;
top: 21px;
left: -5px;
font-size:10px;
font-weight:600;
text-transform:uppercase;
height:16px;
line-height:16px;
padding:0 5px;
z-index:10;
border-radius:3px 3px 0 0;
}


ul.product-list .lastpcs:after {
width: 0;
height: 0;
border-style: solid;
border-width: 16px 0 0 16px;
border-color: transparent transparent transparent #333;
content:"";
display:block;
position:absolute;
top:0;
right:-15px;
}


ul.product-list .lastpcs:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 16px 16px;
border-color: transparent transparent #333 transparent;
content:"";
display:block;
position:absolute;
top:0;
left:-15px;
}



/* Home 
----------------------*/
#benefitsWrapper {
background:#f5f5f5;
}
.benefits {
display:flex;
flex-wrap:nowrap;
justify-content:center;
grid-gap:10%;
padding:15px 0;
margin:0 auto;
}

.benefits div {
text-align:center;}

.benefits a {
display:block;
}


.benefits i {
font-size:36px;
color:#888;
margin: 0 0 10px;
}

.benefits span {
font-size:13px;
color:#888;
text-align:center;
display:block;
font-weight:600;
}
.benefits span>b {
font-weight:600;
}

.benefits .benefitsServis i, .benefits a:hover i {
color:#80ea00;
}

.benefits .benefitsServis span, .benefits a:hover span {
color:#444;
}

ul.homeCategories {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
grid-gap:10px;
margin:0;
padding:40px 0;
}

ul.homeCategories>li {
flex:1;
position:relative;
background:#000;
}
ul.homeCategories>li a {
display:block;
}

ul.homeCategories>li img {
display:block;
width:100%;
height:auto;
}

ul.homeCategories>li a span {
position:absolute;
top:15%;
left:50%;
transform:translate(-50%, -50%);
font-weight:700;
font-size:22px;
color:#fff;
line-height:28px;
text-align:center;
text-transform:uppercase;
text-shadow:0 0 10px #000;
}

ul.homeCategories>li:hover img {
opacity:0.8;
}

ul.homeCategories ul.subCategories {
position:absolute;
top:100px;
margin:10px;
/*display:flex;
flex-wrap:wrap;
align-content:stretch;
grid-gap:10px;*/
}
ul.homeCategories ul.subCategories li a {
background:rgba(255,255,255,0.7);
color:#222;
padding:5px 10px;
font-size:14px;
margin:5px;
}
ul.homeCategories>li:hover ul.subCategories li a:hover {
background:#80ea00;
}


article.home ul.product-list {
margin-top:40px;
}

article.home .product-detail-title {
margin-bottom:10px;
}

article.home .product-detail-title>a {
font-size:26px;
font-weight:300;
color:#80ea00; 
padding:0;
}

article.home .product-detail-title>a:hover {
color:#9a9a9a;}

ul.homeSmallBanner {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
grid-gap:10px;
margin:0;
padding:40px 0;
}

ul.homeSmallBanner>li {
flex:1;
position:relative;
}
ul.homeSmallBanner>li a {
display:block;
}

ul.homeSmallBanner>li img {
display:block;
width:100%;
height:auto;
}

ul.homeSmallBanner>li a span {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
font-weight:700;
font-size:22px;
color:#fff;
line-height:28px;
text-align:center;
text-transform:uppercase;
text-shadow:0 0 10px #000;
}

ul.homeSmallBanner>li:hover a {
display:block;
height:100%;
background:#80ea00;
}


ul.homeSmallBanner>li:hover a img {
opacity:0;}



ul.homeSmallBanner>li:hover a span {
color:#222;
text-shadow:none;
}

p.brandsText {
margin:20px 0 !important;
}

p.brandsText a {
color:#80ea00;
}


#bannerWrapper {
position:relative;
margin:40px auto 0;
z-index:12;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
text-align:center;
}

#banner {
box-sizing:border-box;
}

/*ul#bannerNav {
z-index:99;
}

ul#bannerNav>li {
float:left;
margin-right:10px;
margin-top:10px;
}

ul#bannerNav>li>a {
display:block;
height:12px;
width:12px;
background:#eee;
border-radius:6px;
}

ul#bannerNav>li>a:hover {
background:#ddd;
border-color:transparent;
}

ul#bannerNav>li.cycle-pager-active>a { background: #80ea00; border-color:transparent;
}*/

#bannerWrapper span.bannerNav {
position: absolute;
display: none;
bottom: 20px;
left: 20px;
height: 30px;
width: 30px;
background-color: #f5f5f5;
cursor: pointer;
border-radius: 3px;
color: #ccc;
text-align: center;
text-indent: -2px;
z-index:100;
font-size: 26px;
line-height: 26px;
}

#bannerWrapper span.bannerNav.next {
right:20px;
left:auto;
text-indent:2px;}

#bannerWrapper span:hover {
background-color:#80ea00;
color:#fff;
}

#bannerWrapper:hover span.bannerNav {
display:block;
}

#bannerWrapper #bannerNavWrapper {
display:inline-block;
position:absolute;
left:0;
bottom:14px;
z-index:100;
width:100%;
}

#bannerNav {    
height:40px;
text-align:center;
position:relative;
z-index:110;
}

#bannerNav span {    
display:inline-block;
margin:14px 5px;
text-indent:-9999px;
width:12px;
height:12px;
background:#f5f5f5;
border-radius:6px;
cursor:pointer;
position:relative;
}

#bannerNav span.cycle-pager-active { 
background: #80ea00; 
}

#bannerNav span:hover { 
background: #ccc; 
}

.homeTitle {
text-align:center;
}
.homeTitle h3 {
display:inline-block;
font-size:22px;
line-height:50px;
font-weight:300;
color:#222;
position:relative;
/*top:-15px;*/
border-bottom:6px solid #80ea00
}

.homeTitle .more {
float:right;
margin-top:20px;
color:#222;
font-weight: 300;
}
.homeTitle .more:after {
content:" »";
}
.homeTitle .more:hover {
text-decoration:underline;
}

/* aside
-------------------- */

aside{
display:none;
}

/* paging
------------------------*/
#container-sorting {
display:none;
text-align:center;
margin-bottom: -35px;
background:none;
}

#container-sorting #sorting {
display:inline-block;
}

#sorting select, #pagesize select {
background:#fff;
color:#808080;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size:14px;
border:1px solid #ddd;
padding:5px;
height:auto;
}

.pagination {
border:none !important;
box-sizing:border-box;
width:100%;
padding:10px 0;
margin:-20px 0 0;
background:none;
color:#9a9a9a;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
}

.pagination:not(.bottom) {
}

.pagination.bottom {
width:100%;
padding:0 0 10px;
margin:0;
}

.pagination .page-select a.off {
color:#ccc !important;
}

.pagination span b {
font-weight:400;
}

.pagination span, .pagination .page-select a {
color:#9a9a9a;
font-size:14px;
font-weight:400;
}

.pagination .page-select a:hover {
background:none;
color:#404040;
}


.pagination .page-select {
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size:14px;
color:#808080;
}

.pagination .page-select b {
font-weight:400;
}

.pagination .page-select input {
background:#fff;
color:#808080;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size:14px;
border:1px solid #ddd;
padding:5px;
height:auto;
}

.pagination .page-select input:hover {
border-color:#aaa;
}

#pagesize select {
background:#fff;
color:#808080;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size:14px;
border:1px solid #ddd;
height:auto;
padding:5px;
}

#pagesize select:hover {
border-color:#aaa;
}

#pagesize label,#sorting label {
font-weight:400;
font-size:14px;
color:#808080;
font-family: 'Source Sans Pro', sans-serif;
}


/* Izdelek podrobno
-----------------------*/

article.full-width {
width:100%;
margin-right:0;
}

article.brands > ul li a span {
color:#444;
padding:10px;
margin-top:30px;
font-weight:700;
font-size:22px;
display:block;
}
article.brands>ul>li:not(.initial):hover {
background:#80ea00;
border-color:#80ea00;
}
article.brands>ul>li:not(.initial):hover span {
color:#222;
}


/*end*/

.product-detail-container {
border:none;
padding:0;
}

.category-path {
width:100%;
padding:15px 0 0;
}

.category-path>b {
border:none !important;
width:auto !important;
height:auto !important;
margin:0 5px;
top:0;
position:relative;
display:inline-block;
}

.category-path>b:After {
content:"»";
font-weight:400;
}

.category-path a {
font-size:12px;
line-height:12px;
color:#888;
}

.category-path a:hover,
.category-path a.on {
color:#80ea00;
}

.category-path a.on {
font-weight:600;
}

.category-path #sorting {
position:absolute;
top:25px;
right:0;
}

.category-path #sorting select {
margin:0;
}

.category-path #sorting label {
margin-top:6px;
}

.product-detail-title {
background:none;
box-shadow:none;
font-size:30px;
font-weight:600;
color:#333; 
padding:25px 0;
margin:0 0 10px;
border-bottom:none;
border-radius:0;
width:480px;
float:right;
}

.product-detail-title h1 {
font-size:30px;
line-height:36px;
font-weight:600;
color:#333; 
}

.product-detail-title h2 {
font-weight:normal;
font-size:14px;
font-style:normal;
color:#666;
margin:20px 0 0;}

.product-detail-image {
max-width:360px;
margin:40px 0 0 0;
overflow:inherit;
background:none;
padding:0;
}

.product-detail-image>a {
width:360px;
height:360px;
border:none;
border-radius:10px;
}

.product-detail-image>a:hover {
width:360px;
height:360px;
border:none !important;
background:none;
}


.product-detail-image>a>img {
padding:20px;
background:none;
width:100%;
height:auto;
box-sizing:border-box;
}

.product-detail-image>ul>li {
width:66px;
height:66px;
box-shadow: 0 0 5px 0 #ccc;
}

.product-detail-image>ul>li>a {
border:none;
padding:3px;
}


.product-detail-rightcol {
width:480px; 
}

.product-detail-rightcol ul {width:100%}

.product-detail-rightcol>ul>li {
border-bottom:none;
padding:8px 0;
display:block;
margin:0;
font-size:13px;
line-height:13px;
font-weight:400;
color:#888;
}

.product-detail-rightcol>ul>li.price p {
font-weight:400;
color:#80ea00;
font-size:40px;
}
.product-detail-rightcol li.regular {
display:none;
}
.product-detail-rightcol li.regular p del,
.product-detail-rightcol li.previous p del {
/*text-decoration:none;*/
}

/*ul.product-list .sale, .product-detail-image .sale,
.product-detail-rightcol li.discount, 
.product-detail-rightcol li.previous,
article.basket .subtotal .regular,
article.basket .subtotal .discount {
display:none !important;
}*/

.product-detail-rightcol>ul>li.price {
padding:25px 0;
font-weight:600;
color:#333;
}

.product-detail-rightcol>ul>li>p {
color:#333;
}

.product-detail-rightcol>ul>li>p b {
font-weight:600;
}

#stock-info p {
color:#888;
font-size:14px;
font-weight:400;
}
#stock-info p span {
float:none;
}


/* Instalments */
.product-detail-rightcol > ul > li.instalments .info,
.product-detail-rightcol > ul > li.instalments .info #calculate,
.product-detail-rightcol > ul > li .checklimit {
border-radius: 4px;
}

/* Best price */
div.bestprice {
color:#aaa;
}
/* */

.product-detail-shortdesc {
color:#333;
margin:0;
background:#fff;
padding:10px 0 20px;
display:none;
border-radius:5px;
}

.product-detail-shortdesc>div {
width:380px;
font-size:13px;
line-height:20px;
text-align:justify;
}

div.options {
border: none !important;
border-radius: 5px;
margin: 10px 0 20px;
width: 100%;
box-sizing: border-box;
padding:0;
overflow:hidden;
}

div.options table {
border:none;
}

div.options table td, div.options table th {
padding:15px;
font-size:13px;
}


.product-detail-rightcol .quantity {
margin: 10px 7% 0px 0px;
width: 33%;
box-sizing:border-box;
}

.product-detail-rightcol .quantity input {
width:60%;
box-sizing:border-box;
line-height: 35px;
}

.product-detail-container a#product-add, .product-detail-container a#product-inquiry {
display:block;
width:55%;
padding:20px 0;
margin:0 10px 20px;
float:right;
color:#fff;
font-size:24px;
font-weight:300;
margin:10px 0;
text-align:center;
border:none;
background:#80ea00;
box-shadow: none;
border-radius:4px;
text-shadow:none;
box-sizing:border-box;
}
.product-detail-container a#product-inquiry {
background-color:#333;
}
.product-detail-container a#product-add:after {
content:" »";
}

.product-detail-container a:hover#product-add {
background:#333;
opacity:0.8;
}

.product-detail-container a#product-contact {
display:block;
width: 42%;
padding: 5px 0;
float:left;
color: #ccc;
font-size: 24px;
font-weight: 300;
margin: 10px 3% 10px 0;
text-align: center;
border: solid 1px #ccc;
box-shadow: none;
border-radius: 4px;
text-shadow: none;
box-sizing: border-box;
font-size:19px;
}
.product-detail-container a:hover#product-contact {
border-color:#333;
background: #333;
opacity: 0.8;
color:#fff;
}

.product-detail-desc {
box-shadow: none;
margin:20px 0 60px;
border-radius:0;
padding:0;
background:#fff;
}

.product-detail-desc div {
padding:20px 0 0;
font-size:13px;
line-height:24px;
font-weight:400;
color:#333;
text-align:justify;
}

.product-detail-desc div a {
color:#80ea00;
}

.product-detail-desc h3 {
font-size:20px;
font-weight:300;
line-height:50px;
color:#333;
border:none;
padding:20px 0;
}

.product-detail-desc h3 span {
display:inline-block;
border-bottom:5px solid #80ea00;
}

.product-detail-desc iframe {
width: 100%;
height: 480px;
border:none;
}

/* product documents */
.product-detail-desc ul#documents {
list-style:none;
padding:0;
}
.product-detail-desc ul#documents>li:not(.anonymous) {
display:inline-block;
margin-right:40px;
margin-top:20px;
text-align:center;
}
.product-detail-desc ul#documents > li:not(.anonymous) > a {
display:block;
}
.product-detail-desc ul#documents>li:not(.anonymous):before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f07c";
color: #333;
font-size:48px;
}

img.imgFloatLeft,
img.imgFloatRight {
max-width:40% !important;
height:auto;
}
img.imgFloatLeft {
padding:30px 30px 30px 0 !important;
float:left !important;
}
img.imgFloatRight {
padding:30px 0 30px 30px !important;
float:right !important;
}

/* product details extra
------------------------*/
article.extra>h3 {
font-size:20px;
font-weight:300;
line-height:50px;
color:#333;
border:none;
margin:0px 0 50px;
}

article.extra>h3 span {
display:inline-block;
border-bottom:5px solid #80ea00;
}


article.extra ul.product-list li {
margin-bottom:0;
}


/* Kompas dodatna vsebina
--------------------------*/
article.contentpage iframe {
width:100%;
height:500px;
border:none;
margin:40px 0 0;
}

article.contentpage .product-detail-title {
margin:20px 0 60px;
width:100%;
position:relative;
text-align:center;
font-weight:300;
}

article.contentpage .product-detail-title:after {
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
margin: 0 auto;
width:100px;
height:5px;
background:#80ea00;
display:block;
}

article.contentpage>div p, p.brandsText {
color:#333;
font-size:14px;
line-height:24px;
font-weight:400;
margin:0 0 20px;
text-align:justify;
}


article.contentpage>div p b,article.contentpage>div ul b {
font-weight:600;}

article.contentpage>div p>span.company-profile {
font-weight:600;
color:#80ea00;
}

article.contentpage>div a {
color:#80ea00
}

article.contentpage>div p>a img {
display:block;
margin:20px 0;
}



article.contentpage>div a:hover,
article.contentpage p a:hover {
text-decoration:underline;
}

article.contentpage>div h3 {
color:#80ea00;
padding:25px 0 15px;
font-size:18px;
font-weight:normal;
}

article.contentpage>div ul, article.contentpage>div ol {
font-size:14px;
line-height:22px;
list-style-type:disc;
color:#333;
margin:0 0 10px 15px;
padding:0;
}

 article.contentpage>div ol {
list-style-type:decimal;
}

article.contentpage>div ul>li, article.contentpage>div ol>li {
padding:5px 0;
}

article.contentpage>div ul>li>span {
color:#333;
}

article.contentpage>div ul>li>a, article.contentpage>div ol>li>a  {
color:#80ea00;
}
article.contentpage>div ul>li>a:hover, article.contentpage>div ol>li>a:hover {
text-decoration:underline;
}

article.contentpage.contact .form label {
margin-top:10px;
}

article.contentpage.contact .form {
width:45%;
float:right;
background:#f5f5f5;
padding:30px;
margin-left:60px;

}

article.contentpage.contact .form p {
color:#333;
font-size:14px;
line-height:24px;
margin:0 0 20px;
}

article.contentpage.contact .form textarea,
article.contentpage.contact .form input[type=text] {
padding:10px;
font-size:12px;
color:#333;
}


article.contentpage.contact .form textarea {
font-family:'Arial', sans-serif;
height:200px;
}

article.contentpage.contact .form input[type=submit] {
padding:10px 30px;
margin-top:10px;
font-size:12px;
background:#80ea00;
color:#fff;
border-radius:2px;
border:none;
cursor:pointer;
}



/*Servis*/

article.contentpage #servisWrapper {
padding:0;
}

article.contentpage #servisWrapper ul.nav {
width:100%;
overflow:hidden;
margin:0 0 40px;
border:1px solid #e8e8e8;
border-bottom:none;
border-left:none;
box-sizing:border-box;
}

article.contentpage #servisWrapper ul.nav li {
width:12.5%;
box-sizing:border-box;
display:block;
float:left;
overflow:hidden;
}

article.contentpage #servisWrapper ul.nav li a {
text-align:center;
display:block;
padding:20px 0;
font-size:15px;
line-height:15px;
color:#333;
background:#f5f5f5;
border-left:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
font-weight:600;
}

article.contentpage #servisWrapper ul.nav li a:hover {
background:#f5f5f5;
}


article.contentpage #servisWrapper ul.nav li a.current {
border-bottom-color:#fff;
color:#80ea00;
background:#fff;
}


article.contentpage #servisWrapper ul.nav li:last-child a.current {
border-right:none;
}


article.contentpage #servisContent div {
padding:20px 0;
}

article.contentpage #servisContent h3 {
color:#333;
font-size:30px;
line-height:30px;
font-weight:300;
padding:20px 0 30px;
border-bottom:1px solid #ddd;
margin:0 0 30px;
}

article.contentpage #servisContent p {
color:#333;
font-size:14px;
line-height:24px;
font-weight:400;
margin:0 0 10px;
}

article.contentpage #servisContent a {
color:#80ea00;
}

article.contentpage #servisContent a:hover {
text-decoration:underline;
}

article.contentpage #servisContent ul li {
color:#444;
font-size:14px;
line-height:24px;
font-weight:400;
margin:0 0 10px;
}

article.contentpage #servisContent ul li:before {
content:"- ";
}

article.contentpage #servisWrapper .hide {
display:none;
}

/* News */

.newsHome {
margin:0 0 60px;
}

.newsHome ul.newsList {
width:102%;
float:left;
display:block;
margin:30px 0 0 -2% !important;
}

.newsHome ul.newsList>li {
width:31.333333%;
height:440px;
float:left;
display:block;
box-sizing:border-box;
margin:0 0 20px 2%;
padding:290px 15px 15px !important;
position:relative;
background:#f5f5f5;
border-radius:4px;
}

.newsHome ul.newsList>li h3 {
color:#333;
font-weight:600;
font-size:15px;
line-height:20px;
margin:0 0 15px;
padding:0;
}

.newsHome ul.newsList > li > a > h3 span {
display:block;
position:absolute;
bottom:15px;
right:15px;
border:none;
padding:0;
display:none;
}

.newsHome ul.newsList>li img {
position:absolute;
top:0;
right:0;
border-radius:4px 4px 0 0;
width:100%;
height:auto;
}

.newsHome ul.newsList>li .more {
position:absolute;
bottom:20px;
color:#80ea00;

}

.newsHome a#newsArchive {
border:none;
}
.newsHome a#newsArchive:after {content:" »";}


/* Blog
---------------------------------*/

#article-title.blog h1 {
color: #80ea00; 
font-size: 30px;
line-height: 30px;
font-weight: 300;
}

#article-title.blog h1 a {
color: #80ea00;
}

#article-title.blog h1 a:hover {
color:#aaa;
}

article.blog {
margin:30px 0 0;
width:71%;
float:none;
font-size: 14px;
line-height: 24px;
color:#222;
}

article.blog ul.newsList li {
font-size:14px;
line-height:24px;
color:#222;
font-weight:400;
text-align: justify;
border-radius:5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
float:left;
margin: 0 0 20px;
overflow:hidden;
padding:5px;
box-sizing:border-box;
width:100%;
border:1px solid #eee;
}

article.blog ul.newsList li img {
display:block;
width:40%;
height:auto;
float:left;
margin:0;
box-sizing:border-box;
border-radius:2px;
}

article.blog ul.newsList li:hover {
box-shadow:1px 1px 10px 0 #ccc;
}

article.blog ul.newsList>li>ul {
list-style:disc;
margin-left:15px;
}

article.blog>h1 {
color:#222;
font-size: 26px;
line-height: 32px;
font-weight: 400;
margin: 0px;
background: #f5f5f5;
border-radius: 5px 5px 0 0;
padding: 15px 15px 0;
}

article.blog ul.newsList li h3 {
color:#222;
font-size: 26px;
padding:10px 0 50px;
line-height: 32px;
font-weight: 400;
position: relative;
box-sizing:border-box;
margin-bottom:0;
float:right;
width:58%;

}

article.blog ul.newsList li h3 a {
color:#222;
}

article.blog ul.newsList li h3 a:hover {
color:#80ea00;
}

article.blog ul.newsList > li > h3 span {
display:block;
position:absolute;
bottom:20px;
left:0;
color:#888;
padding:0;
margin:0;
line-height:14px;
font-size:14px;
border:none;
}
article.blog ul.newsList > li > h3 span > a {
color:#80ea00;
text-decoration:underline;
}

.blogPost {
color: #888;
line-height: 14px;
font-size: 14px;
padding: 15px 15px 20px;
background: #f5f5f5;
border-radius: 0 0 5px 5px;
margin:0 0 20px;
}

.blogPost , article.blog a {
color:#80ea00;
}

article.blog > p,
ul.newsList >  li > p {
padding:0 0 20px;
font-size:14px;
line-height:24px;
color:#222;
font-weight:400;
text-align: justify;
}

ul.newsList > li > p {
float:right;
width:58%;
padding-right:10px;
box-sizing:border-box;
}

article.blog > b,
article.blog > p b,
ul.newsList >  li > p b {
font-weight:700;
}

article.blog > a,
article.blog > p a,
ul.newsList > li > p a {
color:#80ea00;
/*font-weight:700;*/
}
article.blog > a:hover,
article.blog > p a:hover,
ul.newsList >  li > p a:hover {
color:#888;}

article.blog iframe, 
ul.newsList > li iframe {
margin:20px auto 0;
width:100%;
height:483px;
border:1px solid #ddd;
border-radius:3px;
}

article.blog > ul {
padding:20px 0 0;
font-size:14px;
line-height:24px;
color:#222;
font-weight:400;
margin-bottom:20px;
list-style:disc;
}

article.blog > ul li {
margin:0 0 5px;
margin-left:15px;
}

article.blog > ul li a {
color:#80ea00;
text-decoration:underline;
}

article.blog img {
max-width:100%;
height:auto;
padding:30px 0;
}
/*article.blog > img,
article.blog > p img {
float:right;
max-width:50%;
height:auto;*/
/*margin:5px 0  40px 40px;*/
/*}*/


ul.newsList > li > span.more {
display:block;
font-size:14px;
line-height:14px;
font-style:italic;
margin:10px 0 30px;
width:58%;
float:right;
}

ul.newsList > li > span.more > a {
color:#80ea00;
}

ul.newsList > li > span.more > a:hover {
text-decoration:underline;
}

a#newsArchive {
font-size:14px;
line-height:14px;
border:none;
color:#aaa;
padding:10px 0;
} 

a#newsArchive:hover {
text-decoration:none;
color:#80ea00;
}

/*.containerRight.blog {
margin:30px 30px 0 0;
}
*/
.containerRight.blog ul {
padding:20px;
border-bottom:1px solid #fff;
}
.containerRight.blog ul:last-child {
border-bottom:none;
}

.containerRight.blog ul li {
margin:0 0 5px;
}

.containerRight.blog #right-column a {
font-size:14px;
color:#222;
text-decoration:none;
}

.containerRight.blog #right-column a:hover {
color:#75b227;
}

.containerRight.blog ul.blogSocial a {
line-height:24px;
}

.containerRight.blog ul.blogSocial i {
display:block;
float:left;
text-align:center;
border-radius:12px;
color:#f1f1f1;
width:23px;
height:24px;
line-height:24px;
font-size:16px;
margin-right:10px;
padding-left:1px;
}

.containerRight.blog ul.blogSocial a:hover i {
color:#fff;
}

.containerRight.blog ul.blogSocial i.fa-facebook-f {background:#80ea00;}
.containerRight.blog ul.blogSocial i.fa-instagram {background:#80ea00;}



/* Login.css
----------------*/
#login.form #forgot-password {
margin-top:-38px;
}

#container .form h1 {
color:#259baf;/***/
}

#container #register.form #hiddenFields .remark p {
font-size:13px;
}


#container .form input[type=button] {
border:none;/***/
background:#259baf;/***/
text-shadow:none;/***/
box-shadow: none;/***/
}

#container .form input[type=button]:hover, #container .form input[type=button].on {
background:#2dc0d3;/***/
}



/* Footer
--------------------- */

footer {
width:100%;
border:none;
background: #222; /* For browsers that do not support gradients */
margin:0;
}

.footerContainer {margin:0 auto; position:relative;}


.footerNav {
display:block;
padding:60px 0;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}

.footerNav ul {
flex-grow:1;
}

.footerNav ul li  {
margin:0 0 8px;
color:#fff;
font-size:13px;
}
.footerNav ul li.social a {
margin-right:10px;
}

.footerNav i.fab {
width:30px;
border-radius:15px;
color:#fff;
text-align:center;
font-size:20px;
line-height:30px;
}
.footerNav i.fa-facebook-f {background:#3b5998;}
.footerNav i.fa-instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}


.footerNav ul li span  {
width:40%;
float:left;
display:block;
}

.footerNav ul li h3  {
color:#80ea00;
font-size:16px;
font-weight:600;
padding:0 0 15px;
}

.footerNav ul li a {
color:#fff;
font-size:13px;
}

.footerNav ul li a:hover {
color:#ccc;
}

.footerNav ul.payment img {
max-width:242px;
}

.footerNav img {
max-width:300px;
}

/* obroki */


.footerObroki {
display:flex;
flex-wrap:wrap;
grid-gap:10px;
background:#fff;
padding:10px;
flex-direction:column;
}

.footerObroki a {
display:block;
}

.footerObroki span {
display:block;
float:none !important;
width:auto !important;
box-sizing:border-box;
height:50px;
align-self:center;
}

.footerObroki span img {
height:50px;
}

.lowerfooter {
position:relative;
padding:20px 0;
color:#888;
text-align:center;
font-size:13px;
border-top:1px solid #444;
}

a.netit {
position:absolute;
right:0;
bottom:18px;
display:block;
width:76px;
height:24px;
background:url(netit.png) no-repeat;
}

a.netit:hover {
background-position:0 -29px; 
}

#footerBrandsWrapper {
width:100%;
background:#fff;
border-top:1px solid #ddd;
}

#footerBrands {
width:100%;
max-width:1140px;
margin:0 auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
padding:0;
}

#footerBrands h3 {
padding:20px 0 0;
font-size:30px;
font-weight:300;
}

#footerBrands #brandsNav {
position:absolute;
top:15px;
right:0;
}

#footerBrands #brandsNav a {
width:10px;
height:16px;
display:inline-block;
margin-left:20px;
color:#777;
}
#footerBrands #brandsNav a.disabled {
cursor:default;
}
#footerBrands #brandsNav a:not(.disabled):hover {
opacity:1;
}

#brandsCarousel {
width:100%;
margin:40px 0;
margin-left:0;
box-sizing:border-box;
}

#footerBrands ul {
overflow:hidden;
/*height:80px;*/
margin:0;
width:106%;
margin-left:-6%;
}

#footerBrands ul li {
float:left;
width:10.66666666666666%;
margin:0 0 6% 6%;
}

#footerBrands ul li a {
display:block;
width:100%;
height:80px;
text-align:center;
background-repeat:no-repeat;
background-position:center;
background-color:#fff;
/*text-indent:-9999px;
font-size:5px;*/
position:relative;
transition: .3s;
}

#footerBrands ul li a:hover {
opacity:1;
}

#footerBrands ul li img {
display:block;
position:absolute;
max-width:100%;
max-height:100%;
height:auto;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}

#footerBrands ul li a:hover img {
opacity:0.8;
}


.footerInfoWrapper {
width:100%;
display:flex;
flex-wrap:nowrap;
}

.footerInfoWrapper .footerInfoHalf {
box-sizing:border-box;
padding:40px;
width:50%;
width:50%;
text-align:right;
background:#80ea00;
}

.footerInfoWrapper .footerInfoHalf.newsletter {
text-align:left;
background:#f5f5f5;
}

.footerInfoWrapper p, .footerInfoWrapper .newsletterWrapper {
text-align:left;
display:inline-block;
vertical-align:top;
padding:0;
color:#222;
font-size:14px;
line-height:20px;
}

.footerInfoWrapper .footerInfoHalf.newsletter>div {
color:#333;
}

.footerInfoWrapper .footerInfoHalf.newsletter>i {
color:#80ea00;
}

.footerInfoWrapper b {
font-weight:700;
line-height:20px;
display:block;
margin:0 0 10px;
}

.footerInfoWrapper p span {
display:block;
font-weight:900;
padding:10px 0;
color:#222;
font-size:26px;
}



.footerInfoWrapper p.inline {
padding: 10px 0 0;
max-width:300px;
display:block;
}

.footerInfoWrapper input[type=email] {
display:block;
width:300px;
background:#fff;
line-height:30px;
margin:10px 0;
font-family:"Open Sans", sans-serif;
border:none;
padding:0 20px;
border-radius:2px 0 0 2px;
float:left;
box-shadow:0 0 0 1px #ddd;
box-sizing:border-box;
height:30px;
}
.footerInfoWrapper a.send {
display:block;
width:30px;
background:#80ea00;
color:#fff;
height:30px;
line-height:30px;
margin:10px 0;
border-radius:0 2px 2px 0;
float:left;
text-align:center;
z-index:100;
}

.footerInfoWrapper a.send i {
color:#fff;
margin:0;
font-size:18px;
line-height:30px;
display:block;
}

.footerInfoWrapper i {
color:#222;
vertical-align:middle;
font-size:40px;
margin-right:60px;
}

.footerInfoWrapper label {
font-size:12px;
}

.footerInfoWrapper .newsletterWrapper .input-wrap {
float: left;
position:relative;
width:300px;
z-index:80;
}

.footerInfoWrapper .newsletterWrapper .input-wrap span {
position:absolute;
top:41px;
display:block;
padding:0 10px;
line-height:20px;
font-size:12px;
left:0;
box-sizing:border-box;
width:100%;
}

.footerInfoWrapper .newsletterWrapper .input-wrap span.error {
color:#a80000;
background:#faafaf;
}


/* profile, login, basket,... 
--------------------------------- */

#login, #forgot, #register {
padding: 0 0 30px !important;
width:100%;
}


#register>h1, #login>h1, #forgot>h1 {
font-size:30px;
font-weight:600;
color:#333 !important; 
padding:20px 0;
margin:0 0 20px;
border-bottom:1px solid #ddd;
}

article.basket #article-title h1,
article.profile #article-title h1 {
font-size:30px;
font-weight:600;
color:#333 !important; 
padding:20px 0;
}

#container .form input[type=text], #container .form input[type=email], #container .form input[type=password], #container .form select, #container .form textarea {
padding:15px;
font-family: 'Source Sans Pro', sans-serif;
font-size:18px;
color:#333;
font-weight:400;
border:1px solid #ddd;
box-shadow: none;
border-radius:3px;
}


#container .form input[type=button] {
font-family: 'Source Sans Pro', sans-serif;
margin-top:20px;
border:none;
background:#80ea00;
color:#fff;
text-shadow:none;
padding:20px 30px;
font-size:24px;
font-weight:300;
border-radius:5px;
cursor:pointer;
box-shadow: none;
display:block;
}

#container .form input[type=button]:hover, #container .form input[type=button].on {
background:#333;
color:#fff;
}

#container .form label {
font-weight:400;
color:#aaa;
margin-top:30px;
}

#login.form #chkShowPassword {
margin:0 5px 0 0;
}


.form .rightcol {
border-radius:5px;
}

.form .rightcol h3 {
font-size:26px;
font-weight:400;
color:#333 !important; 
border-bottom:1px solid #ddd;
text-shadow:none;
text-align:center;
padding:0 30px 30px;
}
.form .rightcol p {
font-weight:400;
font-size:16px;
line-height:26px;
padding:30px 0 10px;
border-top:none;
text-shadow:none;
text-align:justify;
color:#808080;

}

/* checkout
------------------------ */

#basket-progress {
padding:30px 0 0;
}

#basket-progress>b {
border:none !important;
background:none !important;
width:auto !important;
height:auto !important;
margin:0 5px;
top:1px;
position:relative;
}
#basket-progress>b:before {
content:"»";
font-size:20px;
line-height:12px;
font-weight:400;
color:#ddd;
}

#basket-progress a {
font-size:12px;
font-weight:400;
line-height:12px;
color:#808080;
background:#fff;
display:inline-block;
padding:10px 15px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #eee;
}

#basket-progress a.on {
color:#808080;
background:#f5f5f5;
border:1px solid #eee;
}

#basket-progress a.off {
color:#ccc;
}

#basket-progress a.on:hover,
#basket-progress a:hover {
text-decoration:none;
background:#f5f5f5;
}

#basket-progress a.off:hover {
background:none;
}

.total h3 {
line-height:26px;
font-size:26px;
font-weight:300;
}

.total p {
line-height:26px;
color:#808080;
font-weight:400;
}

.subtotal p {
font-size:14px;
font-weight:400;
}


.subtotal b {
font-weight:400;
font-size:14px;
color:#808080;
}

input[type=submit]#basket-next {
font-family: 'Source Sans Pro', sans-serif;
border:none;
background:#80ea00;
color:#fff;
text-shadow:none;
padding:20px 30px;
font-size:24px;
font-weight:300;
border-radius:5px;
cursor:pointer;
box-shadow: none;
display:block;
}

input[type=submit]:hover#basket-next {
background:#333;
color:#fff;
}

article.basket>div>h3, #new-delivery-address h3 {
font-size:26px;
font-weight:300;
color:#80ea00 !important; 
padding:0 20px 10px;
}

.confirmed>b, .preview-order h3 {
font-size:26px;
font-weight:300;
}

.confirmed>b {
font-size:36px;
}

.subtotal.weight {
display:none !important;
}


/* profile
-------------- */
article.basket {
padding-bottom:30px;
}

article.profile {
margin:0;
padding-bottom:40px;
}

/* Sticky header */

header.sticking{
position:fixed;
top:0;
z-index:9998;
min-height:60px;
}

header.sticking .headerContainer.main {
height:50px;
}

header.sticking .social {
top: 9px;
}
header.sticking .headerInfo li {
display:inline-block;
margin-right:20px;
}

header.sticking #search {
left:-150px;
top: 9px;
}

header.sticking #search input[type="text"] {
line-height: 32px;
}

header.sticking #search a {
line-height: 30px;
height:32px;
font-size:16px;
width:32px;
}

header.sticking a#homelink {
width: 146px;
height: 42px;
top: 5px;
background-size: auto 42px;
}

header.sticking .headerInfo {
top:7px;
}



header.sticking #basketList div {
top: 65px;
}
header.sticking #user-nav, header.sticking .socialIcon, header.sticking .headerSlogan, header.sticking .headerInfo .hours {
display:none;
}


/************************************  1024px   ***************************************/
 
@media screen and (max-width: 1250px) {
article.home,#container, article.contentpage,#basketList div, #bannerWrapper,  .headerContainer,nav#headerCategories, .headerBarContainer, .footerContainer, #shops>h3,  .benefits, article.root {
width:960px;
}

 article.categoryempty,
article.normal-width, article {
width:700px;
}

header a#homelink {
width:220px;
}
 
header nav ul li a {
padding:0 7px;
font-size:13px;
} 

.product-detail-title, .product-detail-rightcol {
width:370px; 
}

ul.product-list li {
width:31.33333%;
}
.product-detail-image {
max-width:300px;
margin:40px 0 0 0px;
}

.product-detail-image>a {
width:300px;
height:300px;
}

.product-detail-image>a:hover {
width:300px;
height:300px;
}

#container-sorting {
margin-left: -150px;
}

#search {
margin: 0 0 0 250px;
}
header .headerSlogan {
display:none;
}

#categories.home {
margin-top:367px;
}

.product-detail-desc iframe {
height: 390px;
}

.product-detail-container a#product-add, .product-detail-container a#product-inquiry {
font-size:20px;
}

ul.homeCategories ul.subCategories {
top:70px;
}
}

/* responsive */


/****************** Mobile site ****************/
@media only screen and (min-height : 300px) and (max-width : 1020px) and (min-device-height : 300px) {


    .benefits {
        display: none;
    }

    ul.homeCategories {
        padding: 15px 0;
    }

    ul.homeCategories > li:nth-child(3):nth-last-child(odd),
    ul.homeCategories > li:nth-child(5):nth-last-child(odd),
    ul.homeCategories > li:nth-child(7):nth-last-child(odd) {
    display:none;
    }

    ul.homeCategories > li a span {
        top: 50%;
    }

    ul.homeCategories ul.subCategories {
        display: none;
    }

    #scrollTop {
        position: absolute;
        top: -250px;
        left: -250px;
    }

    #pageBody {
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        position: relative;
        z-index: 1000;
        background: #fff;
        min-height: 100%;
        height: 100%;
        width: 100%;
    }

    #pageBody.toggle {
        transform: translateX(250px);
        -moz-transform: translateX(250px);
        -o-transform: translateX(250px);
        -webkit-transform: translateX(250px);
    }

    nav#sidebar {
        display: block;
        width: 250px;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #111;
        z-index: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    nav#sidebar.toggle {
        display: block !important;
    }

    nav#sidebar ul li a {
        color: #eee;
        font-size: 15px;
        line-height: 20px;
        padding: 18px 20px;
        display: block;
        background: #222;
    }

    nav#sidebar ul li ul {
    float: none;
    }

    nav#sidebar ul li ul li a.on {
        background: #888;
    }

    nav#sidebar ul li ul li a.on {
        background: #888;
    }


    nav#sidebar ul > li > ul > li {
        border-bottom: 1px solid #222;
    }

    nav#sidebar ul ul li:last-child > a {
        border-bottom: none;
    }

    nav#sidebar ul ul li a:not(.expandable) {
        background: #444;
        border-left: 5px solid #222;
        border-right: 5px solid #222;
    }

    nav#sidebar ul li a i {
        font-size: 20px;
        width: 20px;
        margin-right: 20px;
        text-align: center;
        top: 2px;
        position: relative;
        color: #666;
    }

    nav#sidebar ul:not(.nav) a {
        background: #111;
    }

    nav#sidebar ul.nav ul a, nav#sidebar ul.headernav ul a {
        background: #444;
    }

    nav#sidebar ul.nav div {
        display: none;
    }

    nav#sidebar ul.headernav {
        display: none;
    }

    nav#sidebar ul.headernav ul {
        display: none;
        float: none;
    }

    header a#toggleSidebar {
        display: block;
        color: #000;
        position: absolute;
        line-height: 70px;
        width: 30px;
        text-align: center;
        top: 0;
        left: 5%;
        font-size: 30px;
        z-index: 9999;
    }

    nav#sidebar ul > li.special > a {
        background: #111;
    }


    html {
        -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    }

    header, footer {
        min-width: 100%;
    }

    #footerBrandsWrapper {
        display: none;
    }

    #container, .footerContainer, #bannerWrapper, article, .headerContainer, .headerNav > nav, article.dailyoffer .product-detail-rightcol, .product-detail-desc, .benefits {
        width: 100% !important;
    }

    #container {
        padding: 0;
        box-shadow: none;
    }

    #container > ul#categories, .headerCategoriesWrapper, #headerInfo, header nav, .headerBar nav, .categoriesWrapper, .category-path a, .category-path b, #adminTools {
        display: none;
    }
    .category-path #sorting {
top:10px;
margin-right:10px;
}

.category-path #sorting label {
margin-top:7px;
}


    body {
        background: #fff;
    }

    article, article.brands, article.categoryempty, article.home, article.normal-width, #basketList div, .footerContainer, .headerContainer, .headerBarContainer, #container, article.categoryempty,
    article.normal-width, article.contentpage {
        width: 100%;
    }



    /* header
    ------------------------*/
    header {
        height: 160px;
        position: relative;
    }

    .headerContainer {
        margin: 0 auto;
        position: initial;
    }

    .headerContainer.checkout {
        height: 70px;
        border-bottom: 1px solid #ddd;
    }

    header a#homelink {
        top: 0;
        left:0;
        right:0;
        margin: 0 auto;
        z-index: 1001;
        width: 140px;
        background-size: 140px auto;
        padding: 0;
    }

    .headerNav {
        height: 5px;
        margin: 0 0 0;
        background: #80ea00;
        position: inherit;
        z-index: 100;
    }


    #user-nav {
        position: absolute;
        height: 0;
        width: 0;
        top: 0;
        right: 5%;
        margin-right: 20px;
        float: none;
        z-index: 1001;
    }

    header a#header-login, header li.profile a {
        position: absolute;
        top: 0;
        width: 40px;
        height: 70px;
        right: 0;
        overflow: hidden;
        text-indent: -9999px;
        color: #000;
    }

    #user-nav > ul > li.profile > a {
        color: #000 !important;
        margin-right: 20px;
    }

    header a#header-login:hover, header li.profile a:hover {
        color: #000;
    }

    header a#header-login:after, header li.profile a:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f007";
        line-height: 70px;
        font-size: 26px;
        display: block;
        top: 0;
        left: 0;
        position: absolute;
        width: 40px;
        height: 70px;
        text-indent: 0;
        text-align: center;
    }

    #user-nav > ul > li.logoff {
        display: none;
    }

    .headerInfo, header .headerSocial {
        display: none;
    }

    .headerContact {
        top: 83px;
        left: auto;
    }

    .headerContact a {
        float: left;
        font-size: 14px;
    }

    .headerContact a i {
        width: auto;
        margin-left: 20px;
    }

    .headerContact a i.fa-mobile {
        font-size: 26px;
    }

    .headerContact a i.fa-envelope {
        border: none;
        width: auto;
    }

    header.sticking #search {
        display: none;
    }

    header.sticking a#homelink {
        top: 13px;
    }

    header.sticking {
        height: 60px;
    }

    .headerBar {
        background: none;
    }

    /* header search
    ------------------------*/

    #search {
        width: 90%;
        top: 100px;
        left: 5%;
        margin: 0;
        position: absolute;
    }

    #search input[type=text] {
    }

    #search > a#searchButton {
        height: 100%;
        width: 50px;
        border-left: none;
        background-image: url(icon-search-2x.png);
        background-size: 24px auto;
    }

    /* Basket */

    header .social {
        position: inherit;
        top: auto;
        right: auto;
    }

    #basket {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: right;
        height: 70px;
        bottom: auto;
        top: 0px;
        right: 0;
        z-index: 1000;
        background: none;
    }

    #basket > a {
        width: 40px;
        height: 70px;
        right: 5%;
        left: auto;
    }

    #basket > a:after {
        line-height: 60px;
        font-size: 30px;
    }

    #basket > p.qty, #basket > p.sum {
        display: none;
    }

    .headerContainer .right {
        float: none
    }

    div:hover #basket {
        background-color: transparent;
    }

    #basketList div {
        top: 166px;
        right: 0;
        width: 100%;
        box-sizing: border-box;
        border: none;
        padding: 0 0 50px;
        z-index: 9999;
        box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.2);
    }

    #basketList a.hide {
        font-size: 14px;
        padding: 10px 0;
    }

    #basketList a.checkout {
        border: none;
        text-shadow: none;
        box-shadow: none;
        border-radius: 5px !important;
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        width: 80%;
        padding: 20px;
        margin: 20px auto 40px;
        float: none;
    }

    #basketList > div > p {
        text-shadow: none;
        margin: 0;
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        text-align: right;
        display: block;
        padding: 20px;
        float: none;
    }

    #basketList > div > p span {
        font-size: 15px;
        line-height: 22px;
        font-weight: 400;
        display: inline-block;
        position: relative;
        margin-left: 10px;
        padding-right: 50px;
    }

    #basketList > div > span {
        font-size: 15px;
        line-height: 22px;
        padding: 20px;
        border: none;
        text-shadow: none;
        font-weight: 300;
    }

    #basketList > div > ul {
        border: none;
        margin: 0;
        padding: 0;
        float: none;
    }

    #basketList > div > ul > li {
        font-size: 15px;
        line-height: 22px;
        padding: 15px;
        text-shadow: none;
        text-align: left;
        position: relative;
    }


    #basketList > div > ul > li > b {
        width: 10%;
        text-align: right;
        padding-right: 10px;
        box-sizing: border-box;
    }

    #basketList > div > ul > li > a {
        width: 60%;
        padding-right: 10px;
    }

    #basketList > div > ul > li > span {
        width: 30%;
        text-align: right;
        font-weight: 400;
        padding-left: 0;
        padding-right: 50px;
    }

    #basketList > div > ul > li.active-title,
    #basketList > div > ul > li.active {
        border-radius: 0;
        text-shadow: none;
        margin: 0;
    }

    #basketList > div > ul > li.active-title {
        position: relative;
        border-radius: 0;
        font-weight: 400;
        border: none;
    }

    #basketList > div > ul > li.active-title:before {
    }

    #basketList > div > ul > li > a.remove-button {
        padding: 0;
        top: 50%;
        margin-top: -10px;
        right: 15px;
    }


    /* artikli */

    #article-title {
        padding: 0 0 0;
        margin: 0;
        background: #fff;
        border: none;
    }

    #article-title > a {
        display: none;
    }

    #article-title h1 {
        font-size: 20px;
        line-height: 30px;
        padding: 20px;
        margin-top:8px;
        /*text-align: center;*/
    }

    #article-title .desc {
        font-size: 14px;
        line-height: 22px;
        padding: 15px 20px;
        /*border-bottom:1px solid #ddd;*/
    }

    #article-title .desc p {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
    }

    #article-title .desc a {
        color: #80ea00;
    }

    #article-title a#bannerFaq {
        display: none;
    }

    /* product list*/

    article:not(.categoryempty) #products .show-filters, #products #filters {
        display: block;
    }

    .show-filters {
        width: 100%;
        background-color: #80ea00;
        color: #000;
        box-sizing: border-box;
        padding: 10px;
    }

    #filters.responsive {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: auto;
        padding: 20px;
        height: 100%;
        z-index: 10000;
        background-color: #fff;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        box-shadow: 0 0 10px 0 #aaa;
        box-sizing: border-box;
    }

    #filters {
        margin-top: 0;
    }

    #filters h3 {
        border-radius: 0;
    }

    .pagination {
        margin-top: 0;
    }


    ul.product-list, article.categoryempty ul.product-list {
        border: none;
        margin: 10px 0 0;
        width: 100%;
        margin-left: 0 !important;
    }

    ul.product-list > li, article.categoryempty ul.product-list > li {
        box-sizing: border-box;
        width: 50%;
        margin: 0 !important;
        border-radius: 0;
        overflow: hidden;
        height: auto;
        box-shadow: none;
        /*padding: 260px 0 20px;*/
        padding: 180px 0 20px;
        margin-bottom:50px !important;
    }

    ul.product-list > li .img {
        height: 245px;
        border: none;
        width: 100%;
        text-align: center;
        box-shadow: none;
    }

    ul.product-list > li .img img {
        height: auto;
        max-height: 100%;
        max-width: 80%;
        left: 10px;
    }

    ul.product-list h3 {
        width: 100% !important;
        box-sizing: border-box;
        font-size: 13px;
        line-height: 20px;
        padding: 0 15px !important;
        text-align: left !important;
        height: 40px;
        overflow: hidden;
    }

    ul.product-list:not(.groups) h3 {
        height: 40px !important;
    }

    ul.product-list.groups h3 {
        height: auto !important;
        padding: 15px !important;
    }

    ul.product-list p.price {
        background: none;
        width: 100%;
        box-sizing: border-box;
        height: 16px;
        font-size: 16px;
        line-height: 16px;
        padding: 0 15px;
        text-align: left;
    }

    ul.product-list p.price span {
        position: absolute;
        top: 0;
        right: 15px;
        line-height: 16px;
        font-size: 12px;
    }

    ul.product-list .highlighted, ul.product-list .newItem,
    ul.product-list .sale {
    }

    ul.no-products {
        margin: 0;
        padding: 40px;
        text-shadow: none;
        color: #888;
        border: 1px solid #DDD;
        border-radius: 0;
        background: #F5F5F5;
        box-sizing: border-box;
    }

    ul.no-products > li {
        font-size: 40px;
        font-weight: 400;
    }

    ul.product-list.groups li {
        width: 100%;
        border-left: none;
        padding: 0;
        height: auto;
        border-top: 1px solid #ddd;
    }

    article.root ul.product-list.groups li {
    width: 50%;
    border:none;
    }

    ul.product-list.groups {
        border-bottom: 1px solid #ddd;
    }

    article.root ul.product-list.groups {
    border:none;
    margin:0;
    }

    ul.product-list.groups li .img {
        display: none;
    }

    article.root ul.product-list.groups li .img {
        display: block;
    }

    article.root ul.product-list > li .img img {
    height: auto;
    max-height: none;
    max-width:none;
    left: auto;
    }

    article.root ul.product-list.groups li h3 {
        text-align:center !important;
    }



    .carousel ul.product-list li {
    padding: 280px 0 0;

    }
    .carousel .products {
        height: 372px;
    }

    .carousel ul.product-list .img {
    height: 270px;
    }


    .carousel > h3 {
    font-size: 14px;
    border-radius: 0px;
    line-height: 26px;
    }
    .carousel ul.product-list .sale, .carousel ul.product-list .newItem, .carousel ul.product-list .highlighted {
    top: 261px;
}
    #banner a img {
    border-radius: 0;
    }

    /* product detail */

    .product-detail-title.medium-title {
    width:100%;
    box-sizing:border-box;
    float:none;
    background:#fff;
    padding:20px;
    margin:0;
    border:none;
    text-align:center;
    }
    .product-detail-image {
    max-width:100%;
    width:100%;
    border:none;
    float:none;
    position:relative;
    top:auto;
    left:auto;
    }
    
    .product-detail-image>a {
    border-radius:0;
    border:none;
    padding:0;
    width:100%;
    height:260px;
    margin:0 auto 20px;
    }

    .product-detail-image>a:before {
    content:"";
    }

    .product-detail-image>a>img {
    padding:0 50px;
    }

    .product-detail-image > a:hover {
    width:360px;
    height:260px;
    }
    

    .product-detail-image > span {
    padding: 0 20px;
    display: block;
    }
    
    .product-detail-image > ul {
    width:100%;
    margin:0;
    }

    .product-detail-image > ul > li {
    height:auto;
    width:25%;
    float:left;
    box-sizing:border-box;
    margin:0;
    }        

    .product-detail-image > ul > li > a {
    border-radius: 0px;
    width:100%;
    height:auto;
    border:none;
    padding:0;
    }

    .product-detail-image > ul > li > a > img {
    padding: 0;
    box-sizing:border-box;
    width:100%;
    position: relative;
    }

    .product-detail-image > a:hover, .product-detail-image > ul > li > a:hover {
    border:none;
    }

    .product-detail-image > ul > li > a:before {
    content: "";
    }
    .product-detail-rightcol {
    width:100%;
    float:none; 
    }

    .product-detail-shortdesc {
    width:100%;
    padding:20px;
    box-sizing:border-box;
    border-bottom:1px solid #ddd;
    margin:0 0 20px;
    border:none;
    float:none;
    }

    .product-detail-rightcol > ul li > a[data-tooltip]:after, [data-tooltip]:before {
    display:none;
    }

    .product-detail-shortdesc > div {
    font-size:14px;
    line-height:22px;
    border:none;
    width:auto;
    }
    
    .product-detail-rightcol > ul {
    background:#fff;
    border:none;
    width:100%;
    margin:20px 0 0;
    float:none;
    }

    .product-detail-rightcol > ul > li {
    text-align:center;
    border:none;
    padding:0 20px 0;
    margin:20px 0 0;
    font-size:16px;
    line-height:22px;
    }

    .product-detail-rightcol > ul > li > p, #dailyoffer .product-detail-rightcol > ul > li > p  {
    float:none;
    display:inline;
    padding-left:5px;
    }
    
    .product-detail-rightcol > ul li.price {
    padding: 20px;
    line-height: 30px;
    background:#fff;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    }

    .product-detail-rightcol > ul li.price p {
    font-size: 20px;
    }
    .product-detail-rightcol > ul > li > p > b {
    font-size: 16px;
    }

    .product-detail-rightcol .freedelivery, #dailyoffer p.freedelivery {
    padding:20px;
    font-size:13px;
    line-height:22px;
    font-weight: 600;
    text-align:center;
    float:none;
    color:#444;
    }

    .product-detail-rightcol .clear {
    display:inherit;
    }

    .product-detail-rightcol #freedelivery {
    margin:40px 0px 0 !important;
       width: 100%;
       background-position:40px center;
    }


    .product-detail-container #infoWrapper, article.dailyoffer .product-detail-container #infoWrapper {
    width:auto;
    height:auto;
    background:#fff;
    border:none;
    float:none;
    text-align:center;
    font-size:16px;
    line-height:22px;
    padding:0 20px 20px;
    }

    .product-detail-container #infoWrapper .monthly, .product-detail-container #infoWrapper .proformaonly, .product-detail-container #infoWrapper .hotline {
    padding:20px 0 0;
    font-size:16px;
    line-height:22px;
    }

    .product-detail-container #infoWrapper .hotline b {
    font-size:16px;
    line-height:22px;
    }

    #stock-info {
    margin-bottom:0;
    }

     .product-detail-rightcol .freedelivery {
text-align:left;
padding-left:100px;
}
   .product-detail-rightcol #stock, article.dailyoffer .product-detail-rightcol #stock {
    float:none;
    height: auto;
    background:transparent;
    border:none;
    border-top:1px solid #ddd;
    width:100%;
    padding:20px 0;
    font-size:16px;
    line-height:22px;
    }

    .product-detail-rightcol #stock div {
    padding:0;
    background:none;
    }

    
    .product-detail-rightcol .b2b i {

        position: absolute;
        left: 20px;
    }
    
    .product-detail-rightcol .b2b {
    padding-left:80px;
    }

    .product-detail-rightcol #stock div p {
    font-size:16px;
    line-height:22px;
    text-align:center;
    font-weight:400;
    }

    .product-detail-rightcol #stock div span {
    float:none;
    display:inline;
    font-size:16px;
    line-height:22px;
    }

    .product-detail-container a#product-add, .product-detail-container a#product-contact, .product-detail-container a#product-inquiry, article.dailyoffer .product-detail-container a#product-add, article.dailyoffer .product-detail-container a#product-inquiry {
    display: block;
    width:70%;
    height:auto;
    padding:20px;
    margin:20px auto 40px;
    float:none;
    font-weight: 400;
    font-size:20px;
    border-radius: 5px !important;
    }

    article.dailyoffer .product-detail-shortdesc, article.dailyoffer .product-detail-rightcol > ul, article.dailyoffer .product-detail-desc, .product-detail-desc {
    padding:0;
    margin:0;
    }

    .product-detail-rightcol #linkedProducts {
    background:#fff;
    margin:0;

    }
    
    .product-detail-rightcol #linkedProducts h3 {
    padding: 20px;
    font-weight:400;
    border-top:1px solid #ddd;
    background:#f5f5f5;
    font-size:20px;
    line-height:30px;
    text-align:center;
    }

    .product-detail-rightcol #linkedProducts ul li {
    border-bottom: 1px solid #ddd;
    border-top:none;
    font-size: 14px;
    }

    .product-detail-desc h3 {
    border: none;
    text-shadow:none;
    padding: 20px;
    font-weight:400;
    border-top:1px solid #ddd;
    background:none;
    font-size:20px;
    line-height:30px;
    text-align:center;
    }

    .product-detail-desc div {
    padding: 20px;
    background: #fff;
    font-size: 14px;
    line-height: 22px;
    }

    #article-title .desc a, .product-detail-shortdesc>div a, .product-detail-desc>div a {
    color:#80ea00;
    font-weight: 400;
    }

    div.options {
    border-radius: 0px;
    }

    div.options table td, div.options table th {
    padding: 20px 15px;
    }
    

    /* product details extra
    ------------------------*/
    article.extra {
    width:100%;
    margin:0;
    padding:0;

    }

    article.extra>h3 {
    font-size:20px;
    padding:20px;
    line-height:30px;
    text-align:center;
    /*border-bottom:1px solid #ddd;*/
    /*border-top:1px solid #ddd;*/
    background:#f5f5f5;
    margin:0;
    font-weight:400;
    }

    article.extra>div {
    margin:0;
    }

    article.normal-width.extra ul.product-list {
    width:100% !important;
    margin:0 !important;
    }

    article.extra ul.product-list li {
    width:50%;
    margin:0;
    }

    article.extra ul.product-list li:hover {background:#f5f5f5;}

    article.extra ul.product-list li h3 {
    font-size:14px;
    }

    article.extra ul.product-list p.price {
    font-size:16px;
    width:100%;
    }

    /* Checkout */

    .containerLeft {
    width:100%;
    float:none;
    }

    .containerRight {
    display:none;
    }

    article.basket #article-title,
    article.profile #article-title {
    padding:0;
    margin:0;
    }
    article.basket #article-title h1,
    article.profile #article-title h1 {
    border:none;
    font-weight:400;
    font-size:20px;
    padding:20px;
    line-height:30px;
    text-align:center;
    /*border-bottom:1px solid #ddd;*/
    }


    
    #basket-progress a {
    box-sizing:border-box;
    width:16.66666666666667%;
    min-width:16.66666666666667%;
    text-align:center;
    font-size:9px;
    line-height:12px;
    display:table-cell;
    vertical-align:middle;
    height:50px;
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:5px;
    }

    #basket-progress.logged a {
    width:20%;
    min-width:20%;
    }

    #basket-progress a.on {
    background:#80ea00;
    border-left:none;
    font-weight:400;
    }

    #basket-progress b 
    {display:none}

    article.basket #new-delivery-address>h3 ,
    article.profile #new-delivery-address>h3 {color:#80ea00;}

    /* basket content */
    
    .order-item-desc {width:100%;}
    .order-item.review .order-item-desc {width:100% !important;}
    .order-item-quant {width:10%; right:50%;}
    .order-item-price {width:35%; right:15%}
    .order-item-delete {width:15%; right:0;}
    .order-item.review .order-item-price {right:20px;}

    .order-title {
    display:none;
    }

    .order-item-desc ,
    .order-item-quant ,
    .order-item-delete ,
    .order-item-price {
    height:auto;
    }

    .order-item-quant ,
    .order-item-delete ,
    .order-item-price {
    position:absolute;
    bottom:20px;
    }
    .order-item {
    border-bottom:1px solid #ddd;
    padding:0;
    position:relative;
    }
    
    div:hover.order-item {
    background:#fff;
    }

    .order-item-desc>span {
    height:150px;
    margin-left:0px;
    font-size:14px;
    line-height:20px;
    padding:20px 20px 20px 0;
    display:table-cell;
    vertical-align:top;
    box-sizing:border-box;
    }

    .order-item-desc span.stock, .order-item-price>small {
    font-size:12px;
    padding:0;
    }
    
    .order-item-desc>a>img, .order-item-desc>img {
    width:40%;
    height:auto;
    padding:30px 20px;
    margin:0;
    box-sizing:border-box;
    background:#fff;
    }

    .order-item-quant select, .order-item-quant input {
    -webkit-appearance: none;
    margin:0 auto;
    font-size:16px;
    line-height:26px;
    height:auto;
    padding:0 0 0 5px;
    border:1px solid #ddd;
    box-shadow:none;
    border-radius:3px 0 0 3px!important;
    box-sizing:border-box;
    }

   .order-item-quant span.unit {
    font-size:12px;
    line-height:28px;
    left:100%;
    border:none;
    top:0;
    padding:0 5px;
    height:auto;
    box-sizing:border-box;
    background:none;
    border-radius:0 3px 3px 0 !important;
    background:#ddd;
    color:#444;
    }

    .order-item-price span {
    padding:0;
    font-size:18px;
    line-height:28px;
    color:#444;
    display:block;
    }

    .order-item-delete>a {
    text-align:center;
    display:block;
    width:100%;
    height:26px;
    }

    div.order-item.deleted {
    background-color:#fff;
    padding:0;
    }

    div.order-item.deleted p {
    width:100%;
    padding:20px;
    box-sizing:border-box;
    text-shadow:none;
    font-weight:400;
    color:#80ea00;
    }

    .subtotal {
    padding:0 20px 20px;
    border:none;
    border-bottom:1px solid #ddd;
    }

    #bonusObtainedWrapper .subtotal {
    border:none;
    }

    .subtotal b, .total h3 {width:auto;}

    .subtotal p {
    padding:20px 0 0;
    text-align:left;
    font-size:12px;
    }

    .subtotal b {
    color:#404040;
    display:inline-block;
    float:right;
    font-weight:400;
    }

    .total {
    padding:0;
    border-top:none;
    }

    .total h3 {
    font-size:20px;
    line-height:30px;
    margin:20px 20px 20px 0;
    font-weight:600;
    color:#80ea00;
    }

    .total p {
    font-size:14px;
    line-height:30px;
    font-weight:400;
    padding:0;
    margin:20px;
    text-shadow:none;
    float:left;
    color:#80ea00;
    }

    article.basket #basketListAdvanced > p {
    padding:80px 40px;
    margin: 0;
    text-align: center;
    font-size: 30px;
    font-weight:400;
    text-shadow:none;
    color:#ccc;
    border:none;
    background:#fff !important;
    }

    input[type=submit]#basket-next {
    -webkit-appearance: none;
    border:none;
    background:#80ea00;
    color:#fff;
    text-shadow:none;
    padding:20px;
    font-size:20px;
    border-radius:5px !important;
    cursor:pointer;
    box-shadow:none;
    float:none;
    margin:40px 20%;
    width:60%;
    }

    .order-code {
    padding:0;
    }

    .order-code>p {
    font-size: 14px;
    line-height: 22px;
    }

    .order-code {
    background:#f5f5f5;
    float:none;
    width:100%;
    margin:20px 0 1px;
    box-sizing:border-box;
    }

    .order-code input[type=text] {
    margin:0 !important;    
    }

    .order-code input[type=submit] {
    border-radius: 3px !important;
    background:#80ea00;
    color:#fff;
    padding:15px  0;
    }

    a#continue-shopping {
    display:none;
    }

    ul.payment-method,
    ul.delivery-address,
    ul.pickup-location,
    ul.delivery-method {
    /*overflow:hidden;*/
    border:none;
    background:#fff;
    margin:0;
    }

    .vat-company>ul>li,
    ul.payment-method>li,
    ul.delivery-address>li,
    ul.pickup-location>li,
    ul.delivery-method>li {
    padding:0;
    border-bottom:1px solid #ddd !important;
    font-size:14px;
    text-shadow:none;
    box-sizing:border-box;
    width:100%;
    }

    .vat-company>ul>li:last-child {
    border-bottom:none !important;    
    }

    .vat-company>ul>li.on,
    ul.payment-method>li.on,
    ul.delivery-address>li.on,
    ul.pickup-location>li.on,
    ul.delivery-method>li.on {
    background:#fff;
   }

    ul.payment-method>li>p,
    ul.delivery-address>li>p,
    ul.pickup-location>li>p,
    ul.delivery-method>li>p {
    padding-left:23px;
    color:#808080;
    font-size:12px;
    padding-top:0;
    }

    .vat-company>ul>li>b,  ul.payment-method>li>label>b, ul.delivery-method>li>label>b {
    position:absolute;
    top:50%;
    margin-top:-7px;
    right:20px;
    display:block;
    font-size:14px;
    line-height:14px;
    font-weight:400;
    }
    

    .vat-company>ul>li>b {
    right:0;
    top:auto;
    bottom:0;
    font-size:10px;
    background:none;
    border:none;
    padding:5px;
    }
    

    .company-terms label.agreement, .vat-company>ul>li> label, .payment-vat > label, ul.pickup-location>li>label, ul>li.expand>label, ul.payment-method>li>label, 
    ul.delivery-address>li>label, ul.delivery-method>li>label {
    padding:20px 60px;
    display:block;
    line-height:22px;
    }
    
    .company-terms input[type="checkbox"], .payment-vat > input[type="checkbox"], ul > li.expand input[type="radio"], 
    .vat-company > ul > li input[type="radio"], ul.payment-method > li input[type="radio"], 
    ul.delivery-method > li input[type="radio"], ul.pickup-location > li input[type="radio"], 
    ul.delivery-address > li input[type="radio"] {
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:20px;
    display:block;
    margin:0;
    }
    
    .payment-vat > input[type="checkbox"], ul > li.expand input[type="radio"] {
    top:22px;
    }

    ul.delivery-address > li > b, ul.pickup-location > li > b {
    display: block;
    position: absolute;
    right: 10px;
    top:0;
    text-indent:-9999px;
    overflow:hidden;
    background: url('icon-highlighted-2x.png') no-repeat center;
    background-size:24px auto;
    width:30px;
    height:100%;
    border:none;
    border-radius:0;
    padding:0;
    z-index:100;
    }

    ul.pickup-location > li > b {
    background-image: url('icon-pickup-2x.png');
    }

    ul.pickup-location > li > b > a {
    display:block;
    width:100%;
    height:100%;
    text-indent:-9999px;
    overflow:hidden;
    }

    .delivery-new-address {
    padding:20px;
    display:none;
    border-top:1px solid #ddd;
    }

    article.basket #pickup-locations, article.basket #new-delivery-address {
    margin:0;
    }
    
    .vat-company > h3, article.basket #pickup-locations h3, article.basket > div > h3, article.basket #new-delivery-address h3 {
    background:#f5f5f5;
    color:#80ea00;
    padding:20px;
    text-align:center;
    font-weight:400;
    font-size:20px;
    line-height:30px;
    margin:0;
    text-shadow:none;
    }

    .payment-vat {
    border:none;
    border-bottom:1px solid #ddd ;
    background:#fff;
    text-shadow:none;
    position:relative;
    }

    .company-terms {
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
    overflow:hidden;
    }

    .company-terms>div{
    position:relative;
    }

    .company-terms p {
    line-height:22px;
    padding:0 20px;
    }

    .company-terms label.agreement {
    padding:20px 0 20px 60px;
    display:block;
    }

    #freeDelivery {
    font-size: 14px;
    line-height:22px;
    padding: 20px;
    color: #444;
    }

    .vat-company {
    border:none;
    border-top: 1px solid #ddd;
    display: none;
    }

    .vat-company > ul > li {
    border-top: none;
    }

    .vat-company-new {
    border-top: 1px solid #ddd;
    padding:0 20px;
    }   
    .vat-company-new > p {
    display:block;
    float: left;
    padding:20px 0;
}
    #container .vat-company-new input[type="text"] {
    padding: 11px 15px;
    font-size:18px;
    line-height:22px;
    height:46px;
    font-weight: 400;
    color: #444;
    border: 1px solid #CCC;
    box-shadow: none;
    border-radius: 3px !important;
    width:60% !important;
    box-sizing:border-box;
    }

    .vat-company-new input[type="submit"] {
    -webkit-appearance:none;
    margin-left:4%;
    padding:0;
    font-size:18px;
    line-height:44px;
    width:36%;
    height: 46px;
    box-sizing:border-box;
    display:block;
    font-weight: 400;
    background:#80ea00;
    border:none;
    border-radius: 3px !important;
    box-shadow:none;
    }

    #container .basket .form .company { width:100%; }
    #container .basket .form .vatyes { width:20%; }
    #container .basket .form .vatnr { width:76%; }
    #container .basket .form .vatyes.margin { margin:0;}

    .vat-company-data {
    border-top: 1px solid #ddd;
    padding: 20px;
    }

    .vat-company-data #sourceinfo {
    font-size: 12px;
    color: #808080;
    text-align:left;
    padding:0 0 20px;
    text-shadow:none;
    }

    /* Login, reg, forgot */

    #login, #forgot, #register {
    padding:0;
    }

    .form h1 {
    font-size:20px;
    padding:20px;
    line-height:20px;
    text-align:center;
    /*border-bottom:1px solid #ddd;*/
    font-weight:400;
    color:#80ea00;
    }

    .form .leftcol, .form .rightcol {
    width:100%;
    padding:20px 20px 40px;
    margin:0 !important;
    }

    #container .form label {
    margin:0 0 5px;
    font-size:12px;
    }

    #container .form input[type=text], #container .form input[type=email], #container .form input[type=password], #container .form select, #container .form textarea {
    width:100%; /*455px - 2x10px - 2x(15px+1px)*/
    padding:15px;
    font-size:16px;
    line-height:20px;
    color:#444;
    border-radius:3px !important;
    box-sizing:border-box;
    -webkit-appearance: none;
    margin:0 0 20px;
    }


    #container .form input[type=button], #container #login.form .rightcol a {
    -webkit-appearance: none;
    margin:40px 5% 0;
    box-sizing:border-box;
    border:none;
    background:#80ea00;
    text-shadow:none;
    padding:20px 10px;
    height:auto;
    font-size:20px;
    border-radius:5px !important;
    box-shadow:none;
    display:block;
    width:90%;
    text-align:center;
    }

    #login.form #forgot-password {
    position:absolute;
    margin-top:-57px;
    right:40px;
    }
    
    #login .rightcol {
    margin: 0 !important;
    }   

    #login .rightcol h3 {
    margin: 0 !important;
    border-bottom:none !important;
    padding:0 0 20px !important;    
    }   

    .rightcol h3 {
    width:100% !important;
    margin:0;
    padding:0 0 20px;
    border-bottom:none !important;
    text-shadow:none !important;
    text-align: center;
    font-weight:400;
    box-sizing:border-box;
    color:#80ea00;
    }

    .form .rightcol p {
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    padding:0;
    text-shadow:none;
    border:none;
    }

    .form ul {
    font-size: 14px;
    line-height:22px;
    padding:0 20px 10px;
    border:none;
    text-shadow:none;
    box-sizing:border-box;

    }

    #container .form .halfsize.margin {
    margin-left: 0;
    }
    #container .form .halfsize {
    width: 100%;
    }
    #container .form .zip  { width:30%; }
    #container .form .city { width:66%; }

    #register.form #hiddenFields .remark {
    margin:0 0 20px;
    background-color: #f5f5f5;
    padding: 15px;
    line-height:22px;
    border-radius: 3px;
    text-shadow:none;
    }


    .preview-order, ul.preview-order {
    list-style: none;
    padding:0;
    border:none;
    background: #fff;
    font-size: 14px;
    line-height:22px;
    color: #444;
    text-shadow:none;
    margin:0;
    }

    .preview-order h3, ul.preview-order h3 {
    margin:0;
    background:#f5f5f5;
    color:#80ea00;
    font-size:20px;
    line-height:30px;
    padding:20px;
    font-weight:400;
    border-top: 1px solid #ddd;
    }   

    .preview-order.confirmed h3 {
    text-align:center;
    margin:0 0 30px
    }   


    ul.preview-order p, .preview-order p {
    padding:20px;
    background: #fff;
    margin:0;
    border:none;
    line-height: 22px;
    text-shadow:none;
    }

    .preview-order.confirmed p {
    padding-top:0;
    }    
    
    .preview-order.confirmed p:last-child {
    padding-bottom:20px;
    }    
    
    .preview-order span {
    padding:0 20px 5px;
    
    }

    .preview-order textarea {
    -webkit-appearance:none;
    margin:0 20px;
    padding: 11px 15px;
    font-size: 18px;
    line-height:22px;
    font-family: 'Arial', sans-serif;
    color: #444;
    width:calc(100% - 40px);
    height: 200px;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 3px !important;
    box-sizing: border-box;
    }

    .preview-order input[type=checkbox] {
    margin-left:20px;
    }

    .preview-order>b {
    border-radius: 5px !important;
    padding:20px;
    background: #80ea00;
    font-weight:400;
    color:#fff !important;
    margin:0 20px;
    border:none;
    line-height: 30px;
    text-shadow:none;
    font-size: 30px;
    text-align: center;
    font-weight:bold;
    width:calc(100% - 40px);
    box-sizing:border-box;
    }

    .preview-order>b a {
    font-weight:400;
    color:#fff !important;
    }

    .preview-order p i {
    color:#888;
    margin-top:8px;
    display:block;
    }

    article.basket {
    padding: 0;
    }

    nav#profile {
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 9988;
    border-top: 1px solid #ddd;
    width:100%;
    }

    ul {
    list-style: none;
    float: left;
    width: 100%;
    }
    nav#profile ul li {
    width: 25%;
    box-sizing:border-box;
    border-right:1px solid #ddd;
    float: left;
    box-sizing:border-box;
    }

    nav#profile.bonus ul li {
    width: 20%;
    }

    nav#profile ul li:last-child {
    border-right:none;
    }
    
    nav#profile ul li a {
    padding:20px 9px 0;    
    font-size:11px;
    line-height:16px;
    text-align:center;
    height: 100px;
    box-sizing:border-box;
    }

    nav#profile ul li a i {
    display:block;
    margin: 0 auto 20px;
    position:inherit;
    }

    article.profile {
    padding-bottom:20px;
    }

    #article-title.profile {
    margin: 0;
    }

    article.profile>h3, .containerLeft>h3, .profile-wishlist h3, 
    .profile-orders h3, .dashboard>ul>li>h3 {
    font-size: 16px;
    line-height: 22px;
    color: #80ea00;
    padding: 20px;
    font-weight: 400;
    text-align:left;
    border-top:1px solid #ddd;
    background:#fff;
    }

    .profile-details, .profile-wishlist {
    padding:10px 20px 0;
    }

    .profile p.inline {
    position:relative;
    }

    .profile p.inline label {
    display:block;
    padding:0 20px 0 30px;
    }
    .profile p.inline input[type=checkbox] {
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:0;
    }

    .profile-wishlist table th.fixed-width,
    .profile-orders:not(.detail) table th.fixed-width,
    .profile-wishlist table th.image-width {
    width:auto;
    }

    .profile-orders table td,
    .profile-wishlist table td {
    padding-right:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    }
    
    .profile-orders:not(.detail) table th.left-align,
    .profile-wishlist table th.left-align,
    .profile-orders:not(.detail) table td.left-align,
    .profile-wishlist table td.left-align {
    display:none;
    }

    .profile-orders table th,
    .profile-wishlist table th,
    .profile-orders table td,
    .profile-wishlist table td {
    font-size:12px
    }
    .profile-orders table th.order-view, .profile-orders table td.order-view {
    width: 50px;
    }
    .profile.orders .orderDetails p,
    .profile.orders .orderDetails p.halfsize {
    width: 100%;
    }

    .profile-orders table td span {
    display:block;
    height: auto;
    padding:15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    article.profile>h3>a {
    float:none;
    display:block;
    margin-top:10px;
    }

    .profile.orders p {
    font-size: 14px;
    padding: 20px 20px 0;
    line-height: 22px;
    }

    .profile.orders .orderDetails:not(.row) {
    border-top:none;
    padding-bottom: 25px;
    }

    .profile.orders .orderDetails p.halfsize {
    padding: 20px 20px 0;
    }

    .profile-orders table td img, .profile-wishlist table td img {
    display: none;
    }

    .profile-orders.detail table th.left-align {
    padding-left: 0;
    }

    /* footer */

    .footerContainer ul {
    float: none;
    width: 100%;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    }

    a.netit {
    right: 20px;
    }



    article.contentpage {
    padding:0 20px 20px;
    box-sizing:border-box;
    }

    article.contentpage .product-detail-title, article.dailyoffer .product-detail-title {
    margin:0 0 30px;
    padding:20px;
    color: #333;
    font-size: 20px;
    line-height:30px;
    font-weight: normal;
    border:none;
    text-align:center;    
    box-sizing:border-box;
    }

    catalogs a {
    width: 48%;
    }


    .roundbox {
    border:none;
    }

    article.contentpage h3 {
    font-size: 14px;
    line-height: 22px;
    padding: 20px;
    margin:0;
    }

    article.contentpage img {
    /*width:100%;*/
    margin:20px 0 0;
    }    
    article.contentpage p {
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0 0;
    text-align:left;}

    article.contentpage p>a, article.contentpage .map a {
    font-size: 14px;
    color:#80ea00;
    }
    #container article.contentpage #contactForm {
    width:100%;
    float:none;
    padding: 20px 0;
    background:none;
    margin:0 0 50px;
    box-sizing:border-box;
    }
    #container article.contentpage #contactForm label {
    background:none;
    }
    
    #container article.contentpage #contactForm input[type=text], #container article.contentpage #contactForm textarea {
    padding: 11px 15px;
    margin: 0 0 20px;
    font-size: 18px;
    line-height:22px;
    width: 100%;
    box-sizing:border-box;
    border:1px solid #ddd;
    }

    #container article.contentpage #contactForm input[type=submit] {
    margin: 20px 20%;
    width:60%;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px !important;
    float: none;
    background: #80ea00;
    color: #fff;
    }
    .contentpage.privacy table, .contentpage.privacy table {
    max-width:100%;
    box-sizing:border-box;
    }

    .contentpage.privacy label {
    display:inline;
    }

    article.categoryempty #article-title {
    padding:0;
    }

    article.categoryempty #article-title h1 {
    font-weight:400;
    }

    article.categoryempty .pagination, article.categoryempty .pagination.bottom,
    article.categoryempty .pagination span, article.categoryempty .pagination .page-select, article.categoryempty .pagination #pagesize {width:100%;     display:block;
float:none; box-sizing:border-box;}

    article.categoryempty .pagination {
    padding:0;
    margin:0;
    font-size:14px;
    text-align:center;
    }

    
    .pagination span {
    margin:0;
    padding:20px;
    background:#fff;
    display:block;
    text-align:center;
    float:none;
    width:100%;
    box-sizing:border-box;
    }

    .pagination #pagesize {
    margin:0;
    padding:5px;
    display:block;
    text-align:center;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    }

    .pagination #pagesize select,.pagination #pagesize label {
    float:none;
    margin:5px 0 0;
    }
    
    .pagination #pagesize label {
    font-size:14px;
    }

    article.categoryempty .pagination .page-select {
    display:block;
    }
    article.categoryempty .pagination .page-select input, .pagination #pagesize select {
    border-radius:3px !important;
    font-size:14px;
    }
    .pagination .page-select a {
    display: inline-block;
    padding: 0 3px;
    margin: 5px 0;
    }

    .pagination .page-select {
    float: none;
    text-align: center;
    display: block;
    }

    .pagination {
    float: none;
    }

    input {
    font-size:16px;
    }

    article.home ul.product-list {
    width:100%;
    height:auto;
    }

    #language {
    position: absolute;
    top: 75px;
    left: 20px;
    }

    .tmRight, .tmLeft {
    width: 100%;
    float: none;
    border: none;
    padding:0;
}

    .tmLeft img {
    display:inline-block !important;
    width: 100px !important;
    max-width: 100px !important;
    text-align:center;
    }

   .tmRight table td img {
    margin: 0 20px 0 0;
    display: none;
    }
   .tmRight p {
    margin: 20px 0 0 !important;
    }

   
   ul.newsList {
   width:100%; 
   margin:0 !important;
   float:none;
   }
   .newsHome ul.newsList {
    width:100%;
    float:none;
    margin:0 !important;
   }
   article.blog ul.newsList>li, .newsHome ul.newsList > li {
   width:100%; 
   height:auto;
   margin:0 !important;
   float:none;
   padding-top:10px !important;
   border:none;
   border-radius:0;
   border-bottom:1px solid #ddd;
   background:none;
   }

    article.blog ul.newsList > li h3, .newsHome ul.newsList > li h3 {
    width: 100%;
    float:none;
    margin:0 0 20px;
    padding:0;
    }

    article.blog ul.newsList > li > h3 span {
    bottom:-20px;
    }

   ul.newsList > li p, .newsHome ul.newsList > li p {
    height: auto;
    width:100%;
    float:none;
    }

   ul.newsList > li .more, .newsHome ul.newsList > li .more {
    padding:15px 0 0 !important;
    width:100% !important;
    box-sizing:border-box;
    float:none;
    position:initial;
    }
   article.blog ul.newsList > li img, .newsHome ul.newsList > li img {
    position:relative;
    top:auto;
    right:auto;
    border-radius:0;
    width: 100%;
    height: auto;
    }

article.blog {
    width: 100%;
    margin: 0;
    padding:0 20px 20px;
   border-top:1px solid #ddd;
   box-sizing:border-box;
   }
   article.blog > h1 {
    background:none;
    padding:20px 0 0;
    }

   .blogPost {
    background:none;
    padding:20px 0 0;
    }

    a#newsArchive {
    border: none;
    }

   p.brandsText {
    padding: 20px;
    }

   .aboutHome  {
    padding:60px 40px;
    }

   article.home>h3 {
    font-size:14px;
    line-height:26px;
    }
            

   .aboutHome img {
    width:100%;
    margin:0 0 40px;
    }

    article.contentpage .form.seminar {
    width:100%;
    }
    article img.imgFloatLeft {
    padding:20px 0 !important;
    max-width:100% !important;
    float:none !important;
    }

    article img.imgFloatRight {
    padding:20px 0 !important;
    max-width:100% !important;
    float:none !important;
    }

    .footerObroki span {
    width: 100%;
}

    footer{
        margin: 60px 0 0;
    }

    .footerNav ul li span {
    width: 100%;
    float: none;
    }


    article.home ul.product-list li {
    width: 50%;
    }

    .homeTitle {
    padding: 20px 0 0;
    }

    .footerInfoWrapper .footerInfoHalf {
    width: 100%;
    text-align:center;
    }

   .footerInfoWrapper .footerInfoHalf.newsletter {
    text-align:center;
    }

    .footerInfoWrapper {
    flex-wrap: wrap;
    }

    .footerInfoWrapper i {
    margin:0 0 40px;
    display: block;
    }

    .footerInfoWrapper input[type="email"] {
    width: 240px;
    }

    .footerInfoWrapper .newsletterWrapper p {
    display:block;
    max-width: 240px;    
    }


}

@media only screen 
and (max-width : 1020px) 
and (max-device-width : 1020px) 
and (orientation : landscape) { 
    ul.product-list>li, article.categoryempty ul.product-list>li {
    width:25%;
    }

    ul.product-list:not(.groups) h3 {
    height: 100px !important;
    }



}

@media only screen 
and (min-width : 500px) 
and (max-width : 1020px) 
{ 

    ul.product-list>li, article.categoryempty ul.product-list>li,article.home ul.product-list li {
    width:25%;
    }

    ul.product-list:not(.groups) h3 {
    height: 100px !important;
    }
}

@media only screen 
and (min-width : 500px) 
and (max-width : 1024px) 
and (min-device-width : 500px) 
and (max-device-width : 1020px) 
and (orientation : portrait) { 


    ul.product-list>li, article.categoryempty ul.product-list>li {
    width:25%;
    }

    ul.product-list:not(.groups) h3 {
    height: 100px !important;
    }
}

@media only screen 
and (min-width : 900px) 
and (max-width : 1024px) 
and (min-device-width : 900px) 
and (max-device-width : 1020px) 
and (orientation : landscape) { 

    article.home #categories li {
    height:240px;
    }
}

@media only screen 
and (min-width : 730px) 
and (max-width : 1024px) 
and (min-device-width : 730px) 
and (max-device-width : 1020px) 
and (orientation : landscape) { 

    ul.product-list:not(.groups) h3 {
    height: 85px !important;
    }
}

@media only screen 
and (min-width : 360px) 
and (max-width : 680px) 
and (min-device-width : 360px) 
and (max-device-width : 680px) 

{ 
    article.home #categories li {
    height:210px;
    }
}

@media only screen 
and (min-width : 320px) 
and (max-width : 360px) 
and (min-device-width : 320px) 
and (max-device-width : 360px) 

{ 
    ul.product-list>li, article.categoryempty ul.product-list>li {
    padding: 215px 0 20px;
    }

    ul.product-list>li .img {
    height:206px;
    }


}