@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


#leftmenu,



#leftmenu ul,



#leftmenu ul li,



#leftmenu ul li a {



  margin: 0;



  padding: 0;



  border: 0;



  list-style: none;



  line-height: 1;



  display: block;



  position: relative;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}



#leftmenu {



  width: 100%;



  font-family: 'Open Sans', sans-serif;



  color: #ffffff;



  margin-bottom:15px;



}



#leftmenu ul ul {



  display: none;



}



#leftmenu > ul > li.active > ul {



  display: block;



}



.align-right {



  float: right;



}



#leftmenu > ul > li > a {



  padding: 14px 18px;



  cursor: pointer;



  z-index: 2;



  font-size: 19px;



  text-decoration: none;



  color: #000;



  background:transperent;



  -webkit-transition: color .2s ease;



  -o-transition: color .2s ease;



  transition: color .2s ease;



  border-bottom:solid 1px #545454;



font-family: 'Myriad Pro';

font-weight: bold;



text-transform:capitalize;



}



#leftmenu > ul > li > a:hover {



  color: #fff;



  background-color:#eb2629;



}



#leftmenu ul > li.has-sub > a:after {



  position: absolute;



  right: 26px;



  top: 19px;



  z-index: 5;



  display: block;



  height: 10px;



  width: 2px;



  background: #000;



  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;



}



#leftmenu ul > li.has-sub > a:before {



  position: absolute;



  right: 22px;



  top: 23px;



  display: block;



  width: 10px;



  height: 2px;



  background: #000;



  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;



}



#leftmenu ul > li.has-sub.open > a:after,



#leftmenu ul > li.has-sub.open > a:before {



  -webkit-transform: rotate(45deg);



  -moz-transform: rotate(45deg);



  -ms-transform: rotate(45deg);



  -o-transform: rotate(45deg);



  transform: rotate(45deg);



}



#leftmenu ul ul li a {



  padding: 14px 18px;



  cursor: pointer;



  z-index: 2;



  font-size: 14px;



  text-decoration: none;



  color: #000;



  background: #eee;



  -webkit-transition: color .2s ease;



  -o-transition: color .2s ease;



  transition: color .2s ease;



font-family: 'Myriad Pro';

font-weight: bold;

border-bottom:solid 1px #ccc;



}



#leftmenu ul ul ul li a {



  padding-left: 32px;

  background-color: #ccc;



color: #000;



border-bottom: solid 1px #eee;

}



#leftmenu ul ul li a:hover {



  color: #fff;



  background-color:#eb2629;



}



#leftmenu ul ul > li.has-sub > a:after {



  top: 16px;



  right: 26px;



  background: #dddddd;



}



#leftmenu ul ul > li.has-sub > a:before {



  top: 20px;



  background: #dddddd;



}