/* Sheared Properties Begins */
	
	*{ box-sizing: border-box;}
	.clearfix{clear: both;}
	.clearleft{clear: left;}
	 ul{margin: 0px; padding: 0px; list-style: none;}
	 h1,h2{
	 font: bold 2em tahoma;
	  text-align: center;
	  margin: 0px; padding: 0px;
	  }
	 
/* End Sheared Properties  */

body{
   margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 100%;
	font-family: arial, Geneva, sans-serif;
	line-height: 1.5em;
	background: #F0F4F9;
	 }
	           
#container{
   width: 100%;
    max-width: 1440px;
   margin-left: auto;
    margin-right: auto;
	}
		#wrapper{
   width: 100$;
   max-width: 1300px;
   margin-left: auto;
    margin-right: auto;
	padding-top: 20px;
	background-color: #fff;
	}

   
       
               /* Search Properties Begins */
   #search-panel{
	width: 100%;
	padding: 10px;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
	display: flex;
	 flex-wrap: wrap;
	 gap: 10px;
	justify-content: space-between;
	}
	
	#search-panel li{
	width: 30.5%;
	}
	 
	.panel-input{ 
    background: #fff;
	font: normal 1em arial;
	color: #666;
	 }
	
	#search-panel-button{
    width:  100%;
	max-width:  200px;
	display: block;
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
  border-radius: 10px;
  padding: 10px;
  font: bold 1.4em tahoma;
  color:  #fff;
  background: red;
  box-shadow: inset 0 0 10px #000;
}
#search-tag{
display: block;
margin-top: 10px;
font: bold 1.4em tahoma;
 color:  #fff;
 text-align: center;
  }
  
 #land-tag a,a:visited{
display: block;
margin-top: 10px;
text-decoration: none;
font: bold 1.4em tahoma;
  color:  green;
  text-align: center;
  }

                            /*Carousel Properties Begins */


#carousel { 
  width: 100%;
 height: 300px; 
  white-space: nowrap;
overflow: hidden;
  object-fit: cover;
   filter: brightness(90%);
 }
 
 
	
 #carousel li{
  width: 100%;
  height:300px;
   position: relative;
 background-position: center;
 background-size: cover; 
  display: inline-block;
   }
   
.carousel-img{ 
  width: 100%;
  height: 300px; 
  opacity:  1.0;
  object-fit: cover;
  }
	
 .carousel-tag{
   width: 300px;
  padding: 10px;
 position: absolute;
font: bold 1em arial;
  text-align: center;
   color: #f1f1f1;
   bottom: 10%;
  left: 10%;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  border-radius: 10px;
 }

 .carousel-price{
 font: bold 1.4em arial;
  color:  #FFFFE0;
   } 
                /* Atco Properties Begins */    
   
    #atco-listing{
   width: 100%;
 max-width: 1200px;
 margin: 0px auto;
  background: #4F6F9E;
  }
   
   
   
     #atco-wrap{
 width: 100%;
 max-width: 800px;
  position: relative;
 margin: 20px auto; 
background: #F5FFFA;
box-shadow: inset 0 0 3px #000;
}            
 
 #atcoDeal{
   width: 100%;
  position: absolute;
 font: bold 1.2em arial;
  text-align: center;
  padding-top: 10px;
   color: #f1f1f1;
   top: 0px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  opacity: 1;
 }
 
 #adImg{
 width: 100%;
height: 230px;
 object-fit: cover;
}
  #atco-wrap a,a:visited{
	  text-decoration: none;
   }
 
  #atco-wrap:hover{
	  filter: brightness(80%);
   }



   
   
       /* PostBox Properties Begins */
 #slogan-top{
 width: 100$;
max-width: 400px;
text-align: center;
margin: 10px auto;

}

 #slogan{
   width: 95%;
   max-width: 550px;
  margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   text-align: left;
    font: normal 17px georgia;
    color: #222;
   }

 #slogan-top h1{
 font: bold 18px tahoma;
 color:  #222;
 }
 
#featured-property{
width: 300px;
padding: 10px;
text-align: center;
font: bold 22px arial;
color: #222;
}

 #post-wrap {
 width: 100%;
 max-width: 1200px;
 margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
     
		
	.post-box{
    width: 30%; 
	 height: 400px;
	 margin-left: auto;
	margin-right: auto;
	 position: relative;
	background: #fff;
	box-shadow: inset 0 0 3px #000;
	}
	
	.post-box:hover{
	  filter: brightness(80%);
   }
	
 .post-overlay {
   width: 100%;
  padding: 10px;
 position: absolute;
font: bold 1em arial;
  text-align: center;
   color: #f1f1f1;
   bottom: 0px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  opacity: 1;
 }
 
 .post-box a,a:visited{
    font: bold 12px arial;
    text-decoration: none;
	color:  #333;
	}
	.post-hd{
    width: 100%;
    }
	
	 .post-img{
  display:block;
	 width: 100%;
	height: 400px;
	object-fit: cover;
	}
	
	.post-title {
 font:  bold 14px tahoma;
 }
 
   .location{
	font: bold 14px tahoma;
	color: #FFFAF0;
	margin-top: 10px;
	margin-bottom: 10px;
	}
 
  .post-details{
   width: 120px;
 padding: 7px;
 margin:  10px auto;
  text-align: center;
 color: #fff;
 font: bold 14px arial;
 border-radius: 20px;
  background: red;
}

 .postFlex{
    width: 100%;
	max-width: 400px;
	margin: 10px auto;
	font: bold 14px tahoma;
	color: teal;
	display: flex;
	justify-content: space-between;
	gap: 5px;
   }
   .icon{
   height: 13px;
    }
	
	     /* Our-mission properties Begoin */
	 #service{
	 width: 100%;
  max-width: 500px;
  margin: 20px auto;
  padding: 10px;
	 
	 }
	
	#our-mission{
  width: 100%;
  max-width: 950px;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
   gap: 20px;
  }
   
 #our-mission > div {
  width: 45%;
  padding: 10px;
  text-align: center;
  font: normal 16px arial;
  line-height: 22px;
   color: #444;
    background: lightblue;
  }
  
   #our-mission p {
   width: 95%;
    margin: 10px auto;
	padding: 10px;
	 background: #fff;
	 border-radius: 10px;
   }
   
  #our-mission  h2{
  font: bold 18px arial;
  text-align: center;
 color: 0e2e50;
 }
	
	
	
	  /* Pagination Properties Begins */
.pagination{
 width: 100%;
 max-width: 1200px;
padding: 10px;
margin: 10px auto;
background: #4E79A4;
color: #fff;
font: bold 1em arial;
 box-sizing: border-box;
 box-shadow: inset 0 0 10px #000;
}
.pagina{
width: 280px;
padding: 0px;
display: flex;
gap: 10px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.pagina li{
list-style: none;
text-align: center;
width: 100%;
padding:10px;
 background: #666;
 border-radius:50%;
 box-sizing: border-box;
 color: #fff;
}
.pagina li a,a:visited{
color: #fff;
text-decoration: none;
font: bold 0.875em arial;
 box-sizing: border-box;
}

.disabled {/*Disable navigation link*/
pointer-events:none; 
 opacity:0.6;       
}
 
   
	     
          /* Account Admin myAdvert Properties Begoin */
         #myAdvert{
	       width:  100%;
		    max-width: 500px;
			 margin: 10px auto;
		   position: relative;
		   padding: 10px;
		  text-align: center;
		  font: bold 1em tahoma;
		  box-shadow: inset 0 0 10px #000;
		 }            
         
		 .myAdvertImg{
		  display: block;
	       width:  100%;
		  height: 300px;
		 }         
       
	   .myAdvert-overlay {
	    position: absolute;
         top: 10px; 
	   
	   }     
	
        
	   
	    /* Admin Page Properties Begins */
	 	#admin-cap{
  width: 100%;
  max-width: 600px;
  padding: 30px;
  margin: 40px auto;
  background-color: #F2F2F2;
  border-radius: 10px;
 box-shadow: inset 0 0 10px #000;
}
	 
	 #cap {
	 width: 100%;
   max-width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
	background: #fff;
    box-shadow: inset 0 0 10px #000000;
	border-radius: 40px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}

    .capHolder {
     width: 280px;
	 margin: 10px auto;
	 padding: 10px;
	box-shadow: inset 0 0 10px #000000;
	}
	   
	 .capHolder a,a:visited {
     text-decoration: none;
	 font: bold 18px tahoma;
	 color: #333;
	}
	 #admin-logout{
     width: 200px;
	 margin: 0px auto;
	 display: flex;
	 gap: 20px;
	}
	 #admin-logout a,a:visited{
	  text-decoration: none;
	 font: bold 18px tahoma;
	 color: #333;
	}
	
	 #scroll{
	width: 100%;
	max-width: 850px;
	height: 600px;
	padding: 10px;
	margin: 0px auto;
	overflow: auto;
	box-shadow: inset 0 0 1px #000;
	box-sizing: border-box;
	background: #FFF;
}

    /* Account Login Properties Begins */	
  #login-cover {
width: 100%;
max-width: 600px;
margin: 10px auto;
font-family:'Fauna One',serif;
border-radius:5px;
border:3px solid #d3cd3d;
background: #DAE5EC;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}               

	
	 #scroll{
	width: 100%;
	max-width: 850px;
	height: 600px;
	padding: 10px;
	margin: 0px auto;
	overflow: auto;
	box-shadow: inset 0 0 1px #000;
	box-sizing: border-box;
	background: #FFF;
}
   
	     /* Account Login Properties Begins */	
  #login-cover {
width: 100%;
max-width: 600px;
margin: 10px auto;
font-family:'Fauna One',serif;
border-radius:5px;
border:3px solid #d3cd3d;
background: #DAE5EC;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}               

	
	 #scroll{
	width: 100%;
	max-width: 850px;
	height: 600px;
	padding: 10px;
	margin: 0px auto;
	overflow: auto;
	box-shadow: inset 0 0 1px #000;
	box-sizing: border-box;
	background: #FFF;
}
   
	       /* Account Admin Properties Begins */
     #admin-top{
 	width: 100%;
	margin-top: -20px;
	padding: 10px;
	font: bold 20px arial;
	color: #666;
    background-color: #d3d3d3;
   background-image: linear-gradient(15deg, transparent 28%, rgba(255, 255, 255, 0.5) 28%);
    background-size: 50px;
	box-shadow: inset 0 0 3px #000;
	}

   #first-Char{
	width: 50px;
	display: block;
     padding: 5px;
	 margin: 0px auto;
	text-align: center;
	font: bold 20px arial;
	color: #fff;
	border-radius: 30%;
	background: #0288d1;
	}
	#adminNav-cover{
	 width: 98%;
 	 max-width: 400px;
	margin: 20px  auto;
	background: #f2f2f2;
	}
	
	
	#admin-nav{
 	 width: 300px;
	margin-left:  auto;
	 margin-right:  auto;
	}
	#admin-nav li{
 	 width: 300px;
	  }
	
	 #admin-nav input,
	   #admin-nav submit{
 	 width: 100%;
	 font: bold 18px tahoma;
	 text-align: center;
	 color: #fff;
	 }
	   #welcome,
	   #listNew{
 	  width: 300px;
	  text-align: center;
	  margin-left:  auto;
	  margin-right:  auto;
	 }
	 
	 
    #edit-cover{
	  padding: 5px;
	  background: #f4a460;
	 }
	  #edit-handle{
	  width: 220px;
	  margin-left:  auto;
	   margin-right:  auto;
	  display: flex;
	 }  
	 

                              /*Related Properties Begins */
		#related-cover {
		 width: 100%;
		max-width: 1200px;
		margin: 0px auto;
		padding: 10px;
		 display: flex;
		 flex-wrap: wrap;
		 gap: 20px;
       justify-content: space-between;
	    box-shadow: inset 0 0 2px #000;
			}
			
		#related-cover a,a:visited{
		 text-decoration: none;
		 }
						 
	     .related-handle {
		       width: 23%;
              margin-left: auto;
			margin-right: auto;
            box-shadow: inset 0 0 10px #000;
			background: #cedde4;
         }
		
		
		.relatedImg{
           width: 100%;
		   height: 200px;
		   }
		   .related-img{
		    width: 100%;
		   height: 200px;
           object-fit: cover;
		   box-shadow: inset 0 0 10px #000;
			}
 
        .relatedTop{
            padding: 10px;
			text-align: center;
			font: bold 12px tahoma;
			color: #666;
			background: #f8f8f8;
			 box-shadow: inset 0 0 10px #000;
			}
		    .relatedBottom {
            padding: 10px;
			color: red;
			text-align: center;
			font: bold 16px tahoma;
			box-shadow: inset 0 0 10px #000;
			}
			
			.label-tag{
             width: 100%;
	        max-width: 1100px;
	        margin-top: 20px;
	        margin-left:  auto;
	        margin-right:  auto;
	       font: bold 14px tahoma;
	         }





	   
	     /* Footer Properties Begins */
footer{
width: 100%;
margin-top: 50px;
font: bold 14px tahoma;
padding-bottom: 10px;
color: #aaa;
background: #222;
box-shadow: inset 0 0 5px #000;
}

#footer-ft{
width: 100%;
display: flex;
justify-content: space-between;
gap: 20px;
}

#footer-ft  li{
width: 33%;
text-align: center;
padding: 10px;
}

#footer-ft a,a:visited{
text-decoration: none;
font: bold 14px tahoma;
color: #aaa;
}
.ft-span{
font: bold 18px tahoma;
color: teal;
}	

#add > div{
margin-top: 10px;
}

#quick-links{
width: 220px;
margin: 10px auto;
display: flex;
flex-wrap: wrap;
gap: 10px;
}

#quick-links > div{
width: 45%;
}

#media-icon{
width: 200px;
margin: 10px auto;
display: flex;
justify-content: space-between;
}

#gallery{
width: 200px;
margin: 10px auto;
display: flex;
flex-wrap: wrap;
gap: 10px;
}

#gallery > div{
width: 30%;
}
.gal-img{
width: 100%;
width: 50px;
object-fit: cover;
}

#copyright{
width: 280px;
margin: 0px auto;
}