﻿/*  
Theme Name: امیر دیزاینر
Theme URI: http://amirdesigner.ir/
share URL: http://www.20script.ir/
Version: 2.1
Author: امیرحسین اسکندرپور
Author URI: http://amirdesigner.net/
*/

@font-face {
	font-family: 'BYekan';
	src: url('font/yekan-webfont.eot');
	src: url('font/yekan-webfont.eot?#iefix') format('embedded-opentype'), url('font/yekan-webfont.woff') format('woff'), url('font/yekan-webfont.ttf') format('truetype'), url('font/yekan-webfont.svg#WyekanRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
input,textarea , textarea , button{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	background:#F9F9F9  none repeat scroll 0 0;
	border:1px #787878 solid;
	font-size:11px;
	margin:5px 5px 5px 0;
	padding:5px 5px 5px 5px;
	font-family:Tahoma, Geneva, sans-serif;
	width: 255px;height: 30
}

h1, h2, h3, h4, h5, h6, blockquote, p, form, ul, li {
	margin: 0;
	padding: 0;
}
img {margin: 0;border: 0;padding: 0;}
a {
	text-decoration:none;
	color:#000;
}
body {	
	background: url('img/bg.png');
	margin:0;
	padding:0;
}
li {text-align:right;list-style:none;}
/*  Start  header */
.logo {background: url('img/logo.png');height: 369px;width: 806px;}
.box-menu {background: url('img/menu.png') no-repeat;width: 977px;height: 48px;margin-top: 10px;}
.home {
	display:inline-block; width: 41px;height: 43px;
}	
.menu-x {
	display:inline-block;vertical-align:top;direction:rtl;
}
.time {
	display:inline-block; width: 116px; vertical-align:top;text-align:left;font: 9pt BYekan;padding-top: 13px;color: #8d8c8c
}
﻿/* The main container */
.menu {
	/* Layout & positioning */
	margin: 0;display:block;
	padding: 0;	position: relative;
	display:inline-block;
	width: 800px; 
	height: 48px;direction:ltr;
	list-style: none;
    text-align: right;	z-index: 100000;

	/* Background */
}

.menu>li {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
    direction: rtl;
    text-align: right;
    background: url('img/menu-l.png') no-repeat right center;
}

/* The main navigation links */
.menu>li>a {
	/* Layout & positioning */
	display: block;
	padding: 10px 15px;
	line-height: 13px;

	/* Typography */
	font: 12pt BYekan;
	text-decoration: none;
	font-weight: bold;
    direction: rtl;
	
	color: #999;

	font-weight: normal;

	-webkit-transition: color 0.3s ease-in 0s;

	-moz-transition: color 0.3s ease-in 0s;

	-ms-transition: color 0.3s ease-in 0s;

	-o-transition: color 0.3s ease-in 0s;

	transition: color 0.3s ease-in 0s;}

/* The hover state of the navigation links */

.menu>.sub-m>a {
	padding-left: 25px;
}

/* The '+' sign which indicates a submenu */

.menu>.sub-m>a::after {
	 content: "";
	 position: absolute;
	 top: 19px;
	 left: 13px;
	 width: 1px;
	 height: 5px;
	 background: #8d8c8c;
}

.menu>.sub-m>a::before {
	 content: "";
	 position: absolute;
	 top: 21px;
	 left: 11px;
	 width: 5px;
	 height: 1px;
	 background: #8d8c8c;
}

.menu>.sub-m>a:hover::after, .menu>.sub-m:hover>a::after {
	background: transparent;
}

/* General submenu styling */
.menu ul {
	position: absolute;
	list-style: none;
	margin: 0;
	margin-top: -4px;
	padding: 0;
	padding: 7px 0;
	background: #f6f6f6;
	left: -9999px;
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
    direction: rtl;
    margin-left: -42px;    
}

.menu ul ul {margin-left: -298px;}

.menu ul li {
	position: relative;
	background: #f6f6f6;
	padding: 0 9px;
	width: 0px;
	height: 0px;
	-webkit-transition: height .3s, width .3s;
	-moz-transition: height .3s, width .3s;
	-o-transition: height .3s, width .3s;
	-ms-transition: height .3s, width .3s;
}

/* Level 1 submenus */
.menu>li:hover>ul {
	left: 0px;
}

/* Level 2+ submenus */
.menu ul ul {
	border-top: 1px solid #d8d8d8;
}

.menu ul>li:hover>ul {
	top: -8px;
	left: 148px;
}

/* Expanding the submenus on hover */
.menu li:hover>ul>li {
	width: 130px;
	height: 25px;
}

/* The links of the submenus */
.menu ul li a {
	/* Layout */
	display: block;
	position: relative;
	padding: 2px 10px;
	border-radius: 3px;
	width: 110px;    

	/* Typography */
		font: 10pt BYekan;
	text-decoration: none;
	color: #8d8c8c;

	/* Effects */
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
}

/* The hover state of the submenu links */
.menu ul li a:hover, .menu ul li:hover>a {
	background: #21a2f3;
	color: #fff;
}

/* The '+' sign indicating a level 2+ submenu */
.menu ul>.sub-m>a::after {
	 content: "";
	 position: absolute;
	 top: 11px;
	 left: 8px;
	 width: 1px;
	 height: 5px;
	 background: #21a2f3;
}

.menu ul>.sub-m>a::before {
	 content: "";
	 position: absolute;
	 top: 13px;
	 left: 6px;
	 width: 5px;
	 height: 1px;
	 background: #21a2f3;
}

.menu ul>.sub-m:hover>a::after {
	background: transparent;
}
.menu ul>.sub-m:hover>a::before {
	background: #fff;
}

.menu-nav-container {	margin: 0;display:block;
	padding: 0;	position: relative;
	display:inline-block;
	width: 800px; 
	height: 48px;direction:ltr;
	list-style: none;vertical-align:top;
    text-align: right;	z-index: 100000;

display:inline-block;vertical-align:top;

}

.slider-top {
	height: 3px;width: 973px;background: url('img/img7.png') no-repeat;margin-top: 10px;
}
.slider-bg {
	height: 250px; width: 973px;background: url('img/img8.png');padding-top: 5px;
}
.slider-bot {
	height: 19px;width: 973px;background: url('img/img9.png') no-repeat;
}
.slider-bg img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.nivoSlider {
	position: relative;
}
.nivoSlider img {
	position: absolute;
	top: 0px;
	right: 0px;
}
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 60;
	display: none;
}
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 50;
}
.nivo-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000;
	color: #fff;
	opacity: 0.8;
	width: 100%;
	z-index: 89;
}
.nivo-caption p {
	padding: 5px;
	margin: 0;
}
.nivo-caption a {
	display: inline !important;
}
.nivo-html-caption {
	display: none;
}
.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 99;
	cursor: pointer;
}
.nivo-prevNav {
	left: 0px;
}
.nivo-nextNav {
	right: 0px;
}
.nivo-controlNav a {
	position: relative;
	z-index: 99;
	cursor: pointer;
}
.nivo-controlNav a.active {
	font-weight: bold;
}
.nivoSlider {
	position: relative;
	min-height: 220px;
	background-image: url(img/loading.gif);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	background-position: center center;
}
.nivoSlider img {
	position: absolute;
	display: none;
	width: 100%;width: 955px;height: 245px;
}
.nivoSlider a {
	border: 0;
}
.nivo-directionNav a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	border: 0;
	background-image: url(img/arrows.png);
	background-repeat: no-repeat;
}
a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}
a.nivo-prevNav {
	left: 15px;
}
#slider .nivo-controlNav {
	position: absolute;
	left: 47%;
	bottom: -16px;display:none;
}
#slider .nivo-controlNav a {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}

#slider .nivo-controlNav a.active {
	background-position: -10px 0;
}
/*  Start  content */
.block-top {
	width: 973px;height: 3px;background: url('img/img10.png') no-repeat;
}
.latest-projects-bg {
	width: 973px;height: 210px;background: url('img/img11.png') ;
}
.box-project-latest {
	width: 318px;height: 210px;display:inline-block;
}
.box-project-latest1 {
	width: 313px;height: 210px;display:inline-block;
}
.box-project-right {
	width: 135px;height: 210px;display:inline-block;vertical-align:top
}
.box-project-right1 {
	width: 130px;height: 210px;display:inline-block;vertical-align:top
}
.box-project-left {
	width: 179px;height: 210px;display:inline-block;
}
.box-project-top {
	width: 126px;height: 3px;background: url('img/img14.png') no-repeat;margin-top: 5px;
}
.box-project-bg {
	width: 126px;height: 190px;background: url('img/img15.png') ;
}
.box-project-bot {
	width: 126px;height: 3px;background: url('img/img16.png') no-repeat;
}
.project-demo {
	width: 179px;height: 194px;background: url('img/img13.png') no-repeat;margin-top: 15px;
}
.project-demo img{
	width: 164px;height: 103px;margin-top: 8px;
}
.project-latest-txt {
	width: 126px;height: 25px;
	background: url('img/img17.png') no-repeat right center;
	margin-top: 1px;margin-bottom: 8px;
	font:  12pt  BYekan;
	font-weight: normal;color: #ffffff;
}
.star0 {
	width: 126px;height: 25px;margin-bottom: 4px;margin-top: -2px;
}
.star1 {
	width: 126px;height: 25px;background: url('img/star/star1.png') no-repeat center center;margin-bottom: 4px;margin-top: -2px;
}
.star2 {
	width: 126px;height: 25px;background: url('img/star/star2.png') no-repeat center center;margin-bottom: 4px;margin-top: -2px;
}
.star3 {
	width: 126px;height: 25px;background: url('img/star/star3.png') no-repeat center center;margin-bottom: 4px;margin-top: -2px;
}
.star4 {
	width: 126px;height: 25px;background: url('img/star/star4.png') no-repeat center center;margin-bottom: 4px;margin-top: -2px;
}
.star5 {
	width: 126px;height: 25px;background: url('img/star/star5.png') no-repeat center center;margin-bottom: 4px;margin-top: -2px;
}
.project-latest-site {
	width: 126px;height: 25px;background: url('img/img18.png') no-repeat right center;margin-top: 1px;margin-bottom: 8px;
}
.Graphic-projects-bg {
	width: 973px;height: 167px;background: url('img/img11.png') ;
}
.shop-bg {
	width: 973px;height: 167px;background: url('img/img11.png') ;padding-top: 10px;
}
.shop-bg2{
	width: 973px;height: 100px;background: url('img/img11.png') ;padding-top: 10px;
}
.block-bot {
	width: 973px;height: 3px;background: url('img/img12.png') no-repeat;margin-bottom:10px;
}
.stages {
	display:inline-block;height: 167px; width: 120px; background: url('img/stages-projects/stages.png') no-repeat center center;
}
.stages1 {
	display:inline-block;height: 167px; width: 111px; background: url('img/stages-projects/projects-stages1.png') no-repeat center center;
}
.stages2 {
	display:inline-block;height: 167px; width: 111px; background: url('img/stages-projects/projects-stages2.png') no-repeat center center;
}
.stages3 {
	display:inline-block;height: 167px; width: 111px; background: url('img/stages-projects/projects-stages3.png') no-repeat center center;
}
.stages4 {
	display:inline-block;height: 167px; width: 111px; background: url('img/stages-projects/projects-stages4.png') no-repeat center center;
}
#nextbt{
	height:40px;
	width:40px;
	background: url('img/next.png') no-repeat 0 0;
	overflow:hidden;
	float:right;
	margin:55px 8px 0 0;
	cursor:pointer;
}
#nextbt:hover{
	background: url('img/next-h.png') no-repeat 0 0;
}
#prevbt{
	height:40px;
	width:40px;
	background: url('img/prev.png') no-repeat 0 0;
	overflow:hidden;
	float:left;
	margin:55px 0 0 8px ;
	cursor:pointer;
}
#prevbt:hover{
	background: url('img/prev.png') no-repeat 0 0;
}
#slider1{
	width:815px !important;
	height:160px;
	overflow:hidden;
	margin: 0;
	direction:rtl;
}
#slider1 ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#slider1 ul li{
	width:154px;
	height:160px;
	overflow:hidden;
	float:right;
	margin:0 0 0 10px;
	padding:0;
}
.slider1-bg {
	width:152px;;border-radius: 2px;
	height:133px;
	background:  url('img/bg-shop-li.png');
	border: 1px #e7e7e7 solid;

}
.slider1-bg img{
		width:152px;border-radius: 2px;
	height:133px;

}
.slider1-txt {
	background: url('img/img19.png');width: 155px;height: 25px;margin-top: -2px;	transition: .71s;		
	-webkit-transition: .71s;
	-o-transition: .71s;
	-moz-transition: .71s;position: relative;z-index: 100000;text-align:center;font: 11pt BYekan;color: #808080;

}
.style58:hover .slider1-txt {
	margin-top: -25px;position: relative;z-index: 100000;text-align:center;font: 11pt BYekan;color: #808080;
	transition: .71s;		
	-webkit-transition: .71s;
	-o-transition: .71s;
	-moz-transition: .71s;
}
.post-top {
	width: 973px;height: 4px;background: url('img/img20.png') no-repeat;
}
.post-bg {
		width: 973px;background: url('img/img21.png');padding-top: 10px;

}
.post-bot {
		width: 973px;height: 4px;background: url('img/img22.png') no-repeat;
}
.post-tit {
	width: 973px;height: 30px;background: url('img/img23.png');font: 13pt BYekan;color: #808080;
}
.post-txt {
	font: 12pt BYekan;color: #808080;padding: 5px 10px 5px 10px;
}
.post-txt a {
	color: #808080;
	transition: .71s;		
	-webkit-transition: .71s;
	-o-transition: .71s;
	-moz-transition: .71s;

}
.post-txt a:hover {
	color: #575757;
	transition: .71s;		
	-webkit-transition: .71s;
	-o-transition: .71s;
	-moz-transition: .71s;

}

/*  Start  Footer */
.footer {
	height: 296px;vertical-align:top;margin-bottom: 10px;direction:rtl;
}
.footer-blok-box {
	display:inline-block;height: 296px;width:486px;vertical-align:top;
}
.footer-blok-top {
	height: 3px;width:486px;background: url('img/img4.png') no-repeat;
}
.footer-blok-bg {
	height: 290px; width:486px;background: url('img/img5.png');
}
.footer-blok-bot {
	height: 3px;width:486px;background: url('img/img6.png') no-repeat;
}
.project-live {
	height: 52px;
	width: 461px;
}
.project-live-tit {
	display:inline-block;
	font: 13pt  BYekan;	font-weight: normal;

	text-align:right;
	padding-right: 5px;
	margin-top:2px;
	color:#7b7b7b;
}
.project-live-span {
	font: 1.1em BYekan;color:#820003;display:inline-block
}
.progress-bar {
	background-color: #fff;
	height: 24px;
	width: 394px;
	margin-top: 3px;
	margin-right: 5px;
	float:right;
	border:  #d6d5d5 1px solid;
}
.progress-bar span {
	display: inline-block;
	height: 100%;
}
.live span {
	float:right;
	background-color: #404040;
	background: url('img/liveProjects.gif');
}
.shine span {
	position: relative;
	font: 13px tahoma;
}
.shine span::after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 0;right: 0;bottom: 0;right: 0;
	background: #404040;
	-webkit-animation: animate-shine 3s ease-out infinite;
	-moz-animation: animate-shine 3s ease-out infinite;
}
.Protection img{
	margin:  2.2px;
}
.txt-Protection {
	display:inline-block; width: 173px;vertical-align: top;font: 9pt  BYekan;color: #949494;
}
.Protection-top-txt {
	text-align:right;font: 13pt  BYekan;color:#7b7b7b;padding: 5px 15px 5px 0px;font-weight: normal;	
}
.Copyright-top {
	background: url('img/img1.png') no-repeat;height: 2px;width: 974px;
}
.Copyright-bg {
	background: url('img/img2.png');height: 43px; width: 974px;vertical-align:top;direction:rtl;
}
.Copyright-bot {
	background: url('img/img3.png') no-repeat;height: 2px;width: 974px;
}
.box-Social {
	display:inline-block;height:43px; width: 184px;vertical-align:top;
}
.txt-Social {
	display:inline-block;height:43px;font: 10pt BYekan;color: #8b8b8b;width: 105px; vertical-align:top;text-align:left;padding-top: 12px;
}
.box-twitter {
	display:inline-block;height:43px;width:32px;padding-top: 6px;
}
.twitter {
	display:inline-block;
	height:32px;width:32px;
	background: url('img/twitter.png') #6c6c6c no-repeat; 
	transition: .81s;		
	-webkit-transition: .81s;
	-o-transition: .81s;
	-moz-transition: .81s;

}
.twitter:hover {
	display:inline-block;
	height:32px;width:32px;
	background: url('img/twitter.png') #60A3F4 no-repeat; 
	transition: .81s;
	-webkit-transition: .81s;
	-o-transition: .81s;
	-moz-transition: .81s;

}
.box-facebook {
	display:inline-block;
	height:43px;width:32px;
	padding-top: 6px;
}
.facebook {
	display:inline-block;
	height:32px;width:32px;
	background: url('img/facebook.png') #6c6c6c no-repeat;
	transition: .81s;		
	-webkit-transition: .81s;
	-o-transition: .81s;
	-moz-transition: .81s;

}
.facebook:hover {
	display:inline-block;
	height:32px;
	width:32px;
	background: url('img/facebook.png') #0C54AD no-repeat;
	transition: .81s;		
	-webkit-transition: .81s;
	-o-transition: .81s;
	-moz-transition: .81s;

}
.box-up {
	display:inline-block;height:43px; width: 43px;vertical-align:top;
}
.error {
	height:40px; width: 43px; background: url('img/error.png') no-repeat center center;
}
#topcontrol{
	z-index:2;
	background: url('img/up.png') no-repeat center center ;
	width: 30px;
	height: 30px;
	text-indent: -99999px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	position:fixed;
	bottom:-100px;
	right:10px;
	cursor:pointer;
	-webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow:auto;
}
.Copyright-txt {
	display:inline-block;height:43px; width: 730px; vertical-align:top;font: 10pt BYekan;color: #8b8b8b;padding-top: 12px;
}



.titleChat{
	background-color: #1da1d5;
	bottom: 0;
	color: #ffffff;
	direction: rtl;
	display: inline-block;
	float: left;
	font-family: Byekan;
	font-size: 18px;
	padding: 12px 20px 6px;
	position: fixed;
	left: 10px;
	text-align: right;
	width: 130px;
	border-bottom: 3px solid #4C4A4A;
}

#bottomChat:hover .titleChat{
	background-color: #37b8eb;
    box-shadow: 0 0 2px #666C6C inset;
    color: #ffffff;
    cursor: pointer;
}

.imgChat {
	background-image: url("img/chat.png");
	background-repeat: no-repeat;
	bottom: -4px;
	display: inline-block;
	float: left;
	height: 48px;
	position: fixed;
	left: 20px;
	width: 48px;
}
.table{
width: 890px;
padding:0px;
margin:10px 0px 10px 0px;

font: 13pt BYekan;
}
.table td{
border:1px solid #dedede;
padding:4px;
margin:1px;
}
.table tr{
padding:3px;
margin:2px;
text-align:center;
}
.table tr:hover{
background-color:#11a3d3;
color:#f7f7f7;
}



