#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
    margin: 0;
    padding: 0;
    position: relative;
}

#cssmenu {
  line-height: 1px;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  /*
      shadow 
-webkit-box-shadow: 0px -1px 10px 1px #b8b8b9;
-moz-box-shadow: 0px -1px 10px 1px #b8b8b9;
box-shadow: 0px -1px 10px 1px #b8b8b9;
*/
  background: #ffffff;
  background: -moz-linear-gradient(top, #333333 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #333333 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #333333 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #333333 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  border-bottom: 5px solid #e41f35;
  max-width: 965px;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #ffffff;
  background: -moz-linear-gradient(top, #333333 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #333333 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #333333 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #333333 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  color: #ffffff;
  display: block;
  font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 19px 20px;
  text-decoration: none;
}

#cssmenu ul {
  list-style: none;
  display:flex;
  -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap: nowrap;
  -webkit-align-items: flex-start; /* Safari */
  align-items: flex-start;
}

#cssmenu > ul > li { display: inline-block; float: left; margin: 0;}
#cssmenu.align-center {text-align: center;}
#cssmenu.align-center > ul > li {float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul {float: right;}
#cssmenu.align-right ul ul {text-align: right; overflow-wrap: break-word;}
#cssmenu > ul > li > a {color: #e41f35; font-size: 14.80px;}
#cssmenu > ul > li.big_name > a {color: #e41f35; font-size: 14.5px;}

#cssmenu > ul > li:hover:after { /*Shows the triangle when the mouse is hover a selection.*/
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  margin-left: -10px;
}

#cssmenu > ul > li > a {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

#cssmenu.align-right > ul > li:last-child > a {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}

#cssmenu > ul > li.active > a /* color of the bubbles and letters without hovering over them */
 {
  color: #e41f35; /* Color of the words in the menu bubbles */
  /*
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;*/

  background: #e41f35;
  background: -moz-linear-gradient(top, #262626 0%, #e41f35 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #e41f35));
  background: -webkit-linear-gradient(top, #262626 0%, #e41f35 100%);
  background: -o-linear-gradient(top, #262626 0%, #e41f35 100%);
  background: -ms-linear-gradient(top, #262626 0%, #e41f35 100%);
  /*background: linear-gradient(to bottom, #e41f35 0%, #e41f35 100%);*/
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); /*  */
}

#cssmenu > ul > li:hover > a /* color of the bubbles and letters hovering over them */
{
  color: #ffffff; /* Color of the words in the menu bubbles */
  background: #e41f35;
  background: -moz-linear-gradient(top, #262626 0%, #e41f35 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #e41f35));
  background: -webkit-linear-gradient(top, #262626 0%, #e41f35 100%);
  background: -o-linear-gradient(top, #262626 0%, #e41f35 100%);
  background: -ms-linear-gradient(top, #262626 0%, #e41f35 100%);
  /*background: linear-gradient(to bottom, #e41f35 0%, #e41f35 100%);*/
  background: linear-gradient(to bottom, #e41f35 0%, #e41f35 100%); /*  */
}


cssmenu .line {background: 1px black;} /* Dotted lines between items on a sub menu. */
#cssmenu .has-sub {z-index: 500;} /* How much of the sub-menu is shown. Increase if more sub-menus are added. */
#cssmenu .has-sub:hover > ul {display: block;}

#cssmenu .has-sub ul {
  display: none; /* Keeps the sub menu hidden until mouse is over option. */
  position: absolute;
  width: 200px; /* Length of the line in sub menu. */
  top: 100%; /* Where the sub menu will show horizontally. */
  left: 0; /* Where the sub menu will show vertically. */
}

#cssmenu.align-right .has-sub ul {left: auto; right: 0;}
#cssmenu .has-sub ul li {*margin-bottom: -1px;}

#cssmenu .has-sub ul li a {
  background: #ffffff;
  border-bottom: 1px dotted #31b7f1;
  font-size: 13px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #e41f35;
}

#cssmenu .has-sub ul li:hover a {background: #e41f35;}
#cssmenu ul ul li:hover > a {color: #ffffff;}
#cssmenu .has-sub .has-sub:hover > ul {display: block;}
#cssmenu .has-sub .has-sub ul {display: none; position: absolute; left: 100%; top: 0;}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {left: auto; right: 100%;}

#cssmenu .has-sub .has-sub ul li a {
  background: #ffffff;
  border-bottom: 1px dotted #31b7f1; /* Dotted lines between items on a sub menu. */
}

#cssmenu .has-sub .has-sub ul li a:hover {background: #e41f35;}

#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}
