@font-face{font-family:'BYekan';src:url('../fonts/BYekan.eot');src:local('â˜º'), url('../fonts/BYekan.woff') format('woff'), url('../fonts/BYekan.ttf') format('truetype'), url('../fonts/BYekan.svg') format('svg');font-weight:normal;font-style:normal;}
::selection{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3);}
::-moz-selection{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3);}
html{direction:rtl;}
body{background:url("../img/bg.jpg") no-repeat fixed 0 0/100% 100% #EFEFEF;font-family:byekan,tahoma;margin:0;}
table, tr, td, img{border:medium none;}
body a{color:#2786B3;text-decoration:none;}
ul, ol, li, dl, dd, dt, p, tr, td, th{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:18px;font-weight:normal;margin:0;}
p:first-child{margin-top:0;}
p{font-size:13px;margin:20px 0 0;text-align:justify;}
li{list-style:none outside none;}
input, textarea, button{font-family:byekan,tahoma;}
.clear{clear:both;}
header{margin:50px auto 20px;overflow:hidden;width:980px;}
header h1{color:#FFFFFF;font-size:25px;text-shadow:2px 2px #575757;}
.right{float:right;}
.left{float:left;}
.articles #contact_us .article_title{background-position: right -91px;}
.services_section{background:none repeat scroll 0 0 rgba(255, 255, 255, 0.6);display:none;position:relative;text-align:center;z-index:1101;}
.services_section h4{display:inline-block;margin-top:10px;}
.services_section p{border-top:5px solid #6B6B6B;color:#3E3E3E;display:inline-block;margin:0 auto 10px;padding-top:10px;width:450px;}
header form{overflow:hidden;margin-left:20px;}
header form input[type="submit"], .main_manu_button{background:url("../img/header_icons.png") no-repeat scroll -47px 5px rgba(0, 0, 0, 0);border:2px solid #FFFFFF;border-radius:50%;cursor:pointer;float:left;height:35px;padding:5px;width:35px;}
header form input[type="text"]{background:url("../img/header_icons.png") no-repeat scroll right -20px rgba(0, 0, 0, 0);border:2px solid transparent;border-radius:5px;color:#FFFFFF;cursor:pointer;float:right;margin-left:10px;opacity:0;padding:0;transition:all 0.3s ease 0.1s;width:0;}
header form input[type="text"]:focus{cursor:text;}
header form:hover input[type="text"]{border:2px solid #FFFFFF;opacity:1;padding:5px 25px 5px 10px;width:180px;}
aside{background:none repeat scroll 0 0 #1F0068;bottom:0;display:none;height:100%;padding:0 10px;position:fixed;right:0;top:0;width:150px;z-index:10000;}
#aside_close{color:#FFFFFF;cursor:pointer;display:inline-block;font:20px 'Comic Sans MS';margin:10px 0 30px;}
aside ul{margin-bottom:10px;}
aside ul li:nth-child(1) a:before, aside ul li:nth-child(4) a:before,
aside ul li:nth-child(6) a:before, aside ul li:nth-child(9) a:before{background-color:#BC1D49;}
aside ul li:nth-child(2) a:before, aside ul li:nth-child(10) a:before,
aside ul li:nth-child(8) a:before, aside ul li:nth-child(14) a:before{background-color:#F39C12;}
aside ul li:nth-child(3) a:before, aside ul li:nth-child(11) a:before,
aside ul li:nth-child(15) a:before{background-color:#9B59B6;}
aside ul li:nth-child(5) a:before, aside ul li:nth-child(12) a:before{background-color:#1ABC9C;}
aside ul li:nth-child(7) a:before, aside ul li:nth-child(13) a:before{background-color:#2980B9;}
aside ul li a:before{content:"";height:20px;margin-right:-30px;margin-top:2px;position:absolute;width:20px;}
aside ul li a{color:#FFFFFF;margin-right:30px;margin-bottom:10px;display:inline-block;}
.main_manu_button{background-position:5px 5px;height:21px;width:21px;}
.body_wrapper{margin:0 auto;overflow:hidden;width:980px;}
.parts{float:right;margin-left:10px;width:320px;}
.parts:last-child{margin-left:0;}
ul.main_menu{overflow:hidden;}
ul.main_menu:hover li{opacity:0.5;}
ul.main_menu li{background:url("../img/menu_icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);float:right;height:155px;text-align:center;transition:all 0.5s ease 0.1s;width:155px;}
ul.main_menu li:hover{opacity:1;}
ul.main_menu li.portfolio{background-color:#1ABC9C;background-position:40px 35px;margin:0 0 10px 10px;}
ul.main_menu li.about{background-color:#F39C12;background-position:40px -120px;margin:0 0 10px 0;}
ul.main_menu li.blog{background-color:#B01A40;background-position:40px -275px;margin:0 0 0 10px;}
ul.main_menu li.team{background-color:#9B59B6;background-position:40px -425px;}
ul.main_menu li.suggestion{background-color:transparent; background:url("../images/mail-box.png") no-repeat !important;}
ul.main_menu li a{color:#FFFFFF;cursor:pointer;display:block;padding-bottom:9px;padding-top:120px;}
.text_container{color:#FFFFFF;height:135px;overflow:hidden;padding:10px;}
.clients_comments{background:none repeat scroll 0 0 #34495E;margin-top:10px;}
.text_container h5{clear:both;display:inline-block;margin-bottom:10px;}
.scrollbox{height:95px;overflow:auto;width:290px;}
.vertical-track{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3);border-radius:15px;width:10px;}
a.vertical-handle{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3);border-radius:15px;padding:0;width:10px;}
.scrollbox p{margin-right:10px;}
ul.main_menu li.twitter{background-color:#1BA1E2;background-position:-110px 40px;margin:0 0 0 10px;}
ul.main_menu li.facebook{background-color:#296BCD;background-position:-110px -120px;}
.thumbnail{margin-bottom:10px;overflow:hidden;}
.thumbnail, .thumbnail img{height:155px;width:320px;}
.thumbnail span{background:none repeat scroll 0 0 rgba(245, 155, 20, 0.7);color:#FFFFFF;display:block;padding:5px 0;position:relative;text-align:center;top:0;transition:all 0.3s ease-out 0.1s;}
.abuot_us{background:none repeat scroll 0 0 #B81C46;margin-bottom:10px;}
.thumbnail:hover span{top:-45px;}
ul.main_menu li.services{background-color:#BB1D48;background-position:-115px -280px;margin-left:10px;}
ul.main_menu li.contact_us{background-color:#2980B9;background-position:-115px -430px;}
.articles, .light_box{border:0 none;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;}
.light_box{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.4);cursor:pointer;z-index:1001;}
.articles article{background:none repeat scroll 0 0 #FAFAFA;border-radius:5px;box-shadow:0 0 20px #2A2A2A;display:none;height:350px;margin:0 auto;padding:20px;position:relative;top:80px;width:700px;z-index:1002;}
.close_button{background:none repeat scroll 0 0 #2D2D2D;border:3px solid #D4D4D4;border-radius:50%;color:#D4D4D4;cursor:pointer;font:bold 20px 'Comic Sans MS';left:-20px;padding:3px 11px;position:absolute;top:-20px; z}
.articles article .article_title{background:url("../img/small_icons.png") no-repeat scroll right -126px rgba(0, 0, 0, 0);border-bottom:3px solid;color:#383838;display:inline-block;margin-bottom:20px;padding:0 25px 5px 20px;}
.articles #portfolio .article_title{background-position:right 8px;}
.articles article a.vertical-handle{background-color:#333333;}
.articles article .vertical-track{background-color:rgba(0,0,0,0.1);}
.article_part{overflow:hidden;}
.portfolio_thumbnail{background:none repeat scroll 0 0 #E7E7E7;border-radius:5px;box-shadow:0 0 20px #B0B0B0 inset;float:right;margin:3px;padding:5px;text-align:center;width:100px;}
.articles article .scrollbox .portfolio_thumbnail img{float:none;}
.portfolio_thumbnail span{background:none repeat scroll 0 0 #FFFFFF;border-radius:3px;box-shadow:-1px -1px 0 #AAAAAA;font-size:8px;padding:5px;}
.articles article .scrollbox{height:290px;width:480px;}
.articles #about_us .article_title{background-position:right -28px;}
.articles #about_us .article_part{border-bottom:3px solid #606060;margin-bottom:20px;margin-right:10px;padding-bottom:20px;}
.articles #about_us .article_part p{margin-top:0;}
.articles #about_us .article_part:last-child{border-bottom:medium none;margin-bottom:0;padding-bottom:0;}
.articles #about_us .scrollbox p{float:right;margin-left:10px;width:340px;}
.articles article .scrollbox img{float:left;height:100px;width:100px;}
.articles #designers_team .article_title{background-position:right -64px;}
.articles #designers_team .article_part{margin:0 auto 20px;width:362px;}
.articles #designers_team .article_part:last-child{margin-bottom:0;}
.articles #designers_team .article_part img{float:right;height:130px;margin-left:10px;width: 130px;}
.articles #designers_team .article_part ul{float:right;}
.articles #designers_team .article_part ul li{background:url("../img/small_icons.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);border-right:5px solid;color:#FFFFFF;font-size:13px;margin-bottom:0px;padding:2px 25px 2px 10px;}
.articles #designers_team .article_part ul li:nth-child(1){background-color:#1ABC9C;background-position:right -379px;border-color:#008C6C;min-width: 320px;}
.articles #designers_team .article_part ul li:nth-child(2){background-color:#F39C12;background-position:right -157px;border-color:#BE6E00;min-width: 320px;}
.articles #designers_team .article_part ul li:nth-child(3){background-color:#B01A40;background-position:right -187px;border-color:#8C001C;min-width: 320px;}
.articles #designers_team .article_part ul li:nth-child(4){background-color:#9B59B6;background-position:right -219px;border-color:#73318E;min-width: 320px;}
.articles #designers_team .article_part .about_author{background:none repeat scroll 0 0 #279AC4;border:5px solid #00709A;color:#FFFFFF;padding:10px;min-width: 320px;}
.articles #My-Skill .article_title{background-position:right -345px;}
.articles #My-Skill .article_part{margin:0 auto 20px;width:362px;}
.articles #My-Skill .article_part:last-child{margin-bottom:0;}
.articles #My-Skill .article_part img{float:right;height:130px;margin-left:10px;width:200px;}
.articles #My-Skill .article_part ul{float:right;}
.articles #My-Skill .article_part ul li{background:url("../img/small_icons.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);border-right:5px solid;color:#FFFFFF;font-size:13px;margin-bottom:0px;padding:2px 25px 2px 10px;}
.articles #My-Skill .article_part ul li:nth-child(1){background-color:#1ABC9C;background-position:right -379px;border-color:#008C6C;min-width: 320px;}
.articles #My-Skill .article_part ul li:nth-child(2){background-color:#F39C12;background-position:right -157px;border-color:#BE6E00;min-width: 320px;}
.articles #My-Skill .article_part ul li:nth-child(3){background-color:#B01A40;background-position:right -187px;border-color:#8C001C;min-width: 320px;}
.articles #My-Skill .article_part ul li:nth-child(4){background-color:#9B59B6;background-position:right -219px;border-color:#73318E;min-width: 320px;}
.articles #My-Skill .article_part .about_author{background:none repeat scroll 0 0 #279AC4;border:5px solid #00709A;color:#FFFFFF;padding:10px;}
.articles #portfolio .article_title{background-position:right 4px;}
.articles #portfolio .article_part{margin:0 auto 20px;width:362px;}
.articles #portfolio .article_part:last-child{margin-bottom:0;}
.articles #portfolio .article_part img{float:right;height:130px;margin-left:10px;width:200px;}
.articles #portfolio .article_part ul{float:right;}
.articles #portfolio .article_part ul li{background:url("../img/small_icons.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);border-right:5px solid;color:#FFFFFF;font-size:13px;margin-bottom:10px;padding:2px 25px 2px 10px;}
.articles #portfolio .article_part ul li:nth-child(1){background-color:#1ABC9C;background-position:right -125px;border-color:#008C6C;}
.articles #portfolio .article_part ul li:nth-child(2){background-color:#F39C12;background-position:right -157px;border-color:#BE6E00;}
.articles #portfolio .article_part ul li:nth-child(3){background-color:#B01A40;background-position:right -187px;border-color:#8C001C;}
.articles #portfolio .article_part ul li:nth-child(4){background-color:#9B59B6;background-position:right -219px;border-color:#73318E;}
.articles #portfolio .article_part .about_author{background:none repeat scroll 0 0 #279AC4;border:5px solid #00709A;color:#FFFFFF;padding:10px;}
.articles #contac_us .article_title{background-position:right -92px;}
#googleMap{height:290px;margin-right:10px;width:460px;}
.contact_box{float:right;min-height:280px;margin:0 10px 10px 0;width:225px;}
form.contact_box input[type="text"]{background:url("../img/small_icons.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);border:medium none;border-right:5px solid;cursor:pointer;margin-bottom:10px;padding:5px 25px 5px 10px;width:185px;}
form.contact_box input[type="text"]:focus{cursor:text;}
form.contact_box input[type="text"]:nth-child(1){background-color:#1BA1E2;background-position:right -122px;border-right-color:#0076B7;color:#FFFFFF;}
form.contact_box input[type="text"]:nth-child(2){background-color:#1ABC9C;background-position:right -248px;border-right-color:#009070;color:#FFFFFF;direction:ltr;font-family:arial;padding:8px 25px 8px 10px;text-align:left;}
form.contact_box textarea{background:none repeat scroll 0 0 #34495E;border:5px solid #586D82;color:#FFFFFF;font-size:13px;height:136px;margin-bottom:10px;padding:10px;resize:vertical;width:195px;}
form.contact_box input[type="submit"]{background:none repeat scroll 0 0 #F39C12;border:medium none;color:#FFFFFF;cursor:pointer;padding:3px 10px;width:225px;}
form.contact_box textarea{background:url("../img/small_icons.png") no-repeat scroll right -312px #34495E;border:5px solid #586D82;color:#FFFFFF;font-size:13px;height:136px;margin-bottom:10px;padding:5px;resize:vertical;text-indent:20px;width:205px;}
.contact_box .field{background:url("../img/small_icons.png") no-repeat scroll right 0 rgba(0,0,0,0);color:#FFFFFF;direction:ltr;font:bold 13px arial;margin-bottom:10px;padding:8px 10px 8px 25px;text-align:left;}
.contact_box .field:nth-child(1){background-color:#B01A40;background-position:left -249px;}
.contact_box .field:nth-child(2){background-color:#9B59B6;background-position:left -280px;}
.contact_box .field:nth-child(3){background-color:#9B59B6;background-position:left -280px;}
.contact_box .field:nth-child(3){background:none repeat scroll 0 0 #424242;border:5px solid #333333;direction:rtl;font:13px byekan,tahoma;height:175px;margin-bottom:0;padding:5px;text-align:justify;}
footer{background:none repeat scroll 0 0 #1F0068;color:#FFFFFF;margin-top:10px;padding:9px 0;text-align:center;}
footer a{color:#FFFFFF;}
.contact-result {background: none repeat scroll 0 0 #FFFFFF;border-radius: 5px;margin: 100px auto 0;padding: 10px;text-align: center;width: 350px;}