@import url('https://fonts.googleapis.com/css?family=Quicksand');
html { height:100%; width:100%; margin:0; }
body { background:#FFF; font-family:'Quicksand', sans-serif; margin:0px; height:100%; padding:0px; min-width:980px; word-wrap: break-word; font-feature-settings: "kern","liga","clig","calt"; font-kerning: normal; scroll-behavior: smooth; }
header { width:100%;}
td { vertical-align:top; }
.quicksand-header {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  color:#FFF;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform:uppercase;
}
.quicksand-header-dark {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  color:#535353;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.darkened-header {color:#535353 !important; text-shadow:none;}
.sectionHead h2 { padding-top:30px; text-decoration:none; color:#FFF; text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7); font-size:38px; text-align:center; margin:0; font-weight: 100; }
.sectionHead div {font-size:18px; color:#FFF; text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7); text-align:center; margin-top:10px; }

#template67 { display:none; }

#menubar { width:100%; height:78px; background:rgba(0,0,0,0.5); min-width:980px; position:fixed; z-index:8; box-shadow: 6px 0px 8px black;  -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; text-align:center; -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; -webkit-transform: -webkit-transition all 0.4s; }
#menubar :after {content: ""; display: table; clear: both;}
#menu { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; margin-top:25px; -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
#menu img { max-height:70px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; margin-top:-20px; -webkit-transform: translate3d(0,0,0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}

#leftMenu {float:left; position:relative; z-index:9998; margin-top:31px; display:none;}
#leftMenu ul { list-style-type: none;  margin: 0; padding: 0; overflow: hidden;}
#leftMenu li { float:left; padding-right:10px;}
#leftMenu li a { display: block; color: #FFF; text-align: center; padding:0 10px; text-decoration: none; font-size:15px;}
#leftMenu li a:hover {}
ul#leftTabs li:hover ul,  ul#leftTabs li.uhover ul { display:block; visibility:visible; opacity:1; top:30px; }
ul#leftTabs li ul { text-align:left; display:block; visibility:hidden; opacity:0; position:absolute!important; z-index:888; left:0px; top:20px; width:160px;  line-height:25px; font-family: "Quicksand", 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#leftTabs li ul li { text-align:left; list-style-position:outside; list-style-type:none; width:100%;  padding:0; }
ul#leftTabs li ul li:last-child { border-bottom:none; }
ul#leftTabs li li a { display:block; color:#000; margin:0px; text-decoration:none; font-weight:normal; font-size:18px; text-align:left; padding:2px 10px 2px 15px;}
/* ul#leftTabs li ul li a:hover { color:#000; }	 */
ul#leftTabs ul { display:block; padding:0; text-decoration:none; background:#FFF;   }
ul#leftTabs li li a:hover { background:#CCC;}
.upsidedown {display: inline-block;  -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.subnavLeft {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}


#headerLogo {display:inline-block; width:200px; padding:10px;}
#headerLogo img { max-width:200px; max-height:68px;  margin:0 auto; }

#rightMenu {float:right; position:relative; z-index:9998; margin:31px 60px 0 0; display:none;}
#rightMenu ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
#rightMenu li { float: left; padding-right:10px;}
#rightMenu li a { position:relative;  display: block; color: #FFF; text-align: center; padding:0 10px; text-decoration: none; font-size:15px;}
#rightMenu li a:hover {}

#navIcon {flex:10%; float:right; position:fixed; z-index:15002; width:26px; height:45px; top:30px; right:30px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index:15002; }
#navIcon span { display:block; position:absolute; height:3px; width:100%; background:#FFF; border-radius:8px; opacity:1; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out; box-shadow:1px 1px 2px #000000; }
#navIcon span:nth-child(1) { top:0px; }
#navIcon span:nth-child(2),#navIcon span:nth-child(3) { top:8px; }
#navIcon span:nth-child(4) { top:16px; }
#navIcon.open span:nth-child(1) { top:16px; width:0%; left:50%; background:#000; }
#navIcon.open span:nth-child(2) { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); box-shadow: none; background:#000; }
#navIcon.open span:nth-child(3) { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); box-shadow:none; background:#000; }
#navIcon.open span:nth-child(4) { top:16px; width:0%; left:50%; background:#000; }

#menuOverlay { position:fixed; z-index:15001; background:#FFF; color:#000 !important; background-size:cover; top:0; right:0; width:400px; height:0%; opacity:0; visibility:hidden; transition:opacity .45s, visibility .45s, height .45s;  }
#menuOverlay.overlay { opacity:1; visibility:visible; height:100%; }


ul#navPaw { z-index:888; }
ul#navPaw li { width:300px; list-style:none; position:relative;}
ul#navPaw li a { color:#000; text-decoration:none; }
ul#navPaw li h2 { font-size:30px; margin:12px 0; padding:10px 0px 10px 0px; font-weight:normal; font-family:'Quicksand', sans-serif; }
ul#navPaw li ul { text-align:left; display:none; position:absolute; left:0; top:100%; z-index:888; width:200px; padding-bottom:2px; line-height:25px;}
ul#navPaw li ul li { text-align:left; list-style-position:outside; list-style-type:none; width:194px;}
ul#navPaw li ul li a { font-family:'Quicksand', sans-serif; font-size:20px; display:block; background:#FFF; color:#000; padding:3px 0px 3px 10px; margin:0px; text-decoration:none;}
ul#navPaw ul { width:300px; display:block; padding:2px 3px 2px 5px;  transition: height 0.55s}


/* BEGIN: Accordion Menu styles */
.accordion {
  color: #000 !important;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none !important;
  outline: none !important;
  transition: 0.4s;
  background:#FFF !important;
  font-family:'Quicksand', sans-serif !important;
  font-size:21px !important;
}
#navPaw li:hover, ul#navPaw li ul li a:hover {
  background-color: #ccc !important; 
}
/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  margin-left:25px;
  font-family:'Quicksand', sans-serif !important;
}
/* END: Accordion Menu styles */

#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; }

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

/* BEGIN: Slideshow Section Styles */
/*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; }
/* END: Slideshow Section Styles */

#mainCenter { position:absolute; z-index:7; top:160px; left:98px; width:882px; bottom:0;  text-align:left; min-width:980px; }
#tagline h1 { position:relative; z-index:7; left:0; font-size:62px; font-style:normal; color:#FFF; font-family:'Quicksand', sans-serif; letter-spacing: 0; white-space: pre-line; outline: none; transform: scale(1, 1.2); margin-bottom:65px;}
#headerLine {position:relative; left:-11%; width:250px; height:2px; background:rgba(255,255,255,0.3); margin-bottom:30px;}
#mainCenter h3 {font-size:90%; font-weight:600;}
#barTabs { position:relative; margin-top:70px; width:720px; text-align:left; font-family:'Quicksand', sans-serif; font-size:28px; color:#FFFFFF; text-shadow:1px 1px 1px #000000; }
#buyTab { float:left; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-size:16px;}
#sellTab { float:left; margin-left:30px; -webkit-backface-visibility: hidden; backface-visibility: hidden; display:block; font-size:16px; }
.selected:before { content:""; position:absolute; bottom:-7px; left:0; width:100%; height:2px; background:rgba(255,255,255,0.3); }
.tHover { position:relative; }
.tHover:after { content: ""; position: absolute; bottom:-12px; left:0; width:100%; height:2px; background:#1E93CC; 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 { position:relative; z-index:888; margin-top:20px; text-align:left; }
#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 {position:relative; z-index:888; top:20px; opacity:1; display:block; 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: "Quicksand", 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: "Quicksand", sans-serif; font-size:15px; }
.gobtn a:active { color:#FFFFFF; font-family: "Quicksand", sans-serif; font-size:15px; }
.gobtn a:visited { color:#FFFFFF; font-family: "Quicksand", sans-serif; font-size:15px; }
.gobtn a:hover { color:#1E93CC; font-family: "Quicksand", 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: "Quicksand", sans-serif; font-size:15px; }
.mapbtn a:active { color:#FFFFFF; font-family: "Quicksand", sans-serif; font-size:15px; }
.mapbtn a:visited { color:#FFFFFF; font-family: "Quicksand", sans-serif; font-size:15px; }
.mapbtn a:hover { color:#1E93CC; font-family: "Quicksand", sans-serif; font-size:15px; }
.options { float:right; width:70px; height:100%; font-size:15px; overflow:hidden; color:#A0A0A0; font-family: "Quicksand", sans-serif; border-left:1px solid #CCCCCC;}
.options a:link {  margin-top:-5px; color:#A0A0A0; font-size:15px; font-family: "Quicksand", sans-serif;}
.options a:active { color:#A0A0A0; font-size:15px; font-family: "Quicksand", sans-serif;}
.options a:visited { color:#A0A0A0; font-size:15px; font-family: "Quicksand", sans-serif;}
.options a:hover { color:#1E93CC; font-size:15px; font-family: "Quicksand", 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;  }

#fourBoxesWrap { background:#FFF; margin-top:80px; display:flex; justify-content: center; }
.fourBoxes { float:left; margin-left:2%; margin-right:2%; width:24%; position:relative; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; color:#FFF;}
.fourBoxes:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); 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;  color:#FFF;}
.fourBoxes:hover:after { opacity:1; }
.fourBoxes img { width:100%; display:block; }
.boxText { width:90%; text-align:center; position:absolute; z-index:888; top:12%; left:50%; transform:translate(-50%,-50%);  -webkit-backface-visibility: hidden;  backface-visibility: hidden; line-height:150%;}
.bt1 { font-size:2.0vw; text-shadow: 1px 1px 0px black; }

#listStats { width:100%; margin-top:0px; height:400px; }
#statsWrap { margin:0px auto; display:flex; justify-content:center; align-items:center; position:relative; top:50%; left:50%; transform:translate(-50%,-50%); }
#statsNumbers { padding-right:40px; border-right:2px solid #606060; }
#statsNumbers a { float:left; font-size:85px; text-decoration:none; color:#505050; text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7); }
#counter { width:210px; }
#statsTitle { margin-left:30px; }
#statsTitle a { float:left; font-size:40px; text-decoration:none; color:#505050; text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7); }

#welcome {width:calc(100% - 100px); padding:50px; background:#343333;}
#welcWrap { display:flex; }
#welcContent { width:80%; margin:0px auto; padding:30px 0; display:flex; justify-content: center; align-items:center; }
#welcPhoto {flex:50%; -webkit-flex:50%; -ms-flex:50%;}
#welcPhotoInner {max-height:704px; max-width:65%;}
#welcPhotoInner img {max-height:400px; max-width: 400px;}
#welcMessage > .sectionHead { text-align:left; color:#FFF; font-size:2.5vw; }
#welcMessage { width:35%; float:left;  font-size:16px; color:#FFF; }

#ia_menu li span {color:#00435e}

/*Testimonials*/
#clTesti { width:100%; height:auto; margin:0 auto; background:url(/images/testimonialsBG.jpg)no-repeat; background-size:cover; background-position:center; display:none; }
#testeeSS { position:relative; height:300px; width:70%; margin:10px auto; background:#FFF; padding-bottom:200px; }
#testeeWrap { position:absolute; margin:5px; padding:15px;  }
#testee_comments { margin:0px auto; padding:0 100px; font-size:18px; }
#tstReadMore { position:absolute; margin-left:50%; left:-66px;padding:25px; background:#1E93CC; padding:20px; border:1px solid #1E93CC;}
#tstReadMore:hover {color:#1E93CC; background:#FFF;}
a#tstReadMore  { color:#FFF; text-decoration:none;}
a#tstReadMore:visited { color:#FFF;}
a#tstReadMore:hover { color:#1E93CC;}
#letterCircle {
    margin:0 auto;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    padding: 28px;
    background: #1E93CC;
    color: #FFF;
    text-align: center;
    font: 40px "Quicksand", sans-serif;
}
#testee_comments a { color:#000000; }
#testee_sig { padding:25px 0; font-weight:bold; font-size:28px; font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  color:#000;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#arrows {position:relative; top:550px; left:50%; transform:translate(-50%,-50%); height:20px; line-height:20px; width:12%; }
#arrows a { font-size:40px; color:#FFF; cursor:pointer; height:20px; padding:15px; transition: background-color .5s, color .5s; border:2px solid #FFF;}
#arrows a:hover { background-color:#FFF; color:#1E93CC; }
.arrows {position:relative; top:550px; left:50%; transform:translate(-50%,-50%); height:20px; line-height:20px; width:12%; }
.arrows a { font-size:40px; color:#FFF; cursor:pointer; height:20px; padding:15px; transition: background-color .5s, color .5s; border:2px solid #FFF;}
.arrows a:hover { background-color:#FFF; color:#1E93CC; }

#previousNext {margin-top:-35px;with:200px;}
#prevListing { float:left; padding-right: 20px; }
#nextListing { float:right; padding-left: 20px; }

.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}
}

/* Featured Properties */
#fpSS { display:flex; justify-content:center; align-items:center; background:#FFF; padding-bottom:20px; width:100%;}
#fpHeader {display:block;  width:50%; margin:35px auto; position:relative; width:100%; scroll-margin-top: 100px;}
#fpHeader h2 {text-align:center; }
#fpPrevNext { width:50%; margin:0 auto 15px auto; max-width:170px; cursor:pointer;}
#featuredProp { width:100%; max-width:1150px; 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 0 10px 41px; width:28.84%; height:500px;  border-radius:4px; overflow:hidden; color:#000000; background:#343333; text-decoration:none; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2); flex: 0 0 auto; -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;} 

.fButton { position:absolute; top:40%; left:63px; width:60%; color:#FFFFFF; z-index:777; height:60px; line-height:60px; background:#1E93CC; opacity:0; text-align:center; -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;  }

#setHeight315 {height:315px !important; }
.thumb { width:100%; height:50px; overflow:hidden; position:relative; display:inline-block; 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;  }
.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(255,255,255,0.6); }


/* .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:100%; }
.thumbR { width:100%; }

.pcInfo { padding:15px; font-size:16px; color:#FFF; text-align:center; font-weight:800;}
.fStreet { color:#cecece;font-size:18px;font-weight:100 !important; }
.listingInfo {padding:15px; color:#FFF; font-weight:800;}
.libox {text-align:center;}
.listPrice { padding:15px; color:#FFF; font-size:14px; white-space:normal; text-align:center; font-weight: 100;}

#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; }
}

/* BEGIN: Featured Communities for SPECIALIZING LIST TYPE5 */
#featuredComm { display:inline-block; background:#343333; background-size:contain; background-repeat: no-repeat; width:100%; }
#featuredComm .sectionHead h2 {margin-bottom:35px;}
#commWrap { background:#343333; height:auto;}
.fc_floater { float:left; width:25%; position:relative; overflow:hidden; margin:0 0 7% 7%;}
.fc_thumb { width:100%; }
.fc_featured_thumb { position:relative; width:100%; padding:10px 0px 75% 0px; background-position:center; background-size:cover; }
.fc_floater::after {opacity: 1; background:rgba(255,255,255,0.6);}
.fc_img_text { position:absolute; z-index:1; width:100%; margin:3% auto 0 auto; text-align:center; color:#FFF; font-size:36px; font-weight:bold; text-shadow: rgb(30, 147, 204) 0px 0px 2.6px, rgb(30, 147, 204) 0px 0px 2.6px, rgb(30, 147, 204) 0px 0px 2.6px !important; }
.offleft { margin-left: -9000px; position: absolute; }
.fc_img_text span { color:#FFF !important; text-shadow:rgb(30, 147, 204) 0px 0px 2.6px, rgb(30, 147, 204) 0px 0px 2.6px, rgb(30, 147, 204) 0px 0px 2.6px !important;}
.fcButton { position:absolute; top:70%; width:60%; left:-60px; margin-left:50%; width:120px; color:#FFFFFF; z-index:777; height:60px; line-height:60px; background:#1E93CC; opacity:0; text-align:center; -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;}
.fc_thumb:hover > .fcButton { opacity:1;  }
.fc_thumb > .fc_featured_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;}
.fc_thumb:hover > .fc_featured_thumb:after { opacity: 1; background:rgba(255,255,255,0.6); }
/* END: Featured Communities for SPECIALIZING LIST TYPE5 */

/* BEGIN: Featured Communities for SPECIALIZING LIST TYPE4 */
/* #featuredComm {display:inline-block;background:#343333; padding-top:20px; padding-bottom:40px; width:100%; }
#commWrap { width:90%; margin:0px auto;}
#menuitem { display:block; float:left;  margin-left:4%; margin-top:30px; border:1px solid #1E93CC; height:85px; width:20%; text-align:center; background:#1E93CC; font-family: "Quicksand", sans-serif; text-transform:uppercase; text-decoration:none; font-size:20px; color:#FFF;  padding-top:10px; padding-bottom:10px; -webkit-transtion:ease 0.5s; -webkit-transition: -webkit-transform 0.5s; transition:ease 0.5s;   }
#menuitem:hover { color:#1E93CC; background:#FFF; }
#menuInner { border:1px solid #FFF; width:90%; margin:0px auto; height:80px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
#spCity { white-space:nowrap; margin-top:25px; -webkit-transtion:ease-in-out 0.5s; -webkit-transform: -webkit-transition ease-in-out 0.5s; transition:ease-in-out 0.5s;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  }
a:hover #spCity { margin-top:10px; margin-bottom:5px; }
#spCnt { white-space:nowrap; padding-top:15px; -webkit-transtion:ease-in-out 0.5s; -webkit-transform: -webkit-transition ease-in-out 0.5s; transition:ease-in-out 0.5s; opacity:0; -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
a:hover #spCnt { padding-top:5px; opacity:1; }
a:hover #menuInner { border:1px solid #1E93CC;} */
/* END: Featured Communities for SPECIALIZING LIST TYPE4 */

/* Blog Articles on Home Page */
#blogArticle {width:600px; height:600px; margin:0 auto 35px auto; display:none;}
#blogImage {max-width:600px; max-height:200px; margin:35px auto 25px auto; display:none;}
#blogVideo {max-width:600px; max-height:200px; margin:35px auto 25px auto; display:none;}
#blogTextBox {width:600px; margin:0 auto;}
.blogHeader {margin-top:0; text-align:center; text-decoration:underline; text-underline-offset: 5px; text-transform:uppercase; font-size:1.3em; color:#343333;}
.blogHeader a{color:#343333;}
.blogHeader a:visited { color:#343333;}
.blogHeader a:hover { color:#1E93CC;}
.blogText {margin-top:0; text-align:left; font-size:1.1em; color:#343333;}
.blogText a {color:#343333; text-decoration-line:none !important; text-decoration:none;}
.blogText a:visited { color:#343333;}
#viewButton {display:flex; justify-content:center;}
.blogViewAll { position:absolute; margin-top:25px;  padding:15px 50px; background:#1E93CC;border:1px solid #1E93CC;}
a.blogViewAll  { color:#FFF; text-decoration:none;}
a.blogViewAll:visited  { color:#FFF; background:#1E93CC;}
a.blogViewAll:hover {color:#1E93CC; background:#FFF;}

/* SignUp section */
#signUpSection {background:#343333; color:#FFF; width:100%; height:auto; padding-bottom:35px;}
#signUpSection:after {content: ""; display: table; clear: both;}
#signUpSectionWrapper {width:700px; margin:0 auto; text-align:center;}
#signUpSectionForm {display:block; width:100%; margin:20px auto 0 auto; }
#signUpSectionForm:after {clear:both;}
#signUpSection form input {width:250px; font-size:16px; background:none; border-bottom:1px solid #FFF;border-top-style: none; border-left-style: none; border-right-style: none; margin:25px; padding-bottom:25px; color:#FFF;color:##FFF;}
#signUpSection form input:nth-child(2) {float:left; margin-left:20px; background:none; border-bottom:1px solid #FFF;}
#signUpSection form input:nth-child(3) {float:left; margin-left:20px; background:none; border-bottom:1px solid #FFF;}
#signUpSection form input:nth-child(4) {float:left; margin-left:20px; background:none; border-bottom:1px solid #FFF;}
#signUpSection form input:nth-child(5) {margin-left:20px;}
#signUpSection form input:nth-child(6) {margin-left:20px;}
#signUpSection form input:nth-child(7) {margin-left:20px;}
#signUpSection input[type=submit] {background:#FFF; color:#1E93CC; border-radius:none; border:2px solid #FFF; padding-top:25px;}
#signUpSection input[type=submit]:hover {background:none; color:#FFF; border:2px solid #FFF;}
#formFirstRow {float:left; margin-left:50px;}
#formSecondRow {float:left; margin-left:50px;}
#formThirdRow:after {content: ""; display: table; clear: both;}
#formFifthRow {margin:25px 0 0 0;}
textarea {font-size:20px; width:540px; height:100px;}
textarea::-ms-input-placeholder { /* Edge 12-18 */ font-size:20px;}
textarea::placeholder {font-size:20px;}
.textLeft {text-align:left;}
.signUpSectionLink a {color:#1E93CC; text-decoration:underline;}
.signUpSectionLink a:visited {color:#1E93CC;}
.signUpSectionLink a:hover {color:#FFF; text-decoration:none;}
#signUpSubmit {-moz-border-radius-topright:0px !important; webkit-border-top-right-radius:0px !important; border-top-right-radius:0px !important; -moz-border-radius-bottomright:0px !important; webkit-border-bottom-right-radius:0px !important; border-bottom-right-radius:0px !important; -moz-border-radius-bottomleft:0px !important; webkit-border-bottom-left-radius:0px !important; border-bottom-left-radius:0px !important; -moz-border-radius-topleft:0px !important; webkit-border-top-left-radius:0px !important; border-top-left-radius:0px !important;}

/* Contact Us section */
#contactUsSection {
  background:url(/images/contactUs_BG.jpg);
  background-repeat: no-repeat;
  -webkit-background-position: center;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  padding-bottom:35px;
}
#welcomeMessage {width:700px; margin:0 auto 35px auto;}
#welcomeMessage p li {text-align:left; color:#FFF;}
#welcomeMessageLink {display:flex; justify-content:center;}
#welcomeMessageLink a {color:#1E93CC; background:#FFF; text-decoration:none; padding:20px; background:#FFF; border:2px solid #FFF;}
#welcomeMessageLink a:visited {color:#1E93CC;}
#welcomeMessageLink a:hover {color:#FFF; background:none;}

#contactMessage {color:#FFF; width:700px; margin:0 auto 35px auto;}
#contactMessage a {color:#1E93CC; text-decoration:none;}
#contactMessage a:visited {color:#1E93CC;}
#contactMessage a:hover {color:#FFF; text-decoration:underline;}

#additionalLinks { width:100%; background:#343333; border-top:1px solid #707070; padding-bottom:10px;}
#allLinks { width:95%; margin:0px auto 30px auto; }
#linksWrap { display:flex; justify-content:center; flex-wrap:wrap; }
#addlinkTag { float:left; width:250px; padding:10px; margin:50px 10px 30px 10px; background:#FFF; color:#000; text-decoration:none; text-align:center; border-radius:20px; font-family: 'Dancing Script', sans-serif; font-size:18px; -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; border:1px solid #FFF; }
#addlinkTag:hover { color:#1E93CC; border:1px solid #1E93CC; }

/* Footer section */
.shortFooter {border-top:1px solid #343333;}
#footer { width:90%; margin:0 auto;}
#footer h2 {margin:0; font-size:29px;}
#footer h3 {margin:0;}
#footer a {color:#000; text-decoration:none; font-size:16px;}
#footer a:visited {color:#000;}
#footer a:hover {color:#1E93CC;}
.footerLink { max-width:75%; border-bottom:1px solid #000; margin:10px 0 0 51px; padding-bottom:3px;}
.footerLink:hover {border-color:#1E93CC;}
.blackText {color:#000;}
#footerBrokerLogo {width:200px; height:auto; margin:0;}
#realtorEHO {height:50px; width:auto; margin-top:15px;}
#bottom {border-top:1px solid #DADADA; border-bottom:1px solid #DADADA; margin-top:20px; padding:20px 0; text-align:center;}
#bottom a {margin-right:15px; font-size:15px;}
#pawLinks { width:90%; margin:30px auto; color:#808080; font-family: "Quicksand", sans-serif;  padding-top:10px; padding-bottom:55px; }
#pawLinks a { color:#808080; text-decoration:none; margin-left:15px; }
#pawLinks a:visited { color:#808080;}
#pl2 { float:right; }
.row {margin-top:15px;}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column {
  float: left;
  padding: 10px;
  margin:0;
}
.column img {height:25px; margin:15px 15px -2px 0;}
.column span {font-size:14px; font-weight:bold;}
.cLeft {width:20%; margin-left:25px;}
.cMid {width:35%;}
.cRight {width:20%;}
.cSpan {width:55%; margin-top:20px; font-size:12px;}

#socialLine img { width:25px; margin:20px 10px 0 0; padding:0 !important; border-radius:50%; }
.socialIcon {background:#1E93CC !important; border-radius:50%; margin-right:5px;}
.socialBackground {background:#1E93CC !important;}

/* Media Queries */
@media screen and (min-width:960px) {
  #leftMenu {display:block;}
  #rightMenu {display:block;}
  #headerLogo img {margin:0 auto 0 -120px;}
}