﻿.animenu > ul:after, .desktop-menu > ul:after {
  content: "";
  display: table;
  clear: both; }

body {
  -webkit-animation: bugfix infinite 1s; }

@-webkit-keyframes bugfix {
  from {
    padding: 0; }

  to {
    padding: 0; } }
.animenu-wrapper {
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); }
@media screen and (min-width: 0px) and (max-width: 767px) {
  .animenu-wrapper {
    height: 45px; } }

.animenu, .desktop-menu {
  font-family: Arial, sans-serif;
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%; }
.animenu:last-child, .desktop-menu:last-child {
  margin-right: 0; }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .animenu, .desktop-menu {
    padding-left: 0px; } }
.animenu *, .desktop-menu * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.animenu ul, .desktop-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }
.animenu li, .desktop-menu li {
  position: relative; }
.animenu li a.selected, .desktop-menu li a.selected {
  font-weight: bold;
  color: #4b7abe; }
.animenu li a.chat-link, .animenu li .chat-link:hover, .desktop-menu li a.chat-link, .desktop-menu li .chat-link:hover {
  width: 80px;
  margin-top: 8px;
  padding: 5px 10px;
  color: white;
  border: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #4285f4;
  background: -webkit-linear-gradient(top, #4387fd, #4683ea);
  background: linear-gradient(to bottom, #4387fd, #4683ea);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4387fd,endColorstr=#4683ea,GradientType=1); }
.animenu li:hover > ul, .desktop-menu li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0; }
.animenu li:hover > a, .desktop-menu li:hover > a {
  color: #555555; }
.animenu input[type=checkbox], .desktop-menu input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px; }
.animenu label, .desktop-menu label {
  display: none;
  cursor: pointer; }

.desktop-menu {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 23.23176%;
  margin-right: 0;
  margin-top: 14px; }
.desktop-menu:last-child {
  margin-right: 0; }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .desktop-menu {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .desktop-menu:last-child {
    margin-right: 0; } }
.desktop-menu ul {
  float: right; }
.desktop-menu .shopping-cart-count {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 11px;
  padding: 3px 5px;
  font-weight: 700;
  color: #fff;
  border-color: #b0281a;
  border-bottom-color: #af301f;
  background-color: #c53727;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4b39), to(#c53727));
  background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
  background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
  background-image: -ms-linear-gradient(top, #dd4b39 0%, #c53727 100%);
  background-image: linear-gradient(top, #dd4b39, #c53727); }

.animenu > ul, .desktop-menu > ul {
  background-color: white;
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; }
.animenu > ul > li, .desktop-menu > ul > li {
  float: left;
  -moz-box-shadow: 1px 0 0 white;
  -webkit-box-shadow: 1px 0 0 white;
  box-shadow: 1px 0 0 white; }
.animenu > ul > li > a, .desktop-menu > ul > li > a {
  float: left;
  padding: 0.8em 2.4em 0.8em 0; }
.animenu > ul a, .desktop-menu > ul a {
  color: #222222;
  text-decoration: none; }
.animenu > ul ul, .desktop-menu > ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  margin: 1.6em 0 0 0;
  z-index: 100;
  background-color: white;
  background-image: none;
  -moz-transition-property: "margin, opacity";
  -o-transition-property: "margin, opacity";
  -webkit-transition-property: "margin, opacity";
  transition-property: "margin, opacity";
  -moz-transition-duration: ".15s";
  -o-transition-duration: ".15s";
  -webkit-transition-duration: ".15s";
  transition-duration: ".15s";
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  border: 1px solid whitesmoke;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); }
.animenu > ul ul li, .desktop-menu > ul ul li {
  display: block;
  -moz-box-shadow: 0 1px 0 white, 0 2px 0 white;
  -webkit-box-shadow: 0 1px 0 white, 0 2px 0 white;
  box-shadow: 0 1px 0 white, 0 2px 0 white; }
.animenu > ul ul li:first-child > a, .desktop-menu > ul ul li:first-child > a {
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px 3px 0 0; }
.animenu > ul ul li:last-child > a, .desktop-menu > ul ul li:last-child > a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0;
  border-radius: 0 0 3px 3px; }
.animenu > ul ul a, .desktop-menu > ul ul a {
  padding: 0.8em;
  width: 155px;
  display: block;
  border-color: white; }
.animenu > ul ul a:hover, .desktop-menu > ul ul a:hover {
  background-color: #4b7abe;
  border-color: #4b7abe;
  color: white;
  text-decoration: none; }

.desktop-menu > ul {
  background-color: transparent;
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); }
.desktop-menu > ul li {
  box-shadow: none; }
.desktop-menu > ul li > a:hover, .desktop-menu > ul li > a:active {
  text-decoration: none; }
.desktop-menu > ul li:last-child a:link {
  padding-right: 0; }
.desktop-menu > ul ul {
  left: -110px; }

@media screen and (min-width: 0px) and (max-width: 767px) {
  .animenu > ul, .animenu > ul ul {
    visibility: visible;
    opacity: 1;
    display: none; }

  .animenu input[type=checkbox]:checked ~ label, .animenu input[type=checkbox] ~ label:hover {
    color: #555555; }
  .animenu label {
    background-color: white;
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #222222;
    text-shadow: 0 1px 0 white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 0.8em 2.4em; }
  .animenu label:before {
    position: absolute;
    left: 0.4em;
    top: 0.16em;
    content: "\2261";
    font-size: 2em; }
  .animenu > ul {
    position: relative;
    border-color: white;
    margin: 1.4em 0 !important;
    padding: 0.2em;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: white;
    background-image: none; }
  .animenu > ul li {
    display: block; }
  .animenu > ul li:nth-child(odd) {
    background-color: #e6e6e6;
    background-image: none; }
  .animenu > ul > li {
    float: none;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: white;
    background-image: none; }
  .animenu > ul > li > a {
    float: none;
    display: block;
    padding: 0.8em 0.8em 0.8em 0; }
  .animenu > ul ul {
    position: static;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e6e6e6;
    background-image: none;
    margin: 0;
    -moz-transition-property: "none";
    -o-transition-property: "none";
    -webkit-transition-property: "none";
    transition-property: "none"; }
  .animenu > ul ul li {
    display: none; }
  .animenu > ul ul a {
    padding-left: 2.4em;
    display: block;
    width: auto; }
  .animenu input[type=checkbox]:checked ~ ul {
    display: block; }
  .animenu input[type=checkbox]:checked ~ ul ul {
    display: block; } }
@media screen and (max-width: 600px) {
  .animenu > ul > li > a {
    padding: 0.8em 1.6em; } }
    
       nav.animenu ul  li:last-of-type {
float:right;
}
nav.animenu ul  li:last-of-type > a {
padding-right:15px;
}
