@import url('https://fonts.googleapis.com/css?family=Oswald|Tangerine&display=swap');
@import "compass/css3";
html {  margin:0; background: url('/images/bodyBG.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
body { font-family: 'Oswald', sans-serif; margin:0px; min-width:980px; height:100%; padding:0px; }
header { width:100%; display:flex;  justify-content:center; }
td { vertical-align:top; }
.clearFloats::after {content:""; clear:both; display:table;}

#slideMenuBar { width:98%; height:90px; min-width:980px; -webkit-transition:top 0.6s; -moz-transition:top 0.6s; transition:top 0.6s; top:-92px; background:#000; position:fixed; z-index:9998; display:flex;  justify-content:space-between; line-height:90px; border-radius:10px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); border:1px solid #707070; }
.slideheaderLogoCircular { overflow:hidden;  margin:2px 0 0 41px; height:85px; width:85px; border-radius:50%;  display: inline-block; background:#FFF; }
/* Use the following style to center for Circular (i.e. a brokerage logo) */
/* .slideheaderLogoCircular { display:flex; justify-content:center; align-items:center;} */
.slideheaderLogoCircular img { float:left; display: block; width:100%; height: auto;  margin: 0 auto; }
.slideheaderLogoRectilinear { overflow:hidden;  margin:2px 0 0 7px; height:85px; width:85px; border-radius:20%;  display: inline-block; background:#FFF; display:flex; justify-content:center; align-items:center; }
.slideheaderLogoRectilinear img {  display: block; width:90%; height: auto;  margin: 0 auto; }
.slideheaderHeader { float:left; display: block; width:100%; height: auto;  margin: 0 auto; }
.slidemenu { display:block; }

#menubar {position:absolute; z-index:999; top:15px; transition: all 0.4s; display:flex;  justify-content:space-between; width:98%; height:90px; min-width:980px; background:#000; line-height:90px; border-radius:10px;}

/* Use the two styles below for the circular agent photo style. */
#headerLogoCircular { float:left; position:relative; height:135px; width:135px; margin-left:20px; border-radius:50%; background:#000; }
#headerLogo { overflow:hidden;  margin:8px 0 0 7px; height:120px; width:120px; border-radius:50%; background:#FFF; display: inline-block; }
/* Use the following style to center for Circular (i.e. a brokerage logo) */
/* #headerLogo { display:flex; justify-content:center; align-items:center;} */
#headerLogo img { display: block; width:90%; height: auto;  margin: 0 auto;}
/* End of circular styles */
/* Use the two styles below for the rectilinear logo style. */
#headerLogoRectilinear { float:left; position:relative; width:155px; height:110px;  margin:0 0 0 20px; border-radius:20px; background:#000; }
#logoRectangle { overflow:hidden;  margin:8px 0 0 7px; width:140px; height:95px; border-radius:20px; background:#FFF; display: inline-block; display:flex; justify-content:center; align-items:center;}
#logoRectangle img { display: block; width:90%; margin: 0 auto;}
/* End of rectilinear styles */

#menubarPad { display:none; }
#menu { display:flex; justify-content:center; }

.headerSlideInArea {position:absolute; top:0px; left:0.6%;}
.headerSlideInAreaRect {position:absolute; top:0px; left:1.0%;}
.headerSlideIn {position:absolute; bottom:100%; padding:5px;overflow:hidden; -webkit-transition:0.5s ease; -webkit-transform: -webkit-transition 0.5s;  -ms-transition:0.5s ease; transition:0.5s ease; display:flex; justify-content:center; border-radius:20px;}
.headerSlideInContent {height:auto; opacity:0.00; background:#FFF; color:#000; border:5px solid #000; border-radius:20px; padding:125px 10px 5px 10px; text-align:center;}
.headerSlideInContent img {width:150px;}
.headerSlideInContent a {color:#000; text-decoration:none;}
.headerSlideInContent a:visited {color:#000;}
.headerSlideInContent a:hover {color:#FF69B4;}

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:#FFF; text-decoration:none; font-weight:500; }
ul#navPaw li a:hover { color:#FF69B4; 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: 'Oswald', sans-serif; }
ul#navPaw li h2 { font-size:18px; font-weight:500; margin:0px; padding:0px 4px 0px 4px; font-weight:normal; font-family: 'Oswald', 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: 'Oswald', 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:#000; color:#FFF; padding:3px 0px 3px 10px; margin:0px; text-decoration:none;}
ul#navPaw li ul li a:hover { background:#000; color:#FF69B4; }	
ul#navPaw ul { display:block; padding:2px 3px 2px 5px; margin-top:-1px; text-decoration:none; }
.loginButton a {color:#FFF; text-decoration:none; padding-left:8px;}
.loginButton a:visited {color:#FFF;}
.loginButton a:hover {color: #FF69B4;}

#contactSideNav {font-size:18px; cursor:pointer; color:#FFF; margin-right:15px;}
#contactSideNav:hover {color: #FF69B4;}
#sideNavCustom {position:fixed; z-index:9999; background: url('/images/bodyBG.jpg') no-repeat center center fixed; background-size:cover;}
#sideNavCustom:after {background-image: linear-gradient(to bottom, rgba(0,0,0,1.0), rgba(0,0,0,0.0));}
#sideNavCustom h2 {margin:0 0 20px 0; padding-bottom:10px; color:#FFF; font-family: 'Tangerine', cursive; font-size:36px; text-align:center; line-height:120%; border-bottom:1px solid #FF69B4;}
.sideNav {height: 100%; width: 0; position: fixed; z-index:9999; top:15px; right: 0; background-color: #000; overflow-x: hidden; transition: 0.5s; padding-top:40px; line-height:120%; }
.sideNav a { padding: 8px 8px 8px 32px; margin-left:15px; text-decoration: underline; font-size:18px; color: #FFF; display: block; transition: 0.3s;  font-family: 'Oswald', sans-serif; }
.sideNav a:hover {  color: #FF69B4; text-decoration:none; }
.sideNav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; text-decoration:none; }
@media screen and (max-height: 450px) {
  #sideNavCustom h2 {margin-bottom:10px; padding-top:0; font-size:26px; line-height:100%; }
  .sideNav {padding-top: 15px; line-height:50%;}
  .sideNav a {font-size: 14px;}
}
#submitEmailButton {background:#FF69B4; width:115px !important; margin-right:10px;}
#submitEmailButton:hover {background:#FFF; }
#welcDisclaimer {color:#404040; font-size:15px; padding:0 5px; margin:0;}
#welcDisclaimer a {color:#000; font-size:17px; margin:0; padding:0;}

/* #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:650px; background:#000; margin:0;}
#slideshow img { position:absolute; width:100%; display:block; min-height:650px; 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; }

/***************  SEARCH BAR STYLE START **************************/

/* BEGIN: Use these styles for Utah customers or customers with long state names */
#searchContainer { width:100%; border-top:3px solid #707070; background-image: linear-gradient(to bottom, rgba(0,0,0,1.0), rgba(0,0,0,0.0));}
#tagline {margin:10px 50px 0 20px; padding:0 40px 0 0; font-size:36px; color:#FFF; margin-top:15px; font-family: 'Oswald', sans-serif; font-weight:300; text-shadow:1px 1px 1px #000;}
#tagline h1 {text-align:center; color:#FFF; font-size:120%; word-spacing:0px;}
#buySellSearchCMA { margin-top:30px;}
/* END: Use these styles for Utah customers or customers with short state names */

/* BEGIN: Use these styles for Utah customers or customers with short state names */
/* #searchContainer { width:100%; display:flex; justify-content:center;  border-top:3px solid #707070; background-image: linear-gradient(to bottom, rgba(0,0,0,1.0), rgba(0,0,0,0.0));}
#tagline { width:120px; margin:10px 50px 0 20px; padding:0 40px 0 0; border-right:3px solid #707070; font-size:36px; color:#FFF; margin-top:15px; font-family: 'Oswald', sans-serif; font-weight:300; text-shadow:1px 1px 1px #000;}
#tagline h1 {text-align:center; color:#FFF; font-size:120%; word-spacing:0px;}
#buySellSearchCMA { margin-top:30px;} */
/* END: Use these styles for Utah customers or customers with short state names */

#barTabs { width:720px; margin:20px auto 0px auto; padding-top:15px; text-align:left; font-family: 'Oswald', sans-serif; font-size:28px; color:#FFF; text-shadow:1px 1px 1px #000; }
#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:#FFF; }
.tHover { position:relative; }
.tHover:after { content: ""; position: absolute; bottom:-12px; left:0; width:100%; height:4px; background:#FF69B4; 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;  display:block; }
#searchBar h2 { margin:0px; padding-top:20px; padding-bottom:10px; color:#FFF;}
#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:#FFF; 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:#FFF; margin-top:12px; border-style:none; font-family: 'Oswald', sans-serif; font-size:15px; width:100%; }
.gobtn { float:right; position:relative; width:100px; height:100%; margin-top:-4px; background:none; color:#FFF; font-size:15px; }
.gobtn a:link { color:#A0A0A0; font-family: 'Oswald', sans-serif; font-size:15px; }
.gobtn a:active { color:#FFF; font-family: 'Oswald', sans-serif; font-size:15px; }
.gobtn a:visited { color:#FFF; font-family: 'Oswald', sans-serif; font-size:15px; }
.gobtn a:hover { color:#FFF; font-family: 'Oswald', sans-serif; font-size:15px; }
.mapbtn { float:right; position:relative; width:75px; height:100%; margin-top:-4px; background:none; color:#FF69B4; font-size:15px;  }
.mapbtn a:link { color:#A0A0A0; font-family: 'Oswald', sans-serif; font-size:15px; }
.mapbtn a:active { color:#FFF; font-family: 'Oswald', sans-serif; font-size:15px; }
.mapbtn a:visited { color:#FFF; font-family: 'Oswald', sans-serif; font-size:15px; }
.mapbtn a:hover { color:#FFF; font-family: 'Oswald', sans-serif; font-size:15px; }
.options { float:right; width:70px; height:100%; font-size:15px; overflow:hidden; color:#A0A0A0; font-family: 'Oswald', sans-serif; border-left:1px solid #CCCCCC;}
.options a:link {  margin-top:-5px; color:#A0A0A0; font-size:15px; font-family: 'Oswald', sans-serif;}
.options a:active { color:#A0A0A0; font-size:15px; font-family: 'Oswald', sans-serif;}
.options a:visited { color:#A0A0A0; font-size:15px; font-family: 'Oswald', sans-serif;}
.options a:hover { color:#FFF; font-size:15px; font-family: 'Oswald', 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:#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; }

#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 #FFF; margin-bottom:20px; display:none; }
#cmaWrap { font-size:15px; text-align:center; color:#FFF; }
.cmapl { height:40px; background:none; border:none; color:#FFF;  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 #FFF;  }

/***************  SEARCH BAR STYLE END **************************/

.sectionHead { text-align:left; height:80px; margin-left:7%; background:#000; display:inline-block; margin-top:50px; padding:3px 15px; border-top-left-radius:20px; border-top-right-radius:20px; border-top:1px solid #707070; border-right:1px solid #707070; border-left:1px solid #707070; }
.sectionHead img {float:left; position:relative; top:10px; height:60px; margin-right:20px; background:#FF69B4;}
/* For a Color Scheme Change you can make the following style active to avoid changing the icon's surrounding color. */
/* .sectionHeadIconBorder img {border-radius:20px; border:1px solid #FF69B4;} */
.sectionHead h2 { float:left; margin:0; font-family: 'Oswald', sans-serif; font-weight:500; color:#FFF; font-size:50px; }
.invert {background:#FFF; }
.invert h2 { color:#000;}
.sectionContent {margin:-6px auto 0 auto;}

/* Featured Properties */
#featuredProperties { display:flex; justify-content:center; align-items:center; width:100%; padding:20px 0; background-image: linear-gradient(to bottom, rgba(0,0,0,1.0), rgba(0,0,0,0.0)); border-top:1px solid #707070;}
#fpArrows { width:1100px; position:relative; display:flex; justify-content:center; align-items:center;}
#featuredProp { overflow:hidden; position:relative; width:1028px; }
#featuredPropWrap { white-space: nowrap; position:relative; left:-512px; }
.floater {  position:relative; display:inline-block; margin:6px; width:500px; border-radius:2px; overflow:hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d;  border:1px solid #FF69B4;}
#vmWrap { width:90%; height:90%; top:50%; left:50%; transform:translate(-50%,-50%); border:1px solid white; position:absolute; text-decoration:none; color:#FFF; font-family:'Oswald', 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; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; background-position:center; -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;} 
.thumb:hover {box-shadow: inset 0 0 0 2000px rgba(255,105,180,0.5); -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;}
.thumbZ { width:120%; }
.thumbR { width:100%; }
.thumbVA { background:#FF69B4; }
#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 #FFF; font-family:'Oswald', sans-serif; color:#FFF; 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:#FF69B4; border:2px solid #FF69B4; color:#FFF; }
.listingInfo {  margin-top:0px; text-align:right; font-family:'Oswald', sans-serif; }
#address { color:#FFF; position:relative; margin-left:20px; font-size:24px; z-index:888; font-weight:bold;}
#listSpecs { color:#FFF; font-size:22px; font-family:'Oswald', sans-serif; }
#prev, #next { color:#FFF; cursor:pointer; position:absolute; font-size:55px; margin:-100px 0 0 0; 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 { color:#FF69B4; }
#next:hover { color:#FF69B4; }
#prev { left:0; }
#next { right:0; }
.transition { -ms-transition:.7s; transition:.7s; }
#fpInfoLeft {float:left; color:#FFF; text-align:left; padding:5px;}
#fpInfoRight{float:right; color:#FFF; text-align:right; padding:5px;}
#fpInfoLeft:hover {color:#FF69B4;}
#fpInfoRight:hover {color:#FF69B4;}
.boldText {margin-top:13px; font-weight:bold; }

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

#welcome { width:100%; padding:20px 0 40px 0; background-image: linear-gradient(to bottom, rgba(0,0,0,1.0), rgba(0,0,0,0.0)); border-top:1px solid #707070;}
#mainWelc { font-weight:500; font-size:50px;  }
#welcMessage { float:left; width:50%; margin:0 5%; font-family: 'Oswald', sans-serif; font-size:18px; color:#FFF; }
#agentPhoto { float:left; width:40%; text-align:center; background-image: linear-gradient(to right, rgba(255,255,255,1.0), rgba(0,0,0,0.0)); display:flex; align-items:flex-end;}
#agentPhoto img { max-width:300px; margin:0 auto; }
#welcSignature {font-family: 'Tangerine', cursive; font-size:44px; color:#fff; line-height:20%;}

#siteFeatures {width:100%; height:500px; padding:0; margin:0 auto; border-top:1px solid #707070;}
.siteFeaturesLeft {float:left; width:40%; height:500px;}
.siteFeaturesLeft h2 {margin:0; position:relative; top:40%; left:50%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:#FFF; text-align:center; font-size:92px;text-shadow: 0 0 3px #000;}
#siteFeaturesImg { background: url('/images/tableTopBG.jpg') no-repeat center center scroll; height:500px; background-size:cover; background-position:center; }
.siteFeaturesRight {float:left; width:60%; height:500px; background-image:linear-gradient(to right, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.1));}
.siteFeaturesImg {position:relative; top:30px; left:-2px; width:100px; height:auto; margin-right:20px; border-radius:50px; border:1px solid #000; background:#000; transition: all 1s ease-out; }
.siteFeatureText {position:relative; top:-3px;}
.siteFeaturesRight a {margin:20px; padding:10px 200px 10px 0; background-image:linear-gradient(to right, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0)); color:#FFF; text-align:left;  border-top-left-radius:70px; border-bottom-left-radius:90px; text-decoration:none; font-size:45px; transition: all 1s ease-out;}
.extraText { opacity:0; position:relative; top:0px; color:#FF69B4; transition: all 1s ease-out; }
.moveArrowDown {position:relative; top:6px;}
.siteFeaturesRight a:visited {color:#FFF;}
.siteFeaturesRight a:hover {color:#FF69B4; padding-right:180px; transition:2.5s all ease;}
.siteFeaturesRight a:hover  .siteFeaturesImg {background:#FF69B4; transition:2.5s all ease;}
.siteFeaturesRight a:hover  .extraText {transition: 2.5s all ease-out; transition: opacity 2.5s; opacity: 1; }
.feature2 {margin-top:50px;}
.feature3 {margin-top:50px;} 

/* Scroll Animation Styles (also see scrollAnimations.js) */
.show {transform:translateX(0); filter:blur(0px); opacity:1;}
.hiddenFromLeft {transition:all 1s; transform:translateX(-100%); filter:blur(5px); opacity:0; }
.hiddenFromRight {transition:all 1s; transform:translateX(100%); filter:blur(5px); opacity:0; }
.hiddenFromBottom {transition:all 1s; transform:translateY(100%); filter:blur(5px); opacity:0;}
@media(prefers-reduced-motion) {
  .hiddenFromLeft{transition:none;}
  .hiddenFromRight{transition:none;}
  .hiddenFromBottom{transition:none;}
}
.show {transform:translateX(0); filter:blur(0px); opacity:1;}
.slowTrans250 {transition-delay: 250ms;}
.slowTrans500 {transition-delay: 500ms;} 

/* Featured Communities */ 
#featuredComm {width:100%; padding-bottom:25px; background:#000; border-top:1px solid #707070;}
.spiContainer {float:left; width:20%; margin:20px 2%;}
.spiContainer a {color:#FFF; text-decoration:none; text-align:center; font-family: 'Oswald', sans-serif; -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;}
.spiContainer a:visited {color:#FFF; text-decoration:none;}
.spiContainer a:hover h2 {border-color:#FF69B4; -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;}
.spiHead {display:flex; justify-content:center;}
.spiHead h2 { margin:0 0 0 0; padding:3px 15px; border-top-left-radius:10px; border-top-right-radius:10px; border-top:1px solid #707070; border-right:1px solid #707070; border-left:1px solid #707070; background:#000; font-size:16px; font-weight:100; }
.spiBody {width:100%; margin-top:-1px;  text-align:center; font-family: 'Oswald', sans-serif;}
.spiBody h2 {margin:0; padding:10px 0; background:#000; border:1px solid #707070; border-radius:10px; font-size:20px; font-weight:100;}

/*Testimonials*/
#testimonials { width:100%; height:350px;  }
#testeeRight { width:55%; height:350px; float:left; background-image: linear-gradient(to right, rgba(255,255,255,1.0), rgba(255,255,255,0.1)); }
#testeeRight h2 {margin:-120px 0 0 0px; text-align:left; font-size:310%;}
#testeeImg { object-fit:contain; max-width:100%; height:350px; position:relative; top:-150px; border-bottom:1px solid #FF69B4;}
#testeeOverlayRight { background-image: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.0)); float:left; margin:0; width:75%; height:100%; }
#clTesti { float:left; width:45%; background:#FFF; height:350px; margin:0px auto; display:none; }
#testeeSS { position:relative; height:250px; width:80%; margin:-30px auto 0px auto; color:#000; }
#testeeWrap { position:absolute; margin:5px; padding:0px 15px;  }
#testee_comments { margin:40px auto 0 auto; font-size:17px; }
#tstReadMore { color:#000; }
a:hover #tstReadMore { color:#FF69B4; }
#testee_comments a { color:#000; }
#testee_sig { padding-left:20px; padding-top:10px; font-weight:bold; font-size:16px; font-family: 'Oswald', sans-serif; }
#arrows { position:relative; top:25%; left:50%; transform:translate(-50%,-50%); height:30px; line-height:30px; position:relative; width:90%; }
#arrows a { font-size:40px; color:#000; 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:#FF69B4 }

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

#additionalLinks { width:100%; background-image: linear-gradient(to bottom, rgba(0,0,0,1.0), rgba(0,0,0,0.0)); border-top:1px solid #707070;}
#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:#FF69B4; border:1px solid #FF69B4; }

#contentarea { margin:40px 50px 40px 50px; }
#story { margin:0px auto; padding:120px 20px 20px 20px; background:#fff; }

#bottom { min-width:980px; min-height:500px; margin-top:20px;  background-image: linear-gradient(to right, rgba(255,255,255,1.0), rgba(0,0,0,0.1)); color:#FFF; border-top:1px solid rgba(255,105,180,0.3);}
#bottom a { font-size:12px; color:#FFF; text-decoration:none; }
#bottomWrap { width:95%; margin:0px auto; font-size:15px; }

#agentFooterImg {float:left; width:250px; padding-right:5px; display:flex; align-items: flex-end; }
#agentFooterImg img { max-width:250px; height:auto; margin-top:2px;}
#footerInfo {float:left; margin:25px 0 0 35px; width:calc(90% - 255px);}
.footerBulletPoint {color:#FF69B4;}
.bottomMargin {margin-bottom:25px;}
#agentLine {padding:15px; background-image: linear-gradient(to right, rgba(255,255,255,1.0), rgba(255,255,255,1.0)); color:#000; border:1px solid #FF69B4; border-radius:20px; font-size:18px; text-align:center;}
#agentLine img { max-height:40px; border-radius:20px; margin:auto 15px;}
#agentLine a {color:#000; text-decoration:none; font-family: 'Oswald', sans-serif; font-size:18px;}
#agentLine a:active { color:#000; }
#agentLine a:visited { color:#000; }
#agentLine a:hover { color:#FF69B4; }
#brokerLine {display:flex; align-content:center; padding:15px; background:#FFF; color:#000; border:1px solid #FF69B4; border-radius:20px; font-size:18px; text-align:left;}
#brokerLine img {float:left; max-width:200px; max-height:80px; margin-right:20px;}
#brokerLineInfo {text-align:center; line-height:150%;}
#brokerLine a {color:#000; text-decoration:none; font-family: 'Oswald', sans-serif; font-size:18px;}
#brokerLine a:active { color:#000; }
#brokerLine a:visited { color:#000; }
#brokerLine a:hover { color:#FF69B4; }
#socialLine {display:flex; align-content:center; padding:5px; background:#FFF; color:#000; border:1px solid #FF69B4; border-radius:20px; font-size:18px; text-align:left;}
.socialTitle { float:none; text-align:center; padding-right:15px; margin:5px 15px 0 15px; border-right:1px solid #FF69B4;  }
#socialLine img { width:35px; margin:0 5px; padding:0 !important; border-radius:50%; }
/* NOTE: change the background color for .socialBackground below to change all social media link colors. Make sure to leave the "!important" part intact */
.socialBackground {background:#FF69B4 !important;}
#realtorEHO {width:170px;}

#linksColumn {height:150px; padding-top:25px; border-top:1px solid #FF69B4 ;background-image: linear-gradient(to right, rgba(0,0,0,1.0), rgba(0,0,0,0.1));}
.bottomLinksCustom {display:flex; justify-content:center;}
.ulCustomStyle {list-style-type:none; text-align:center;}
.ulCustomStyle li {float:left;}
.ulCustomStyle li a {font-size:16px !important; margin:0 15px;}
.ulCustomStyle li a:visited {color:#FFF;}
.ulCustomStyle li a:hover {color:#FF69B4 !important;}


@media only screen and (max-width: 1006px){
  #agentFooterImg {margin-top:30px;}
}
@media only and (max-width: 1124px){
  #featuredProp { width:512px; }
  #fpArrows { width:600px; }
  #welcTag { font-size:42px; }
  #testeeRight h2 {font-size:280%;}
}
@media only screen and (max-width: 1124px){
  ul#navPaw li h1 { font-size:13px; }
  ul#navPaw li h2 { font-size:16px; }	
  #story { padding-top:140px; }
  #featuredProp { width:512px; }
  #fpArrows { width:600px; }
  #welcTag { font-size:42px; }
  #testeeRight h2 {font-size:280%;}
}
@media screen and (max-width:794px) {
    ul#navPaw li h2 { font-size:1.5vw;}
    #contactSideNav {font-size:1.5vw;}
    #tagline h1 {font-size:100%;
}
@media screen and (max-width:661px) {
    ul#navPaw li h2 {font-size:1.2vw;}
    #contactSideNav {font-size:1.2vw;}
    #tagline h1 {font-size:90%;
}
@media screen and (max-width:914px) {
  #buySellSearchCMA {width:320px;}
  #newSearchWidget {width:320px;}
  #cmaBar {width:320px;}
}