@font-face {
   font-family: IRANSans;
   src: url("fonts/IRANSansMobile.ttf");
}
	@font-face {
   font-family: IRANSans-bold;
   src: url("fonts/IRANSansMobile_Bold.ttf");
}

	@font-face {
   font-family: webfont;
   src: url("fonts/genericons-regular-webfont.ttf");
}
	@font-face {
   font-family: Vazir;
   src: url("fonts/Vazir.ttf");
}
	@font-face {
   font-family: Shabnam;
   src: url("fonts/Shabnam-Light.ttf");
}
	@font-face {
   font-family: IRANYekanWebMedium;
   src: url("fonts/Iran Yekan/ttf/IRANYekanWebMedium.ttf");
}
* {
	font-family: IRANSans; 
}

.topnav {
  overflow: hidden;
  background-color: #040455;
}

.topnav a {
  float: right;
  color: #f2f2f2;
  text-align: center;
  padding: 14px;
  text-decoration: none;
  font-size: 15px;
}

.topnav a:hover {
  background-color: #6FF;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.styleimg {
	width: 220px;
	height:160px;
	text-align:center;

}
.styleimg:hover {
	width: 260px;
	height:200px;
	font-size:18px;
	
}


.stylediv{
  float: right;
  width: 22%;
  padding: 5px;
}
.footerStyle{
	background-color:#CFF;
}
.imgfooter {
	width:30px;
	height:30px;
}

.imgfooter:hover {
	width: 70px;
	height:70px;
	margin: 6px;
margin:10px 5px;
}
.imgfooter_1{
	width:80px;
	height:40px;
	margin:3px;
margin:8px 4px;
}
.imgfooter_1:hover{
	width:120px;
	height:60px;

}
.imgfooter_part2{
	width:40px;
	height:40px;
	margin:2px 1px;
}
.imgfooter_part2:hover{
	width: 60px;
	height:60px;
	margin:2px 1px;
}
.button-1{
	border-radius:10px;
	background-color:#09F;
	border:2px #006;
	color:#000;
	text-align:center;
	font-size:18px;
	padding:10px 15px;
	width:200px;
	transition:all 0.5s;
	cursor:pointer;
	margin:5px;
	display:block;
	text-decoration:none;

}
.button-1:hover{
	border-radius:10px;
	background-color:#3F0;
	border:2px #006;
	color:#FFF;
	text-align:center;
	font-size:19px;
	padding:10px 15px;
	width:300px;
	transition:all 0.5s;
	cursor:pointer;
	margin:5px;
	display:block;
	text-decoration:none;
}

.p-text{
	border:1px thin;
	text-align:justify;
	font-size:18px;
	width:100%;
	transition:all 0.5s;
	margin-top:5px;
    line-height:30px;
    font-family: IRANSans,Verdana, b nazanin,Tahoma;
	float:right;
}

.style-h4
{
	margin-top:20px;
	text-decoration:none;
}
#boxSerch {
	float:right;
	margin:8px 120px 0 20px;
	width:250px;
	height:30px;
	background:#3FF;
	border-radius:7px;
	border:1px solid #0CF;
	
}

#textSerch{
	float:left;
	margin:3px 0 0 4px;
	height:20px;
	border-radius:5px 0 0 5px;
	border:none;
	font-size:14px;
	direction:rtl;
	padding-right:5px;
		
	
}

#serch{
	float:left;
	margin:3px 0 0 8px;
	color:#000;
	font-size:18px;
	border:none;
	background:none;
}


 




.maghalat1{
	float:right;
	margin:30px 40px 10px 30px;
	border:1px solid #666;
	width:400px;
	height:500px;
	background:#CCC;
	padding:40px 30px 0 0;
	border-radius:50px 0 50px 0;
}



.stylediv{
  float: right;
  width: 22%;
  padding: 5px;
}
.footerStyle{
	background-color: #BDB7B7;
}

.th1{
	padding:0 30px 0 70px;
	 text-align:center;
}

.div1{
	margin-top:30px;
	margin-bottom:50px;
	padding-top:20px;
}

.colores {
background-color: #fdfdfd;
color: #fdfdfd;
}

.colores:hover {
background-color: #00FFFF;
color: #0000;
}




@media screen and (max-width: 1024px) {

	
}

@media screen and (max-width: 991px) {

	
}


@media screen and (max-width: 767px) {

	
  
.p-text{
	font-size:16px;
	
	margin-top:10px;
}
	
}

@media screen and (max-width: 575px) {

	
}


@media screen and (max-width: 450px) {

	
}

@media screen and (max-width: 370px) {

	
}

@media screen and (max-width: 320px) {

}