@charset "utf-8";
/* CSS Document */


*{
	margin:0;
	padding:0;
}

body {
  margin: 0;
  font-family: Arial;
   position: relative;
  z-index: 0;
  min-width:350px;
}

.top-container {
  height:50px;
  text-align: left;
  padding-top:8px;
  position:absolute;
  width:80%;
  z-index:3;
}

.header {
	background:url(../img/index/header.jpg);
  background-repeat:no-repeat;
  background-position:left;
  position:right;
  color: #f1f1f1;
  height:180px;
  z-index:2;
  position:relative;
  width:100%;
}

@media (max-width: 1220px) {
  .header{
	  height:100px;
}

}

.header img{
	position:absolute;
	width:24%;
	z-index:4;
	right:3%;
}



@media (max-width: 1600px) {
	.header img{
		margin-top:1%;
	}
}

@media (max-width: 1220px) {
	.header img{
		top:-10px;
		width:31%;
	}
}

@media (max-width: 1100px) {
 .header img{
	 right:4%;
	 width:34%;
}

}

@media (max-width: 950px) {
 .header img{
	 right:5%;
	 width:42%;
}

}

@media (max-width: 720px) {
 .header img{
	 right:8%;
	 width:55%;
}

}

@media (max-width: 560px) {
 .header img{
	 width:70%;
	 right:8%;
}
}

@media (max-width: 500px) {
 .header img{
	 width:75%;
	 right:8%;
}
}

@media (max-width: 450px) {
 .header img{
	 width:90%;
	 right:8%;
}
}


@media (max-width: 400px) {
 .header img{
	 width:92%;
	 right:10%;
}
}

nav{
	width:100%;
	height:60px;
	display:block;
	position:relative;
	top:120px;
	background:#223e7d;
}


@media (max-width: 1220px) {
  nav {
	  display:none;
}

}



nav  ul{
	list-style:none;
	width:1000px;
	margin:0 auto;
	position: absolute;
 right:30px;
 width: 100%;
 z-index: 1;
 display: block;
 backface-visibility: hidden;
}






nav ul li{
	display:inline-block;
	width:auto;
	height:60px;
	color:#FFF;
	font-family:IRANSansWeb;
	font-size:18px;
	text-align:center;
	line-height:60px;
	margin:0 15px;
	cursor:pointer;
	float:right;
	border:0px;
}

nav ul li:hover{
	background:#EDBB5D;
	color:#AD310B;;
}

nav ul li ul{
	float:left;
	display:none;
	
}

nav ul li ul li{
	height:50px;
	width:300px;
	border:none;
	text-align:center;
	line-height:40px;
background-color:#000000;
color:#00000;
}



nav ul li:hover >ul{
	font-family: 'IRANSansWeb';
	font-size:38px;
	color:#0000;
 position: absolute;
 z-index:1;
  display: block;
  width: 100px;
  height: 45px;
  margin: 56px 0 0 0;
  float:right;
  top:4px;
	}
	
nav ul li ul li:hover{
	background:#DFDFDF;
transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
}





nav ul li a:hover{
        color: #AD310B;
        -webkit-transition: color 100ms linear;
        -moz-transition: color 100ms linear;
        -o-transition: color 100ms linear;
        -ms-transition: color 100ms linear;
        transition:color 100ms linear;
    }

nav ul li ul li ul li{
	position:relative;
	right:270px;
}
	

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width:100%;
}




.sticky + .content {
  padding-top: 102px;
}

.active{
	z-index:-1;
}

.container{
	width:100%;
  position: relative;
  background-color: #fff;
  padding-top:10px;
  overflow:hidden;
  padding-bottom:70px;
}



.blur{
	background:rgba(255,255,255,.5);
	width:100%;
}

footer {
  height: 500px;
  color: #FFF;
  font-size: 12px;
  position: relative;
  z-index: -2; background-color:#79838E;
  font-family:IRANSans;
}

@media (max-width: 770px)
{ footer{
  height: auto;
  bottom:0;}}
  
  

footer > ul {
	width:100%;
	overflow:hidden;
}

@media (min-width: 960px) {
  footer > ul{
	  position:fixed;
	   width: 960px;
  left: 50%;
  bottom: 0;
  margin-left: -480px;
  padding-bottom:0;
  z-index:0;
	  
}

}




.footerdiv{
	width:100%; 
	float:right;
}

@media (min-width: 770px) {
  .footerdiv{
	  width: 50%;
}

}

.addressdiv{
	width:100%; 
	float:right;
}

@media (min-width: 770px) {
  .addressdiv{
	  width: 50%;
	  margin-top:60px;
}

}


#link{
	margin-bottom: 40px;
}

@media (max-width: 750px) {
  #link{
	  visibility:hidden;
}

}

.navbar-header{
	float:right;
}

.navbar-collapse{
	float:right;
}



 a, a:active ,  a:hover ,  a:visited , a:focus {
	 text-decoration:none;
	 outline:none;
	 color:#FFF;
 }
 

.mySlides {display: none;}

/* Slideshow container */
.slideshow-container {
	width:100%;
  position: relative;
  margin: auto;
  background:#FFF;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 12.5s;
  animation-name: fade;
  animation-duration: 12.5s;
}


@keyframes fade {
  0% {
	  opacity:.4;
  }

20%{
	opacity:1;
	animation-play-state:paused;
}

80%{
	opacity:1;
	animation-play-state:running;
	
}
  100% {
	  opacity:.4;
  }
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}



/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

.company{
	width:50%;
	float:right;
	height:80px;
	position:relative;
	direction:rtl;
	
}

#tadbir{
	position:relaive;
	right:0;
	height:70px;
	width:70px;
}


.service{
	position:relative;
	right:10%;}
	
@media (max-width: 1200px)  {
  .service{
	  right:0;
}

}

@media (min-width: 1200px) and (max-width: 1700px) {
  .service{
	  right:8%;
}

}

.service figure {
	width: 300px;
	height: 200px;
	float: right;
	padding: 0;
}
@media (max-width: 470px) {
  .service{
	  padding-top:0;
	  text-align:center;
}

}

.service p{
	padding-top: 60px;
	float:right; color:#000000; font-size:18px;
	font-family:IRANSans;
	font-weight:400;
}

@media (max-width: 470px) {
  .service p{
	  padding-top:0;
	  text-align:center;
}

}

.servicedes{
	width:50%; float:right;
	height:150px;}


figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

.service figure img {
	-webkit-transform: rotate(15deg) scale(1.1);
	transform: rotate(15deg) scale(1.1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor:pointer;
}
.service figure:hover img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}




form{
	display:inline;
	margin:0;
	padding:0;
	
}


input{width:250px;
	height:30px;
	top:0px;
	position:relative;
	left:0;
	margin:0;
	padding:0;
	direction:rtl;
	background:#01426a;
}

#searchbox{
	background:#FFF;
	border-radius:3px;
    border: 1px solid;
    box-shadow: 4px 3px #888888;
	font-family:IRANSans; 
	padding:8px;
	width:150px;
}

 @media (max-width: 670px) {
		 
		 #searchbox{
			 display:none;
		 }
		 
		 #searchbut{
			 display:none;
		 }
		 
		 #search
		 {display:none;
		 }
 }

.sotoon {
    display: -ms-flexbox; /* IE10 */
    display: flex;
	height:400px;
    flex-wrap: wrap;
    padding: 0 4px;
	margin-bottom:50px;
	width:80%;
	margin:0 auto;
	padding-top:40px;
}

/* Create four equal columns that sits next to each other */
.satr1{
    -ms-flex: 25%; /* IE10 */
   
    width: 50%;
	height:100%;
	position:relative;
}

.satr2{
    -ms-flex: 25%; /* IE10 */ 
    width: 25%;
	height:100%;
    padding: 0 4px;
	position:relative;
}

.satr3{
    -ms-flex: 25%; /* IE10 */
    width: 25%;
	height:100%;
	position:relative;
}


.con{
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Black background with transparency */
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}


.satr3 img{
	width:100%;
	height:100%;
}

.satr1 img{
	width:100%;
}



.satr1:hover img{
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
	cursor:pointer;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}


.satr1 img{
	width:100%;
	height:100%;
}

.satr2 img{
	cursor:pointer;
	height:50%;
}

.satr2 figure {
	position: relative;
	overflow:hidden;

}
.satr2 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.satr2 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 90%;
	}
}
@keyframes shine {
	100% {
		left: 90%;
	}
}



.satr3:hover img{
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
	cursor:pointer;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}



.news2{
	display:block;
	height:50%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .satr3 , .satr2 {
        flex: 25%;
        max-width: 25%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .satr3 , .satr2 {
        flex: 25%;
        max-width: 25%;
    }
}


.titr {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Black background with transparency */
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}


.more{
	font-size:20px;
	cursor:pointer;
	text-decoration:underline;
	
}

.middle{
	margin:0 auto;}
	



.right{
	float:right;
}




.project img{
	display:inline-block;
	margin-top:10px;
	padding:0;
}



.description{
	height:10%;
	width:50%;
	display:inline-block;
	direction:rtl;
	float:right;
	margin-right:40px;
	font-family:IRANSansWeb_Light;
	font-size:20px;
	color:#01426a;
	
}



@media (min-width: 1000px) {
  .description{
	  font-size:18px;
	  width:700px;
}

}


@media (min-width: 1200px) {
  .description{
	  font-size:18px;
	  width:900px;
}

}




/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor:pointer;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


#logo{
	position:absolute; top:90px; left:0;
}

#toglle{
	display:none;
	float:right;
	direction:rtl;
	color:rgba(121,121,121,1.00);
	cursor:pointer;
	text-align:center;
	position:relative;
	z-index:6;
	margin-top:20px;
	margin-left:10px;
}


@media (max-width: 860px) {
  #toglle{
	 color:rgba(255,255,255,1.00);
}

}

@media (max-width: 1220px) {
  #toglle{
	  display:block;
}

}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    background-color: #223e7d;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}



/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 20px;
    color: #FFF;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: right;
    cursor: pointer;
    outline: none;
	direction:rtl;
	
	font-family:IRANSans;
	font-size:20px;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 36px;
    margin-left: 50px;
	width:30px;
}

@media screen and (max-height: 350px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* Add an active class to the active dropdown button */
.active {
    background-color: #01426a;
    color: white;
}



/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    display: none;
    background-color: #5077CF;
    padding-left: 8px;
}

.dropdown-container2{
    display: none;
    background-color: #BDCAEC;
    padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
    float: right;
    padding-right: 8px;
}


.con p{
	font-family:IRANSansWeb_Light; font-size:18px;  direction:rtl; cursor:pointer;}
	
	
.random{
	position:absolute;
	z-index:2;
	font-size:70px;
	font-family:IRANSansWeb_bold;
	bottom:0;
	left:35%;
}




@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400');

.dropping-texts {
  display: inline-block;
  position:absolute;
  width: 100px;
  text-align: left;
  height: 180px;
  vertical-align: -2px;
  top:400px;
  font-size:70px;
  font-weight:900;
  text-shadow:6px 6px #000000 ;
  font-family:IRANSansWeb_bold;
  color:#FFF;
}

.dropping-texts > div {
  font-size:0px;
  opacity:0;
  margin-left:-30px;
  position:absolute;
  font-weight:300;   
  box-shadow: 0px 60px 25px -20px rgba(0,0,0,0.5);
}

.dropping-texts > div:nth-child(1) {
  animation: roll 30s linear infinite 2s;
}
.dropping-texts > div:nth-child(2) {
  animation: roll 30s linear infinite 3s;
}
.dropping-texts > div:nth-child(3) {
  animation: roll 30s linear infinite 4s;
}
.dropping-texts > div:nth-child(4) {
  animation: roll2 30s linear infinite 5s;
}

@keyframes roll {
  0% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(-25deg);
  }
  3% {
    opacity:1;
    transform: rotate(0deg);
  }
  5% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
  }
  20% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
    transform: rotate(0deg);
  }
  27% {
    font-size:0px;
    opacity:0.5;
    margin-left:20px;
    margin-top:100px;
  }
  100% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(15deg);
  }
}

@keyframes roll2 {
  0% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(-25deg);
  }
  3% {
    opacity:1;
    transform: rotate(0deg);
  }
  5% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
  }
  30% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
    transform: rotate(0deg);
  }
  37% {
    font-size:1500px;
    opacity:0;
    margin-left:-1000px;
    margin-top:-800px;
  }
  100% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(15deg);
  }
}


.slideshow_wrapper {
  width:2000px;
  overflow: hidden;
   
}

.slideshow {
  width:6000px;
  height:400px;
 position: relative;
  -webkit-animation-name: slide_animation;
  -webkit-animation-duration:40s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate;
   -webkit-animation-play-state: running;
}

.slide {
  
  width:2000px;
  position:relative;
  float:left;
  overflow:hidden;
  
}

.slideshow img{
  width:2000px;
  height:600px;;
}

@-webkit-keyframes slide_animation {
  
  0% {left:0px;
  animation-play-state:paused;}
  50%{left:0px;}
  75% {left:-2000px;}
  100% {left:-4000px;}
  
  
}



@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}



h3{
	background:url(../img/index/tite.png);
	background-position:center;
	background-size:cover;
	height:40px;
	line-height:40px;
	
}

#newscontainer{
	background:url(../img/index/parallax-background.jpg); background-position:top; background-repeat:no-repeat; margin-top:30px;
}

#projectcontainer{
	 overflow:visible !important;
}

#bottomwide{
	content: '';
display: block;
width: 15%;
height: 100%;
position: absolute;
bottom: 0;
left: 2%;
background-color:#EDBB5D; 
-webkit-transform: skew(-40deg);
-moz-transform: skew(-40deg);
-ms-transform: skew(-40deg);
-o-transform: skew(-40deg);
transform: skew(-40deg);}

#servicecontainer{
	background:url(../img/index/background-site.jpg);
	margin-bottom:0 !important;
}

#footermenu{
	width:100%;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px
}

#footermenu a{
	border-right:solid 2px;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
}

label{
	font-family:IRANSans;
	font-weight:300px;
	margin-right:10px;
}

input{
	font-family:IRANSans;
	font-weight:300px;
}
	
	
.reportimg{
	width:100%;
	margin-top:50px;
}

.newsimg{
	float:right;
	margin-left:15px;
	margin-bottom:20px;
}


.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


#contain{
	max-width:1200px;
	min-height:1000px;
	margin:0 auto;
	
	
}



#innercontain{
	width:75%;
	height:100%;
	float:right;
	direction:rtl;
	padding:20px;
}

@media (max-width: 900px) {
  #innercontain{
	  width:100%;
	  }

}

	
#innercontain a{
	outline:0;
	outline:none;
}


#side{
	width:25%;
	position:relative;
	left:0;
}

 #bannerImage {

	/*Container for main banner image */

	width: 50%;
	margin:0 auto;
	background-color: rgba(208,207,207,1.00);
    box-shadow: 10px 10px 5px grey;

}

#bannerImage img {

	/* Actual banner image */

	width: 100%;

}

#managerImage {

	/*Container for main banner image */

	width: 16%;
	float:left;
	margin-left:20%;
	margin-top:5%;
	background-color: rgba(208,207,207,1.00);
	box-shadow:10px 10px 5px grey;

}

#managerImage img {

	/* Actual banner image */

	width: 100%;

}


#contain #innercontain p {

	/* All paragraphs under maincontent */

	color: #000000;
	font-family:IRANSans;
	font-weight:300;
	font-size: 17px;
	direction:rtl;
	text-align:justify;
}


#innerside{
	width:90%;
	margin:0 auto;
	min-height:1000px;
}

@media (max-width: 900px) {
  #innerside{
	  display:none;
	  }

}

#sidetitle{
	direction:rtl;
	border-bottom: 3px solid rgba(0,0,0,0.1);
	font-family:IRANSans;
	
	font-weight:200;
	font-size:28px;
	font-weight:600;
	color:#EDBB5D;
	width:150px;
	padding:5px;
	display:block;
	float:right;
	
}

#contactinfo{
	display:inline-block;
	width:100%;
}




#address{
	font-family:IRANSans;
	
	font-weight:200;
	font-size:18px;
	direction:rtl;
	display:block;
	margin-top:15px;
	text-align:justify;}
	
#phone{
	font-family:IRANSans;
	
	font-weight:200;
	font-size:18px;
	direction:rtl;
	display:block;
	margin-top:15px;}
	
	
#fax{
	font-family:IRANSans;
	
	font-weight:200;
	font-size:18px;
	direction:rtl;
	display:block;
	margin-top:15px;}
	
#mail{
	font-family:IRANSans;
	font-weight:200;
	font-size:16px;
	direction:rtl;
	display:block;
	margin-top:15px;}
	
	
#wrapper{
	width:100%;
	margin:0;
	padding:0;
	
}




#title{
	font-family:IRANSansWeb_Bold;
	font-size:24px;
	color:#01426a;
	direction:rtl;
	margin-bottom:30px; line-height: 25px;
	padding-top:20px;
	padding-right:20px;
	height:80px;
	border-bottom: 2px solid #EDBB5D;
	border-right: 4px solid #f6f6f6;
}

#aboutus{
	margin-top: 60px;
	line-height:40px;
}


table{
	min-width:300px;
}

td {
	margin:0 10px;
	padding:0;
	width:30%;
	vertical-align:top;
	
}

td a{
	cursor:pointer;
	text-align:center;
	
}

td a p{
	font-size:16px !important;
}




td img{
	width:85%;
	margin:8px 5px;
	border-radius:8px;
	cursor:pointer;
}

.project{
	width:45%;
	margin:10px;
	display: inline-table;
	cursor:pointer;
}


.projectimg{
	width:100%;
    direction:rtl;
    display:inline-block;
	vertical-align:top;
}

.projectdes{
	width:100%;
   display:inline-block;
   font-size:16px !important;
   text-align:center;
   margin-top:12px;
   
}


.archivenews{
	width:95%;
	margin-right:10px;
	margin-bottom:20px;
}


.archivenewsdes {
	font-family:IRANSans !important;
	font-weight:300;
	font-size:16px !important;
}


.archivenewsimg{
	float:right;
	margin-bottom:10px;
	width:25%;
}


@media (max-width: 550px) {
.archivenewsimg{
	display:none;
}
}

.archivenewsimg img{
	cursor:pointer;
	height:50%;
}

.archivenewsimg figure {
	position: relative;
	overflow:hidden;

}
.archivenewsimg figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.archivenewsimg figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 90%;
	}
}
@keyframes shine {
	100% {
		left: 90%;
	}
}


.archivenewstitr{
	border-bottom:2px solid #EDBB5D;
	color:#01426a;
	width:100%;
	font-family:IRANSans !important;
	margin-top:2px;
	margin-bottom:10px;
	direction:rtl;
	display:inline-block;
	font-size:16px !important;
}

.archivenewsdate{
	width:60px;
	color:#01426a;
	float:left;
	margin-left:15px;
	display:block;
	font-family:IRANSans;
	font-size:16px;
}

#newstitle{
	font-family:IRANSans;
	font-weight:bold;
	font-size:22px;
	color:#01426a;
	direction:rtl;
	margin-bottom:15px;
	padding-top:20px;
	text-align:justify;
	border-bottom: 2px solid #EDBB5D;
}


#newspages{
	font-family:IRANSans;
	font-size:18px;
	font-weight:500;
	width:200px;
	margin:0 auto;
	line-height:170px;
}  

.currentpage{
	color:#FF0004 !important;
}

#newspages a{
	cursor:pointer;
	color:#000000;
	
}


.mapmenu{
	font-family:IRANSans;
	font-size:18px;
	list-style:square;
	margin-top:10px;
}

.mapmenu a{
	color:#000000;}


.mapsubmenu{
	margin-right:10%;
	font-size:16px;
}

.mapsubmenu a{
	color:#000000;
}

.searchtitle{
	font-size:20px;
	font-family:IRANSans;
	margin-top:25px;
	background:url(../img/index/tite.png);
	color:#000000;
	
}

.searchdes{
	font-size:14px;
	font-family:IRANSans;
	color:#000000;
	margin-top:8px;
}

.emptyresult{
	font-family:IRANSans;
	font-size:24px;
	margin-top:60px;
}

@media (max-width: 1100px){
video
{
	width:100%;
}