/*
 * Template Name: About Us 2
 */


#inner-page-wrapper{
	margin-bottom: 0;
}

#inner-page-wrapper > .container{
	width: 100%;
	padding: 0 0;
}

.ip-banner{
	display: none;
}

#abt-ip{}

.abt-banner{
	clip-path: inset(0 0 0 0);
    -moz-clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: none;
}
.abt-top-img::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 25%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, black, transparent);
    z-index: 1;
    opacity: 0.7;
    pointer-events: none;
}
.abt-banner > div{
	content: '';
	display: block;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 0.55;
	pointer-events: none;
}
.abt-banner canvas{
	display: block;
	width: 100%;
	height: auto;
	min-height: 210px;
	background: #000;
	position: relative;
	z-index: 0;
}
.abt-inner{
	position: relative;
}

.abt-top{
	position: relative;
}
.abt-top-img{
	position: relative;
	z-index: 0;
/*	margin-bottom: 100px;*/
	margin-bottom: 0;
    padding-bottom: 100px;
}
.abt-top-img:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../../images/about/abt-top_fade.png) center bottom no-repeat;
	filter: invert(100%);
	background-size: cover;
}
.abt-top-label{
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: min(0.875vw,14px);
/*	bottom: -60px;*/
	text-align: center;
}
.abt-top-label span{
	display: block;
	/*font-size: 39px;*/
	font-size: 31px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.020em;
	line-height: 1.4;
	color: #c9ae85;
}
.abt-top-label span:not(:first-child){
	border-top: 1px solid #c9ae85;
}
.abt-agents {
    padding: 84px 0 51px;
    background: url(../../images/about/abt-bg_01.jpg) top center no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.agents-top{}
.agents-title{
	text-align: center;
	color: #c9ae85;
	font-family: var(--font-family-title);
	font-size: 60px;
	letter-spacing: .075em;
}
.agents-intro{
	font-size: 19px;
	font-weight: 500;
	line-height: 1.5;
	margin: 16px 0 0;
}
	.agents-intro p {
		margin-bottom: 28px;
		text-align: left;
	}

.agents-items{
	margin: 50px 0 0;
}
.agents-item{
	margin: 40px 0 0;
}
.agents-item:first-child{
	margin: 0 0 0;
}
.agents-item .agents-item-inner{}
.agents-item .agents-photo{}
.agents-item .agents-det{}
.agents-item .agents-name{
	font-family: var(--font-family-title);
	font-size: 60px;
	letter-spacing: 0.075em;
}
	.agents-item .agents-name small {
	    display: block;
	    font-size: 17px;
	    font-weight: 500;
	    letter-spacing: .020em;
	    text-transform: uppercase;
	    font-family: var(--font-family-default);
	    padding: 5px 0;
	}
.agents-item .agents-name:after{
	content:'';
	display: block;
	width: 120px;
	height: 2px;
	background: #c9ae85;
	margin: 7px 0 21px;
	max-height: calc(100% - 15px);
}
.agents-item .agents-position{
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.020em;
	text-transform: uppercase;
}
.agents-item .agents-info{
	margin: 21px 0 0;
}
.agents-item .agents-info > div{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	letter-spacing: 0.040em;
	margin: 11px 0 0;
}
.agents-item .agents-info > div:first-child{
	margin: 0 0 0;
}
.agents-item .agents-info > div i{
	font-size: 0.867em;
	margin: 0 15px 0 0;
}
.agents-item .agents-info > div i.ai-font-envelope-f{
	font-size: 0.667em;
}
.agents-item .agents-desc{
	font-size: 16px;
	line-height: 1.177;
	margin: 36px 0 0;
}
.agents-item .agents-desc p:not(:nth-of-type(1)){
	margin: 19px 0 0;
}

.agents-tpa{
	padding: 50px 0;
}
.tpa-title{}
.tpa-items{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	margin: 37px 0 0;
}
.tpa-item{
	min-width: 213px;
	min-height: 210px;
	background: url(../../images/about/abt-crest.png) center center no-repeat;
	background-size: cover;
	color: #333;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 0 12px;
}
.tpa-item span{
	display: block;
}
.tpa-item span.font-abhaya {
    line-height: 0.85em;
}
.tpa-item span.xlg{}
.tpa-item span.lg{
	font-size: 69px;
}
.tpa-item span.md{
	font-size: 34px;
	letter-spacing: 0;
	margin: 5px 0 0;
}
.tpa-item span.sm{
	font-size: 25px;
}
.tpa-item span.xsm{
	font-size: 20px;
    letter-spacing: 0.050em;
    margin: 5px 0 0;
}
.tpa-item span.xxsm{
	font-size: 16px;
    letter-spacing: 0.050em;
    margin: 5px 0 0;
}
.agents-itn{
	padding: 0 0 50px
}
.itn-container{
	width: 1350px;
}
.itn-inner{}
.itn-title{}
.itn-content{
	position: relative;
	max-width: 1014px;
}
.itn-slide{
	position: relative;
	z-index: 0;
}
.itn-slide.slick-initialized{
	font-size: 0;
}
.itn-single{}
.itn-single-top{}
.itn-single-top a{
	display: block;
	position: relative;
}
.itn-single-top a .itn-single-img{
	background: #000;
}
.itn-single-top a .itn-single-img img{
	opacity: 0.45;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}
.itn-single-top a:hover .itn-single-img img{
	opacity: 0.40;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
}
.itn-single-top a .itn-single-title {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    line-height: 1.25;
    letter-spacing: 0.050em;
    font-family: var(--font-family-title);
    padding: 0 15px 18px;
    font-size: 24px;
}
.itn-single .itn-single-bottom {
    padding: 19px 24px 0;
}
.itn-single .itn-single-desc{
	font-size: 16px;
    line-height: 1.177;
}
.itn-single .itn-single-rm{
	margin: 20px 0 0;
}
.itn-single .itn-single-rm a{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #c9ae85;
	text-transform: uppercase;
	letter-spacing: 0.200em;
}
.itn-single .itn-single-rm a:hover{
	color: #000;
}

.itn-arrows{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}
.itn-arrow{
	pointer-events: auto;
}
.itn-arrow button.slick-hidden{
	display: none !important;
}
.itn-arrow button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	padding: 0 0;
	background: none;
	display: inline-block;
	color: #000;
	font-size: 29px;
}
.itn-arrow button:hover{
	color: #c9ae85;
}
@media only screen and (min-width: 992px) {
	.abt-banner > div{
		max-height: 75vh;
		background-position: center bottom;
	}
	.agents-item{
		margin: 75px 0 0;
	}
	.agents-item .agents-item-inner{
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: center;
	}
	.agents-item:nth-child(even) .agents-item-inner{
		flex-flow: row-reverse wrap
	}
	.agents-item .agents-photo{
		width: 40.263%;
	}
	.agents-item .agents-det{
		width: 59.737%;
	}
	.agents-item .agents-info > div{
		justify-content: flex-start;
	}
	.agents-item .agents-det{
		padding: 13px 0 0 min(4.333vw,65px);
	}
	.agents-item:nth-child(even) .agents-det{
		padding: 13px min(4.333vw,65px) 0 0;
	}
	.agents-tpa{
		padding: 85px 0 120px;
	}
	.agents-itn{
		padding: 0 0 103px
	}
	.itn-container {
	    max-width: calc(100% - 105px);
	}
	.itn-inner {
	    display: flex;
	    flex-flow: row wrap;
	    align-items: center;
	    justify-content: space-between;
	}
	.itn-content{
		max-width: min(73.478vw,1014px);
	}
	.itn-slide:not(.slick-initialized){
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
	.itn-slide:not(.slick-initialized) .itn-single{
		width: calc(100% / 3);
	}
	.itn-slide:not(.slick-initialized) .itn-single:nth-child(n + 4){
		display: none;
	}
	.itn-slide.slick-initialized{
		margin: 0 max(-1vw,-21px);
	}
	.itn-slide.slick-initialized .itn-single{
		/*padding: 0 min(1vw,21px);*/
	}

	.itn-single-top a .itn-single-title {
	    padding: 0 min(1.087vw,15px) min(1.304vw,18px);
	    font-size: min(1.739vw,24px);
	}
	.itn-single .itn-single-bottom {
	    padding: min(1.377vw,19px) min(1.739vw,24px) 0;
	}
	.itn-single .itn-single-desc{
		font-size: min(1.159vw,16px);
	}
	.itn-single .itn-single-rm{
		margin: min(1.449vw,20px) 0 0;
	}
	.itn-single .itn-single-rm a{
		font-size: min(1.159vw,16px);
	}
	.itn-arrows{
		position: absolute;
		z-index: 1;
		top: 0;
		left: max(-3.058vw,-56px);
		right: max(-3.058vw,-56px);
		bottom: 0;
		pointer-events: none;
	}
	.itn-arrow button{
		font-size: min(2.102vw,29px);
	}
}
@media only screen and (max-width: 1199px) {
	.abt-top-label span {
	    /*font-size: 33px;*/
	    font-size: min(2.6vw,31px);
	}
}
@media only screen and (max-width: 991px) {
	.abt-top-label span {
        font-size: 19px;
    }
	.agents-intro {
	    font-size: 17px;
	}
	.agents-item .agents-photo {
	    max-width: 459px;
	    margin: 0 auto;
	}
	.agents-item .agents-det {
	    text-align: center;
	    padding: 30px 0 0;
	}
	.agents-item .agents-name:after {
	    margin: 7px auto 21px;
	}
	.tpa-items{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.tpa-item{
		margin: 30px auto 0
	}
	.tpa-item:first-child{
		margin-top: 0;
	}
	.itn-slide {
	    max-width: 309px;
	    margin: 0 auto;
	}
	.itn-slide:not(.slick-initialized) .itn-single:nth-child(n + 2){
		display: none;
	}
	.itn-arrows {
	    margin: 30px auto 0;
	    max-width: 100px;
	}
}
@media only screen and (max-width: 767px) {
	.abt-top-label span {
        /*font-size: 22px;*/
        font-size: min(2.4vw, 20px);
    }
}

@media only screen and (max-width: 480px) {
	.agents-item .agents-name {
	    font-size: 53px;
	    letter-spacing: 0.020em;
	}
	.itn-single-top a .itn-single-title {
	    font-size: 22px;
	}
}