/*******************************************************
 *
 * Global Classes
 *
 *******************************************************/
body{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #181818;
}

a:hover{
	color: #a08a58;
}

::selection {
    background: #9f8a58;
    color: #fff;
}

.desktop-display{display: block !important;}
.mobile-display{display: none !important;}

	/** Fonts **/
	.font-roboto{font-family: 'Roboto', serif !important;}
	.font-didot{font-family: 'Didot', sans-serif !important;}

	/** Button **/
	.sfj-buttons{
		-webkit-appearance: none;
		appearance: none;
		border: 0;
		border-radius: 0;
		background: transparent;
		display: inline-block;
		position: relative;
		min-width: 187px;
		padding: 0 10px;
		font-size: 14px;
		line-height: 57px;
		letter-spacing: 0.15em;
		border: solid 1px #bababa;
		transition: all 0.2s linear;
		text-decoration: none !important;
	}
		.sfj-buttons:hover{
			background: #bababa;
		}
	/** Contact Form 7 **/
	.wpcf7-form{
		font-size: 0;
	}
		.wpcf7-form ._form-group{
			font-size: 16px;
		}
		.wpcf7-form ._form-group._name{
			width: 38.65979381443299%;
		}
		.wpcf7-form ._form-group._email{
			width: 38.65979381443299%;
		}
		.wpcf7-form ._form-group._submit{
			width: 22.68041237113402%;
		}
			.wpcf7-form ._form-group label{
				font-size: 12px;
				color: #515151;
				letter-spacing: 0.07em;
			}
			.wpcf7-form ._form-group input[type=text],
			.wpcf7-form ._form-group input[type=email]{
				-webkit-appearance: none;
				appearance: none;
			}
			.wpcf7-form ._form-group input[type=text],
			.wpcf7-form ._form-group input[type=email],
			.wpcf7-form ._form-group select,
			.wpcf7-form ._form-group textarea{
				border: 0;
				border-radius: 0;
				background: transparent;
				display: block;
				width: 100%;
				height: 30px;
				border-bottom: solid 1px #bababa;

			}
				.wpcf7-form ._form-group textarea{
					min-height: 150px;
				}
			.wpcf7-form ._submit{
				display: block;
				position: relative;
			}
				.wpcf7-form ._submit:before{
					content: '';
					position: absolute;
					right: 0;
					top: 50%;
					background: #bababa;
					width: 70px;
					height: 1px;
				}
				.wpcf7-form ._submit:before{display: none !important;}
				.wpcf7-form ._submit ._submit:before{display: inline-block !important;}
				.wpcf7-form ._form-group input[type=submit]{
					-webkit-appearance: none;
					appearance: none;
					border: 0;
					border-radius: 0;
					background: transparent;
					display: block;
					position: relative;
					max-width: 187px;
					width: 100%;
					padding: 0 10px;
					font-size: 14px;
					line-height: 57px;
					letter-spacing: 0.15em;
					border: solid 1px #bababa;
					transition: all 0.2s linear;
					text-transform: uppercase;
				}
					.wpcf7-form ._form-group input[type=submit]:hover{
						background: #000;
						border: solid 1px #000;
						color: #FFF;
					}
				.wpcf7-form ._form-group .ajax-loader{
					position: absolute;
					top: 50%;
					right: 15px;
					margin-top: -8px;
				}
				.wpcf7-form div.wpcf7-response-output{
					font-size: 11px;
					margin-top: 10px;
					text-align: center;
				}
				.wpcf7-form-control-wrap{
					display: block;
				}
					.use-floating-validation-tip span.wpcf7-not-valid-tip{
						position: absolute;
						top: auto;
						right: 0;
						bottom: 20%;
						left: auto;
						font-size: 11px;
						width: 120px;
					}
					.custom-captcha{
						display: inline-block;
					}
						.custom-captcha .wpcf7-form-control-wrap{
							display: inline-block !important;
							float: none !important;
							width: auto !important;
							vertical-align: middle !important;
						}
						.custom-captcha .custom-captcha-box{
							display: inline-block;
							overflow: hidden;
							position: relative;
							width: 28px !important;
							border: 2px solid #9c9c9c;
							height: 28px;
							margin-right: 8px;
							vertical-align: middle;
						}
							.custom-captcha .custom-captcha-box > div{
								position: absolute;
								top: -24px;
								left: -15px;
							}
						.custom-captcha .custom-captcha-robot{
							display: inline-block;
							text-transform: uppercase;
							font-size: 12px;
							color: #FFF;
							vertical-align: middle;
						}

#sfj-pagination{
	float: left;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 70px;
	font-size: 0;
	text-align: center;
}
	#sfj-pagination:after{
		content: '';
		display: block;
		height: 0;
		clear: both;
	}
	#sfj-pagination .page-numbers{
		display: inline-block;
		padding: 0 12px;
		line-height: 32px;
		font-weight: 300;
		font-size: 15px;
		color: #181818;
		text-decoration: none;
		text-transform: uppercase;
		transition: color 0.2s linear, background 0.1s linear;
	}
	#sfj-pagination .page-numbers.prev,
	#sfj-pagination .page-numbers.next{
		width: auto;
		margin: 0 10px;
	}
	#sfj-pagination .page-numbers:hover{
		background: #000;
		color: #FFF;
	}
	#sfj-pagination .page-numbers.current{
		background: #a69263;
	}

/*******************************************************
 *
 * Header
 *
 *******************************************************/
.header{
	position: absolute;
	top: 0;
	z-index: 2999;
}
	.header a{
		text-decoration: none;
		color: #FFF;
	}
		.header ._default{ display: block; }
		.header ._compact{ display: none; }
			.header.position-fixed ._default{ display: none; }
			.header.position-fixed ._compact{ display: block; }
		.header ._default .logo{
			display: inline-block;
			vertical-align: bottom;
			font-size: 113px;
			line-height: 92px;
		}
			.header ._default .logo a{
				transition: color 0.2s linear;
			}
				.header ._default .logo a:hover{
					color: #e2e2e2;
				}
		.header #main-nav{display: none;}
		.header .aios-split-nav {
			display: inline-block;
			vertical-align: bottom;
			font-size: 0;
		}
			.header .aios-split-nav li{
				display: inline-block;
				position: relative;
				font-size: 13px;
				color: #FFF;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				padding-bottom: 5px;
			}
				.header .aios-split-nav li:before{
					content: '|';
					font-weight: 300;
					font-size: 20px;
					padding: 0 30px;
					display: inline-block;
				}
					.header .aios-split-nav li:first-child:before{
						display: none;
					}
				.header .aios-split-nav li a{
					transition: color 0.2s linear;
				}
					.header .aios-split-nav li a:hover{
						color: #d0d0d0;
					}
				.header .aios-split-nav li .sub-menu{
					display: none;
					width: 200px;
					margin-left: -33px;
					transform: translateX(-50%);
					position: absolute;
					top: 100%;
					left: 100%;
					opacity: 0;
					transition: opacity 0.2s linear;
				}
				.header .aios-split-nav li:first-child .sub-menu{
					left: 50%;
					margin-left: 0;
				}
					.header .aios-split-nav li:hover .sub-menu{
						display: block;
						opacity: 1;
					}
						.header .aios-split-nav li .sub-menu li{
							display: block;
							width: 100%;
							text-align: left;
							padding: 0;
						}
							.header .aios-split-nav li .sub-menu li:before{
								display: none !important;
							}
							.header .aios-split-nav li .sub-menu li a {
								display: block;
								background: rgba(255,255,255,0.8);
								color: #666;
								padding: 5px 14px;
								line-height: 1;
								transition: color 0.2s linear;
							}
								.header .aios-split-nav li .sub-menu li:first-child a{
									padding-top: 10px;
								}
								.header .aios-split-nav li .sub-menu li:last-child a{
									padding-bottom: 10px;
								}
								.header .aios-split-nav li .sub-menu li a:hover{
									color: #151515;
								}
							.header .aios-split-nav li .sub-menu li .sub-menu{
								position: static;
								margin-left: 0;
								transform: translateX(0);
							}
								.header .aios-split-nav li .sub-menu li .sub-menu li a{
									padding-top: 5px;
									padding-bottom: 5px;
									padding-left: 25px;
								}
									.header .aios-split-nav li .sub-menu li .sub-menu li a:before{
										content: '-';
										display: inline-block;
										position: absolute;
										left: 14px;
										top: 5px;
									}
		.header ._client-number{
			position: absolute;
			bottom: 50px;
			right: 7.2%;
			font-weight: 300;
			font-size: 16px;
			color: #FFF;
		}
			.header ._client-number em.ai-font-mobile-b{
				margin-right: 10px;
				font-size: 20px;
			}
	.menu-panel-button{
		width: 33px;
		right: -84px;
		bottom: -13px;
		color: #FFF;
		cursor: pointer;
		font-size: 0;

	}
		.menu-panel-button:hover{
			color: #666;
		}
		.menu-panel-button span._line{
			display: block;
			position: relative;
			height: 21px;
			border-top: solid 2px #FFF;
			border-bottom: solid 2px #FFF;
		}
			.menu-panel-button span._line:before{
				content: '';
				float: left;
				background: #FFF;
				width: 100%;
				height: 2px;
				margin-top: 8px;
			}
		.menu-panel-button span._text{
			display: inline-block;
			margin-top: 4px;
			font-weight: 500;
			font-size: 9px;
			letter-spacing: 0.28em;
		}


/*******************************************************
 *
 * Menu Panel
 *
 *******************************************************/
.menu-panel{
	background-color: #161616;
	z-index: -1;
	top: 0;
	right: 0;
	max-width: 1200px;
	padding: 0;
	font-size: 0;
	display: none;
}
	.menu-panel:before{
		content: '';
		display: inline-block;
		width: 0;
		height: 100vh;
		vertical-align: middle;
	}
	.menu-panel-content{
		/*display: inline-block;*/
		display: none;
		width: 100%;
		height: 100vh;
		font-size: 16px;
		vertical-align: middle;
		/*background: url(../../images/menu-panel-background.jpg) no-repeat center center #FFF;
			background-size: cover;*/
	}
		.menu-panel-content-top{
			display: block;
			background: url(../../images/menu-panel-background.jpg) no-repeat center center #FFF;
			background-size: cover;
			padding: 20px 0 20px 85px;
		}
			.menu-panel ._close{
				position: absolute;
				/*top: 60px;*/
				top: 25px;
				right: 42px;
				width: 42px;
				height: 42px;
				cursor: pointer;
			}
				.menu-panel ._close:before,
				.menu-panel ._close:after{
					content: '';
					display: inline-block;
					background: #8e8e8e;
					position: absolute;
					top: 50%;
					width: 57px;
					height: 1px;
				}
				.menu-panel ._close:before{
					left: -7px;
					transform: rotate(45deg);
				}
				.menu-panel ._close:after{
					right: -7px;
					transform: rotate(-45deg);
				}
			.menu-panel ._logo{
			}
				.menu-panel ._logo a{
					font-size: 54px;
					color: #a08a58;
					text-decoration: none;
					width: 100%;
    				display: block;
				}
				.menu-panel ._logo a em.sfj-logo-long{
					width: 100%;
    				display: block;
				}
					.menu-panel ._title{
						font-size: 30px;
						line-height: 0.7;
						letter-spacing: 0.02em;
						color: #464646;
						border-bottom: solid 1px #bababa;
					}
						#panel-nav{
							display: block;
							padding-top: 20px;
							font-size: 0;
						}
							#panel-nav li{
								display: inline-block;
								padding-right: 50px;
								font-family: 'Didot', sans-serif;
								font-size: 16px;
								line-height: 1;
								letter-spacing: 0;
								vertical-align: top;
							}
								#panel-nav li:last-child{
									padding-right: 20px;
								}
								#panel-nav li a{
									color: #a08a58;
									text-decoration: none !important;
								}
								#panel-nav li ul{
									margin-top: 13px;
								}
									#panel-nav li ul li{
										display: block;
										font-family: 'Roboto', serif;
										font-size: 13px;
										line-height: 2;
										letter-spacing: 0.013em;
										padding-right: 0 !important;
									}
										#panel-nav li ul li a{
											color: #666666;
											transition: color 0.2s linear;
										}
											#panel-nav li ul li a:hover{
												color: #151515;
											}
										#panel-nav li ul ul{
											margin-top: 0;
										}
											#panel-nav li ul ul li a:before{
												content: '-';
												display: inline-block;
												margin-left: 3px;
												margin-right: 10px;
											}
			.menu-panel ._contact{
			}
				.menu-panel ._contact ._details{
					margin-top: 23px;
				}
					.menu-panel ._contact ._phone,
					.menu-panel ._contact ._address{
						font-size: 15px;
						color: #515151;
						line-height: 1.5;
						letter-spacing: 0.02em;
						max-width: 275px;
						padding-right: 50px;
					}
						.menu-panel ._contact ._phone em[class*=ai-font],
						.menu-panel ._contact ._address em[class*=ai-font]{
							display: inline-block;
							color: #9f8a58;
							margin-top: 4px;
							margin-right: 3px;
							vertical-align: top;
						}
							.menu-panel ._contact ._phone .ai-mobile-phone{
								margin-left: 5px;
							}
						.menu-panel ._contact ._address span{
							display: inline-block;
							width: calc( 100% - 20px );
							vertical-align: top;
						}
					.menu-panel ._contact ._social-media{
						font-size: 0;
						padding-right: 50px;
					}
						.menu-panel ._contact ._social-media a{
							display: inline-block;
							font-size: 22px;
							color: #aaaaaa;
							text-decoration: none !important;
							margin: 0 10px;
							vertical-align: middle;
							transition: color 0.2s linear;
						}
							.menu-panel ._contact ._social-media a:hover{
								color: #000;
							}
					.menu-panel ._contact ._other{}
						.menu-panel ._contact ._other a{
							display: inline-block;
							font-size: 18px;
							color: #aaaaaa;
							text-decoration: none !important;
							margin: 2px 10px 0;
							vertical-align: middle;
							transition: color 0.2s linear;
						}
							.menu-panel ._contact ._other a:hover{
								color: #151515;
							}
	.menu-panel ._signup{
		position: relative;
		float: left;
		width: calc( 100% );
		padding-right: 50px;
		padding-left: 85px;
		overflow: hidden;
	}
		.menu-panel ._subtitle{
			position: relative;
			z-index: 1;
			font-size: 23px;
			line-height: 1.2;
			letter-spacing: 0.02em;
			color: #9f8a58;
		}
		.menu-panel ._form{
			position: relative;
			z-index: 1;
		}
			.menu-panel ._form,
			.menu-panel ._form label{
				color: #FFF;
			}
			.menu-panel ._signup .custom-captcha{
				width: 187px;
				position: absolute;
				top: -47px;
				text-align: center;
			}
				.menu-panel ._signup .custom-captcha .custom-captcha-robot{
					color: #FFF;
				}

	.menu-panel-content .wpcf7-form div.wpcf7-response-output {
	    text-align: center;
	}
	.menu-panel-content .wpcf7-form ._submit ._submit:before{
		display: none !important;
	}
	.menu-panel-content .wpcf7-form ._submit ._submit:after{
		content: '';
	    position: absolute;
	    right: unset;
	    top: 50%;
	    background: #bababa;
	    width: 70px;
	    height: 1px;
	    left: 170px;
	}
	.menu-panel-content  .wpcf7-form ._submit {
	    max-width: 187px;
	}
	.menu-panel-content .wpcf7-form ._form-group .ajax-loader{
		top: -20px;
	    right: 0px;
	    margin-top: 0;
	}
/*******************************************************
 *
 * Main Content
 *
 *******************************************************/
main{
	display: block;
	background: #FFF;
	position: relative;
	/*z-index: 1;*/
	z-index: 2;
}

	/** Inner Page **/
	#inner-page-wrapper{
		margin-bottom: 0 !important;
		padding-bottom: 0;
	}

/*******************************************************
 *
 * Floating Social Media on Right
 *
 *******************************************************/
 #float-social{
	width: 32px;
	top: 50%;
	right: 25px;
	z-index: 200;
	transform: translateY(-50%);
}
	#float-social:before{
		content: '';
		display: block;
		background: #FFF;
		width: 1px;
		height: 124px;
		margin-left: 15px;
		margin-bottom: 5px;
		opacity: 0.35;
	}
	#float-social a{
		border-radius: 50%;
		background: rgba(0,0,0,0.8);
		margin-top: 12px;
		width: 32px;
		height: 32px;
		font-size: 15px;
		color: #FFF;
		line-height: 32px;
		text-align: center;
		text-decoration: none !important;
		transition: background 0.2s linear;
	}
		#float-social a:hover{
			background: rgba(207,207,207,0.8);
		}


/*******************************************************
 *
 * Footer
 *
 *******************************************************/
.footer{
	display: block;
	background: #161616;
	position: relative;
	overflow-y: hidden;
	z-index: 1;
}
	.footer:before{
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
		background: url(../../images/slide-logo-bg.png) no-repeat left center;
		background-size: auto 100%;
		background-attachment: fixed;
		-webkit-transform: translatez(0);
		opacity: 0.5;
	}
	.join-network{
		background: url(../../images/join-our-network-background.jpg) no-repeat center center;
		background-size: cover;
		background-attachment: fixed;
		-webkit-transform: translatez(0);
		padding: 60px 0 100px;
		overflow: hidden;
		z-index: 1;
	}
		.join-network .sfj-logo-mono{
			font-size: 107px;
			line-height: 0.9;
			color: #a08a58;
		}
		.join-network ._title{
			font-size: 55px;
			color: #FFF;
			line-height: 1.166;
			letter-spacing: -0.02em;
		}
		.join-network ._box{
			border-left: solid 1px rgba(255,255,255,0.2);
			border-right: solid 1px rgba(255,255,255,0.2);
			border-bottom: solid 1px rgba(255,255,255,0.2);
		}
			.join-network ._box:after{
				content: '';
				display: block;
				clear: both;
				height: 0;
			}
			.join-network ._introduction{
				margin-top: -12px;
				overflow: hidden;
			}
				.join-network ._introduction span{
					display: inline-block;
					position: relative;
					max-width: 510px;
					width: 100%;
					padding: 0 75px;
					font-weight: 300;
					font-size: 19px;
					color: #FFF;
					line-height: 1.4;
					letter-spacing: -0.02em;
				}
					.join-network ._introduction span:before,
					.join-network ._introduction span:after{
						content: '';
						display: inline-block;
						position: absolute;
						top: 12px;
						background: rgba(255,255,255,0.2);
						width: 500px;
						height: 1px;
					}
					.join-network ._introduction span:before{left: 100%;}
					.join-network ._introduction span:after{right: 100%;}
			.join-network ._form{
				padding: 34px 44px 58px;
			}
				.join-network ._form ._form-group label{
					color: #FFF;
				}
				.join-network ._form ._form-group input,
				.join-network ._form ._form-group select{
					color: #FFF;
				}
					.join-network ._form ._form-group select:hover{
						/*color: #000;*/
					}
					.join-network select#join-network-your-interest option {
					    color: #000;
					}
				.join-network ._form ._form-group input[type=submit]{
					border-color: #9a9ba1;
					color: #FFF;
					transition: all 0.2s linear;
				}
					.join-network ._form ._form-group input[type=submit]:hover{
						border-color: #000;
						background: #000;
						color: #FFF;
					}
					.join-network ._form .wpcf7-form .custom-captcha{
						margin-right: 25px;
					}
					.join-network ._form .wpcf7-form ._submit{
						display: block;
						width: 100%;
					}
						.join-network ._form .wpcf7-form ._submit:before{
							background: #9a9ba1;
							right: -54px;
						}
						.join-network ._form .wpcf7-form ._submit ._submit{
							display: inline-block;
							max-width: 187px;
							width: 100%;
							vertical-align: middle;
						}

						.join-network ._form ._form-group span.wpcf7-list-item {
							    display: inline-block;
							    margin: 0 0 0 1em;
							    color: #fff;
							    vertical-align: text-bottom;
							    width: 32%;
							    text-align: left;
						}
						.join-network .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
						    text-align: center;
						    color: #ffffff;
							position: absolute;
							left: 0;
							right: 0;
							max-width: 824px;
							margin: 20px auto 0;
						}
						.join-network select#join-network-your-interest {
						    /* width: 95%; */
						}
						.join-network ._form span.ajax-loader {
						    top: -20px;
						    margin-top: 0px;
						    right: 0;
						    position: absolute;
						}
	.footer-info{
		overflow-y: hidden;
		z-index: 1;
	}
		.footer-info ._logos{
			max-width: 600px;
			display: block;
			margin: 0 auto;
		}
			.footer-info ._logos .sfj-logo-long {
				display: inline-block;
				font-size: 82px;
				color: #9f8a58;
				line-height: 1;
			}
			.footer-info ._logos .sfj-logo-compass{
				display: inline-block;
				font-size: 22px;
				color: #FFF;
				line-height: 1;
				margin-top: 17px;
			}
		.footer-info ._navigation{}
			.footer-info ._navigation{}
				.footer-info ._navigation-separator{
					border-top: solid 1px #464646;
					border-bottom: solid 1px #464646;
				}
				#footer-nav{
					display: block;
					padding-top: 20px;
					font-size: 0;
				}
					#footer-nav li{
						display: inline-block;
						padding-right: 37px;
						font-family: 'Didot', sans-serif;
						font-size: 18px;
						letter-spacing: 0;
						vertical-align: top;
					}
						#footer-nav li:last-child {
							padding-right: 0;
						}
						#footer-nav li:first-child{
							padding-left: 0;	
						}
						#footer-nav li a{
							color: #a08a58;
							text-decoration: none !important;
							transition: color 0.2s linear;
						}
							#footer-nav li a:hover{
								color: #c1c1c1;
							}
						#footer-nav li ul{
							margin-top: 13px;
						}
							#footer-nav li ul li{
								display: block;
								font-family: 'Roboto', serif;
								font-size: 13px;
								line-height: 1;
								letter-spacing: 0.013em;
								padding-right: 0 !important;
								padding-top: 6px;
								padding-bottom: 6px;
							}
								#footer-nav li ul li.footer-client-saying{
									max-width: 140px;
								}
								#footer-nav li ul li a{
									color: #828282;
								}
								#footer-nav li ul ul{
									margin-top: 0;
								}
									#footer-nav li ul ul li a:before{
										content: '-';
										display: inline-block;
										margin-left: 3px;
										margin-right: 10px;
									}
					.footer-info ._details{
						display: none;
						max-width: 190px;
						text-transform: none;
					}
						#footer-nav li ._details{
							display: block;
						}
						.footer-info ._phone,
						.footer-info ._address{
							font-size: 13px !important;
							color: #828282;
							line-height: 1.5;
							letter-spacing: 0.02em;
							max-width: 275px;
							padding-right: 50px;
						}
						.footer-info ._phone{
							font-size: 15px !important;
						}
							.footer-info ._phone em[class*=ai-font],
							.footer-info ._address em[class*=ai-font]{
								font-size: 14px !important;
								display: inline-block;
								color: #9f8a58;
								width: 15px;
								vertical-align: middle;
							}
							.footer-info ._address span{
								display: inline-block;
								width: calc( 100% - 15px );
								vertical-align: top;
							}
						.footer-info ._social-media{
							font-size: 0;
							padding-right: 50px;
						}
							.footer-info ._social-media a{
								display: inline-block;
								font-size: 16px;
								color: #fff !important;
								text-decoration: none !important;
								margin: 0 8px;
								vertical-align: middle;
								transition: color 0.2s linear;
							}
								.footer-info ._social-media a:hover{
									color: #828282 !important;
								}
		.footer-info ._others{}
			.footer-info ._list-of-homes{
				max-width: 870px;
				font-size: 13px;
				color: #5e5e5e;
				line-height: 1.4;
				letter-spacing: 0.07em;
			}
				.footer-info ._list-of-homes a{
					font-size: 11px;
					color: #5e5e5e;
					line-height: 1.6;
					transition: color 0.2s linear;
				}
					.footer-info ._list-of-homes a:hover{
						color: #fff;
						text-decoration: none;
					}
			.footer-info ._copyright{
				font-weight: 300;
				font-size: 11px;
				color: #5e5e5e;
			}
				.footer-info ._copyright a{
					font-weight: 300 !important;
					color: #5e5e5e;
				}	
					.footer-info ._copyright a.copyright-agentimage{
						color: #9f8a58;
					}
		.footer-info ._realtors{
			font-size: 30px;
			color: #9f8a58;
			line-height: 1;	
		}
			.footer-info ._realtors a{
				position: relative;
				color: #FFF;
				text-decoration: none !important;
			}
				.footer-info ._realtors a .ai-font-agentimage-logo{
					font-size: 40px;
				}
					.footer-info ._realtors a .ai-credit-text{
						font-weight: 300;
						font-size: 10px;
						position: absolute;
						top: -6px;
						right: 0;
					}
				.footer-info ._realtors a .ai-font-caimeiju-longform{
					font-size: 25px;
					color: #eaeaea;
				}


/*******************************************************
 *
 * Back to Top
 *
 *******************************************************/
.footer-back-to-top.ctri_scrolldown .mouse,
.footer-back-to-top.ctri_scrolldown .mouse:after,
.footer-back-to-top.ctri_scrolldown .mouse em {
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
}

.footer-back-to-top.ctri_scrolldown {
	width: 32px;
	height: auto;
	display: none;
	margin: 0 auto 0;
	position: fixed;
	text-decoration: none;
	z-index: 100;
	bottom: 20px;
	right: 20px;
}

	.footer-back-to-top.ctri_scrolldown .mouse {
		width: 32px;
		height: 32px;
		background: rgba(0,0,0,0.7);
		border-radius: 50%;
		margin: 0 auto;
		display: block;
		position: relative;
	}

	.footer-back-to-top.ctri_scrolldown .mouse:after {
		position: absolute;

		width: 32px;
		height: 32px;
		top: 0;
		left: 0;
		opacity: 0;

		content: '';
		border: 1px solid rgba(224, 224, 224, 1);
		border-radius: 50%;
	}

	.footer-back-to-top.ctri_scrolldown .mouse > * {
		width: auto;
		height: auto;
		background: none;

		-webkit-animation: ani-mouse-top 1.5s linear infinite;
		-moz-animation: ani-mouse-top 1.5s linear infinite;
		animation: ani-mouse-top 1.5s linear infinite;
	}

	.footer-back-to-top.ctri_scrolldown .mouse em {
		margin-left: 0px;
		color: #fff;
		z-index: 999;
		font-size: 15px;
		font-weight: 700;
		margin-top: 7px;
		margin-left: 9px;
		float: left;
	}

	.footer-back-to-top.ctri_scrolldown .mouse:hover em {
		color: #c78f2b;
	}

.footer-info ._copyright a[href^="tel"]{
	color: #5e5e5e !important;
}

/*404 page*/
.error404 .use-floating-validation-tip span{
	width: auto;
}
.error404 .use-floating-validation-tip span.ajax-loader{
	width: 16px;
}
.error404 .wpcf7-form div.wpcf7-response-output{
	text-align: center;
}
.hero-overlay::before {
	content: "";
	position: absolute;
	z-index: 999;
	background-color: rgba(0,0,0,.20);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/*******************************************************
 *
 * Media Queries
 *
 *******************************************************/

@media(min-height: 800px) {
	.menu-panel-content{overflow-y: scroll;}
}

@media(min-width: 992px) {
	/** Header **/
	header.position-fixed{
		background: #181818;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
		header.position-fixed ._compact{}
			header.position-fixed ._compact .logo{
				font-size: 45px;
				line-height: 0.8;
				padding-top: 15px !important;
				padding-bottom: 15px !important;
			}
				header.position-fixed ._compact .logo a{
					color: #FFF;
					transition: color 0.2s linear;
				}
					header.position-fixed ._compact .logo a:hover{
			 			color: #e2e2e2;
					}
			#compact-nav{
				display: block;
				text-align: right;
				font-size: 0;
			}
				#compact-nav li{
					display: inline-block;
					padding-top: 30px;
					padding-bottom: 30px;
					padding-right: 20px;
					padding-left: 15px;
				}
					#compact-nav li:last-child{
						padding-right: 0;
					}
					#compact-nav li a{
						font-size: 13px;
						line-height: 1.2;
						letter-spacing: 0.12em;
					}
					#compact-nav li ul{
						display: none;
						max-width: 215px;
						width: 100%;
						position: absolute;
						top: 100%;
					}
						#compact-nav li:hover ul{
							display: block;
						}
						#compact-nav li ul li{
							display: block;
							width: 100%;
							text-align: left;
							padding: 0;
						}
							#compact-nav li ul li a {
								display: block;
								background: rgba(255,255,255,0.8);
								color: #666;
								padding: 5px 14px;
								line-height: 1;
								transition: color 0.2s linear;
							}
								#compact-nav li ul li:first-child a{
									padding-top: 10px;
								}
								#compact-nav li ul li:last-child a{
									padding-bottom: 10px;
								}
								#compact-nav li ul li a:hover{
									color: #151515;
								}
								#compact-nav li ul li ul{
									position: static;
									margin-left: 0;
									transform: translateX(0);
								}
									#compact-nav li ul li ul li a{
										position: relative;
										padding-top: 5px !important;
										padding-bottom: 5px !important;
										padding-left: 25px;
									}
										#compact-nav li ul li ul li a:before{
											content: '-';
											display: inline-block;
											position: absolute;
											left: 14px;
											top: 5px;
										}

			header.position-fixed ._compact .menu-panel-button{
				right: 15px;
				bottom: -56px;
				color: #FFF;
				transition: color 0.2s linear;
			}
				header.position-fixed ._compact .menu-panel-button:hover {
					color: #666666;
				}
				header.position-fixed ._compact .menu-panel-button span._line{
					border-color: #FFF;
				}
					header.position-fixed ._compact .menu-panel-button span._line:before{
						background-color: #FFF;
					}


			header.position-fixed .menu-fix-header-menu-container{
				display: inline-block;
				vertical-align: top;
				width: 89%;
				margin-right: 2%;
			}

			header.position-fixed ._client-number{
				position: relative;
				bottom: 0;
				right: 0;
				font-weight: 300;
				font-size: 18px;
				color: #FFF;
				display: inline-block;
				vertical-align: top;
				width: 3%;
				/*padding-top: 17px;*/
				padding: 26px 0 24px;
			}

			header.position-fixed .mobile-number{
				display: none !important;
			}
}

@media(max-height: 780px) {
	.menu-panel-content {
	    overflow-y: scroll;
	}
}
@media(max-width: 1400px) {
	/** Header **/
	.menu-panel-button{
		bottom: auto;
		top: 30px;
		right: 15px;
	}
	header.position-fixed ._compact .menu-panel-button{
		top: auto;
	}
}
@media(max-width: 1200px){
	/** Header Absolute **/
	.header .aios-split-nav li:before{
		padding: 0 10px;
	}
	/** Header Fix **/
	#compact-nav li{
		padding-left: 10px;
		padding-right: 10px;
	}
	/** Menu Panel **/
	.menu-panel-content{overflow-y: scroll;}
	#panel-nav li{
		padding-right: 35px;
	}
	/** Footer **/
	.footer .footer-info .container{
		width: 100% !important;
	}
	#footer-nav li{
		font-size: 16px;
		padding-right: 17px;
	}
		#footer-nav li ul li{
			font-size: 12px;
		}

	.menu-footer-menu-container {
	    max-width: 976px;
	    margin: 0 auto;
	}
}
@media(max-width: 1199px){
	header.position-fixed .menu-fix-header-menu-container{
		width: 90%;
	}
}
@media(max-width: 1024px) {
	.menu-panel-content{
		padding-left: 0px;
	}
	.menu-footer-menu-container{
		max-width: 980px;
	}
	.footer:before, .join-network{
		background-attachment: scroll;
	}

	#compact-nav li{
		padding-left: 8px;
		padding-right: 8px;		
	}
	/*.menu-panel ._contact ._phone, .menu-panel ._contact ._address{
		
	}*/
	.menu-panel ._contact ._details{
		overflow: auto;
	}
	.menu-panel ._contact ._details .d-inline-block:nth-of-type(1) {
	    width: 15%;
	}
	.menu-panel ._contact ._details .d-inline-block {
	    width: 25%;
	    display: inline-block;
	    float: left;
	    padding: 0px;
	    max-width: 250px;
	}
	#panel-nav li{
		padding-right: 25px;
	}
	header.position-fixed .mobile-number{
		display: none;
	}
}
@media(max-width: 991px){
	.desktop-display{display: none !important;}
	.mobile-display{display: block !important;}
	/** Floating SMI **/
	#float-social{display: none !important;}
	/** Header **/
	.header ._default,
	#compact-nav{
		display: none !important;
	}
	/** Header **/
	.header ._compact{
		display: block !important;
		width: 100% !important;
	}
	header{
		position: fixed !important;
		background: #181818;
	}
		header ._compact{}
			header ._compact .logo{
				font-size: 40px;
				line-height: 0.8;
				text-align: left;
			}
				header ._compact .logo span{
					color: #ad996e;
				}
					header ._compact .logo span em{
						color: #FFF;
					}
			header ._compact .menu-panel-button{
				position: fixed !important;
				top: 12px;
				right: 15px;
				bottom: auto;
				color: #FFF;
			}
				header ._compact .menu-panel-button span._line{
					border-color: #FFF;
				}
					header ._compact .menu-panel-button span._line:before{
						background-color: #FFF;
					}


	/*Sign Up Form */
	.wpcf7-form ._form-group input[type=text],
	.wpcf7-form ._form-group input[type=email]{
		width: 95%;
	}

	/** Menu Panel **/
	.menu-panel-content{
		/*padding-left: 15px;*/
	}
	.menu-panel ._close{
		top: 25px;
		right: 10px;
	}
	/*.menu-panel ._title{
		margin-top: 0 !important;
	}
	.menu-panel ._logo{
		display: none !important;
	}*/
		.menu-panel ._signup{
			display: none !important;
		}
		.menu-panel ._form ._form-group{
			width: 100%;
		}
	.menu-panel ._contact ._phone, 
	.menu-panel ._contact ._address,
	.menu-panel ._contact ._social-media,
	.menu-panel ._contact ._others{
		display: block !important;
		padding-top: 5px;
		padding-right: 0;
		padding-bottom: 5px;
		padding-left: 0;
	}
	.menu-panel-content ul#panel-nav > li {
	    width: 50%;
	    padding: 10px 0;
	}
	.menu-panel ._contact {
	    padding-top: 30px;
	}
	.menu-panel ._contact ._phone, .menu-panel ._contact ._address{
		font-size: 15px;
		line-height: 1.5;
	}
	.menu-panel ._contact ._details{
		overflow: auto;
	}
	.menu-panel ._contact ._details .d-inline-block, .menu-panel ._contact ._details .d-inline-block:nth-of-type(1) {
	    width: 100%;
	    display: block;
	    float: none;
	    padding: 5px 0; 
	    max-width: 100%;
	}

	/** Footer **/
	.join-network ._form ._submit{
		max-width: 187px;
		width: 100%;
		top: 10px;
	}
	.join-network ._form .wpcf7-form ._submit:before{
		top: 64%;
	}
	#footer-nav{
		text-align: center !important;
	}
		#footer-nav li{
			margin: 20px 0;
			padding: 0 30px;
			text-align: left;
		}
			#footer-nav li ul{
			}
				#footer-nav li ul li{
					margin: 0;
					padding-left: 0;
				}


	/*footer join our network*/
	.join-network .wpcf7-form ._form-group input[type=text], .join-network .wpcf7-form ._form-group input[type=email], .join-network select#join-network-your-interest {
	    width: 100%;
	}
	.menu-panel ._contact ._phone, .menu-panel ._contact ._address{
		max-width: 100%;
	}
	.menu-panel-content-top{
		height: 100vh;
	}
	.menu-panel-content{
		display: inline-block;
		width: 100%;
		height: 100vh;
		font-size: 16px;
		vertical-align: middle;
		background: url(../../images/menu-panel-background.jpg) no-repeat center center #FFF;
			background-size: cover;
	}
		.menu-panel-content-top{
			display: block;
			/*background: url(../../images/menu-panel-background.jpg) no-repeat center center #FFF;
			background-size: cover;*/
			padding: 20px 0 20px 85px;
			background: transparent;
		}
}
@media(max-width: 767px){
	/** Panel Menu **/
	#panel-nav li{
		display: block;
		margin: 0 0 20px 0;
	}
		#panel-nav li ul{
			margin-top: 0;
		}
			#panel-nav li li{
				margin: 0;
			}

	/** Footer **/
	.join-network ._introduction span{
		padding: 0 0 20px;
	}
	.join-network ._box{
		border: none !important;
	}
		.join-network ._form{
			padding: 0;
		}
			.join-network ._form .container-fluid{
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
	.join-network ._title{
		font-size: 11vw;
	}
	.footer-info ._logos .sfj-logo-long{
		font-size: 50px;
	}
	#footer-nav{
		padding-top: 0;
	}
		#footer-nav li{
			display: block;
			padding: 0;
			text-align: center;
		}
		#footer-nav li ul li.footer-client-saying{
			max-width: 100%;
		}
		._others ._realtors .d-inline-block{
			margin-top: 20px;
		}
	.footer-info ._details{
		max-width: 100%;
	}
	.footer-info ._phone, .footer-info ._address{
		max-width: 100%;
	}
	.footer-info ._address span{
		width: auto;
	}
	.footer-info ._logos img{
		width: 100%;
	}
	.wpcf7-form ._form-group input[type=text], .wpcf7-form ._form-group input[type=email], .join-network select#join-network-your-interest {
	    width: 100%;
	}

}
@media(max-width: 480px){
	.menu-panel-content-top{
		padding: 20px 0 20px 40px;
	}
}
@media(max-width: 420px){
	.menu-panel ._contact ._details{
		padding-right: 15px;
	}
}
@media(max-width: 371px){
	#sfj-pagination .page-numbers{
		padding: 0 5px;
	}

}
@media(max-width: 371px){
	.menu-panel-content ul#panel-nav > li{
		width: 100%;
	}
}