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

#headerLogo { position:relative; float:left; z-index:888; width:220px; 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;}
#menubar { position:relative; float:left; width:100%; min-width:980px; height:100px; z-index:999; background:#B21E26; 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); }

#menu { position:relative; margin-top:40px; 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:right; width:100%: }
ul#navPaw li { float:left; padding-bottom:10px; list-style:none; z-index:888; }
ul#navPaw li a { color:#FFFFFF; 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:#808080; text-decoration:none; }
ul#navPaw li h1 {color:#FFFFFF; font-size:17px; margin:0px; padding:0px 12px 50px 12px; font-weight:normal; text-transform:uppercase; }
ul#navPaw li h2 {color:#FFFFFF; font-size:17px; margin:0px; padding:0px 12px 50px 12px; font-weight:normal; text-transform:uppercase; }ul#navPaw li:hover ul,  ul#navPaw li.uhover ul { display:flex; justify-content: flex-end; visibility:visible; opacity:1; top:60px; }
ul#navPaw li ul { display:flex; justify-content: flex-end; visibility:hidden; opacity:0; position:absolute!important; z-index:888; left:0; top:40px; width:100%; 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 li a { display:block; background:#B21E26; color:#FFFFFF; padding:10px 0px 10px 0px; margin:0px 15px 0px 15px; text-decoration:none; }
ul#navPaw li ul li a:hover { background:#B21E26; color:#808080; }	
ul#navPaw ul {  text-decoration:none; background:#B21E26; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);  }


/*Use the below styles for a slideshow or a static image background*/
#slideshow_wrap { position:relative; z-index:777; min-width:980px; 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: 'Maven Pro', sans-serif; font-weight:300; }

#mainCenter { z-index:999; width:100%; position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); min-width:980px; transform-style: preserve-3d; }
#barTabs { width:720px; margin:20px auto 0px auto; text-align:left; font-family: 'Fjalla One', 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; }
.selected:before { content:""; position:absolute; bottom:-7px; left:0; width:100%; height:4px; background:#B21E26; }
.tHover { position:relative; }
.tHover:after { content: ""; position: absolute; bottom:-12px; left:0; width:100%; height:4px; background:#B21E26; 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:999; 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:999; 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:#B21E26; 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:#B21E26; 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:#B21E26; 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;  }

#agentTopWrap { width:100%; height:160px; background:#B21E26; position:relative; z-index:888; color:#FFFFFF; }
#agentTop { width:100%; position:absolute; z-index:888; color:#FFFFFF; bottom:0; text-shadow:1px 1px 1px #000000; }
#agentTop a { text-decoration:none; color:#FFFFFF; }
#topPhoto { display:inline-block; width:180px; margin-left:15px; }
#topPhoto img { max-width:180px; position:absolute; bottom:0; margin-bottom:0px; border-radius: 5px;}
#topInfo { display:inline-block;  margin-top:130px; margin-left:10px;}
#agentName { }
#agentInfo { display:inline-block; }
#atName { font-size:46px; font-family:'Fjalla One', sans-serif; }
#atDes { font-size:28px; margin-left:20px; font-family:'Fjalla One', sans-serif; }
#atEmail { font-size:20px; font-family: 'Maven Pro', sans-serif; }
#brokInfo { display:inline-block; margin-left:20px; font-size:20px; font-family: 'Maven Pro', sans-serif; }

#brokTopWrap { position:absolute; right:0; margin-right:30px; margin-top:50px; width:200px; display:inline; }
#brokTop { width:200px; height:200px; background:#FFF; border:2px solid #B21E26; display:flex; justify-content:  center; align-items: center; }
#brokTop img { max-width:180px; }
#brokPhone { font-size:25px; text-align:center; font-family: 'Maven Pro', sans-serif; }

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

.sectionHead { font-family:'Fjalla One', sans-serif; font-weight:300; font-size:40px; text-align:center; margin:30px 0px; }

#welcWrap { width:80%; max-width:1200px; margin:60px auto; font-size:20px; border: 1px solid #000000; }
#welcWrap > .sectionHead { margin:-25px auto 0px auto; width:200px; background: white; height:25px; padding: 0 10px;}
#welcContent { width:95%; margin:0px auto; padding-bottom:30px; display:flex; justify-content: center; }
#welcTag { float:left; width:30%; text-align:center; display:flex; align-items:center; justify-content:center; font-family:'Fjalla One', sans-serif; font-weight:300; font-size:50px; }
#welcMessage { width:65%; float:left; margin:50px auto 0px auto; padding-left:30px; font-size:18px; border-left:2px solid #000000; }

#fpSS { display:flex; justify-content:center; align-items:center; background:#ECECEC; padding-bottom:20px; }
#fpArrows { width:1100px; position:relative; display:flex; justify-content:center; align-items:center;}
#featuredProp { overflow:hidden; position:relative; width:1024px; }
#featuredPropWrap { white-space: nowrap; position:relative; left:-512px; }
.floater { display:inline-block; margin:6px; width:500px; border-radius:2px; overflow:hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; }
/* .fake { background:#670609; height:400px; margin-bottom:70px; display:inline-block;  } */
#vmWrap { width:90%; height:90%; top:50%; left:50%; transform:translate(-50%,-50%); border:1px solid white; position:absolute; text-decoration:none; color:#FFFFFF; font-family:'Fjalla One', sans-serif; font-size:26px; display:flex; justify-content:center; align-items:center; z-index:888; }
.listing { width:100%; overflow:hidden; position:relative; display:inline-block; }
.thumb { padding:0px 0px 80% 0px; background-size:cover; background-repeat:no-repeat; background-position:center; } 
.thumbZ { width:120%; }
.thumbR { width:100%; }
.thumbVA { background:#B21E26; }
#vlb { margin-top:-70px; float:right; margin-right:20px; }
.viewL { text-decoration:none; padding:8px; display:block; width:140px; text-align:center; border:2px solid #FFFFFF; font-family:'Fjalla One', sans-serif; color:#FFFFFF; font-size:18px; -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; position:relative; z-index:888; }
.viewL:hover { background:#B21E26; border:2px solid #B21E26; color:#FFFFFF; }
.listingInfo {  margin-top:0px; text-align:right; font-family:'Fjalla One', sans-serif; }
#address { color:#000000; position:relative; margin-left:20px; font-size:24px; z-index:888; font-weight:bold;}
#listSpecs { font-size:22px; font-family:'Maven Pro', sans-serif; }
#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:.7s; transition:.7s; }

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

#featuredComm { width:100%; }
#featuredCommWrap { width:90%; margin:0px auto; max-width:1200px; }
#communities { display:flex; justify-content:center; flex-wrap:wrap; }
#menuitem { float:left; width:200px; height:120px; background:#B21E26; margin:5px; color:#FFFFFF; text-align:center; display:flex; justify-content:center; align-items:center; text-decoration:none;  }  
#specInWrap { width:90%; height:90%; border:1px solid white; display:flex; justify-content:center; align-items:center; position:relative; }
#specInWrap::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; }
#specInWrap: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); }
#spCnt { font-family:'Maven Pro', sans-serif; font-size:22px; }
#spCity { font-family:'Fjalla One', sans-serif; font-size:26px; }

#adsWrap { width:100%; background:#ECECEC; padding:40px 0px; margin:60px auto 0px auto;  }
#threeAds { display:flex; justify-content:center; width:90%; max-width:1200px; margin:0px auto 0px auto; }
.ad { float:left; margin-left:6px; margin-right:6px; width:30%; position:relative; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
.ad:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(178,30,38,0.8); opacity: 0; -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; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
.ad:hover:after { opacity:1; }
.ad img { width:100%; display:block; }
.adText { width:90%; height:90%; border:1px solid white; color:#FFFFFF; text-align:center; display:flex; justify-content:center; align-items:center; position:absolute; z-index:888; top:50%; left:50%; transform:translate(-50%,-50%); text-shadow:0px 0px 4px black; -webkit-backface-visibility: hidden;  backface-visibility: hidden; font-family:'Fjalla One', sans-serif; font-size:32px;}
.adText::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; }
.adText: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); }


#additional_links { width:100%; margin-top:50px; }
#all_links { width:95%; max-width:1200px; margin:30px auto 30px auto; }
#linksWrap { display:flex; justify-content:center; flex-wrap:wrap; }
#addlink_tag { float:left; width:280px; padding:8px 0px 8px 0px; margin:10px; background:#B21E26; 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:50px;  }
#testeeLeft { width:45%; height:420px; float:left; background:url(/images/testeeBack3.jpg)no-repeat; background-size:cover; background-position:center; }
#clTesti { float:right; width:55%; background:#B21E26; height:420px; margin:0px auto; display:none; }
.fw { color:#FFFFFF; font-family:'Fjalla One', sans-serif; }
#testeeSS { position:relative; height:250px; width:80%; margin:0px auto; color:#FFFFFF; }
#testeeWrap { position:absolute; margin:5px; padding:0px 15px;  }
#testee_comments { margin:0px auto; font-size:18px; }
#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:20px; 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 { 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; }
#pawLinks a { color:#707070; text-decoration:none; margin-left:15px; }

/*Media Queries*/

@media only and (max-width: 1124px){
	#featuredProp { width:512px; }
	#fpArrows { width:600px; }
	
	#welcTag { font-size:42px; }

}

/*Media Query for screen size smaller than 1024px*/
@media only screen and (max-width: 1124px){
	#featuredProp { width:512px; }
	#fpArrows { width:600px; }
	
	#welcTag { font-size:42px; }
}