/****** css  ******/
*,div,p,ul{
padding:0px;
margin:0px;
} 
body{

background: #f1f1f1;
direction: rtl;
}
a,li{
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	color: #ecf0f1;
	padding: 0px;
	margin: 0;
}
li{
	float: right;
	list-style: none;
}
p{
	color: #ecf0f1;
}
/*** loginbox ***/
.loginbox{
	width: 500px;
	height: 720px;
	background: #fff;
	border: 3px solid #d8d8d8;
	margin: 5% auto;
}
.loginbox p{
	text-align: center;
	color: #a6a8a8;
	padding:10px;
}
.loginbox label{
	float: right;
	margin: 10px 2%;
	color: #a6a8a8;
}
.loginbox input[type=text],[type=password]{
	float: right;
	width: 96%;
	height: 40px;
	margin: 5px 2%;
	border:1px solid #eee;
	font-size: 20px;
	text-align: left;
}
.loginbox input[type=submit]{
	float: right;
	margin: 5px 2%;
	border:1px solid #eee;
	padding:10px 20px; 
	font-family: "b yekan";
	cursor: pointer;
	background: #5858f9;
	border: 1px solid #2525fa;
	color: #fff;
}
.loginbox a{
	float: right;
	color: #4e4e53;
	padding:10px 20px; 
	background: #ededed;
	margin: 5px;
}
.loginbox a:hover{
	background: #4e4e53;
	color: #ededed;
}
/** memobox ***/
.memobox{
	width: 500px;
	height: 440px;
	background: #fff;
	border: 3px solid #d8d8d8;
	margin: 5% auto;
}
.memobox p{
	text-align: center;
	color: #a608a8;
	padding:10px;
	
}
.memobox label{
	float: right;
	margin: 10px 2%;
	color: #a6a8a8;
}
.memobox input[type=memobox]{
	float: right;
	width: 96%;
	height: 240px;
	margin: 5px 2%;
	border:1px solid #eee;
	font-size: 20px;
	text-align: right;
}
.memobox input[type=submit]{
	float: right;
	margin: 5px 2%;
	border:1px solid #eee;
	padding:10px 20px; 
	font-family: "b yekan";
	cursor: pointer;
	background: #5858f9;
	border: 1px solid #2525fa;
	color: #fff;
}
.memobox a{
	float: right;
	color: #4e4e53;
	padding:10px 20px; 
	background: #ededed;
	margin: 5px;
}
.memobox a:hover{
	background: #4e4e53;
	color: #ededed;
}
/** topmenu ***/
.menu{
	float: right;
	width: 100%;
	height: auto;
	background: #b53709;
}
.menu ul li{
	margin: 5px;
}
.menu ul li a{
	float: right;
	padding:10px;
}
.menu ul li a:hover{
	background: #e74c3c;
}
/*** topads ***/
.ads{
	width: 80px;
	height: 80px;
	float: left;
	background: #fff;
	animation: both;
}
.ads ul{
	float: left;
	margin: 2px 12%;
}
.ads ul li{
	margin: 10px 2%;
}


/**  **/
.slider{
	float: right;
	width: 100%;
	height: auto;
}
/** content-wrapp ***/
.content-wrapp{
	float: right;
	width: 100%;
	height: auto;
}
.content{
	float: right;
	width: 30%;
	min-height: 320px;
	height: auto;
	background: #23751a;
	margin: 0 2.5% 10px 0;
}
.content-title{
	float: right;
	width: 100%;
	height: auto;
	background: #b06209;
	text-align: center;
}
.content-title p{
	padding: 15px 0;
}
.content-thumb{
	float: right;
	width: 100%;
	height: 200px;
	
}
.content-thumb img{
	width: 100%;
	height: 100%;
}
.content-txt{
	float: right;
	width: 96%;
	height: auto;
	margin: 0 2% 10px;
	text-align: justify;
	color: #ecf0f1;
}
.content input{
	cursor: pointer;
	background: #829911;
	width: 100px;
	font-size: 17px;
}
.my-content{
	color: #aaaaaa;
	background: #ffaaff;
}
/*** big-content ***/
.big-content{
	float: right;
	width: 95%;
	height: 100px;
	color: #123456;
	background: #34495e;
	margin: 10px 2.5%;
}
.big-content-thumb{
	float: right;
	width: 30%;
	height: 100px;
	background: #344950;
}
.big-content-thumb img{
	width: 100%;
	height: 100%;
}
.big-content-title{
	float: right;
	width: 70%;
	height: auto;
	background: #2c3e50;
}
.big-content-title p{
	float: right;
	padding: 15px;
}
.big-content-txt{
	float: right;
	width: 68%;
	height: 100px;
	margin: 0 1%;
}
.big-content-txt p{
	float: right;
	text-align: justify;
}
.big-content-footer{
	float: right;
	width: 70%;
	height: 46px;
}
.big-content-footer a{
	float: left;
	padding: 5px 10px;
	background: #2c3e50;
}
.big-content-footer a:hover{
	background:#3498db;
}
/*** footer **/
.footer{
	float: right;
	width: 100%;
	height: auto;
	background: #b53709;
}
.footermnu{
	float: right;
	width: 100%;
	height: auto;
}
.footermnu ul li{
	float: right;
	padding: 10px;
	margin: 5px;
}
.footermnu ul li:hover{
	padding-right: 15px;
}
.socialpage{
	float: right;
	width: 100%;
	height: auto;
}
.socialpage ul{
	margin: 0 1%;
}
.socialpage ul li{
	margin: 5px;
}
.socialpage ul li a{
	float: right;
	padding:5px 10px 2px;
	font-size: 25px;	
}
.socialpage ul li{
	background: #95a5a6;
}
.socialpage ul li:nth-child(1):hover{background: #2980b9;}
.socialpage ul li:nth-child(2):hover{background: #e67e22;}
.socialpage ul li:nth-child(3):hover{background: #3498db;}
.socialpage ul li:nth-child(4):hover{background: #e74c3c;}
.footer p{
	float: right;
	margin: 20px 1% 0;
}
/*** readmore ***/
.rm-big-content{
	float: right;
	width: 95%;
	min-height: 70px;
	height: auto;
	font-size: 20px;
	background: #128705;
	margin: 10px 2.5%;
}
.rm-big-content-thumb{
	float: right;
	width: 45%;
	height: 67px;
	background: #9eb81c;
	margin: 10px 1% 10px 0;
}
.rm-big-content-thumb img{
	float: right;
	width:65px;
	height: 65px;
	margin: 1%;
}
.rm-big-content-txt{
	float: left;
	width: 50%;
	height: auto;
	margin: 10px 0px 10px 2.5%;
}
.rm-big-content-txt a{
	float: right;
	width: 100%;
	padding: 10px;
	background: #139404;
}
.rm-big-content-txt p{
	float: right;
	width: 98%;
	height: auto;
	margin: 0 1%;
	text-align: justify;
	font-size: 13px;
}

.list-kala {
	float: right;
	width: 95%;
	height: 70px;
	color: #123456;
	background: #23751a;
	margin: 10px 2.5%;
}
.list-kala-thumb{
	float: right;
	width: 30%;
	height: 70px;
	background: #9eb81c;
}
.list-kala-thumb img{
	width:  70px;
	height:  70px;
}
.list-kala-title{
	float: right;
	width: 70%;
	height: auto;
	background: #23751a;
}
.list-kala-title input{
 visibility: hidden;
}
.list-kala-title p{
	float: right;
	padding: 15px;
}
.list-kala-txt{
	float: right;
	width: 68%;
	height: 37px;
	margin: 0 1%;
}
.list-kala-txt p{
	float: right;
	text-align: justify;
}
.list-kala-txt input{
	float: right;
	text-align: justify;
	color: #000000;
}
.list-kala-txt label{
	float: right;
	text-align: justify;
	color: #dcf5ee;
}
.list-kala-txt input{
	float: right;
	text-align: justify;
	color: #000;
	font-size: 16px;
	background: #fff;
}
.list-kala-txt input[type=submit]{
	background: #c6e043;
	cursor: pointer;
}
.list-kala-txt input[type=submit]:hover{
	background: #e74c3c;
}

.list-kala-footer{
	float: left;
	width: 70%;
	height: 50px;
	color: #000000;
}
.list-kala-footer input,a{
	float: left;
	padding: 5px 10px;
	background: #b53709;
}
.list-kala-footer input,a:hover{
	background:#e74c3c;
}
.addbuy-pay{
	float: left;
	width: 95%;
	height: 100px;
	color: #ffaaff;
	background: #158204;
	margin: 10px 2.5%;
}
.addbuy-pay input[type=submit]{
	float: left;
	margin: 5px 2%;
	border:1px solid #eee;
	padding:10px 20px; 
	font-family: "b yekan";
	font-size: 20px;
	cursor: pointer;
	background: #839404;
	border: 1px solid #2525fa;
	color: #fff;
}
.addbuy-pay input[type=submit]:hover{
	background: #e74c3c;
}
.addbuy-pay input[type=text]{
	visibility: hidden;
}
.addbuy-pay p{
	float: right;
	margin: 5px 2%;
	border:1px solid #eee;
	padding:10px 20px; 
	font-family: "b yekan";
	font-size: 20px;
	cursor: pointer;
	background: #16780b;
	border: 1px solid #2525fa;
	color: #fff;
	margin-right: 50%;
}
.app-downl{
	float: right;
}
.mid-center{
	float: right;
	width: 70%;
	height: 80px;
	margin-bottom:  10px;
	margin-top:     10px;
	margin-left:    10px;
	margin-right:   10px;
}
.memotelbox{
	width: 500px;
	height: 100px;
	background: #0c8a6a;
	border: 3px solid #d8d8d8;
	margin: 5% auto;

}
.memotelbox p{
	text-align: center;
	color: #102f47;
	padding:10px;
	
}