.topbar{ width: 100%; height: 42px; line-height: 42px; background: #f9f9f9;}

.topbar-left{}
.topbar-left img{ margin-right: 5px;}
.topbar-left span{ margin-left: 10px;}
.topbar-left span a{ color: #E50012; text-decoration: underline;}

.topbar-right{}
.topbar-right-links a:first-child:after{ content: "|"; padding: 0 10px;}

.topbar-langue{ margin-left:10px; position:relative; cursor:pointer;}
.topbar-langue .fa-globe{ font-size:1.2rem; color:#E50012;}
.topbar-langue span{ padding:0 10px;}
.topbar-langue ul{ display:none; position:absolute; left:0; top:32px; background:#fff; border-radius:6px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); width:100%; min-width:120px; text-align:center; padding:10px 0; line-height:32px;}
.topbar-langue:hover ul{ display:block;}

.nav-main.current{ position: fixed; z-index: 999; left: 0; top: 0; border-bottom:1px solid #DDDDDD;}

header{ width: 100%; }

.header-all{ padding: 20px 0;}

.logo{ width: 232px; height: 40px;}
.logo img{width: 232px; height: 40px;}
.logo h1{ position: absolute; clip-path: inset(100%);}



.hsearch{  height: 54px; background: #E50012; border-radius: 27px; padding: 3px;  position:relative;}
.hsearch-left{ height: 48px; background: #FFFFFF; padding: 0 15px; border-radius: 27px; }
.hsearch-left input{ line-height: 48px; height: 48px; border: none; background: none; min-width: 410px;}
.hsearch-left a{ display: inline-block; height: 31px; line-height: 29px; border: 1px dashed #111111; border-radius:7px; padding: 0 18px;}
.hsearch-left a img{ margin-right: 5px;}

.hsearch button{ color: #FFFFFF; width: 50px; font-size: 1.2rem; background:none; border: none;}

.hright{}

.hcart{}
.hcart a{ display: block; width: 42px; height: 42px; margin-left: 10px; position: relative;}
.hcart a em{ display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius:50%; background: red; color: #FFFFFF; font-size: 0.8rem; position: absolute; z-index: 333; right: -10px; top: -10px;}

.hrfq{ margin-left: 30px;}
.hrfq a{ display: inline-block; height: 42px; line-height: 42px; background: #E50012; color: #FFFFFF; border-radius: 8px; padding: 0 20px;}
.hrfq a:hover{ background: #111111;}


.nav-main{ width: 100%; height: 74px; background: #f9f9f9; }


.nav-box{ width: 80%; padding-left: 65px;}
.nav-box li{ position:relative;}
.nav-box li a{ color: #111; font-size: 0.9rem;  font-family: myFirstFont1;  font-size: 1.1rem;}
.nav-box li a:hover{ color: #E50012;}
.nav-box li.dropdown-menu ul{ display:none; position:absolute; left:0; top:60px; background:#fff; z-index:666; padding:10px 25px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); border-radius:6px; width:150px;}
.nav-box li.dropdown-menu ul li{ line-height:40px;}
.nav-box li.dropdown-menu ul li a{ color:#333;}
.nav-box li.dropdown-menu i{ margin-left:10px;}




.navigation-main-left{ width: 20%; position: relative;}

.navigation-main-left a.navlinks{ border:2px solid #E50012; color: #111111; display: block; font-size: 1rem; height: 42px; line-height: 42px; border-radius: 30px; padding: 0 20px; }
.navigation-main-left a.navlinks i.fa-th{ margin-right: 10px;}
.navigation-main-left a.navlinks i.fa-angle-down{ line-height: 42px; font-size: 1.2rem;}

.navigation-main-left:hover ul.navul{ display: block;}
.navigation-main-left ul{ width: 100%; padding: 10px 0; z-index: 999; background: #FFFFFF;  border-radius:0 0 6px 6px; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.08); border: 1px solid #E9F0F9; border-top: none;  position: absolute; display: none; top:42px; left: 0; }
.navigation-main-left ul li{ font-size: 0.9rem; font-size: 0.9rem;}
.navigation-main-left ul li a{ display: block; line-height: 30px; height: 30px; overflow: hidden; padding: 0 20px; color: #333333; font-size: 0.9rem; }
.navigation-main-left ul li a img{ margin-right: 10px;}
.navigation-main-left ul li a i{ line-height: 30px; color: #999; font-size: 18px;}
.navigation-main-left ul li a:hover{ background: #e50012; color: #FFFFFF}
.navigation-main-left ul li a:hover i{ color: #FFFFFF;}
.navigation-main-left ul li a:hover img{filter: brightness(0) invert(1);}
.navigation-main-left ul li.navmore{ font-weight: bold; margin-top: 10px; font-size: 1rem;}
.navigation-main-left ul li.navmore a:hover{ background: none; color: #e50012;}
.navigation-main-left ul li ul{ display: none; padding: 20px; width: 900px; border:2px solid #e50012; min-height: 420px; position: absolute; left:100%; top: 0; background: #FFFFFF;}
.navigation-main-left ul li ul li{ width: 33.3%; line-height: 30px; height: 30px; overflow: hidden; float: left;}
.navigation-main-left ul li ul li a{ display: block; line-height: 30px; height: 30px; color: #333333;}
.navigation-main-left ul li ul li a:hover{ color: #FFFFFF;}
.navigation-main-left ul li:hover ul{ display: block;}




.search-window{ display:none; position:absolute;background: #fff;border-radius: 0 0 4px 4px;border-top: none;box-shadow: 0 4px 4px -2px #999;padding: 20px;top: 40px;left: 0;width: 100%;z-index: 999;}
.search-window a{margin-right:10px;line-height:24px;color: #999!important;}
.search-window ul.search-rst{
    padding-left: 0;
}
.search-window ul.search-rst li{margin-bottom: 8px;}
.search-window ul.search-rst li a p{color:#000;margin-bottom: 0px;}
.search-window ul.search-rst li a:hover p{color:#d64851;}
.search-window ul.search-rst li a p.mfg{ color:#999 }
.search-window b{font-size:1rem; display:block;}