body

	{

		margin: 0px;

		padding: 0px;

	}

	#navclr

		{

			background-color: black;

			position: fixed;

			z-index: 999;

			width: 100%;

		}

		.ns{

			height:70px;



		}

		#clr

		{

	     color: #d9b372;

		}

		#bclr{

			background-color: #90712e;

			color: white;

			border-radius: none;

			width: 100px;

			

		}

		#navb{

			background-color: #000000;

			height: 80px;

		}



		.hero-image {

	  background-image: url("images/services.jpg");

	  background-color: #cccccc;

	  height: 500px;

	  background-position: center;

	  background-repeat: no-repeat;

	  background-size: cover;

	  position: relative;

	}



	.hero-text {

	  text-align: center;

	  position: absolute;

	  top: 50%;

	  left: 50%;

	  transform: translate(-50%, -50%);

	  color: black;

	}



	.servicestext{

	 text-align: center;

	 margin-top: 2%;



	 



	}

	#box1{



		background-color:white;

		border-style: solid;

	  border-color: #d9b372;

	  height: 250px;

	  text-align: center;

	  margin-top: 2%;

	  border-width: thin;

	  box-shadow: 20px black;

	    padding: 10px;

	  box-shadow: 2px 2px #e6e6e6 ;		

	}



#shrt

{

	text-align: center;

	border: solid 2px #d9d8d6;

	background-color: white;

	margin-top: 20px;

}

#cnt{

	text-align: center;

	border: solid 1px #759741;

	background-color:  #759741 ;

	margin-top: 20px;

	color: white;

}



#btnn{



	margin-top: 20px;

	margin-bottom: 20px;

}

#sh{



	border: solid 2px #d9d8d6;

	padding-top: 20px;

	padding-bottom: 20px;

	background-color: white;

	font-size: 150%;

}

.alz{

	background-color:  #faf6f5;

	margin-top: 5%;

}





.rlz{



	background-image: url("images/hdr.jpg") ;

	height: 200px;

	opacity: 0.6;

	







}





#hbtn{



	color: white;

	border: solid 2px white;

	height: 38px;

	border-radius: 0px;

}

#hbtn1{



	background-color: #759741;

	color: white;

	border: solid 2px white;

	height: 38px;

	border-radius: 0px;

}

#exampleFormControlSelect1{



background-color: #565050;

color: white;

border:  solid 2px white;

column-width: 100px;

border-radius: 0px;





}

#search{





	background-color: #759741;

	text-align: center;

	border:  solid 1px white;

	border-radius: 0px;

	width: 10%;



}

#rel{



	margin-bottom: -10px;

  padding: 20px;

	font-size: 250%;

	color: #5f5657;

}





	#ulclr

	{

		color: #759741;

	}

/*	.carousel-inner img {

  height: 100%;

  min-height: 350px;

  background: no-repeat center center scroll;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}*/



	.button2 

	{

		background-color: #0c7560;

		border: none;

	  color: white;

	  padding: 8px 16px;

	  text-align: center;

	  text-decoration: none;

	  display: inline-block;

	  font-size: 16px;

	  margin: 4px 2px;

	  cursor: pointer;

	  width: 100px;

	} 



	.button2:hover

	{

		color: black;

	}



	.button3:hover

	{

		color: black;

	}

	.slide-1 

	{

        position: absolute;

        top: 150px;

        width: 100%;

        text-align: center;

        font-weight: bold;

        font-size: 48px;

        line-height: 60px;

        color: #fff;

    }

    .slide-2

	{

        position: absolute;

        top: 150px;

        width: 100%;

        text-align: center;

        font-weight: bold;

        font-size: 38px;

        line-height: 50px;

        color: #fff;

    }

    .slide-3

    {

    	position: absolute;

        top: 150px;

        width: 60%;

        text-align: center;

        font-weight: bold;

        font-size: 35px;

        line-height: 50px;

        color: #fff;

    }

    .Housing-bg

    {

    	margin-top: 0%;

    	margin-bottom: 3%; 

    	background-image: url('img/4.jpg'); 

    	background-size: cover; 

    	width: 100%;

    }

    .color

    {

    	color: #759741;

    	margin-bottom: 0px;

    	padding: 20px 0px 0px;	

    }

    .easy

    {

    	color: #7f7d7e;

    }

    .Apply-btn

    {

    	width: 20%; 

    	padding: 10px; 

    	background-color: #0c7560; 

    	color: #fff; 

    	border-radius: 0;

    	margin-bottom: 40px;

    }

    .Search-cards

    {

    	border-color: #759741; 

    	border-style: solid;

    }

    .cards-h3

    {

    	color: #5b5b5b; 

    	font-size: 35px; 

    	font-weight: 10; 

    	margin-bottom: 10%;

    }

    .cards-p

    {

    	margin-bottom: 8%;

    }

    .rent-btn

    {

    	border-color: #4991d5; 

    	border-radius: 0; 

    	padding: 4px 35px; 

    	border-style: solid;

    }

    .Sell-btn

    {

    	border-color: #e64c4c; 

    	border-radius: 0; 

    	padding: 4px 35px; 

    	border-style: solid;

    }

    .Buy-btn

    {

    	border-color: #deb24e; 

    	border-radius: 0; 

    	padding: 4px 35px; 

    	border-style: solid;

    }

    .Create-btn

    {

    	border-color: #4ed976; 

    	border-radius: 0; 

    	padding: 4px 35px; 

    	border-style: solid;

    }

    .Browse-bg

    {

    	background-color: #f9f9f9; 

    	padding: 40px;

    	margin-bottom: 40px;

    }

    .tab-width

    {

    	width: 20%;

    	padding: 0px 0px 0px 10px;

    }

    .cente

    {

    	position: absolute;

    	top: 40%;

    	left: 40%;

    	transform: translate(-50%, -50%);	

    }

    .bg

    {

    	background-image: url('img/4.jpg');

    }

    .paginatio

    {

    	border-style: none; 

    	border-color: transparent;

    	background-color: transparent;

    	color: #000;

    }

    .paginatio:hover

    {

    	border-style: none; 

    	border-color: transparent;

    	background-color: #759741;

    	color: #fff;

    }

    .card-heading

    {

    	

        font-style: normal;

        font-weight: 350;

        font-size: 30px;

        line-height: 45px;

        color: #7B7977;

    }

    .btn-warnin

    {

    	background-color: #0c7560;

    	border-radius: 0px;

    }

    .card-text

    {

        font-style: normal;

        font-weight: 300;

        font-size: 14px;

        line-height: 18px;

        color: #959090;

    }

	.button3 

	{

	  background-color: #0c7560;

	  border: none;

	  color: white;

	  padding: 8px 16px;

	  text-align: center;

	  text-decoration: none;

	  display: inline-block;

	  font-size: 16px;

	  margin: 4px 2px;

	  cursor: pointer;

	  width: 100px;

	}

	.btn-sm

	{

		background-color: #fff;

		border-radius: 0px;

		width: 100%;

	}

	@media screen and (max-width: 1000px)

	{

		.btn-sm

		{

		background-color: transparent;

		border-radius: 0px;

		width: 100%;

		color: #fff;

		}

		.margin-top

		{

			margin-top: 0%;

		}

		.mobile

		{

			display: none;

		}

		.slide-1 

	    {

        position: absolute;

        top: 130px;

        width: 100%;

        text-align: center;

        font-weight: bold;

        font-size: 28px;

        line-height: 40px;

        color: #fff;

        }

		.slide-2

	    {

        position: absolute;

        top: 130px;

        width: 100%;

        text-align: center;

        font-weight: bold;

        font-size: 28px;

        line-height: 40px;

        color: #fff;

        }

		.slide-3

        {

    	position: absolute;

        top: 120px;

        width: 60%;

        text-align: center;

        font-weight: bold;

        font-size: 28px;

        line-height: 40px;

        color: #fff;

        }

	}

			.margin-top

		{

			margin-top: 4%;

		}

	.form

	{

		border-radius: 0px;

		border-color: #759741;

	}

	.btn-bg

	{

		background-color: #759741;

		color: #fff;

		width: 100%;

		border-radius: 0px;

	}

	.dropdown-menu

	{

		text-align: center;

		margin-left: 35%; 

	}

	.b-sm

	{

		background-color: #fff;

		width: 50%;

	}

	.carousel-overlay

	{

		background-color: black; 

		opacity: 0.6; 

		height: 200px; 

		width: 100%; 

		left: -0%; 

		margin-bottom:-1%

	}

	.slider-btn

	{

		background-color: #0c7560; 

		color: #fff; 

		border-radius: 0px;

	}

	.prev

	{

		margin-top: -7%;

	}

	.Recent-p

	{

		text-align: center; 

		color: #759741;

	}

	.House-span

	{

		color: red; 

		font-size: 120%;

	}

	.tab-wrap {

	-webkit-transition: 0.3s box-shadow ease;

	transition: 0.3s box-shadow ease;

	border-radius: 6px;

	max-width: 100%;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	  -ms-flex-wrap: wrap;

		  flex-wrap: wrap;

	position: relative;

	list-style: none;

	background-color: transparent;

	margin: 40px 0;

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

}

.tab-wrap:hover {

	box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);

}

.tab-wra {

	transition: 0.3s box-shadow ease;

	border-radius: 6px;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	position: relative;

	list-style: none;

	margin: 40px 0;

}

.tab-wra:hover {

	box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);

}



.tab {

	display: none;

}

.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {

	opacity: 1;

	-webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;

	transition: 0.5s opacity ease-in, 0.2s transform ease;

	position: relative;

	top: 0;

	z-index: 100;

	-webkit-transform: translateY(0px);

		  transform: translateY(0px);

	text-shadow: 0 0 0;

}

.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {

	opacity: 1;

	-webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;

	transition: 0.5s opacity ease-in, 0.2s transform ease;

	position: relative;

	top: 0;

	z-index: 100;

	-webkit-transform: translateY(0px);

		  transform: translateY(0px);

	text-shadow: 0 0 0;

}

.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {

	opacity: 1;

	-webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;

	transition: 0.5s opacity ease-in, 0.2s transform ease;

	position: relative;

	top: 0;

	z-index: 100;

	-webkit-transform: translateY(0px);

		  transform: translateY(0px);

	text-shadow: 0 0 0;

}

.tab:first-of-type:not(:last-of-type) + label {

	border-top-right-radius: 0;

	border-bottom-right-radius: 0;

}

.tab:not(:first-of-type):not(:last-of-type) + label {

  border-radius: 0;

}

.tab:last-of-type:not(:first-of-type) + label {

	border-top-left-radius: 0;

	border-bottom-left-radius: 0;

}

.tab:checked + label {

	background-color: #759741;

	box-shadow: 0 -1px 0 #fff inset;

	color: #fff;

	cursor: default;

}

.nav-link

{

	color: #BBB4B4;

}

.nav-link:hover

{

	color: #759741;

}

.nav-link.active

{

    background-color: #759741;

	box-shadow: 0 -1px 0 #fff inset;

	color: #fff;

	cursor: default;	

}

.card-padding

        {

            margin-bottom: 0px;

            display: inline;

            padding-top: 3%;

            color: #BBB4B4;

        }



.lin {

  color: #000;

  text-decoration: none;

  display: inline-block;

  padding: 15px 20px;

  position: relative;

}

.lin:after {    

  background: none repeat scroll 0 0 transparent;

  bottom: 0;

  content: "";

  display: block;

  height: 2px;

  left: 50%;

  position: absolute;

  background: #759741;

  transition: width 0.3s ease 0s, left 0.3s ease 0s;

  width: 0;

}

.lin:hover:after { 

  width: 100%; 

  left: 0; 

}

.tab:checked + label:hover {

	box-shadow: 0 -1px 0 #fff inset;

	background-color: #759741;

}

.tab + label {

	width:100%;	  

	box-shadow: 0 -1px 0 #eee inset;

	border-radius: 6px 6px 0 0;

	cursor: pointer;

	display: block;

	text-decoration: none;

	color: #333;

	-webkit-box-flex: 3;

	-webkit-flex-grow: 3;

	  -ms-flex-positive: 3;

		  flex-grow: 3;

	text-align: center;

	background-color: #f2f2f2;

	-webkit-user-select: none;

	 -moz-user-select: none;

	  -ms-user-select: none;

		  user-select: none;

	text-align: center;

	-webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;

	transition: 0.3s background-color ease, 0.3s box-shadow ease;

	height: 50px;

	box-sizing: border-box;

	padding: 15px;

}

@media (min-width:768px) {

		

	.tab + label {

		width:auto;

	}

	

}

.tab + label:hover {

	background-color: #f9f9f9;

	box-shadow: 0 1px 0 #f4f4f4 inset;

}

.tab__content {

	padding: 10px 25px;

	background-color: transparent;

	position: absolute;

	width: 100%;

	z-index: -1;

	opacity: 0;

	left: 0;

	-webkit-transform: translateY(-3px);

		  transform: translateY(-3px);

	border-radius: 6px;

	

}

.tab-content

{

	padding: 10px 25px;

	width: 100%;

	z-index: 1;

	opacity: 1;

	left: 0;

	-webkit-transform: translateY(-3px);

	transform: translateY(-3px);

	border-radius: 6px;

}

.vl {

  border-left: 1px solid;

  height: 80%;

  border-color: #C4C4C4;

}



.size

{

	font-size: 23pt;

	font-weight: 400;

	justify-content: center;

}



	.hero-image {

		  background-image: url("images/services.jpg");

		  background-color: #cccccc;

		  height: 500px;

		  background-position: center;

		  background-repeat: no-repeat;

		  background-size: cover;

		  position: relative;

		}



		.hero-text {

		  text-align: center;

		  position: absolute;

		  top: 50%;

		  left: 50%;

		  transform: translate(-50%, -50%);

		  color: black;

		}



		.servicestext{

		 text-align: center;

		 margin-top: 2%;



		 



		}

		.card-boder

		{

			border-color: #759741;

		}



		.bglogin-text {

	  position: absolute;

	  top: 50%;

	  left: 50%;

	  transform: translate(-50%, -50%);

	  z-index: 2;

	  width: 80%;

	  padding: 20px;

	  

	}



		.herologin-image {

		  background-image: url("images/signup.jpg");

		  height: 100%; 

		  background-position: center;

		  background-repeat: no-repeat;

		  background-size: cover;

		  opacity: 0.5;

		}



		#box1{



			background-color:white;

			border-style: solid;

		  border-color: #759741;

		  height: 100%;

		  text-align: center;

		  margin-top: 2%;

		  border-width: thin;

		  box-shadow: 20px black;

		    padding: 10px;

		  box-shadow: 2px 2px #e6e6e6 ;

		  margin-left: 2%;

			

			

		}

			h2{

		  text-align:center;

		  padding: 20px;

		}

		/* Slider */



		.slick-slide {

		    margin: 0px 20px;

		}



		.slick-slide img {

		    width: 100%;

		}



		.slick-slider

		{

		    position: relative;

		    display: block;

		    box-sizing: border-box;

		    -webkit-user-select: none;

		    -moz-user-select: none;

		    -ms-user-select: none;

		            user-select: none;

		    -webkit-touch-callout: none;

		    -khtml-user-select: none;

		    -ms-touch-action: pan-y;

		        touch-action: pan-y;

		    -webkit-tap-highlight-color: transparent;

		}



		.slick-list

		{

		    position: relative;

		    display: block;

		    overflow: hidden;

		    margin: 0;

		    padding: 0;

		}

		.slick-list:focus

		{

		    outline: none;

		}

		.slick-list.dragging

		{

		    cursor: pointer;

		    cursor: hand;

		}



		.slick-slider .slick-track,

		.slick-slider .slick-list

		{

		    -webkit-transform: translate3d(0, 0, 0);

		       -moz-transform: translate3d(0, 0, 0);

		        -ms-transform: translate3d(0, 0, 0);

		         -o-transform: translate3d(0, 0, 0);

		            transform: translate3d(0, 0, 0);

		}



		.slick-track

		{

		    position: relative;

		    top: 0;

		    left: 0;

		    display: block;

		}

		.slick-track:before,

		.slick-track:after

		{

		    display: table;

		    content: '';

		}

		.slick-track:after

		{

		    clear: both;

		}

		.slick-loading .slick-track

		{

		    visibility: hidden;

		}



		.slick-slide

		{

		    display: none;

		    float: left;

		    height: 100%;

		    min-height: 1px;

		}

		[dir='rtl'] .slick-slide

		{

		    float: right;

		}

		.slick-slide img

		{

		    display: block;

		}

		.slick-slide.slick-loading img

		{

		    display: none;

		}

		.slick-slide.dragging img

		{

		    pointer-events: none;

		}

		.slick-initialized .slick-slide

		{

		    display: block;

		}

		.slick-loading .slick-slide

		{

		    visibility: hidden;

		}

		.slick-vertical .slick-slide

		{

		    display: block;

		    height: auto;

		    border: 1px solid transparent;

		}

		.slick-arrow.slick-hidden {

		    display: none;

		}



	.footer{

	  background: #000000;

	  color:white;

	  height: 100%; 

	}

	#fclr{

		color: #759741;

	}

	#faclr:hover{

		

		color: #759741;

	    

	}

	#faclr{

		

		color: white;

	    

	}

	#bcllogin{

				background-color: #759741;

			color: white;

			border-radius: none;

			width: 25%;

			margin-top: 200px;

				

			}



			hr.new4login {

	  border: 1px solid #759741;

	}

		

	#chcklogin{

		color: white;



	}

	#fglogin{

		float: right;



	}









#fnamesignup{



		height: 40px;

		width: 48% ;

		margin-right: 3% ;

		margin-top:-10px;

}

#lnamesignup{



		height: 40px;

		width: 48% ;

		margin-top: 50px



}

#emailsignup{



		height: 40px;

		width: 100% ;

		margin-top: 20px



}

#passsignup{



		height: 40px;

		width: 100% ;

		margin-top: 20px



}

#h1signup{

	color:#759741; 

	text-align: center;

	margin-bottom: -40px;

}



#bclsignup{

			background-color: #759741;

			color: white;

			border-radius: none;

			width: 25%;

			margin-top: 200px;

			

		}







	.footer li 

	{

		 list-style-type: none;

	}





	#h1login{

		color:#759741; 

		text-align: center;

		margin-bottom: 20px;

		margin-top: 20px;

		

	}



	#signup-form{

				text-align: center;

			}

			.bg-text {

	  position: absolute;

	  top: 50%;

	  left: 50%;

	  transform: translate(-50%, -50%);

	  z-index: 2;

	  width: 80%;

	  padding: 20px;

	  text-align: center;

	}

	hr.new4 {

	  border: 1px solid #759741;

	}

	.fb {

	  background-color: #3B5998;

	  color: white;

	  width: 45%

	}

	.google {

	  background-color: white;

	  color: black;

	    width: 45%

	}



	.google:hover

	{

		color: red;

	}

	
	.login_div{
		width:19%;
		margin-left:1%;
	}
	.signup_div{
		width:19%;
		margin-left:1%;
	}
	.herosignup-image {

		  background-image: url("images/signup.jpg");

		  height: 100%; 

		  background-position: center;

		  background-repeat: no-repeat;

		  background-size: cover;

		  opacity: 0.5;

		}
		@media only screen and (min-width: 300px) and (max-width: 767px) { 
		    .login_div{
					width: 48% !important;
				    margin-left: 1%;
				    margin-bottom: 10px;
				    font-size: 13px;
			}
			.signup_div{
					width: 48% !important;
				    margin-left: 1%;
				    margin-bottom: 10px;
				    font-size: 13px;
			}
		}