@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	vertical-align: top;
}
.drop {
}
.showme {
	text-align: center;
	padding-top: 11px;
	padding-bottom: 11px;
}




.expandmenu {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
	padding-top: 21px;
	padding-bottom: 21px;
	display: none;
	width: 100%;
}
.menucellwraper {
	height: auto;
	padding-top: 11px;
	padding-bottom: 11px;
	margin-bottom: 45px;
	width: auto;
	text-align: center;
}
.menucellwraper h2 {
	color: #C45C00;
	padding: 0px;
	margin-top: 21px;
	margin-right: 0px;
	margin-bottom: 21px;
	margin-left: 0px;
}
.cells {
	height: auto;
	width: 222px;
	margin-right: 11px;
	margin-bottom: 11px;
	margin-left: 11px;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6D6D6;
}
.cells:last-child {
	border-right-style: none;
}
.expandmenu ul {
	vertical-align: top;
	padding: 11px;
}
.expandmenu ul li {
	list-style-type: none;
	padding-top: 9px;
	padding-bottom: 9px;
	text-align: left;
}

.testbox {
	background-color: #666666;
	float: left;
	height: 111px;
	width: 100%;
	text-align: center;
	padding: 55px;
	color: #FFFFFF;
}


/* toggle arrow/button */

.dropdown {
  postion: relative;
}
.dropdown-trigger {
 
}

.dropdown-trigger > i > svg {
	width: 18px;
	height: 18px;
	transform: rotate(90deg);
	transition: all 0.3s ease;
	position: relative;
	top: 0.9px;
	margin-top: 0px;
}

.dropdown.active .dropdown-trigger > i > svg {
	transform: rotate(-90deg);
}

.dropdown-trigger > i > img {
  width: 0.7rem;
  height: 0.7rem;
  transform: rotate(0deg);
  transition: all 0.3s ease;
  position: relative;
  top: 0.9px;
}

.dropdown.active .dropdown-trigger > i > img {
  width: 0.7rem;
  height: 0.7rem;
  transform: rotate(-180deg);
}


/* toggle arrow/button end */