/*******************************************************
 *
 * Agent Details
 *
 *******************************************************/
#content-full {
	margin-top: 0;
}
#inner-page-wrapper {
	margin-bottom: 50px;
}
	.single-aios-agents #inner-page-wrapper > .container,
	#inner-page-wrapper > .container {
		width: 100%;
		padding: 0;
	}

#ip-agent-details {
	position: relative;
}
	.ip-ad-inner {
		position: relative;
		padding: 37px 0 0;
	}
		.bg-section.bg-ad-a {
			/*width: 90px;
			height: 683px;*/
			width: 5.625%;
			height: 68.91%;
			left: 0;
			right: initial;
			top: initial;
			bottom: 0;
		}
	#ip-agent-details .custom-container {
		position: relative;
	}
		#ip-agent-details .custom-container .container {
			max-width: 100%;
		}

	.ip-ad-info {
		position: relative;
	}
		.ip-ad-img {
			position: relative;
			width: 41.579%;
			align-self: flex-end;
		}
			.ip-ad-img canvas {
				display: block;
				width: 100%;
			}
			.ip-ad-img img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}

		.ip-ad-details {
		    width: 58.421%;
		    position: relative;
		    padding: 0 90px;
		    padding: 80px 7.895% 48px;
		}
			.bg-section.bg-ad-b {
				top: 224px;
			}
			.ip-ad-details .section-title {
				line-height: 0.909090909090909;
				margin-bottom: 34px;
			}
				.ip-ad-details .section-title strong {
					font-weight: inherit;
					display: block;
					color: var(--secondary);
				}
	
			.ip-ad-position {
				font-size: 30px;
				font-family: var(--font-title);
				line-height: 1;
				text-transform: uppercase;
				margin-bottom: 8px;
			}
			.ip-ad-contact {
				position: relative;
				margin: 0!important;
				list-style: none!important;
			}
				.ip-ad-contact li {
					font-size: 15px;
					line-height: 24px;
					letter-spacing: 0.02em;
					color: #000;
				}
					.ip-ad-contact li span {
						color: #6f6f6f;
					}
					.ip-ad-contact li a {
						transition: color var(--default-transition);
					}
						.ip-ad-contact li a:hover {
							color: #6f6f6f;
						}

					.ip-ad-contact li.contact-smi {
						display: flex;
						flex-flow: row wrap;
						align-items: center;
						margin: 46px 0 0;
					}
						.ip-ad-contact li.contact-smi a:not(.btn-a) {
							display: inline-flex;
							align-items: center;
							justify-content: center;
							width: 35px;
							height: 35px;
							border-radius: 50%;
							background: var(--secondary);
							border: none;
							color: #fff;
							font-size: 19px;
							margin-right: 8px;
							transition: all var(--default-transition);
						}
							.ip-ad-contact li.contact-smi a:not(.btn-a):hover {
								background: var(--accent);
							}

						.ip-ad-contact li.contact-smi a.btn-a {
							margin-left: auto;
							transition: all var(--default-transition);
						}
							.ip-ad-contact li.contact-smi a.btn-a:hover {
								color: #fff;
							}

	.ip-ad-description {
		margin: 95px 0 73px;
	}
		.ip-ad-description .section-title {
			width: 375px;
			width: 33.33%;
			margin: 35px 0 0;
		}
			.ip-ad-description .section-title span {
				color: inherit;
				font-family: var(--font-title);
				font-size: 30px;
				letter-spacing: 0;
				margin-bottom: 5px;
			}
		.ip-ad-description-text {
			width: 66.66%;
		}
			.ip-ad-description-text p {
				font-size: 15px;
				letter-spacing: -0.04em;
				line-height: 24px;
				margin: 0 0 24px;
			}
				.ip-ad-description-text p strong {
					font-weight: 700;
				}
			.ip-ad-description-text p:last-child {
				margin-bottom: 0;
			}

	.ip-ad-map-listings {
	    position: relative;
	    margin: 12px 0 114px;
	}
	    .ip-ad-map-placeholder {
	        position: relative;
	    }
	        .ip-ad-map-placeholder img {
	            display: block;
	            max-width: 100%;
	            height: auto;
	        }


.aiosp-wrap .aiosp-ref-\#agents-popup-form .aios-popup-body {
    width: 555px;
    max-width: calc(100% - 30px);
    min-height: 0;
    padding: 30px;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form h2 {
    margin-top: 15px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.03em;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form form {
    margin: 0;
    padding: 0;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form .row {
    margin-left: -5px;
    margin-right: -5px;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form [class*=col-] {
    position: relative;
    padding: 10px 5px;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=text],
.aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=email],
.aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=tel],
.aiosp-wrap .aiosp-ref-\#agents-popup-form textarea {
    font-size: 15px;
    width: 100%;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    height: 50px;
    color: #636363;
    padding: 0 0;
    border-radius: 0;
    resize: none;
    border: none;
    border-bottom: solid 1px #a5a5a5;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form textarea {
    padding-top: 15px;
    height: 100px;
    resize: none;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=submit] {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    display: block;
    margin: 0 auto;
    padding: 15px;
    width: auto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=submit]:hover {
    color: var(--secondary);
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form .ajax-loader {
    display: block;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.aiosp-ref-\#agents-popup-form .wpcf7-spinner {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
}

.wpcf7 form .wpcf7-response-output {
	text-align: center;
	font-size: 12px;
}

.ip-ad-map-listings .custom-container .container {
    max-width: 100%;
    padding: 0;
}

@media only screen and (min-width: 1280px) {
	.ip-ad-details .section-title,
	.ip-ad-description .section-title {
		font-size: 110px;
	}
	.ip-ad-description .section-title {
		font-size: 80px;
	}
}
@media only screen and (max-width: 1440px) {

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

}
@media only screen and (max-width: 1199px) {
	.bg-section.bg-ad-b {
		top: 144px;
	}
}
@media only screen and (max-width: 991px) {
	#ip-agent-details .custom-container .container {
	    padding: 0;
	}
	.ip-ad-inner {
	    padding: 0;
	}

		.bg-section.bg-ad-a {
		    display: none;
		}

		.ip-ad-img {
		    width: 100%;
		    max-width: 500px;
		    margin: 0 auto;
		}

		.ip-ad-details {
		    width: 100%;
		    max-width: 500px;
		    margin: 0 auto;
		    padding: 60px 3%;
		    text-align: center;
		}

			.bg-section.bg-ad-b {
			    top: 0;
			}

			.ip-ad-contact li.contact-smi {
			    display: block;
			    text-align: center;
			}
			.ip-ad-contact li.contact-smi a.btn-a {
			    display: flex;
			    max-width: 230px;
			    margin: 20px auto 0;
			}

			.ip-ad-contact li.contact-smi a:not(.btn-a) {
			    margin: 0 4px;
			}


		.ip-ad-description {
		    margin: 60px 0;
		}
		    
		    .ip-ad-description .section-title {
		        width: 100%;
		        margin: 0;
		        text-align: center;
		    }
		    
		    .ip-ad-description-text {
		        width: 100%;
		        margin: 20px 0 0;
		        text-align: center;
		    }

	.ip-ad-map-listings {
	    margin-bottom: 60px;
	}
}
@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 480px) {
	#ip-agent-details .custom-container {
	    padding: 0 15px;
	}
	.ip-ad-contact li {
	    letter-spacing: 0;
	    font-size: 12px;
	}
}