.section-menu-transversal {
  background-color: #000;
  min-height: 50px;
  position: relative; }

.new-menu-transversal {
  display: flex;
  padding-left: 0px; }
  .new-menu-transversal .title-menu-principal {
    height: 70px;
    /*padding: 0 5px;*/
    margin-right: 38px;
    color: #ffffff;
    display: inline-block;
    line-height: 70px;
    text-decoration: none;
    cursor:pointer;
    font-size: 18px;
    font-family: 'Corporate S Pro';}
    .new-menu-transversal .title-menu-principal:hover, .new-menu-transversal .title-menu-principal.active {
      color: #00ADEF;
      text-decoration: none; }
  .new-menu-transversal .sub-menu {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    background-color: transparent;
    width: 100%;
    z-index: 10; }
    .new-menu-transversal .sub-menu .sub-menu-color{
      background-color: #ffffff;
      padding-top: 25px;
      padding-bottom: 50px;
      margin-top: 51px;
    }
    .new-menu-transversal .sub-menu-title {
      color: #000;
      font-size: 16px;
      margin-bottom: 10px; }
      .new-menu-transversal .sub-menu-title span {
        border-bottom: 1px solid #767676;
        padding-bottom: 5px; }
    .new-menu-transversal .sub-menu-link {
      color: #767676;
      font-size: 15px;
      display: block; }
      .new-menu-transversal .sub-menu-link:hover {
      color: #00adef;
      text-decoration:none;}
    .new-menu-transversal .sub-menu.active {
      display: block; }
    .new-menu-transversal .sub-menu-content {
      display: flex; }
      .new-menu-transversal .sub-menu-content .sub-menu-col {
        min-width: 16%;
        padding-right: 35px; }
        .new-menu-transversal .sub-menu-content .sub-menu-col.vans-2 {
          min-width: 19%; }
    .new-menu-transversal .sub-menu-item {
      margin-bottom: 25px; }
    .margenes.portlet-layout.row {
        margin-left:-15px!important;
        margin-right:-15px!important;
    }

@media (max-width: 768px) {
  .section-menu-transversal {
    display: none; }
  .section-menu-transversal.active {
    display: block;z-index: 2; }
    .new-menu-transversal {
        flex-flow:column;
        padding-left:0px;
    }
    .new-menu-transversal .sub-menu {
        position:relative;
        top:inherit;
        margin-top: auto;
    }
    .new-menu-transversal .sub-menu-content {
        flex-flow:column;
    }
    .new-menu-transversal .sub-menu-content .sub-menu-col {
      padding-right: 0; }
    
    .new-menu-transversal .title-menu-principal {
       width: 100%;
       position:relative;
      padding-left: 15px;
      padding-right: 15px;
      height: 50px;
      line-height: 50px;
    }
    .new-menu-transversal .title-menu-principal.link:before {
        display:none;
    }

    .title-menu-principal:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f078";
        text-decoration: inherit;
        display: inline-block;
        speak: none;
        top: 2px;
        right: 18px;
        position:absolute;
    }
    .title-menu-principal.active:before {
        transform:rotate(180deg);
    }
    .section-menu-transversal .container {
        padding-left:0;
        padding-right:0;
    }
    .section-menu-transversal .container .sub-menu .container {
        padding-left:15px;
        padding-right:15px;
    }
    .new-menu-transversal .sub-menu-link {
        display:none;
        height:40px;
    }
    .new-menu-transversal .sub-menu-link.visible {
        display:block;
        height:40px;
    }
    .new-menu-transversal .sub-menu-title span {
        display:block;
    }
    .new-menu-transversal .sub-menu-title {
        position:relative;
    }
    .new-menu-transversal .sub-menu-title:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f078";
        text-decoration: inherit;
        display: inline-block;
        speak: none;
        top: 2px;
        right: 3px;
        position: absolute;
        color:#000000;
    }
    .new-menu-transversal .sub-menu-title.active:before {
        transform: rotate(180deg);
    }

}