@import url('https://fonts.googleapis.com/css2?family=Gruppo&family=Ysabeau+SC:wght@1..1000&family=Oxygen:wght@300;400;700&display=swap');
html { height:100%; width:100%; margin:0; }
body { background:#FFFFFF; margin:0px; height:100%; padding:0px; min-width:980px; font-family: "Oxygen", sans-serif; font-weight:400; }
header { width:100%;}
td { vertical-align:top; }

#menubar { position:fixed; width:100%; height:100px; z-index:999;  }
.shortmenubar { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); }

#newsideNav { position:fixed; float:right; height:100%; width:0; top:0; right:0; background-color:#fff; overflow-x:hidden; padding-top:60px; z-index:999; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; }
.sideNav .closebtn { position:absolute; top: 0; right:25px; font-size:36px; color:#000000; text-decoration:none; }

#headerLogo { position:relative; float:left; z-index:888; padding-right:10px; }
#headerLogo img { height:90px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; margin-left:15px; margin-top:5px;}
#loginTop { position:relative; float:right; margin-right:30px; margin-top:15px; }
#loginTop a { float:left; font-family: 'Fjalla One', sans-serif;text-decoration:none; color:#505050;  }
#loginTop img { float:left; margin-right:6px; height:20px; -webkit-transition:0.3s ease-out; -webkit-transform: -webkit-transition 0.3s;  -ms-transition:0.3s ease-out; transition:0.3s ease-out;}
#loginTop a:hover img { margin-right:2px; }

ul#navPaw, ul#navPaw ul, ul#navPaw li { margin:0px; padding:0px;  }		
ul#navPaw { z-index:888; float:right; width:360px; }
ul#navPaw li { float:left; width:360px; list-style:none; position:relative; z-index:9999; margin-left:20px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
ul#navPaw li a { color:#606060; text-decoration:none; font-family: 'Fjalla One', sans-serif; font-weight:normal; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
ul#navPaw li a:hover { color:#b7be33; text-decoration:none; }
ul#navPaw li:hover a {  padding-left:5px; }
ul#navPaw li h1 {color:#FFFFFF; font-size:15px; margin:0px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #EAEAEA; padding:10px 0px; }
ul#navPaw li h2 {color:#FFFFFF; font-size:15px; margin:0px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #EAEAEA; padding:10px 0px; }
ul#navPaw li:hover ul,  ul#navPaw li.uhover ul { display:block; visibility:visible; opacity:1; top:30px; }
ul#navPaw li ul { text-align:center; display:none; visibility:hidden; opacity:0;  z-index:888; left:0px; top:20px; width:160px; padding-bottom:2px; line-height:25px; font-family:'Maven Pro', sans-serif; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
ul#navPaw li ul li { text-align:left; list-style-position:outside; list-style-type:none; width:150px; border-bottom:1px solid #EAEAEA; padding:3px 0px 5px 10px; }
.subnav { display:block; background:#FFFFFF; color:#606060; margin:0px; text-decoration:none; font-weight:normal; font-size:14px; }
ul#navPaw li ul li hover:a { background:#FFFFFF; color:#b7be33; }	
/* ul#navPaw ul { display:none; visibility:hidden; padding:2px 0px 2px 0px; text-decoration:none; background:#FFFFFF; opacity:0;  z-index:888; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } */

/* .subnav { display:none; } */


 #slideshow_wrap:after { background:rgba(0,0,0,0.4); content:""; position:absolute; left:0; right:0; top:0; bottom:0; }
 /* Full screen static image using CSS background*/
#slideshow_wrap { position:relative; overflow:hidden; width:100%; height:100vh; min-height:768px; }
#slideshow img { position: absolute; top:0; right:0; bottom:0; min-width:100%; min-height:100%; left:50%; transform:translateX(-50%); overflow-x:hidden; }

/*Styles to make Youtube Video fullscreen*/
/* #slideshow_wrap { background:#eee; height:100%; overflow:hidden; padding:0; position:relative; }
#slideshow_wrap iframe { box-sizing:border-box; height:56.25vw; left:50%; min-height:100%; min-width:100%; transform:translate(-50%, -50%); position:absolute; top:50%; width:177.77777778vh; } */

#mainCenter { z-index:888; width:100%; position:absolute; bottom:0; margin-bottom:100px; transform-style: preserve-3d; }
#topOpt { text-align:left; margin-left:120px; color:#FFFFFF; }
#tagline { padding-left:80px; font-weight:normal; font-size:22px; font-family: "Gruppo", sans-serif; }
#tagline::before { content:""; display:block; position:absolute; margin:0; padding:0; width:60px; left:120px; height:2px; border-top:1px solid #fff; transform:rotate(0deg); top:19%; }
#mainTag { font-weight:300; font-size:50px; font-family: "Ysabeau SC", sans-serif; margin-top:10px; }

/***************  SEARCH BAR STYLE START **************************/
#newSearchWidget { margin:0px auto; top:0px; opacity:1; display:block; position:relative; z-index:888; width:720px; height:50px; background:rgba(0,0,0,0.7); box-shadow: 0px 0px 2px #ccc; border-color:#FFFFFF; border-width:1px; border-style:solid; border-radius:2px; }
#innerSearch { width:99%; margin:3px auto; background:none; height:42px; }
.where { float:left; position:relative; width:32%; margin-left:10px;  }
.where-text { background:none; color:#FFFFFF; margin-top:12px; border-style:none; font-family:'Maven Pro', sans-serif; font-size:15px; width:100%; }
.gobtn { float:right; position:relative; width:100px; height:100%; margin-top:-4px; background:none; color:#FFFFFF; font-size:15px; }
.gobtn a:link { color:#A0A0A0; font-family:'Maven Pro', sans-serif; font-size:15px; }
.gobtn a:active { color:#FFFFFF; font-family:'Maven Pro', sans-serif; font-size:15px; }
.gobtn a:visited { color:#FFFFFF; font-family:'Maven Pro', sans-serif; font-size:15px; }
.gobtn a:hover { color:#b7be33; font-family:'Maven Pro', sans-serif; font-size:15px; }
.mapbtn { float:right; position:relative; width:75px; height:100%; margin-top:-4px; background:none; color:#F69728; font-size:15px;  }
.mapbtn a:link { color:#A0A0A0; font-family:'Maven Pro', sans-serif; font-size:15px; }
.mapbtn a:active { color:#FFFFFF; font-family:'Maven Pro', sans-serif; font-size:15px; }
.mapbtn a:visited { color:#FFFFFF; font-family:'Maven Pro', sans-serif; font-size:15px; }
.mapbtn a:hover { color:#b7be33; font-family:'Maven Pro', sans-serif; font-size:15px; }
.options { float:right; width:70px; height:100%; font-size:15px; overflow:hidden; color:#A0A0A0; font-family:'Maven Pro', sans-serif; border-left:1px solid #CCCCCC;}
.options a:link {  margin-top:-5px; color:#A0A0A0; font-size:15px; font-family:'Maven Pro', sans-serif;}
.options a:active { color:#A0A0A0; font-size:15px; font-family:'Maven Pro', sans-serif;}
.options a:visited { color:#A0A0A0; font-size:15px; font-family:'Maven Pro', sans-serif;}
.options a:hover { color:#b7be33; font-size:15px; font-family:'Maven Pro', sans-serif;}
.down-arrow { transition: none; text-align: left; color: #A0A0A0; display: block; font-size: 20px; line-height: 54px; height: 55px; background:url(/images/downarrow.png) no-repeat right center;  float: left; text-decoration: none; padding: 0 18px 0 10px; margin-right: 14px; }
.choices {  border: 1px solid #d9d9d9; background-color:rgba(0,0,0,0.7); color:#FFFFFF; padding: 20px 20px; -webkit-box-shadow: 0 1px 3px 0px #CCCCCC;  -moz-box-shadow: 0 1px 3px 0px #CCCCCC;  -ms-box-shadow: 0 1px 3px 0px #CCCCCC;  -o-box-shadow: 0 1px 3px 0px #CCCCCC; box-shadow: 0 1px 3px 0px #CCCCCC; display: none; position: absolute; top: 55px; left: 0px; }
/***************  SEARCH BAR STYLE END **************************/

#cmaBar { width:720px; height:50px; background:rgba(0,0,0,0.7); box-shadow: 0px 0px 2px #ccc; margin:20px auto 0px auto; border:1px solid #FFFFFF; margin-bottom:20px; display:none; }
#cmaWrap { font-size:15px; text-align:center; color:#FFFFFF; }
.cmapl { height:40px; background:none; border:none; color:#FFFFFF;  margin-left:10px; border-right:1px solid #CCCCCC; }
#go { margin:5px 0px 0px 5px; background:rgba(250,250,250,0.2); font-weight:normal; }
#go:hover { border:1px solid #FFFFFF;  }

.sectionHead { font-family: "Gruppo", sans-serif; font-weight:300; font-size:20px; margin:20px 0px; }
.sectionHead::before { content: ""; display:inline-block; width:46px; height:1px; background:#fff; margin-bottom:4px; }

#welcome { background:#000000; margin:0px; padding:10px; }
#welcWrap { width:90%; max-width:1200px; margin:60px auto; font-size:20px; color:#fff; }
#welcContent { width:95%; margin:0px auto; padding-bottom:30px; display:flex; justify-content: center; align-items:center;  }
#welcPhoto { width:400px; display:flex; align-items:center; justify-content: center;  margin-right:30px; }
#welcPhoto img { max-width:400px; }
#welcMessage { width:calc(100% - 430px); float:left; margin:0px auto; padding-left:20px; font-size:16px; }

#fpSS { display:flex; justify-content:center; align-items:center; background:#ECECEC; padding-bottom:20px; }
#fpArrows { width:90%; position:relative; display:flex; justify-content:center; align-items:center; max-width:1050px;}
#featuredProp { width:89%; max-width:1050px; margin:0px auto; overflow:hidden; position:relative; }
#featured { white-space: nowrap; position:relative; left:-33%; display:flex; }

.floater { position:relative; display:inline-block; top:0; margin:10px; width:31%;  border-radius:4px; overflow:hidden; color:#000000; text-decoration:none; -webkit-transition:0.4s ease; -webkit-transform: -webkit-transition 0.4s;  -ms-transition:0.4s ease; transition:0.4s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2); background:#FFFFFF; flex: 0 0 auto;} 
.fMain { background:#b7be33; flex:1; }

.fButton { position:absolute; width:100%; padding-left:20px; color:#FFFFFF; z-index:777; height:60px; line-height:60px; background:rgba(96,162,171,0.6); opacity:0;  -webkit-transition:0.5s ease; -webkit-transform: -webkit-transition 0.5s;  -ms-transition:0.5s ease; transition:0.5s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.floater:hover > .fButton { opacity:1; background:rgba(183,190,51,0.9);  }

.thumb { width:100%; overflow:hidden; position:relative; display:inline-block; padding:0px 0px 80% 0px; background-size:cover; background-repeat:no-repeat; width:100%; background-position:center; transition: 0.6s ease; -moz-transition: 0.6s ease; -ms-transition: 0.6s ease; -webkit-transition: 0.6s ease; -o-transition: 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
.floater > .thumb:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0;  opacity: 0; -webkit-transition:0.5s ease; -webkit-transform: -webkit-transition 0.5s;  -ms-transition:0.5s ease; transition:0.5s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.floater:hover > .thumb:after { opacity: 1; background:rgba(183,190,51,0.6); }
.floater:hover { top:-8px; }

/* .floater:hover>.thumb { overflow:hidden; padding:0px 0px 80% 0px;transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } */
.thumbZ { width:130%; }
.thumbR { width:100%; }

.pcInfo { padding:15px; font-size:16px; }
.listingInfo { border-top:1px solid #EAEAEA; padding:15px; }
.liHeading { float:left; }
.liSpec { float:right; }
.listBroker { border-top:1px solid #EAEAEA; padding:15px; color:#b7be33; font-size:14px; white-space:normal; }

#prev, #next { cursor:pointer; position:absolute; font-size:36px; padding:3px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
#prev:hover { background:rgba(0,0,0,0.8); color:#FFFFFF; }
#next:hover { background:rgba(0,0,0,0.8); color:#FFFFFF; }
#prev { left:0; }
#next { right:0; }
.transition { -ms-transition:0.7s; transition:0.7s; -webkit-transform: -webkit-transition 0.7s;  -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/*Used for browsers that do not support grid*/
@supports not (display:grid) {
	#prev { margin-top:270px; }
	#next { margin-top:270px; }
}

#boxSection { width:100%; }
.boxRow { }
.boxleft { width:50%; float:left; height:400px; }
.boxright { width:50%; float:right; height:400px; }
.boxWrap { height:400px;  width:90%; margin:0px auto;  display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center;  }
.solid { background:#FFFFFF; }
.boxTitle { font-family:'Fjalla One', sans-serif; font-size:30px; }
.newSearch { background:url(/images/newSearch.jpg)no-repeat; height:400px; background-size:cover; background-position:center; }
.homeWorth { background:url(/images/homeWorthBox.jpg)no-repeat; height:400px; background-size:cover; background-position:center; }
.goMobile { background:url(/images/mobileSearch.jpg)no-repeat; height:400px; background-size:cover; background-position:center; }
.boxButton { display:inline-block; margin-top:30px; padding:10px; background:#b7be33; color:#FFFFFF; text-decoration:none; border-radius:5px; }

#featuredComm { width:100%; background:#ECECEC; padding:10px 0px; }
#featuredCommWrap { width:90%; margin:0px auto; max-width:1200px; }
#communities { display:flex; justify-content:center; flex-wrap:wrap; }
#menuitem { float:left; margin:15px; color:#343434; text-align:center; display:flex; justify-content:center; align-items:center; text-decoration:none;  }  
.specIcon { float:left; margin-right:4px; }
.specIcon img { width:40px; }

#spCnt { font-family:'Maven Pro', sans-serif; font-size:20px; }
#spCity { font-family:'Fjalla One', sans-serif; font-size:22px; }

#additional_links { width:100%; margin-top:50px; }
#all_links { width:95%; max-width:1200px; margin:30px auto 50px auto; }
#linksWrap { display:flex; justify-content:center; flex-wrap:wrap; }
#addlink_tag { float:left; width:280px; padding:8px 0px 8px 0px; margin:10px; background:#b7be33; font-family:'Fjalla One', sans-serif; color:#FFFFFF; text-decoration:none; text-align:center; font-size:22px; display:flex; justify-content:center; align-items:center; }
#addlink_button {  width:90%; padding:5px 0px 5px 0px; border:1px solid white; display:flex; justify-content:center; align-items:center; position:relative; -webkit-transition:0.8s ease; -webkit-transform: -webkit-transition 0.8s;  -ms-transition:0.8s ease; transition:0.8s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#addlink_button::before {  content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #FFFFFF; display: block; -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.6s; transition: transform 0.6s; }
#addlink_button:hover::before { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }


/*Testimonials*/
#testimonials { width:100%; height:420px; margin-top:0px;  }
#testeeLeft { width:45%; height:420px; float:left; background:url(/images/testeeBack.jpg)no-repeat;  background-size:cover; background-position:center; }
#clTesti { float:right; width:55%; background:#b7be33; height:420px; margin:0px auto; display:none; }
#clTesti > .sectionHead::after { background:#FFFFFF; }
.fw { color:#FFFFFF; font-family:'Fjalla One', sans-serif; }
#testeeSS { position:relative; height:250px; width:80%; margin:-30px auto 0px auto; color:#FFFFFF; }
#testeeWrap { position:absolute; margin:5px; padding:0px 15px;  }
#testee_comments { margin:0px auto; font-size:17px; }
#tstReadMore { color:#FFFFFF; }
#testee_comments a { color:#FFFFFF; }
#testee_sig { padding-left:20px; padding-top:10px; font-weight:bold; font-size:16px; font-family:'Fjalla One', sans-serif; }
#arrows { top:25%; left:50%; transform:translate(-50%,-50%); height:30px; line-height:30px; position:relative; width:90%; }
#arrows a { font-size:40px; color:#FFFFFF; cursor:pointer; height:30px; padding:15px; transition: background-color .5s, color .5s; }
#prevT { float:left; padding-right: 20px; }
#nextT { float:right; padding-left: 20px; }
#arrows a:hover { color:#EEEFF7; }

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 2s;
	animation-name: fade;
	animation-duration: 2s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

#contentarea { margin:0px 50px 40px 50px; }
#story { margin:0px auto; padding-top:125px; padding-bottom:20px; }

#bottom { padding-top:25px; padding-bottom:30px; background:#ECECEC; }
#bottomInfo { width:90%; margin:10px auto 0px auto; padding-bottom:10px; display:flex; justify-content:space-between; /* border-bottom:1px solid #606060; */ /* border-top:1px solid #606060; */ padding-top:20px; font-family:'Maven Pro', sans-serif; }
.bottomTitle { font-size:22px; font-weight:bold; font-family:'Fjalla One', sans-serif; color:#000000; }
#agentPE { float:left; color:#707070; }
#agentPE a { color:#707070; text-decoration:none; }
#bottomSocial { float:left; height:30px; }
#bottomSocial a { float:left; height:30px; width:30px; margin:0px 2px 0px 2px;  }
#bottomSocial img { height:30px; width:30px; padding-left:1px; padding-right:1px; }
.switch {  height:30px; width:30px; position:relative; }
.switch img { height:30px; width:30px; position:absolute; opacity:1; padding-left:1px; padding-right:1px; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); backface-visibility:hidden; }
.switch img.top:hover { opacity:0; }

#bottomLinks { float:left; color:#707070; }
#bottomLinks a { color:#707070; text-decoration:none; }
#brokerInfo { float:left; color:#707070; }
#brokerInfo img { width:200px; }
#pawLinks { width:90%; margin:30px auto; color:#808080; font-family:'Maven Pro', sans-serif; border-top:1px solid #606060; padding-top:20px; }
#pawLinks a { color:#707070; text-decoration:none; margin-left:15px; }
#pl2 { float:right; }

/*Media Queries*/

@media only screen and (max-width: 1024px){
	
#welcPhoto img { width:300px; }
#welcMessage { width:calc(100% - 320px); }

}

/*Media Query for screen size smaller than 1024px*/
@media only screen and (max-device-width: 1024px){

#welcPhoto img { width:300px; }
#welcMessage { width:calc(100% - 320px); }
	
}