/* -------------------------------- 
Primary style
-------------------------------- */
/* -------------------------------- 
Main Components 
-------------------------------- */
.cd-accordion-menu {float: left;margin: 5px 0;width: 100%;}
.has-children {float: left;margin: 5px 0;width: 100%;}
.cd-accordion-menu ul {float: left;width: 218px;border: 1px solid #E9E9E9;display: none;}
.cd-accordion-menu ul li {float: left;width: 100%;height: 35px;line-height: 35px;background-color: #FFFFFF;position: relative;}
.cd-accordion-menu ul li a {margin-left: 61px;font-size: 13px;color: #414141;text-decoration: none;}
.cd-accordion-menu ul li.active:after {position: absolute;content: "";left: 0;top: 5px;width: 1px;height: 25px;background-color: #FF6A00;}
.cd-accordion-menu ul li.active a {color: #FF6A00;}
.cd-accordion-menu li {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.cd-accordion-menu input[type=checkbox] {position: absolute;opacity: 0;}
.cd-accordion-menu label {position: relative;display: block;padding-left: 65px;width: 155px;height: 43px;line-height: 43px;background-color: #E9E9E9;color: #414141;font-size: 13px;}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {background: #52565d;}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {content: '';display: inline-block;width: 16px;height: 16px;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.cd-accordion-menu label {cursor: pointer;}
.cd-accordion-menu > li > label::before, .cd-accordion-menu > li > label::after {background-image: url('../images/down.png');background-repeat: no-repeat;}
.cd-accordion-menu label::before {left: 35px;background-position: 0 0;-webkit-transform: translateY(-50%) rotate(-90deg);-moz-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);-o-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}
.cd-accordion-menu label::after {left: 41px;background-position: -16px 0;}
.cd-accordion-menu input[type=checkbox]:checked + label::before {-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.cd-accordion-menu input[type=checkbox]:checked + label::after {background-position: -32px 0;}
.cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
	/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
	/* show children when item is checked */display: block;}
.cd-accordion-menu ul label, .cd-accordion-menu ul a {}
.no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover {background: #3c3f45;}
.cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a {box-shadow: none;}
.cd-accordion-menu ul label::before {left: 36px;}
.cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after {left: 59px;}
.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {padding-left: 100px;}
.cd-accordion-menu ul ul label::before {left: 54px;}
.cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after {left: 77px;}
.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {padding-left: 118px;}
.cd-accordion-menu ul ul ul label::before {left: 72px;}
.cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after {left: 95px;}
.cd-accordion-menu.animated label::before {
	/* this class is used if you're using jquery to animate the accordion */
	-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}

@media only screen and (max-width: 1024px) {
	.cd-accordion-menu label {padding-left: 45px;width: 120px;height: 35px;line-height: 35px;}
	.cd-accordion-menu ul {width: 163px;}
	.cd-accordion-menu label::before {left: 25px;}
	.cd-accordion-menu ul li a {margin-left: 45px;}
}

@media only screen and (max-width: 750px) {
	.cd-accordion-menu ul {float: left;width: 218px;border: 0px solid #E9E9E9;display: none;}
	.cd-accordion-menu label {padding: 0;width: 100%;}
	.cd-accordion-menu label a {margin-left: 50px;}
	.cd-accordion-menu ul li a {margin-left: 50px;}
}