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

  HEADER

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

.mini-navbar { min-height: 50px; }
.mini-navbar #topnavigation #leo-top-menu .nav > li > a {padding:15px 15px;}
.mini-navbar #header_logo{padding:10px;}

.hide-bar { display: none; }
header { z-index: 1; position: relative; }
header ul { margin-bottom: 0; }
header ul.links li { display: inline-block; }
header .row { position: relative; }
header .groupe-content.eshow { background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); display: block !important; right: 0; padding: 10px; position: absolute; right: auto; top: 35px; z-index: 9999; min-width: 140px; }
.rtl header .groupe-content.eshow { left: 0; right: auto; }
header .current:after { content: "\f0d7"; font-family: "FontAwesome"; font-size: 15px; line-height: 15px; color: #fff; vertical-align: -2px; padding-left: 7px; }
header ul.toogle_content { display: none; position: absolute; top: 37px; left: 0; min-width: 80px; background: white; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); padding: 10px; z-index: 9999; font-size: 13px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.rtl header ul.toogle_content { right: 0; left: auto; }
header ul.toogle_content li { line-height: 18px; margin-bottom: 5px; color: #bfbfbf; }
header ul.toogle_content li a.selected, header ul.toogle_content li a:hover a { color: #008198; }
.green header ul.toogle_content li a.selected, .green header ul.toogle_content li a:hover a { color: #95bb7a; }
.pink header ul.toogle_content li a.selected, .pink header ul.toogle_content li a:hover a { color: deeppink; }
.skyblue header ul.toogle_content li a.selected, .skyblue header ul.toogle_content li a:hover a { color: #57a6b9; }
#header_logo { padding:10px 10px; position: relative; z-index: 2; }
.rtl #header_logo { float: right; }

.link_topbar, .groupe-btn { float: left; margin-right: 5px; position: relative; padding: 0 7px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; min-width: 30px; text-align: center; height: 30px; line-height: 30px; }
.rtl .link_topbar, .rtl .groupe-btn { float: right; }
.rtl .link_topbar, .rtl .groupe-btn { margin-left: 5px; margin-right: inherit; }
#topbar a:hover, #topbar a.active{color:#008198 !important;}

#topbar { background: #282b2f; padding: 4px 0px  0px 0px; font-size: 14px;}
/* #topbar { background: #282b2f; padding: 2px 0px  0px 0px; font-size: 13px; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; } */
#topbar a { color: #bfbfbf; }
#topbar a:hover, #topbar a.active { color: #008198; }
.green #topbar a:hover, .green #topbar a.active { color: #95bb7a; }
.pink #topbar a:hover, .pink #topbar a.active { color: deeppink; }
.skyblue #topbar a:hover, .skyblue #topbar a.active { color: #57a6b9; }
#topbar .banner { background: black; max-height: 100%; }
#topbar .banner .row { margin: 0px; }
#meta-logo {color:#6e6e6e;}

@media (max-width: 480px) {
  #product #meta-logo, #category #meta-logo {display: none;}

}

.mm_extra_item .leo-groupe { display: flex; align-items: center; }

.mm_extra_item .groupe-btn {
  border: 1px solid #333;
}