/* Styles ported from assets/css/template-agents.css to work inside agents-templates */

/* .hdr-logo img { filter: invert(1); } */
/* nav.header-nav ul#nav > li > a { color: #000; }
header.main-header.show-fixed .hdr-logo img { filter: unset; }
header.main-header.show-fixed nav.header-nav ul#nav > li > a { color: #fff; } */
header.main-header {
    background: var(--primary) !important;
}

.ip-banner { display: none; }
.ip-custom-banner { position: relative; width: 100%; display: none; }
.ip-custom-banner::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,.6); }
.ip-custom-banner canvas { display: block; position: relative; z-index: 0; width: 100%; min-height: 250px; background-color: var(--dark); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.ip-custom-breadcrumbs { position: relative; margin: 0 auto; margin-top: 0; z-index: 3; color: #000; font-size: 14px; padding: 20px 15px 50px; }
.ip-custom-breadcrumbs #breadcrumbs { color: #000; }
.ip-custom-breadcrumbs #breadcrumbs a { color: #68737a; }
.ip-custom-breadcrumbs #breadcrumbs a:hover { color: #68737a; }

#inner-page-wrapper { margin-bottom: 0; font-size: 0; z-index: unset; padding-top: 130px; }
#inner-page-wrapper > .container { width: 100%; padding: 0; }

.canvas-img { position: relative; }
.canvas-img canvas { width: 100%; height: auto; display: block; }
.canvas-img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }


.out-cont { width: 100%; display: block; position: relative; }
.out-cont p { line-height: 2; letter-spacing: .012em; margin: 0 0 .94vw; font-size: 14px; font-family: var(--font-family-default); color: #000; font-weight: 400; padding: 0 70px; }

.section-inner { width: 100%; max-width: 1300px; margin: 0 auto; position: relative; }

.flex-wrap { display: flex; justify-content: center; align-items: flex-start; gap: 65px; padding: 50px 0; }
.flex-start { align-items: flex-start; }

.global-title { margin-bottom: 30px !important; display: block; }
.flex-wrap .global-title span { font-size: 52px; }
.global-title i { font-style: normal; position: relative; padding-bottom: 20px; margin-bottom: 30px; display: inline-block; }
.global-title i::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #cccccc; content: ""; }

#team-section-one .section-inner p { padding: 0 70px; }
#team-section-one .global-title.is-center { max-width: fit-content; margin: 0 64px; }

.section-inner .team-list-wrap:nth-child(even) { flex-flow: row-reverse; }

.team-main-wrap { position: relative; display: block; width: 100%; padding: 30px 0; }

.team-content { display: block; position: relative; width: 55%; }
.team-content ul { display: block; }
.team-content ul li { display: flex; align-items: flex-start; }
.team-content ul li i { margin-right: 10px; color: #808080; font-size: 9px; width: 10px; position: relative; display: block; width: 15px; height: 15px; margin-top: 8px; text-align: left; }
.team-content ul li i::after { position: absolute; width: 15px; height: 100%; left: -3px; right: 0; border: 1px solid #808080; content: ""; top: -3px; border-radius: 50%; }

.team-img { text-align: center; width: 45%; position: relative; }
.team-img img { width: 100%; }

.agent-list-wrap { display: flex; justify-content: center; align-items: center; position: relative; margin-left: -50px; margin-right: -50px; padding: 20px 0; flex-flow: wrap; }
.agent-list-wrap .agent-list { position: relative; width: 20%; display: block; padding: 0 50px; margin: 15px 0; }
.agent-list-wrap .agent-list a { width: 100%; display: block; position: relative; }
.agent-list-wrap .agent-list a .agent-photo::before { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); content: ""; z-index: 1; opacity: 0; transition: var(--default-transition); left: 0; }
.agent-list-wrap .agent-list a:hover .agent-photo { transition: var(--default-transition); filter: grayscale(1); }
.agent-list-wrap .agent-list a:hover .agent-photo::before { opacity: 1; }
.agent-list-wrap .agent-list a .agent-info-wrap { width: 100%; display: block; position: relative; padding: 20px 10px; }
.agent-list-wrap .agent-list a .agent-info-wrap .agent-info { width: 100%; display: block; position: relative; padding: 0 10px; border-left: 1px solid #808080; }
.agent-list-wrap .agent-list a .agent-info-wrap .agent-info .a-name { display: block; font-size: 18px; color: #000; font-weight: 400; padding-bottom: 5px; }
.agent-list-wrap .agent-list a .agent-info-wrap .agent-info .a-pos { font-size: 13px; color: #000; font-weight: 200; }

@media only screen and (min-width: 992px) { .ip-banner canvas { height: 7.5625vw; } .section-inner { max-width: max(83.125vw, 600px); } }

@media only screen and (max-width: 991px) {
	#inner-page-wrapper { padding-top: 0; }
	.out-cont p { padding: 0 15px; }
	#team-section-one .global-title.is-center { margin: 0 auto; }
	.hdr-logo img { filter: unset; }
	.ip-custom-breadcrumbs { padding: 30px 15px 40px; }
	.flex-wrap, .section-inner .team-list-wrap:nth-child(even) { gap: 10px; flex-flow: column; }
	.team-content, .team-img { width: 100%; max-width: 680px; margin: 15px auto; padding: 0; }
	.team-main-wrap { text-align: center; padding: 20px 15px !important; }
	#team-section-one .section-inner p { padding: 0; }
	.agent-list-wrap .agent-list { width: 100%; max-width: 480px; margin: 15px auto; }
	.agent-list-wrap { flex-flow: column; }
}

@media only screen and (max-width: 480px) { .global-title span { font-size: 35px !important; } }