body
{
padding:0;
margin:0 auto;	
text-align:0;
background-color:#fff;
font-family:yekan;
font-size:14px;
overflow-x:hidden;
word-spacing:0.5px;
}
body a{
text-decoration:none;
color:#333;
cursor:pointer;
}
body a:hover
{
color:#00AFD3;
}
body ul
{
padding:0;
margin:0;
list-style:none;
}
@media(min-width:0) and (max-width:767px)
{
#header-1
{
width:95%;
height:100px;
border:solid #f9f9fb 1px;
margin:0 auto;
max-width:767px;
}
#logo
{
width:45%;
height:90px;
overflow:hidden;
float:left;
border:solid #f9f9fb 1px;
}	
#logo img
{
width:100%;
max-width:150px;
height:100%;
max-height:90px;
}
#menu-h
{
display:none;
float:right;
}
#menu-v
{
width:45%;
height:90px;
display:block;
position:relative;	
float:right;
border:solid #f9f9fb 1px;

}
#menu-v img 
{
	cursor:pointer;
	float:right;
	margin-top:35px;
}
.menu-v1
{
	width:160px;
	height:auto;
	overflow:hidden;
	border:solid #ccc 1px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	position:absolute;
	top:70%;
	right:0;
	z-index:150;
	display:none;
	text-align:center;
	background-color:#f9f9fb;
}
.menu-v1 li
{
	width:150px;
	border-bottom:solid #f1f1f1 1px;
	margin:0 auto;
	padding:10px 0 10px 0;
	list-style:none !important;
}
.menu-v1 li a:hover
{
	color:#00AFD3 !important;
}
#container
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
bord er:solid #ccc 1px;
max-width:767px;
margin-top:25px;
margin-bottom:25px;
text-align:right;
direction:rtl;
padding-bottom:25px;
}
.container
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
border:solid #ccc 1px;
max-width:767px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
margin-top:25px;
margin-bottom:25px;
padding-bottom:25px;
}
#main
{
width:95%;
height:auto;
overflow:hidden;
border:solid #fff 1px;
margin:0 auto;
}
#type
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
margin-top:20px;
text-align:center;
direction:rtl;
padding-bottom:20px;
}
#type img
{
width:75%;
max-width:200px;
margin-top:10px;
margin-bottom:10px;
}
#service
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
border:solid #fff 1px;
text-align:justify;
direction:rtl;
font-size:16px;
color:#666;
}
#rdesign
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
border:solid #f9f9fb 1px;
text-align:justify;
direction:rtl;
font-size:16px;
color:#333;
}
.article
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
text-align:right;
direction:rtl;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
margin-top:20px;
font-size:14px;
background-color:#fff;
color:#333;
padding-bottom:25px;
}
.article div
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
margin-top:5px;
}
.article img
{
width:75%;
}
.b-button
{
width:80%;
height:40px;
border:solid #ccc 1px ;
border-radius:20px ;
background-color:#00AFD3 ;
text-align:center ;
color:#fff;	
float:left;
font-size:14px ;
line-height:35px;
margin-top:5px;
margin-left:10%;
}
.b-button:hover
{
	background-color:#018fac;
	color:#fff;
}
.footer
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;	
border:solid #fbfbfb 1px;
font-size:14px;
}
.wdesign
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;	
margin-top:20px;
text-align:center;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
padding:20px 0 20px 0;
}
#message
{
width:75%;
height:auto;
overflow:hidden;
float:right;
margin-top:20px;
margin-bottom:20px;
padding:20px 0 20px 0;
border:solid #fff 1px !important;
margin-right:2% !important;
}
.sorting
{
width:80%;
height:35px;
float:right;
margin:0 0 10px 0;
border:solid #ccc 1px;	
}
#contact
{
width:95%;
height:auto;
overflow:hidden;
margin-top:20px;
margin-bottom:20px;
padding:20px 0 20px 0;
bo rder:solid #ccc 1px !important;
margin:0 auto !important;
}
#contact span
{
width:90%;
height:auto;
overflow:hidden;
float:right;
padding:20px 0 20px 0;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.2);
margin:2% 5% 2% 0!important;
background-color:#fbfbfb;
text-align:center;
direction:rtl;
font-size:16px;
}
}
@media(min-width:768px) and (max-width:991px)
{
#header-1
{
width:95%;
height:100px;
border:solid #f9f9fb 1px;
margin:0 auto;
max-width:991px;
}
#logo
{
width:150px;
height:90px;
overflow:hidden;
float:left;
border:solid #f9f9fb 1px;
}
#menu-v
{
display:none;
float:right;
}
#menu-h
{
display:block;
float:right;
border:solid #f9f9fb 1px;
margin-top:35px;
}
.menu-h1 li a:hover
{
	color:#00AFD3 !important;
}
.menu-h1 li
{
	border:solid #f9f9fb 1px;
	float:right;
	padding:0 0 0 25px;
	list-style:none !important;
}
#container
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
borde r:solid #ccc 1px;
max-width:991px;
margin-top:25px;
margin-bottom:25px;
text-align:right;
direction:rtl;
padding-bottom:25px;
}
.container
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
border:solid #ccc 1px;
max-width:991px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
margin-top:25px;
margin-bottom:25px;
padding-bottom:25px;
}
#main
{
width:95%;
height:auto;
overflow:hidden;
border:solid #fff 1px;
margin:0 auto;
}
#type
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
margin-top:20px;
text-align:center;
direction:rtl;
padding-bottom:20px;
}
#type img
{
width:200px;
height:200px;
margin-top:10px;
margin-bottom:10px;
}
#service
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
border:solid #fff 1px;
text-align:justify;
direction:rtl;
font-size:16px;
color:#666;
}
#rdesign
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
border:solid #f9f9fb 1px;
text-align:justify;
direction:rtl;
font-size:16px;
color:#333;
}
.article
{
width:48%;
height:350px;
overflow:hidden;
float:right;
margin:2% 1% 0 0;
text-align:right;
direction:rtl;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
font-size:14px;
background-color:#fff;
color:#333;
padding-bottom:25px;
}
.article div
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
margin-top:5px;
}
.article img
{
width:90%;
}
.b-button
{
width:50%;
height:40px;
border:solid #ccc 1px ;
border-radius:20px ;
background-color:#00AFD3 ;
text-align:center ;
color:#fff;	
float:left;
font-size:12px ;
line-height:35px;
margin-top:5px;
margin-left:25%;
}
.b-button:hover
{
	background-color:#018fac;
	color:#fff;
}
.footer
{
width:32%;
height:auto;
overflow:hidden;
float:right;	
border:solid #fbfbfb 1px;	
font-size:14px;
direction:rtl;
text-align:justify;
}
.wdesign
{
width:48%;
height:auto;
overflow:hidden;
float:right;	
margin:2% 1% 0 0;
text-align:center;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
padding:20px 0 20px 0;
}
#message
{
width:50%;
height:auto;
overflow:hidden;
float:right;
margin-top:20px;
margin-bottom:20px;
padding:20px 0 20px 0;
border:solid #fff 1px !important;
margin-right:2% !important;
}
.sorting
{
width:50%;
height:35px;
float:right;
margin:0 0 10px 0;
border:solid #ccc 1px;	
}
#contact
{
width:48%;
height:auto;
overflow:hidden;
float:right;
margin:2% 1% 2% 0 !important;
padding:20px 0 20px 0;
}
#contact span
{
width:90%;
height:auto;
overflow:hidden;
float:right;
padding:20px 0 20px 0;
bor der:solid #ccc 1px !important;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.2);
margin:2% 5% 2% 0!important;
background-color:#fbfbfb;
text-align:center;
direction:rtl;
font-size:16px;
}
}
@media(min-width:992px)
{
	#header-1
{
width:95%;
height:100px;
border:solid #f9f9fb 1px;
margin:0 auto;
max-width:1170px;
}
#logo
{
width:150px;
height:90px;
overflow:hidden;
float:left;
border:solid #f9f9fb 1px;
}
#menu-v
{
display:none;
float:right;
}
#menu-h
{
display:block;
float:right;
border:solid #f9f9fb 1px;
margin-top:35px;
}
.menu-h1 li a:hover
{
	color:#00AFD3 !important;
}
.menu-h1 li
{
	border:solid #f9f9fb 1px;
	float:right;
	padding:0 0 0 25px;
	list-style:none !important;
}
#container
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
bor der:solid #ccc 1px;
max-width:1170px;
margin-top:25px;
margin-bottom:25px;
text-align:right;
direction:rtl;
padding-bottom:25px;
}
.container
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
border:solid #ccc 1px;
max-width:1170px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
margin-top:25px;
margin-bottom:25px;
padding-bottom:25px;
}
#main
{
width:49%;
height:auto;
overflow:hidden;
border:solid #fff 1px;
float:right;
}
#type
{
width:32%;
height:450px;
overflow:hidden;
float:right;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
margin-right:1%;
margin-top:20px;
margin-bottom:20px;
text-align:center !important;
direction:rtl;
}
#type img
{
width:150px;
height:150px;
margin-top:10px;
margin-bottom:10px;
}
#service
{
width:49%;
height:auto;
overflow:hidden;
float:right;
border:solid #fff 1px;
text-align:right;
direction:rtl;
font-size:18px;
color:#333;
}
#rdesign
{
width:49%;
height:auto;
overflow:hidden;
float:right;
border:solid #f9f9fb 1px;
text-align:justify;
direction:rtl;
font-size:18px;
color:#333;
}
.article
{
width:32%;
height:350px;
overflow:hidden;
float:right;
text-align:right;
direction:rtl;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
margin-right:1%;
font-size:14px;
background-color:#fff;
color:#333;
}
.article div
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
margin-top:5px;
border:solid #fff 1px;
}
.article img
{
width:90%;
}
.b-button
{
width:50%;
height:40px;
border:solid #ccc 1px ;
border-radius:20px ;
background-color:#00AFD3 ;
text-align:center ;
color:#fff;	
float:left;
font-size:12px ;
line-height:35px;
margin-top:5px;
margin-left:25%;
}
.b-button:hover
{
	background-color:#018fac;
	color:#fff;
}
.footer
{
width:32%;
height:auto;
overflow:hidden;
float:right;	
border:solid #fbfbfb 1px;
font-size:16px;
direction:rtl;
text-align:justify;
}
.wdesign
{
width:32%;
height:auto;
overflow:hidden;
float:right;	
margin:2% 1% 0 0;
text-align:center;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
padding:20px 0 20px 0;
}
#message
{
width:50%;
height:auto;
overflow:hidden;
float:right;
margin-top:20px;
margin-bottom:20px;
padding:20px 0 20px 0;
border:solid #fff 1px !important;
margin-right:2% !important;
}
.sorting
{
width:30%;
height:35px;
float:right;
margin:0 0 10px 0;
border:solid #ccc 1px;	
}

#contact
{
width:48%;
height:auto;
overflow:hidden;
float:right;
margin:2% 1% 2% 0 !important;
padding:20px 0 20px 0;
bord er:solid #ccc 1px !important;
}
#contact span
{
width:60%;
height:auto;
overflow:hidden;
float:right;
padding:20px 0 20px 0;
box-shadow: 0 2px 4px 1px rgba(0,0,0,.2);
margin:2% 20% 2% 0!important;
background-color:#fbfbfb;
text-align:center;
direction:rtl;
font-size:16px;
}
}

#topheader
{
width:100%;
height:10px;
overflow:hidden;
margin:0 auto;
background-color:#646871;
}
#header
{
width:100%;
height:110px;
margin:0 auto;
border-bottom:solid #ccc 1px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
background-color:#f9f9fb;
}
#container-1
{
width:100%;
height:auto;
overflow:hidden;
margin:0 auto;
padding:20px 0 20px 0;
}
.container-1
{
width:100%;
height:auto;
overflow:hidden;
margin:0 auto;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
padding:120px 0 120px 0;
}
#main img
{
width:100%;
max-width:400px;
}
#main div
{
width:98%;
height:auto;
overflow:hidden;
border:solid #fff 1px;
float:right;
text-align:justify;
direction:rtl;
font-size:16px;
color:#666;
margin:10px 0 10px 0;
}
.a-button
{
height:40px;
border:solid #ccc 1px ;
border-radius:20px ;
background-color:#e2516e ;
text-align:center ;
color:#fff;	
font-size:14px ;
float:left;
line-height:35px;
margin-top:5px;
padding:0 20px 0 20px;
}
.a-button:hover
{
	background-color:#e02e51;
	color:#fff;
}

#title
{
width:98%;
height:auto;
overflow:hidden;
margin:0 auto;
text-align:center;
border:none;
font-size:20px;
margin-top:10px;
margin-bottom:10px;
color:#333;
}
#type span
{
width:94%;
height:auto;
overflow:hidden;
float:right;
border:none;
font-size:14px;
margin-right:3%;
color:#333;
}
#service img
{
width:100%;
max-width:400px;
}
#rdesign img
{
width:100%;
max-width:400px;
}
.footer span
{
width:94%;
height:auto;
overflow:hidden;
float:right;	
margin-right:3%;
border:solid #fbfbfb 1px;
padding:10px 0 10px 0;
text-align:justify;
direction:rtl;
}
 
.f-menu li
{
	width:95%;
	border:solid #fbfbfb 1px;
	padding:1px 0 1px 0;
	list-style:none;
	text-align:right !important;
	direction:rtl;
}
.f-menu li a
{
	color:#333 !important;
}
.f-menu li a:hover
{
	color:#00AFD3 !important;
}
#address
{
width:95%;
height:auto;
overflow:hidden;
border-bottom:solid #f1f1f1 1px;
margin:0 auto;
margin-bottom:20px;
padding:5px 0 5px 0;
direction:rtl;
text-align:right;
}

#address  span
{
float:right;
direction:rtl;
text-align:right;
font-size:14px;
margin-left:10px;
line-height:30px;
}
#wdesign
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
margin-bottom:30px;
border:solid #fff 1px;
text-align:justify;
direction:rtl;
font-size:16px;
color:#333;
}
#wdesign img
{
max-width:100%;
}
.wdesign span
{
width:94%;
height:auto;
overflow:hidden;
float:right;	
margin-right:3%;
border:solid #fff 1px;
padding:20px 0 20px 0;
text-align:center;
}
.wdesign img
{
width:90%;
}
#message input,#contact input 
{
width:95%;
height:40px;
border:solid #ccc 1px ;	
margin:5px 0 5px 0;
color:#333;
padding-right:5px;
text-align:right;
float:right;
}
#message textarea,#contact textarea
{
width:95%;
height:150px;
border:solid #ccc 1px !important;	
color:#333 !important;
padding-right:5px;
margin:5px 0 5px 0;
text-align:right;
float:right;
}
#captcha
{
width:95%;
height:auto;
overflow:hidden;
border:solid #fff 1px !important;
margin:5px 0 5px 0;
text-align:center;
float:right;
}
.subm
{
	width:40% !important;  
	color:#fff !important; 
	border:solid #00AFD3 1px !important;
	background-color:#00AFD3 !important;
	float:right !important;
	margin-right:30% !important;
	text-align:center !important;
	border-radius:20px;
	
}
						.invalid
						{
							border:solid #ff7d97  1px !important;
							
						}
#comm
{
	width:75%;
	height:auto;
	overflow:hidden;
	float:right;
	margin:30px 20px 10px 0;
	font-size:12px;
	text-align:right;
	direction:rtl;
	box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
	color:#333;
	padding-bottom:20px;
}
#tcomm
{
	width:95%;
	height:auto;
	overflow:hidden;
	border-bottom:solid #ccc 2px; 
	margin:0 auto;
	padding:5px 0 5px 0;
}
#bcomm
{
	width:95%;
	height:auto;
	overflow:hidden;
	font-size:12px;
	margin:0 auto;
	border:solid #fff 1px; 
	
	
}
#bcomm span
{
	width:95%;
	height:auto;
	padding:10px 0 10px 0;
	float:right; margin-right:1% 2% 0 0; 
	 
}
#bcomm span img
{
	width:20px;
	height:20px;
	float:right; margin:0 0 0 10px; ;
	 
}
								#safhebandi
								{
									width:95%;
									height:auto;
									overflow:hidden;
									float:right;
									margin:5% 2% 0 0 ;
									font-size:12px;
									border:solid #fff 1px;
									background-color:#fff;
									direction:rtl;
								}
								
								#safhebandi a
								{
									width:32px;
									height:32px;
									float:right;
									margin:10px 5px 10px 0;
									font-size:14px;
									border:solid #aaa 1px;
									text-align:center;
									color:#333;
									padding:0 2px 0 2px;
									border-radius:100%;
								}
								#safhebandi a:hover
								{
								background-color:#333 !important;
								color:#f9f7f8 !important;
								border:solid #333 1px !important;
								}
.sort
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
border:solid #fff 1px;
text-align:right;
direction:rtl;
color:#333;
font-size:12px;
}

.sort span
{
width:95%;
height:auto;
float:right;	
margin:0 0 10px 0;
overflow:hiiden;
}
#order
{
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
padding:20px 0 20px 0;
border:solid #fff 1px !important;
margin-top:2% !important;
text-align:justify;
direction:rtl;
font-size:16px;
color:#333;
}

#order  img
{
width:100%;
max-width:400px;
}
 
#orderw {
    float:right;
    margin: 5px 0 5px 0;
    border: solid #ccc 1px;
    width: 95%;
    height: 35px;
    text-align: right;
    direction: rtl;
   padding-right:5px;
}
#blog
{
width:95%;
height:auto;
overflow:hidden;
border:solid #fff 1px;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
direction:rtl;
text-align:justify;
font-size:16px;

}
#blog img
{
width:100%;
max-width:400px;
}
#tedadl
{
height:auto;
float:right;
border:solid #fff 1px !important;
overflow:hidden;
text-align:center;
direction:rtl;

margin-right:5px;
}	 
.like1
{
	margin-top:1px; width:20px !important; height:20px!important; cursor:pointer;
	float:right;
}