*
{
outline:  none;
}

.header-wrapper
{
background:  #fff;
z-index: 1001;
padding-top:  100px;
}
#headerMain
{
display:  flex;
align-items: center;
justify-content:  space-between;
height: 100px;
padding:  0 22px;
box-sizing: border-box;
position:  fixed;
top: 0;
left:  0;
right: 0;
z-index:  1001;
transition: background .3s ease;
}

.home-header-wrapper #headerMain
{
background: transparent !important;
}
#headerMain:hover
{
background:  #fff;
}
#logo a, #logo p
{
padding:  0;
display: flex;
align-items:  center;
float: left;
height:  26px;
}
#logo img
{
width:  auto;
height: 100%;
}
#search-open
{
font-size:  14px;
line-height: 1;
color:  #475567;
font-weight: bold;
align-items:  flex-end;
}
#search-open span
{
height:  1px;
width: 192px;
margin-left:  10px;
background:  #475567;
position:  relative;
bottom: 2px;
}
#header-links a
{
font-size:  14px;
line-height: 1.5;
color:  #475567;
font-weight: 600;
}
#header-links a img
{
margin-right:  10px;
}

.header-wrapper.home-header-wrapper:not(.filter-color)
{
padding:  0;
background: transparent;
}

.panel-hidden .header-wrapper.home-header-wrapper
{
}

.header-wrapper.home-header-wrapper:not(.filter-color) a img
{
filter: brightness(0) invert(1);
}

.panel-hidden .header-wrapper.home-header-wrapper a img
{
filter:  none;
}

.header-wrapper.home-header-wrapper:not(.filter-color) #search-open
{
color:  #fff;
}

.panel-hidden .header-wrapper.home-header-wrapper #search-open
{
color:  #475567;
}

.header-wrapper.home-header-wrapper:not(.filter-color) #search-open span
{
background:  #fff;
}

.panel-hidden .header-wrapper.home-header-wrapper #search-open span
{
background:  #475567;
}

.header-wrapper.home-header-wrapper:not(.filter-color) #header-links a
{
color:  #fff;
}

.panel-hidden .header-wrapper.home-header-wrapper #header-links a
{
color:  #475567;
}
#menu-panel
{
width:  364px;
height: 100vh;
position:  fixed;
left: 0;
top:  0;
z-index: 1001;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateX(-324px);
-ms-transform: translateX(-324px);
transform: translateX(-324px);
overflow:  hidden;
background: transparent;
}
#menu-panel.active
{
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}

.menu-panel-wrapper
{
height: 100%;
background:  #ffffff;
width: calc(100% - 40px);
overflow-y:  auto;
}

.menu-panel-wrapper::-webkit-scrollbar
{
width: 0px;
height:0px;
background: #transparent;
display:none;
}

.menu-panel-wrapper::-webkit-scrollbar-button
{
display: none;
}

.menu-panel-wrapper::-webkit-scrollbar-thumb
{
background: #transparent;
display:none;
}

.menu-panel-title
{
height:  100px;
margin-bottom: 20px;
background:  #fff;
position: sticky;
top:  0;
z-index: 9;
}

.menu-container
{
padding:  0 32px;
box-sizing: border-box;
}
#logo
{
position:  relative;
z-index: 1002;
transition: all 0.5s;
left:  0;
}
#mainMenu > ul > li > a
{
font-size:  21px;
color: #475567;
line-height: 1.3;
box-sizing:  border-box;
transition: all .3s ease;
}
#mainMenu > ul > li
{
margin-bottom:  15px;
}
#mainMenu > ul > li:last-child > a
{
color:  #e40808;
}
#mainMenu > ul > li > a:hover, #menu-links ul li a:hover, #login-menu li a:hover
{
padding-left:  10px;
}

.menu-container .menu-toggle
{
font-size:  21px;
line-height: 1.3;
color:  #475567;
}
#menu-links ul li a, #login-menu li a
{
font-size:  16px;
color: #99a1aa;
line-height: 1.3;
box-sizing:  border-box;
transition: all .3s ease;
}
#menu-links ul li,#login-menu li
{
display:  flex;
align-items: center;
height:  35px;
}
#menu-links > ul
{
margin-top:  20px;
}
nav#mainMenu, nav#menu-links
{
margin-bottom:  122px;
}

.menu-container .menu-toggle:after
{
content: '+'
;margin-left:  8px;
}

.menu-container .menu-toggle.active:after
{
content: '-';
}
#search-panel
{
position:  fixed;
bottom: 100%;
left:  0;
width: 100%;
height: calc(100vh - 100px);
z-index:  9;
background: #fff;
transition: all .5s ease;
overflow:  hidden;
}
#search-panel.active
{
bottom:  0;
}

.filter-color #headerMain, .panel-hidden #headerMain
{
background:  #fff;
}

.search-panel-wrapper
{
padding-left:  364px;
padding-right: 16px;
margin-top:  30px;
box-sizing: border-box;
height: calc(100% - 30px);
overflow-y:  auto;
}
input#live-search
{
border:  0;
border-bottom: 1px solid #475567;
padding:  0;
height: 50px;
width: calc(100% - 80px);
font-size:  14px;
color: #475567;
}
button#search-btn
{
display:  none;
}
a#search-close
{
width:  40px;
height: 50px;
position:  relative;
float: left;
margin-left:  20px;
}
a#search-close:after, a#search-close:before
{
content: ''
;width:  40px;
height: 1px
;background:  #475567;
position: absolute
;left:  0;
top: 0
;bottom:  0;
right: 0
;margin:  auto;
}
a#search-close:after
{
transform: rotate(45deg);
}
a#search-close:before
{
transform: rotate(135deg);
}

.searchTitle
{
font-size:  21px;
font-weight: 500;
text-transform:  uppercase;
color: #475567;
margin-bottom:  30px;
}

.search-category-list ul li a
{
display:  flex;
align-items: center;
font-size:  21px;
font-weight: 300;
color:  #475567;
line-height: 1.3;
margin:  16px 0;
}
#list-slideslideSearch .swiper-slide
{
width:  285px;
}

.search-text-name
{
margin-top:  12px;
font-size: 18px;
line-height:  1;
letter-spacing: 1px;
color:  #475567;
}
#list-slideslideSearch .swiper-slide > div
{
margin-bottom:  30px;
}

.search-text-name span
{
margin-bottom:  10px;
width: 100%;
float:  left;
}
form#FormAra
{
position:  relative;
z-index: 11;
overflow:  hidden;
}

.swiper-scrollbarSearch
{
width: calc(100% + 20px);
}

.menu-active-class.selected > ul
{
display: block !important;
}

.menu-active-class > ul
{
margin-top:  10px;
}

.menu-active-class > ul li a
{
font-size:  14px;
margin: 6px 0;
color: #99a1aa;
}
@media screen and (min-width:992px)
{
#menu-hover:hover #menu-panel
{
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
#menu-hover:hover #logo
{
left:  -45px;
}
#menu-hover:hover #logo img
{
filter:  none;
}
}

.panel-wrapper
{
position:  fixed;
top: 0;
left:  0;
width: 324px;
height:  100vh;
z-index: 1005;
-webkit-transition: all .3s;
transition: all .3s;
background:  #fff;
}

.panel-wrapper.panel-left
{
-webkit-transform: translateX(-324px);
-ms-transform: translateX(-324px);
transform: translateX(-324px);
}

.panel-wrapper.panel-right
{
left:  auto;
right: 0;
-webkit-transform: translateX(324px);
-ms-transform: translateX(324px);
transform: translateX(324px);
}

.panel-wrapper.active
{
-webkit-transform: translateX(0px) !important;
-ms-transform: translateX(0px) !important;
transform: translateX(0px) !important;
z-index: 9999999 !important;
}

.panel-overlay
{
position:  fixed;
top: 0;
left:  0;
right: 0;
bottom:  0;
background: #475567;
opacity: .3;
display:  none;
z-index: 1004;
}

.panel-overlay.active
{
display:  block;
}

.panel-inner
{
overflow-y:  auto;
height: 100%;
}

.panel-hidden
{
overflow:  hidden;
height: 100vh;
}

.panel-title
{
position:  sticky;
top: 0;
z-index:  9;
background: #fff;
padding:  20px 30px;
box-sizing: border-box;
font-size:  21px;
font-weight: bold;
color:  #475567;
letter-spacing: -1px;
border-bottom:  1px solid #99a1aa;
}
a.panel-close-btn
{
width:  25px;
height: 25px;
background: url(hide.svg) no-repeat center;
margin-left:  auto;
}
#panel-langue .panel-content
{
padding:  30px;
box-sizing: border-box;
}
select#panelLang, select#panelCurr
{
border:  1px solid #99a1aa;
height: 60px;
padding:  0 20px;
box-sizing: border-box;
font-size:  14px;
color: #475567;
background: url(down.svg) no-repeat calc(100% - 20px) center #fff;
}

.panel-button
{
height:  60px;
border: 1px solid #475567;
box-sizing:  border-box;
color: #fff;
font-size:  14px;
background: #475567;
text-transform:  uppercase;
}

.panel-button2
{
height:  60px;
border: 1px solid #475567;
box-sizing:  border-box;
color: #475567;
font-size:  14px;
background: #fff;
text-transform:  uppercase;
}
#panel-account .panel-content
{
padding:  30px;
box-sizing: border-box;
}

.panel-popup-wrapper #page-login > div
{
width: 100%;
}

.login-form-box
{
margin:  0;
border: 0;
}
#header-register
{
position:  absolute;
right: -100%;
background:  #fff;
height: 0;
overflow:  hidden;
transition: right 300ms ease;
top:  0;
z-index: 2;
}

.register-popup #header-register
{
right:  0;
height: auto;
}
#header-register #register-form
{
width:  448px;
max-width: 100%;
}
#header-register #register-form .login-form-box
{
padding:  35px 0;
}

.login-back
{
position:  absolute;
width: 25px;
height:  25px;
background: url(login-back.svg) no-repeat center;
cursor:  pointer;
z-index: 5;
top:  25px;
left: 25px;
display:  none;
}

.register-popup .login-back
{
display:  block;
}
body.hidden
{
overflow:  hidden;
height: 100vh;
}
#login-panel
{
position:  fixed;
top: 0
;left:  0;
right: 0
;bottom:  0;
width: 100%;height: 100%
;z-index:  1003;
}
#login-panel.active
{
display: flex !important;
}

.close-login-panel
{
position:  absolute;
top: 0;
left:  0;
right: 0;
bottom:  0;
width: 100%;
height: 100%;
background:  #475567;
opacity: .7;
z-index:  1;
cursor: pointer;
}

.panel-popup-wrapper
{
z-index:  3;
background: #fff;
max-height: calc(100% - 20px);
height:  530px;
overflow-y: auto;
overflow-x:  hidden;
max-width: calc(100% - 20px);
}

.login-close
{
position:  absolute;
right: 20px;
top:  20px;
width: 25px;
height:  25px;
background: url(hide.svg) no-repeat center;
cursor:  pointer;
z-index: 3;
}

.register-popup .panel-popup-wrapper
{
height:  760px;
}

.search-mobil-live ul
{
width: 100%;
float:  left;
padding: 10px;
box-sizing:  border-box;
}

.search-mobil-live ul li
{
width: 100%;
float:  left;
margin-bottom: 10px;
background:  #fff;
}

.search-mobil-live ul li a
{
display:  flex;
align-items: center;
padding-left:  70px;
position: relative;
height:  80px;
font-size: 14px;
line-height: 1.2;
}

.search-mobil-live
{
position:  absolute;
top: 100%;
left:  0;
right: 0;
background:  #f9f9f9;
overflow-y: auto;
max-height: calc(100vh - 95px);
}

.search-mobil-live img
{
max-height: 100%;
position:  absolute;
left: 0;
top:  0;
right: 0;
bottom:  0;
width: auto;
max-width: 100%;
}

.mobil-search form#FormAra
{
overflow:  visible;
}
@media screen and (max-width: 991px)
{
form#FormAra
{
overflow:  visible;
}
#search-open span
{
display:  none;
}
#headerMain
{
padding:  0;
height: 55px;
justify-content:  flex-start;
background: #fff;
}
#logo a, #logo p
{
height:  18px;
}
#menu-panel
{
width:  324px;
}
#header-links > div
{
padding-left:  5px;
}
#header-links a
{
font-size:  12px;
line-height: 1;
}
#header-links a img
{
margin:  0;
}
#header-links a span.forMobile
{
margin-left:  5px;
}
a#menu-btn img
{
height:  18px;
}
#headerMain > .col
{
margin-left:  auto;
}
#logo
{
padding-left:  0;
z-index: 1;
}

.header-wrapper
{
padding-top:  55px;
}

.menu-panel-wrapper
{
width: 100%;
}

.menu-panel-title
{
height:  55px;
display: flex;
align-items:  center;
padding: 0 20px;
box-sizing:  border-box;
margin-bottom: 10px;
}

.menu-panel-title p
{
padding:  0;
}

.menu-panel-title a
{
margin-right:  15px;
width: 30px;
height:  30px;
background: url(hide.svg) no-repeat center;
background-size:  20px;
}

.menu-panel-title img
{
height:  20px;
width: auto;
}

.menu-panel-title .forMobile
{
display:  flex;
align-items: center;
}
#mainMenu > ul > li
{
height:  auto;
margin-bottom: 20px;
}
#mainMenu > ul > li > a
{
font-size:  18px;
}

.menu-container
{
padding:  0 20px;
}
nav#mainMenu, nav#menu-links
{
margin-bottom:  50px;
}
#menu-links > ul
{
margin-top:  10px;
}

.menu-container .menu-toggle
{
font-size:  18px;
}
#menu-links ul li a, #login-menu li a
{
font-size:  14px;
}
#menu-links ul li, #login-menu li
{
height:  auto;
margin-bottom: 15px;
}
#search-panel
{
height: 100% !important;
z-index:  9999;
bottom: auto;
top: -100%;
}
#search-panel.active
{
bottom:  auto;
top: 0;
}

.search-panel-wrapper
{
padding:  10px;
margin-top: 0;
height:  100vh;
max-height: 100%;
}
input#live-search
{
width: calc(100% - 40px);
}
a#search-close
{
margin:  0;
width: 30px;
height:  30px;
float: right;
margin-top:  10px;
}
a#search-close:after, a#search-close:before
{
width:  20px;
}

.login-form-box
{
padding:  20px 0;
}

.login-form-title
{
margin-bottom:  10px;
font-size: 18px;
height:  21px;
}
#header-register #register-form .login-form-box
{
padding:  20px 10px;
}

.login-back
{
left:  20px;
top: 20px;
}

.panel-button2
{
height:  45px;
}

.panel-button
{
height:  45px;
}

.panel-popup-wrapper
{
height: auto !important;
}

.register-popup .panel-popup-wrapper
{
height: 482px !important;
}
#panel-langue .panel-content
{
padding:  20px;
}
}
@media screen and (max-width:580px)
{
#menu-panel
{
width: 100%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}

.panel-wrapper.panel-left
{
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}

.panel-wrapper.panel-right
{
left:  auto;
right: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}

.panel-wrapper
{
width: 100%;
}
form#FormAra div#search-wrapper > div
{
padding:  0;
}
}