@charset "utf-8";

.nav.fixed    {
    position:fixed;
    top: 10px;
	z-index: 200;
	width: 210px;
}

.slicknav_menu {
	display: none;
}

#container {
	background: url(../img/bg_side.png) no-repeat;
	height: 437px;
	padding: 10px 0 0 10px;
}

#menu {
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
}

#menu > li {
  list-style: none;
  text-align: center;
  z-index: 1;
  position: relative; 
  padding: 0;
  height: 43px;
  width: 188px;
  margin-bottom: 5px;
  text-indent: -9999px;
}

#menu li a {
  display: block;
  margin: auto;
  height: 43px;
  width: 188px;
}

#menu li.btnMain01 {
	background: url(../img/btn_main01_on.png);
}

#menu li.btnMain01 > a {
	background: url(../img/btn_main01_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

#menu li.btnMain01 .s {
	display: none;
}

#menu li.btnMain02 {
	background: url(../img/btn_main02_on.png);
}

#menu li.btnMain02 > a {
	background: url(../img/btn_main02_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

#menu li.btnMain03 {
	background: url(../img/btn_main03_on.png);
}

#menu li.btnMain03 > a {
	background: url(../img/btn_main03_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

#menu li.btnMain04 {
	background: url(../img/btn_main04_on.png);
}

#menu li.btnMain04 a {
	background: url(../img/btn_main04_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

#menu li.btnMain05 {
	background: url(../img/btn_main05_on.png);
}

#menu li.btnMain05 > a {
	background: url(../img/btn_main05_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

#menu li.btnMain06 {
	background: url(../img/btn_main06_on.png);
}

#menu li.btnMain06 a {
	background: url(../img/btn_main06_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

#menu li.btnMain07 {
	background: url(../img/btn_main07_on.png);
}

#menu li.btnMain07 a {
	background: url(../img/btn_main07_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

#menu li.btnMain08 {
	background: url(../img/btn_main08_on.png);
}

#menu li.btnMain08 a {
	background: url(../img/btn_main08_off.png);
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out; 
}

#menu li a:hover {
	opacity: 0;  
    filter: alpha(opacity=0); 
}

#menu li span.new {
	color: #4ae6fb;
}

#menu li ul.sub-menu {
  display: none;
  position: absolute;
  left: 188px;
  top: 15px;
  margin: 0;
  padding: 0;
  border-top: solid 1px #7a024a;
  border-left: solid 1px #7a024a;
  border-right: solid 1px #7a024a;
  background: rgba(239,56,181,0.85);
}

#menu li ul.sub-menu li {
  border-bottom: solid 1px #7a024a;
  text-indent: 0;
  list-style: none;
  font-size: 12px; font-size: 1.2rem;
  line-height: 200%;
}

#menu li ul.sub-menu li a {
	color: #FFF;
    -webkit-transition: color 0.8s;
    -moz-transition: color 0.8s;
    -o-transition: color 0.8s;
    -ms-transition: color 0.8s;
    transition: color 0.8s;
	display: block;
	width: 300px;
	height: 25px;
	text-shadow: 1px 1px 1px #ff0198;
	opacity: 100;  
    filter: alpha(opacity=100); 
}

#menu li ul.sub-menu li a:hover {
	color: #fedc00;
}

#menu li:hover ul.sub-menu {
  display: block;
}

@media screen and (max-width: 768px) {

.slicknav_menu {
	display: block;
}
.slicknav_nav li {
  border-top: 1px solid #094139;
}
.slicknav_menu {
	background: url(../img/bg_menu.png) repeat-x #2dc5b0;
}
.slicknav_menu .slicknav_icon-bar {
	background: #FFF;
}
.slicknav_menu a:hover,.slicknav_menu a:visited {
	color: #FFF;
}
.slicknav_btn {
	background-color: none;
}
.slicknav_nav .slicknav_row:hover {
	background: none;
}
.slicknav_nav a:hover {
	background: none;
}
i.fa {
	font-size: 18px;
	color: #FFF;
}
i.fa.fa-caret-right {
  display: none;
}

#menu li ul.sub-menu li a:visited,#menu li ul.sub-menu li a:focus {
	color: #FFF;
}

#menu {
  display: none;
}

#container {
	background: none;
	height: auto;
	padding: 0;
}

/*.slicknav_menu li.btnMain07 {
	display: none;
}*/

}