/*******************************************************
 *
 * Single Agent
 *
 *******************************************************/

 /* Page Globals */
 .single-aios-agents #inner-page-wrapper > .container {
 	width: 100%;
 	padding: 0;
 }
 .container{
	width: unset;
 }
.imgWrap {
	position: relative;
}
.imgWrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.imgWrap canvas {
	display: block;
	width: 100%;
}


/* Video popUp */
.video-popUp:before, .video-popUp:after {
	position: absolute;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.video-popUp:before {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.45);
	z-index: 2;
}
.video-popUp:after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 57px;
	height: 57px;
	border-radius: 50%;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 15px;
	content: "\b0087";
	font-family: 'agentimage'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    z-index: 3;
}
.video-popUp:hover:before {
	background: rgba(0,0,0,.25);
}

/* Page button CSS */
.agent__btn {
	color: var(--primary-color);
	font-size: 14px;
	line-height: 1;
	letter-spacing: .075em;
	text-transform: uppercase;
	margin: 20px 0 0;
	padding: 20px;
	position: relative;
	display: block;
	width: 100%;
	max-width: 180px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.agent__btn:not(:last-child) {
	margin-right: 40px;
}
.agent__btn:before, .agent__btn:after {
	position: absolute;
	content: '';
}
.agent__btn:before {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 32px;
	border-left: 2px solid var(--primary-color);
	border-bottom: 2px solid var(--primary-color);
}
.agent__btn:after {
	width: 0;
	height: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	background: var(--primary-color);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.agent__btn:hover {
	color: #fff !important;
}
.agent__btn:hover:after {
	width: 100%;
	height: 100%;
}

/* Global listing CSS */
.listing {
	margin: 0 -5px !important;
	list-style-type: none !important;
}
.listing__item {
	padding: 0 5px;
}
.listing__link {
	display: block;
	overflow: hidden;
}
.listing__link:before, .listing__link:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.listing__link:before {
	background: url('../../images/single-agent/slick_overlay.png')no-repeat center center/cover;
	z-index: 2;
}
.listing__link:after {
	opacity: 0;
	background: url('../../images/single-agent/slick_overlay2.png')no-repeat center center/cover;
	z-index: 3;
}
.listing__link img {
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.listing__address, .listing__details {
	position: absolute;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 0 30px;
	z-index: 4;
}
.listing__address {
	top: 6.75%;
	font-size: 22px;
	line-height: 1 !important;
	letter-spacing: .05em;
	margin: 0 !important;
	text-transform: uppercase;
}
.listing__address small {
	font-size: 16px !important;
	display: block;
	margin: 5px 0 0;
}
.listing__details {
	bottom: 8.18%;
	transform: translateY(60%);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.listing__price {
	font-size: 30px;
	margin: 0 !important;
}
.listing__details ul {
	display: flex;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.1 !important;
	letter-spacing: .05em;
	text-align: center;
	list-style-type: none !important;
	margin: 5px 0 0 !important;
	opacity: 0;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.listing__details ul li:not(:last-child) {
	margin: 0 25px 0 0;
}
.listing__details ul span {
	display: block;
	text-transform: uppercase;
}
.listing__link:hover:before {
	opacity: 0;
}
.listing__link:hover:after, .listing__link:hover .listing__details ul {
	opacity: 1;
}
.listing__link:hover img {
	transform: scale(1.1);
}
.listing__link:hover .listing__details {
	transform: translateY(0);
}
.listing__prev, .listing__next {
	position: absolute !important;
	top: 50%;
	font-size: 20px;
	font-style: normal !important;
	cursor: pointer;
	transform: translateY(-50%);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.listing__prev {
	left: -30px;
}
.listing__next {
	right: -30px;
}
.listing__prev:hover, .listing__next:hover {
	color: var(--secondary-color);
}

/* BG CSS */
.agent__bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: 1;
}

/* Page CSS */
.customWrap {
	padding: 0 5%;
	position: relative;
	z-index: 2;
}
.agent__sec01 {
	padding: 100px 0;
	position: relative;
}
.agent__sec01 .agent__bg {
	top: -30px;
	height: calc(100% + 300px);
}


.agentInfo {
	display: flex;
	flex-wrap: wrap;
}
.agentInfo__left {
	width: 26.31%;
	margin-top: 10px;
}
.agentInfo__left .customTtl {
	display: none;
}
.agent__networks {
	padding: 0 0 0 7.5%;
	margin: 50px 0 0 !important;
}
.agent__networks p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1 !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin: 0 !important;
}
.agent__networks .sns {
	display: flex;
	margin: 20px 0 0 !important;
	padding: 0;
	list-style-type: none !important;
}
.agent__networks .sns__item:not(:last-child) {
	margin: 0 35px 0 0;
}
.agent__networks .sns__link {
	font-size: 20px;
}

.agentInfo__right {
	/*width: 64.47%;*/
	width: 71.06%;
	margin: 0 0 0 2.63%;
}
.agentInfo__rightInner {
	position: relative;
}
.customTtl {
	color: var(--primary-color);
	font-size: 5vw !important;
	font-weight: 400 !important;
	font-family: var(--PlayfairDisplay);
	text-transform: uppercase;
	/*line-height: .75;*/
	line-height: 1;
	margin: 0 0 30px !important;
	padding: 0 0 30px;
	position: relative;
}
.customTtl small {
	display: block;
	color: var(--secondary-color);
	font-size: 1.875vw !important;
	font-weight: 300;
	font-family: var(--Lato);
	line-height: 1;
	letter-spacing: .1em;
	margin: 20px 0 0;
}
.customTtl small sup {
	top: 0.4vw !important;
}
.customTtl__line {
	position: absolute;
	content: '';
	bottom: 0;
	left: -4.08%;
	width: 42.85%;
	height: 1px;
	background: #e0e0e0;
}
.customTtl__line:after {
	position: absolute;
	content: '';
	height: 3px;
	width: 23.80%;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #e0e0e0;
}
.agentInfo__box {
	width: 49.69%;
}
.agentInfo__box ul {
	list-style-type: none !important;
	padding: 0;
	margin: 0 !important;
}
.agentInfo__box ul:first-of-type {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: .1em;
}
.agentInfo__box ul:last-of-type {
	margin: 30px 0 0 !important;
}
.agentInfo__box ul:last-of-type li:not(:first-child) {
	/*margin: 5px 0 0;*/
	margin: 5px 0 10px;
	line-height: 1.1;
}
.agentInfo__box ul:last-of-type a, .agentInfo__lang {
	display: flex;
	align-items: center;
	color: var(--secondary-color);
	font-size: 16px;
	letter-spacing: .05em;
	margin: 0 5px 0 0;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.agentInfo__box ul:last-of-type img {
	max-width: 17px;
}
.agentInfo__box ul:last-of-type a:hover {
	color: var(--primary-color) !important;
}
.agentInfo__box ul:last-of-type i, .agentInfo__box .icon {
	color: var(--primary-color);
	font-style: normal !important;
	min-width: 30px;
}
.agentInfo__box .ai-font-envelope-f {
	font-size: 12px;
}
.agentInfo__right h6 {
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: .025em;
	margin: 25px 0 5px !important;
}
.agentInfo__right p {
	font-weight: 300 !important;
	margin: 30px 0 0 !important;
}
.agentInfo__right h6 + p {
	margin: 0 !important;
}
.agentInfo__right a.video-popUp {
	position: absolute;
	/*width: 42.85%;*/
	width: 36.85%;
	max-width: 355px;
	/*top: -30px;*/
	top: -80px;
	right: 0;
}

.agent__listingsInner {
	position: relative;
}
.agent__listings h3 {
	font-size: 3vw !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin: 0 0 35px !important;
}

.agent__fp {
	margin: 130px 0 0;
}
.agent__sp {
	margin: 80px 0 0;
}
.agent__sp h3 {
	text-align: right;
}
.agent__listingsInner {
	position: relative;
}

.agent__sec02 {
	position: relative;
	padding: 90px 0;
}
.agent__sec02:before, .agent__sec02:after {
	position: absolute;
	content: '';
	height: 100%;
	top: 0;
	left: 0;
}
.agent__sec02:before {
	width: 100%;
	background: rgba(255,255,255,.9);
	z-index: 2;
}
.agent__sec02:after {
	width: 5%;
	background: rgba(0,0,0,.85);
	z-index: 3;
}
.agent__sec02 .customWrap {
	display: flex;
	flex-wrap: wrap;
	z-index: 3;
}

.agent__reviews {
	width: 40.26%;
	padding: 0 5.26%;
}
.agent__reviews h3 {
	color: var(--primary-color);
	font-size: 3.750vw !important;
	font-weight: 400 !important;
	font-family: var(--PlayfairDisplay);
	line-height: 1 !important;
	margin: 0 !important;
}
.agent__reviews h3 small {
	color: var(--secondary-color);
	text-transform: uppercase;
	font-size: 1.875vw !important;
	font-family: var(--Lato);
	line-height: 1;
	letter-spacing: .1em;
	display: block;
}

.reviews {
	list-style-type: none !important;
	margin: 40px 0 0 !important;
}
.reviews p:not(.reviews__name) {
	margin: 0 !important;
	font-weight: 300;
	line-height: 1.71;
	letter-spacing: .025em;
}
.reviews__name {
	font-size: 18px;
	font-weight: 500 !important;
	text-transform: uppercase;
	letter-spacing: .05em !important;
	display: flex;
	align-items: center;
	margin: 30px 0 0 !important;
}
/*
.reviews__name:before {
	content: '';
	width: 33px;
	height: 30px;
	background: url('../../images/single-agent/quote.png') no-repeat center center/contain;
	margin: 0 15px 0 0;
}
*/
.reviews__links {
	display: flex;
	align-items: center;
	margin: 40px 0 0;
}
.reviews__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 70px;
}
.reviews__nav i {
	font-size: 15px;
	font-style: normal !important;
	padding: 5px;
	margin: 0 -5px 0 0;
	cursor: pointer;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.reviews__prev {
    transform: rotate(180deg);
}
.reviews__btn {
	margin: 0 0 0 35.94% !important;
}
.reviews__nav i:hover {
	color: var(--secondary-color);
}

.agent__git {
	width: 39.47%;
	padding: 70px 5.26%;
	margin: 0 0 0 6.57%;
	background: #fff;
}
.agent__git h3 {
	color: var(--primary-color);
	font-size: 2.250vw !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	line-height: 1 !important;
	letter-spacing: .1em;
	margin: 0 0 25px !important;
}

/* Global form values */
form {
	position: relative;
	width: 100%;
}
.cf {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cf__field:not(:nth-child(-n + 2)) {
	margin: 18px 0 0;
}
.cf__field {
	width: 100%;
}
.cf__field--short {
	width: 48.31% !important;
}
.cf__field input, .cf__field textarea {
	width: 100%;
	height: 42px;
	background: transparent;
	border: none;
	outline: none;
	color: var(--primary-color);
	font-size: 14px;
	line-height: 1;
	letter-spacing: .075em;
	text-transform: uppercase;
	border-bottom: 1px solid #646464;
}
.cf__field textarea {
	resize: none;
	height: 90px !important;
	padding: 0 30px 0 0;
}
 .cf__btn2 input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 0;
	background: transparent;
	border: none;
	outline: none;
}
.cf__btn2 {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0;
	bottom: 15px;
}
.cf__btn2 span {
	font-size: 30px;
	pointer-events: none;
}

.wpcf7-spinner {
    position: absolute;
    right: -30px;
    margin: 0;
}
.wpcf7-response-output {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.cf__btn2:hover span {
	color: var(--secondary-color);
}


/* PopUp CSS */
.pop {
	width: 100%;
    max-width: 590px;
    margin: auto;
    padding: 80px 70px;
    background: url('../../images/pop_bg.jpg')no-repeat center top/cover;
    position: relative;
}
.pop button.mfp-close {
	display: none;
}
.pop__ttl {
	color: var(--primary-color);
	font-size: 52px !important;
	font-weight: 400 !important;
	font-family: var(--PlayfairDisplay);
	line-height: 1 !important;
	margin: 0 0 40px!important;
}
.pop__ttl small {
	display: block;
	color: var(--secondary-color);
	font-size: 25px !important;
	font-weight: 300;
	font-family: var(--Lato);
	letter-spacing: .1em;
	line-height: 1;
	display: block;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.pop__caption {
	text-align: center;
	margin: -10px auto 40px;
}
.pop .popup-modal-dismiss {
    font-size: 20px;
    color: var(--primary-color);
    position: absolute;
    top: 30px;
    right: 20px;
}
.pop .popup-modal-dismiss:hover, .pop .cf__btn2:hover span {
	color: var(--secondary-color);
}
.pop .cf__field:not(:first-child) {
	margin: 40px 0 0;
}
.pop--contact .cf {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pop--contact .pop__ttl {
	text-align: center;
}
.pop--contact .cf__field {
	margin: unset !important;
}
.pop--contact .cf__field:not(:nth-child(-n + 2)) {
	margin: 18px 0 0 !important;
}

.aiosp-wrap .aiosp-container .aios-popup-body {
    min-height: auto;
}

/*.reviews p:not(.reviews__name){
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
}*/

/* Media Queries */
@media only screen and (min-width: 1601px) {
	.customTtl {
		font-size: 80px !important;
	}
	.customTtl small {
		font-size: 30px !important;
	}
}

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

	.agentInfo__box ul:first-of-type {
		font-size: 16px;
	}

}

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

	.agentInfo__box ul:first-of-type {
		font-size: 14px;
	}
	.agentInfo__box ul:last-of-type a, .agentInfo__lang {
		font-size: 13px;
	}

}

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

	.agentInfo__box ul:first-of-type, .agentInfo__box ul:last-of-type a, .agentInfo__lang {
		font-size: 12px;
	}

	.agent__networks .sns__item:not(:last-child) {
	    margin: 0 30px 0 0;
	}

	.listing__address {
	    font-size: 18px;
	}
	.listing__address small {
	    font-size: 12px !important;
	}
	.listing__price {
	    font-size: 25px;
	}
	.listing__details ul {
		font-size: 12px;
	}

	.agent__reviews {
	    width: 50.26%;
	}
	.agent__git {
	    width: 42.47%;
	}

}

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

	.customWrap {
		padding: 0 15px;
	}

	.agent__sec01 {
	    padding: 50px 0;
	}
	.agentInfo {
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	}
	.agentInfo__left {
		width: 100%;
	}
	.agent__photo {
	    width: 100%;
	    max-width: 400px;
	    margin: auto;
	}
	.agentInfo__left .customTtl {
		display: block;
		text-align: center;
	}
	.agentInfo__left .customTtl, .agent__reviews h3, .agent__git h3 {
		font-size: 40px !important;
		padding: 0;
		margin: 50px 0 0 !important;
		line-height: 1.2 !important;
	}
	.agentInfo__left .customTtl small, .agent__reviews h3 small {
		font-size: 20px !important;
	}
	.agent__networks {
		text-align: center;
		padding: 0;
	}
	.agent__networks .sns {
	    justify-content: center;
	}
	.agent__btn {
		margin: 30px auto 0;
	}

	.agentInfo__right {
	    width: 100%;
	    margin: 20px 0 0;
	    text-align: center;
	}
	.agentInfo__right .customTtl, .agent__sec02:after {
		display: none;
	}
	.agentInfo__right .video-popUp,
	.agentInfo__right a.video-popUp {
		position: relative;
		width: 100%;
		max-width: 400px;
		top: unset;
		right: unset;
		margin: 40px auto 0;
		display: block;
	}

	.agentInfo__box {
		width: 100%;
	}
	.agentInfo__box ul:first-of-type {
		font-size: 16px;
	}
	.agentInfo__box ul:first-of-type, .agentInfo__box ul:last-of-type a, .agentInfo__lang {
	    font-size: 14px;
	    justify-content: center;
	}

	.agent__fp {
	    margin: 70px 0 0;
	}
	.agent__listings h3 {
		font-size: 30px !important;
		text-align: center;
	}
	.agent__listingsInner {
	    padding: 0 20px
	}
	.listing__details {
		transform: none;
	}
	.listing__details ul {
		opacity: 1;
	}
	.listing__prev {
		left: -5px;
	}
	.listing__next {
		right: -5px;
	}

	.agent__reviews, .agent__git {
	    width: 100%;
	    max-width: 600px;
	    text-align: center;
	    margin: auto;
	}
	.agent__reviews h3, .agent__git h3 {
		margin-top: 0 !important;
	}
	.reviews__name {
		justify-content: center;
	}
	.reviews__links {
	    justify-content: center;
	    align-items: center;
	    flex-direction: column;
	}
	.reviews__btn {
	    margin: 40px auto 0 !important;
	}

	.agent__git {
		margin: 50px auto 0;
	}

}

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

	.agent__listings h3 {
		font-size: 25px !important;
	}
	.agent__listingsInner {
	    max-width: 400px;
	    margin: auto;
	}

	.cf__field--short {
		width: 100% !important;
	}
	.cf__field {
		margin: 18px 0 0 !important;
	}

	.pop {
	    padding: 70px 30px;
	}
	.pop__ttl small {
		font-size: 19px;
	}

}