@charset "utf-8";
/* CSS Document */


#menu ul {    margin: 0;  padding-left:0; float:right; padding-right:10%; clear:right; position:relative; top:0px; font-size:100%; }

#menu .main-menu {  display: none;}

#tm:checked + .main-menu {  display: block; }

#menu input[type="checkbox"], #menu ul span.drop-icon {  display: none;}

#menu li, #toggle-menu, #menu .sub-menu {  border-style: solid;  border-color: rgba(0, 0, 0, .05);}

#menu li, #toggle-menu {  border-width: 0 0 1px;  z-index:1010;}

#menu .sub-menu {  background-color: #444; border-radius: 3px;  border-width: 1px 1px 0;  margin: 0 1em; }

#menu .sub-menu li:last-child {  border-width: 0;}

#menu li, #toggle-menu, #menu a {  position: relative;  display: block;  color: white;   text-decoration:none;}

#menu, #toggle-menu {  background-color: #000; z-index:610; }

#toggle-menu, #menu a {  padding: 5px 8px;}

#menu a {  transition: all .125s ease-in-out;  -webkit-transition: all .125s ease-in-out;}

#menu a:hover {   color: #ccc; }

#menu .sub-menu {  display: none;}

#menu input[type="checkbox"]:checked + .sub-menu { display: block;}

#menu .sub-menu a:hover {  color: #ccc;}

#toggle-menu .drop-icon, #menu li label.drop-icon {  position: absolute;   }

#menu li label.drop-icon, #toggle-menu li span.drop-icon {  border-radius: 50%;  width: 20px;  height: auto;  text-align: center;  background-color:#be1622; 
  text-shadow: 0 0 0 transparent;  color: rgba(255, 255, 255, .75); }

 #toggle-menu span.drop-icon {  border-radius: 0%;    text-align: center;  background-color:transparent; 
  text-shadow: 0 0 0 0;  color: rgba(255, 255, 255, .75); }


#menu .drop-icon {  line-height: 1;}



@media only screen and (max-width: 600px) {

#menu ul {    margin: 0;  padding:0; float:none; clear:left;  position:relative; top:0px; background-color:#be1622;}

#menu .main-menu {  display: none;}

#tm:checked + .main-menu {  display: block; margin-top:45px; }

#menu input[type="checkbox"], #menu ul span.drop-icon {  display: none;}

#menu li, #toggle-menu, #menu .sub-menu {  border-style: solid;  border-color: rgba(0, 0, 0, .05);}

#menu li, #toggle-menu {  border-width: 0 0 1px;  z-index:5100;}

#menu .sub-menu {  background-color: #444; border-radius: 3px;  border-width: 1px 1px 0;  margin: 0 1em; position:relative; }

#menu .sub-menu li:last-child {  border-width: 0;}

#menu li, #toggle-menu, #menu a {  position: relative;  display: block;  color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);   text-decoration:none;}

#menu, #toggle-menu {  background-color: transparent; z-index:610; margin-top:-10px; }

#toggle-menu, #menu a {  padding: 5px 8px;}

#menu a {  transition: all .125s ease-in-out;  -webkit-transition: all .125s ease-in-out;}

#menu a:hover {   color: #ccc;}

#menu .sub-menu {  display: none;}

#menu input[type="checkbox"]:checked + .sub-menu { display: block;}

#menu .sub-menu a:hover {  color: #000;}

#toggle-menu .drop-icon {position:relative; }

#menu li label.drop-icon {  position: relative;   }

#menu label.drop-icon, #toggle-menu span.drop-icon { margin-left:20px;   width: 40px;  height: 36px; }

#menu .drop-icon {  background-image: url('menu.png'); float:right; clear:right; margin-right:10%;}

#menu li .drop-icon {  line-height: 1; background-image: none; margin-left:30px;}
}

@media only screen and (min-width: 601px) {

  #menu .main-menu {    display: block;  }

  #toggle-menu,   #menu label.drop-icon {    display: none;  }

  #menu ul span.drop-icon {    display: inline-block;  }

  #menu li {    float: left;    border-width: 0 1px 0 0;  }

  #menu .sub-menu li {    float: none;  }

  #menu .sub-menu {    border-width: 0;    margin: 0;    position: absolute;    top: 100%;    left: 0;    width: 12em;     }

  #menu .sub-menu,   #menu input[type="checkbox"]:checked + .sub-menu {    display: none;  }

  #menu .sub-menu li {    border-width: 0 0 1px;  }

  #menu .sub-menu .sub-menu {    top: 0;    left: 100%;  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {    display: block;  z-index:910;  }
}