/*** HIGH RESOLUTION MENU ***********************************************/
.HeaderMainSection{	
  height: 100px;
  width: 100%;
  padding: 8px 0 0 0;
	margin: 0;
  position: fixed;
	background: #FFFFFF;
  z-index: 1000;
}
.HeaderMainSection>div.container-fluid{	
	height: 45px;
	background: #FFFFFF;
}
.HeaderMainSectionSpacer{
	height: 100px;
}

.SubMenuContainerFluid{
	background: var(--green);
	margin-top: 7px;
	height: 40px; 
	width: 100%; overflow: hidden;
	text-transform: uppercase;
}
@media (max-width: 992px){
.HeaderMainSectionB2B{
	height: auto;
	position: relative;
}
}
@media (max-width: 767px){
  .HeaderMainSection{
    position: relative;
    height: auto;
    padding-bottom: 0;
  }
}
#MenuContainer a,#MinMenuContainer a,ul.SubMenuContainer>li>a{
  font-family: "Roboto Condensed", sans-serif;
}

#MenuContainer{
  display: table;
  table-layout: auto;
  float: none;
  width: 100%;
  background: #D4D4D4;
	/*
	background: #79C0DF;
	background: linear-gradient(#1a784d, #01B6F5);
  background: #1a784d;
	005b31
	*/
  border: 0;
  border-radius: 0;
  min-height: auto;
  margin-bottom: 0;
  margin-top: 0px!important;
	float: right;
}
#MenuContainer>ul>li {
  display: table-cell;
  float: none;
  text-align: center;
}

#MenuContainer>ul{
  width: 100%;
}
ul.navbar-nav{
  display: table;
  table-layout: auto;
}


#MenuContainer>ul>li.open{
	background: #EBEBEB!important;
}

#MenuContainer>ul>li:hover{
	background: #EBEBEB!important;
}

#MenuContainer>ul>li.open>a,#MenuContainer>ul>li:hover>a{
	color: #808080!important;
	text-decoration: none;
}
#MenuContainer>ul>li.open>a>img,#MenuContainer>ul>li:hover>a>img{
	filter: invert(30%);
  -webkit-filter: invert(30%);	
}


#MenuContainer>ul>li>a{
  color: #FFFFFF!important;
  font-size: 12px;
  line-height: 120%;
  position: static;  
  text-transform: uppercase;
  font-weight: 500;
  padding: 10px;
}
#MenuContainer>ul>li.open>a,#MenuContainer>ul>li>a:hover,#MenuContainer>ul>li>a:focus{
  background: none!important;
}
#MenuContainer>ul>li>a>img{
  margin-bottom: 5px;
}
#MenuContainer .nav,
#MenuContainer .collapse,
#MenuContainer .dropup,
#MenuContainer .dropdown {
  position: static;
}
#MenuContainer .container {
  position: relative;
}
#MenuContainer .dropdown-menu {
		/*
  background: #009ada;
	*/
	background: #EBEBEB;
  left: auto;
  padding: 0;
  margin: 0;
  border: 0;
}
#MenuContainer .dropdown.mainmenu-fw .dropdown-menu {
  left: 0;
  right: 0;
}
#MenuContainer .mainmenu-content {
  padding: 20px 30px;
  width: 100%;
}
#MenuContainer .mainmenu-content>div.row>div{
  text-align: center;
  overflow: hidden;
}
#MenuContainer .mainmenu-content>div.row>div>a{
	word-wrap: break-word;
  margin: 5px;
  font-size: 11px;
  padding: 5px;
  font-weight: 500;
  color: #1a784d;
  text-transform: uppercase;
  height: 100%;
  background: #FFFFFF; 
}
#MenuContainer .mainmenu-content>div.row{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
#MenuContainer .mainmenu-content>div.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
  padding-right: 0;
  padding-left: 0;
}
#MenuContainer .mainmenu-content>div.row>div>a:hover,#MenuContainer .mainmenu-content>div.row>div>a:focus{
  text-decoration: none;
}

@media (max-width: 991px){
  #MenuContainer>ul>li>a>br.separator, #MenuContainer>ul>li>a>img{
    display: none;
  }
}
@media (min-width: 768px){
  #MenuContainer>ul>li>a{
    font-size: 10px;
  }
  #MenuContainer>ul>li>a>img{
    height: 20px;
  }  
}
#MenuContainer .mainmenu-content>div.row>div>a>img{
  width: 100%;
  margin-bottom: 5px;
}
@media (min-width: 1200px){
  #MenuContainer>ul>li>a{
    font-size: 12px;
  }
  #MenuContainer>ul>li>a>img{
    height: 30px;
  }
}

div.SubMenuContainer{
	display: block;
	width: 100%;
	background: var(--green);
	height: 40px;
}
div.SubMenuContainer>a{
	color: #505050;
	font-family: "Roboto Condensed", sans-serif;
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	padding: 0 2px 0px 2px!important;
	border-radius: 3px;	
	line-height: 38px;
	margin: 0 0 0 15px;
	float: left;
	border: 1px solid  var(--green)!important;
}
	
div.SubMenuContainerFluidLichidari, div.SubMenuContainerLichidari{
	background: #220C00;
}
div.SubMenuContainerLichidari>a{
	color: #FFFFFF!important;
	border: 1px solid #220C00!important;
}
div.SubMenuContainerLichidari>a:hover{
	color: #FFFFFF!important;
}
div.SubMenuContainerLichidari>a.back{
	background: #FFFFFF!important;
	color: #505050!important;
	line-height: 28px;	
	margin-top: 5px;
}
@media (min-width: 768px){
	div.SubMenuContainer>a{
		padding: 0 8px!important;
	}
}
div.SubMenuContainer>a:hover,a.MainMenuToggleOpened,a.MainMenuToggleOpenedForced{
	color: #505050;
	border-bottom: 1px solid #505050!important;
	border-radius: 0;
}

a.MainMenuToggleOpened,a.MainMenuToggleOpenedForced{
	color: #505050!important;
	background: #FFFFFF!important;
}




#carousel-home{
	
}
#carousel-home a{
	height: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left;
	overflow: hidden;
}

@media (min-width: 768px){
	#carousel-home{
		margin-left: 330px;
	}
	#carousel-home a{
		height: 449px;
		/*
		328
		*/
	}
}

#MainMenuContainer{
	position: absolute;
	display: none;
  top: 92px;
  left: 0;	
  z-index: 999;
}
.MainMenuContainer{
  background: #FFFFFF;
	width: 330px;

  border-top: 0px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-bottom: 0px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
}
.MainMenuContainer>a>img{
  height: 30px;
  margin: 0 10px 0 0;
}

.MainMenuContainer>a:hover{
	border-bottom: 1px solid  var(--green);
	background: var(--green);
}
.MainMenuContainer>a:hover>img{
    filter: invert(70%);
    -webkit-filter: invert(70%);		
}
.MainMenuContainer>a{
  color: #000000;
	font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  display: block;
  font-weight: 500;  
  border-bottom: 1px solid #CCCCCC;
  padding: 5px 15px;
}
/*
text-transform: uppercase;
*/
.MainMenuContainer>a>img.invert{
  filter: invert(30%);
  -webkit-filter: invert(30%);	
}
.MainMenuContainer>a.special{
	display: none;
}
.MainMenuContainer>a.outlet{
  background: #EA5B0C;
}
.MainMenuContainer>a.brands{
  background: #000000;
	color: #FFFFFF;
}
.MainMenuContainer>a.smart{
  background: #56B7AC;
}

/*
#MainMenuContainer>a.special{
  display: none;
}
*/








/*** LOW RESOLUTION MENU ************************************************/
.MinMenuToggleButton{
  float: right!important;
	margin-right: 10px!important;
}


/*
#MinMenuContainer{
  padding-top: 3px;
  background: #1a784d;
}
#MinMenuContainer>a>img{
  height: 30px;
  margin: 0 10px 0 0;
}

#MinMenuContainer>a{
  color: #FFFFFF;
  font-size: 14px;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 1px solid #34a16f;
  padding: 5px 15px;
}
#MinMenuContainer>a:focus,#MinMenuContainer>a:hover{
  text-decoration: none;
  background: #009ada!important;
}

#MinMenuContainer>a.special{
  border-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
	width: 33%;
  line-height: 30px;
  text-align: center;
	font-size: 12px;
}
#MinMenuContainer>a.outlet{
  background: #EA5B0C;
}
#MinMenuContainer>a.brands{
  background: #000000;
	color: #FFFFFF;
}
#MinMenuContainer>a.smart{
  background: #56B7AC;
}
*/
#MinMenuContainer{
	width: 100%;
	margin-bottom: 10px;
}
@media (min-width: 768px){
  #MinMenuContainer{
    display: none;
  }
}
#MinNavigationContainer{
	width: 100%;
}
#MinNavigationContainer>a{
	line-height: 140%;
}
#MinNavigationContainer>a>i{
	width: 24px;
	font-size: 20px;
	text-align: center;
	color: #AAAAAA;
	margin-right: 10px;
}
@media (min-width: 768px){
  #MinNavigationContainer{
    display: none;
  }
}
#MinMenuContainer{
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);  
}
#MinMenuContainer a{
	line-height: 200%;
}
#MinMenuContainer a.back{
	line-height: 300%!important;
	color: #337ab7;
}
#MinMenuContainer a.current{
	line-height: 300%!important;
	color: #00a85a;
	font-size: 16px;
}
#MinMenuContainer a.current>span{
	float: right;
	color: #337ab7;
	font-size: 14px;
}

#MinMenuContainer a>span{
	float: right;
}
#MinMenuContainer a div.prev{
	width: 30px;
	float: left;
	text-align: center;
	margin-right: 8px;
}
#MinMenuContainer a div.prev>img{
	width: 100%;
	max-height: 25px;
}



/*** HEADER *************************************************************/
.LogoContainer>a.logo{
  display: inline-block;
}
.LogoContainer>a.logo>img{
  height: 45px;
}
@media (max-width: 767px){
}



@media (min-width: 768px){
	#B2bQuickLinkContainer{
		padding-top: 7px;
	}
}
/*
@media (min-width: 992px){
		#B2bQuickLinkContainer{
		padding-top: 5px;
		background: #00CC00;
	}
}*/
.QuickLinkContainer{
  padding: 0 0 0 0;
}
.SearchContainer{
	padding: 4px 0;
}
.toggleSearch{
	float: right;
}
.toggleSearch>i{
	font-size: 35px!important;
	margin: 2px 0 0 0;
	color: #000000;
}
@media (max-width: 767px){
	.SearchContainer{
		margin: 2px 0 1px 0;
		padding-left: 10px;
		padding-right: 10px;
	}
}
.SearchContainer>span{
	display: inline-block;
	overflow: hidden;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 10px 0;
  height: 15px;
  color: #FFFFFF;
}
.SearchContainer>span>i{
  margin-left: 15px;
}
.SearchContainer>span>a{
  font-weight: normal;
  color: #FFFFFF;
}

@media (max-width: 991px){
  .SearchContainer{
    text-align: center;    
  }
}


@media (min-width: 1200px) {
	.QuickLinkContainer>a{
		margin: 0 10px;  
	}
}
.QuickLinkContainer{
  text-align: right;
}
.QuickLinkContainer>a>p{
	font-weight: normal;
	margin: 0;
}
.QuickLinkContainer>a{
  color: #555555!important;
  margin: 0 0 0 20px;
  display: inline-block;
  padding: 0;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  font-family: 'Roboto Condensed', sans-serif;
}
@media (max-width: 1100px){
	.QuickLinkContainer>a{
		font-size: 9px;
	}
}
.QuickLinkContainer>a i{
  font-size: 20px;
}
@media (max-width: 979px){
  .QuickLinkContainer>a{
  	font-size: 9px;
  	margin: 0 5px;
  }
}
@media (max-width: 767px){
  .QuickLinkContainer{
    text-align: left;
    padding: 0 10px;
    font-size: 10px!important;
  }
  .QuickLinkContainer>a{
    margin-top: 5px;
    color: #FFFFFF;
  }
  .QuickLinkContainer>a i{
    font-size: 25px;
  }
}

a.headerbasketDisabled{
  cursor: default;
}
a.headerbasket{
	margin-right: 5px;
	background: #FFFFFF;
	display: inline-block;
  position: relative;
	min-width: 50px;
	height: 40px;
  background-image: url('../../../images/cart_dark.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 41px 40px;  
  text-align: left;
}
@media (max-width: 767px){
	a.headerbasket span.text{
	  font-size: 11px!important;
	}	
	a.headerbasket{
		width: 42px;
		float: right;
	}
	
	a.headerbasket>span.value{
		padding-top: 4px;
		font-size: 16px!important; 
	}
	a.headerbasket>span.text{
		display: none;
	}
	a.headerbasket>span.value{
		display: none!important;
	}	
}

a.headerbasket>span.quantity{
  position: absolute; 
  top: 1px; left: 13px;
  /*
  background:  var(--green); 
  border-radius: 100px; 
  */
  width: 20px; 
  height: 20px; 
  text-align: center; 
  font-size: 12px;
  font-weight: bold; 
  color: #505050; 
  padding: 0px; 
  line-height: 22px;
}


a.headerbasket>span.text{
  position: absolute; 
  top: 4px; 
  left: 45px;
  font-family: 'Roboto Condensed', sans-serif; 
  font-size: 12px;
  font-weight: normal;
  color: #005b31!important;
}

a.headerbasket>span.value{
	display: inline-block;
  font-family: 'Roboto Condensed', sans-serif; 
  font-size: 22px; 
  font-weight: bold; 
	margin-top: 15px;
	margin-left: 40px;
}
a.headerbasket span.value span{
  font-size: 10px;
}


#TopBasketInfoContent{
  position: absolute;
  top: 92px;
  right: 0;

  position: absolute;
  background: #FFFFFF;
  max-width: 500px;
  min-width: 128px;
  display: none;
  padding: 15px 10px;
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  z-index: 12002;
  font-size: 12px;
	text-align: left;
}
#TopBasketInfoContent>table>tbody>tr{
	border-bottom: 1px solid #CCCCCC;	
}
#TopBasketInfoContent>table>tbody>tr:hover{
	border-bottom: 1px solid  var(--green);
	background: #F1F1F1;
}
#TopBasketInfoContent>table>tbody>tr>td{
  font-size: 12px;
  vertical-align: top;
	padding: 5px;
}
#TopBasketInfoContent>table>tbody>tr.nob{
	border-bottom: 0;
}
#TopBasketInfoContent>table>tbody>tr.nob:hover{
	border-bottom: 0;
	background: #FFFFFF;	
}
#TopBasketInfoContent>table>tbody>tr.nob{
	padding-bottom: 0;
}
#TopBasketInfoContent>table>tbody>tr>td>img{
  max-width: 40px;
  max-height: 40px;
}
#TopBasketInfoContent>table>tbody>tr>td:nth-child(3),#TopBasketInfoContent>table>tbody>tr>td:nth-child(4){
  text-align: right!important;  
}

#TopBasketInfoContent>table>tbody>tr>td>a{
  color: #1c7649!important;
}





#SearchResult{
  position: absolute;
  background: #ffffff;
  top: 38px;
  width: 89%;
  display: none;
  padding: 10px;
  border: 1px solid #cfcfcf;
  font-size: 12px;
  color: #2C794F;
  z-index: 998;
  text-align: left;
}
@media (min-width: 767px){
	#SearchResult{
  	width: 500px!important;
  }
}
@media (min-width: 992px){
	#SearchResult{
  	width: 650px!important;
  }
}
#SearchResult>div.row>div>a.Close{
  display: block;
  float: right;
  width: 14px;
  height: 14px;
  border: 0;
  padding: 0;
  margin: 0;
  background: url('../../images/close.png') center center no-repeat;
}

#SearchResult>div.row>div>a{
  margin: 2px;
  display: block;
  padding: 3px 5px;
  font-size: 11px;
  color: #2C794F;
  border: 1px solid #FFFFFF;
}
#SearchResult>div.row>div>a>span{
  font-size: 11px;
  color: #2C794F;
  display: block;
}
#SearchResult>div.row>div>a:hover{
  text-decoration: none;
  border: 1px solid #CCCCCC;
}
#SearchResult>div.row>div>a>p{
  margin-right: 10px;
  width: 50px;
	height: 50px;
  float: left;
  text-align: center;
}
#SearchResult>div.row>div>a>p>img{
  max-width: 100%;
  max-height: 100%;
}

#SearchResult>div.row>div>a.Search{
  color: #2C794F;
  float: left;
  max-width: 80%;
}
#SearchResult>div.row>div>a.Search:hover{
  background: #FFFFFF;
}
#SearchResult>div.row>div>a.SearchBottom{
  color: #2C794F;
  float: left;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding: 3px 0;
  margin: 0;  
  border: 0px solid!important;
}

#SearchForm button{
	border-radius: 0 3px 3px 0;
}