.menu, .menu *
{
background-color:  inherit;
}

.menu
{
position:  relative;
}

.menu-list
{
z-index:  33;
}

.menu li
{
float:  left;
}

.menu a
{
float:  left;
padding-left:20px;
padding-right:  20px;
box-sizing:border-box;
}

.menu li.parentLink > ul
{
position:   absolute;
top: 100%;
left:   0;
width: 200px;
display:  none;
}

.menu li.parentLink li a
{
width:100%;
}

.menu li.parentLink li.parentLink ul
{
float:  left;
position:relative;
box-sizing:  border-box;
border-left:10px solid #dedede;
}
#topMenu, #topMenu li, #topMenu a
{
float:  left;
height:30px;
}
#topMenu a
{
line-height:  30px;
color:#fff;
font-size:  11px;
padding-left:20px;
padding-right:  20px;
border-right:1px solid #3b3b3b;
}
#topMenu ul li:hover > span, #topMenu ul li:hover > a
{
background:  #3b3b3b;
}
#headerTop select
{
background: url('selectArrow.png') no-repeat calc(100% + 10px) center;
color:   #000;
font-size: 12px;
height:   38px;
padding: 0 15px 0 0;
border:   0;
appearance: none;
-moz-appearance:   none;
-webkit-appearance: none;
}
#headerTop select:focus
{
box-shadow:   none;
}
#headerTop .currencyDiv
{
background: url('selectArrow.png') no-repeat calc(100% + 10px) center;
color:   #000;
font-size: 12px;
min-width:   35px;
height: 38px;
padding:   0 15px 0 0;
border: 0;
display:   inline-block;
vertical-align: middle;
position:   relative;
appearance: none;
-moz-appearance:   none;
-webkit-appearance: none;
}
#headerTop .currencyDiv:after
{
content: '';
display:   block;
clear: both;
}
#headerTop .currencyDiv ul
{
background:   #FFF;
width: 100%;
display:   none;
padding: 0 5px;
box-sizing:   border-box;
position: absolute;
top: 100%;
z-index:   9999;
}
#headerTop .currencyDiv ul li
{
line-height:   normal;
padding: 5px 0;
cursor:   pointer;
}
#headerTop .currencyDiv:hover ul
{
display:   block;
}
#headerPhone
{
color:  #fff;
font-size:11px;
line-height:  30px;
}
#headerMain
{
margin-top:   10px;
margin-bottom: 10px;
}
#hmLinks
{
padding-top:  20px;
padding-bottom:20px;
position:  relative;
}
#hmLinks > a
{
padding-top:  34px;
}
#hmLinks a.authorLink
{
background:url('userIcon.png') no-repeat center 10px;
}
#hmLinks a.basketLink
{
background:url('basketIcon.png') no-repeat center 9px;
}
#hmLinks > a strong
{
line-height:  16px;
color:#666;
font-size:  11px;
}

.basketListTop
{
position:   relative;
}
#basketList
{
background:   #fff;
width: 260px;
display:   none;
border-top: 1px solid #000;
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08);
position:   absolute;
top: 36px;
left: 50%;
z-index:   3333;
margin-left: -130px;
font-size:  12px;
font-weight: normal;
text-transform:  capitalize;
}
#basketList:before
{
content: '';
background: url('basketListArrow.png') 0 0 no-repeat;
width:   14px;
height: 8px;
display:   block;
position: absolute;
top:   -8px;
left: 50%;
margin-left:   -7px;
}
#logo p
{
padding-bottom:  0;
}
#logo a
{
text-align:  center;
display:table-cell;
vertical-align:  middle;
padding-bottom:0;
}
#logo img
{
display:  inherit;
max-height:100%;
max-width:100%;
}
#search
{
position:   relative;
margin-top: 9px;
padding-left:   73px;
}
#FormAra
{
height:100%;
position:  relative;
}
#FormAra input[type="text"]
{
color:   #000;
font-size: 12px;
font-weight:   300;
width: 100%;
height:   25px;
padding: 0 10px;
border:   1px solid #DDD;
box-sizing: border-box;
}
#FormAra .placeholder
{
color:   #000;
font-size: 12px;
font-weight:   300;
line-height: 25px;
padding-left:  20px;
right: 50px;
}
#searchRight
{
width:  200px;
height:100%;
background:  #f3f3f3;
border-left:1px solid #ccc;
position:  relative;
z-index:33;
}
#searchRight select
{
width:  150px;
height:28px;
background: url('selectArrow.png') no-repeat right center;
border:   0;
appearance: none;
-moz-appearance:   none;
-webkit-appearance: none;
color:  #666;
font-size:13px;
font-family:"Open Sans", sans-serif;
}
#FormAra input[type="submit"]
{
background-color:   transparent;
background-image: url('searchIcon.png');
background-repeat:   no-repeat;
background-position: center center;
width:   30px;
height: 100%;
border:   0;
position: absolute;
top:   0;
right: 0;
cursor:  pointer;
opacity: .25;
filter: alpha(opacity=25);
}
#mainMenu
{
text-align:   center;
margin-top: 15px;
position:   relative;
z-index: 777;
}
#mainMenu:after
{
content: '';
display:   block;
clear: both;
}
#mainMenu .menu
{
display:   inline-block;
}
#mainMenu .menu:after
{
content: '';
display:   block;
clear: both;
}
#mainMenu .menu > li
{
margin-right:   30px;
}
#mainMenu .menu > li:last-child
{
margin-right:   0;
}
#mainMenu .menu > li:hover
{
}
#mainMenu a
{
color:   #000;
font-size: 14px;
line-height:   40px;
text-transform: uppercase;
height:   40px;
padding: 0;
}
#mainMenu .menu > li:hover > a
{
color:   #af9664;
cursor: pointer;
}

.menu li.parentLink > a
{
background-color:   transparent;
position: relative;
}
#mainMenu #homeLink a
{
width:   54px;
background: url('homeIcon.png') no-repeat center center;
}
#mainMenu .parentLink li a
{
border-right:  0;
border-bottom:1px solid #dedede;
}
#mainMenu .parentLink:hover > a:before
{
content: '';
background: url('basketListArrow.png') 0 0 no-repeat;
width:   14px;
height: 8px;
display:   block;
position: absolute;
bottom:   -1px;
left: 50%;
margin-left:   -7px;
z-index: 3;
}

.subMenu
{
background: rgba(255, 255, 255, .9);
position:   absolute;
/*left: 10px;
right:   10px;*/
width: 550px;
max-width:   1200px;
border-top: 1px solid #000;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
display:   none;
text-align: left;
}

.subMenu *
{
background-color:   transparent;
}
#mainMenu .subMenu
{
top:   40px;
}
:hover > .subMenu
{
display:   block;
}

.menuTitle
{
font-size:   20px;
padding-bottom: 10px;
}

.subMenu a
{
padding-right:   10px;
padding-left: 10px;
font-size:   12px;
font-family: 'Open Sans', sans-serif;
box-sizing:   border-box;
}

.subMenu li li a
{
font-size:  11px;
background-image:url('menuSmallArrow.png');
background-repeat:  no-repeat;
background-position:0 center;
}

.subMenu a:hover
{
background-color:  #fff;
padding-right:10px;
padding-left:  10px;
}
#mainMenu .subMenu a:hover
{
color:  #af9664;
}

.subMenu li li a:hover
{
padding-left:  20px;
background-image:url('menuSmallArrowHover.png');
background-position:  10px center;
}
#alterMenu
{
background-color:  #6c6c6c;
border-top:1px solid #aaa;
border-bottom:  1px solid #575757;
}
#alterMenu li, #alterMenu a
{
height:  21px;
}
#alterMenu .menu > li
{
padding-top:  4px;
padding-bottom:4px;
}
#alterMenu a
{
line-height:  21px;
font-size:12px;
color:  #f3f3f3;
border-right:1px solid #aaa;
}

.menuWrapper
{
height:   40px;
margin-bottom: 10px;
border-bottom:   1px solid #e5e5e5;
}

.menuWrapper:after
{
content: '';
display:   block;
clear: both;
}

.freeShipping
{
background: url('freeShipping.png') left center no-repeat;
color:   #000;
font-size: 12px;
line-height:   38px;
padding-left: 24px;
}

.memberLink,
.memberLink a
{
color:   #000;
font-size: 12px;
line-height:   38px;
}

.memberLink a:hover
{
color:   #af9664;
cursor: pointer;
}

.cart-soft-wrapper
{
background: transparent url('basketIcon.png') left center no-repeat;
color:   #000;
font-size: 12px;
line-height:   38px;
position: relative;
padding-left:   30px;
display: block;
}

.cart-soft-wrapper span
{
background-color:   #000;
color: #FFF;
font-size:   12px;
font-weight: 300;
line-height:   18px;
text-align: center;
width:   16px;
height: 16px;
border-radius: 100%;
position:   absolute;
left: -5px;
bottom:   2px;
}

.cart-soft-wrapper:hover
{
color:   #af9664;
cursor: pointer;
}

.currencyList
{
color:   #000;
font-size: 12px;
line-height:   38px;
}
#mobileMenu .mobileMenuLogo p
{
line-height:   50px;
padding-bottom: 0;
}
#mobileMenu .mobileMenuLogo img
{
max-width:   152px;
width: 100%;
height:   auto;
display: inline;
vertical-align:   middle;
}
@media screen and (max-width: 1230px) and (min-width: 769px)
{
.menu a
{
padding-left:  10px;
padding-right:10px;
}

.menu li.parentLink > a
{
padding-right:  30px;
}
}
@media screen and (max-width: 1000px)
{
}
@media screen and (min-width: 769px)
{
.menu li.parentLink:hover > ul
{
display:  block;
}
}
@media screen and (max-width: 768px)
{
.menu-list, .menu-list li, .menu-list a
{
width:100%;
}

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

.animate
{
-webkit-animation-duration:   1s;
animation-duration: 1s;
-webkit-animation-fill-mode:   both;
animation-fill-mode: both;
}
#menuBtn
{
width:  54px;
height:54px;
background:url('menuBtn.png') 0 -9px no-repeat;
cursor:  pointer;
}
@-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%;
}
}
@keyframes mobileMenuDefault
{
from
{
left:  0;
}
to
{
left:-100%;
}
}
#mobileMenu
{
position:   fixed;
left: -100%;
top:   0;
bottom: 0;
width: 55%;
background:   #fff;
overflow-y: auto;
z-index:   4444;
padding-top: 20px;
-webkit-animation-name:  mobileMenuDefault;
animation-name:mobileMenuDefault;
}
#mobileSearch
{
padding-top:   10px;
}
@-webkit-keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:  0;
}
}
@keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:  0;
}
}

.menuShow #mobileMenu
{
-webkit-animation-name:  mobileMenu;
animation-name:mobileMenu;
}
#closeMobileMenu
{
/*background:url('menuBtnActive.png') no-repeat;*/
background: url('menuBtn.png') 10px 0px no-repeat;
color:   #666;
font-size: 30px;
line-height:   54px;
cursor: pointer;
}
#mobileMenu span, #mobileMenu a, #mobileMenu label, #mobileMenu select
{
color:   #666;
font-size: 14px;
line-height:   40px;
background: url('menuArrow.png') no-repeat right center;
cursor:   pointer;
}
#mobileMenu span.active
{
color:  #af9664;
background:url('menuArrowActive.png') no-repeat right center;
}
#mobileMenu li ul
{
display:  none;
}
#mobileMenu li ul a
{
color:   #999;
font-size: 14px;
line-height:   30px;
background: url('menuSubArrow.png') no-repeat 0 center;
}
#mobileMenu select
{
background:   none;
height: 40px;
padding-top:   0;
padding-bottom: 0;
border:  0;
}
#mobileMenu label[for="langMobile"]
{
padding-left:   10px;
background: none;
}
#mobileMenu label[for="curMobile"]
{
padding-left:   10px;
background: none;
}
#basketMobile
{
padding-left:  10px;
background: none;
}
#loginMobile:before
{
float:  left;
width:30px;
height:  65px;
background:url('profileMobileIcon.png') no-repeat 0 center;
margin-right:  10px;
content:'';
display:   none;
}
#regisMobile:before
{
float:  left;
width:30px;
height:  65px;
background:url('registerMobileIcon.png') no-repeat 0 center;
margin-right:  10px;
content:'';
display:   none;
}
#favMobile:before
{
float:  left;
width:30px;
height:  65px;
background:url('favMobileIcon.png') no-repeat 0 center;
margin-right:  10px;
content:'';
}
#logo p
{
height:  74px;
}
#logo a
{
height:  74px;
line-height:74px;
}
#logo a img
{
width:  auto;
}
#search
{
padding-left:  0;
padding-right:0;
margin-top:  0;
margin-bottom:0;
}
#hmLinks
{
padding-top:  0;
padding-bottom:0;
}
#hmLinks > a
{
padding-top:  48px;
}
#hmLinks a.authorLink
{
background:url("userIconBig.png") no-repeat center 10px;
}
#hmLinks a.basketLink
{
background:url("basketIconBig.png") no-repeat center 9px;
}
#hmLinks a strong
{
line-height:  22px;
font-size:14px;
}
#hmLinks a:hover strong
{
color:  #000;
}
#search .row
{
margin-right:  0;
margin-left:0;
}
#FormAra input[type="text"]
{
font-size:   16px;
height: 40px;
padding:   10px 10px 10px 30px;
}
#FormAra input[type="submit"]
{
left:   0;
right: auto;
}
#searchRight select
{
display:  none;
}
#mainMenu .menu-wrap
{
position:  absolute;
left:55px;
right:  0;
}
#mainMenu a, #alterMenu a
{
background-image:  none;
border-right:0;
}
#mainMenu .menu-list
{
padding-top:  10px;
padding-bottom:10px;
}
#mainMenu .menu-list a
{
border-top:  1px solid #dedede;
}
#alterMenu .menu-list a
{
border-top:  1px solid #aaa;
}
}
@media screen and (max-width: 768px)
{
#logo
{
margin-top:   18px;
}
#logo p
{
height:  auto;
}
#logo a
{
width: 100%;
float:   left;
height: auto;
line-height:   normal;
text-align: center;
}
#logo img
{
display:  inline;
}
#searchRight
{
width:  auto;
}

.basketListTop .cart-soft-wrapper
{
text-indent:   -9999px;
width: 22px;
margin-top:   15px;
padding-left: 0;
float:   right;
}

.cart-soft-wrapper span
{
text-indent:   0;
}
}
@media screen and (max-width: 540px)
{
#mobileMenu
{
width: 84%;
padding-top:   10px;
}
#mobileSearch
{
padding-top:   0;
}
#logo
{
/*width: calc(100% - 132px);*/
margin-top:   12px;
}
#logo a img
{
max-width:   152px;
}
#menuBtn
{
background-size: 100%;
max-width: 100%;
height:   34px;
}

.basketListTop
{
/*width: 60px;*/
}

.basketListTop .cart-soft-wrapper
{
margin-top:   8px;
}
}