@font-face {
 font-family:"A Ghasem",'MyriadPro-Regular';
 src::url('../_font/A_Ghasem.eot'),url('../_font/MyriadPro-Regular.eot');
 src:url('../_font/MyriadPro-Regular.otf') format('opentype');
 src:url('../_font/AGhasem.otf') format('opentype'),url('../_font/AGhasem.ttf') format('truetype'), url('../_font/AGhasem.svg') format('svg');
 font-weight:normal;
 font-style:normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	background:#eee;
	font-size:11px;
	color:#555555;
	font-family:'MyriadPro-Regular', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif,"A Ghasem";
	src:url('../_font/AGhasem.otf')format('opentype');
	src:url('../_font/A%20Ghasem.eot');
	src:url('../_font/MyriadPro-Regular.eot');
	src:url('../_font/MyriadPro-Regular.otf') format('opentype');
}
 img {
	border:none;
}
a {
	color:#75cdd2;
	text-decoration:none;
}
a:hover {
	color:#75cdd2;
	text-decoration:underline;
}
hr {
	background:#e0e0e0;
	height:1px;
	border:none;
	margin-top:9px;
}
.nomarginright {
	margin-right:0 !important;
}
.nomarginleft {
	margin-left:0 !important;
}
.paddingleft {
	padding-left:37px;
	background:#00FF33;
}
.noborderright {
	border-right:none !important;
}
/*Logo
---------------------------------------------------------*/
#logo_container {
	float:left;
	margin-top:20px;
}
#logo {
	background:url(../images/logo.png) no-repeat left;
	width:200px;
	float:left;
	height:121px;
}
.tag_line {
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666;
	float:left;
	padding:5px 0 0 33px;
}
.pink {
	color:#ef5656;
}
.light {
	color:#75cdd2;
}
.black {
	color:#2f2f2f;
	font-size:14px;
	font-weight:500;
}
.dark_grey {
	color:#2f2f2f;
	font-weight:500;
}
h1 {
	font-size:12px;
	text-align:right;
	color:#2f2f2f;
	font-family:Tahoma, Geneva, sans-serif;
}
h2 {
	font-size:36px;
	text-align:left;
	font-family:'MyriadPro-Regular';
	color:#51565e;
}
h3 {
	font-size:16px;
	color:#2f2f2f;
}
h4 {
	font-size:18px;
	text-align:left;
	font-family:'MyriadPro-Regular';
	color:#2f2f2f;
}
h5 {
	font-size:12px;
	text-align:left;
	font-family:'MyriadPro-Regular';
	color:#2f2f2f;
}
.home-items {
	font-size:18px;
	text-align: right;
	color:#2f2f2f;
	margin-bottom:10px;
	font-family:Tahoma, Geneva, sans-serif;
}
p {
	font-size:12px;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:20px;
}
.main_heading {
	padding:20px 0 20px 0;
	float:right;
	text-align:justify;
	direction:rtl;
	line-height:30px;
	font-family:Tahoma, Geneva, sans-serif;
}

#nav_wrapper {
	position:relative;
	display:inline;
	float:right;
	margin-right:25px;
	margin-top:6px;
}
#nav, #nav ul {
	margin:0;
	padding:0;
	position:relative;
}
#nav a {
	display:block;
	padding:8px 10px;
	color:#fff;
	text-decoration:none;
}
#nav li {
	position:relative;
	float:left;
	list-style:none;
	padding:15px 0;
	margin-right:5px;
	font-weight:normal;
	font-family:"A Ghasem";
	font-size:16px;
	font-weight:normal;
	line-height:15px;
}
#nav li a {
	color:#4b4641;
	border-radius:8px;
}
#nav li a:hover {
	color:#fff;
	background:#000;
	
}
#nav ul li {
	padding:0;
}
#nav ul {
	position:absolute;
	width:200px;
	top:45px;
	background:#75cdd2;
	border-top:none;
	display:none;
	z-index:50;
}
#nav li ul a {
	width:190px;
	float:left;
	padding-right:0;
	font-size:14px;
	font-family:"A Ghasem";
	font-weight:normal;
	border-bottom:1px solid #70c3c7;
}
#nav li ul li a:hover {
	background:#000;
	color:#FFF;
}
#nav ul ul {
	top:auto;
}
#nav li ul ul {
	left:200px;
	border-top:3px solid #327a31;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
	display:block;
}
#nav .current_page_item a {
	background:#000;
	color:#fff;
}

ul#q_nav {
	float:right;
	margin-top:30px;
}
ul#q_nav li {
	list-style:none;
	text-align:center;
	display:inline;
	margin:0;
}
ul#q_nav li a {
	color:#51565e;
	text-align:center;
	padding:0 3px 0 0;
	font-size:14px;
	margin:0;
}
ul#q_nav li a:hover {
	color:#039fd0;
	text-decoration:none;
	margin:0;
	border:none;
}
ul#q_nav li a.active {
	color:#039fd0;
	text-decoration:none;
	margin:0;
	/* Rounded corners */  
		border:none;
}
/*Slider
-----------------*/	

#slider {
	margin-top:42px;
}
/* slideshow */
#slideshow, #slideshow_noslide {
	position:relative;
	width:940px;
	height:262px;
	margin:0 auto 0;
	overflow:hidden;
	clear:both;
}
.slide_entry, .slide_entry_noslide {
	position:relative;
	width:940px;
	height:262px;
}
.slide_entry img {
	 border-radius:8px;
}
#slideshow ul {
	left:0;
	width:940px;
	top:0;
	overflow:hidden;
	position:absolute;
}
#slideshow ul li {
	float:left;
	position:absolute;
	text-align:center;
	width:940px;
	height:262px;
}
.main_title, .subtitle {
	position:absolute;
	left:-650px;
	padding:10px;
	width:auto;
	text-align:left;
	color:#000000;
	background:#CCCCCC;
	opacity:0.7;
	font-family:"A Ghasem";
}
#number {
	z-index:50;
	position:absolute;
	bottom:10px;
	right:10px;
	font:normal 18px/42px 'TitilliumMaps26L999wt', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#number a {
	margin:0 5px;
	padding:3px 5px;
	color:#333;
}
#number a.activeSlide {
	color:#75cdd2;
	text-decoration:none;
}
#number a:hover {
	color:#75cdd2;
	text-decoration:none;
}
#number a:focus {
	outline:none;
	text-decoration:none;
}
.main_title {
	bottom:90px;
	font-size:22px;
	font-family:"A Ghasem";
}
.subtitle {
	top:180px;
	font-size:21px;
}

.right_side {
	margin-top:13px;
}
.clients {
	width:220px;
	height:130px;
	display:block;
	
	margin:20px 0;
}

.efc-img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	    transition:all 1s ease;
        
}
.efc-img:hover{
	 border-radius:50%;
		}
/*Circule
------------*/	

.circle {
	margin:50px 30px 35px 30px;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.circle:hover {
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
	}

.box {
	padding:0 7px 0 7px;
	    
}
.parag{
	direction:rtl;
	text-align:justify;
	line-height:30px;
	padding:0 10px 0 10px;
	}
	
	.parag1{
	font-size:12px !important;
	text-align:center;
	line-height:40px;
	padding:0 40px 0 10px;
	
	} 
	.parag2{
	font-size:12px !important;
	margin:0 120px 0 0;
	padding:0 100px 0 10px;
	
	} 
	
	.parag3{
	font-size:10px !important;
	margin:0 5px 0 0;
	padding:0 5px 0 10px;
		} 
.parag111{
	direction:rtl;
	text-align:center !important;
	font:bold !important;
	font-size:14px !important;
	font-weight:bold;
	}
.parag2{
	direction:rtl;
	text-align:right;
	padding:0 10px 0 10px;
	font:"B Nazanin";	
	}
.side_border {
	border-left:#e0e0e0 4px solid;
	margin:0 0 20px 0;
	padding:10px 0 5px 20px;
}
.text_container {
	margin:30px 0 70px 0;
}

.divider {
	background:url(../images/divider.png) no-repeat;
	width:940px;
	height:50px;
	margin:20px 0 20px 0;
}
	
#main {
	float:left;
	overflow:hidden;
	position:relative;
	margin-bottom:0;
	width:100%;
}
#filtering-nav, #project_navi {
	display:inline;
	float:left;
	padding:0;
	margin:0 0 20px;
}
#filtering-nav li, #project_navi li {
	list-style:none;
	float:left;
}
#filtering-nav li a, #project_navi li a {
	display:block;
	padding:8px 30px 10px 0;
	margin:10px 10px 10px 0;
	color:#333;
	font-size:16px;
}
#filtering-nav li a:hover, #project_navi li a:hover {
	background:none;
	color:#75cdd2;
	text-decoration:none;
}
.wrap_page {
	position:relative;
	float:left;
	display:inline;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.wrap_image {
	position:relative;
	float:left;
}
.columns_1 .portfolio_box {
	width:940px;
}
.columns_1 .portfolio_box img, .columns_1 .portfolio_box a img {
	width:940px;
	height:300px;
	max-width:940px;
}
.columns_2 .portfolio_box {
	width:300px;
}
.columns_2 .portfolio_box img, .columns_2 .portfolio_box a img {
	width:300px;
	height:200px;
	max-width:300px;
}
.portfolio_box {
	float:left;
	margin:0 10px 10px 0;
}
.portfolio_box h2 {
	margin-bottom:5px;
	text-transform:uppercase;
	font-size:18px;
}
a.over_image {
	position:absolute;
	top:-60px;
	left:50%;
	width:100px;
	text-transform:uppercase;
	background:#75cdd2;
	height:24px;
	color:#fff;
	display:none;
	line-height:22px;
	padding:5px;
	margin:-12px 0 0 -55px;
	text-align:center;
	text-decoration:none;
}

#pagination {
	padding:20px 0;
	float:left;
	position:relative;
	width:940px;
	clear:both;
	margin:10px;
	text-align:right;
	margin-bottom:20px;
	font-size:12px;
}
#pagination li {
	display:inline;
}
#pagination li a {
	color:#4b4641;
	padding:13px 15px;
}
#pagination li.pag_current a {
	background:#75cdd2;
	padding:13px 15px;
	color:#fff;
}
#pagination li a:hover {
	background:#75cdd2;
	color:#fff;
}

.buy_button {
	background:url(../images/buy_button.png) no-repeat;
	width:240px;
	height:82px;
	float:right;
}
.bottom_heading {
	width:700px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-align:left;
	color:#555555;
}

.address {
	padding:25px 10px 0 0;
	width:300px;
	float:right;
	direction:rtl;
	line-height:40px;

}

	
.team_img {
	width:500px;
	margin:0 auto;
	height:500px;
}

.blog {
	padding:10px 0 10px 0;
	float:right;
}
.blog h1 {
	font-size:18px;
	text-align:right;
	font-family:'MyriadPro-Regular';
	color:#51565e;
	padding-right:10px;
}
.blog .img_blog {
	width:270px;
	height:200px;
	float:left;
	margin:10px 15px 0 0;
	border:ridge;
	border-radius:9px;
	
	
}

#footer {
	height:85px;
	background:#000;
	margin:30px 0 0 0;
	padding:5px 0 0 2px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	behavior:url(border-radius.htc);
}
#footer p {
	color:#fff;
	font-size:9px;
	text-align:justify;
	direction:rtl;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:19px;
}
#footer a {
	color:#0e3a3c;
}
#footer h1 {
	font-size:13px;
	font-family:Tahoma, Helvetica, sans-serif;
	color:#FFF;
	
}
#footer .social_icon {
	width:16px;
	margin:2px 10px 0 30px;
	float:left;
	
}


#d-footer-icon
{
	width:auto;	
	margin:2px 0 2px 165px ;
	padding:0;
		
	}
	
#footer input {
	background:url(../images/search_field.png) no-repeat;
	width:198px;
	height:25px;
	text-indent:8px;
	margin:14px 0 5px 0;
	border:none;
}
#footer .text_shadow {
	text-shadow:#dcf2f4 0 1px;
	font-size:10px;
}

ul#footer_nav {
	float:right;
	padding:10px 0 0 0;
}
ul#footer_nav li {
	list-style:none;
	border-right:#7b7b7b 1px solid;
	padding:0 7px 0 7px;
	display:inline;
}
ul#footer_nav li a {
	list-style:none;
	color:#7b7b7b;
	font-family:Tahoma, Geneva, sans-serif;
}
.post_stats {
	display:block;
	position:relative;
	float:left;
	width:100%;
	border:none;
	margin:0 0 20px;
}
.post_stats li {
	margin-right:15px;
	border:none;
	list-style:none;
	padding-bottom:6px;
}
.b_date {
	font-size:20px;
}
.align-left {
	text-align:left !important;
}


ul.sonarmenu a:hover, ul.sonarmenu a:focus{
	outline: none;
	border-bottom: 2px solid #ebb; /* Bottom border style on hover */
}

ul.sonarmenu a::before, ul.sonarmenu a:after{ /* shared style for two circles */
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px; /* width of outer circle */
	height: 70px; /* height of outer circle */
	border: 12px double rgba(0,0,0,0.1); /* style and color of circles */
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

ul.sonarmenu a:after{ /* inner circle specific CSS */
	width: 60px; /* width of inner circle */
	height: 60px; /* width of inner circle */
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

ul.sonarmenu a:hover:before, ul.sonarmenu a:hover:after{
	-webkit-animation: pulsate 1.2s infinite; /* animation name duration loop etc */
	-moz-animation: pulsate 1.2s infinite;
	-ms-animation: pulsate 1.2s infinite;
	animation: pulsate 1.2s infinite;
}
@-webkit-keyframes pulsate{

  30%{
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  }

	100%{
	opacity: 0.3;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}

}

@-moz-keyframes pulsate{

  30%{
	opacity: 1;
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
  }

	100%{
	opacity: 0.3;
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}
}

@-ms-keyframes pulsate{

  30%{
	opacity: 1;
	-ms-transform: translateX(-50%) translateY(-50%) scale(1);
  }
	100%{
	opacity: 0.3;
	-ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
	}
}

@-keyframes pulsate{

  30%{
	opacity: 1;
	transform: translateX(-50%) translateY(-50%) scale(1);
  }
	100%{
	opacity: 0.3;
	transform: translateX(-50%) translateY(-50%) scale(0.5);
	}
}