﻿
#pro1{
	float:right;width:24%;background:white;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;margin-bottom:2.5%;
}

#pro2{
	float:right;width:24%;background:white;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;margin-right:1.3%;margin-bottom:2.5%;
}

#pro3{
	float:right;width:24%;background:white;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;margin-right:1.3%;margin-bottom:2.5%;
}

#pro4{
	float:left;width:24%;background:white;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;margin-bottom:2.5%;
}

#f1{
	float:right;width:29%;
}
#f2{
	float:right;width:29%;margin-right:6.5%;
}
#f3{
	float:left;width:29%;
}
#nm1{
	float:right;width:32%;
}
#nm2{
	float:right;width:32%;margin-right:2%;
}
#nm3{
	float:left;width:32%;
}
#menu11{
	display:none;
}
#menu11{
	display:none;
}
#npro1{
	float:right;width:24%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
}
#npro2{
	float:right;width:24%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;margin-right:1.3%;
}
#npro3{
	float:right;width:24%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;margin-right:1.3%;
}
#npro4{
	float:left;width:24%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
}

#ypro1{
	float:right;width:15%;background:white;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}
#ypro2{
	float:right;width:15%;background:white;margin-right:2%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}
#ypro3{
	float:right;width:15%;background:white;margin-right:2%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}
#ypro4{
	float:right;width:15%;background:white;margin-right:2%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}
#ypro5{
	float:right;width:15%;background:white;margin-right:2%;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}
#ypro6{
	float:left;width:15%;background:white;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;padding:7px;
}
#bn1{
	float:right;width:24%;
}
#bn2{
	float:right;width:24%;margin-right:1.3%;
}
#bn3{
	float:right;width:24%;margin-right:1.3%;
}
#bn4{
	float:left;width:24%;
}
#zbn1{
	float:right;width:49%;
}
#zbn2{
	float:left;width:49%;
}
#qbn1{
	float:right;width:32%;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;-webkit-box-shadow: 4px 4px 5px 0px rgba(255,28,255,1);
-moz-box-shadow: 4px 4px 5px 0px rgba(255,28,255,1);
box-shadow: 4px 4px 5px 0px rgba(255,28,255,1);
}
#qbn2{
	float:right;width:32%;margin-right:2%;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;-webkit-box-shadow: 4px 4px 5px 0px rgba(255,28,255,1);
-moz-box-shadow: 4px 4px 5px 0px rgba(255,28,255,1);
box-shadow: 4px 4px 5px 0px rgba(255,28,255,1);
}
#qbn3{
	float:left;width:32%;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;-webkit-box-shadow: 4px 4px 5px 0px rgba(255,28,255,1);
-moz-box-shadow: 4px 4px 5px 0px rgba(255,28,255,1);
box-shadow: 4px 4px 5px 0px rgba(255,28,255,1);
}
#bassket{
	float:left;background-color:#F1F1F1;border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;padding:8px;padding-top:4px;padding-bottom:4px;margin-top:6px;
}
#vorod{
float:left;margin-left:2%;padding-left:2%;border-left: 1px silver solid;margin-top:10px;
}
video {
height:auto;
width:60%;
}
#ax810{
	max-width:550px;border:2px #FFCC00 solid;margin-top:12px;margin-bottom:12px;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

#ax67{
	max-width:550px;border:2px #FFCC00 solid;margin-top:12px;margin-bottom:12px;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;

	
}
@font-face {
	font-family: "primary-font";
	src: url("fonts/iran-yekan-400.eot");
	src: url("fonts/iran-yekan-400.eot?#iefix") format("embedded-opentype"),
		 url("fonts/iran-yekan-400.woff2") format("woff2"),
		 url("fonts/iran-yekan-400.woff") format("woff"),
		 url("fonts/iran-yekan-400.ttf") format("truetype");
	font-weight: 400;
}
#logo{
	float:right;margin-top:10px;
}

.tx{
	width:100%;padding:6px;
}
#search{
	width:40%;float:right;margin-right:35px;margin-top:12px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;background-color:#dee9f7;
}
.pc{
	display:block;
}
.mob{
	display:none;
}
*{
	font-family:primary-font;  text-decoration: none;font-size:16px;

}
#container { direction: rtl; width: 100%; margin: 0 auto;background-color:white;}
body{
background-color:white;
}
a:hover {
    text-decoration:none;
    }
#content1{
	height:auto;margin-bottom:0px;
}
#ccontent1{
	width:97%; margin: 0 auto;display:table ;height:auto;
}
#menu{float:right;margin-right:0px;width:100%;display:table;
}

#naz1{
	float:right;width:32%;
}
#naz2{
	float:right;width:32%;margin-right:2%;
}

#naz3{
	float:left;width:32%;
}


#mob{
	display:none;
}
#menu2{
	display:none;float:left;
}
h1{
	font-size:18px;padding:0px;margin:0px;font-weight:bold;line-height:33px;
}
h2{
	font-size:16px;padding:0px;margin:0px;font-weight:normal;
}
h3{
	font-size:14px;padding:0px;margin:0px;
}
#pr1{
	width:40%;float:right;text-align:center;
}
#pr2{
	width:59%;float:left;line-height:32px;
}
#pr11{
	float:right;width:22%;
}
#npr11{
display:table;
}
#pr12{
	float:left;width:77%;border:1px silver solid;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#npr12{
	float:left;width:100%;border:1px silver solid;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#li1{
	float:right;width:23%;
}

#li2{
	float:left;width:75%;
}

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1050px) {

#menu{
	display:none;
}

#menu11{
	display:block;
}


}


@media only screen and (max-width: 800px) {
#ax810{
	max-width:450px;
}
#ax67{
	max-width:450px;
}
.pc{
	display:none;
}
.mob{
	display:block;
}


#li1{
display:none;
}

#li2{
width:100%;
}

}


@media only screen and (max-width: 750px) {
#ccontent1{
	padding-right:2%;padding-left:2%;
}
#logo{
	width:100%;text-align:center;
}
#search{
	width:100%;margin:0px;;margin-top:6px;margin-bottom:6px;
}
img{
	max-width:100%;height:auto;
}
video {
height:auto;
width:100%;
}
#ax810{
		height:auto;width:80%;
}

#ax67{
		height:auto;width:80%;

	
}


#bn1{
	float:right;width:49%;margin:0px;margin-bottom:2%;
}
#bn2{
	float:left;width:49%;margin:0px;margin-bottom:2%;
}
#bn3{
	float:right;width:49%;margin:0px;margin-bottom:2%;
}
#bn4{
	float:left;width:49%;margin:0px;margin-bottom:2%;
}

#ypro1{
	width:100%;margin:0px;margin-bottom:2%;
}
#ypro2{
	width:100%;margin:0px;margin-bottom:2%;
}
#ypro3{
	width:100%;margin:0px;margin-bottom:2%;
}
#ypro4{
	width:100%;margin:0px;margin-bottom:2%;
}
#ypro5{
	width:100%;margin:0px;margin-bottom:2%;
}
#ypro6{
	width:100%;margin:0px;margin-bottom:2%;
}

#npro1{
	width:100%;margin:0px;margin-bottom:2%;
}

#npro2{
	width:100%;margin:0px;margin-bottom:2%;
}

#npro3{
	width:100%;margin:0px;margin-bottom:2%;
}

#npro4{
	width:100%;margin:0px;margin-bottom:2%;
}
#f1{
	width:100%;margin:0px;margin-bottom:2%;padding-bottom:25px;border-bottom:1px silver solid;
}
#f2{
	width:100%;margin:0px;margin-bottom:2%;padding-bottom:25px;border-bottom:1px silver solid;
}
#f3{
	width:100%;margin:0px;margin-bottom:2%;
}
#nm1{
	margin:0px;width:100%;margin-bottom:2%;
}
#nm2{
	margin:0px;width:100%;margin-bottom:2%;
}
#nm3{
	margin:0px;width:100%;margin-bottom:2%;
}
#pro1{
	width:100%;margin:0px;margin-bottom:2%;
}
#pro2{
	width:100%;margin:0px;margin-bottom:2%;
}
#pro3{
	width:100%;margin:0px;margin-bottom:2%;
}
#pro4{
	width:100%;margin:0px;margin-bottom:2%;
}
#pr1{
	width:100%;display:table;margin-bottom:12px;
}
#pr2{
	width:100%;display:table;margin-bottom:12px;
}
}
