.header-container{
	margin: 0;
	padding: 0;
	width: auto;
	background-color: #647199;
}
.header-container ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu-list>li{
	padding: 1%;
	display: inline-block;
	position: relative;
}
.header-container li a{
	text-decoration: none;
	font-family: sans-serif;
}
.menu-drop{
	display: none;
	position: absolute;
	width: 200%;
	top: 99.5%;
	z-index: 1;
}
.menu-list li:hover .menu-drop{
	background-color: #647199;
	display: block;
}
.menu-drop li:hover {
	background-color: cadetblue;
}
.mahsolatBody{
	margin:5px 0 5px 0;
}
.elementItem {
	margin: 10px 11px 12px 13px;
	padding: 0;
	width: 200px;
	height: 231px;
	cursor:pointer;
 	position: relative;
 	text-align:center;
}
.thumpImgage {
	width: 100%;
	height: 100%;
 	display: block;
 	height: auto;
 	transition: .5s ease;
 	backface-visibility: hidden;
}
.elementItem .nameFarsi,.elementItem .nameLatin{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.textContainer {
 	transition: .3s ease;
 	opacity: 0.7;
 	position: absolute;
 	top: 213px;
 	left: 50%;
	width: 200px;
	height: 45px;
 	transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	background-color: #FFFFFF;
 	color: #000000;
	padding:1px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}
.textContainer:hover {
 	opacity: 1;
}
.price, .type{
	display:none;
}
.active{
	background-color:#EEEEEE;
}