#dropMenuWrapper {

height:40px; margin-top:10px; background:#fff; margin-bottom:10px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); position:relative; z-index:10;}	



.head1{ position:absolute; right:0px; top:20px; color:#000;}

.head0{ position:absolute; left:5px; top:15px; color: #555;

    font-size: 14px;

    font-weight: 100;

    text-transform: uppercase;}

#dropMenus { width:300px; height:auto; top:50px;background: #111; display: none; position:absolute;z-index:3; right:0;}

.box-category {

    overflow: hidden;

}

.box-category li a {

    border-bottom: 1px solid #333; color:#FFFFFF;

    display: block;

    position: relative;

  

}

.box-category li a.active {

    color: #ffcd18;

}

.box-category li ul {

    display: none;

    margin-bottom: 0;

}

.box-category li a.active + ul {

    display: block;

}

.box-category li a:before {

    float: left;

    margin-right: 5px;

    position: relative;

}

.box-content > ul > li:last-of-type > a,.box-category > ul > li:last-of-type > a {

    border-bottom: 0 none !important;

}

.side-category i {

    display: table;

    line-height: 100%;

    position: absolute;

    text-align: center;

  

}

.side-category i span {

    display: table-cell; font-size:14px!important; 

    position: relative;

}

.side-category-accordion .box-category li ul li a:before {

    content: "";

    float: none;

}

.box-category li a img, .side-column .oc-module .product-grid-item .image img {

    border-color: rgb(244, 244, 244);

    border-style: solid;

    border-width: 3px;

}

.side-category-accordion i { background:#fff;}

.side-category-accordion i:hover { background:#ffcd18;}



.side-category i {

    color: rgb(255, 255, 255);

    font-family: Helvetica,Arial,sans-serif;

font-size:18px!important;     font-style: normal;

    font-weight: normal;

    height: 20px;

    right: 8px;

    text-transform: none;

    top: 8px;

    width: 20px;

}

.box-category li a{

padding:10px 25px 10px 10px;

}.htmleaf-container { position:absolute; left:240px; }

.animenu__toggle {

  display: none;

  cursor: pointer;

  border: 0;

  padding: 10px;

  height: 40px;

  width: 40px;

}

.animenu__toggle:hover { color:#000;

 

}



.animenu__toggle__bar {

  display: block;

  width: 20px;

  height: 2px;

  background-color: #fff;

  -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 

  -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 

  transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 

}

.animenu__toggle__bar + .animenu__toggle__bar {

  margin-top: 4px;

}



.animenu__toggle--active .animenu__toggle__bar {

  margin: 0;

  position: absolute;

}

.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {

  opacity: 0;

}

.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.animenu {

  display: block;

}

.animenu ul {

  padding:0;

  list-style: none; font-size:12px; color:#333;



}

.animenu li, .animenu a {

  display: inline-block;

  font-size: 15px;

}

.animenu a {

  color: #222;

  text-decoration: none;

}



.animenu__nav {

  background-color: #fff;

}

.animenu__nav > li {

  position: relative;

  border-right: 1px solid #eee;

}

.animenu__nav > li > a {

  padding: 5px 14px; line-height:30px;


}

.animenu__nav > li > a:first-child:nth-last-child(2):before {

  content: "";

  position: absolute;

  border: 4px solid transparent;

  border-bottom: 0;

  border-top-color: currentColor;

  top: 50%;

  margin-top: -2px;

  right: 10px;

}

.animenu__nav > li:hover > ul {

  opacity: 1;

  visibility: visible;

  margin: 0;

}

.animenu__nav > li:hover > a {

  color: #000;

}



.animenu__nav__child {

  min-width:450px;

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1;

  opacity: 0;

  visibility: hidden;

  margin: 20px 0 0 0;

  background-color: #fff;border: 2px solid #ffcd18;

  transition: margin .15s, opacity .15s;

}

.animenu__nav__child > li {

  width: 49.9%;

 

}

.animenu__nav__child > .brindsa{ float:left; margin:5px; width:100px; height:50px;}

.animenu__nav__child > :first-child > a:after {

  content: '';

  position: absolute;

  height: 0;

  width: 0;

  left: 1em;

  top: -6px;

  border: 6px solid transparent;

  border-top: 0;

  border-bottom-color: inherit;

}

.animenu__nav__child > li:last-child {

  border: 0;

}

.animenu__nav__child  a {

  padding: 5px; font-size:12px;

  width: 100%;

  border-color: #ffcd18;

}

.animenu__nav__child a:hover { 

}



.animenu__nav--open {

  display: block !important;

}

.animenu__nav--open .animenu__nav__child {

  display: block;

}

.animenu__nav li i{ font-size:20px; margin-right:10px;}

.about{ padding:10px;}