/*For Navigation*/

#nav .main-nav .nav-node .mm {
	background-color: #ffffff !important;
	border: none;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3) !important;
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3) !important;
	-o-box-shadow: 2px 2px 10px rgba(0,0,0,0.3) !important;
	text-align: left;
}
#nav .main-nav .nav-node .mm h3 {
	color: #0f77ac;
	font-weight: bold;
	padding: 0 0 5px 20px;
	border-bottom: none !important;
	background-image: none !important;
	font-size: 22px;
	border-bottom: 1px solid #5e606a !important;
}
#nav .main-nav .nav-node#nav-pri-relocate .mm .col.feature h3 {
	color: #fff;
	border-bottom: none !important;
}
#nav .main-nav .nav-node .mm p {
	color: #ffffff;
}
#nav .main-nav .nav-node .mm li {
	border-bottom: none;
	margin-bottom: 5px;
}
#nav .main-nav .nav-node .mm li a {
	color: #363845 !important;
	font-size: 16px;
	font-weight: normal;
	padding: 0 0 3px 20px;
	width: auto;
	text-transform: capitalize;
	font-family: 'Lato', sans-serif !important;
}
#nav .main-nav .nav-node .mm li a:hover {
	color: #ffffff !important;
	background-color: #0f77ac;
	padding: 0 0 3px 20px;
	width: auto;
}
#nav .main-nav #nav-pri-relocate .feature a {
	color: #ffffff !important;
	background: #4b99c1 !important;
	background: -ms-linear-gradient(top, #0e76ac 0%,#0e76ac 49%,#0e76ac 50%,#0e76ac 100%);
	-pie-background: linear-gradient(top, #0e76ac 0%,#0e76ac 49%,#0e76ac 50%,#0e76ac 100%);
	-moz-box-shadow:none !important;
	-webkit-box-shadow: none !important;
	box-shadow:  none !important;
	text-shadow: 0px 1px 0px #0e76ac;
	border: 2px solid #ffffff;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	border-radius: 0;
}
#nav .main-nav #nav-pri-relocate .feature a:hover {
	background: #00c7f5 !important;
	background: -ms-linear-gradient(top, #00c7f5 0%,#00c7f5 49%,#00c7f5 50%,#00c7f5 100%);
	-pie-background: linear-gradient(top, #00c7f5 0%,#00c7f5 49%,#00c7f5 50%,#00c7f5 100%);
	-moz-box-shadow: inset 0 5px 10px #00c7f5, 0 0px 3px #444;
	-webkit-box-shadow: inset 0 5px 10px #00c7f5, 0 0px 3px #444;
	box-shadow: inset 0 5px 10px #00c7f5, 0 0px 3px #444;
	text-shadow: 0px 1px 0px #00c7f5;
	border: 1px solid #00c7f5;
}
#nav .nav-node#nav-pri-neighborhoods .mm .col.feature {
	width: 360px;
	padding: 0;
	margin: 0;
}
#nav .nav-node#nav-pri-neighborhoods .mm .col.feature img {
	width: 100%;
	display: block;
}
#nav .main-nav #nav-pri-company > .mm.colx1.border-radius.med {
	width: 780px;
	background-image: none !important;
	position: absolute;
	top: 50px;
}
#nav .main-nav #nav-pri-company > .mm .col.service-img {
	width: 330px !important;
	margin-right: 0;
}
#nav .main-nav #nav-pri-company > .mm .col.service-img img {
	width: 100%;
	margin-top: 70px;
}
#nav .main-nav #nav-pri-company > .mm.colx1.border-radius.med .agentButton {
	margin: 0 !important;
	padding: 0;
	width: 385px !important;
}
#nav .main-nav #nav-pri-company > .mm.colx1.border-radius.med .agentButton img {
	max-width: 100%;
	display: block;
	margin-top: 65px;
}
#nav .main-nav #nav-pri-relocate > .mm.colx1.border-radius.med .feature {
	background-color: #0f77ac;
	width: 320px !important;
	text-align: center;
	margin-right: 0;
}
#nav .main-nav #nav-pri-relocate > .mm.colx1.border-radius.med .feature img {
	max-width: 100%;
}
.topNav #nav .main-nav .nav-node .mm .col {
	margin: 0 5px 0 0;
	padding: 10px 0;
	width: 220px !important;
}
.topNav #nav .main-nav .nav-node .mm .col.map-img {
	width: 300px !important;
	margin-right: 0;
	padding-top: 0;
}
.topNav #nav .main-nav .nav-node .mm .col.map-img img {
	width: 90%;
	max-width: 100%;
	margin-top: 30px;
}
.nav-node.nav-pri-propertysearch {
	position: relative;
}
.nav-node.nav-pri-propertysearch.open .mm.prop_search {
	left: 0;
	top: 100%;
}

@media(min-width: 992px) {
#nav .main-nav #nav-pri-neighborhoods > .mm.colx1.border-radius.med {
	background-image: none !important;
	background-size: 360px;
	padding: 0;
	width: 750px;
}
#nav .main-nav #nav-pri-company.open .mm {
	left: -400px;
}
#nav .main-nav #nav-pri-buy.open .mm {
    left: -270px;
}
.topNav{
	background-color: #fff !important;
	text-align: center;
	position: relative;
	background-image: url(../images/main-menu-bg.png) !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
}
#nav {
	background: none !important;
	text-align: center;
	position: relative;
}
#nav .nav-node {
	border: none;
	float: none;
	display: inline-block;
	padding: 0 !important;
	vertical-align: top;
	width: auto !important;
}
#nav .nav-node > a {
	color: #5a5a5a !important;
	font-size: 14px;
	padding: 0 15px !important;
	text-indent: 0 !important;
	line-height: 50px !important;
	text-align: center;
	font-weight: 600;
	font-family: 'Lato', sans-serif !important;
}
#nav .nav-node > a.dropdown-toggle {
	padding-right: 25px !important;
}
#nav .nav-node > a.dropdown-toggle::after {
	content: "\f107";
	font-family: 'FontAwesome';
	position: absolute;
	right: 10px;
}
#nav .nav-node:hover {
	background: transparent !important;	
	color: #0f77ac !important;
}
#nav .nav-node:hover > a {
	background: transparent !important;
	color: #0f77ac !important;
}
#nav .nav-node.active > a {
	background: transparent !important;
	color: #0f77ac !important;
}
}
@media(max-width: 1200px) {
#nav .nav-node > a {
	font-size: 13px;
	padding: 0 10px !important;
}
}
@media(max-width: 991px) {
	#nav .main-nav #nav-pri-company > .mm.colx1.border-radius.med {
		width: 100%;
	}
	.topNav #nav .main-nav .nav-node .mm .col.map-img, #nav .main-nav #nav-pri-relocate > .mm.colx1.border-radius.med .feature, #nav .main-nav #nav-pri-company > .mm .col.service-img {
	display: none;
}
}