.main-navbar{
  width: 100%;
  background-color: white;
  font-family: Neuzeit;
  color: black;
  display: -webkit-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.navbar-toggle{
  border: none !important;
}
.navbar-toggle:active, .navbar-toggle:hover{
  border: none !important;
  background-color: white !important;

}
#navbar-responsive{
  width: 100%;
  position: fixed;
  top: 0px;
  font-family: Simplon;
  background-color: white !important;
  border: none;
  z-index: 1000;
  display: none;
}
.responsive-brand{
  width: auto !important;
  height: 50px !important;
}
.navbar-header{
  height: 65px !important;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  flex-direction: row;
  justify-content: center;
}
.navbar-logo{
  width: 280px;
  height: 160px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}

.logo-titles{
  padding-left: 23%;
  font-size: 13px !important;
}
.logo-title-black{
  color: black;
}
.logo-title-gray{
  color: #b7b7b7;
}
.navbar-logo img{
  width: 100%;
  height: auto;
  align-self: center;
}
.navbar-buttons-container{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 4%;
  padding-top: 50px;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: flex-start;
}
.navbar-list-top{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
          align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px #b7b7b7 solid;
}
.navbar-list-bot{
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
          align-items: flex-start;
          align-self: flex-end;
  margin-bottom: 20px;
}
.navbar-item{
  width: 16.6666667%;
  cursor: default;
  font-size: 15px;
}
#contenedor-contacto{
  justify-content: center;
}
#contenedor-idioma{
  justify-content: flex-end;
}
.list-item{
  margin-bottom: 5px;
}
.navbar-item-active{
  color: #00ff33 !important;
}
.navbar-language-active{
  color: #b7b7b7 !important;
}
.navbar-item-ghost{
  width: 16.6666667%;
  cursor: default;
}
.navbar-no-cursor{
  cursor: default;
}
.hidden{
  dysplay: none;
}
.ghost{
  cursor: none;
}
.navbar-list-drop{
  list-style-type: none;
  padding: 0%;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.dropdown-icon{
  font-size: 14px;
  color: #b7b7b7;
}

#navbar_nosotros{
    display: flex;
}

.nosotros_list{

}

@media(max-width: 800px) {
  .main-navbar{
    -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
    -webkit-flex-direction: column;
  }
  .navbar-buttons-container{
    padding-top: 0px;
    padding-left: 0px;
  }
  .navbar-logo{
    -ms-flex-item-align: center;align-self: center;
    -webkit-align-self: center;
  }
  #contenedor-contacto{
    justify-content: center;
    -webkit-justify-content: center;
  }
  #contenedor-idioma{
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
  .navbar-list{
    padding-top: 20px;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
  }
  .navbar-list-bot{
    margin-bottom: 0%;
  }
}
@media(max-width: 600px) {

  .main-navbar{
    display: none;
    /*-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;*/
  }
  #navbar-responsive{
    display: block !important;
  }
  .navbar-logo{
    /*-ms-flex-item-align: center;align-self: center;*/
  }
  .navbar-list{
    /*padding-top: 20px;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0%;*/
  }
}
.navbar-item:hover{
  cursor: default;
}
.navbar-item-ghost:hover{
  cursor: default;
}
.navbar-item, .navbar-item a:link, .navbar-item a:visited{
  display: -webkit-flex;display: -ms-flexbox;display: flex;
  color: black;
  text-decoration: none;
}

.navbar-item:hover, .navbar-item:active, .navbar-item a:hover, .navbar-item a:active{
  color: #b7b7b7;
  text-decoration: none;
}

.navbar-drop{
}

.nav-language{
  padding-right: 2%;
}
#nosotros_icon{
  font-size: 14px;
}
#aplicaciones_icon{
  font-size: 14px;
}
#productos_icon{
  font-size: 14px;
}
.language_btns{
  color: black;
  cursor: pointer;
}
#spanish_btn{
  font-family: Simplon !important;
  font-size: 13px;
}
#english_btn{
  font-family: Simplon !important;
  font-size: 13px;
}
.separator{
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  color: #b7b7b7;
}