﻿.accordion {
  vertical-align:top;
  margin: 0 auto;
  padding:16px 0 5px;
	/*position:absolute;*/
	z-index:9;
	background:rgba(249, 241, 208, .9);
}

.accordion .link {
  cursor: pointer;
  margin-bottom:3px;
  display: block;
  line-height:34px;
  text-indent:8px;
  color: #fff;
  font-size: 17px;
  font-weight:normal;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

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

.accordion li i, .accordion_01-item i {
	vertical-align:top;
	margin-top:19px;
  font-size: 23px;
  color:#fff !important;
  border-radius:100%;
  text-align:center;
  margin-right:9px;
  line-height:0;
}

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


.accordion li.open i.fa-chevron-circle-right, .accordion_01-item:hover i.fa-chevron-circle-right {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}


.accordion li:first-child.open i.fa-chevron-circle-right {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.accordion_wrapper .accordion li:first-child.open i.fa-chevron-circle-right {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  background:none;
  font-size: 14px;
}

.submenu a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding:0 19px;
  line-height:38px;
}
.submenu a i, .accordion_01 ul li a i {background:none; border-radius:0; width:auto;font-size:16px;}
.submenu a:hover {
  
  color: #FF0000 !important;
}

.link {padding:0 30px;}

.accordion li:nth-child(1) .link {
	background-image: url("../images/arrow_left.png");
	background-repeat: no-repeat;
	background-color: #ff0000;
	background-position: 5% center;
	background-size: 20px auto;
}

.accordion li:nth-child(2) .link {
	background-image:url("../images/arrow_down.png");
	background-repeat: no-repeat;
	background-color: #ff9c05;
	background-position: 5% center;
	background-size: 20px auto;
}
.accordion li:nth-child(2) i {color:#ff9c05;}
.accordion li:nth-child(2) .submenu i {color:#ff9c05 !important;}

.accordion_new li:nth-child(1) .link {
	background-image: url("../images/arrow_left.png");
	background-repeat: no-repeat;
	background-color: #800080;
	background-position: 5% center;
	background-size: 20px auto;
}

.accordion_new li:nth-child(2) .link {
	background-image: url("../images/arrow_left.png");
	background-repeat: no-repeat;
	background-color: #ff0000;
	background-position: 5% center;
	background-size: 20px auto;
}

.accordion_new li:nth-child(3) .link {
	background-image:url("../images/arrow_down.png");
	background-repeat: no-repeat;
	background-color: #ff9c05;
	background-position: 5% center;
	background-size: 20px auto;
}
.accordion_new li:nth-child(3) i {color:#ff9c05;}
.accordion_new li:nth-child(3) .submenu i {color:#ff9c05 !important;}


.accordion_wrapper .accordion_01 li:nth-child(1) .link {
	background-image:url("../images/arrow_left.png");
	background-repeat: no-repeat;
	background-color: #e8047f;
	background-position: 5% center;
	background-size: 20px auto;
}
.accordion_wrapper .accordion_01 li:nth-child(1) .link:hover {
	background-image:url("../images/arrow_down.png");
	background-repeat: no-repeat;
	background-color: #e8047f;
	background-position: 5% center;
	background-size: 20px auto;
}
.accordion_wrapper .accordion li:nth-child(1) i {color:#e8047f ;}
.accordion_wrapper .accordion li:nth-child(1) .submenu i {color:#e8047f !important;}

.accordion_wrapper .accordion_01 li:nth-child(2) .link {
	background-image:url("../images/arrow_left.png");
	background-repeat: no-repeat;
	background-color: #16af16;
	background-position: 5% center;
	background-size: 20px auto;
}
.accordion_wrapper .accordion_01 li:nth-child(2) .link:hover {
	background-image:url("../images/arrow_down.png");
	background-repeat: no-repeat;
	background-color: #16af16;
	background-position: 5% center;
	background-size: 20px auto;
}
.accordion_wrapper .accordion li:nth-child(2) i {color:#16af16;}
.accordion_wrapper .accordion li:nth-child(2) .submenu i {color:#16af16 !important;}

.accordion_wrapper .accordion_01 li:nth-child(3) .link {
	background-image:url("../images/arrow_left.png");
	background-repeat: no-repeat;
	background-color: #0066cb;
	background-position: 5% center;
	background-size: 20px auto;

}
.accordion_wrapper .accordion_01 li:nth-child(3) .link:hover {
	background-image:url("../images/arrow_down.png");
	background-repeat: no-repeat;
	background-color: #0066cb;
	background-position: 5% center;
	background-size: 20px auto;
}
.accordion_wrapper .accordion li:nth-child(3) i {color:#0066cb;}
.accordion_wrapper .accordion li:nth-child(3) .submenu i {color:#0066cb !important;}

.accordion_01 li:nth-child(1) ul a i {color:#E8047F !important;} 
.accordion_01 li:nth-child(2) ul a i {color:#16AF16!important;} 
.accordion_01 li:nth-child(3) ul a i {color:#0066CB !important;} 

.accordion li a {color:#fff;}

.submenu  li {background:none !important;}
.submenu  li a, .accordion_01 ul li a {color:#474848; font-size:16px; font-weight:normal;}
.accordion_01 ul li a:hover {color:#ff0000;}
#toggle {background:none; padding:0;}
#toggle p {display:none; text-align:right;}
#toggle .accordion {
    display: block !important;
}

#sub3 {display:block; position:relative; top:auto; width:100%; left:0; z-index:99999;}
#bt1 {display:none;}


.accordion_wrapper {
	/*position:relative; top:299px;
  	-webkit-box-shadow: 2px 0px 5px 0px rgba(145,143,145,1);
	-moz-box-shadow: 2px 0px 5px 0px rgba(145,143,145,1);
	box-shadow: 2px 0px 5px 0px rgba(145,143,145,1);*/
	}
	
.accordion_01 {position:absolute; z-index:9; width:23%;}
.accordion_01 li:last-child {margin-bottom:0}
	
.accordion_01:hover .accordion_01-item:hover .accordion_01-item-content,
.accordion_01 .accordion_01-item--default .accordion_01-item-content {
	max-height:340px;
	-webkit-transition: max-height 1s; 
  -moz-transition: max-height 1s; 
  -ms-transition: max-height 1s; 
  -o-transition: max-height 1s; 
  transition: max-height 1s;
}

.accordion_01-item-content,
.accordion_01:hover .accordion_01-item-content {
    overflow: hidden;
	max-height:0;
	-webkit-transition: max-height 1s; 
  -moz-transition: max-height 1s; 
  -ms-transition: max-height 1s; 
  -o-transition: max-height 1s; 
  transition: max-height 1s; 
}
.accordion_01 .accordion_01-item {
  cursor: pointer;
  margin-bottom:3px;
  display: block;
  text-indent:8px;
  line-height:34px;
  color: #fff;
  font-size: 17px;
  font-weight:normal;
  position: relative;
}
 

.accordion_01 .accordion_01-item .accordion_01-item-content {background:rgba(249, 241, 208, .9);}

.accordion_wrapper .accordion_01-item-content a {padding-top:6px; padding-bottom:6px;}	

@media only screen and (max-width: 1159px) {
.accordion {padding:20px 0 5px}
.submenu li a {font-size:14px;} 
.accordion_wrapper {top:274px;}
.submenu a {line-height:33px;}
}


@media only screen and (max-width: 990px) {
.accordion {display:none !important;}
.accordion_wrapper {display:none;}
}



