* {
        box-sizing: border-box;
      }
body{
	font-family: 'CustomFont', Arial, sans-serif;
	font-family: montserrat,sans-serif;
font-weight: 400;
font-style: normal;
	width: 100%;
	margin: 0 auto;
	overflow-x: hidden !important;
	   
}
 h1 {
	font-size: 3.5em !important;
	line-height: 1.2;
	font-weight: 400;
	margin: 0;
}

h2 {
	font-size: 35px;
	font-weight: 400;
	margin: 0;
	padding-bottom: 15px;
	line-height: 1.3;
}
h3{
	font-weight: 600;
    font-size: 22px;
}

p{
	line-height: 1.5em;
	color: #1a1a1a;
	font-weight: 300;
}
a{
	font-size: 13px;
}

ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	list-style: none;
	margin-bottom: 40px;
	margin-top: -20px;
	font-size: 20px;
	line-height: 1.2;
}

li{
	    margin-left: -40px;
	font-weight: 400;
}
li a{
text-decoration: none;
    font-weight: 300 !important;
    color: black;
}

.map-section h3{
	    font-weight: 400;
    font-size: 16px;
}


/* Banner */

#banner {
	background-color: #666;
	background-image: url("/images/Home/Home-header.jpeg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 14em 0 15em 0;
	text-align: center;
}
#header-wrap {
	width: 50%;
	margin: 0 auto;
	background-color: hsla(0,0%,100%,0.90);
	border-radius: 10px;
	padding: 40px 40px 40px 40px;
}

	#header-wrap p{
		font-size: 18px;
	}
	/* Intro Boxes */

.wraped-section-intro {
	background: #f5f5f5;
}
.wraped-section {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0px 90px 0px;

}
.intro-wrap{
		display: grid;
	    grid-template-columns: auto auto auto;
}
.intro-boxes{
	background-color: #FFFFFF;
	border-radius: 10px;
	margin: 15px;
	padding: 10px 40px 40px 40px;
}

.intro-p  {
	padding-bottom: 15px;
}
.intro-boxes:hover{
	background-color: #FFFFFF;
	box-shadow: 0px 6px 16px #d3d3d3 ;
	border-radius: 10px;
	margin: 15px;
	padding: 10px 40px 40px 40px;
	
}
.intro-boxes img{
	width: 50%;
}
/* BUTTONS */
.button-2{
	 background-color: #f5f5f5;
  border: none;
  color: #2d7bc0;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
	border-radius: 8px;
	width: 100%;
    text-align: center;
    display: block;
}

	.button-2:hover {
		background-color: #2d7bc0;
		color: #FFFFFF;
	}

.button-1{
	 background-color: #2d7bc0;
  border: none;
  color: #FFFFFF;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
	border-radius: 8px;
}
.button-1:hover{
	  background-color: #184677;
	 color:  #FFFFFF;
}
/*MAP*/
.map-section {
    background: #FFFFFF;
	padding-bottom: 50px;}
.map-background {
	background: url( "/images/Home/map section-4.jpg") no-repeat center top;
	background-size: cover;
	background-position: bottom;
	height: 600px;
	width: 100%;
}
.map-box{
 height: 350px;
max-width: 1200px;
	margin: 0 auto;
	    padding-top: 110px;
  position: relative;
}
.header-wrap-map{
width: 40%;

	border-radius: 10px;
	padding: 40px 30px 68px 50px;
}

/*FIND A REALTOR*/
.map-section{
	background:  #FFFFFF;
}
.find-realtor-background {
	background: url( "/images/Home/Find a realtor-2.jpg") no-repeat center top;
	background-size: cover;
	height: 700px;
	width: 100%;
}
.find-realtor-box{
height: 350px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 150px;
    position: relative;
}
.header-wrap{
    width: 50%;
    background-color: hsla(0,0%,100%,0.90);
    border-radius: 10px;
    padding: 45px 45px 68px 50px;

}
#header-text{
	font-size: 20px;
	margin-bottom: 40px;
}

/*CARTS*/
.properties-section{
	width: 1200px;
	margin: 0 auto;
	    padding: 80px 0px 80px 0px;
}
      :root{
        --font: 1rem;
        --line: calc(var(--font) * 5);
        --move: calc(-1 * var(--line));
      }

      .properties-wrap {
        display: grid;
        grid-template-columns: auto auto auto;
        /* using 1fr will wreck the ellipsis fix for text wrapping */
        grid-gap: 1rem;
        grid-template-rows: auto;
        margin: 1rem 0;
        
      }
      .item > img {
        width: 100%;
        height: auto;
        display:block; /* to get rid of the whitespace */
      }
      .grid-text {
        font-size: 30px;
        border-radius: 10px;
        padding: 0 1.5rem 5rem;
        margin: 0;
        color: white;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.95), transparent);
        height: var(--line);
        /* margin-top: var(--move);
        position:relative; */
        
        transform: translateY(var(--move));
        margin-bottom: var(--move);
        
        text-overflow:ellipsis;
        white-space: nowrap;
        overflow:hidden;
		  font-weight: 500;
		  text-shadow: 0 0 10px black;
      }
		.text-wrap{
			padding-bottom: 3rem;
		}
		.image-zoom{
		text-align: left;
	 width: 100%;
        height:  100%;
        overflow: hidden;
			border-radius: 10px;

}
.properties-textbox h2{
	padding-bottom: 30px;
}
	

.image-zoom img{
	 width: 100%;
        transition: 0.9s all ease-in-out;
	margin-bottom: -25px;
}
.image-zoom:hover img {
        transform: scale(1.1);
	
    }


.properties-textbox{
 margin: 30px 0px 30px 0px;
}
.properties-wrap a{
	text-decoration: none;
}

/*WHY US*/


.why-us-background {
	background: url( "/images/Home/FOR SALE Sign-cir bsuiness mastery-web-3 (1).jpg") no-repeat center top;
	background-size: cover;
	height: 650px;
	width: 100%;
}
.why-usr-box{
 height: 350px;
max-width: 1200px;
	margin: 0 auto;
	padding-top: 150px;
  position: relative;
}
.header-wrap-2{
	width: 50%;
	background-color: hsla(0,0%,100%,0.90);
	border-radius: 10px;
	    padding: 60px 30px 80px 50px;
}
#header-text{
	font-size: 20px;
	margin-bottom: 40px;
}





/*HOME EVALUATION*/


.home-evaluation-background {
	background-color: #666;
	background-image: url( "/images/Home/home-evaluation bg.jpg");
	background-color: #FFFFFF;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height: 700px;
	width: 100%;

}

.header-wrap-3{

max-width: 600px;
	margin: 0 auto;

  position: relative;
}


.header-wrap-text{
	  position: absolute;
  top: 8px;
  left: 16px;
}

.header-box{
	padding-top: 410px;
	text-align: center;
}
#header-text{
	font-size: 20px;
	margin-bottom: 40px;
}


/*BEST MY NEST*/


.best-my-nest-background {
	background: url( "/images/Home/best my nest.jpg") no-repeat center bottom;
	background-size: cover;
	background-position: top center;
	height: 650px;
	width: 100%;
}
.best-my-nest-box{
 height: 350px;
max-width: 1200px;
	margin: 0 auto;
	padding-top: 150px;
  position: relative;
}
.header-wrap-4{
	width: 50%;
	background-color: hsla(0,0%,100%,0.90);
	border-radius: 10px;
	padding: 40px 30px 68px 50px;
}
#header-text{
	font-size: 20px;
	margin-bottom: 40px;
}


.why-usr-box{
	    height: 350px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 95px;
    position: relative;
}
.why-us-background{
	height: 550px;
 
}


/*PARTNERS*/

.cir-partners-wrap {
	width: 100%;
	margin: 0 auto;
}
.cir-partners-section{
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0px 110px 0px;
	
}

.cir-partners-section h2 {
	text-align: center;
	margin-bottom: 30px;
}
.cir-partners-box-1{
    width: 90%;
    margin: 0 auto;
}

.cir-partners-box-grid{
display: flex;
	width: 100%;
		padding: 15px 0px 15px 0px;
}

.partners-text{
	width: 50%;
	text-align: center; margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 10px;
}

.cir-partners-box-grid img{
	width: 80%;
	    opacity: .8;
		margin: 0 auto;
}

.cir-partners-box-grid img:hover{
	width: 80%;
	    opacity: .5;
}
.cir-partners-box-1 h3{
	    text-align: center;
	font-weight: 400;
	    margin-bottom: 40px;
}

hr{
	 border-top: .5px solid #CCCCCC;
	
}
/*FOOTER*/
footer{
	width: 1200px;
	margin: 0 auto;
	border-top: .5px solid #CCCCCC;
    
	padding: 80px 0px 60px 0px;
}
.footer-section{
		display: grid;
	    grid-template-columns:45% 27.5% 27.5%;

	   grid-gap: 1rem;
        grid-template-rows: auto;
        margin: 1rem 0;

}

footer .social-media-icons a{
	 background: #bcbcbc;
  color: white;
		 padding: 15px;
}
footer .social-media-icons a:hover{
	 background: #2d7bc0;
  color: white;
	
		
}
.fa {
  padding: 15px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
	border-radius: 100px;


}
	.footer-heading-text{
		font-size: 20px;
		font-weight: 400;
	}

footer a{
	text-decoration: none;
	color: hsla(0,0%,25%,1.00);
	font-weight: 300;
}

footer a:hover{
	text-decoration: none;
	color:#2d7bc0;
	font-weight: 300;
}

@media (min-width: 1900px){
	#header-wrap {
		width: 40%;
		margin: 0 auto;
		background-color: hsla(0,0%,100%,0.90);
		border-radius: 10px;
		padding: 40px 20px 40px 20px;
	}
	.why-us-background {
		height: 700px;
	}
	.why-usr-box {
		padding-top: 160px;
	}
	.best-my-nest-background {
		height: 750px;
	}

	.best-my-nest-box {
	
		padding-top: 180px;
	}
	}
@media (max-width: 1100px){

	#header-wrap {
		width: 80%;
		margin: 0 auto;
		background-color: hsla(0,0%,100%,0.90);
		border-radius: 10px;
		padding: 50px 30px 60px 30px;
	}
	..tabs {
		width: 100% !important;
		margin: 0 auto;
	
	
	}

	.search-tab-wrapper {
		width: 100% !important;
	}

	#header-wrap {
		width: 55%;
	}

@media (max-width: 800px) {
	
	h2 {
    font-size: 30px;
    font-weight: 400;
		margin: 0;}
	p {
    line-height: 1.5em;
    color: #1a1a1a;
    font-weight: 300;
		font-size: 18px;}
	
	#header-wrap {
    width: 90%;
    margin: 0 auto;
    background-color: hsla(0,0%,100%,0.90);
    border-radius: 10px;
    padding: 50px 30px 60px 30px;
}
	.intro-wrap {
    display: grid;
    grid-template-columns: auto ;
	
}

	.header-wrap-2 {
		width: 90%;
		margin: 0 auto;
		background-color: hsla(0,0%,100%,0.90);
		border-radius: 10px;
		padding: 45px 30px 50px 30px;
	}
		.header-wrap-map {
		width: 90%;
		margin: 0 auto;
		background-color: hsla(0,0%,100%,0.90);
		border-radius: 10px;
		padding: 40px 30px 50px 30px;
	}

	.map-background {
		background: url("/images/Home/map section-mobile.jpg") no-repeat center top;
		background-size: cover;
		background-position: bottom center;
		height: 700px;
		width: 100%;
	}
	
.map-section {
    background: #FFFFFF;
    padding-bottom: 50px;
}
	.map-box{
		padding-top: 30px;
	}
	
	.header-wrap {
    width: 90%;
		margin: 0 auto;
    background-color: hsla(0,0%,100%,0.90);
    border-radius: 10px;
    padding: 45px 30px 68px 30px;
	}

	.find-realtor-background {
		background: url("/images/Home/Find a realtor-mobile.jpg") no-repeat center bottom;
		background-size: cover;
		height: 800px;
		width: 100%;
	}
	.find-realtor-box {
    height: 350px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 10px;
		position: relative;}
	
	
		#header-text {
    font-size: 18px;
    margin-bottom: 40px;
	}
	.header-wrap {
		width: 90%;
		margin: 0 auto;
		background-color: hsla(0,0%,100%,0.90);
		border-radius: 10px;
		padding: 45px 20px 50px 20px;
	}
	
	.home-evaluation-background{
		    height: 600px;
		padding-top: 50px;
}


	.header-box {
		padding: 280px 20px 10px 20px;
		background-position: top center;
		background-image: url( "/images/Home/home-evaluation-bg.png");
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		background-size: contain;
	}
	
	.header-wrap-4 {
    width: 90%;
    margin: 0 auto;
    background-color: hsla(0,0%,100%,0.90);
    border-radius: 10px;
    padding: 40px 30px 50px 30px;
}
	.best-my-nest-box{
		padding-top: 30px;
	}
	.best-my-nest-background {
		background: url( "/images/Home/best my nest-mobile.jpg") no-repeat center bottom;
		background-size: cover;
		background-position: bottom center;
		height: 800px;
		width: 100%;
	}
	
	
	intro-boxes img {
    width: 40%;
    margin-top: -10px;
    margin-bottom: -10px;
}
	.cir-partners-box-grid {
    display: flex;
    /* border: none; */
    display: table-cell;
    width: 100%;
    padding: 15px 0px 15px 0px;
}
	.cir-partners-section {
    width: 100%;
    margin: 0 auto;
   padding: 80px 0px 110px 0px;
}
	.cir-partners-box-1 {
    width: 80%;
    margin: 0 auto;
	}
	.cir-partners-box-grid img {
	width: 80%;
    margin: 0 auto;
	
	}
	.partners-text {
    width: 90%;
    
		margin: 0 auto;
	   }
	
	.footer-section {
    display: grid;
    grid-template-columns: auto ;
    grid-gap: 1rem;
    grid-template-rows: auto;
    margin: 1rem 0;
}
	
	footer {
    width: 100%;
    margin: 0 auto;
    border-top: 0.5px solid #CCCCCC;
		  padding: 80px 25px 60px 45px;}
		
	.footer-box img{
		width: 50%;
	}

	
}

@media (max-width: 500px) {
	#header-wrap {
		padding: 30px 20px 30px 20px;
	}
	h1 {
		font-size: 2.8em;
	}
	.header-box {
		padding: 210px 20px 10px 20px;
	}

	.home-evaluation-background {
		height: 560px;
	}
	}