@font-face {
    font-family:"optimusprinceps";
    src: url(optimusprinceps.ttf);
}
body{background-color: #fff;}

#qs-submit, #more-options, .information-bar {
  color: #fff;
  background-color: #27507c;
  }

.cover-title-inner{
  	visibility: hidden;
}

body.header-transparent.front .cover.cover-center .cover-title #horizontal-search:before {
    content: '';
    width: 60vw;
    max-width: 570px;
    height: 16vw;
    background: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/logo.png) center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-20%);
}

.cover-overlay {
    background-image: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/herogbg.jpg) !important;


}

body.header-transparent.front .cover.cover-center {
    height: 55vw !important;
    margin-top: -200px;
}

@media (max-width: 767px){
	body.header-transparent.front .cover.cover-center {
	    height: 100vw !important;
	    margin-top: -200px;
}

}

body.header-transparent.front .cover.cover-center .cover-title {
    top: auto;
    bottom: 0vw;
    transform: translateY(0);
    .cover-title-inner {
        display: none;
    }
    #horizontal-search {
        padding-bottom: 15px !important;
    }
}

@media (max-width: 767px){}
body.header-transparent.front .cover.cover-center .cover-title {
    bottom: 0;
}

@media (max-width: 1199px) {


    body.header-transparent.front {
        .cover.cover-center .cover-title {
            bottom: 6vw;
        }
        #horizontal-search {
            padding-bottom: 2rem !important;
        }
        .information-bar h5 {
            font-size: 24px;
        }
        #featured_communities .featured-area a .featured-title {
            font-size: 20px;
        }
        #large_cta .cta-overlay span {
            font-size: 16px;
        }
        .header-logo .img-logo {
            transform: scale(1.5) !important;
        }
    }
}

@media (max-width: 767px) {

    body.header-transparent.front {

        .cover.cover-center {
            margin-bottom: 300px !important;
            height: 300px !important;
            .cover-title {
                bottom: 0;
            }
        }
    }
}



.information-bar{
	background-color: #27507c !important;
	background-image: none !important;
}

#froala-editor{
	margin-left:-15px;
	margin-right:-15px;
}

#categories{
	margin-top:-50px;
}


#indexpage{max-width: 1920px;margin: 0 auto;}
#indexpage .banner{width:50%; margin:0 auto;}
#indexpage .worth{width: 50%; margin: 0 auto; padding: 13% 0;text-align: center;}
#indexpage #meetteam .desc{width:50%; margin:0 auto;padding: 3% 0% 1% 0%;}
.navbar-nav .nav-item{list-style: none;}

#indexpage #upperbanner{
	background-image: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/Layer435.jpg);
    background-repeat: no-repeat;
	height: 1027px;

}
#indexpage #upperbanner .container .row nav button span img.ham{display:none;}
#indexpage #upperbanner nav.navbar li a{
	font-size: 16px;
	font-family: "Lato-Light";
	text-transform: uppercase;
	color:#000;
	font-weight:normal;
}
#indexpage #upperbanner nav.navbar li a.dropdown-item{
	font-size: 16px;
	color:#000;
	text-transform: uppercase;
	font-weight:normal;
}
#indexpage #upperbanner .container .row nav{margin:5%;background-color: transparent;}
#indexpage #upperbanner .container .row .find nav{
	background-color: #fff;
	padding: 0px;
	max-height:51px;
}
#indexpage #upperbanner .container .row .find a.more{
	display: inline-block;
	display: block;
    width: 15%;
    margin: 0 auto;
	padding: .5% 2% .5% 3%;
	background-color: #175492;
	color:#fff;
	text-decoration: none;
	background-image: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/downloaded.jpg);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
#indexpage #upperbanner .container .row .find nav form{display: inline-block;}
#indexpage #upperbanner .container .row .find nav button{
	background-color:#175492;
	color:#fff;
	padding: 1.2% 8%;
	display: inline-block;
margin-left: 10%;
	border-radius: 0px;
}
#indexpage #upperbanner .container .row .find nav form input{
	border:1px solid #fff;}

#indexpage #upperbanner .container .row .find nav li{
	list-style: none;
	display: inline-block;
	margin-right: 1.342%;}
#indexpage #upperbanner .container .row .find nav li a{
	font-size: 16px;
	color:#000;
	padding: 10% 20px 10% 0;
	text-transform: uppercase;
	font-weight:normal;
	border-right: 0.5px solid lightslategrey;
	text-align: left;
}
#indexpage #upperbanner .container .row .start a{
	font-size: 16px;
	margin-right: 2%;
	color:#fff;
	font-weight:normal;}
#indexpage #upperbanner .container .row a{
	font-size: 16px;
	color:#fff;
	font-weight:normal;}
#indexpage #upperbanner .container .row .banner img{
	background-color: #fff;
	opacity: 0.8;
	width:100%;
	padding: 5%;
}
#indexpage #upperbanner .container .row .banner img.mactive{display: none;}
#indexpage #upperbanner .container .row .banner h1{display: none;}
#indexpage #realtor{
	height: 4.5em;
	 background-color: #27507c;
	 position: relative;}

#indexpage #realtor h1{
	font-size: 1.5em;
	font-family: "Lato-Light";
	color:#fff;
	position: absolute;
 	 top: 50%;
 	 left: 50%;
  	transform: translate(-50%, -50%);
}

#indexpage #myhome{
	background-image: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/Layer436.jpg);
	background-repeat: no-repeat;
	height: 490px;
	background-size: 100%;
	background-position: center; 

}

#indexpage #myhome .container .row img{
	max-width:455px;
	width:100%;
	
}

#indexpage #myhome .container .row a{
	display:block;
	font-family: "Lato-Light";
	width: 30%;
	background-color: #27507c;
	padding: 2% 5%;
	margin:10% auto 0;
	text-decoration: none;
	font-size: 14px;
	color: rgba(236, 236, 236, 255);
	text-align: center;
}

#indexpage #meetteam{
	background-image: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/meetteambg.jpg);
	background-repeat: no-repeat;
	/*height:653px;*/
	/*background-color: darkblue;*/
}

#indexpage #meetteam .member{
	/*background-image: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/Ellipse2.jpg);*/
	/*background-color: rgba(100,100,100,30);*/
	background-repeat: no-repeat;
	/*height:262px;*/
	/*width:240px;*/
	margin-left: 3%;
	background-position: center center;
	padding-bottom: 3em;
}

#indexpage #meetteam .team-members-container{
	/*padding-left:5em;
	padding-right:5em;*/
	margin: 0 auto;max-width: 1200px;
}

#indexpage #meetteam .member h5{ text-align:center;font-size: 15px;color:#fff;font-family: "Lato-Regular";}
#indexpage #meetteam .member p{text-align:center;font-size: 11px;color:#fff;font-family: "Lato-Light";}
#indexpage #meetteam .visual .member img{ width: 100%; max-width: 180px; height: 250	px;margin-top: -15%;}
/*#indexpage #meetteam .visual .member:nth-child(2) img{width: 100%; max-width: 167px; height: 250px;margin-top: -15%;}*/
/*#indexpage #meetteam .visual .member:nth-child(3) img{width: 100%; max-width: 151px; height: 250px;margin-top: -15%;}*/
/*#indexpage #meetteam .visual .member:nth-child(4) img{width: 100%; max-width: 214px; height: 250px;margin-top: -15%;}*/
/*#indexpage #meetteam .visual .member:nth-child(5) img{width: 100%; max-width: 225px; height: 250px;margin-top: -15%;}*/

#indexpage #meetteam .desc img{
	width:100%;
	max-width: 414px;
	max-height: 47px;
	margin: 0 auto;
	display:block;

}

#indexpage #meetteam .desc p{
	font-size: 0.75em;
	display:block;
	color: rgba(204, 153, 102, 255);
text-align: center;
	margin:0.35rem auto 3rem; 
	text-transform: uppercase;
	letter-spacing: 0.25em;
}

@media (max-width: 650px){
	#indexpage #meetteam .desc p{
		letter-spacing: 0.1em;
	}
}

#indexpage #search{margin:3% 0 5% 0;}
#indexpage #search h1{font-size: 3em;
	color: rgba(109, 109, 109, 255);
	text-transform: uppercase;
	text-align: center;
	font-family: "PlayfairDisplay-Regular";}

#indexpage #search p{
	text-align: center;
	font-size: 1.5em;
	color: rgba(109, 109, 109, 255);
	margin-bottom:1.5rem;
	font-family: "Lato-Light";
	
}
#indexpage #search .home{margin:0px 0 -1% 0;}
#indexpage #search .home:nth-child(4){clear: left;}
#indexpage #search .home .over {
    opacity: 0.8;
    width: 100%;
    height:50px;
    background-color: rgb(64,64,64);
    position: relative;
    right: 0px;

    bottom: 50px;
    left: 0;
    z-index: 10;
    margin-bottom: 0%;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
}
#indexpage #search .home .over h2{
	font-size: 1.5em;
	position: absolute;
	left: 0;
    top: 25%;
    width: 100%;
    text-align: center;
	color: rgba(255, 255, 255, 255);
	line-height: 100%;
	margin: 0px;
	text-decoration: none;
	font-family: "Lato-Light";
	text-transform: uppercase;
}
#indexpage #search img{/*max-width: 598px;*/
	width:100%;
	/*height: 493px;*/
	object-fit: contain;
}
#indexpage #homeloan{margin-bottom: 5%;}
#indexpage #homeloan .container-fluid{
	padding:0 10%;}
#indexpage #homeloan .heading{float: right;}
#indexpage #homeloan .heading img{width:100%;}
#indexpage #homeloan .loantext{padding-top: 10%;}
#indexpage #homeloan .loantext h2{
	font-size: 16px;
	font-family: "Lato-Bold";

	color: rgba(109, 109, 109, 255);
	text-transform: uppercase;
}

#indexpage #homeloan .loantext p{
	font-size: 12.12px;
	font-family: "Lato-Regular";
	width:80%;
	color: rgba(61, 61, 61, 255);
}
#indexpage #homeloan .loantext a{
	font-size: 13px;
	font-family: "Lato-Regular";
	color: rgba(109, 109, 109, 255);
	text-transform: uppercase;
	text-decoration: none;
	border:4px solid gray;
	padding: 1.5% 12%
}
#indexpage #homeloan .loanimage img.first{width: 100%;max-width: 860px; max-height: 213px;margin-bottom: 5%;}
#indexpage #homeloan .loanimage img.second{width: 100%;max-width:718px; max-height: 479px;}
#indexpage #mapped{
	background-image: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/mapped.jpg);
	background-repeat: no-repeat;
	background-size: contain;
    width: 100%;
    height: 0;
	padding-top: 44.22%;

}
#indexpage #mapped .imgcontain{
	vertical-align: bottom;
	padding-top: 8%;

}
#indexpage #mapped .imgcontain img.below{width:100%;
	max-width: 690px;
	width:100% ;
	height: 566px;
	max-height: 693px;
	

}


#indexpage #mapped .imgcontain img.over{
	width:100%;
	/*max-width: 224px;
	max-height: 484px;
		height: 566px;*/

	/*position: absolute;*/
   /* top: 30%;
	left:42%;*/
}
@media (max-width: 1200px)
{
	#indexpage #upperbanner .container .row .find nav button{margin-left:0px;}
	#indexpage #upperbanner .container .row .find nav li{margin-right: 0.8%;}
	#indexpage #upperbanner .container .row .find nav form {
		display: inline-block;
		width: 25%;
	}
	.navbar-nav .nav-item {
		float: left;
		margin-left: -7%;
	}
}
@media (max-width: 1100px)
{
	#indexpage #upperbanner .container .row .find a.more{width: 25%;}
	#indexpage #myhome .container .row a{width:40%;}
	
}
@media (min-width:991px){
	.collapse {
		display: block!important;
	}
}
@media (max-width: 991px)
{
	#indexpage #upperbanner .container .row .find nav button{margin-left:0px;float:right;}
	.collapse ul {
		margin-top: 0;
		margin-bottom: 1rem;
		background-color: black;
		padding: 0px 0px 0px 4%;
		opacity: 0.5;
	}
	#indexpage #upperbanner .container .row nav button span img.ham{display:block;}
	.navbar-nav .nav-item {
		float: none!important;
		margin-left: 0%;
	}
	.navbar-nav .nav-item+.nav-item {
		margin-left: 0rem!important;
	}
	#indexpage #search .home:nth-child(4){clear:none;}
	#indexpage #search .home:nth-child(9){clear:left;}
	#indexpage #upperbanner .container .row .find a.more{width: 30%;}
	#indexpage #upperbanner{height: auto;
		background-size: cover;
		padding-bottom: 4%;}
	#indexpage #myhome{
		height: auto;
		background-size: cover;
		padding-bottom: 4%;
	}
	#indexpage #meetteam{height:auto; background-size:cover;padding-bottom:3%;}
	#indexpage #meetteam .member{margin-left: 0px;margin-bottom: 2%; text-align: center;}
	#indexpage #upperbanner .container .row .find nav li a{
		display: table-column;
	}
	#indexpage .navbar-toggler{}
	#indexpage #upperbanner .container .row .find a.more{
		padding: .5% 6% .5% 3%
	}
	#indexpage #search h1{font-size: 40px;}
	#indexpage #search h1{font-size: 25px;}
	#indexpage #search .home{margin: 0px 0 -2% 0;}
	#indexpage #homeloan .loantext {
		padding-top: 10%;
		padding-bottom: 10%;
		text-align: center;
	}
	#indexpage #homeloan .loantext p{width: 100%;}

}

@media (max-width: 767px)
{
	body.header-transparent.front .cover.cover-center .cover-title {
		bottom: 0;
		position: relative;
		bottom: -257px;
	}
	#indexpage #myhome .container .row a{width:60%;}
	#indexpage #upperbanner .container .row .find a.more{width: 35%;}
	#indexpage #search img {
		max-width: 100%;	
		width: 100%;
		margin: 0 auto;
		/*height: 493px;*/
	}
	#indexpage #upperbanner .container .row .find nav button {
		background-color: #175492;
		padding: 1.2% 8%;
		display: inline-block;
		margin-left: 0%; 
		border-radius: 0px;
	}
}
@media (max-width: 650px)
{
	.information-bar{margin-top: 25%;}
}
@media (max-width: 575px)
{
	.cover-overlay {
		background-image: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/herogbg.jpg) !important;
		background-size: contain !important;
	
	}
	#indexpage #realtor h1{text-align: center;}
	#indexpage #upperbanner .container .row .banner img.dactive{display: none;}
	#indexpage #upperbanner .container .row .banner img.mactive{display:block;background-color: #fff;
		opacity: 0.8;
		width: 100%;
		padding: 5%;}
#indexpage #upperbanner .container .row .banner h1{text-align:center;font-weight:bolder;display: block; font-family:"optimusprinceps";font-size:3.5vw;color:#175492;background-color:#fff;opacity:0.8;text-transform: uppercase;}
	#indexpage #search p {
		text-align: center;
		font-size: 1.5em;
		color: rgba(109, 109, 109, 255);
		width: 65%;
		margin-bottom: 1.5rem;
		font-family: "Lato-Light";
		margin-left: auto;
		margin-right: auto;
	}
	#indexpage #meetteam .desc{width:50%; margin:0 auto;padding: 6% 0% 1% 0%;}
	#indexpage #myhome .container .row img {
		max-width: 488px;
		width: 100%;
		margin: 3em auto 0;
	}
	#indexpage #meetteam .member{margin-bottom: -5%; text-align: center;}
	#indexpage #meetteam .visual .member img{ width: 100%; max-width: 240px; height: 100%;margin-top: -9%;}
	
	#indexpage #meetteam .visual .member:nth-child(2) img{width: 100%; max-width: 240px; height: 100%;margin-top: -9%;}
	#indexpage #meetteam .visual .member:nth-child(3) img{width: 100%; max-width: 240px; height: 100%;margin-top: -0%;}
	#indexpage #meetteam .visual .member:nth-child(4) img{width: 100%; max-width: 240px; height: 100%;margin-top: -0%;}
	#indexpage #meetteam .visual .member:nth-child(5) img{width: 100%; max-width: 240px; height: 100%;margin-top: -0%;}
	#indexpage #search .home{margin: 0px 0 -5% 0;}
	#indexpage #search img {
		max-width: 100%;	
		width: 100%;
		margin: 0 auto;
		/*height: 420px;*/
	}
	#indexpage #upperbanner .container .row .find nav li{margin-right:2%;}
}
@media (max-width: 543px)
{
	#indexpage #meetteam .visual .member:nth-child(1) p{margin-bottom: 13%;}
}
@media (max-width: 650px)
{
	.information-bar{margin-top: 50%;}
}

@media (max-width: 445px)
{
	#indexpage #myhome .container .row a {
		width: 65%;
	}
	#indexpage #upperbanner .container .row .find nav form{
		width: 45%;}
	#indexpage #search h1{font-size: 30px;}
	#indexpage #search p{font-size: 16px;}
}
@media (max-width: 427px)
{
	body.header-transparent.front .cover.cover-center .cover-title {
		bottom: 0;
		position: relative;
		bottom: -200px;
	}
}
@media (max-width: 427px)
{
	.information-bar{margin-top: 60%;}
}
@media (max-width: 366px)
{
	.information-bar{margin-top: 70%;}

.cover-overlay {
    background-image: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/herogbg.jpg) !important;
	background-size: contain!important;
	background-position: 100% 25%!important;
}
}
@media (max-width: 344px)
{
	.information-bar{margin-top: 80%;}
}

@media (max-width: 335px)
{
	.cover-overlay {
		background-image: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/herogbg.jpg) !important;
		background-size: contain!important;
		background-position: 100% 28px!important;
	}
}
@media (max-width: 320px)
{
	.information-bar{margin-top: 85%;}
	.cover-overlay {
		background-image: url(https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/willjohnson.exprealty.com/images/herogbg.jpg) !important;
		background-size: contain!important;
		background-position: 100% 31%!important;
		background-repeat: repeat!important;
	}	
}