﻿@font-face {
    font-family: 'weblogmayekan';
    src: url('fonts/Vazir.eot');
    src: url('fonts/Vazir.eot#iefix') format('embedded-opentype'),
         url('fonts/Vazir.woff') format('woff'),
         url('fonts/Vazir.ttf') format('truetype'),
         url('fonts/Vazir.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
	font-family:weblogmayekan;font-size:15px;;
}
#container { direction: rtl; width: 100%; margin: 0 auto;background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%); }
body{
background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);}
#content1{
	height:auto;margin-bottom:0px;
}#ccontent1{
	width:1170px; margin: 0 auto;display:table ;height:auto;
}
#menu{
	margin-top:69px;;float:left;
}
#q1{
	display:inline-block;margin:10px;width:210px;height:200px;
}
#mob{
	display:none;
}
#pro{
	height:150px;
}
#product{
	width:270px;height:370px;background-color:white;padding:10px;display:inline-block;margin:5px;	-moz-box-shadow: 0 0 10px #ccc;
		-webkit-box-shadow: 0 0 10px #ccc;
		box-shadow: 0 0 10px #ccc;

}
#product:hover{
	background:#CCCCCC;
}

#product2{
	width:260px;height:370px;background-color:white;padding:10px;display:inline-block;margin:3px;	-moz-box-shadow: 0 0 10px #ccc;
		-webkit-box-shadow: 0 0 10px #ccc;
		box-shadow: 0 0 10px #ccc;

}
#product2:hover{
	background:#CCCCCC;
}
.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-size:14px;
	padding:2px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}

#pr1{
	width:35%;float:right;padding:10px;	-moz-box-shadow: 0 0 10px #ccc;
		-webkit-box-shadow: 0 0 10px #ccc;
		box-shadow: 0 0 10px #ccc;background:white;

}
#pr2{
	width:61%;float:left;
}
.myButton33 {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	padding:6px 22px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton33:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.myButton33:active {
	position:relative;
	top:1px;
}

.myButton11 {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton11:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.myButton11:active {
	position:relative;
	top:1px;
}
#ax{
	width:150px;height:160px;display:inline-block;margin:2px;	-moz-box-shadow: 0 0 10px #ccc;
		-webkit-box-shadow: 0 0 10px #ccc;
		box-shadow: 0 0 10px #ccc;
}

#box2{
	width:240px;height:200px;display:inline-block;margin:15px;
}
#menu2{
	display:none;float:left;
}
#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:120px;overflow:hidden;width:1000px;float:left;
}
#ninews{
height:100px;width:150px;
}
.rotate{
transition: 1s ease;
}

.rotate:hover{
-webkit-transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
transition: 1s ease;
}
h1{
	font-size:17px;padding:0px;margin:0px;font-weight:bold;
}
h2{
	font-size:15px;padding:0px;margin:0px;
}
h3{
	font-size:14px;padding:0px;margin:0px;
}
#f1{
	width:31%;float:right;
}

#f2{
	width:31%;float:right;margin-right:2%;
}
#f3{
	width:34%;float:left;;
}
#box11{width:210px;height:198px;margin:10px;display:inline-block;
}
#z2{
	display:inline-block;width:258px;height:230px;margin:10px;border:1px silver solid;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#logo{
	width:224px;height:131px;text-align:center;float:right;margin-top:15px;margin-bottom:15px;
}
#u{
	width:350px;height:240px;background:#FFFFFF;margin:10px;display:inline-block;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#r{
	width:265px;height:200px;margin:10px;display:inline-block;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
@media only screen and (max-width: 1200px) {

#ccontent1{
	width:1050px;
}
#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:870px;float:left;
}
#ninews{
height:100px;width:150px;
}

#mob{
	display:block;
}

#menu2{
	display:block;
}
#menu{
	display:none;
}

}
@media only screen and (max-width: 1050px) {
#ccontent1{
	width:850px;
}
#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:670px;float:left;
}
#ninews{
height:100px;width:150px;
}





}


@media only screen and (max-width: 800px) {
#ccontent1{
	width:720px;
}
#menu2{
	display:block;
}

#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:490px;float:left;
}
#ninews{
height:100px;width:150px;
}


}


@media only screen and (max-width: 750px) {
.rotate{
transition: 1s ease;
}

.rotate:hover{
-webkit-transform: rotateZ(-0deg);
-ms-transform: rotateZ(-0deg);
transform: rotateZ(-0deg);
transition: 1s ease;
}
#ccontent1{
	width:100%;padding:5px;;
}
#nnews1{
	float:right;width:100%;height:200px;text-align:right;
}
#nnews2{
height:100px;overflow:hidden;width:100%;float:left;
}
#ninews{
height:200px;width:300px;
}
#news1{
	width:100%;margin:0px;margin-bottom:10px;
}
#q1{
	width:100%;margin:0px;margin-bottom:20px;height:300px;
}
#pro{
	height:250px;
}


#f1{
	width:100%;
}

#f2{
	width:100%;margin:0px;margin-top:14px;margin-bottom:14px;
}

#f3{
	width:100%;
}

#box11{width:100%;margin:0px;margin-bottom:10px;text-align:center;
}
#logo{
	width:100%;height:auto;
}
#u{
width:100%;margin:0px;margin-bottom:30px;
}
#r{
width:100%;margin:0px;margin-bottom:10px;
}
#glogo{
	width:50%;
}
}