@import url('https://fonts.googleapis.com/css?family=Heebo&family=Manrope&display=swap');
html { height:100%; width:100%; margin:0; }
body { background:#FFFFFF; margin:0px; height:100%; padding:0px; min-width:980px; font-family: 'Manrope', sans-serif; font-weight:400; }
header { width:100%;}
td { vertical-align:top; }

.eq_selects { width:100%; height:100%; font-size:18px; font-color:white; color:white; background-color:black; border:none; }
.eq_box_selects { padding:4px; margin-top:20px; width:100%; height:40px; font-size:18px; }

#menubar { position:relative; float:left; width:100%; height:100px; z-index:999; background:#FFFFFF; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);  -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; }
.shortmenubar { box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); }
#headerLogo { position:relative; float:left; z-index:888; padding-right:10px; }
#headerLogo img { height:45px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; margin-left:15px; margin-top:30px;}
#headerPhone { position:relative; float:right; margin-right:10px; margin-top:22px; }
#headerPhone a { float:left; font-family: 'Manrope', sans-serif;text-decoration:none; color:#505050;  }
#headerPhone 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;}
#headerPhone a:hover img { margin-right:2px;}
#headerPhone a:hover{ color:#0054A0;}
#headerPhone {float:right;}

#menu { position:relative; margin-top:60px; padding-right:20px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
ul#navPaw, ul#navPaw ul, ul#navPaw li { margin:0px; padding:0px;  }		
ul#navPaw { z-index:888; float:left; margin:-16px 0 0 25px; }
ul#navPaw li { float:left; padding-bottom:10px; list-style:none; position:relative; z-index:9999; }
ul#navPaw li a { color:#606060; text-decoration:none; font-family: 'Manrope', sans-serif; font-weight:400; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
ul#navPaw li a:hover { color:#0054A0; text-decoration:none; }
ul#navPaw li h1 {color:#FFFFFF; font-size:18px; margin:0px; padding:0px 12px 50px 12px; font-weight:normal; text-transform:uppercase; }
ul#navPaw li h2 {color:#FFFFFF; font-size:18px; margin:0px; padding:0px 12px 50px 12px; font-weight:normal;  }
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:block; visibility:hidden; opacity:0; position:absolute!important; z-index:888; left:0px; top:20px; width:370px; padding-bottom:2px; line-height:25px; font-family: 'Manrope', 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:350px; border-bottom:1px solid #EAEAEA; padding:3px 0px 5px 10px; }
ul#navPaw li ul li:last-child { border-bottom:none; }
ul#navPaw li li a { display:block; background:#FFFFFF; color:#606060; margin:0px; text-decoration:none; font-weight:normal; font-size:16px; }
ul#navPaw li ul li a:hover { background:#FFFFFF; color:#0054A0; }	
ul#navPaw ul { display:block; padding:2px 0px 2px 0px; text-decoration:none; border-radius:2px; background:#FFFFFF; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); border: solid 1px #EAEAEA; }

/*Use the below styles for a slideshow or a static image background*/
#slideshow_wrap { position:relative; z-index:777; margin:0; }
#slideshow_wrap:after { background:rgba(0,0,0,0.3); content:""; position:absolute; width:100%; height:100%; left:0; right:0; top:0; bottom:0;}
#slideshow { margin-bottom:-4px; }
#slideshow img {  width:100%; display:block; }

/*Styles for background Video*/
/*
#slideshow_wrap:after { background:rgba(0,0,0,0.3); content:""; position:absolute; width:100%; height:100%; left:0; right:0; pointer-events:none;  }
#slideshow_wrap { position:relative; padding-bottom:56.25%; padding-top:0px; height:0; }
#slideshow_wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
*/

#topOpt { text-align:center; color:#FFFFFF; font-size:26px; font-family: 'Manrope', sans-serif; font-weight:300; }

#mainCenter { z-index:888; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transform-style: preserve-3d; }
#barTabs { width:720px; margin:20px auto 0px auto; text-align:left; font-family: 'Manrope', sans-serif; font-size:28px; color:#FFFFFF; text-shadow:1px 1px 1px #000000; }
#buyTab { float:left; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#sellTab { float:left; margin-left:30px; -webkit-backface-visibility: hidden; backface-visibility: hidden; display:block; }
.selected:before { content:""; position:absolute; bottom:-7px; left:0; width:100%; height:4px; background:#0054A0; }
.tHover { position:relative; }
.tHover:after { content: ""; position: absolute; bottom:-12px; left:0; width:100%; height:4px; background:#0054A0; opacity:0; -webkit-transition:opacity 0.3s, -webkit-transform 0.3s; -moz-transition:opacity 0.3s, -moz-transform 0.3s; transition:opacity 0.3s, transform 0.3s; -webkit-transform:translateY(10px); -moz-transform:translateY(10px); transform:translateY(10px); }  
.tHover:hover:after { opacity:1; -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); transform:translateY(-5px); }

#searchBar { text-align:center; z-index:888; margin:20px auto 0px auto; padding-bottom:20px; display:block; }
#searchBar h2 { margin:0px; padding-top:20px; padding-bottom:10px; color:#FFFFFF;}
#searchBar a { font-size:15px; }
#searchBar a:hover { font-size:15px; }


/***************  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: 'Manrope', 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: 'Manrope', sans-serif; font-size:15px; }
.gobtn a:active { color:#FFFFFF; font-family: 'Manrope', sans-serif; font-size:15px; }
.gobtn a:visited { color:#FFFFFF; font-family: 'Manrope', sans-serif; font-size:15px; }
.gobtn a:hover { color:#0054A0; font-family: 'Manrope', 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: 'Manrope', sans-serif; font-size:15px; }
.mapbtn a:active { color:#FFFFFF; font-family: 'Manrope', sans-serif; font-size:15px; }
.mapbtn a:visited { color:#FFFFFF; font-family: 'Manrope', sans-serif; font-size:15px; }
.mapbtn a:hover { color:#0054A0; font-family: 'Manrope', sans-serif; font-size:15px; }
.options { float:right; width:70px; height:100%; font-size:15px; overflow:hidden; color:#A0A0A0; font-family: 'Manrope', sans-serif; border-left:1px solid #CCCCCC;}
.options a:link {  margin-top:-5px; color:#A0A0A0; font-size:15px; font-family: 'Manrope', sans-serif;}
.options a:active { color:#A0A0A0; font-size:15px; font-family: 'Manrope', sans-serif;}
.options a:visited { color:#A0A0A0; font-size:15px; font-family: 'Manrope', sans-serif;}
.options a:hover { color:#0054A0; font-size:15px; font-family: 'Manrope', 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;  }

#tagline { font-size:36px; color:#FFFFFF; margin-top:15px; font-family: 'Manrope', sans-serif; font-weight:300; text-shadow:1px 1px 1px #000000; }

.sectionHead h1 { font-family: 'Manrope', sans-serif; font-weight:300; font-size:40px; margin:30px 0px; }
.sectionHead { font-family: 'Manrope', sans-serif; font-weight:300; font-size:40px; text-align:center; margin:30px 0px; }
.sectionHead::after { content: ""; display: block; width: 94px; height: 5px; background:#0054A0; margin:15px auto; border-radius: 5px; }

#welcWrap { width:90%; max-width:1200px; margin:60px auto; font-size:20px; }
#welcMessage > .sectionHead { text-align:left; }
#welcMessage > .sectionHead > h1 {font-size: 46px;}
#welcMessage > .sectionHead::after { content: ""; display: block; width:94px; height: 5px; background: #0054A0; margin:15px 0px; border-radius: 5px; }
#welcContent { width:95%; margin:0px auto; padding-bottom:30px; display:flex; justify-content: center; align-items:center;  }
#welcPhoto { width:300px; display:flex; align-items:center; justify-content: center;  margin-right:30px; }
#welcPhoto img { max-width:300px; }
#welcMessage { width:calc(100% - 330px); float:left; margin:0px auto; padding-left:20px; font-size:16px; }
#welcMessage p {font-family: 'Heebo', sans-serif;}
#welcMessage ul li  {font-family: 'Heebo', sans-serif;}

#fpSS { display:flex; justify-content:center; align-items:center; background:#ECECEC; padding:20px 0 50px 0; }
#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:#0054A0; 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(8,85,161,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(8,85,161,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:#0054A0; 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: 'Manrope', sans-serif; font-size:30px; }
.boxText {font-family: 'Heebo', sans-serif;}
.newSearch { background:url(/images/newSearch2.jpg)no-repeat; height:400px; background-size:cover; background-position:center; }
.homeWorth { background:url(/images/homeWorthBox2.jpg)no-repeat; height:400px; background-size:cover; background-position:center; }
.goMobile { background:url(/images/mobileSearch2.jpg)no-repeat; height:400px; background-size:cover; background-position:center; }
.boxButton { display:inline-block; margin-top:30px; padding:10px; background:#0054A0; color:#FFFFFF; text-decoration:none; border-radius:5px; }

#featuredComm { width:100%; background:#ECECEC; padding:20px 0px 50px 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; }
.specInfo:hover {color:#0054A0;}

#spCnt { font-family: 'Manrope', sans-serif; font-size:20px; }
#spCity { font-family: 'Manrope', 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:#0054A0; font-family: 'Manrope', 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:#0054A0; height:420px; margin:0px auto; display:none; }
#clTesti > .sectionHead::after { background:#FFFFFF; }
.fw { color:#FFFFFF; font-family: 'Manrope', 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: 'Manrope', 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: 'Manrope', sans-serif; }
.bottomTitle { font-size:22px; font-weight:bold; font-family: 'Manrope', 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: 'Manrope', 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: 1103px){
	ul#navPaw li h2 a {font-size:16px;}
}
@media only screen and (max-width: 1028px){
	ul#navPaw li h2 a {font-size:14px;}
}

@media only screen and (max-width: 1024px){
	
#welcPhoto img { max-width:300px; }
#welcMessage { width:calc(100% - 320px); }
ul#navPaw li a {font-size:16px;}

}

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

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