/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS Reset Ends */


.container, .container-fluid {
	padding: 0;
}

header {
	height: 100px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
}

#headerInner {
	width: 100%;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 6;
}

#agentLogo {
	height: 80%;
	padding-top: 10px;
	float: left;
	margin-left: 10px;
}

header nav {
	display: block;
	height: 100%;
	width: 70%;
	float: right;
}

header nav > ul {
	display: block;
	width: 100%;
	height: 100%;
	text-align: right;
}

header nav > ul > li {
	display: inline-block;
	height: 100%;
	margin-left: -4px;
	overflow: hidden;
}

header nav > ul > li > a:link, header nav > ul > li > a:active, header nav > ul > li > a:visited {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	padding: 0 20px;
	font-size: 0.9rem;
	line-height: 130px;
	font-family: 'Montserrat Alternates', sans-serif;
	position: relative;
	padding-bottom: 5px;
	box-sizing: content-box;
	
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	
	-webkit-transition: background-color .3s, color .3s, -webkit-transform .3s;
	-moz-transition: background-color .3s, color .3s, -moz-transform .3s;
	-o-transition: background-color .3s, color .3s, -o-transform .3s;
	transition: background-color .3s, color .3s, transform .3s;
}

header nav > ul > li > ul {
	display: none;
}

#mobileMenu {
	display: none;
}

header nav > ul > li > a:hover {
	background-color: #F7F7F7;
	color: #444;
	-webkit-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	transform: translate(0, -5px);
}

#sideMenu50 {
	opacity: 0;
	height: 100%;
	width: 220px;
	position: fixed;
	right: -220px;
	top: 0;
	font-family: "Montserrat Alternates", sans-serif;
	z-index: 5;
	
	-webkit-transition: right .3s, opacity .3s;
	-moz-transition: right .3s, opacity .3s;
	-o-transition: right .3s, opacity .3s;
	transition: right .3s, opacity .3s;
}

#suckertree1 {
	position: relative;
	max-width: 220px;
	top: 100px;
	text-align: left;
	height: 100%;
	padding-bottom: 100px;
	box-sizing: border-box;
}

#suckertree1 > li {
	display: block;
	clear: both;
	width: 100%;
	position: relative;
	color: #fff;
}

#suckertree1 > li a {
	display: block;
	padding: 5px;
	line-height: .9rem;
	font-size: .9rem;
	color: #fff;
	
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}

#suckertree1 > li a:hover {
	background: rgba(255,255,255,0.2);
}

#suckertree1 > li > ul {
	padding: 6px;
	position: absolute;
	min-width: 150px;
	right: 220px;
	top: 0;
}

#suckertree1 > li:hover > ul {
	display: block !important;
}

.sideDrop {
	background: transparent url("/images/site/menu_arrow_r_w.gif") no-repeat scroll right center
}

#agentLogo img {
	height: 100%;
}

#bannerSlider {
	margin-top: 100px;
	position: relative;
}

#topSocial {
	position: absolute;
	top: 3px;
	right: 0;
	width: 132px;
	overflow: hidden;
	z-index: 9;
}

#topSocial li {
	display: block;
	position: relative;
	border: 1px solid #F7F7F7;
	right: -100px;
	height: 32px;
	width: 132px;
	margin-top:3px;
	background-color: #B3B3B3;
	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	-o-transition: -o-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s;
}

#topSocial li a {
	display: block;
	width: 100%;
	height: 32px;
	text-decoration: none;
}

.linkFB > span.socialGrey {
	background: url('/wireFrames/images/facebookIconG.svg') no-repeat center;
}

.linkTW > span.socialGrey {
	background: url('/wireFrames/images/twitterIconG.svg') no-repeat center;
}

.linkLI > span.socialGrey {
	background: url('/wireFrames/images/linkedinIconG.svg') no-repeat center;
}

.linkYT > span.socialGrey {
	background: url('/wireFrames/images/youtubeIconG.svg') no-repeat center;
}

.linkGP > span.socialGrey {
	background: url('/wireFrames/images/googleIconG.svg') no-repeat center;
}

.linkPI > span.socialGrey {
	background: url('/wireFrames/images/pinterestIconG.svg') no-repeat center;
}

.linkFB {
	background: url('/wireFrames/images/facebookIcon.svg') no-repeat left center;
}

.linkTW {
	background: url('/wireFrames/images/twitterIcon.svg') no-repeat left center;
}

.linkLI {
	background: url('/wireFrames/images/linkedinIcon.svg') no-repeat left center;
}

.linkYT {
	background: url('/wireFrames/images/youtubeIcon.svg') no-repeat left center;
}

.linkGP {
	background: url('/wireFrames/images/googleIcon.svg') no-repeat left center;
}

.linkPI {
	background: url('/wireFrames/images/pinterestIcon.svg') no-repeat left center;
}

#topSocial li a {
	background-size: auto 100%;
}

#topSocial li:hover {
	-webkit-transform: translate(-100px,0);
	-moz-transform: translate(-100px,0);
	-o-transform: translate(-100px,0);
	transform: translate(-100px,0);
}

#topSocial li a span.socialGrey {
	display: block;
	position: absolute;
	width: 32px;
	height: 100%;
	background-size: auto 100%;
	opacity: 1;
	
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	-o-transition: -o-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s;
}

#topSocial li a span.socialText {
	display: inline-block;
	width: 100px;
	height: 32px;
	margin-left: 40px;
	line-height: 32px;
	color: #F7F7F7;
	font-family: "Lato", sans-serif;
	font-size: 1rem;
}

#topSocial li:hover a span.socialGrey {
	opacity: 0;
}

.bx-wrapper {
	clear: both;
}

.bx-pager-item {
	display: inline-block;
	height: 10px;
	width: 10px;
	margin: 3px;
	border-radius: 5px;
	overflow: hidden;
}

.bx-pager {
	position: absolute;
	width: 100%;
	bottom: -25px;
	left: 0;
	text-align: center;
}

.bx-pager-item a.bx-pager-link {
	text-indent: -9999px;
	height: 100%;
	width: 100%;
	background-color: #ddd;
	display: block;
	height: 100%;
	width: 100%;
}

.bx-pager-item a.bx-pager-link.active {
	background: #fff;
}

.bx-wrapper {
	position: relative;
}

#sloganText {
	position: absolute;
	bottom: 15%;
	left: 10%;
	background: rgba(10,10,10,0.5);
	color: #F9F9F9;
	font-size: 2rem;
	padding: .5rem;
	max-width: 35%;
	height: auto;
	font-family: "Lato", sans-serif;
}

#sloganText p span {
	font-size: inherit !important;
}

.bxslider li img {
	width: 100%;
	max-height:650px;

	margin-right: auto;
}

#contentArea {
	width: 100%;
	background: #F7F7F7;
}

#contentAreaInner {
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	margin: 0 auto;
	font-size: 1rem;
	font-family: "Lato", sans-serif;
	padding: 15px;
	line-height: 1.5rem;
}



#testContain {
	clear: both;
	width: 100%;
	border-top: 5px solid #444;
	border-bottom: 5px solid #444;
	height: 200px;
}

#testInner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#testimonialSlide {
	width: 100%;
	height: 100%;
}

.testimonialItem {
	width: 100%;
	height: 200px;
	padding: 40px 10px 0;
	box-sizing: border-box;
	color: #F7F7F7;
	font-size: 2rem;
	font-family: "Lato", sans-serif;
	font-weight: lighter;
	font-style: italic;
	text-align: center;
}

.testSnip > p > span {
	clear: both;
	font-size: 1rem;
	font-style: normal;
	position: relative;
	top: 10px;
}

#largeButtons {
	background: #F7F7F7;
}

#largeButtonsInner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#largeButtonsInner > div {
	height: 220px;
	width: 30%;
	box-sizing: border-box;
	margin: 20px 4% 20px 0px;
	border: 1px solid #ccc;
	float: left;
	position: relative;
	overflow: hidden;
	
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	
	border-radius: 3px;
}

#largeButtonsInner > div > a img {
	height: 100px;
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -50px;
	opacity: 1;
	z-index: 0;
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#largeButtonsInner > div > a {
	-webkit-transition: background-color .2s, color .2s;
	-moz-transition: background-color .2s, color .2s;
	-o-transition: background-color .2s, color .2s;
	transition: background-color .2s, color .2s;
}

#largeButtonsInner > div > a h3, #largeButtonsInner > div > a hr, #largeButtonsInner > div > a p {
	position: relative;
	z-index: 1;
}

#largeButtonsInner > div > a:hover img {
	height: 350px;
	bottom: -80px;
	margin-left: -175px;
	opacity: .2;
}

#largeButtonsInner > #searchBtn {
	margin-left: 1%;
}

#largeButtonsInner > #buyingBtn {
	margin-right: 1%;
}

#largeButtonsInner > div > a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	text-align: center;
	font-family: "Lato", sans-serif;
	padding: 5px 0 0;
	background-color: rgba(255,255,255,0);
	
	box-sizing: border-box;
}

#largeButtonsInner > div a:hover {
	background-color: rgba(255,255,255,0.75);
}

#largeButtonsInner > div > a > h3 {
	color: #333;
	font-size: 1.6rem;
	margin: 0;
}

#largeButtonsInner > div > a > hr {
	width:90%;
	margin: 10px auto;
	border: none;
	border-top: 1px solid #555;
}

#largeButtonsInner > div > a > p {
	color: #555;
	font-size: 0.9rem;
	width: 80%;
	margin: 0 auto;
}

footer {
	clear: both;
	background: #ccc;
	font-family: "Lato", sans-serif;
}

footer > #footerInner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	color: #444;
	font-size: 0.9rem;
}

#footerSocial {
	text-align: center;
}

#footerSocial h4 {
	font-size: 1rem;
	color: #444;
	margin-bottom: 10px;
}

#footerSocial > ul {
	margin-bottom: 10px;
}

#footerSocial > ul li {
	display: inline-block;
	margin: 0 1px;
}

#footerSocial > ul li a span {
	display: block;
	width: 28px;
	height: 28px;
	background-size: 100%;
	
	border: 1px solid #444;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

footer > #footerInner a {
	text-decoration: none;
	clear: both;
	font-size: 0.7rem;
}

#footerLogo {
	margin-bottom: 15px;
}

#bottomLinks {
	margin: 15px 0 8px;
}

footer > #footerInner > #bottomLinks > a {
	clear: none;
	border: 1px solid #eee;
	margin: 0 4px;
	font-size: 0.7rem;
	padding: 2px 4px;
}

footer > #footerInner > a:hover, footer > #footerInner > #bottomLinks > a:hover {
	color: #eee;
}

.footerTM {
	margin-top: 15px;
}

footer > #footerCopy {
	width: 100%;
	border-top: 1px solid #eee;
	text-align: center;
	color: #555;
	padding: 15px 0;
}

#sliderFeatureWidget.nivoSlider {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto !important;
    max-width: 1000px;
}

#agentInfo {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
}

#agentPhoto {
	display: block;
    float: left;
    margin: 5px 0px 10px 5px;
    border: 4px solid #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    height: 180px;
}

#agentPhoto img {
	height: 100%;
}

h1 {
	font-size: 1.6rem;
	margin: 5px;
}

#agentInfo > ul {
	display: block;
	float: left;
	padding: 15px 0 0 25px;
}

li#primAgentName {
    font-size: 2rem;
    line-height: 2rem;
}

li.agentName {
	font-size: 1.6rem;
	line-height: 2rem;
}

#testimonialsWidget {
	display: none;
}

.long {
	display: block;
	margin: .3rem auto;
	float: none;
	width: 100%;
}

#testimonialsWidget .widget {
	font-size: .8rem;
}


.long h2 {
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-bottom: 5px;
}

.widgetItem {
	padding-bottom: 20px;
}

.long .widgetItem {
	
}

.long .widgetItem a {
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: .9rem;
    line-height: 1.2rem;
    color: #222;    
}

.long .listingImgBox {
	overflow: hidden;
}

.long img.listingImg {
    max-height: 140px;
    width: 100%;
}

.long .listingInfoBox {
    color: #222;
    font-size: 0.8rem;
    line-height: 1.1rem;
}

.long .listPrice {
    font-size: 0.9rem;
    margin-bottom: 0.2rem;
}

.long .bx-pager {
	position: relative !important;
	bottom: -2px !important;
}

.long .bx-pager-item {
	border: 1px solid #999;
}

.long .testMore {
	color:#222;
	font-size: .8rem;
	position: absolute;
	bottom: 2px;
	right: 4px;
}

#trnsltBox {
	height: 27px;
	position: absolute;
	top: 0;
	right: 5px;
}

.listingThumbContainer {
	line-height: 1rem;
}

@media screen and (max-width: 849px), screen and (max-device-width: 849px) {
	#largeButtons > #largeButtonsInner > div {
		margin: 10px auto;
		width: 94%;
		float: none;
	}
	
	header {
		position: static;
		background-color: transparent;
	}
	#agentLogo {
		height: 80px;
		width: 100%;
		text-align: center;
		margin-top: 50px;
		margin-left: 0;
		padding: 10px 0;
		border-top: 1px solid #F7F7F7;
	}
	header nav {
		width: 100%;
		float: none;
		position: fixed;
		top: 0;
		left: 0;
		height: 50px;
		overflow: hidden;
		z-index: 100;
		
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	header nav > ul {
		text-align:center;
	}
	header nav > ul > li {
		display: block;
		height: 50px;
		margin-left: 0;
		line-height: 50px;
		font-family: "Lato", sans-serif;
		font-size: 1.6rem;
		color: #F7F7F7;
	}
	header nav > ul > li > a:link, header nav > ul > li > a:visited, header nav > ul > li > a:active {
		line-height: 50px;
		padding: 0;
		font-size: 1.6rem;
		border-top: 1px solid #F7F7F7;
		font-weight: lighter;
	}
	header nav > ul > li > a:hover {
		background-color: #F7F7F7;
		color: #444;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	#mobileMenu {
		display: block;
		cursor: pointer;
	}
	#suckertree1 {
		top: 50px;
		padding-bottom: 50px;
	}
	#menuArrow {
		background: url('/wireFrames/images/downArrow.svg') no-repeat center;
		height: 50px;
		width: 43px;
		position: absolute;
		right: 7px;
		top: 0;
		
		-webkit-transition: -webkit-transform .2s;
		-moz-transition: -moz-transform .2s;
		-o-transition: -o-transform .2s;
		transition: transform .2s;
	}
	.menuMax {
		overflow-y: scroll;
		overflow-x: hidden;
		height: 100%;
	}
	.menuMin {
		height: 50px;
	}
	.menuMax #menuArrow {
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";
	}
	#bannerSlider {
		margin-top:30px;
	}
	.testimonialItem {
		font-size: 1.5rem;
	}
	#sloganText {
		font-size: 1rem;
		bottom: 25%;
		padding: .2rem;
		max-width: 55%;
	}
	footer > #footerInner > #bottomLinks > a {
		display: block;
		margin: .4rem auto;
		padding: .3rem 0;
		width: 60%;
	}
}

@media screen and (max-width: 675px), screen and (max-device-width: 675px)  {
	#topSocial {
		display: none;
	}
}