.fmWareCatalogView .ware-not-exists{
	opacity:0.5;
}

.pagination-prev, .pagination-next, .pagination-link{
height: 32px;
line-height: 32px;
border-radius: 2px;  
  padding: 0 10px;
  border: 1px solid #ccc ;
background-color: #fff ;
  box-sizing:border-box;
  cursor:pointer;
}

.pagination-link.active{
	color: white;
	background-color: rgb(118, 188, 33);
	border: 0;
}

.pagination-link{
	width:40px;
}


.pagination-link, .pagination-next{
	margin: 0 0 0 4px;
  	margin-bottom:10px;
}

.appendpage{

  width: 100%;
height: 45px;
font-size: 14px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
text-align: center;
border: 1px solid rgb(217, 217, 217);
outline: currentcolor none medium;
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
transition: all 0.2s ease 0s;
cursor: pointer;
border-radius: 2px;
  
}

.appendpage:hover{

background-color: rgb(245, 245, 245);
color: rgb(118, 188, 33);
}

.category__title {
    font-family: 'Proxima Nova';
    text-align: center;
--    margin-bottom: 24px;
    position: relative;
}


.category__title::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ebebeb;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}

.category__title span {
    display: inline-block;
    padding: 0 48px;
    position: relative;
    z-index: 2;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: #373737;
    text-transform: uppercase;
    background: #f2f2f2;
  width:auto !important;
}



.help-btn{
display: inline-block;
width: 16px;
height: 16px;
margin-left: 4px;
cursor: pointer;
outline: none;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjU2NSAuNTY1KSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNENUQ1RDUiIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjcuNDM1IiBjeT0iNy40MzUiIHI9IjcuNDM1Ii8+PHBhdGggZD0iTTYuNDQgMTAuOTljMC0uNTY3LjM3Ni0uOTE1Ljk3NC0uOTE1LjYgMCAuOTY5LjM0OC45NjkuOTE1IDAgLjU2Mi0uMzcuOTEtLjk2OS45MS0uNTk4IDAtLjk3My0uMzQ4LS45NzMtLjkxbTEuMTEzLTcuMDRjMS41MyAwIDIuNTQuODUgMi41NCAyLjA4NiAwIC44MDItLjM5IDEuMzY0LTEuMTQ0IDEuODA4LS43MTEuNDEzLS45MS42NzUtLjkxIDEuMTg4di4yODNINi42MjRsLS4wMS0uMjk0Yy0uMDctLjg1NS4yMjQtMS4zMzcuOTYyLTEuNzcuNjktLjQxMy45LS42Ny45LTEuMTY3cy0uNDA4LS44NS0xLjAxOC0uODVjLS42MTUgMC0xLjAyMi4zOC0xLjA1NC45NjhoLTEuNDVjLjAyOC0xLjMzMi45NTgtMi4yNTIgMi42LTIuMjUyIiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==);
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.ware-plus-before{
display: inline-block;
margin-right: 6px;
width: 12px;
height: 13px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yNTMgNS41NDVjLjQwNyAwIC43MzYuMzMuNzM2LjczOHYuMDNhMTEuMjQgMTEuMjQgMCAwMS0uNTQ3IDIuODM1bC0uMDAxLjAwNmExMS4yMjQgMTEuMjI0IDAgMDEtMS44MTEgMy4zODRsLS4wMDEuMDAyLS4xMDcuMTI2SDMuOTRWNi4zOGwzLjIzOS0zLjg3My4wMDItLjAwMmEzLjE4IDMuMTggMCAwMC41MTYtLjk2NWwuMDAxLS4wMDVhMy4yMSAzLjIxIDAgMDAuMTU3LS44MTMuNzMxLjczMSAwIDAxLjUxOS0uMjE1Yy4zNzkgMCAuNjM3LjI1Mi43OTEuNjgzLjE4NC41MTMuMTY4IDEuMDk1LjE2OCAxLjA5NSAwIC43NTYtLjI2IDEuNDUtLjY5NSAybC4wMDIuMDAxLTEuMDY3IDEuMjZoMy42OHptLTguNDA1IDcuMTIxSC42NjdWNi4zOGgyLjE4MXY2LjI4NnoiIGZpbGw9IiMyOUFEMkUiLz48L3N2Zz4=);
}

.ware-plus{
	text-transform: lowercase;
	color: #29ad2e;
  	font-weight:700;
  	

}

.commentinfo:hover{
color:red !important;
}

.WareTag{
position: absolute;
left: 10px;
top: 10px;
padding: 10px;
background-color: #0074cc;
color: white;
padding: 0 8px;
display: inline-block;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 13px;
line-height: 24px;
white-space: nowrap;
margin-left: 8px;
font-weight:400;
}

.shop-basket{

  width:24px;
  height:24px;
  background-image: url(/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/icons/icon-header-cart.0.cd470fa8.svg);
  background-repeat: no-repeat;
  position:relative;

}



.shop-basket .ware-quantity{
	
  	position:absolute;
  	left: 15px;
	top: -2px;
	width: 15px;
	height: 15px;
	background-color: rgb(118, 188, 33);
  
	font-size: 10px;
	text-align: center;
	line-height: 14px;
	border-radius: 50%;
	color: rgb(255, 255, 255);  
  
  
  
}

.shop-basket-empty{
	
}

.shop-basket-active{
	
}

.textbox-ph{
	color:black;
}

.textbox-ph::placeholder{
	color: rgb(157, 157, 157);
}

.listing-blocks{
  	display:inline-block;
 	  width:24px;height:24px;
  	  background-repeat: no-repeat;
	text-align: center;
	line-height: 32px;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-mask-image: url(/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/icons/tile.svg);  
  	mask-image: url(/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/icons/tile.svg);
  	background-color:gray;
  
}


.love{
  	display:inline-block;
 	  width:24px;height:24px;
  	  background-repeat: no-repeat;
	text-align: center;
	line-height: 32px;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-mask-image: url(/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/icons/heart.svg);  
  	mask-image: url(/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/icons/heart.svg);
  	background-color:red;
  
}


.listing-lines{
  	display:inline-block;
 	  width:24px;height:24px;
  	  background-repeat: no-repeat;
	text-align: center;
	line-height: 32px;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-mask-image: url(/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/icons/menu.svg);  
  	mask-image: url(/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/icons/menu.svg);
    	background-color:gray;

  
}




[role='viewmodecontrol'] .active i{
  	background-color:#ff4747;
}

[role='sortingmodecontrol'] .active {
	font-size:1.1em;
  	color:black;
  font-weight:bold;
}


.header-collapse-button{
	width:9px;
  	height:5px;
  	padding-top:6px;
  	float:right;
    cursor:pinter;
  	color: gray;
    cursor: pointer;
    background-image: url(/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/icons/triangle-up.0.11200fad.svg);
    background-repeat: no-repeat;
  	margin-top:8px;
	transition: transform 0.3s linear 0s;
  
  	
}

.header-expand-button{
	width:9px;
  	height:5px;
  	padding-top:6px;
  	float:right;
    cursor:pinter;
  	color: gray;
    cursor: pointer;
    background-image: url(/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/icons/triangle-up.0.11200fad.svg);
    background-repeat: no-repeat;
	transform: rotateX(180deg);
	transition: transform 0.3s linear 0s;
  	margin-top:5px;
}

.header-title{
  font-size:16px;
  flex:1;
}

.find-button-inner{
	resize: none;
	pointer-events: none;
	margin: 0 16px;
}

.btn-location, .btn-basket, .btn-user-login{
cursor:pointer;
line-height: 18px;
display: inline-block;
padding-left: 5px;
padding-right: 5px;
vertical-align: text-bottom;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #222;
-webkit-transition: color .15s ease-in-out;
-o-transition: color .15s ease-in-out;
-moz-transition: color .15s ease-in-out;
transition: color .15s ease-in-out;
border:0;
font-size: 16px;
background-color: transparent;
  
}

.btn-basket{
	max-width:160px;
}

.btn-location{
	max-width:130px;
}

.btn-user-login{
	max-width:200px;
}


.btn-location:hover{
	color:red;
}

.ware-rating{

  color:white;
  background-color: #359e00;
  float: none;
	display: inline-block;
	padding: 1px 3px 0 6px;
	margin-right: 6px;
	font-size: 13px;
	line-height: 21px;
	color: #fff;
	position: relative;
	text-align: center;
  	padding-right:5px;
	
}



.ware-rating:after{
	border: 11px solid transparent;	border-left: 7px solid #359e00;
  content:'';
  position: absolute;
  right:-18px;
  top:0px;
}

.sorting-type{
	margin-right:20px;
}

.sorting-type:hover{
	color:red;
}

@font-face {
    font-family: 'FjallaOne';
    font-style: normal;
    font-weight: 400;
    src: local('FjallaOne'), local('FjallaOne-Regular'),
        url("../fonts/fjalla.woff") format('woff'),
        url("../fonts/fjalla.ttf") format('truetype');
}

@font-face {
    font-family: 'MK90';
    font-style: normal;
    font-weight: 400;
    src: local('MK-90'),
        url("../fonts/mk-90.ttf") format('truetype');
}


@font-face {
    font-family: 'Bebas Neue Cyrillic';
    font-style: normal;
    font-weight: 400;
    src: local('bebas'),
        url("../fonts/bebas.ttf") format('truetype');
}

@font-face {
    font-family: 'Mozer';
    src: url("/fonts/Mozer-SemiBold.eot");
    src: local('Mozer SemiBold'), local('Mozer-SemiBold'),
        url("../fonts/Mozer-SemiBold.eot?#iefix") format('embedded-opentype'),
        url("../fonts/Mozer-SemiBold.woff2") format('woff2'),
        url("../fonts/Mozer-SemiBold.woff") format('woff'),
        url("../fonts/Mozer-SemiBold.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
}

.mk90-font{
  	color:white;
	font-family: "MK90";
	font-size: 20px;
	line-height: 20px;
	padding: 21px 29px;
	text-transform: uppercase;
  
}


.bebas-font{
  	color:white;
	font-family: "Bebas Neue Cyrillic";
	font-size: 20px;
	line-height: 20px;
	padding: 21px 29px;
	text-transform: uppercase;
  
}

.mozer-font{
  	color:white;
	font-family: "Mozer";
	font-size: 20px;
	line-height: 20px;
	padding: 21px 29px;
	text-transform: uppercase;
  
}

.fjala-font{
  	color:white;
	font-family: "FjallaOne";
	font-size: 20px;
	line-height: 20px;
	padding: 21px 29px;
	text-transform: uppercase;
  
}


.carousel-block[aria-selected="true"]{
	background:transparent;
}

.carousel-block[aria-selected="true"] a{
	background-color: #E62E04 !important;
}

.carousel-block[aria-selected="true"] a:after{
	background-color: transparent;
}

.plus-fol {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;

    display: table-cell;
    text-align: center;
    cursor: pointer;
    background-image: url(/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/icons/vuiIconSprite.png);
    background-repeat: no-repeat;
    background-position: -137px -1px;
}

.plus-open {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    display: table-cell;
    text-align: center;
    cursor: pointer;
    background-image: url(/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/icons/vuiIconSprite.png);
    background-repeat: no-repeat;
    background-position: -137px -18px;
}



.warecategory-hover{
	font-size:13px;
  	color: rgb(52,52,52);
  	font-weight: normal;
  	border:0;
  	min-height:16px;
  	box-sizing:border-box;
  	display: flex;
	padding-left: 0px;
	padding-top: 0px;
}

.warecategory-hover img{
	padding-top:5px;
  	margin-right:15px;
}

.warecategory-hover span{
  flex:1;
}

.warecategory-hover:hover{
	font-size:13px;
  	color: red;
  	font-weight: bold;
	text-decoration:none;
  cursor:pointer;
}

.ware-link{
	  cursor:pointer;
}

.ware-link:hover{
	color:red;
  	text-decoration:none;
}

.list-element-active{
	font-weight:bold;
  	color:red;
}

.active {
	cursor:default;
}

.sorting-type {
	cursor:pointer;
  position:relative;
}

.active-asc:after
{
	content: "";
	position: absolute;
	top: 3px;
	right: -18px;
	width: 16px;
	height: 13px;
  background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: no-repeat;
background-attachment: scroll;
background-image: url("/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/asc_1.svg");
background-size: auto;
background-origin: padding-box;
background-clip: border-box;	
  
	margin-left: 6px;
}

.active-desc:after
{
	content: "";
	position: absolute;
	top: 3px;
	right: -18px;
	width: 16px;
	height: 13px;
  background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: no-repeat;
background-attachment: scroll;
background-image: url("/sitefiles/345E7486-5403-46A2-BA0E-4AF61ACBB24A//images/desc_1.svg");
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
  
	margin-left: 6px;
}

.doco-treeview-element.active .active .ware-category-text{
	font-weight:bold;
  	color: rgb(118, 188, 33);
}