.header-wrapper
{
z-index:          99;
margin-bottom: 4px;
}
#headerTop
{
background:          #fe0000;
height: 70px;
display:          flex;
align-items: center;
position:          relative;
z-index: 2;
}
#headerTop p
{
color:          #fff;
font-size: 16px;
line-height: 1.13;
letter-spacing:          2px;
}
#headerTop p b
{
font-size:          21px;
}
#headerTop a
{
height:          30px;
border: 2px solid #fff;
border-radius:          15px;
padding: 0 22px;
max-width: 100%;
box-sizing:          border-box;
font-size: 12px;
color:          #fff;
}
#headerMain
{
background:          #fff;
position: relative;
z-index:          2;
padding: 25px 0;
}
#logo a, #logo p
{
padding:          0;
display: flex;
align-items:          center;
float: left;
height:          50px;
}
#logo img
{
width:auto;
height:56px;
}
input#live-search
{
height:          50px;
border: 1px solid #d4d4d4;
box-sizing:          border-box;
background: #f9f9f9;
padding:          0 22px;
color: #0b0b0b;
border-radius:          4px;
transition: none !important;
}
#headerLinks
{
display:          flex;
align-items: center;
}
#headerLinks > div
{
width: 100%;
display:          flex;
align-items: center;
justify-content:          center;
}
#headerLinks > div > a, #headerLinks .login-dropdown
{
flex-direction:          column;
position: relative;
}
#headerLinks > div > a span, #headerLinks > div > .login-dropdown span
{
font-size:          12px;
color: #0b0b0b;
}
#headerLinks span.cart-soft-count
{
width:          14px;
height: 14px;
border:          1px solid #fff;
border-radius: 50%;
line-height:          12px;
text-align: center;
background:          #f7954c;
font-size: 10px !important;
position:          absolute;
top: -4px;
left:          5px;
right: 0;
margin:          auto;
box-sizing: border-box;
}
button#search-btn
{
width:          20px;
height: 20px;
border:          0;
cursor: pointer;
background: url(search.svg) no-repeat center;
position:          absolute;
right: 16px;
top:          0;
bottom: 0;
margin:          auto;
z-index: 2;
}

.header-img
{
height:          30px;
display: flex;
align-items:          center;
margin-bottom: 5px;
}
#headerMenu
{
background:          #f7954c;
}
#mainMenu > .menu > li > span > a
{
height:          50px;
position: relative;
font-size:          20px;
font-weight: normal;
color:          #fff;
box-sizing: border-box;
border-right:       1px solid #e9e9e9 !important;
line-height:    1;
}
#mainMenu > .menu
{
display:          flex;
align-items: center;
justify-content:          space-between;
}
#mainMenu > .menu > li
{
width: 100%;
}
#mainMenu > .menu > li:first-child > span > a
{
border-left:          1px solid #e9e9e9;
}
#mainMenu > .menu > li > span > a img
{
position:          absolute;
left: 20px;
top:          0;
bottom: 0;
margin:          auto;
}
#mainMenu > .menu > li.parentLink:hover
{
}
#mainMenu > .menu > li.parentLink:hover > span > a
{
}
#mainMenu > .menu > li.parentLink:hover > .subMenu
{
display: block !important;
}
#mainMenu > .menu > li.parentLink > .subMenu
{
position:          absolute;
top: 100%;
left:          0;
right: 0;
width: 100%;
z-index:          9;
border-top: 1px solid transparent;
box-sizing:          border-box;
}
#mainMenu
{
}
#mainMenu > .menu > li.parentLink > .subMenu .dynamicMenu
{
background:          #fff;
box-shadow: 0 2px 13px -5px rgba(0, 0, 0, 0.19);
padding:          60px 10px;
box-sizing: border-box;
display:          flex;
}
#mainMenu > .menu > li.parentLink:hover .overlay
{
opacity: .67;
visibility:          visible;
transition: none !important;
}
#mainMenu > .menu > li.parentLink .overlay:hover
{
opacity:          0;
visibility: hidden;
}

.subMenu .dynamicMenu .sublink > li > a
{
font-size:          14px;
font-weight: 600;
color:          #004079;
line-height: 1.3;
margin-bottom:          12px;
}

.subMenu .dynamicMenu .sublink-wrap > li > a
{
font-size:          14px;
color: #979797;
line-height: 1.3;
margin:          5px 0;
}

.subMenu .dynamicMenu a:hover
{
text-decoration:          underline;
}

.subMenu .dynamicMenu .sublink-wrap > li.sublink-all > a
{
color:          #ff8c00;
}
#header-wrap.sticky
{
position:          fixed;
top: 0;
left:          0;
right: 0;
box-shadow: 0 2px 13px -5px rgba(0, 0, 0, 0.19);
}

.sticky-cat-menu
{
font-size:          14px;
font-weight: 600;
color:          #004079;
}

.sticky-cat-menu img
{
margin-right:          10px;
}

.sticky #headerMenu.sticky-menu
{
display:          block;
}
#header-wrap.sticky #headerMain
{
}

.sticky #headerMenu
{
}
#header-wrap.sticky #headerTop
{
display:          none;
}

.sticky #headerLinks > div > a span, .sticky #headerLinks > div > .login-dropdown span
{
font-size:          0;
}

.sticky .header-img
{
margin:          0;
}

.login-dropdown
{
position:          relative;
}

.login-dropdown-box
{
display:          none;
position: absolute;
top:          33px;
right: -5px;
padding:          5px 15px;
border: 1px solid #e5e5e5;
border-radius:          5px;
background-color: #fff;
z-index:          778;
width: 160px;
-webkit-box-shadow:          2px 5px 15px -6px #646464;
box-shadow: 2px 5px 15px -6px #646464;
cursor: auto !important;
box-sizing:          border-box;
}

.login-dropdown-box:before
{
content: '';
width:          0;
height: 0;
border-left:          10px solid transparent;
border-right: 10px solid transparent;
border-bottom:          10px solid #fff;
top: -10px;
right:          17px;
z-index: 2;
position:          absolute;
}

.login-dropdown-box ul
{
width: 100%;
display:          block;
}

.login-dropdown-box ul li
{
width: 100%;
display:          block;
}

.login-dropdown-box ul li a
{
font-size:          15px;
padding: 10px 0;
display:          flex;
width: 100%;
color:          #666;
transition: all .3s ease;
}

.login-dropdown-box ul li:not(:last-child) a
{
border-bottom:          1px solid #e5e5e5;
}

.login-dropdown > div, .login-dropdown > span
{
cursor:          default;
}

.login-dropdown:hover > .login-dropdown-box
{
display:          block;
}

.sticky #headerLinks .login-dropdown-box
{
right:          -13px;
}

.login-dropdown-box ul li a:hover
{
color:          #f7954c;
}
@media screen and (min-width:769px)
{
#header-wrap.sticky  #headerMain
{
padding:          10px 0;
}

.sticky .sticky-col-2
{
width: 16.66666667%;
}
#header-wrap.sticky input#live-search
{
height:          40px;
}

.sticky .sticky-block
{
display:          block;
}
}
@media screen and (max-width:768px)
{
#mobileAppNotify
{
background-color:         #e0e0e0;
}
#appNotify
{
position:         relative;
z-index:9999;
}
#appNotifyClose
{
background-color:          #000;
color: #FFF;
font-size:          14px;
line-height: 18px;
text-align:          center;
width: 18px;
min-width:          18px;
height: 18px;
padding:          0;
margin-right: 10px;
border-radius: 100%;
}
#appLogo
{
background-color:          #FFF;
width: 56px;
min-width:          56px;
height: 56px;
border-radius:          4px;
overflow: hidden;
display:          flex;
align-items: center;
justify-content:          center;
text-align: center;
}
#applogo *
{
margin:         0px;
padding:0px;
}
#appText
{
color:          #000;
font-size: 13px;
font-weight:          500;
line-height: 18px;
width: calc(100% - 176px);
}

.menu-list, .menu-list li, .menu-list a
{
width:100%;
}

.menu-list.show, .menu li.parentLink ul.show
{
display:         block;
}

.animate
{
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode:          both;
animation-fill-mode: both;
}
div#mainWrapper.menuShow
{
overflow:          hidden;
width: 100%;
height:          100vh;
}
#menuBtn
{
cursor:          pointer;
}
[dir="rtl"] #menuBtn
{
background-position:         10px center;
}
@-webkit-keyframes pageOverlayDefault
{
from
{
opacity:         1;
}
to
{
opacity:         0;
}
}
@keyframes pageOverlayDefault
{
from
{
opacity:         1;
}
to
{
opacity:         0;
}
}
#pageOverlay
{
position:         fixed;
top:0;
right:         0;
bottom:0;
left:         0;
background:rgba(0,0,0,.7);
z-index:         3333;
opacity:0;
display:         none;
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-name:         pageOverlayDefault;
animation-name:pageOverlayDefault;
}
@-webkit-keyframes pageOverlay
{
from
{
opacity:         0;
}
to
{
opacity:         1;
}
}
@keyframes pageOverlay
{
from
{
opacity:         0;
}
to
{
opacity:         1;
}
}

.menuShow #pageOverlay
{
display:         block;
-webkit-animation-name:pageOverlay;
animation-name:         pageOverlay;
}
@-webkit-keyframes mobileMenuDefault
{
from
{
left:         0;
}
to
{
left:-100%;
}
}
@-webkit-keyframes mobileMenuDefaultRtl
{
from
{
right:         0;
}
to
{
right:-100%;
}
}
@keyframes mobileMenuDefault
{
from
{
left:         0;
}
to
{
left:-100%;
}
}
@keyframes mobileMenuDefaultRtl
{
from
{
right:         0;
}
to
{
right:-100%;
}
}
#mobileMenu
{
position:         fixed;
left:-100%;
top:         0;
bottom:0;
width:100%;
background:         #fff;
overflow-y: auto;
-webkit-overflow-scrolling:          touch;
z-index:4444;
-webkit-animation-name:         mobileMenuDefault;
animation-name:mobileMenuDefault;
}
[dir="rtl"] #mobileMenu
{
right:-100%;
left:         auto;
-webkit-animation-name:mobileMenuDefaultRtl;
animation-name:         mobileMenuDefaultRtl;
}
@-webkit-keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:         0;
}
}
@-webkit-keyframes mobileMenuRtl
{
from
{
right:-100%;
}
to
{
right:         0;
}
}
@keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:         0;
}
}
@keyframes mobileMenuRtl
{
from
{
right:-100%;
}
to
{
right:         0;
}
}

.menuShow #mobileMenu
{
-webkit-animation-name:         mobileMenu;
animation-name:mobileMenu;
}
[dir="rtl"] .menuShow #mobileMenu
{
-webkit-animation-name:         mobileMenuRtl;
animation-name:mobileMenuRtl;
}

.mobilMenuTitle
{
font-size:          18px;
font-weight: 500;
color:          #191919;
padding: 19px 0;
box-sizing:          border-box;
display: flex;
align-items:          center;
border-bottom: 1px solid #e8e8e8;
}
#closeMobileMenu
{
margin-left:          auto;
width: 20px;
height:          20px;
display: flex;
align-items:          center;
justify-content: center;
}
#mobileMenuMain ul li a
{
display:          flex;
align-items: center;
}
#mobileMenuMain ul li span
{
display:          flex;
align-items: center;
}
#mobileMenuMain > ul > li > span + ul
{
border-top:          1px solid #e8e8e8;
}
#mobileMenuMain ul li span, #mobileMenuMain ul li a
{
font-size:          15px;
line-height: 1.2;
color:          #ffffff;
margin: 10px 0;
font-weight:          500;
text-transform: uppercase;
padding:          0 10px;
box-sizing: border-box;
}
#mobileMenuMain ul li ul li a, #mobileMenuMain ul li ul li span
{
}
#mobileMenuMain ul li span.active
{
font-weight:          500;
}
#mobileMenuMain ul li > span:after
{
content: ''
;margin-left:          auto;
width: 14px
;height:          14px;
background: url(plus.svg) no-repeat center;
}
#mobileMenuMain ul li span.active:after
{
background: url(minus.svg) no-repeat center;
}
#mobileMenuMain > ul > li
{
border-bottom:          1px solid #e8e8e8;
}
#mobileMenuMain ul li span + ul
{
display:          none;
}
#mobileMenuMain ul li ul li span + ul
{
padding:          0 10px;
box-sizing: border-box;
}

.showAll
{
color: #ffffff !important;
font-weight: bold !important;
}
#mobileMenuMain
{
margin-bottom:          16px;
background: #f7954c;
}
#mobileOptions > div a
{
height:          55px;
background-color: #f9f9f9;
display:          flex;
align-items: center;
margin-bottom:          10px;
color: #191919;
font-size:          15px;
}
#mobileOptions > div span
{
font-size:          14px;
line-height: 1;
color:          #303030;
}
#mobileOptions > div select
{
background:          transparent;
height: 50px;
border:          0;
font-size: 14px;
color:          #303030;
box-shadow: none;
}
#mobileOptions > div label
{
display:          flex;
align-items: center;
}
#mobileOptions > div span.col.col-5
{
display:          flex;
align-items: center;
}

.menuBottomLinks a
{
height:          55px;
background-color: #e8e8e8;
display:          flex;
align-items: center;
justify-content:          center;
font-size: 14px;
color:          #303030;
}
a#loginMobile:before
{
}

.menuBottomLinks
{
margin-bottom:          60px;
}
#live-search-box ul
{
width: 100%;
float:          left;
padding: 10px;
box-sizing:          border-box;
}
#live-search-box ul li
{
width: 100%;
float:          left;
margin-bottom: 10px;
background:          #fff;
}
#live-search-box ul li a
{
display:          flex;
align-items: center;
padding-left:          70px;
position: relative;
height:          80px;
font-size: 14px;
line-height: 1.2;
}
#live-search-box
{
position:          absolute;
top: 100%;
left:          0;
right: 0;
background:          #f9f9f9;
overflow-y: auto;
max-height: calc(100vh - 95px);
}
form#FormAra
{
overflow:          visible;
}
#live-search-box img
{
max-height: 100%;
position:          absolute;
left: 0;
top:          0;
right: 0;
bottom:          0;
width: auto;
max-width: 100%;
}

.mobilMenuTitle img
{
margin-right:          10px;
}
#closeMobileMenu img
{
margin: 0 !important;
width:          14px;
}
#logo a, #logo p
{
height:          29px;
}
#menuBtn img
{
width:          18px;
}
#headerTop
{
height:          40px;
}
#headerTop p
{
font-size:          13px;
}
#headerTop p b
{
font-size:          16px;
}
#headerTop br
{
display:          none;
}
#headerMain
{
padding:          10px 0;
}
#headerLinks > div
{
padding:          0;
margin-right: 10px;
}
#headerLinks
{
margin-left:          auto;
}

.header-img
{
margin:          0;
height: 20px;
}
#menuBtn img
{
width:          20px;
}
#mobileSearch
{
margin-top:          10px;
}

.header-img img
{
max-height: 100%;
}
input#live-search
{
height:          40px;
}

.header-wrapper
{
margin:          0;
}
#mobileMenuMain ul li span img, #mobileMenuMain ul li a img
{
margin-right:          10px;
}
}
div#live-search-box
{
position:          absolute;
top: 100%;
left:          0;
right: 0;
background:          #f9f9f9;
overflow-y: auto;
max-height: calc(100vh - 120px);
border:          1px solid #d4d4d4;
box-sizing: border-box;
border-top:          0;
}
#live-search-box ul
{
width: 100%;
float:          left;
padding: 10px;
box-sizing:          border-box;
}
#live-search-box ul li
{
width: 100%;
float:          left;
margin-bottom: 10px;
background:          #fff;
}
#live-search-box ul li a
{
display:          flex;
align-items: center;
padding-left:          70px;
position: relative;
height:          80px;
font-size: 14px;
line-height: 1.2;
}
#live-search-box:not([data-callback]) span, #live-search-box div.search-image
{
height:          0;
overflow: hidden;
padding-bottom:          80px;
width: 60px;
float:          left;
display: flex;
align-items:          center;
margin-right: 15px;
position:          absolute;
left: 0;
top:          0;
}
#live-search-box img
{
max-height: 100%;
position:          absolute;
left: 0;
top:          0;
right: 0;
bottom:          0;
width: auto;
max-width: 90%;
margin:         auto;
}
#mainMenu>.menu>li:last-child
{
background-color:         #004079;
color: #fff!important
}
#mainMenu > .menu > li:nth-last-child(2)
{
}
#mainMenu > .menu > li:nth-last-child(2) a
{
}
#mainMenu>.menu>li:last-child a
{
color:#ffffff!important;
}