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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,top-header,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
outline:none
}

html {
height:101%
}

body {
font-size:62.5%;
line-height:1;
font-family:yekan,Arial,Tahoma,Verdana,sans-serif
}

article,aside,details,figcaption,figure,footer,top-header,menu,nav,section {
display:block
}

ol,ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}

strong {
font-weight:700
}

input {
outline:none
}

table {
border-collapse:collapse;
border-spacing:0
}

img {
border:0;
max-width:100%;
height:auto
}

a {
text-decoration:none;
color:inherit
}

.clearfix:before,.container:after {
content:"";
display:table
}

.clearfix:after {
clear:both
}

.clearfix {
zoom:1
}

.clear {
clear:both
}

.topbanner {
overflow:hidden;
margin-top:130px;
background:#fff;
padding:10px;
text-align:center
}

.p404 {
margin-bottom:50px;
height:500px
}

.p404 span {
font-size:240px;
color:#3498db;
line-height:240px;
display:block;
margin-top:20px
}

.p404 p {
font-size:30px;
color:#3498db;
margin-bottom:15px
}

.nfp {
font-size:15px!important;
line-height:30px!important;
color:#333!important;
margin:0!important
}

.p404 .searchbox {
width:520px;
margin:0 auto;
margin-top:35px;
box-shadow:1px 1px 7px rgba(0,0,0,.2);
-moz-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-webkit-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-ms-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-o-box-shadow:1px 1px 7px rgba(0,0,0,.2);
border-radius:3px
}

.p404 .searchbox input[type=text] {
width:410px;
border:none;
line-height:40px;
font:normal 14px/40px vaizr;
color:#ccc;
padding:0 10px
}

.searchbox input[type=submit] {
border:none;
background:#3498db;
color:#fff;
font:normal 14px/40px vaizr;
padding:0 35px;
float:left;
border-radius:3px 0 0 3px
}

.searchbox input[type=submit]:hover {
background:#333
}

* {
box-sizing:border-box
}

@font-face {
font-family:"vazir";
src:url(fonts/Vazir.woff) format("woff")
}

@font-face {
font-family:"vazir-b";
src:url(fonts/Vazir-Bold.woff) format("woff")
}

@font-face {
font-family:"vazir-l";
src:url(fonts/Vazir-Light.woff) format("woff")
}

body {
direction:rtl;
font:normal 14px/30px vazir;
background:#f3f3f3
}

.container {
width:1120px;
margin:0 auto
}

#header {
position:fixed;
z-index:9;
left:0;
right:0
}

.HeadTop {
height:50px;
background:#2c3e50;
color:#fff;
font:normal 14px/50px vazir-l
}

.HeadTop nav {
float:right;
overflow:hidden
}

.HeadTop nav li {
float:right
}

.HeadTop nav li a {
line-height:46px;
display:inline-block;
padding:0 20px
}

.HeadTop nav li a:hover {
color:#3498db
}

.HeadTop nav li:after {
content:"/"
}

.HeadTop nav li:last-child:after {
content:""
}

.hsearch {
float:left;
margin-left:5px;
direction:ltr
}

form input#search {
font:normal 14px/30px vazir-l;
background-color:transparent;
border:none;
outline:none;
width:0;
text-align:right;
color:#fff;
transition:width .4s;
direction:rtl
}

form input#search:focus {
width:150px;
border-bottom:1px solid #fff
}

.hsearch form label {
font:normal 34px/30px chakadicon!important;
color:#fff;
background:transparent;
display:inline-block;
height:30px;
cursor:pointer;
vertical-align:middle
}

.logoarea {
float:left;
display:inline-block
}

.logoarea img {
width:140px;
height:120px
}

.HeadExtra {
height:30px;
background:#3498db;
color:#fff;
font:normal 12px/30px vazir-l
}

.hticker {
float:right;
margin-right:20px
}

.calendar {
float:left;
margin-left:10px
}

#Cover {
background:url(images/3.jpg) no-repeat;
background-size:100% auto;
overflow:hidden;
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
min-height:100vh;
text-align:center;
color:#fff
}

#Cover h1 {
font:normal 30px/60px vazir-b;
margin-top:150px;
text-shadow:0 1px 4px rgba(0,0,0,.215)
}

#Cover h2 {
font:normal 18px/60px vazir;
text-shadow:0 1px 4px rgba(0,0,0,.215)
}

#Cover p {
font:normal 16px/32px vazir-l;
width:60%;
margin:0 auto;
text-align:justify;
text-shadow:0 1px 2px rgba(60,55,68,.325)
}

#Cover a {
font:normal 16px/44px vazir;
margin-top:40px;
border:2px solid #fff;
display:inline-block;
padding:0 20px;
border-radius:3px;
text-shadow:0 1px 4px rgba(0,0,0,.215);
box-shadow:0 1px 2px rgba(0,0,0,.15)
}

* {
transition:.3s ease all
}

a.btn:hover {
color:#fff;
border-color:#3498db!important;
background:#3498db
}

.scroll a {
font:normal 9px/23px vazir-b!important;
margin-top:70px;
border:2px solid #fff;
padding:0 8px!important;
border-radius:40%!important;
position:absolute;
bottom:70px
}

.scroll a:after {
font-family:"flexslider-icon";
font-size:14px;
display:inline-block;
content:'\f005';
color:rgba(255,255,255,1);
position:absolute;
bottom:-30px;
left:0;
right:0
}

.scroll a:before {
font-family:"flexslider-icon";
font-size:14px;
display:inline-block;
content:'\f005';
color:rgba(255,255,255,0.6);
position:absolute;
bottom:-40px;
left:0;
right:0
}

#Services {
background:#ecf0f1;
overflow:hidden;
min-height:200px;
text-align:center
}

.title {
font:normal 18px/32px vazir-b;
text-align:center;
color:#252525;
margin:20px 0
}

.title:before {
content:'\e900';
display:inline-block;
width:12px;
height:12px;
font:normal 16px/16px chakadicon;
margin-left:12px
}

.title:after {
content:"\e900";
display:inline-block;
width:12px;
height:12px;
font:normal 16px/11px chakadicon;
margin-right:12px;
transform:rotate(180deg)
}

.service {
width:19%;
display:inline-block;
text-align:center;
color:#2c3e50;
font:normal 14px/32px vazir-b;
margin:20px 0
}

.service img {
height:90px;
width:90px;
margin-bottom:20px
}

.service:hover img {
transform:rotate(5deg)
}

.service a:hover {
color:#2c3e50
}

#projects {
background:#fff
}

.projects-box {
display:inline-block;
width:48%;
height:500px
}

.projects-box:first-child {
margin-left:20px
}

.project {
position:relative
}

.project img {
width:100%;
height:380px!important;
margin-top:5px
}

.pr-info {
position:absolute;
bottom:0;
background:rgba(0,0,0,0.8);
width:100%;
height:50px;
color:#fff;
padding:0 10px;
line-height:50px;
font-size:14px
}

.pr-info h3 {
display:inline-block;
float:right;
direction:rtl
}

.pr-info a {
float:left;
border:1px solid #fff;
border-radius:3px;
padding:0 10px;
line-height:30px;
margin-top:10px
}

#blog {
background:#ecf0f1;
overflow:hidden;
padding-bottom:20px;
padding-top:20px
}

#blog .title {
margin:20px 0
}

#blog article {
width:48%;
min-height:190px;
background:rgba(255,255,255,1);
float:right;
margin-bottom:20px
}

#blog article:nth-child(even) {
margin-left:20px;
height:100px
}

#blog article img {
width:150px;
height:170px;
float:right;
margin:10px
}

#blog article h2 {
font:normal 15px/28px vazir-b;
margin:10px;
max-height:28px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}

#blog article p {
font:normal 14px/20px vazir-l;
padding-right:10px;
text-align:justify;
height:100px;
overflow:hidden;
padding-left:20px
}

#blog article .readmore {
float:left;
border:1px solid #000;
border-radius:3px;
line-height:22px;
padding:0 5px;
font-size:14px;
margin:5px 0 10px 20px
}

#about-us {
background:#fff;
padding-top:20px
}

.about-box {
float:right;
width:48%;
text-align:center;
margin:40px 0
}

.about-box p {
text-align:justify;
font:normal 14px/28px vazir
}

.about-box p a {
color:#3498db
}

.socials {
margin-top:20px
}

.socials a {
display:inline-block;
color:#636363;
font:normal 36px/50px chakdicon;
width:50px;
height:50px
}

.gplus:hover {
color:#dd4b39
}

.instagram:hover {
color:#262626
}

.telegram:hover {
color:#308fd6
}

.linkedin:hover {
color:#1f64a3
}

.facebook:hover {
color:#3b5998
}

.Lbox {
background:rgba(0,0,0,0.8);
color:#fff;
min-height:300px;
padding:20px;
font:normal 14px/30px vazir-l;
float:left
}

.Address {
width:43%;
text-align:left;
float:right
}

.Address div,.Faddress div {
color:#3498db;
text-align:right
}

.Address p {
text-align:justify
}

.Lbox form {
width:53%;
float:left;
border-right:1px solid #fff;
padding-right:20px
}

.cm_input {
border:none;
width:100%;
height:35px;
margin-bottom:10px;
padding:0 10px;
font-family:vazir
}

#textarea {
width:100%;
height:100px;
font-size:14px;
margin-bottom:10px;
padding:5px 10px;
font-family:vazir;
font-size:12px
}

form .btn {
width:100%;
background:#3498db;
border:none;
height:30px;
color:#fff;
cursor:pointer;
font:normal 14px/28px vazir
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
top:-5px!important;
width:100%!important;
padding:.2em .8em!important;
left:0!important;
right:0!important;
z-index:8!important
}

div.wpcf7-response-output {
margin:0 0 10px!important;
font-size:12px!important;
line-height:16px!important
}

span.wpcf7-not-valid-tip {
font-size:.8em!important;
line-height:5px!important
}

#footer {
color:#fff;
background:#111;
text-align:center;
overflow:hidden;
border-top:3px solid #3498db
}

#footer h2 {
margin:30px;
font-size:16px
}

.Fsocials a {
margin-right:20px;
font-size:24px
}

.Fnav {
display:inline-block;
border-bottom:2px solid #3498db;
text-align:center;
margin:0 auto
}

.Fnav li {
display:inline-block
}

.Fnav li a {
line-height:50px;
display:inline-block;
padding:0 20px
}

.Fnav li a:hover {
color:#3498db
}

.trust {
margin:50px 0 40px;
text-align:center
}

.trust img {
margin-left:20px
}

.copyright {
background:#000
}

aside {
margin-top:160px
}

.content {
float:right;
background:#fff;
margin-bottom:40px;
box-shadow:1px 1px 7px rgba(0,0,0,.2);
-moz-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-webkit-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-ms-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-o-box-shadow:1px 1px 7px rgba(0,0,0,.2);
border-radius:3px
}

.widget {
background:#fff;
margin-bottom:20px;
box-shadow:1px 1px 7px rgba(0,0,0,.2);
-moz-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-webkit-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-ms-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-o-box-shadow:1px 1px 7px rgba(0,0,0,.2);
border-radius:3px
}

.widget-title {
font-size:16px;
border-bottom:1px solid #d5d5d5;
border-radius:3px 3px 0 0;
background:#f5f5f5
}

.widget-title h4 , .widget-title h1{
border-bottom:2px solid #3498db;
padding:5px 10px;
display:inline-block;
}

.wid-content {
border-radius:0 0 3px 3px;
padding:10px;
font-size:13px
}

.widget a:hover {
color:#3498db
}

.content {
width:72%;
min-height:100px;
text-align:center;
padding:15px
}

.sidebar {
width:26%;
float:left;
background:#f3f3f3
}

.content .title {
height:60px;
line-height:60px;
background:#F5F5F5;
padding:0 15px;
font-size:16px;
border-bottom:1px solid #d5d5d5;
border-radius:3px 3px 0 0;
margin:-15px;
margin-bottom:10px
}

.content .archive {
display:inline-block;
background:#fff;
width:29%;
height:470px;
position:relative;
margin:15px;
box-shadow:1px 1px 7px rgba(0,0,0,.2);
-moz-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-webkit-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-ms-box-shadow:1px 1px 7px rgba(0,0,0,.2);
-o-box-shadow:1px 1px 7px rgba(0,0,0,.2);
border-radius:3px;
margin-bottom:15px;
overflow:hidden;
padding-bottom:10px
}

.content .archive:hover {
transform:scale(1.05)
}

.archive img {
width:100%;
height:150px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);
box-shadow:0 1px 2px rgba(0,0,0,.075);
border-radius:3px 3px 0 0
}

.content .archive header h2 {
font:normal 14px/23px vazir-b;
padding:0 15px;
text-align:right;
width:100%;
margin:0;
max-height:71px;
overflow:hidden
}

.content .archive header h2:hover {
color:#3498db
}

.content .archive .excerpt {
text-align:right;
margin-top:10px;
width:100%;
padding:0 15px;
line-height:25.5px;
color:#444
}

.pagination li {
display:inline-block
}

.pagination li a,.pagination span {
display:inline-block;
font:normal 16px/40px vazir;
border-radius:3px;
background:#3498db;
color:#fff;
padding:0 15px;
margin-right:5px
}

.pagination span,.pagination .current {
background:#fff;
color:#3498db
}

.pagination .current {
border:1px solid #3498db
}

.article header {
margin:-15px -15px 0;
position:relative
}

.article figure {
height:350px
}

.article-thumb {
width:100%;
height:100%!important;
border-radius:3px 3px 0 0
}

.article h1 {
color:#fff;
position:absolute;
bottom:0;
z-index:2;
background:rgba(0,0,0,.7);
width:100%;
padding:10px 15px;
text-align:right;
font:normal 16px/32px vazir
}
.widget-title h1{position: relative;background: transparent;color: #000;font:normal 18px/36px vazir-b}
.article h2 {
font:normal 20px/40px vazir-b;
text-align:right;
  margin-top: 10px
}

.article h3 {
font:normal 18px/36px vazir-b;
text-align:right;
  margin-top: 6px
}

.article p {
text-align:justify
}

.article header figure img{width: 100%;height: 100%;}

.posttags {
float:right;
line-height:24px;
text-align:right;
font-size:12px;
margin-top:10px;
color:#7d7d7d
}

.posttags i {
display:inline-block;
font:normal 15px/24px chakadicon;
color:#000;
display:inline-block;
margin-left:10px
}

.posttags a {
display:inline-block
}

.posttags a:hover {
color:#000
}

.details {
line-height:24px;
text-align:left;
font-size:12px;
margin-top:10px;
color:#7d7d7d
}

.details span:last-child {
float:left
}

.details span:after {
content:"\1f468";
font:normal 20px/24px chakadicon;
color:#000;
display:inline-block;
margin-right:10px
}

.details span:last-child:after {
content:"\1f4c5"
}

.author {
margin-left:30px
}

.context{
  text-align: justify;
}

.context p {
font:normal 14px/32px vazir;
margin-top:10px;
}

.context ol, .context ul{text-align: right;margin-right: 2em;list-style: inherit}
.context a{color:#1e88e5;border-bottom:1px dotted #1e88e5;padding:0 2px}
.context a:hover{color:#333;border-color:#333}
.context blockquote{background:#1e88e5;padding:15px 50px;color:#fff;border-radius:3px;position:relative;margin:10px 0}
.context blockquote a{color:#fff!important}
.context blockquote a:hover{color:#333}
.context figure{color:#333;max-width:95%;height: auto;margin-top: 10px;margin-bottom: 10px}
.context figure a{border:0}
.context figcaption{font:italic 14px/20px vazir;color:#888;text-align: right}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}

.share {
text-align:left;
margin-top:20px;
font-size:14px
}

.share span {
color:#7d7d7d;
font-size:12px
}

.share a {
margin:0 10px
}

.share img {
margin-left:10px;
width:24px;
height:24px
}

#project-post {
padding-top:130px
}

.project-explan {
background:#fff;
padding:10px;
padding:20px;
margin-bottom:40px
}

.project-explan p {
margin-bottom:10px
}

.project-explan h2 {
font:normal 16px/32px vazir-b;
margin-bottom:5px
}

#project-gallery {
text-align:center;
direction:ltr!important
}

.owl-carousel {
direction:ltr
}

#project-gallery img {
width:90%;
height:200px;
display:inline-block;
margin:22px
}

#location {
width:100%;
height:380px
}

#team-wrapper {
width:50%;
height:500px
}

.team {
height:180px;
width:29%;
float:right;
position:relative;
margin:10px
}

.team img {
display:inline-block;
width:100%;
height:100%
}

.t-info {
text-align:center;
font:normal 14px/28px vazir-l;
color:#fff;
background:rgba(0,0,0,.5);
visibility:hidden;
position:absolute;
top:0;
width:100%;
height:100%
}

.t-info .name {
margin-top:30px
}

.t-post {
margin:15px 0
}

.t-info a {
display:inline-block;
border:1px solid #fff;
padding:0 10px;
border-radius:2px
}

.team:hover .t-info {
visibility:visible
}

.openbtn,.closebtn {
display:none
}

@media screen and (max-width:	1120px) {
.container {
width:980px
}
}

@media screen and (max-width:	980px) {
body {
overflow-x:hidden
}

.container {
width:90%
}

#team-wrapper {
float:none;
width:100%;
padding:0 15%
}

.projects-box {
width:100%
}

.flexslider {
width:500px;
margin:0 auto!important
}

#blog {
height:auto;
padding:0 5%
}

#blog .title {
text-align:center
}

#blog article {
float:none;
width:100%
}

#about-us .container {
width:100%!important
}

.about-box {
float:none;
width:60%;
margin:0 auto
}

.socials {
margin:40px
}

.about-box.Lbox {
width:100%;
padding:20px 5% 0
}
}

@media screen and (max-width:	800px) {
.HeadExtra {
display:none
}
  aside.content , aside.sidebar{width: 100%;margin: 90px 0 0 0}
  aside.sidebar{margin-top: 20px}
.HeadTop{
box-shadow: 0 0 5px rgba(0,0,0,.4)
}

.HeadTop nav {
height:100%;
width:0;
position:fixed;
z-index:50;
right:0;
background-color:#fff;
overflow:hidden;
padding:0;
transition:.1s!important;
box-shadow:0 0 500px #000
}

.HeadTop nav li {
text-decoration:none;
color:#363636;
display:block;
transition:.1s!important;
float:none
}

.HeadTop nav li:after {
content:""
}

.HeadTop nav ul {
float:none
}

.closebtn:hover {
color:rgba(231,76,60,1.0)!important
}

.closebtn {
font-size:30px;
color:#363636;
text-align:left;
margin-top:5px;
margin-left:6px;
display:block
}

.openbtn {
cursor:pointer;
display:inline-block;
float:right
}

.openbtn i {
font:normal 48px/50px chakadicon
}

.scroll {
display:none
}

.hsearch {
float:right;
direction:rtl;
margin:0 4px 0 0
}

.logoarea img {
display:none!important
}

.logoarea a {
display:block;
width:50px;
height:50px;
background:url(images/slogo.png)
}
}

@media screen and (max-width:	768px) {
#Cover p,.about-box {
width:80%
}

.service {
width:30%
}
}

@media screen and (max-width:	600px) {
.team {
width:44%
}

#Cover {
min-height:auto!important;
padding-bottom:80px
}

#Cover h1 {
margin-top:100px
}

.projects-box {
width:100%;
height:auto!important
}

.flexslider {
width:100%;
margin:0 auto!important
}

.flexslider img {
height:auto!important
}

.pr-info {
height:auto;
line-height:25px;
padding:5px 2px
}

.pr-info h3 {
display:block;
float:none;
text-align:center;
margin-bottom:10px
}

.pr-info a {
float:none;
display:block;
width:100px;
margin:0 auto;
text-align:center
}

.Address,.Lbox form {
float:none;
width:100%
}

.Lbox form {
border-top:1px solid #fff;
border-right:0;
padding:20px 0 0
}
}

@media screen and (max-width:	470px) {
.service {
width:49%
}

.Fnav {
display:none
}

.socials {
width:100%;
padding:0;
margin-right:auto;
margin-left:auto
}
}

@media screen and (max-width:	375px) {
.container {
width:95%
}
  #blog article{height: auto!important;padding:10px}
#blog article img{float: none;width: 100%;height:250px;margin:0}
  #blog article h2{margin: 0}
  #blog article p{padding: 0;height: auto}
  #blog article .readmore{float: none;display: inline-block;margin: 10px 0 0 0}
#Cover h1 {
font-size:28px
}
}