/*
Theme Name: Agency
Description: MBLM Agency Theme
Version: 1.0
Author: MBLM
Author URI: https://mblm.com/
Tags: HTML5, CSS3

Template: parent
*/


.leader { margin: 15px 0px; }
a.leader:hover .leader-name { text-decoration: underline; }
.leader label { cursor: pointer; }

.clients-matrix .row:first-child .client { border-top-width: 0px; }
.clients-matrix .row:last-child  .client { border-bottom-width: 0px; }
.clients-matrix .client { border-right: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; padding-top: 100%; position:relative; }
.clients-matrix .col:first-child .client, 
.clients-matrix .col-4:first-child .client { border-left-width: 0px; }
.clients-matrix .col:last-child .client,
.clients-matrix .col-4:last-child .client { border-right-width: 0px; }
.clients-matrix .client .logo { position: absolute; top:0; left:0;  height: 100%; width: 100%; display: flex;
	justify-content: center; align-items: center; padding: 15%; }
.clients-matrix .client .logo img { max-width: 120px; width: 100%; height: auto; }

.who-we-are .video-section .video-thumbnail img { width: 100%; }

.landing .platform-band { position: relative; }
.landing .platform-band .platform-text { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); }
.landing .section-header { margin-bottom: 2.5rem; }
.landing .lab-section { display: flex; flex-direction: column; justify-content: space-between !important; }
.landing .lab-section .lab-text { padding: 1rem; background-color: rgba(255, 255, 255, 0.75); }

@media(max-width: 768px) {
	.landing .lab-section { background: none !important; }
}

.service-archive .all-capabilities .capability-col { padding-bottom: 50px !important; position: relative; }
.service-archive .all-capabilities .capability-col .capability-footer { position: absolute; bottom: 16px; }
.service-archive .branding span { background-color: #000; color: #ffffff; width: 59px; height: 59px; padding: .625rem; font-size: 40px; display: block; }

.service-tabs .nav-tabs .nav-link { border-bottom: none; }

.all-capabilities .capability-col { padding: 40px 18px 50px 18px !important; }
.all-capabilities .service-description { background-color: #FFF; padding: 40px 20px !important; font-size: 1.375rem; font-weight: 300; }

.all-capabilities.all-capabilities-glyph { margin-bottom: 60px; }
.all-capabilities .glyph-wrapper-anchor { position: relative; }
.all-capabilities .glyph-wrapper-anchor .glyph-wrapper { height: 60px; width: 60px; position: absolute; font-size: 3rem;  }
.all-capabilities .glyph-wrapper-anchor .glyph-wrapper.glyph-wrapper-right { right: 0; top: -60px; }
.all-capabilities .glyph-wrapper-anchor .glyph-wrapper.glyph-wrapper-left { left: 0; }

.bg-yellow-light { background-color: #FFFDDF !important; }
.bg-yellow-medium { background-color: #FFF880 !important; } 

.case-study-thumb { padding-top: calc(100% * 34/57); position: relative; background-size: cover; background-repeat: no-repeat;
	background-position: center; }

.case-study .body-copy { font: 18px/27px "BentonSansCond", "Helvetica Neue", Arial, sans-serif; }	
.case-study .case-study-hero { width: 100%; height: auto; }
.case-study .sidebar-section:not(:last-of-type) { margin-bottom: 30px; }
.case-study .capability-group:not(:last-of-type) { margin-bottom: 15px; }
.case-study .case-study-video-wrap { line-height: 0; }
.case-study .case-study-video { width: 100%; height: auto; z-index: 0; }
.case-study .accordion-body { overflow: hidden; height: 200px; padding-bottom: 15px; }
.case-study .accordion-shadow { background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%); padding: 0; margin: -100px 0 40px 0; height: 100px; position: relative; }
.case-study .accordion-btn { margin-bottom: 20px; }
.case-study .office-circle { display: inline-block; width: 44px; height: 44px; line-height: 44px; margin: 0 8px 6px 0; border: 1px solid #000; border-radius: 50%; text-align: center; color: inherit; }
.case-study .office-circle:hover,
.case-study .office-circle:focus { text-decoration: none; color: inherit; background-color: #fff200; }
.case-study .sidebar-separator { border-top: 1px solid #dfdfdf; padding-top: 40px; margin-top: 40px; }
@media (min-width: 992px) { 
	.case-study .sidebar-separator { border: none; border-left: 1px solid #dfdfdf;padding: 10px 0 0 40px; margin: 0; }
}

.filter-close::after {
	font-family: 'mblm-interface';
    content: "\e921";
    font-size: 12px;
    position: relative;
    top: 0;
    margin-left: 10px;
}

.our-work-list {
	list-style: none; 
	padding-left: 0px;
}
.our-work-list li {
	margin-top: 4px;
	margin-bottom: 4px;
}

.news-page #platform-select #platform-label { padding-left: 0; }
.news-page #platform-select .form-group { margin-bottom: 0; padding: 1rem; background-color: #F7F7F7 !important; }
.news-page #platform-select .custom-control { margin-bottom: 0; display: block; }
.news-item { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
.news-item .news-image { margin-bottom: 20px; }
@media (min-width: 992px){
	.news-item .news-image { margin-bottom: 0; }
}

.news-item .news-link:hover { text-decoration: unset; }

.news-article {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (max-width: 576px) {
	.row .no-gutter-col-sm {
		padding-left: 0;
		padding-right: 0;	
	}
}


html.no-js.fp-enabled { margin-top: 0 !important; }
#heart-pin { z-index: 500; opacity: 0; }
.center-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#fullpage .panel-content { opacity: 0; z-index: 500; }
#fullpage .panel-content a { color: #FFF; }
#fullpage .panel-content a:hover { color: #FFF; text-decoration: none; }

#fullpage .center-bottom { position: absolute; top: calc(50% + 30px); left: 50%; }
#fullpage .center-bottom-left { position: absolute; top: calc(50% + 30px); right: calc(50% - 30px); }
#fullpage .center-bottom-left img { position: absolute; right: -30px;}
#fullpage .center-bottom-right { position: absolute; top: calc(50% + 30px); left: calc(50% - 30px); }
#fullpage .center-bottom-right img { position: absolute; left: -30px;}

#fullpage .panel-text-background { color: #000; } 
 
#fullpage #panel-1 h2 { margin-top: 20px; }
#fullpage h3.panel-text  { font-size: 1.625rem !important; }
#fullpage .panel-text a { text-decoration: none; color: #fff; }
#fullpage .panel-text a:hover { color: #FFF200; }

#fullpage #panel-2 .panel-text { float: right; }
#fullpage #panel-3 .panel-text { float: left; text-align: right; }
#fullpage #panel-4 .panel-text { float: right; }

#fullpage #panel-1 { background-color: #B7B7B7; }
#fullpage #panel-2 { background-color: #7a7a7a; }
#fullpage #panel-3 { background-color: #4F4F4F; }
#fullpage #panel-4 { background-color: #4F4F4F; }

#fullpage #panel-5 .band { display: flex; flex-flow: column; align-items: stretch; background-color: #F7F7F7; }
/*
#fullpage #panel-5 #gif-container { display: flex; flex-grow: 1; align-items: center; text-align: center; }
#fullpage #panel-5 #gif-container .row { width: 100%; }
#fullpage #panel-5 #gif-container canvas { max-width: 100%; }
*/
#fullpage #panel-5 #gif-container #agency-btn-container { padding-top: 1rem; text-align: center; visibility: hidden; }

@media (min-width: 992px) {
	#fullpage .center-bottom-left { position: absolute; top: calc(50% + 30px); right: calc(50% + 30px); }
	#fullpage .center-bottom-right { position: absolute; top: calc(50% + 30px); left: calc(50% + 30px);  }
	#fullpage .panel-text { width: 400px; }
	#fullpage h3.panel-text  { font-size: 2.25rem !important; }
	#fullpage .center-bottom-right img,
	#fullpage .center-bottom-left img { position: relative; top: auto; right: auto; left: auto;}
}

.carousel-indicators.custom-indicator li {
    border-radius: 50% !important;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
}

.bg-dark .carousel-indicators.custom-indicator .active {
	background-color: #FFF200;
}

.carousel-indicators.custom-indicator .active {
	background-color: #000000;
}

.section-background { background-repeat: no-repeat; background-position: center; background-size: cover; }
@media (min-width: 1200px) {
	body.home .section-background.lab-section { background-size: 1400px; }
}

.offices-single .office-image { height: 560px; }
.offices-single .office-image .img-fluid { max-height: 560px; }
.offices-single .hidden-related-work { display: none; }

.single-leadership .experiences { border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; }
.single-leadership .experiences .experience { border-right: 1px solid #B2B2B2; padding: 20px; display: flex; align-items: center; min-height: 225px; }
.single-leadership .experiences .experience:last-child { border-right: none; }

.our-network .office-name { display: inline-block; }
.our-network .office-glyph { font-size: 2rem; padding-right: 0.5rem; float: left; }
.our-network .office-icon { font-size: 1.5rem; }

.service-detail .band-pagers { height: 250px; }
.service-detail .band-pagers div.h4 { margin-bottom: 0; }
.service-detail .icon-left-pointer { margin-right: .5rem; }
.service-detail .icon-right-pointer { margin-left: .5rem; }
.service-detail .pager-icon-xs { margin-bottom: .5rem; display: block; }
.service-detail .pager-icon-lg.icon-right-pointer { display: none; }

.service-detail .band-bleed { position: relative; background-color: #F7F7F7; }
.service-detail .band-bleed-layer { position: absolute; background-color: #B2B2B2; width: 100%; height: 50%; }
.service-detail .band-bleed-col { min-height: 130px; position: relative; }
.service-detail .band-bleed-content { position: relative; /*top: 50%; transform: translateY(-50%);*/ height: 100%; }
.service-detail .band-bleed-content .arrow { position: relative; font-family: BentonSansCond; font-weight: 200; font-size: 26px; line-height: 20px; }
.service-detail .band-bleed-content .content { font-family: BentonSansCond; font-weight: 700; }
.service-detail .band-bleed-content .arrow-precede,
.service-detail .band-bleed-content .content-precede { padding-left: 40px; }
.service-detail .band-bleed-content .arrow-proceed,
.service-detail .band-bleed-content .content-proceed { padding-right: 40px; }
.service-detail .band-bleed-content .arrow-precede::before,
.service-detail .band-bleed-content .arrow-proceed::after { width: 20px; height: 20px; top: 0; position: absolute; content: ''; background-image: url(''); background-size: 100%; }
.service-detail .band-bleed-content .arrow-precede::before { left: 0; background-image: url('imgs/services/arrow-left-white.png'); }
.service-detail .band-bleed-content .arrow-proceed::after { right: 0; background-image: url('imgs/services/arrow-right-black.png'); }
.service-detail .band-bleed-content a { display: block; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; }
.service-detail .band-bleed-content a:hover,
.service-detail .band-bleed-content a:focus { text-decoration: none; }
.service-detail .service-icon { background-color: #FFF200; width: 60px; height: 60px; margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; }
.service-detail .service-icon img { width: 35px; height: auto; }
.service-detail .breadcrumb-new { font-weight: 500; }
.service-detail .breadcrumb-new .breadcrumb-item { font-size: 18px; }
.service-detail .breadcrumb-new .breadcrumb-item::after { font-weight: 400; }
.service-detail .related-subservice-title { font-size: 22px; margin-bottom: 10px; }
.service-detail .contact-from-title { font-size: 22px; font-weight: 500; margin-bottom: 40px; }

/* hero slider */
.service-detail .hero-slider { margin: 20px 0 40px 0; }
.service-detail .hero-slider .slick-slide { margin: 0; }
.service-detail .hero-slider .slick-slide, .service-detail .hero-slider .slick-slide:focus { outline: none; }
.service-detail .hero-slider .slick-dots { position: absolute; display: block; width: 100%; padding: 0; margin: 15px 0 0 0; list-style: none; text-align: center; }
.service-detail .hero-slider .slick-dots li { position: relative; display: inline-block; width: 25px; height: 25px; margin: 0 3px; padding: 0; cursor: pointer; }
.service-detail .hero-slider .slick-dots li:first-child { margin-left: 0; }
.service-detail .hero-slider .slick-dots li:before { display: none; }
.service-detail .hero-slider .slick-dots li button { font-size: 0; line-height: 0; width: 11px; height: 11px; padding: 0; display: inline-block; background: rgba(178, 178, 178, 1); border: 1px solid rgba(178, 178, 178, 1); outline: none; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
.service-detail .hero-slider .slick-dots li.slick-active button { background: rgba(255, 242, 0, 1); border-color: rgba(255, 242, 0, 1); }
.service-detail .hero-slider .slick-control { position: relative; }
.service-detail .hero-slider .slick-arrow { position: absolute; bottom: -40px; z-index: 5; display: inline-block; width: 20px; height: 20px; cursor: pointer; }
.service-detail .hero-slider .slick-prev { left: 20px; border-top: 1px solid rgba(178, 178, 178, 1); border-left: 1px solid rgba(178, 178, 178, 1); transform: rotate(-45deg); }
.service-detail .hero-slider .slick-next { right: 20px; border-top: 1px solid rgba(178, 178, 178, 1); border-right: 1px solid rgba(178, 178, 178, 1); transform: rotate(45deg); }
.service-detail .hero-slider .slick-slider { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; -khtml-user-select: text; }
.service-detail .hero-slider .slick-list.draggable { cursor: -webkit-grab; }
.service-detail .slick-list.draggable:active { cursor: -webkit-grabbing; }
.service-detail .slick-slide img { pointer-events: none; }

@media(min-width: 992px){
	.service-detail .pager-icon-xs { margin-bottom: 0; display: inline-block; }
	.service-detail .pager-icon-xs.icon-right-pointer { display: none; }
	.service-detail .pager-icon-lg.icon-right-pointer { display: inline-block; }
}

@media (min-width: 768px) {
    .service-detail .band-bleed-layer { width: 50%; height: 100%; } 
}

@media (max-width: 767px) {
    .hero-slider .container { padding-left: 0; padding-right: 0; } 
}
				
@media(min-width: 992px) {
	.service-category { background-color: #f7f7f7!important; }
	.service-category .content-wrapper { padding: 1.5rem!important; background-color: #fff; }
	.service-category .diagram-io { position: relative; margin: 40px 0 140px 0; }
	.service-category .diagram-input { position: absolute; top: 15px; left: 0; width: 265px; }
	.service-category .diagram-output { position: absolute; bottom: -80px; right: 0; width: 265px; }
}

@media(min-width: 576px) {
	.service-detail .hero-slider .slick-prev { left: 5px; }
	.service-detail .hero-slider .slick-next { right: 5px; }
}

body.page-template-page-purpose { background-color: #000; }
#purpose #purpose-fullpage .section { text-align: center; }
#purpose #purpose-fullpage .section .container,
#purpose #purpose-fullpage .section .row { height: 100%; width: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; }
#purpose #purpose-fullpage .fp-section { width: 100%!important; position: absolute; left: 0; top: 0; background-color: #000 !important; }
#purpose #purpose-fullpage .fp-section.active { z-index: 1000; }
#purpose #purpose-fullpage .fp-section.black * { color: #fff !important; }
#purpose #purpose-fullpage .fp-section:not(:first-child) { transition: all 1s; }
#purpose #purpose-fullpage .fp-section.active.white { background-color: #fff !important; }
#purpose #purpose-fullpage .fp-section .text { opacity: 0; transition: all 2s; }
#purpose #purpose-fullpage .fp-section.active .text { opacity: 1; }

@media(min-width: 992px){
	#purpose #purpose-fullpage .section .row { flex-direction: row; }
	#purpose #purpose-fullpage .section { text-align: left; }	
}

.service-profile {
  font-size: 1.125rem;
  line-height: 1.875;
  color: #666;
}


#service-profile-2 .related-experience:not(:last-child) { border-right: 1px solid #B2B2B2; }
#service-profile-2 .service-profile-description { background-color: #F9F9FB; font-size: 18px; line-height: 30px; color: #666666; }
#service-profile-2 .matrix .row:not(:last-child) { border-bottom: 1px solid #B2B2B2; }
#service-profile-2 .matrix .cell { display: flex; justify-content: center; align-items: center; }
#service-profile-2 .matrix .cell .img-outer { position: relative; width: 100%; padding-top: 100%; }
#service-profile-2 .matrix .cell .img-outer .img-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#service-profile-2 .matrix.matrix-xs .cell { flex: 0 0 calc(100%/3); max-width: calc(100%/3); }
#service-profile-2 .matrix.matrix-xs .cell:not(:nth-child(3n)) { border-right: 1px solid #B2B2B2; }
#service-profile-2 .matrix.matrix-lg .cell { flex: 0 0 calc(100%/5); max-width: calc(100%/5); }
#service-profile-2 .matrix.matrix-lg .cell:not(:nth-child(5n)) { border-right: 1px solid #B2B2B2; }

#service-profile-3 .related-experience:not(:last-child) { border-right: 1px solid #B2B2B2; }
#service-profile-3 .service-profile-description-container { background-color: #F9F9FB; }
#service-profile-3 .service-profile-description-container .fp-tableCell { vertical-align: top; }
#service-profile-3 .service-profile-description { font-size: 18px; line-height: 30px; color: #666666; }
#service-profile-3 .service-profile-description hr { width: 200px; margin: 40px auto; border-color: #000; }
#service-profile-3 .service-profile-description .award-tile { color: #000; float: left; margin-bottom: 40px; }
#service-profile-3 .service-profile-description .award-tile a,
#service-profile-3 .service-profile-description .award-tile a:hover,
#service-profile-3 .service-profile-description .award-tile a:focus { text-decoration: none; }
#service-profile-3 .service-profile-description .award-tile .award-image { margin-bottom: 10px; }
#service-profile-3 .service-profile-description .award-tile .award-title { font-family: BentonSansCond; font-size: 18px; line-height: 24px; font-weight: 700; }
#service-profile-3 .service-profile-description .award-tile .award-body { font-family: BentonSansCond; font-size: 16px; line-height: 24px; font-weight: 400; }
#service-profile-3 .service-profile-related { background-color: #F9F9FB; }
#service-profile-3 .matrix .row:not(:last-child) { border-bottom: 1px solid #B2B2B2; }
#service-profile-3 .matrix .cell { display: flex; justify-content: center; align-items: center; }
#service-profile-3 .matrix .cell .img-outer { position: relative; width: 100%; padding-top: 100%; }
#service-profile-3 .matrix .cell .img-outer .img-inner { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; padding: 15%; }
#service-profile-3 .matrix.matrix-xs .cell { flex: 0 0 calc(100%/3); max-width: calc(100%/3); }
#service-profile-3 .matrix.matrix-xs .cell:not(:nth-child(3n)) { border-right: 1px solid #B2B2B2; }
#service-profile-3 .matrix.matrix-lg .cell { flex: 0 0 calc(100%/5); max-width: calc(100%/5); }
#service-profile-3 .matrix.matrix-lg .cell:not(:nth-child(5n)) { border-right: 1px solid #B2B2B2; }
#service-profile-3 .contact-from-title { font-size: 22px; font-weight: 500; margin-bottom: 40px; }

/* Added by Harka */
.single-offices h4{padding-top:22px}
.single-offices .card.leader{margin-top:0}
.cta-wrap{margin-bottom:30px}
.cta-wrap.form-opened{margin-bottom:10px}
.cta-wrap .btn{width: 165px;height: 40px;line-height: 1.6}
.contact-form-row{background-color: #f7f7f7;margin-bottom:60px;padding-top:63px;padding-bottom:50px}
.contact-form-row .hs-form .hs-form-field{margin-bottom:23px}
.contact-form-row .hs-form .hs-form-field>label{font-weight:400;font-size:1rem;margin-bottom:7px}
.contact-form-row .hs-form input[type=text],.contact-form-row .hs-form input[type=email] {height:47px}
.contact-form-row .hs-form textarea{height:115px}
.contact-form-row .btn{height:40px;min-width:100px;line-height:1.6}
.contact-form-row a{text-decoration: underline;}
.contact-form-row a:hover{text-decoration: none;}
.contact-form-row .hs-form .actions{padding-top:10px}
.contact-form-row .submitted-message p{font-size:24px}
.contact-form-row .submitted-message p strong{display:block;margin-bottom:5px}
.contact-form-row .submitted-message p a {text-align:center;margin-top:15px;width:95px;color:#fff;text-decoration:none;display:block;background-color: #000;padding:5px 20px;font-size:16px;transition:all .3s}
.contact-form-row .submitted-message p a:hover{opacity: .8;}
@media (min-width: 576px) {
	.contact-form-row .hs-form .hs-form-field.hs-firstname{width:calc(50% - 15px);margin-right:15px;display:inline-block;}
	.contact-form-row .hs-form .hs-form-field.hs-lastname{width:calc(50% - 15px);margin-left:15px;display:inline-block;}
}


/* Landing Page 2 */
#landing-2 hr { margin: 30px 0; }
#landing-2 #slide {overflow: hidden; }
#landing-2 #slide video { min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#landing-2 #slide-content { display: inline-block; position: static; }
#landing-2 #slide-content #slide-title-wrapper { position: absolute; bottom: 0; right: 0; left: 0; text-align: left; white-space: nowrap; }
#landing-2 #slide-content #slide-title-inner { position: relative; padding: 35px; background-color: rgba(255, 255, 255, 0.75); }

#landing-2 #slide-content #slide-btn { border-radius: 5px; padding: 15px 25px; font-family: BentonSansCond; font-size: 27px; font-weight: 300;  }
#landing-2 #slide-content #slide-btn .icon { margin-left: 10px; font-size: 20px; }
@media(min-width: 768px) {
	#landing-2 #slide-content { position: relative; }
    #landing-2 #slide-content #slide-title-wrapper { top: 100%; bottom: auto; right: auto; left: 50%;  }
	#landing-2 #slide-content #slide-title-inner { position: relative; }
	#landing-2 #slide-content #slide-btn {  position: absolute; top: calc(100% - 30px); left: 50%; }
	#landing-2 #slide-content .panel-text-background { margin: 0; }
}
.fp-scroller {
  overflow:hidden;
}
/* End */


/* Added by Harka for contact page form */
.band-slim .submitted-message p strong {display:block;}
.band-slim .submitted-message p a {display: none;}


/* quilt part */
.quilt { background-color: #000; }
.quilt .quilt-item { overflow: hidden; transition: all .3s; padding-top: 100%; display: block; position: relative; background-position: center; background-size: 100%; background-repeat: no-repeat; }
.quilt .quilt-item:hover .quilt-bg { transform: translate(-50%, -50%) scale(1.075); }
.quilt .quilt-item:after { content: ''; display: block; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: background-color .3s; }
.quilt .quilt-item:hover:after { background-color: rgba(0, 0, 0, 0.8); }
.quilt .quilt-item .quilt-bg { transition: all .3s; position: absolute; top: 50%; left: 50%; min-width: 100%; transform: translate(-50%, -50%); }
.quilt .quilt-item .quilt-logo { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }