.bt-menu {
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	border-width: 0px;
	border-style: solid;
	border-color: #333;
	background-color: rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
}

.bt-menu.bt-menu-open {
	z-index: 10;
	height: 100%;
	border-width: 30px 30px 30px 90px;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition: border-width 0.3s, background-color 0.3s;
	transition: border-width 0.3s, background-color 0.3s;
}

.bt-overlay {
	position: absolute;
	width: 100%;
}

.bt-menu-open .bt-overlay {
	height: 100%;
}

.bt-menu-trigger {
	position: fixed;
	top: 0px;
	left: 20px;
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.bt-menu-trigger span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 4px;
	margin-top: -2px;
	background-color: steelblue;
	font-size: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.bt-menu-open .bt-menu-trigger span {
	background-color: transparent;
}

.bt-menu-trigger span:before,
.bt-menu-trigger span:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: steelblue;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.bt-menu-trigger span:before {
	-webkit-transform: translateY(-250%);
	transform: translateY(-250%);
}

.bt-menu-trigger span:after {
	-webkit-transform: translateY(250%);
	transform: translateY(250%);
}

.bt-menu-open .bt-menu-trigger span:before {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}

.bt-menu-open .bt-menu-trigger span:after {
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}

/*-----------------------------------------------------------------------------------*/

.desktop-menu {
  font-size: 14px;
}

.desktop-menu a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.desktop-menu ul {
  list-style: none;
}

.desktop-menu li {
  width: 100%;
}

.desktop-menu img {
  width: 40px;
  height: 40px;
}

.contenedor-menu-sup img:nth-of-type(1) {
  width: 80px !important;
  height: 80px !important;
}


.u-uppercase {
  text-transform: uppercase;
}

.desktop-menu {
  display: -webkit-box;
  display: flex;
  /*position: relative;*/
}
/*@media screen and (max-width: 550px) {
  .desktop-menu {
    display: none;
  }
}*/

.desktop-menu .contenedor-menu {
  top: 100px; 
  left: -30px;
  z-index: 30;
  position: fixed;
  /*position: absolute;*/ 
  /*display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column nowrap;*/
}

.desktop-menu .contenedor-menu-sup {
  top: 0px; 
  left: 150px; 
  z-index: 30;
  position: fixed;
  /*position: absolute; */
  /*display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column nowrap;*/
}

.desktop-menu .contenedor-menu.ocultar-menu, 
.desktop-menu .contenedor-menu-sup.ocultar-menu { 
  display: none;
}

.desktop-menu .contenedor-menu.mostrar-menu { 
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column nowrap;
}

/*.desktop-menu .contenedor-menu-sup.ocultar-menu { 
  display: none;
}*/

.desktop-menu .contenedor-menu-sup.mostrar-menu { 
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: row;
}

/*configura texto de titulo menu principal*/
.desktop-menu .contenedor-menu span {
  font-style: italic;
  z-index: 25;
  display: block;
  width: 100%;
  text-align: center;
  /*color: #4bafac;*/
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;
  color: #eb1a1a;
  font-weight: bold;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
}
/*@media screen and (max-width: 768px) {
  .desktop-menu .contenedor-menu span {
    z-index: 25;
    align-self: flex-end;
    padding-bottom: .5rem;
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
  }
}*/

/*configura texto de titulo menu principal lupas*/
.desktop-menu .contenedor-menu-sup span {
  font-style: italic;
  z-index: 25;
  display: block;
  width: 100%;
  text-align: center;
  /*color: #4bafac;*/
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;
  color: #eb1a1a;
  font-weight: bold;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  -webkit-transform: translateY(-200px);
          transform: translateY(-200px);
  position: fixed;
  margin-top: 60px;
}

/*configura items menu principal*/
.desktop-menu .contenedor-menu .item-menu,
.desktop-menu .contenedor-menu-sup .item-menu {
  z-index: 25;
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 1rem;
  cursor: pointer;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
}

/************************************************************************************************************/

/*configura contenedor submenu*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep {
  position: absolute;
  top: 0;
  right: -250px; /*right: -200px; //MODIFICADO*/
  left: 120px; /*left: 75px; //MODIFICADO*/
  /*width: 130px; //MODIFICADO*/
  padding-left: 1.5rem;
  visibility: hidden;
  z-index: 20; /*z-index: 1; //MODIFICADO*/
  -webkit-transition: visibility 0ms ease-out 600ms;
  transition: visibility 0ms ease-out 600ms;
}
/*@media screen and (max-width: 768px) {
  .desktop-menu .contenedor-menu .item-menu .conten-submenu-catep {
    left: -17px;
    top: 83px;
  }
}*/

/*posiciona items menu secundario*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep {
  z-index: 20;
  margin-bottom: 0;
  padding: .5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  background-color: #1b1d1d;
  opacity: 0;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
}

/*configura enlaces de menu secundario*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep a {
  padding: 0px 10px 0px 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
          justify-content: center;
}

/*configura contenido de menu secundario*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep span {
  font-style: italic;
  /*width: 25px;  //MODIFICADO*/
  /*height: 6px;*/
  align-self: center;
  text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000;
  color: rgba(255, 255, 255, 0.75);
  -webkit-transform: scale(1);
          transform: scale(1);
}

.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep:nth-of-type(1) {
  border-top: 1px solid rgba(255, 255, 255, 0.75);
}

/*sombrea con mouse item submenu*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep:hover {
  background-color: #585f5f;
}

/*muestra contenedor submenu*/
.desktop-menu .contenedor-menu .item-menu.is-open .conten-submenu-catep {
  visibility: visible;
  -webkit-transition: visibility 0ms ease-out 0ms;
  transition: visibility 0ms ease-out 0ms;
}

.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep li {
  height: 1px;
}

/*muestra items submenu*/
.desktop-menu .contenedor-menu .item-menu.is-open .conten-submenu-catep li {
  height: auto;
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: opacity 0.1s ease-out 0.1s, -webkit-transform 0.15s ease 0.1s;
  transition: opacity 0.1s ease-out 0.1s, -webkit-transform 0.15s ease 0.1s;
  transition: transform 0.15s ease 0.1s, opacity 0.1s ease-out 0.1s;
  transition: transform 0.15s ease 0.1s, opacity 0.1s ease-out 0.1s, -webkit-transform 0.15s ease 0.1s;
}

/************************************************************************************************************/

/*configura contenedor submenu*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep .conten-submenu-cate {
  position: absolute;
  /*top: 0;*/
  right: -260px; /*right: -200px; //MODIFICADO*/
  left: 260px; /*left: 75px; //MODIFICADO*/
  /*width: 130px; //MODIFICADO*/
  padding-left: 1.5rem;
  visibility: hidden;
  z-index: 15; /*z-index: 1; //MODIFICADO*/
  -webkit-transition: visibility 0ms ease-out 600ms;
  transition: visibility 0ms ease-out 600ms;
}
/*@media screen and (max-width: 768px) {
  .desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep .conten-submenu-cate {
    left: -17px;
    top: 83px;
  }
}*/

/*posiciona items menu secundario*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep .conten-submenu-cate .item-submenu-cate {
  z-index: 15;
  margin-bottom: 0;
  padding: .5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  background-color: #1b1d1d;
  opacity: 0;
  -webkit-transform: translateY(-200px);
          transform: translateY(-200px);
}

/*configura enlaces de menu secundario*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep .conten-submenu-cate .item-submenu-cate a {
  padding: 0px 10px 0px 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
          justify-content: center;
}

/*configura contenido de menu secundario*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep .conten-submenu-cate .item-submenu-cate span {
  /*width: 25px;  //MODIFICADO*/
  /*height: 6px;*/
  font-style: italic;
  align-self: center;
  text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000;
  color: rgba(255, 255, 255, 0.75);
  -webkit-transform: scale(1);
          transform: scale(1);
}

.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep .conten-submenu-cate .item-submenu-cate:nth-of-type(1) {
  border-top: 1px solid rgba(255, 255, 255, 0.75);
}

/*sombrea con mouse item submenu*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep .conten-submenu-cate .item-submenu-cate:hover {
  background-color: #585f5f;
}

/*muestra contenedor submenu*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep.is-open .conten-submenu-cate {
  visibility: visible;
  -webkit-transition: visibility 0ms ease-out 0ms;
  transition: visibility 0ms ease-out 0ms;
}

.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep .conten-submenu-cate li {
  height: 1px;
}

/*muestra items submenu*/
.desktop-menu .contenedor-menu .item-menu .conten-submenu-catep .item-submenu-catep.is-open .conten-submenu-cate li {
  height: auto;
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: opacity 0.1s ease-out 0.1s, -webkit-transform 0.15s ease 0.1s;
  transition: opacity 0.1s ease-out 0.1s, -webkit-transform 0.15s ease 0.1s;
  transition: transform 0.15s ease 0.1s, opacity 0.1s ease-out 0.1s;
  transition: transform 0.15s ease 0.1s, opacity 0.1s ease-out 0.1s, -webkit-transform 0.15s ease 0.1s;
}

/************************************************************************************************************/

/*desliza titulo menu*/
.desktop-menu .contenedor-menu .item-menu:hover span {
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
}

/*desliza titulo menu sup*/
.desktop-menu .contenedor-menu-sup .item-menu:hover span {
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}

/*configura flecha*/
.desktop-menu .contenedor-menu .item-menu img:nth-of-type(2),
.desktop-menu .contenedor-menu-sup .item-menu img:nth-of-type(2) {
  /*position: absolute;
  top: 50%;
  right: 2rem;*/
  /*margin-top: 30px;*/
  width: 1.1rem;
  opacity: 0;
  /*-webkit-transform: translateY(-85%);
          transform: translateY(-85%);*/
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
}
/*@media screen and (max-width: 768px) {
  .desktop-menu .contenedor-menu .item-menu img:nth-of-type(2) {
    -webkit-transform: translateY(-130%) rotate(90deg);
            transform: translateY(-130%) rotate(90deg);
  }
}*/

/*rota flecha*/
.desktop-menu .contenedor-menu .item-menu.is-open img:nth-of-type(2),
.desktop-menu .contenedor-menu-sup .item-menu.is-open img:nth-of-type(2) {
  right: -.5rem;
  opacity: 1;
  /*-webkit-transform: translateY(-85%) scale(0.9) rotate(180deg);
          transform: translateY(-85%) scale(0.9) rotate(180deg);*/
  -webkit-transform: translateY(-30%) scale(0.9) rotate(180deg);
          transform: translateY(-30%) scale(0.9) rotate(180deg);
}
/*@media screen and (max-width: 768px) {
  .desktop-menu .contenedor-menu .item-menu.is-open img:nth-of-type(2) {
    -webkit-transform: translateY(-130%) scale(0.9) rotate(-90deg);
            transform: translateY(-130%) scale(0.9) rotate(-90deg);
  }
}*/