@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500|Dancing+Script');
html { height:100%; width:100%; margin:0; }
body { background:#FFFFFF; font-family:'Maven Pro', serif; margin:0px; height:100%; padding:0px; min-width:980px;  }
header { width:100%;}
td { vertical-align:top; }

/* Global Styles START ---> */

/* Titles */
.small-heading { font-size: 14px; letter-spacing: 2px; font-weight: normal; margin-bottom: 10px; text-transform: uppercase; }
.section-title { font-size: 48px; font-weight: 500; margin: 0 0 20px; text-transform: uppercase; }

/* Global Styles END --> */
/* Section Styles START ---> */

/* Featured Listings */
#listings { padding: 60px 0; position: relative; }
.listings-wrap { width: 80%; margin: auto;  }

.listings-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; position: relative; }
.all-properties-button { background: #000; color: #fff; position: relative; display: inline-flex; justify-content: center; align-items: center; padding: 20px 25px; margin-top: 40px; border: 1px solid #555; cursor: pointer; text-transform: uppercase; }

.featured-arrows {  }

.featured-slideshow { position: relative; display: flex; align-items: center; }
.property-card {  }


/* Featured Areas */
#areas {  }
.areas-wrap { width: 80%; margin: auto; display: flex; align-items: flex-start; justify-content: space-evenly; gap: 40px; }

.areas-left { flex: 1; max-width: 50%; }
.areas-list { display: grid; grid-template-columns: repeat(2, auto); gap: 8px 40px; font-size: 1rem; }
.areas-list a { color: #000; text-decoration: none; display: block; padding: 4px 0; }
.listings-button { position: relative; display: inline-flex; justify-content: center; align-items: center; padding: 20px 25px; margin-top: 40px; border: 1px solid #555; cursor: pointer; color: #000; text-transform: uppercase;}
.listings-button a { text-decoration: none; }

.areas-right { flex: 1; max-width: 45%; }
.areas-right img { width: 100%; height: auto;}

/* Welcome */
#welcome { position: relative; margin-bottom: -50px; z-index: 2;}
.welcome-wrap { width: 70%; margin: 80px auto 80px auto; box-shadow: 0 10px 10px  5px #888888; background: #fff; padding: 75px; }
.welcome-title { text-align: center; }

/* Links */
.our-properties { display: flex; flex-wrap: wrap; max-width: 80%; margin: auto; padding: 60px 20px; gap: 40px; }
.properties-text { flex: 1 1 400px; }

.properties-title { font-size: 48px; font-weight: 500; margin: 0 0 20px; }
.properties-description { font-size: 16px; line-height: 1.6; max-width: 500px; }

.properties-cards { flex: 1 1 400px; display: flex; flex-direction: column; gap: 20px; }
.properties-cards a { text-decoration: none; color: #000;}
.property-card { position: relative; height: 120px; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; padding: 20px 30px; border: 1px solid #555; cursor: pointer; transition: transform 0.3s ease; }
.card-content { position: relative; z-index: 1; }
.card-small { font-size: 12px; letter-spacing: 2px; margin-bottom: 5px; position: relative; text-transform: uppercase;}
.card-large { font-size: 28px; font-weight: 500; text-transform: uppercase;}

.add-links-title { text-align: center; }


/* Testimonials */]
#testimonials {}
.testimonials-wrap { width: 80%; margin: auto; }
.testimonials-title { text-align: center; }

.testimonials-wrap {  }
.testimonial {  }
.testimonial-comments {  }
.testimonial-signature {  }

.more-link {  }

/* Get Started */
/* ! add background image */
#get-started-section { /*background: url('background-image.jpg') center/cover no-repeat;*/ text-align: center; padding: 60px 20px; position: relative; }
.get-started-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.35); z-index: 0; }
.get-started-content { position: relative; z-index: 1; max-width: 1000px; margin: auto; }
.get-started-content p { font-size: 16px; line-height: 1.6; max-width: 800px; margin: 0 auto 50px; }
.get-started-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.get-started-item { position: relative; width: 300px; height: 220px; overflow: hidden; cursor: pointer; }
.get-started-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.get-started-item:hover img { transform: scale(1.05); }
.get-started-label { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 22px; font-weight: bold; letter-spacing: 1px; color: #fff; background: rgba(0,0,0,0.35); padding: 5px 15px; text-transform: uppercase;}

/* Footer */
footer { background-color: #0f0f0f; color: #fff; padding: 30px 20px;
  }
#footerWrap {width: 95%; margin: auto;}
.footer-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 20px; }
.social-icons { display: flex; gap: 15px; }
.social-icons a { display: inline-flex; align-items: center; justify-content: center;width: 35px; height: 35px; border: 1px solid white; border-radius: 50%; text-decoration: none; color: white; font-size: 16px; }
.footer-site-logo  { }
.footer-site-logo img { max-height: 100px; }
.footer-broker-logo { }
.footer-broker-logo img { max-height: 100px; }
  
.footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 20px; font-size: 14px; color: #ddd; }
.footer-bottom a { color: #ccc; text-decoration: none; }
.footer-bottom a:hover { text-decoration: underline; }
.footer-bottom-left { display: flex; flex-direction: column; gap: 5px; }
.footer-links { display: flex; gap: 15px; font-size: 12px; margin-top: 5px; }
.footer-bottom-right { text-align: right; }

/* Section Styles END ---> */


#menubar { position:absolute; width:100%; min-width:980px; }
#subMenu { height:45px; width:100%; background:#FFFFFF; position:relative; z-index:99;}
#topPhone { float:left; margin-left:30px; height:40px; line-height:45px; color:#404040; font-weight:500; }
#topPhone a { text-decoration:none; color:#404040; font-size:18px; }
#topSocial { float:right; margin-right:20px;  }
#topSocial img { height:25px; float:left; margin:10px 2px 0px 2px; }

#mainMenu { width:100%; height:140px; }
.shortMainMenu { background:#FFFFFF; border-top:1px solid #E0E0E0;}
#headerLogo { float:left; position:relative; z-index:99; }
#headerLogo img { max-height:120px; margin-top:10px; margin-left:20px; }

#menu { float:right; margin-right:15px; margin-top:60px; }
.shortMenu ul#navPaw li a { color:#505050; text-shadow:none; }
ul#navPaw, ul#navPaw ul, ul#navPaw li { margin:0px; padding:0px;  }		
ul#navPaw { z-index:9999; position:relative; }
ul#navPaw li { float:left; padding-bottom:10px; list-style:none; position:relative; z-index:9999; }
ul#navPaw li a { color:#FFFFFF; text-decoration:none; font-weight:500; }
ul#navPaw li a:hover { color:#F9B968; text-decoration:none; }
ul#navPaw li h1 { font-size:17px; font-weight:500; margin:0px; padding:0px 12px 0px 12px; font-weight:normal; font-family: 'Maven Pro', sans-serif; text-shadow:2px 2px 2px #000000; }
ul#navPaw li h2 { font-size:17px; font-weight:500; margin:0px; padding:0px 12px 0px 12px; font-weight:normal; font-family: 'Maven Pro', sans-serif; text-shadow:2px 2px 2px #000000; }
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: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:center; list-style-position:outside; list-style-type:none; width:150px; }
ul#navPaw li li a { display:block; background:#FFFFFF; color:#606060; padding:3px 0px -10px 0px; margin:0px; text-decoration:none; }
ul#navPaw li ul li a:hover { background:#FFFFFF; color:#F9B968; }	
ul#navPaw ul { display:block; padding:2px 3px 2px 3px; text-decoration:none; border-radius:5px; background:#FFFFFF; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); border: solid 1px #EAEAEA; }

#topSocial img { transition: 3s ease; -moz-transition: 3s ease; -ms-transition: 3s ease; -webkit-transition: 3s ease; -o-transition: 3s ease; -webkit-backface-visibility: hidden; }


/*Use the below styles for a slideshow or a static image 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; }*/


#slideshow_wrap:after { background:rgba(0,0,0,0.3); content:""; position:absolute; width:100%; height:100%; left:0; right:0; pointer-events:none;  }

/*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:260px; text-align:center; min-width:980px; }
#tagline h1 { font-size:50px; color:#BDE3DE; margin-top:30px; position:relative; z-index:888; font-family:'Dancing Script', sans-serif; text-shadow:2px 2px 2px #000000; }

#searchBar { text-align:center; z-index:888; margin:10px auto 0px auto; padding-bottom:20px; }
#searchBar h2 { font-family: 'Maven Pro', serif; 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:#FFFFFF; box-shadow: 0px 0px 2px #ccc; border-color:#FFFFFF; border-width:1px; border-style:solid; border-radius:40px; }
#innerSearch { border-radius:40px; width:99%; margin:3px auto; background:#FFFFFF; height:42px; }
.where { float:left; position:relative; width:32%; margin-left:10px;  }
.where-text { 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%; background:#33727B; color:#FFFFFF; font-size:15px; }
.gobtn a:link { color:#FFFFFF; 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:#4A505A; font-family:'Maven Pro', sans-serif; font-size:15px; }
.mapbtn { float:right; position:relative; width:75px; height:100%; background:#65999F; color:#F69728; font-size:15px; border-radius:0px 40px 40px 0px; }
.mapbtn a:link { color:#FFFFFF; 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:#A9B838; 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:#60A2AB; 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) #fff no-repeat right center;  float: left; text-decoration: none; padding: 0 18px 0 10px; margin-right: 14px; }
.choices { background-color: #fff; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border: 1px solid #d9d9d9; background-color: #fff; 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 **************************/

.sectionHead { font-family:'Maven Pro', sans-serif; font-size:32px; font-weight:bold; color:#606060; }
.fl { text-align:right; }

#featuredProp { width:100%; }
#featuredPropWrap { width:95%; margin:0px auto; }
.listing { float:left; position:relative; margin:8px; width:23%; overflow:hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform:none; transform-style: preserve-3d; }
.listing:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(34,34,34,0.2); opacity:1; -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; }
.listing:hover:after { opacity:0;  }
.thumb { padding:0px 0px 80% 0px; background-size:cover; background-repeat:no-repeat; 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; } 
.thumbZ { width:120%; }
.thumbR { width:100%; }
/*.listing:hover>#thumb { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }*/
.listingInfo { position:absolute; width:90%; bottom:0; margin-bottom:15px;  }
#address { color:#BDE3DE; text-align:left; position:relative; margin-left:20px; font-size:1.6vw;  text-shadow: 0px 1px 3px #000000, 0 0 1px #000000; z-index:888; font-family:'Dancing Script', sans-serif; font-weight:bold;}
#floater_price b { color:#FFFFFF; font-weight:bold; font-size:1.8vw; font-family:'Maven Pro', sans-serif; }

#featuredComm { width:100%; }
#featuredCommWrap { width:95%; margin:0px auto; }
#communities { display:flex; justify-content:center; flex-wrap:wrap; }
#menuitem { display:block; float:left; margin-right:10px; margin-left:10px; margin-top:20px; border:0px; width:250px; text-align:left; background:#33727B; text-decoration:none; color:#E7E7E7; padding-top:5px; border-radius:50px; -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;  }
#menuitem:hover { background:#33727B; opacity:0.8; }
#specInWrap { float:left; margin-left:30px; padding:5px 0px 15px 0px; }
#spCity { white-space:nowrap; margin-top:6px; font-family: 'Dancing Script', sans-serif; font-size:22px; }
#spCnt { margin-top:6px; white-space:nowrap; font-family:'Maven Pro', sans-serif; font-size:20px;  }

#ads { width:100%; height:210px; margin-top:40px; background:url('/images/adsBack2.jpg')no-repeat; background-size:cover; background-position:center; display:flex; justify-content:center; align-items:center;   }
#adWrap { width:80%; max-width:1200px; display:flex; justify-content:space-between; }
.ad { float:left; text-align:center; width:150px; margin:0px 60px; }
.ad img { height:140px; }
.ad a { color:#FFFFFF; text-decoration:none; font-size:24px; text-shadow:2px 1px 2px #000000; }

#additional_links { width:100%; }
#all_links { width:95%; margin:0px auto 30px auto; }
#linksWrap { display:flex; justify-content:center; flex-wrap:wrap; }
#addlink_tag { float:left; width:250px; padding:10px; margin:10px; background:#33727B; color:#FFFFFF; text-decoration:none; text-align:center; border-radius:40px; font-family: 'Dancing Script', sans-serif; font-size:22px; -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_tag:hover { background:#33727B; opacity:0.8; }

#contentarea { margin:0px auto 30px auto; position:relative; }
#story { margin-left:30px;  margin-right:30px; padding-top:200px; padding-bottom:20px; }

#contactBG { background:#FFFFFF; }

#bottom { padding-top:25px; background:#242424; padding-bottom:30px;}
#bottomInfo { width:90%; margin:20px auto 0px auto; padding-bottom:20px; display:flex; justify-content:space-between; border-bottom:2px solid #606060; padding-top:20px; }
.bottomTitle { font-size:22px; font-weight:bold; color:#FFFFFF; }
#agentPE { float:left; color:#808080; }
#agentPE a { color:#808080; text-decoration:none; }
#bottomSocial { height:30px; }
#bottomSocial img { height:30px; margin:0px 2px 0px 2px; }
#bottomLinks { float:left; color:#808080; }
#bottomLinks a { color:#808080; text-decoration:none; }
#brokerInfo { float:left; color:#808080; }
#brokerInfo img { width:200px; }
#pawLinks { width:90%; margin:30px auto; color:#808080; }
#pawLinks a { color:#808080; text-decoration:none; margin-left:15px; }



/*Media Queries*/

@media only and (max-width: 1124px){
	.listing { width:48%; }
	#address { font-size:38px;  }
	#floater_price b { font-size:36px;  }
}

/*Media Query for screen size smaller than 1024px*/
@media only screen and (max-width: 1124px){
	.sectionHead { font-weight:normal; }
	.listing { width:48%; }
	#address { font-size:38px;  }
	#floater_price b { font-size:36px; font-weight:normal; }
	#address { font-weight:normal; }
	
	ul#navPaw li ul { display:none; visibility:hidden; }
}