/** ----------------------------------------------------------------------------
 *                         Todos los derechos Reservados
 *                               Softipal S.A.S 2020
 *  ----------------------------------------------------------------------------
 *  Nombre:        menu.css
 *  Ruta:         /public/css/layout
 *  Descripción:  Estilos Generales para la página
 *  Fecha:        21/01/2020
 *  Autor:        Alejadnro González Flórez
 *  Versión:      1.0
 *  OD:           22489479
 *  ----------------------------------------------------------------------------
 *	 			Histórico de cambios
 *  ----------------------------------------------------------------------------
 *	Fecha          OD        Autor        Descripción
 *  ----------------------------------------------------------------------------
 *     21/01/2020   22489479   AlejoFlorez0   Creación de cabecera de documentacion
 *  ----------------------------------------------------------------------------
 */

.menu {
  position: fixed;
  z-index: 100;
  width: 100%;
}

.scb_menu {
  z-index: 1;
  background-color: white;
  box-shadow: 0px 21px 7px -1px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0px 15px 7px -1px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 0px 13px 19px -1px rgb(0 0 0 / 28%);
}

.scb_subMenu {
  font-size: 14px;
  background-color: white;
  font-family: Montserrat-Regular;
}

#socialNetwors {
  position: absolute;
  right: 15px;
  text-align: end;
}

#facebook,
#twitter,
#instagram {
  cursor: pointer;
  padding: 0 2px 0 2px;
}

#facebook:hover {
  content: url(../../../images/icons/ICONOS-26.png);
}

#twitter:hover {
  content: url(../../../images/icons/ICONOS-27.png);
}

#instagram:hover {
  content: url(../../../images/icons/ICONOS-28.png);
}

.navIcons {
  width: 60px;
  height: 60px;
  cursor: pointer;
  margin-left: 5px;
  border-radius: 100%;
  background-size: 100% 100%;
  background-color: #004187;
  background-repeat: no-repeat;
}

.flags {
  position: absolute;
  right: 8em;
  text-align: end;
  display: flex;
}

.flags button {
  border: none;
  background-color: transparent;
}

#men_home {
  background-image: url(../../../images/site/menu/men_home.png),
    linear-gradient(128deg, rgba(0, 65, 135, 1) 59%, rgba(5, 55, 114, 1) 60%);
}

#men_home:hover,
#men_home.active {
  background-image: url(../../../images/site/menu/men_home.png),
    linear-gradient(128deg, rgba(255, 186, 0, 1) 59%, rgba(192, 148, 41, 1) 60%);
}

#men_services {
  background-image: url(../../../images/site/menu/men_services.png),
    linear-gradient(128deg, rgba(0, 65, 135, 1) 59%, rgba(5, 55, 114, 1) 60%);
}

#men_services:hover,
#men_services.active {
  background-image: url(../../../images/site/menu/men_services.png),
    linear-gradient(128deg, rgba(255, 186, 0, 1) 59%, rgba(192, 148, 41, 1) 60%);
}

#men_users {
  background-image: url(../../../images/site/menu/men_users.png),
    linear-gradient(128deg, rgba(0, 65, 135, 1) 59%, rgba(5, 55, 114, 1) 60%);
}

#men_users:hover,
#men_users.active {
  background-image: url(../../../images/site/menu/men_users.png),
    linear-gradient(128deg, rgba(255, 186, 0, 1) 59%, rgba(192, 148, 41, 1) 60%);
}

#men_tourist {
  background-image: url(../../../images/site/menu/men_tourist.png),
    linear-gradient(128deg, rgba(0, 65, 135, 1) 59%, rgba(5, 55, 114, 1) 60%);
}

#men_tourist:hover,
#men_tourist.active {
  background-image: url(../../../images/site/menu/men_tourist.png),
    linear-gradient(128deg, rgba(255, 186, 0, 1) 59%, rgba(192, 148, 41, 1) 60%);
}

#men_kids {
  background-image: url(../../../images/site/menu/men_kids.png),
    linear-gradient(128deg, rgba(0, 65, 135, 1) 59%, rgba(5, 55, 114, 1) 60%);
}

#men_kids:hover,
#men_kids.active {
  background-image: url(../../../images/site/menu/men_kids.png),
    linear-gradient(128deg, rgba(255, 186, 0, 1) 59%, rgba(192, 148, 41, 1) 60%);
}

#men_partners {
  background-image: url(../../../images/site/menu/men_partners.png),
    linear-gradient(128deg, rgba(0, 65, 135, 1) 59%, rgba(5, 55, 114, 1) 60%);
}

#men_partners:hover,
#men_partners.active {
  background-image: url(../../../images/site/menu/men_partners.png),
    linear-gradient(128deg, rgba(255, 186, 0, 1) 59%, rgba(192, 148, 41, 1) 60%);
}

.navTooltip {
  position: absolute;
  top: 112%;
  left: -15%;
  width: 90px;
  height: 28px;
  font-size: 13px;
  color: #ffffff;
  padding-top: 6%;
  text-align: center;
  visibility: hidden;
  border-radius: 5px;
  background-color: #004187;
  font-family: Montserrat-SemiBold;
}

.navIcons:hover .navTooltip {
  visibility: visible;
}

.navIcons .navTooltip::after {
  position: absolute;
  top: -50%;
  left: 50%;
  content: " ";
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #004187 transparent;
}

.navRow {
  margin: 0;
}

.navRow > .col {
  padding: 0;
}

#scb_submenuRow {
  margin: 0 auto;
  display: table;
  padding-top: 10px;
}

#scb_submenuRow > ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  text-align: center;
  border-width: 1px 0;
}

#scb_submenuRow > ul > li {
  display: inline;
}

#scb_submenuRow > ul > li > a {
  padding-left: 0;
  font-size: 16px;
  color: #004187;
  padding-right: 0;
  display: inline-block;
  font-family: Montserrat-Regular;
}

.alignEnd {
  text-align: end;
  margin-top: 5px;
}

#burgerIcon {
  display: none;
}

.Res {
  display: none;
}

.fas.fa-bars {
  cursor: pointer;
  margin-top: 6px;
  margin-left: 5px;
  color: #004187;
}

.fas.fa-bars:hover,
#burgerIcon[aria-expanded="true"] > .fas.fa-bars {
  color: #ffba00;
}

.styleSubMenu {
  margin: 0;
  padding: 0.25vw;
  color: #004187;
}

.marginAuto {
  margin-right: auto;
}

.scb_subMenu-sm {
  color: #004187 !important;
}

.btnNextSubMenuHover {
  width: 35%;
  height: 43%;
  background-image: url(../../../images/icons/ICONOS-40.png);
}

.btnNextSubMenuHover:hover {
  width: 35%;
  height: 43%;
  background-image: url(../../../images/icons/ICONOS-38.png);
}

.btnPrevSubMenuHover {
  width: 35%;
  height: 43%;
  background-image: url(../../../images/icons/ICONOS-37.png);
}

.btnPrevSubMenuHover:hover {
  width: 35%;
  height: 43%;
  background-image: url(../../../images/icons/ICONOS-39.png);
}

.btnSubMenuNext {
  margin-right: -4vw;
}

.btnSubMenuPrev {
  margin-left: -4vw;
}

.top-menu {
  top: -2.5vw;
}

.backgroundSubMenu {
  background-color: white;
}

.select-nav-specialService-tab {
  color: #004a27 !important;
}

#nav-specialService-tab:hover {
  color: #1f8e43;
}

#nav-specialService-tab.active {
  color: #1f8e43;
}

#nav-urbanService-tab.active,
#nav-route-tab.active,
#nav-route-tab:hover,
#nav-urbanService-tab:hover {
  color: #ffba00;
}