/*classes*/

/*site color themes */

/*theme1*/

body{ 
	background-color:#325aa8;margin:0px;
	
}

#address, #tel,#ads, footer, #sitetitle ,nav ul li a , #frame a, .btn-primary, .carousel-item p, .tab button {
    color:yellow !important;
	}
	nav ul li a, .tab button {
background: black !important;

}

a {text-decoration: none;}

@media screen and (max-width: 800px) {
   
 #menuresponsive, #menuresponsivecontent {
	 
/*   background-color:#9003fc !important; */
	   
	 	}  
	 	
	 		#menuresponsivecontent a {
	 		     color:yellow !important;
	 		}
	 		    
	 		}
    
}

/*end of theme1*/	


/*theme2


body{ background-color:#DD3333 !important;

}

#address, #tel,#ads, footer, #sitetitle ,nav ul li a , #frame a, .btn-primary,.carousel-item p {
    color:white !important;
	}
	nav ul li a {
background: black !important;

}

@media screen and (max-width: 800px) {
   
 #menuresponsive, #menuresponsivecontent {
	 
	   background-color:#DD3333 !important;
	   
	 	}  
	 	
	 		#menuresponsivecontent a {
	 		     color:black !important;
	 		}
	 		    
	 		}
    
}	

/*end of theme2*/



/*end of site color theme */

.font {font-family: 'B Titr', sans-serif;}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
 float:right;
  text-align:center;
  
}

.imagecenter {
         display: block; 
         margin-left: auto;
         margin-right: auto;
}




/* End of classes*/


/*Header */



body{
   
	/*background-image: linear-gradient(red, yellow); */
	flex-flow: row wrap;width:100%;
	font-family: 'B Yekan';

     }

#header-strip {
    display:flex;flex-flow: row wrap;width:100%;
	}

#address, #tel  {
    font-family: 'B Titr', sans-serif;
    padding:20px;
    float:right;
    text-align:right;
    font-size: 1em;
	width:45%;
	height:10vh;
	
	box-sizing: border-box;
	
	
	}

#tel {
    
	text-align:left;
	}

#SocialMediaIcons{
		float:left;
		text-align:center;
		
		height:10vh;
		width:10%;

		 display: flex;
	justify-content: center;
	align-items: center;
		
}	
#InstaIcon {
	border-radius: 6px;
	object-fit: scale-down;
	background-color:white;
		margin-right:15px;

	
}
#InstaIcon.a {
	
	
}


#ads {
	font-size: 2em;
	font-family: 'B Titr', sans-serif;
	text-align: center;
	margin:auto;
	justify-content: center;
	align-items: center;
	width:70%;
	
}


#sitetitle {
	font-size: 50px;
	float: right;
	font-family: 'B Titr', sans-serif;
	position: relative;
	text-align: center;
	width:100%;}
	
	
#header-buttons-strip  {
	width:100%;
	
	height:100px;

}

.btn-primary {
    margin-right:15px;
    font-family: 'B Yekan';
}

.carousel-inner img {
    width: 20%;
    height: 20%;
  }
  
  .carousel-control-next-icon, .carousel-control-prev-icon {
    
}
  
 #comments {height:250px;}
 
footer {
	
	background-color:black;
	float:right;
	width:100%;
	margin-top:30px;
	
	
	
	
}


/*#header-buttons-strip  {
	width:100%;
	height:100px;
	float:right;
	
}

/*End of Header */



/*Menu*/
nav {
	margin: 0px;
	font-family: 'B Titr';
	float: right;
	width: 100%;
	background: black;
	z-index: 2;
	font-size:15px;

	}
	
	nav ul {
	background: #020202;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;
	list-style: none;
	position: relative;
	display: block;
	text-align:right;
	z-index: 2;
	}

nav ul ul {
	display: none;
z-index: 2;
}

nav ul li:hover > ul {
	display: block;
   z-index: 2;	
}

    
    
}
nav ul:after {
	content: "";
	clear: both;
	display: block;
	z-index: 2;
}

nav ul li {
	float: right;
	position: relative;
	font-weight: bold;
    color: white;
	font-size:18px;
   z-index: 2;
}

nav ul li:hover {
background: #6A9AF7;
   
}

nav ul li:hover a {
	color:black;
	z-index: 2;
}

nav ul li a {
	display:list-item;
	padding: 10px 20px;
	text-decoration: none;
   z-index: 2;  
}

nav ul ul {
	background: white;
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
	right: 0;
	width: 230px;
	z-index: 2;
}
nav ul ul li {
	float: none;
	position: relative;
	z-index: 2;
}
nav ul ul li a {
	padding: 15px 20px;

}	
nav ul ul li a:hover {
	background: #6A9AF7;
   
    z-index: 2;
}
		
nav ul ul ul {
	position: absolute;
	top:0;
	z-index: 2;
}

nav ul li a i {padding:7px;z-index: 2;}



#menuresponsivecontent, #menuresponsive {
		  float:right;
		  z-index: 1;
		  font-family: 'B Titr', sans-serif;
		  font-size:12px;
		  text-align:right;
		  background: black;
		  text-decoration: none;
		  list-style-type: none;
		  display:none;
		  	}
	
fa-bars:before {
	font-size:40px;
					
	
}
fa-angle-down:before {
	
}

/*End of Menu*/



img {
	
}

#frame {
width:100%;

float:right;
display:flex;
flex-flow: row wrap;
justify-content: space-around;
font-size:18px;


	
}

div.gallery {
 
  border: 1px solid #ccc;
  float: right;
  width:30%;
  
  margin:25px;
 
 
}

div.gallery:hover {
  border: 1px solid #777;
  
}

div.gallery img {
  width:100%;
height:100%;
	
}


div.desc {
  margin: 15px;
  text-align: center;
  position:relative;

 
 
}

#frame a {

	
 
 
}

 

video
{
  object-fit: cover;
  height: 100%;
  width: 100%;
}



/*page navigation */

.pagenavigation {
    width:100%;
	float:right;
	text-align:center;

}
.pagearrows {
 text-decoration: none;
  display: inline-block;
  padding: 8px 8px;
  margin:5px;
  background-color:#9403fc;
	border-radius: 25px;
	font-family: 'B Titr', sans-serif;
	color:white;
}

.pagearrows:hover {
	background-color: #ddd;
  color: black;
} 

/*end of page navigation */ 

.activepage {background-color:green;}



/*Responsive Mode*/

@media screen and (max-width: 800px) {
    
 * { 
	* object-fit: scale-down;
	
}
 
 nav{
	  display:none;
  }
  
  #menuresponsive, #menuresponsivecontent {
	  display:block;
	   font-size:15px; 
	   width:100%;
	  /* background-color:#DD3333; */
	   
	   font-family: 'B Yekan';
	 	}
	 	
	#menuresponsivecontent a {
	    
	    color:white;}	
	    
	    
	#menuresponsive button {margin:15px;	
		
	}	
			
	#address, #tel,#logo1, #logo2,#map {
		width:100%;
		text-align:center;
	
  }
  
 	
	
	#ads {
	font-size: 15px;
		}
		
	div.gallery {
 
  width:100%;
   
}



	footer {width:100%;float:right;
}
 
 .h1, h1 {
    font-size: 1.1rem;
}

 #logo1,#logo2 {display:none !important;}
#map {width:100%;}

}	
		
	

/*End of Responsive Mode*/