/*Menú vertical*/

.verticalmenu,
.verticalmenu ul,
.verticalmenu ul li,
.verticalmenu ul li a {
	margin: 0; padding: 0; border: 0; list-style: none; font-family:'Open Sans', Arial, Helvetica, sans-serif; display: block; width:100%; position: relative; font-size:1.0625em; line-height:130%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

}

.verticalmenu ul li {border-bottom:1px solid rgba(0,0,0,0.15);}
.verticalmenu ul li i {font-size:0.6875em;margin-right: 2px; vertical-align:top}
/*.verticalmenu ul li:last-child{border-bottom:0px solid rgba(0,0,0,0.15)}*/

.verticalmenu ul li.active > a {color:#002967}

.verticalmenu {width: 100%;  color: #757575;}
.verticalmenu ul ul {display: none;}
.verticalmenu > ul > li.active > ul {display: block;}

.verticalmenu > ul > li > a {
	padding: 16px 15px; cursor: pointer; z-index: 2; text-decoration: none; color: #2c2c2c; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;
	border-left:0px solid #f9b10d; background: white;
}
.verticalmenu > ul > li > a:hover {color: #002967; }


.verticalmenu ul > li.has-sub > a:after {
	position: absolute; right: 25px; top: 25px; z-index: 5; display: block; height: 9px; width: 1px; background: #ccc; content: "";
	
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  
  -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  
  
}
.verticalmenu ul > li.has-sub > a:before {
	position: absolute; right: 15px; top: 29px; display: block; width: 8px; height: 1px; background: #ccc; content: "";
  
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  
   -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}


.verticalmenu ul > li.has-sub.open > a:after,
.verticalmenu ul > li.has-sub.open > a:before {-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}/**/

.verticalmenu ul li.has-sub{text-transform:none;}
.verticalmenu ul li.has-sub ul{text-transform:none;}

.verticalmenu ul ul > li.has-sub > a:after {right: 13px; top: 18px; background: #dddddd;}
.verticalmenu ul ul > li.has-sub > a:before {top: 21px; background: #dddddd;}



/*submenu*/
.verticalmenu ul ul li a {padding: 14px 15px; cursor: pointer; z-index: 2; font-size: 0.8125em; text-decoration: none; color: #666; background: white;/*color fondo submenu*/ -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
.verticalmenu ul ul ul li a {padding-left: 20px; padding-top:10px; padding-bottom:10px; color:#666;}
.verticalmenu ul ul li a:hover {color: #002967;}

.verticalmenu ul ul ul li.active a {color:#002967;}



/*color '+' cat*/
.verticalmenu ul ul > li.has-sub > a:after {background: #000;}
.verticalmenu ul ul > li.has-sub > a:before {background: #000;}



/*HAMBURGUER Menú*/
.hamburger{font:inherit; display:inline-block; overflow:visible; margin:0; margin-top:30px; padding:0px; cursor:pointer; transition-timing-function:linear; transition-duration:.15s; transition-property:opacity,filter; text-transform:none; color:inherit; border:0; background-color:transparent}
.hamburger.is-active:hover,.hamburger:hover{opacity:.7}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#f9b10d}
.hamburger-box{position:relative; display:inline-block; width:30px; height:20px}
.hamburger-inner{top:50%; display:block; margin-top:-2px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute; width:30px; height:3px; transition-timing-function:ease; transition-duration:.15s; transition-property:transform; border-radius:0px; background-color:#2d2c2c}
.hamburger-inner:after,.hamburger-inner:before{display:block; content:""}
.hamburger-inner:before{top:-10px}
.hamburger-inner:after{bottom:-10px}

/*animación*/
.hamburger--elastic .hamburger-inner{top:2px; transition-timing-function:cubic-bezier(.68,-.55,.265,1.55); transition-duration:.275s}
.hamburger--elastic .hamburger-inner:before{top:10px; transition:opacity .125s ease .275s}
.hamburger--elastic .hamburger-inner:after{top:20px; transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}
.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms; transform:translate3d(0,10px,0) rotate(135deg)}
.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s; opacity:0}
.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms; transform:translate3d(0,-20px,0) rotate(-270deg)}
.hamburger--elastic-r .hamburger-inner{top:2px; transition-timing-function:cubic-bezier(.68,-.55,.265,1.55); transition-duration:.275s}