@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:f3;
	src:url("../fonts/BNazanin.ttf");}
@font-face{
	font-family:f2;
	src:url("../fonts/iran_sans.ttf");}
@font-face {
  font-family: f10;
  src: url("../fonts/Yekan.ttf");
}  
body{
	background: url("../img/aboutus-bottombackground.jpg") center center/cover no-repeat;
 direction:rtl;
 font-family:f10;
	
}
*{
  padding:0px;
  border:0px;
  box-sizing: border-box;
}
.main img{
  display: block;
  margin:0px auto;
}
a:hover{
  text-decoration: none;
}
 .carousel-inner img {
    width: 100%;
    height: 100%;
  }
  .row-bottom{
    background-color: #3682C5;
    border-radius: 10px;
    padding: 10px;
  }
  .button-landing{
    background-color: #fea301;
    font-size: 18px;
  }
.curvedline{
	width:30%;
	height:auto;
	
}
.ekko-lightbox-nav-overlay a:last-child span {
  text-align: left;


}
.txt100{
	background-color:#007bff;
	
	width:25%;
 
	
	
}
.title-menu-item{
  font-size: 15pt;
}
.title-menu-item-about{
  font-size:18pt;
  margin-bottom: 0px;
}

.section-contact{
	background: url("../img/contact-section.png") 10% 100%/cover no-repeat;
	
}

.section1-text{
  text-align: justify;
  
  
}

.container1 {
 position: relative;
  width: 100%;
 padding:50px;
	
 

}
.nav-mobile-smart{

  display: flex !important;
   width:100%;

   height:7%;
   padding:5px;
   background-color: white;
   border-top-left-radius:30px;
   border-top-right-radius:30px;
 border:1px solid lightgray;

}
.menu-icon-smart{
  width:15px;
  height:15px;
}

.menu-item{
  font-size:12pt;
}

.image1 {
  
 opacity: 0.5;
}

.container1{
	background-color: aqua;
    height:300px;
	margin-bottom: 20px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  
	
  
	
  	
}

.overlay1{
	 background:url("../img/1819-PG-12.jpg") center center/cover!important;
}

.overlay2{
	
	 background:url("../img/th.jpeg") center center/cover!important;
}

.overlay3{
	background:url("../img/slide4.jpg") center center/cover!important;
}
.overlay4{
	background:url("../img/exterior.jpg") center center/cover!important;
}

.overlay1::after,.overlay2::after,.overlay3::after,.overlay4::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   /* background-color:rgba(74,74,74,0.7) */
	
   
   
        
}

.container1:hover .overlay {
  opacity: 1;
}

.icon {
  color: white;
  
  position: absolute;
  

  z-index: 10;	
}

.fa-user:hover {
  color: #eee;
}



@media(max-width:768px){
	
	.section-contact{
	background: url("../img/contact-section.png") 20% 100%/cover no-repeat;
	
}
	
}

@media(max-width:425px){
  .title-menu-item{
  
    font-size: 14pt;
    
    
  }
  .title-menu-item-about{
    font-size:15pt;
  }
	
	.section-contact{
	background: url("../img/contact-sectionmobile.png") top center/cover no-repeat;
	
}
	
}