:root {

    --body-font:        'Roboto', sans-serif;

    --primary-font:     'Montserrat', sans-serif;

    --secondary-font:   'Alegreya Sans', sans-serif;

    --tertiary-font:    'Oswald', sans-serif;

}





/* Template overwrite */


.ad-ig-item {
    padding: 0 10px;
}


.ip-banner canvas {

    background-position: top right;

    background-size: 100vw;

}



div#content-full {

    margin: 0;

}



#main-wrapper{

	overflow: hidden;

}

.page-template-template-agents-landing #inner-page-wrapper {
	z-index: unset;
	margin-bottom: 0;
}
.page-template-template-agents-landing #inner-page-wrapper > .container {
	width: 100%;
	padding: 0;
}

.agents-top-section {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 110px 0;
	background: #1d1d1d;
	position: relative;
}
	.agents-top-section .ss-smi{
		bottom: initial;
		top: 110px;
		z-index: 10;
	}
	.agents-landing-top-bg {
		width: 92%;
		height: 100%;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		opacity: 0.05;
	}
		.agents-landing-top-bg canvas {
			width: 100%;
			height: 100%;
			display: block;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			background-attachment: fixed;
			filter: grayscale(1);
		}
			.safari-true .agents-landing-top-bg canvas,
			.mobile .agents-landing-top-bg canvas {
				background-attachment: scroll;
			}
	.agents-top-section-content-wrap {
		position: relative;
		z-index: 2;
		color: #ffffff;
		text-align: center;
	}
		.agents-landing-title {
			width: 100%;
			display: inline-block;
			vertical-align: top;
			font-size: 90px;
		    font-weight: 700;
		    font-family: var(--primary-font);
		    letter-spacing: .010em;
		    line-height: 1;
		    text-transform: uppercase;
		    background-image: url(../../images/agents/agents-landing-banner.jpg);
		    background-size: cover;
		    background-repeat: no-repeat;
		    background-position: 50% 55%;
		    -webkit-background-clip: text;
		    -webkit-text-fill-color: transparent;
		    opacity: 0.9;
		}
		.agents-top-section-content {
			width: 85%;
			max-width: 1035px;
			margin: 30px auto 0;
			padding: 0 15px;
			color: #c8c8c8;
			font-size: 16px;
		}
			#content .agents-top-section-content p {
				line-height: 33px;
				letter-spacing: 0.04em;
			}

.agents-list-wrap {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 110px 0;
	text-align: center;
}
	.agents-list-wrap::before {
		width: 100%;
		height: 419px;
		content: '';
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		background: #1d1d1d;
		pointer-events: none;
	}
	#content .agents-list-wrap h2 {
		margin: 0 0 50px;
		color: #ffffff;
		font-size: 57px;
		font-weight: 700;
		font-family: var(--secondary-font);
		text-transform: uppercase;
		letter-spacing: 0.06em;
		line-height: 1;
	}
		.agents-list-content {
			width: 100%;
			max-width: 1521px;
			font-size: 0;
			margin: 0 auto;
		}
			.agents-item {
				width: 25%;
				display: inline-block;
				vertical-align: top;
				padding: 0 8.5px 17px;
			}
				.agents-item-inner {
					position: relative;
					overflow: hidden;
				}
					.agents-item-inner::before {
						width: 100%;
						height: 168px;
						content: '';
						position: absolute;
						z-index: 1;
						bottom: 0;
						left: 0;
						background: rgb(0,0,0);
						background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%);
						pointer-events: none;
					}
					.agents-photo {
						font-size: 0;
						position: relative;
					}
						.agents-photo canvas {
							width: 100%;
							height: auto;
							display: block;
						}
						.agents-photo img {
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							object-fit: cover;
							object-position: top;
						}
					.agents-info-wrap {
						width: 100%;
						position: absolute;
						z-index: 2;
						bottom: -10px;
						left: 0;
						padding: 20px 0;
						color: #ffffff;
						line-height: 1;
						pointer-events: none;
						transition: all 0.3s ease-in-out;
					}
						.agents-info-wrap a {
							pointer-events: auto;
						}
						.agents-name {
							font-size: 24px;
							font-weight: 500;
							text-transform: uppercase;
							letter-spacing: 0.05em;
						}
						.agents-position {
							margin: 10px 0;
							color: #bcbcbc;
							font-size: 14px;
							text-transform: uppercase;
							letter-spacing: 0.05em;
						}
						.agents-contact {
							width: 100%;
							display: flex;
							flex-wrap: wrap;
							align-items: center;
							justify-content: center;
							font-family: var(--primary-font);
							opacity: 0;
							pointer-events: none;
							transition: all 0.3s ease-in-out;
						}
							.agents-info {
								margin-left: 20px;
							}
								.agents-info:first-child {
									margin-left: 0;
								}
								.agents-info i {
									font-size: 10px;
									font-style: normal !important;
									margin-right: 8px;
								}
								.agents-info span {
									font-size: 13px;
									font-weight: 500;
									letter-spacing: 0.024em;
								}
								.agents-info a:hover {
									color: #cccccc;
								}

						.agents-item-inner:hover .agents-info-wrap {
							bottom: 0;
							background-color: #800020;
						}
						.agents-item-inner:hover .agents-contact {
							opacity: 1;
							pointer-events: auto;
						}

			.agents-list-button {
				margin-top: 20px;
			}
				.agents-list-button .site-btn.red-line {
					color: #000000;
				}


/* MOBILE */
@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 991px) {
	.agents-top-section, .agents-list-wrap {
		padding: 50px 0;
	}
	.agents-landing-top-bg {
		width: 100%;
	}
	.agents-top-section-content {
		width: 100%;
	}
	.agents-item {
		width: 100%;
		max-width: 363px;
	}
}

@media only screen and (max-width: 767px) {
	.agents-landing-title {
		font-size: 50px;
	}
}

@media only screen and (max-width: 480px) {
	
}