.hide {
  display: none !important; }

#sub-menu2 {
  width: 100%;
  margin: 3% 0 0 0;
  overflow: hidden;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
  opacity: 1;
  height: 59.6px; }
  @media screen and (max-width: 699px) {
    #sub-menu2 {
      height: 180px; } }
  #sub-menu2 ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 660px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    @media screen and (max-width: 699px) {
      #sub-menu2 ul {
        width: 490px; } }
  #sub-menu2 li {
    font-family: "MuseoSans_300", sans-serif;
    font-size: 18px;
    line-height: 19.8px;
    font-weight: 300;
    list-style: none;
    text-align: center;
    width: 110px;
    height: 39.6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    background: none;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: url("../../media/img/px.png") no-repeat center center;
    background-size: contain;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s; }
    #sub-menu2 li:hover, #sub-menu2 li.selected {
      background: url("img/shape_sm.png") no-repeat center center;
      background-size: contain; }
    #sub-menu2 li:hover span {
      font-weight: 900;
      color: #000; }
    #sub-menu2 li span {
      -webkit-transition: all .4s ease-out;
      -o-transition: all .4s ease-out;
      transition: all .4s ease-out;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-decoration: none;
      color: #808080;
      text-align: center; }
    #sub-menu2 a, #sub-menu2 a:hover {
        text-decoration: none !important;}
  #sub-menu2.closesm {
    height: 0px; }

@media screen and (max-width: 699px) {
  #sub-menu2 ul {
    width: 100%; }
  #sub-menu2 ul li {
    width: 50%; } }

#sub-menu3 {
  width: 100%;
  overflow: hidden;
  -webkit-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
  opacity: 1;
  height: 178.8px; }
  @media screen and (max-width: 699px) {
    #sub-menu3 {
      height: 298px; } }
  #sub-menu3 ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 490px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    @media screen and (max-width: 699px) {
      #sub-menu3 ul {
        width: 320px; } }
  #sub-menu3 li {
    font-family: "MuseoSans_300", sans-serif;
    font-size: 18px;
    line-height: 19.8px;
    font-weight: 300;
    list-style: none;
    text-align: center;
    width: 150px;
    height: 39.6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    background: none;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: url("../../media/img/px.png") no-repeat center center;
    background-size: contain;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s; }
    #sub-menu3 li:hover {
      background: url("img/shape_sm.png") no-repeat center center;
      background-size: contain; }
    #sub-menu3 li:hover span {
      font-weight: 900;
      color: #000; }
    #sub-menu3 li span {
      -webkit-transition: all .4s ease-out;
      -o-transition: all .4s ease-out;
      transition: all .4s ease-out;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-decoration: none;
      color: #808080;
      text-align: center; }
  #sub-menu3.closesm {
    height: 0px; }