/** =======================
 * Contenedor Principal
 ===========================*/

 /* .accordion {
 	width: 100%;
 	max-width: 360px;
 	margin: 0px auto 0px;
 	background: transparent;
 
 }

.accordion .link {
	cursor: pointer;
    display: block;
       padding: 8px 0px 8px 20px;
    color: #ffffff;
    font-size: 14px;
  
    border-bottom: 1px solid #8a050b;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    text-transform: uppercase;
    transition: all 0.4s ease;
}
.accordion .menulink {
	cursor: pointer;
    display: block;
       padding: 0px 0px 0px 0px;
    color: #ffffff;
    font-size: 14px;
  
    border-bottom: 1px solid #8a050b;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    text-transform: uppercase;
    transition: all 0.4s ease;
}
.accordion .menulink a {
	display: block;
 	text-decoration: none;
 	color: #fff;
 	padding: 8px;
 	padding-left: 20px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	 position: relative;
  z-index: 1;
  transition: .35s ease color;
 }

 .accordion .menulink a:hover {
 
 	color: #FFF;
 }
 .accordion .menulink a:before {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
 border-right: solid 5px #ee1c25;
    background: rgba(238, 28, 37, 0.5);
    transition: .35s ease left;
}
.accordion .menulink a.is-current:before, .menulink a:hover:before {
  left: 0;

}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 12px;
	left: 12px;
	font-size: 18px;
	color: #ffffff;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 12px;
}

.accordion li.open .link {
	color: #fdc003;
}

.accordion li.open i {
	color: #fdc003;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;} */
/**
 * Submenu
 -----------------------------*/
 /* .accordion .submenu {
 	display: none;
 	    background: rgba(175, 21, 27, 0.6);
    font-size: 13px;
    text-transform: uppercase;
 }

 .accordion .submenu li {
 	border-bottom: 1px solid #8c1319;
 }

 .accordion .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #fff;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	 position: relative;
  z-index: 1;
  transition: .35s ease color;
 }

 .accordion .submenu a:hover {
 	color: #FFF;
 }
 .accordion .submenu a:before {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
 border-right: solid 5px #ee1c25;
    background: rgba(238, 28, 37, 0.5);
    transition: .35s ease left;
}
.accordion .submenu a.is-current:before, .submenu a:hover:before {
  left: 0;

}
.accordion a:hover {
	padding-left: 40px;
	  transition: 0.3s linear;
}
.accordion a.active {
 border-right: solid 5px #ee1c25;
    background: rgba(238, 28, 37, 0.5);
    transition: .35s ease left;
	padding-left: 40px !important;
}
.accordion  a.active:before {
	display:none;
}
 */
/*********************/

/* .mobile_header .accordion .menulink a {
	display: block;
 	text-decoration: none;
 	color: #fff;
 	padding: 0px;
 	padding-left: 20px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	 position: relative;
  z-index: 1;
  transition: .35s ease color;
 }
.mobile_header .accordion .submenu a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 0px;
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: relative;
    z-index: 1;
    transition: .35s ease color;
} */




.nav label {
  display: block;
    padding: 0px 0px;
    color: #fff;
    background-color: transparent;
    /* box-shadow: inset 0 -1px #ce0000; */
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
	text-transform: uppercase;
}
.nav a {
	display: block;
   padding: 10px 0px;
    padding-left: 20px;
    color: #fff;
    background-color: transparent;
    /* box-shadow: inset 0 -1px #ce0000; */
   /*  -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in; */
	text-transform: uppercase;
		-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	 position: relative;
  z-index: 1;
  transition: .35s ease color;
}
.nav ul li {
	border-bottom:1px solid #c70009;
	 /* padding: 10px 0px; */
}
.nav ul li .sub_option {
	padding:10px 20px;
}

.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
 color: rgb(255, 255, 255);
    /* background: #af141b; */
}
 .nav a:hover {
 
 	color: #FFF;
 }
 .nav a:before {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
 border-right: solid 5px #ee1c25;
    background: rgba(238, 28, 37, 0.5);
    transition: .35s ease left;
}
.nav a.is-current:before, .nav a:hover:before {
  left: 0;
}
.nav label { cursor: pointer; }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
     padding-left: 2rem;
    background: rgb(175, 20, 27, 0.7);
    /* box-shadow: inset 0 -1px #f12626; */
}

/* .group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { 
background: #d60812;
 } */

.group-list a {
	display: block;
 	text-decoration: none;
 	color: #fff;
 	padding: 8px;
 	padding-left: 20px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	 position: relative;
  z-index: 1;
  transition: .35s ease color;
 }

 .group-list a:hover {
 
 	color: #FFF;
 }
 .group-list a:before {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
 border-right: solid 5px #ee1c25;
    background: rgba(238, 28, 37, 0.5);
    transition: .35s ease left;
}
.group-list a.is-current:before, .group-list a:hover:before {
  left: 0;
}
/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  padding-left: 1.2rem;
  background: rgb(175, 20, 27, 0.5);
  /* box-shadow: inset 0 -1px #474747; */
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #6d0d12; }

.nav a.active, .group-list a.active, .sub-group-list a.active {
    border-right: solid 5px #ee1c25;
    background: rgba(238, 28, 37, 0.8);
    transition: .35s ease left;
    padding-left: 20px !important;
}

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px #575757;
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #6d0d12; }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

/**
 * Rotating chevron icon
 */

label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
      margin-top: 3px;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}