#cssmenu {
  width: auto;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  list-style-image: none;
}
#cssmenu ul:after,
#cssmenu:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-right ul {
  float: right;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 100%;
}
#cssmenu ul li {
  float: left;
}
#cssmenu ul li {
  width: auto;
  cursor: pointer;
  margin: 30px 8px;
}
#cssmenu.align-center ul li {
  float: none;
  display: inline-block;
}
#cssmenu ul li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: rgba(225,225,225,0.05);
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu ul li:hover:after,
#cssmenu ul li.active:after {
  height: 100%;
}
#cssmenu.align-right ul li:hover ul {
  left: auto;
  right: 0;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu ul li a {
  color: rgb(85,85,85);
  font-weight: 700;
  font-size: 11pt;
  line-height: 17px;
  position: relative;
  z-index: 1;
}
#cssmenu ul li a {
  display: block;
}
#cssmenu ul li:hover a,
#cssmenu ul li.active a {
  color: rgb(128,25,128);
}
#cssmenu ul li:hover a:after,
#cssmenu ul li.active a:after {
  background: transparent;
}
#cssmenu ul li:hover a:before,
#cssmenu ul li.active a:before {
  border-top-color: rgb(206,153,206);
}
#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}
#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: rgb(51,51,51);
}
#cssmenu ul li:hover ul li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  color: rgb(206,153,206);
  display: block;
  width: 270px;
  padding: 11px 10px 11px 20px;
}
#cssmenu ul li ul li:hover a,
#cssmenu ul li ul li.active a {
  color: rgb(255,255,255);
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: rgba(225,225,225,0.05);
}
#cssmenu ul li ul li:hover ul {
  left: 100%;
  top: 0;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right ul ul li:hover ul {
  right: 100%;
  left: auto;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul li:hover ul {
  left: 0;
}
#cssmenu ul li:hover ul li {
  max-height: 72px;
  position: relative;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu ul li ul li {
  width: 270px;
  display: block;
}
#cssmenu ul ul li a {
  font-weight: 400;
}
#cssmenu ul li ul li:hover ul li {
  max-height: 72px;
  position: relative;
  visibility: visible;
}
#cssmenu ul li:hover ul li ul li a {
  color: rgb(206,153,206);
}
#cssmenu ul li ul li ul li:hover a {
  color: rgb(255,255,255);
}
#cssmenu ul li ul li ul {
  visibility: hidden;
}
#cssmenu ul li:hover ul li:hover ul li.active a {
  color: rgb(255,255,255);
}


/* ---------- @MEDIA ---------- */
@media all and (max-width: 767px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  #cssmenu ul li ul {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul li a {
    text-align: left;
  }
  #cssmenu ul li ul li {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul li ul li a {
    width: 100%;
    display: block;
    font-size: 14px;
  }
  #cssmenu ul li ul li a {
    width: 100%;
  }
  #cssmenu ul li.active ul li a {
    color: rgb(255,255,255);
  }
  #cssmenu ul li.active ul li.active a {
    color: rgb(255,255,255);
  }
  #cssmenu ul li.active ul li.active ul li a {
    color: rgb(206,153,206);
  }
  #cssmenu ul li.active ul li.active ul li.active a {
    color: rgb(255,255,255);
  }
  #cssmenu ul li:active ul li.acive ul li a {
    color: rgb(206,153,206);
  }
  #cssmenu ul li:active ul li.acive ul li.active a {
    color: rgb(206,153,206);
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-center ul li {
    display: block;
  }
  #cssmenu ul.open {
    max-height: 1000px;
    background: rgb(123,30,123);
    padding-bottom: 20px;
    padding-top: 20px;
  }
  #cssmenu ul {
    width: 100%;
  }
  #cssmenu ul li {
    float: none;
    width: 100%;
    background: rgb(123,30,123);
    margin: 15px 15px;
  }
  #cssmenu ul li:hover ul li a {
    color: rgb(206,153,206);
    padding: 2px 20px 2px 35px;
    width: 100%;
  }
  #cssmenu ul li:hover ul li ul li a {
    color: rgb(206,153,206);
    padding: 2px 20px 2px 35px;
    width: 100%;
  }
  #cssmenu ul li:hover ul li:hover a {
    color: rgb(255,255,255);
    cursor: pointer;
  }
  #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 3px 20px;
    background: rgb(123,30,123);
    color: rgb(206,153,206);
    z-index: 999999;
  }
  #cssmenu ul li.active a {
    color: rgb(255,255,255);
  }
  #cssmenu ul li:hover a {
    color: rgb(255,255,255);
  }
  #cssmenu ul li:after {
    display: none;
  }
  #cssmenu ul li.has-sub a:after,
  #cssmenu ul li.has-sub a:before,
  #cssmenu ul li ul li.has-sub:after,
  #cssmenu ul li ul li.has-sub:before {
    display: none;
  }
  #cssmenu ul li ul,
  #cssmenu ul li ul li ul,
  #cssmenu ul li ul li:hover ul,
  #cssmenu.align-right ul li ul,
  #cssmenu.align-right ul li ul li ul,
  #cssmenu.align-right ul li ul li:hover ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #cssmenu ul li ul li,
  #cssmenu ul li:hover ul li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #cssmenu ul li ul li a {
    padding: 2px 20px 2px 35px;
    color: rgb(206,153,206);
  }
  #cssmenu ul li ul ul li a {
    padding: 2px 20px 2px 50px;
  }
  #cssmenu ul li ul li ul li a {
    color: rgb(206,153,206);
  }
  #cssmenu ul li:hover ul li ul li a {
    color: rgb(206,153,206);
    padding: 2px 20px 2px 50px;
  }
  #cssmenu ul li:hover ul li:hover ul li a {
    color: rgb(206,153,206);
    padding: 2px 20px 2px 50px;
  }
  #cssmenu ul li:hover ul li:hover ul li:hover a {
    color: rgb(255,255,255);
    padding: 2px 20px 2px 50px;
  }
  #cssmenu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12pt;
    letter-spacing: 1px;
    color: rgb(64,64,64);
    background: rgb(255,255,255);
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    height: 45px;
  }
  #cssmenu #menu-button:hover {
    color: rgb(128,25,128);
  }
  #cssmenu #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 8px;
    width: 30px;
    border-top: 2px solid rgb(64,64,64);
    border-bottom: 2px solid rgb(64,64,64);
    right: 20px;
    top: 16px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }
  #cssmenu #menu-button:hover:after {
    border-top: 2px solid rgb(128,25,128);
    border-bottom: 2px solid rgb(128,25,128);
  }
  #cssmenu #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 30px;
    border-top: 2px solid rgb(64,64,64);
    right: 20px;
    top: 28px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }
  #cssmenu #menu-button:hover:before {
    border-top: 2px solid rgb(128,25,128);
  }
  #cssmenu ul li ul li ul {
    visibility: visible;
  }
  #cssmenu ul ul ul {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  #cssmenu {
    margin: 15px 0 0 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #cssmenu ul li {
    margin: 21px 10px;
  }
}

@media (max-width: 599px) {
  #cssmenu {
    margin: 10px 0 0 0;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  #cssmenu ul li a {
    font-size: 10pt;
    line-height: 14pt;
  }
}





/* ---------- CSSMENU FOOTER ---------- */
#cssmenu-footer {
  position: relative;
  margin-bottom: 40px;
}
#cssmenu-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
  position: relative;
  width: 33.3%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  list-style-image: none;
}
#cssmenu-footer:after,
#cssmenu-footer ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu-footer ul li {
  position: relative;
  margin: 14px 0;
  font-size: 12pt;
}
#cssmenu-footer ul li.title {
  font-size: 12pt;
  text-transform: uppercase;
  font-weight: 700;
  cursor: default;
  color: rgb(128,25,128);
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgb(204,204,204);
}
#cssmenu-footer ul li.active a{
  margin: 10px 0;
  color: rgb(128,25,128);
  cursor: pointer;
  font-weight: 700;
}
#cssmenu-footer ul li a {
  font-size: 10pt;
  color: rgb(85,85,85);
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu-footer ul li a i{
  color: rgb(151,151,151);
  margin-top: 10px;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu-footer ul li a i:hover{
  color: rgb(255,255,255);
}
#cssmenu-footer ul li:hover a {
  color: rgb(128,25,128);
}
#cssmenu-footer li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu-footer ul li.has-sub::after {
  right: 15px;
  top: 28px;
  border: 5px solid transparent;
  border-top-color: rgb(47,47,47);
}
#cssmenu-footer ul li:hover::after {
  border-top-color: rgb(255,255,255);
}
#cssmenu-footer ul ul {
  padding-left: 0;
  padding-right: 0;
}


/* ---------- @MEDIA FOOTER ---------- */
@media (max-width: 767px) {
  #cssmenu-footer {
    margin-bottom: 0;
  }
  #cssmenu-footer ul {
    display: none;
  }
}

@media (max-width: 399px) {
  #cssmenu-footer ul {
    width: 100%;
    padding-bottom: 30px;
  }
}

@media (min-width: 400px) and (max-width: 991px) {
  #cssmenu-footer ul {
    width: 33%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #cssmenu-footer ul {
    width: 33%;
  }
}





/* ---------- CSSMENU ASIDE ---------- */
#cssmenu-aside,
#cssmenu-aside ul,
#cssmenu-aside ul li,
#cssmenu-aside 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;*/
  list-style-image: none;
}
#cssmenu-aside {
  color: rgb(51,51,51);
}
#cssmenu-aside ul li span {
  display: table;
}
#cssmenu-aside ul li i {
  float: left;
  margin: 6px 10px 0 0;
  color: rgb(123,30,123);
}
#cssmenu-aside ul ul {
  display: none;
  margin-bottom: 5px;
}
.align-right-aside {
  float: right;
}
#cssmenu-aside ul li a {
  padding: 8px 0;
  border-top: 1px solid rgb(225,225,225);
  cursor: pointer;
  z-index: 1;
  font-size: 16pt;
  line-height: 20pt;
  text-decoration: none;
  color: rgb(51,51,51);
}
#cssmenu-aside ul li a:hover,
#cssmenu-aside ul li.active a,
#cssmenu-aside ul li.open a {
  color: rgb(123,30,123);
}
#cssmenu-aside ul li.open a {
  box-shadow: none;
}
#cssmenu-aside ul li:last-child a,
#cssmenu-aside ul li.last a {
}
.holder-aside {
  /*width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;*/
  display: none;
}
.holder-aside::after,
.holder-aside::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*.holder-aside::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu-aside ul li a:hover span::after,
#cssmenu-aside ul li.active a span::after,
#cssmenu-aside ul li.open a span::after {
  border-color: #eeeeee;
}
.holder-aside::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}*/
#cssmenu-aside ul li.open ul li a {
  color: rgb(102,102,102);
}
#cssmenu-aside ul li.open ul li:hover a {
  color: rgb(123,30,123);
}
#cssmenu-aside ul li.open ul li.active a {
  color: rgb(123,30,123);
}
#cssmenu-aside ul li.open ul li:hover ul li a {
  color: rgb(102,102,102);
}
#cssmenu-aside ul li.open ul li:hover ul li:hover a {
  color: rgb(123,30,123);
}
#cssmenu-aside ul li.open ul li:hover ul li.active a {
  color: rgb(123,30,123);
}
#cssmenu-aside ul ul li a {
  cursor: pointer;
  border-bottom: none;
  padding: 4px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 13pt;
  line-height: 17pt;
}
#cssmenu-aside ul ul li:hover a,
#cssmenu-aside ul ul li.open a,
#cssmenu-aside ul ul li.active a {
  color: rgb(123,30,123);
}
#cssmenu-aside ul ul li:first-child a {
  box-shadow: none;
}
#cssmenu-aside ul ul ul li:first-child a {
  box-shadow: none;
}
#cssmenu-aside ul ul ul li a {
  padding-left: 40px;
}
#cssmenu-aside ul li ul li:last-child a,
#cssmenu-aside ul li ul li.last a {
}
#cssmenu-aside ul li ul li.open:last-child a,
#cssmenu-aside ul li ul li.last.open a {
}
#cssmenu-aside ul li ul li.open:last-child ul li:last-child a {
}
#cssmenu-aside ul ul li.has-sub a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  /*border-top: 2px solid rgb(123,30,123);
  border-left: 2px solid rgb(123,30,123);*/
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu-aside ul ul li.active a::after,
#cssmenu-aside ul ul li.open a::after,
#cssmenu-aside ul ul li a:hover::after {
  border-color: rgb(225,225,225);
}
#cssmenu-aside ul li ul li a i {
  font-weight: 700;
  margin-top: 2px;
}

/* ---------- @MEDIA ASIDE ---------- */
@media (max-width: 767px) {
  #cssmenu-aside ul li i {
    float: left;
    margin: 3px 10px 0 0;
    color: rgb(123,30,123);
  }
  #cssmenu-aside ul ul {
    display: none;
    margin-bottom: 5px;
  }
  #cssmenu-aside ul li a {
    padding: 5px 0;
    font-size: 14pt;
    line-height: 16pt;
  }
  .holder-aside::after,
  .holder-aside::before {
    display: block;
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    right: 20px;
    z-index: 10;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  /*.holder-aside::after {
    top: 17px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
  }
  #cssmenu-aside ul li a:hover span::after,
  #cssmenu-aside ul li.active a span::after,
  #cssmenu-aside ul li.open a span::after {
    border-color: #eeeeee;
  }
  .holder-aside::before {
    top: 18px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit;
  }*/
  #cssmenu-aside ul ul li a {
    padding: 4px 20px;
    font-size: 11pt;
    line-height: 13pt;
  }
  #cssmenu-aside ul li ul li a i {
    font-weight: 700;
    margin-top: 2px;
  }
}