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

#slideMenuBar { width:100%; height:90px; -webkit-transition:top 0.6s; -moz-transition:top 0.6s; transition:top 0.6s; top:-90px; min-width:980px; background:#051069; position:fixed; z-index:9999; display:flex;  justify-content:space-between; line-height:90px; border-bottom:1px solid #FAFAFA; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }
.slideheaderLogo { height:85px; margin-left:20px; margin-top:3px; }
.slideheaderLogo img { max-height:85px; border-radius: 5px;}
.slideheaderPhone {  margin-right:20px; height:90px; line-height:90px; color:#FFFFFF; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }
.slideheaderPhone a { color:#FFFFFF; text-decoration:none; }
.slideheaderPhone img { height:20px; }
.slidemenu { display:block; }

#menubar { width:100%; height:90px; min-width:980px; background:#051069; position:absolute; z-index:999; transition: all 0.4s; display:flex;  justify-content:space-between; line-height:90px; }
#headerLogo { height:85px; margin-left:20px; margin-top:3px; }
#headerLogo img { max-height:85px; border-radius: 5px;}
#headerPhone {  margin-right:20px; height:90px; line-height:90px;  }
#headerPhone a { color:#FFFFFF; text-decoration:none; }
#headerPhone img { height:20px; }
#menubarPad { display:none; }
#menu { display:block; }

ul#navPaw, ul#navPaw ul, ul#navPaw li { margin:0px; padding:0px;  }		
ul#navPaw { float:left; z-index:888; position:relative; -webkit-transform: translate3d(0, 0, 0);}
ul#navPaw li { float:left; padding-left:8px; padding-right:8px; list-style:none; position:relative; z-index:888; }
ul#navPaw li a { color:#FFFFFF; text-decoration:none; font-weight:500; }
ul#navPaw li a:hover { color:#051069; text-decoration:none; }
ul#navPaw li h1 { font-size:18px; font-weight:500; margin:0px; padding:0px 4px 0px 4px; font-weight:normal; font-family: 'Maven Pro', sans-serif; }
ul#navPaw li h2 { font-size:18px; font-weight:500; margin:0px; padding:0px 4px 0px 4px; font-weight:normal; font-family: 'Maven Pro', sans-serif; }
ul#navPaw li:hover ul,  ul#navPaw li.uhover ul { display:block; }
ul#navPaw li ul { text-align:left; display:none; position:absolute!important; z-index:888; left:5px; top:60px; width:200px; padding-bottom:2px; line-height:25px; font-family:'Maven Pro', sans-serif; }
ul#navPaw li ul li { padding-left:3px; text-align:left; list-style-position:outside; list-style-type:none; width:194px; }
ul#navPaw li li a { display:block; background:#3C3B37; color:#FFFFFF; padding:3px 0px 3px 10px; margin:0px; text-decoration:none;}
ul#navPaw li ul li a:hover { background:#3C3B37; color:#051069; }	
ul#navPaw ul { display:block; padding:2px 3px 2px 5px; margin-top:-1px; text-decoration:none; }

#slideshow_wrap:after { background:rgba(0,0,0,0.4); content:""; position:absolute; width:100%; height:100%; left:0; right:0; }
/*Styles for static image and slideshow*/
#slideshow_wrap { position:relative; overflow:hidden; width:100%; height:740px; }
#slideshow img { position:absolute; width:100%; display:block; min-height:740px; min-width:1180px; }

/*Styles for background video*/

/* #slideshow_wrap { position: relative; width:100%;
	padding-bottom: 56.25%; 
	padding-top: 0px;
	height: 0; }
	
#slideshow_wrap iframe { position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;} */


#mainCenter { z-index:888; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
#tagline h1 { font-size:50px; color:#FFFFFF; margin-top:30px; position:relative; z-index:888; }

#searchBar { text-align:center; z-index:888; margin:30px auto 0px auto; padding-bottom:20px; }
#searchBar h2 { font-family: 'Roboto Slab', 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:5px; }
#innerSearch { border-radius:5px; 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:#051069; 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:#4A505A; color:#F69728; font-size:15px; }
.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:#051069; 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:#051069; 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 { text-align:center; padding-top:20px; }
#sectionHead h2 { font-family:'Maven Pro', sans-serif; font-weight:500; color:#505050; font-size:50px; }

#adSection { width:100%; margin:0px auto 0px auto; text-align:center; }
#adWrap { display:flex; flex-wrap:wrap; justify-content:center; }
#adWrap a { color:#000000; }
.adItem { float:left; margin:20px; width:325px; height:auto; display:block; position:relative;  }
.adTitle { height:70px; }
.adTitle img { float:left; margin-right:5px; height:70px; }
.adTitle h2 { float:left; margin-left:45px; }
.adDesc { margin-top:16px; font-size:16px;}

.bounce-up {
  opacity: 0;
  transition: all 700ms ease-out;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transform: translate3d(0px, 200, 0px);
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);  
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view  {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px); 
}

#featuredProp { background:url(/images/featuredBack3.png)no-repeat; background-size:cover; margin-top:40px; position:relative; z-index;555; }
#featured { padding-top:20px; padding-bottom:40px; width:90%; display:flex;  justify-content:center; flex-wrap:wrap; margin:0px auto; }
.floater { float:left; max-width:350px; margin-bottom:20px; margin-left:10px; margin-right:10px; width:23%; min-width:260px; color:#303030; text-align:left; }
.thumb { width:100%; overflow:hidden; position:relative; display:inline-block; } 

.featured_thumb { display:block; width:100%; height:250px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; } 
a:hover>.ftR { transform: scale(1.2); }

.ftZ { transform: scale(1.2); } 
a:hover>.ftZ { transform: scale(1.4); }

a .overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(5,16,105,0.6); opacity:0; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
a .overlay:hover { opacity:1; }
.floater b { color:#303030; } 
.floater a { text-decoration:none; } 
#floater a:hover { text-decoration:none; } 
#floater_city { float:left; font-family:'Roboto Slab', serif; font-weight:bold; font-size:18px;}
#floater_city a {color:#051069;  }
#floater_price b { float:right; color:#051069; font-family:'Roboto Slab', serif; font-weight:bold; font-size:18px;  }
#floater_bbs { margin-top:5px; }
#floater_bbs a { color:#606060; font-family:'Roboto Slab', serif; font-weight:bold; font-size:14px; }
#moreButton { display:block; margin-top:10px; height:30px; line-height:30px; width:140px; background:#051069; color:#FFFFFF; }
#learnText { float:left; margin-left:10px; }
#moreArrow { float:left; margin-left:5px; height:20px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s;}
#moreArrow img { height:20px; margin-top:5px; }
a:hover #moreArrow { margin-left:12px;}
	
#featuredComm { background:#F6F6F6; padding-top:10px; padding-bottom:40px; width:100%; -webkit-backface-visibility: hidden;  backface-visibility: hidden; position:relative; z-index:666; }
#commWrap { width:90%; margin:0px auto;  display:flex; justify-content:center; flex-wrap: wrap; }
#menuitem { display:block; float:left; margin-right:8px; margin-left:8px; margin-top:20px; border:0px; height:85px; width:250px; text-align:center; text-decoration:none; font-size:18px; color:#606060;  background:#EEEEEE; border-radius:50px; padding:5px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); border: solid 1px #EAEAEA;}
#cntWrap { width:85px; height:85px; float:left; position:relative; background:#051069; border-radius:50px; }
#spCnt { color:#FFFFFF; position:absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#spCity { font-weight:500; width:220px; position:relative; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
a:hover #spCity { color:#051069; }

#welcome { width:100%; background:#FFFFFF; padding-top:20px; padding-bottom:50px; background:#EEEEEE; }
#welcWrap { width:90%; margin:30px auto 0px auto; text-align:left; color:#505050; font-size:18px; }
#welcHead { font-family:'Maven Pro', serif;  color:#505050; line-height:30px; border-left:4px solid #051069; padding-left:10px; height:85px; padding-top:10px; }
#mainWelc { font-weight:500; font-size:50px;  }
#subWelc { font-size:28px; }
#welcMessage { float:left; width:60%; }
#agentPhoto { float:left; width:40%; text-align:center; }
#agentPhoto img { max-width:300px; border-radius: 5px;}

#addLinks { background:#F6F6F6; padding-top:10px; padding-bottom:20px; width:100%; }
#links {  padding-top:20px; padding-bottom:40px; width:100%; display:flex; justify-content:center;   }
#allLinksWrap { width:90%; margin:0px auto; }
#addArrow { float:left; width:22px; margin-right:25px; }
#addArrow img { width:22px; margin-left:5px; -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;  }
a:hover #addArrow img { margin-left:15px; }
#addlink_button { float:left; }
#addlink_tag { text-decoration:none; display:flex; justify-content:center; float:left; width:30%; margin-top:10px; padding:15px 0px 15px 0px; margin-right:10px; margin-left:10px; width:30%; height:45px; text-align:center; background:none; font-size:20px; color:#606060; -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; }
#addlink_tag:hover { color:#051069; }

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

#bottom { min-width:980px; padding-bottom:20px; background:#3C3B37; color:#FFFFFF; }
#bottom a { font-size:12px; color:#FFFFFF; text-decoration:none; }
#bottomWrap { width:95%; margin:0px auto; padding:15px; font-size:15px; display:flex; justify-content:center; }

#agentInfoColumn { width:180px; display:inline; margin-top:20px; padding-right:20px; border-right:2px solid #606060; }
#agentInfoColumn a { font-size:15px; }
#agentInfoColumn img { max-width:150px; border-radius: 5px;}
#brokerInfoColumn { display:inline; margin-top:20px; margin-left:20px; padding-right:20px; border-right:2px solid #606060; }
#brokerInfoColumn img { max-width:180px; border-radius: 5px;}
#socialColumn { display:inline; width:130px; margin-top:20px; margin-left:20px; border-right:2px solid #606060; }
#socialColumn img { width:25px; margin-right:10px; }
#socialColumn a { height:25px; margin-top:8px; display:flex; align-items:center; }
#linksColumn { display:inline; margin-top:20px; margin-left:20px; }


/*Media Queries*/
/*Media Query for screen size smaller than 1024px*/
@media only screen and (max-width: 1124px){
	
	ul#navPaw li h1 { font-size:13px; }
	ul#navPaw li h2 { font-size:13px; }	
	#story { padding-top:140px; }
}