@font-face {
	  font-family: 'iransans';
	  src: url('../fonts/iran_sans.eot') format('eot'),  /* IE6�8 */
       url('../fonts/iran_sans.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/iran_sans.ttf') format('truetype');  /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
}


.button-call {
    
    
  text-align: center;  
    
    
}

.button-call h3 a {
    
  font-family: 'BYekan';  
  font-size: 25px;
  padding: 10px 30px 10px 30px; 
  border: 1px solid #1c2029;
  color:#fff;
  border-radius: 10px;
  background-color: #1c2029;
      -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease; 
    
}


.button-call h3 a:hover {
    
 outline:none;
border:1px solid #b79049;
box-shadow:0 0 12px #b79049;
-moz-box-shadow:0 0 12px #b79049;
-webkit-box-shadow:0 0 12px #b79049;
background-color:#b79049; 
color: #fff; 
    
    
}


.button-call h3 a i {
    
position: relative;
left: 7px;
animation:MoveUpDown 2s linear infinite;
position:relative;
top:3px;
left:0;
bottom:0;
padding-top:15px 
    
    
}


@keyframes MoveUpDown {
100%,0% {
left:5px
}

50% {
left:-5px
}
}


.gallery-w3lsrow .col-xs-4 {
    
    
   padding-right:5px!important; 
   
     padding-left:5px!important; 
    
    
    
}


/* Preload images */
body:after {
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
    width:4.8em;
    float: left;
    background: url(../images/img-sprite.png) 37px 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background-color:rgba(0,0,0,0.5);
}

.lb-nav:hover .lb-prev {
    
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background-color:rgba(0,0,0,0.5);  
    
}


.lb-nav:hover .lb-next {
    
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background-color:rgba(0,0,0,0.5);  
    
}

.lb-nav a.lb-next {
    width: 4.8em;
    right: 0;
    float: right;
    background: url(../images/img-sprite.png) -44% 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background-color:rgba(0,0,0,0.5);
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
    width: 90%;
    float: left;
    text-align: left;
    line-height: 1.1em;
    margin-top: 2em;
}

.lb-data .lb-caption {
    font-size: 18px;
    line-height: 1.8em;
    color: #fff;
    font-family: 'iransans';
    letter-spacing: 1px;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-top: 1em;
    font-size: 1em;
    color: #fff;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  margin-top: 1.5em;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
} 
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
@media screen and (max-width: 320px){
.lb-data .lb-details {
    width: 89%; 
    margin-top: 1em;
}
.lb-data .lb-caption {
    font-size: 12px;  
}
}

















/*-- Gallery --*/
.gallery-grids img {
    width: 100%;
}
.gallery-grids { 
	padding: 5px;
}
/*-- gallery-hover effect --*/
.w3ls-hover {
	background-color: #FFF;
	display: block; 
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	text-align: center;
}
.w3ls-hover img {  
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
} 
.w3ls-hover .view-caption { 
    padding: 2em 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
	background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%; 
	border-radius: 50%;
}
.w3ls-hover .view-caption h5{
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 5px; 
	font-family:'iransans';
}

.w3ls-hover .view-caption h2{
	color: #fff;
	font-size: 1.2em;
        text-align:center;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 5px; 
	font-family:'iransans';
}
.w3ls-hover .view-caption span {
    color: #fff;
    font-size: 1em;
    margin-top: 5%;
    display: inline-block;
    border: 2px solid #fff;
    padding: 12px;
}
.w3ls-hover:hover .view-caption { 
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	-webkit-border-radius: 0;
	-moz-border-radius: 0; 
	border-radius: 0;
}
.w3ls-hover .view-caption span:hover {
    color: #f82318;
    border-color: #f82318;
}
/*-- //Gallery --*/




/*--responsive--*/



@media(max-width: 1080px){



	.team1-info-w3ls h6, .team2-info-w3ls h6, .team3-info-w3ls h6 {
		font-size: 2em;
	}
	.team1-info-w3ls, .team2-info-w3ls, .team3-info-w3ls {
		padding: 3em 2em;
	}
	.team1-info-w3ls {
		top: 17%;
	}
	.testimo {
		padding: 7em 0;
	}
	.view {
		width: 205px;
		height: 264px;
	}
	.team-section ul {
		margin: 8em 0 0;
	}
	.view .mask, .view .content {
		left: -30px;
	}
	.w3ls-hover .view-caption {
		padding: 1em 0;
	}



}
@media(max-width: 1050px){

}
@media(max-width: 1024px){

	h3.w3l-title {
		font-size: 3em;
	}
	.about-top, .stats, .team, .services, .team-section, .gallery, .contact {
		padding: 4em 0;
	}



}
@media(max-width: 991px){




	.w3ls-hover .view-caption h5 {
		font-size: 1em;
	}
	.w3ls-hover .view-caption {
		padding: 1em 0;
	}

}




@media(max-width: 736px){

	.w3ls-hover .view-caption {
		padding: 1em 0;
	}


}

@media(max-width: 640px){

	.team1-info-w3ls h6, .team2-info-w3ls h6, .team3-info-w3ls h6 {
		font-size: 1.8em;
	}

}
@media(max-width: 600px){


	h3.w3l-title {
		font-size: 2.6em;
	}
	.about-top, .stats, .team, .services, .team-section, .gallery, .contact {
		padding: 3.5em 0;
	}

	.team1-info-w3ls, .team2-info-w3ls, .team3-info-w3ls {
		padding: 3em 1.5em;
	}
	.w3ls-hover .view-caption {
		padding: 1em 0;
	}

}


@media(max-width: 480px){

	.w3ls-hover .view-caption span {
		font-size: .9em;
		padding: 9px;
	}
	.w3ls-hover .view-caption h5 {
		font-size: 1em;
		margin-bottom: 8px;
	}
	.w3ls-hover .view-caption {
		padding: 3em 0;
	}

	.gallery-grids {
		width: 50%;
	}
	.w3ls-hover .view-caption {
		padding: 0.5em 0;
	}
}

@media(max-width: 414px){

	.w3ls-hover .view-caption {
		padding: 0.5em 0;
	}
}
@media(max-width: 384px){

	.about-top, .stats, .team, .services, .team-section, .gallery, .contact {
		padding: 2.5em 0;
	}
	.w3ls-hover .view-caption {
		padding: 0.5em 0;
	}

}
@media(max-width: 375px){
	.w3ls-hover .view-caption {
		padding: 0.5em 0;
	}

}
@media(max-width: 320px){

	.about-top, .stats, .team, .services, .team-section, .gallery, .contact {
		padding: 2em 0;
	}
	h3.w3l-title {
		font-size: 2em;
	}
	span.w3-sub {
		font-size: .7em;
		letter-spacing: 3px;
	}
	span.w3-sub {
		margin: .3em 0 3em;
	}

	.gallery-grids {
		width: 50%;
	}

	.w3ls-hover .view-caption {
		padding: 2.5em 0;
	}
}
/*--//responsive--*/