@import url('https://fonts.googleapis.com/css?family=Catamaran:400,700,800|Cormorant+SC');

html { margin:0px; }
body { margin:0; font-family: 'Catamaran', sans-serif; min-width:980px; padding:0px; }
td { vertical-align:top; }

.videoWrapper {
	position: relative; width:100%;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#headerLogo { position:relative; float:left; margin-top:30px; margin-left:30px; }
#headerLogo img { max-width:200px; }

#headerInfo { float:right; margin-right:105px; position:relative; margin-top:24px; color:#FFFFFF; line-height:24px; font-size:18px; text-shadow:1px 1px 2px #000000; text-align:left; }
#headerInfo a { color:#FFFFFF; text-decoration:none; font-size:24px; }
#topPhoto { float:left; height:90px; margin-right:15px; }
#topPhotoShort { float:left; height:60px; margin-right:15px; }

#navIcon { float:right; z-index:9999; width:60px; height:45px; position:fixed; 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:9999; }
#navIcon span { display:block; position:absolute; height:7px; width:100%; background:#FFFFFF; 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:16px; }
#navIcon span:nth-child(4) { top:32px; }
#navIcon.open span:nth-child(1) { top:16px; width:0%; left:50%; }
#navIcon.open span:nth-child(2) { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); box-shadow: none; }
#navIcon.open span:nth-child(3) { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); box-shadow:none; }
#navIcon.open span:nth-child(4) { top:16px; width:0%; left:50%; }

#menuOverlay { position:fixed; background:#505050; top:0; left:0; width:100%; height:0%; opacity:0; visibility:hidden; transition:opacity .45s, visibility .45s, height .45s; z-index:99998; }
#menuOverlay.overlay { opacity:1; visibility:visible; height:100%; }

#menu { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;  }
ul#navPaw { z-index:888; }
ul#navPaw li { width:300px; list-style:none; position:relative;}
ul#navPaw li:hover { background:#A0A0A0; }
ul#navPaw li a { color:#FFFFFF; text-decoration:none; }
ul#navPaw li a:hover { text-decoration:none; }
ul#navPaw li h1 { font-size:30px; margin:0px; padding:10px 0px 10px 0px; font-weight:normal; font-family: 'Catamaran', 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; left:97%; top:0; z-index:888; width:200px; margin-top:-2px; 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:'Catamaran', sans-serif; font-size:20px; display:block; background:#A0A0A0; color:#FFFFFF; padding:3px 0px 3px 10px; margin:0px; text-decoration:none;}
ul#navPaw li ul li a:hover { background:#A0A0A0; color:#E8A87C; }	
ul#navPaw ul { width:300px; display:block; padding:2px 3px 2px 5px; }

#mainCenter { z-index:888; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
#tagline { width:100%;  color:#FFFFFF; font-size:55px; font-weight:bold; text-shadow:1px 1px 6px #606060; font-family: 'Cormorant SC', serif; }

.shortHeader { height:90px; background:#505050; text-align:center; border-bottom:6px solid #60A2AB; }
#shortheaderLogo { position:relative; float:left; margin-left:30px; }
#shortheaderLogo img { height:82px; margin-top:3px; }
#shortHIInfoWrap { width:300px; }
#shortTagline { display:inline-block; color:#FFFFFF; font-size:2.3vw; font-weight:bold; text-shadow:1px 1px 6px #606060; font-family: 'Cormorant SC', serif; line-height:90px;  }

#searchBar h2 { margin:0px; padding-top:20px; padding-bottom:10px; color:#FFFFFF; text-shadow:1px 1px 6px #606060; }
#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:#60A2AB; color:#FFFFFF; font-size:15px; }
.gobtn a:link { color:#FFFFFF;  font-size:15px; }
.gobtn a:active { color:#FFFFFF; font-size:15px; }
.gobtn a:visited { color:#FFFFFF; font-size:15px; }
.gobtn a:hover { color:#4A505A; 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-size:15px; }
.mapbtn a:active { color:#FFFFFF; font-size:15px; }
.mapbtn a:visited { color:#FFFFFF; font-size:15px; }
.mapbtn a:hover { color:#60A2AB; font-size:15px; }
.options { float:right; width:70px; height:100%; font-size:15px; overflow:hidden; color:#A0A0A0;  border-left:1px solid #CCCCCC;}
.options a:link {  margin-top:-5px; color:#A0A0A0; font-size:15px; }
.options a:active { color:#A0A0A0; font-size:15px; }
.options a:visited { color:#A0A0A0; font-size:15px; }
.options a:hover { color:#60A2AB; font-size:15px; }
.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 **************************/

#welcome { width:100%; background:#60A2AB; }
#welcWrap { width:90%; margin:0px auto 0px auto; color:#FFFFFF; padding-bottom:10px; }
#welcHead { float:left; width:50%; text-align:right; }
#wsWrap1 { padding-right:40px; font-size:25px; font-weight:700; }
#welcTitle { font-size:38px; font-family: 'Cormorant SC', serif; }
.adTitle { float:right; height:70px; line-height:70px;}
.adTitle a { color:#FFFFFF;  display:flex; align-items:center;  }
.adTitle img { margin-right:5px; height:70px; }
#wsWrap2 { padding-left:40px; font-size:20px; padding-top:15px; }
#welcMessage { float:right; width:50%; }

#listStats { width:100%; margin-top:0px; height:400px; background:url(/images/statsBack2.png)no-repeat; background-size:cover; background-attachment:fixed; background-position:center; }
#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); }

#featured { padding-top:0px; width:100%; display:flex;  justify-content:center; flex-wrap:wrap; margin:0px auto; }

#box1 { background:#60A2AB; float:left; position:relative; width:24.8%; color:#303030; margin:1px; }
#fl1 { color:#FFFFFF; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; text-shadow: 4px 2px 3px #000000, 0 0 2px #000000; z-index:888;  }
#bTitle1 {  font-size:3vw; }
#bTitle2 a { font-size:2vw; color:#FFFFFF; text-decoration:none; }

.listing { float:left; position:relative; margin:1px; width:24.8%; overflow:hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform:none; transform-style: preserve-3d; }
.listing:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0;  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;}
.listing:hover:after { opacity: 1; background:rgba(96,162,171,0.6); }

.thumb { padding:0px 0px 80% 0px; background-size:cover; background-repeat:no-repeat; width:100%; 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; } 
.listing:hover>.thumb { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
.thumbZ { width:130%; }
.thumbR { width:100%; }

.listingInfo { position:absolute; top:0; left:0; width:100%; height:100%; vertical-align:middle; }
#address { color:#FFFFFF; text-align:center; position:relative; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; font-size:1.5vw;  text-shadow: 4px 2px 3px #000000, 0 0 2px #000000; z-index:888; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
#floater_price b { color:#60A2AB; font-weight:bold; font-size:1.8vw;  }
#floater_bbs { margin-top:5px; }
	  

#homeValue { width:100%; margin-top:0px; height:500px; background:url(/images/hwBack.png)no-repeat; background-size:cover; background-attachment:fixed; background-position:center; display:flex; justify-content:center; align-items:center; }
#homeValueLeft { float:left; padding-right:15px; color:#505050; text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7); border-right:2px solid #606060; }
#hv1 { font-size:52px; }
#hv2 { font-size:28px; }
#homeValueRight { float:left; margin-top:40px; }
#homeValueRight input { border-radius:4px; }


#sectionHeader { padding-top:30px; text-decoration:none; color:#505050; text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7); font-size:50px; text-align:center;  }

#featuredComm { width:100%; }
#commWrap { display:flex; justify-content:center; flex-wrap:wrap; padding-bottom:10px }
#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:#60A2AB; 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:#60A2AB; }

#additional_links { width:100%; margin:20px auto 0px auto; padding-bottom:40px; text-align:center; background:#60A2AB; }
#alllinks { width:95%; margin:0px auto; display:flex; justify-content:center; flex-wrap:wrap; }
#addlink_tag { display:block; text-decoration:none; float:left; margin-top:10px; padding:15px 0px 15px 0px; margin-right:20px; border-radius:0px; border:none; width:290px; text-align:center; background:#60A2AB; border:2px solid #FFFFFF; border-radius:5px;   color:#FFFFFF; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
#addlink_tag:hover { background:#FFFFFF; border-radius:6px; color:#60A2AB }

/*Testimonials*/
#clTesti { width:100%; height:420px; margin:0px auto; background:url(/images/testee_back.png)no-repeat; background-size:cover; background-attachment:fixed; background-position:center; display:none; }

#testeeSS { position:relative; height:250px; width:70%; margin:10px auto; }
#testeeWrap { position:absolute; margin:5px; padding:15px;  }
#testee_comments { margin:0px auto; font-size:18px; }
#tstReadMore { color:#000000; }
#testee_comments a { color:#000000; }
#testee_sig { padding-left:20px; padding-top:10px; font-weight:bold; font-size:16px; }
#arrows { top:25%; left:50%; transform:translate(-50%,-50%); height:30px; line-height:30px; position:relative; width:80%; }
#arrows a { font-size:40px; background-color:rgba(255, 255, 255, .25); color:#1C1D21; cursor:pointer; height:30px; padding:15px; transition: background-color .5s, color .5s; }
#prev { float:left; padding-right: 20px; }
#next { float:right; padding-left: 20px; }
#arrows a:hover { background-color:rgba(28,29,33, .75); 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}
}

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


#contentarea { width:100%; margin:0px auto 0px auto;  }
#story { width:90%; margin:0px auto; padding-top:50px; padding-bottom:20px; }

/*Media Queries*/
/*Media Query for screen size smaller than 1024px*/
@media only screen and (max-width: 1124px){
	#tagline { font-weight:normal; }
	
	#box1 { width:49.5%;}
	#bTitle1 {  font-size:52px; }
	#bTitle2 a { font-size:38px; }
	.listing { width:49.5%; }
	#floater_price b { font-size:34px;  }
	#address { font-size:24px; }

	#homeValueLeft { float:none; padding-bottom:15px; color:#505050; border-right:none; border-bottom:2px solid #606060; text-align:center; }
	#homeValueRight { float:none; }	
}

@media only screen and (max-device-width: 1124px){
	#listStats { background-attachment:scroll; }
	#homeValue { background-attachment:scroll; }
	#clTesti { background-attachment:scroll; }
	#welcTitle { font-weight:normal; }
	#shortTagline { font-weight:normal; }
	
	#mainCenter { top:70%; }
}

/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
    html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }
}