/*
Theme Name: Be Shaping The Future
Theme URI: http://www.alivewithideas.com
Author: Alive With Ideas
Author URI: http://www.alivewithideas.com
Description: Be Shaping The Future website theme
Version: 1.0
Text Domain: awi
*/

@font-face { font-family: 'be-icons'; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype'); font-weight: normal; font-style: normal; font-display: block; }
.be-icon,
.slick-arrow:before,
#main-nav-menu a[data-toggle="collapse"]:after,
.be-tick-list li:before,
.be-collapse-toggle:after,
.cat-nav-btn:after { font-family: 'be-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.be-icon-menu:before { content: "\e900"; }
.be-icon-close:before { content: "\e901"; }
.be-icon-search:before { content: "\e902"; }
.be-icon-chevron-up:before { content: "\e903"; }
.be-icon-chevron-down:before { content: "\e904"; }
.be-icon-chevron-left:before { content: "\e905"; }
.be-icon-chevron-right:before { content: "\e906"; }
.be-icon-chevron-circle-right:before { content: "\e907"; }
.be-icon-chevron-circle-left:before { content: "\e908"; }
.be-icon-tick:before { content: "\e909"; }

html { scroll-behavior: smooth; }
body { font-family: 'Chivo', sans-serif; color: #2e2630; }

h1, h2, h3 { font-family: 'PT Serif', serif; font-weight: 700; }
h1 { font-size: 2.25rem; }
h2 { font-size: 2.25rem; } 
h3 { font-size: 1.75rem; } 
h4 { font-size: 1.45rem; } 
h1 > span, h2 > span, h3 > span { color: #f30d48; }

h4.pre-title { font-weight: 700; margin: 0 0 1rem 0; font-size: 1.45rem; }

@media (min-width: 768px) {	
	html { font-size: 18px; }
	h1 { font-size: 4rem; }
	h2 { font-size: 3rem; } 
	h3 { font-size: 2.25rem; } 
}

@media (min-width: 1500px) {	
	.container { max-width: 1200px; }
}

a, a:visited, a:hover { color: #2e2630; }

.breadcrumb { background: none; border-radius: 0; padding: 0; font-size: 0.78rem; margin: 0 0 2rem 0; color: #2e2630; }
.breadcrumb-item + .breadcrumb-item::before { content : ">"; color: #2e2630; }
.breadcrumb-item.active { color: #2e2630; }
.breadcrumb a { font-weight: 400; }

#header { padding: 2rem 0 1rem 0; position: fixed; top: 0; z-index: 1000; width: 100%; }
#header.scrolled { padding: 0.75rem 0; }

.be-logo-link { max-width: 100%; width: 125px; display: block; margin: 1rem 0; }
.be-logo-link img { width: 100%; max-width: 100%; height: auto; }

@media (min-width: 1200px) {	
	.be-logo-link { width: 50%; }
	#header.scrolled .be-logo-link { width: 36%; }
}

.menu-control, #search-control { background: none; border: none; font-size: 1.6rem; }
.menu-close { color : #fff; }

.menu-open {
	color: #2d262f;
	cursor: pointer;
} 

.menu-close {
	cursor: pointer;
}

#search-control {
	margin: 0 2rem 0 0;
	cursor: pointer;
}

body.home #header .menu-open, body.home #header #search-control { color: #fff; } 
body.home #header svg .st0 { fill: #fff; } 
body.home #header.scrolled .menu-open, body.home #header.scrolled #search-control { color: #2d262f; } 
body.home #header.scrolled svg .st0 { fill: #2d262f; } 
body:not(.home) #header, #header.scrolled { background: #fff; }
#header.scrolled { border-bottom: 1px solid #707070; }

#search-container { display: inline-block; border: 1px solid #2d262f; background: #fff; border-radius: 0.5rem; z-index: -1; display: none; opacity: 0; transition: 0.5s ease-in-out; }
#search-container.show { opacity: 1; z-index: 1; max-height: 75px; display: block; position: fixed; left: 15px; right: 15px; top: 120px; }


#searchform { padding: 0.5rem 0.75rem 0.5rem 1rem; }
#searchform .input-group { margin: 0; }
#searchform .form-control { padding: 0; height: auto; /* width: 300px; */ }
#searchform button { font-size: 1.6rem; border: none; background: transparent; margin: 0 0 0 .5rem; }

body:not(.home) #main { margin-top: 135px; } 
@media (min-width: 576px) {	
	#search-container.show { transform: translateX(47px); position: relative; left: auto; right: auto; top: auto; width: 320px; }
}	
@media (min-width: 1200px) {	
	body:not(.home) #main { margin-top: 175px; } 
}

#main-nav { overflow-y: auto; background: #060a6b; color: #fff; padding: 2rem 0 3rem 0; position: fixed; top: 0; height: 100vh; width: 100%; z-index: 3000; transform: translateY(-100%); transition: transform 0.5s ease-in-out; }
#main-nav.menu-show { transform: translateY(0); }
#main-nav-menu { list-style : none; margin: 2rem 0 0 0; padding: 0; }
#main-nav-menu a, #main-nav-menu a:visited { color: #fff; }
#main-nav-menu a[data-toggle="collapse"] { position: relative; }
#main-nav-menu a[data-toggle="collapse"]:after { content: "\e903"; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); }
#main-nav-menu a[data-toggle="collapse"].collapsed:after { content: "\e904"; }
#main-nav-menu > li { margin: 0; padding: 0; }
#main-nav-menu > li > a { font-family: 'PT Serif', serif; font-weight: 700; font-size: 1.25rem; display: block;  padding: 1rem 3rem 1rem 1rem; }
#main-nav-menu > li:not(:first-child) > a { border-top: 1px solid #fff; }
#main-nav-menu > li > a:hover { background: #fff; color: #060a6b; text-decoration: none; }
#main-nav-menu > li > ul { list-style: none; margin: 0; padding: 0 1rem; border-top: 1px solid #fff; }
#main-nav-menu > li > ul > li { margin: 1rem 0; }
#main-nav-menu > li > ul > li > a { font-size: 1.15rem; }

@media (min-width: 576px) {	
	#main-nav-menu > li > a { font-size: 2rem; }	
	#main-nav-menu > li > ul > li > a { font-size: 1.5rem; }
}	

#footer { padding-top: 3rem; }
#footer .be-logo-link { /* width: 125px; */ margin: 0 0 2rem 0; }
footer { padding: 2rem 0; border-top: 1px solid #2d262f; /* text-align: center; */ margin-top: 2rem; font-size: 0.777rem; }

#footer-upper h4 { font-weight: 700; font-size: 1.175rem; margin: 0 0 1rem 0; }
#footer-upper address { }
.footer-menu { list-style: none; margin: 0; padding: 0; }
.footer-menu > li { margin: 0 0 1rem 0; padding: 0; }

#footer-upper .footer-menu + h4 { margin-top: 2rem; }

.footer-links { list-style: none; margin: 0 0 1rem 0; padding: 0; }
.footer-links li { display: inline-block; padding: 0; margin: 0 0 0.25rem 0; white-space: nowrap; }
.footer-links li a { }
.footer-links li:after { content: "|"; margin: 0 0.5rem; }
.footer-links li:last-child:after { content: ""; margin: 0; }

@media (min-width: 1200px) {	
	#footer-copy { text-align: right; }
}

.form-group { margin: 0 0 3rem 0; }
.form-group label em { color: #f30d48; }
input.form-control, select.form-control { border-width: 0 0 1px 0; border-radius: 0; border-style: solid; border-color: #2d262f; }
textarea.form-control { border: 1px solid #2d262f; border-radius: 1rem; }
.form-text { margin: 0.75rem 0 0 0; color: #f30d48; font-size: 0.9rem; font-weight: 700; }
.form-group.hu3 { position: absolute; left: -4000px; }

select{ scrollbar-width: none; /*For Firefox*/; -ms-overflow-style: none;  /*For Internet Explorer 10+*/; }
select:-webkit-scrollbar { /*For WebKit Browsers*/ width: 0; height: 0; }
.checkbox label { position: relative; padding: 0 0 0 2rem; }
input[type="checkbox"] { position: absolute; top: 5px; left: 0; }

.bg-grey { background: #f4f4f4; color: #2e2630; }
.bg-blue { background: #060a6b; color: #fff; }
.bg-white { background: #fff; color: #2e2630;  }
.bg-blue-2 { background: #31006B; color: #fff; }

a[class^='be-link'], button[class^='be-link'], p[class^='be-link'] { margin: 0 auto 0 0; text-transform: uppercase; font-weight: 700; border: none; color: #2e2630; border-bottom: 3px solid #2e2630; padding: 0 0 3px 0; text-decoration: none; transition: all .3s ease; display: inline-block; background: none; }
a[class^='be-link']:hover, button[class^='be-link']:hover { opacity: 0.5; }
a.be-link-w, button.be-link-w, p.be-link-w { border-bottom-color: #fff; color: #fff; }

.pcb { margin: 3rem 0; position: relative; }
.pcb:first-of-type { margin-top: 0; }
.pcb:last-of-type { margin-bottom: 0; }
.pcb.pcb-video-hero { margin: 0; padding-top: 10rem; }

.pcb.bg-video { margin: 0; }
.pcb.bg-grey { background: #f4f4f4; color: #2e2630; margin: 0; padding: 3rem 0; }
.pcb.bg-blue { background: #060a6b; color: #fff; margin: 0; }
.pcb.bg-blue-2 { margin: 0; }
.pcb.bg-white { background: #fff; color: #2e2630;  }

@media (min-width: 768px) {	
	.pcb { margin: 4rem 0; }
	.pcb.pcb-video-hero { margin: 0; padding-top: 4rem; }
}	
@media (min-width: 992px) {	
	.pcb { margin: 5rem 0; }
	.pcb.bg-grey { padding: 4rem 0; }
}	
@media (min-width: 1200px) {	
	.pcb { margin: 6rem 0; }
	.pcb.bg-grey { padding: 5rem 0; }
}	

.article-card-wrapper { height: 100%; }
.card.article-card { width: 100%; height: 100%; }
.card.article-card img.card-img-top { border-radius: 1rem 1rem 0 0; }
.card.article-card { border-radius: 1rem; border: 1px solid #2d262f; }
.card.article-card .card-body { padding: 1.5rem; }
.card.article-card h4 { font-weight: 700; font-family: 'PT Serif', serif; font-size: 1.25rem; }
.card.article-card p { text-transform: uppercase; }
.card.article-card .card-footer { background: none; border: none; border-radius: 0; padding: 0 1.5rem 1.5rem 1.5rem; }

.article-list { margin: 0 0 3rem 0; }
.article-list .article-card-wrapper { padding: 15px 0; }
#article-list-more { text-align: center; margin: 2rem 0 0 0; }

@media (min-width: 576px) {	
 .card.article-card h4 { font-size: 1.575rem; }	
 .card.article-card .card-footer { padding: 0 1.5rem 1.75rem 1.5rem; }
 .article-list { margin: 0 0 5rem 0; }
 #article-list-more { margin: 3rem 0 0 0; }
}	

.cat-nav-wrapper { position: relative; box-sizing: border-box; margin: 0 0 2rem 0; }
.cat-nav { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; position: relative; font-size: 0; }
.js .cat-nav { -ms-overflow-style: -ms-autohiding-scrollbar; scrollbar-width: none; }
.js .cat-nav::-webkit-scrollbar { display: none; }
.cat-nav-contents { padding-right: 5rem; float: left; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; position: relative; }
.cat-nav-contents-no-transition { -webkit-transition: none; transition: none; }
.cat-nav-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  font-size: 0.825rem;  
  font-weight: 500;
  padding: 0 0.25rem;
}
.cat-nav-link:first-of-type { padding-left: 0; }
.cat-nav-link:last-of-type { padding-right: 0; }        
.cat-nav-link a { background: #fff; color: #000; padding: 0.5rem 1rem; }
.cat-nav-link.current a, .cat-nav-link a:hover { text-decoration: none; color: #fff; background: #000; } 

.cat-nav-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; padding: 0; border: 0; display: none; position: absolute; top: 0; bottom: 0; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; width: 5rem; }
.cat-nav-btn:after { position: absolute; top: 50%; transform: translateY(-50%); font-size: 2rem; }
.cat-nav-btn:focus { outline: 0; }
.cat-nav-btn:hover { cursor: pointer; }
.cat-nav-btn-left { left: 0; background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%); }
.cat-nav-btn-left:after { content: "\e908"; left: 0; }
.cat-nav-btn-right { right: 0; background-image: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%); }
.cat-nav-btn-right:after { content: "\e907"; right: 0; }
[data-overflowing="both"] ~ .cat-nav-btn-left, [data-overflowing="left"] ~ .cat-nav-btn-left { opacity: 1; display: block; }
[data-overflowing="both"] ~ .cat-nav-btn-right, [data-overflowing="right"] ~ .cat-nav-btn-right { opacity: 1; display: block; }

.pcb-page-title p { margin: 0; font-size: 1.175rem; }
.pcb-page-title p + p { margin-top: 1rem; }
.pcb-page-title p:first-of-type { font-weight: 700; }

.title-divider { border-left: 1px solid #2d262f; height: 100%; }

.be-list { list-style: none; margin: 0; padding: 0; }
.be-list > li, .be-grid-item { border-top: 1px solid #2d262f; }

.be-list-content { padding: 0 3rem 1rem 0; }
.be-list-content-intro { font-weight: 700; }

.be-collapse-toggle { padding: 2rem 3rem 1rem 0; position: relative; display: flex; color: #2e2630; } 
.be-collapse-toggle:hover { color: #2e2630; text-decoration: none; }
.be-collapse-toggle-icon { width: 20%; text-align: center; padding: 0 15px 0 0; } 
.be-collapse-toggle-icon img { width: 100%; max-width: 70px; margin: 0 auto; }
.be-collapse-toggle h3 { margin: 0; width: 80%; font-size: 2.1rem; }
a.be-collapse-toggle:after { content: "\e903"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
a.be-collapse-toggle.collapsed:after { content: "\e904";  }

@media (max-width: 768px) {
	.be-collapse-toggle {
		align-items: center;
	}
	.be-collapse-toggle h3 {
		font-size: 22px;
	}
}

.be-grid .be-link { margin: 1rem 0; }

@media (min-width: 768px) {	
	.be-collapse-toggle-icon { width: 20%; padding: 0 30px 0 0;} 
	.be-list-content { padding: 0 100px 1rem 94px; }
}	
@media (min-width: 992px) {	
	.be-grid .be-grid-item { padding-bottom: 2rem; }
	.be-grid .be-grid-item .collapse, .be-grid .be-grid-item .collapsing { display: block; height: auto; }
	.be-grid .be-grid-item .be-collapse-toggle { padding: 2rem 50px 1rem 0; }
	.be-grid .be-grid-item .be-collapse-toggle:hover { cursor: default; text-decoration: none; }
	.be-grid .be-grid-item .be-collapse-toggle:after { content: ""; }		
}
@media (min-width: 1200px) {	
	.be-collapse-toggle { padding: 2rem 100px 1rem 0;	}	
}

.pcb-contact { margin-bottom: 6rem; }	
.pcb-contact h3 { margin: 0 0 2rem 0; }
.contact-info { margin: 0 0 3rem 0; }
.contact-info h4 { font-size: 1rem; font-weight: 700; margin: 0 0 1rem 0; }
.contact-info h4:not(:first-of-type) { margin-top: 3rem; }
#contact-form select.form-control[multiple] { height: 160px; }

.contact-info a {
	border-bottom: 2px solid;
	padding: 0 0 2px 0;
	transition: all .3s ease;
	display: inline-block;
}

.contact-info a:hover {
	text-decoration: none;
	opacity: 0.5;
}

@media (min-width: 992px) {	
	.pcb-contact h3 { margin: 0 0 4rem 0; }
}	

.pcb-image-text p:first-of-type { font-weight: 700; font-size: 1.175rem; }

.pcb-features-list h2, .pcb-services-list h2, .pcb-sector-grid h2, .pcb-people-grid h2 { margin: 0 0 2rem 0; }
.pcb-features-list h2 + p, .pcb-services-list h2 + p { font-weight: 700; font-size: 1.175rem; }

.pcb-two-text .be-intro { font-weight: 700; font-size: 1.175rem; }
.pcb-two-text .be-caption { font-weight: 700; font-size: 1.175rem; }

.pcb-text-html h2 { margin: 2rem 0 1.5rem 0; font-size: 2.5rem; }
.pcb-text-html h3 { margin: 1.5rem 0 1rem 0; font-size: 2rem; }
.pcb-text-html ul { margin: 1rem 0 2rem 0; }
.pcb-text-html ul li { margin: 0.5rem 0 1rem 0; }
.pcb-text-html ul li ul { margin: 1rem 0 1rem 0; list-style: disc; }
.pcb-text-html a { font-weight: 700; }

.pcb-contact-callout  { color: #fff; font-size: 1.175rem; }

.be-tick-list { list-style: none; margin: 1rem 0 2rem 0; padding: 0; }
.be-tick-list li { padding: 0 0 0 2.25rem; margin: 0.5rem 0; position: relative; }
.be-tick-list li:before { content: "\e909"; position: absolute; left: 0; top: 0.25rem; }

.pcb-person h1 { font-size: 2.4rem; }
.pcb-person h2 { font-size: 1.4rem; }
.pcb-person img { border-radius: 1rem; margin: 0 auto 3rem 0; }
.person-heading { border-bottom: 1px solid #2d262f; padding: 0 0 1rem 0; margin: 0 0 3rem 0; }
.person-bio { margin: 3rem 0; }
.person-qa { margin: 3rem 0; }
.person-qa-q { font-weight: 700; font-size: 1.44rem; margin: 0 0 1rem 0; }

.has-video video { position: absolute; bottom: 0; left: 0; z-index: -1; display: none; pointer-events: none;  -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.pcb-features-list.has-video video { bottom: -6rem; left: -120px; }
.pcb-contact.has-video video { bottom: -6rem; right: 0; left: auto; top: auto; }
@media (min-width: 992px) {	
	.pcb-services-list.has-video video.show { display: block; }
	.pcb-contact.has-video video.show { display: block; }
}	
@media (min-width: 1200px) {	
	.pcb-features-list.has-video video.show { display: block; }
	.pcb-contact.has-video video.show { display: block; }
}	
@media (min-width: 1500px) {	
	.pcb-features-list.has-video video { left: 0; }
}	

/* Slick Slider CSS */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* Article Slider */
.slick-slider { padding: 90px 0 0 0; }
.article-carousel .slick-slider .slick-track, .article-carousel .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.article-carousel .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; display: flex !important; }
.article-carousel .slick-slide { display: none; float: left; min-height: 1px; height: inherit !important; }
.article-carousel.slick-initialized .slick-slide { display: flex; }

/* Arrows */
.slick-arrow { height: 56px; width: 56px; text-align: center; display: block; font-size: 0; line-height: 0; position: absolute; top: 0; display: block; padding: 1px; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; }
.slick-arrow:before { font-size: 3rem; line-height: 1; opacity: 1; color: #2d262f; }
.bg-blue .slick-arrow:before, .bg-blue-2 .slick-arrow:before { color: #fff; }
.slick-arrow:hover, .slick-arrow:focus { color: transparent; outline: none; background: transparent; }
.slick-arrow:hover:before, .slick-arrow:focus:before { opacity: 0.6; }
.slick-arrow.slick-disabled:before { opacity: .25; }
.slick-prev { left: 0; }
.slick-prev:before { content: "\e908"; }
.slick-next { right: 0; } 
.slick-next:before { content: "\e907"; }

.pcb-carousel h2 { padding: 0 0 3rem 0; margin: 0; font-size: 2.25em;}

.article-carousel-link { position: absolute; left: 15px; bottom: -40px; z-index: 10; }

.carousel-3-col .slick-slide { padding: 0 15px; opacity: 0.3; transition: opacity .5s ease-in-out; }
.carousel-3-col .slick-slide.slick-active, .carousel-3-col .slick-slide.slick-current { opacity: 1; }


.slick-next { left: auto; right: 15px; }
.slick-prev { left: auto; right: 95px; }				
  
@media (min-width: 576px) {
	.carousel-3-col .slick-slide { width: 540px; }
  .slick-next { left: auto; right: calc(50% - (510px / 2)); }
  .slick-prev { left: auto; right: calc(50% - (510px / 2) + 80px); }				
}
@media (min-width: 768px) {	
  .slick-next { left: auto; right: calc(50% - (690px / 2)); }
  .slick-prev { left: auto; right: calc(50% - (690px / 2) + 80px); }			
}
@media (min-width: 992px) {
	.carousel-3-col .slick-slide { width: 320px; }
  .slick-next { left: auto; right: calc(50% - (930px / 2)); }
  .slick-prev { left: auto; right: calc(50% - (930px / 2) + 80px); }		
}
@media (min-width: 1200px) {
	.slick-slider { padding: 0; }
	.article-carousel-link { right: 190px; left: auto; top: 10px; bottom: auto;  }	
	.carousel-3-col .slick-slide { width: 380px; }
  .slick-next { left: auto; right: calc(50% - (1110px / 2)); }
  .slick-prev { left: auto; right: calc(50% - (1110px / 2) + 80px); }	
}
@media (min-width: 1500px) {
	.carousel-3-col .slick-slide { width: 400px; }
  .slick-next { left: auto; right: calc(50% - (1170px / 2)); }
  .slick-prev { left: auto; right: calc(50% - (1170px / 2) + 80px); }
}

.pcb-sector-cta { background: #31006b; color: #fff; padding: 3rem 0; }
.pcb-contact-cta { background: #f30d48; color: #fff; padding: 3rem 0; }

.pcb-people .be-link { margin: 3rem auto; }
.pcb-people .leader-card .be-link { margin: 0 auto 0 0; }
.people-card { padding: 0 0 100% 0; overflow: hidden; border-radius: 1rem; margin: 15px 0; position: relative; display: block; z-index: 1; }
.people-card img { position: absolute; top: 0; z-index: -2; width: 100%; }
.people-card-overlay { z-index: -3; transition: opacity 0.3s ease-in-out; opacity: 0; background: rgba(6,10,107,.7); color: #fff; padding: 2rem; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; flex-direction:column; justify-content: end; }
a.people-card-overlay { color: #fff; text-decoration: none; }
.people-card.hover .people-card-overlay { opacity: 1; z-index: -1; }
@media (hover: hover) and (pointer: fine), only screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.people-card:hover .people-card-overlay { opacity: 1; z-index: -1; }
}

.people-card h3 {
	font-size: 1.5em;
}

@media (max-width: 768px){
	.people-card h3 {
		font-size: 1.2em;
	}
}

.article-banner { height: 240px; width: 100%; max-width: 1920px; margin: 0 auto 3rem auto; background-size: cover; background-position: center; background-repeat: no-repeat; }
@media (min-width: 768px) { 
	.article-banner { height: 300px; }	
}
@media (min-width: 992px) { 
	.article-banner { height: 380px; }	
}
@media (min-width: 1200px) { 
	.article-banner { height: 460px; }	
}

.article { margin: 6rem 0 6rem 0; }
.article-info { margin: 1.5rem 0 3rem 0; }
.article-info .article-info-table { border-top: 1px solid #2d262f; border-bottom: 1px solid #2d262f; padding: .5rem 0; }
.article-tax { margin: 3rem 0 0 0; }
.article-tax .article-info-table { border-top: 1px solid #2d262f; }

.article-info-table h4 { font-weight: 700; font-size: 1.166rem; margin: 1.5rem 0; }
/* .article-info-table h5 { font-weight: 700; font-size: 1rem; margin: 1rem 0 0.25rem 0; display: inline; clear: left; } */
.article-info-table ul  { border-bottom: 1px solid #2d262f; list-style: none; margin: 1.5rem 0; padding: 0; font-size: 1.166rem; }
.article-info-table ul li { margin: 1.5rem 0; }
.article-info-table p { margin: 1rem 0; padding: 0; }
.article-info-table p br { display: none; }

.article-content h1 { font-size: 2.225rem; }
.article-content h2 { font-family: 'Chivo', sans-serif; font-size: 1.45rem; font-weight: 700; margin: 3rem 0 1rem 0; }
.article-content a { font-weight: 700; }

.job-item { position: relative; height: 0; padding-bottom: 100%; margin: 15px 0; }
.job-card { background: #f4f4f4; border-radius: 1rem; position: absolute; top: 0; height: 100%; width: 100%; padding: 2rem; display: flex; flex-direction: column; transition: 0.3s ease-in-out; }
.job-card h3 { display: flex; flex: 1; }
.job-card:hover { text-decoration: none; color: #fff; background: rgb(6,10,107); }

.job-card:hover .be-link {
	border-color: #fff;
	color: #fff;
}


@media (min-width: 576px) { 
	.job-item { padding-bottom: 66%; }
}	
@media (min-width: 768px) { 
	.job-item { padding-bottom: 66%; }
}	
@media (min-width: 992px) { 
	.job-item { padding-bottom: 100%; }
}	

#contact-button { z-index: 2000; display: flex; align-items: center; position: fixed; top: 50%; right: 0; background: #f30d48; color: #fff; border-radius: 0.5rem 0 0 0.5rem; text-transform: uppercase; padding: 0.5rem 1rem; font-weight: 700; line-height: 1.2; transform: translateX(83px); transition: transform .3s ease-in-out;	box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.46); }
#contact-button svg { margin: 0 1rem 0 0; }
#contact-button:hover { text-decoration: none; transform: translateX(0); }

#contact-button.german {
	transform: translateX(101px);
}

#contact-button.german:hover {
	transform: translateX(0);
}

@media (max-width: 768px) {
	#contact-button {
		transform: translateX(71px);
		top: auto;
		bottom: 20px;
	}
	
	#contact-button.german {
		transform: translateX(92px);
	}
}

@media (min-width: 992px) { 
	.article > .container > .row { display: block; }
	.article > .container > .row:after { content: ""; clear: both; display: table; }
	.article-info { float: left; margin: 1.5rem 0 0 0; }
	.article-tax { float: left; margin: 0; }	
	.article-content { float: right; }
	.article-tax .article-info-table { border: none; }	
	.article-info-table p br { display: block; }
}	

/* From Paul */ 

img { max-width: 100%; height: auto; }
.spacer { width: 100%; display: block; height: 200px; }
.be-red	{ color: #F30D48; }

/* CTA TEXT LINK */	
a.cta-text-link {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 3px solid white;
    padding-bottom: 3px;
    text-decoration: none;
    transition: all .3s ease;
}
a.cta-text-link--black {
    color: #2e2630;
    border-bottom: 3px solid #2e2630;
}
@media (min-width: 768px) { 
    a.cta-text-link {
        font-size: 1.1rem;
    }
}
a.cta-text-link:hover {
	color: white;
	text-decoration: none;
    opacity: 0.7;
}
a.cta-text-link--black:hover {
	color: #2e2630;
}



/* CSS from jQuery Background Video plugin */
/**
* Set default positioning as a fallback for if the plugin fails
*/
.jquery-background-video-wrapper {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.jquery-background-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/**
* Fade in videos
* Note the .js class - so non js users still
* see the video
*/
.js .jquery-background-video {
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
.js .jquery-background-video.is-visible {
    opacity: 1;
}

/**
* Pause/play button
*/
.jquery-background-video-pauseplay {
    position: absolute;
    background: transparent;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px;
    padding: 0;
    cursor: pointer;
    outline: none !important;
    visibility: hidden;
}
.jquery-background-video-pauseplay span {
    display: none;
}
.jquery-background-video-pauseplay:after,
.jquery-background-video-pauseplay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.jquery-background-video-pauseplay.play:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
}
.jquery-background-video-pauseplay.pause:before,
.jquery-background-video-pauseplay.pause:after {
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    border-left: 5px solid #fff;
}
.jquery-background-video-pauseplay.pause:after {
    left: 10px;
}


/* ------------------ */
/* PCB VIDEO HERO */
/* ------------------ */

/**
* This part should be set separately for each video
* if there are multiple videos in your site.
* I.e. '.pcb-video-hero' is the name of this particular video
*/
.pcb-video-hero {
    background-image: url('../lib/images/video-blur.jpg');
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem 0;
    text-align: center; 
    color: #fff;
}
.pcb-video-hero h1 { font-size: 3rem; margin-bottom: 2rem; }
.pcb-video-hero p { position: relative; text-align: center; color: #fff; }

@media (min-width: 768px) { 
	.pcb-video-hero { min-height: 800px; padding: 0; }
	.pcb-video-hero h1 { font-size: 4rem; margin-bottom: 2rem; }
	.pcb-video-hero p { font-size: 1.45rem; margin-bottom: 2.5rem; }	
}


/* ------------------ */
/* PCB CONTACT STRIP */
/* ------------------ */

.pcb-contact-cta { display: flex; justify-content: center; align-items: center; padding: 4rem 0; font-size: 1.175rem; }
@media (min-width: 768px) { 
    .pcb-contact-cta {
        min-height: 600px;
    }
}


/* ------------------ */
/* PCB CONTACT CALLOUT */
/* ------------------ */
.pcb-contact-callout { padding: 4rem 0; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.pcb-contact-callout img { border-radius: 50%; margin: 3rem auto 0 auto; width: 75%;  }

@media (min-width: 576px) {
	.pcb-contact-callout img { width: 60%; }	
}	
@media (min-width: 992px) {
	.pcb-contact-callout img { width: 100%; margin: 0 auto; }
	.pcb-contact-callout .row { align-items: center; flex-flow: row-reverse; }
}

.pcb-page-cta { padding: 4rem 0 2rem 0; overflow: hidden; position: relative; }
.pcb-page-cta-image { max-width: 540px; margin: 0 auto; }	
.pcb-page-cta-image > div { height: 0; padding-bottom: 100%; overflow: hidden; position: relative; }
.pcb-page-cta-picture { position: absolute; max-width: 99%; }
.pcb-page-cta-mask { position: absolute; width: 100%; left: 0; z-index: 10; }
.pcb-page-cta-caption { font-size: 1.175rem; margin: 0 0 1rem 0; }
.pcb-page-cta-caption p { margin: 0; }
.pcb-page-cta-caption p + p { margin: 1rem 0 0 0; }
.pcb-page-cta-caption strong { font-weight: 700; }
@media (min-width: 768px) {
	.pcb-page-cta { padding: 4rem 0; }
}
@media (min-width: 992px) {
	.pcb-page-cta { padding: 0; min-height: 600px; }	
	.pcb-page-cta { display: flex; justify-content: center; align-items: center; }
	.pcb-page-cta-image { position: absolute; left: auto; right: 50%; top: 0; margin-top: 0; max-width: 780px; width: 780px;  }
	.pcb-page-cta-right .pcb-page-cta-image { left: 50%; right: auto; }	
}
@media (min-width: 1200px) {
    .pcb-page-cta-image { width: 780px; }
}

.pcb-page-links h2 { margin-bottom: 3rem; }
.page-link { overlay: hidden; background-size: cover; background-position: top center; background-repeat: no-repeat; border-radius: 1rem; padding: 0 0 66% 0; position: relative; margin-bottom: 2rem; color: #fff; }
.page-link h3 { color: #fff; font-weight: 700; }
.page-link-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 1rem; display: flex; flex-direction: column; justify-content: end; padding: 2rem; }
.page-links > div:nth-child(1) .page-link-overlay { background: rgba(6,10,107,0.7); }
.page-links > div:nth-child(2) .page-link-overlay { background: rgba(77,0,76,0.7); }
.page-links > div:nth-child(3) .page-link-overlay { background: rgba(49,0,107,0.7); }
@media (min-width: 992px) {
	.page-link { padding: 0 0 100% 0; }
}	

.image-carousel { display: none; }
.image-carousel.slick-slider { padding: 2rem 0 0 0; display: block; }
.image-carousel .slick-track { display: flex; align-items: baseline; }
.image-carousel > div img { display: block; border-radius: 1rem; }
.image-carousel .slick-slide { transition: all .3s ease; }

.pcb-employee-testimonials { padding: 3rem 0; }
.pcb-employee-testimonials h2 { margin-bottom: 4rem; }
.testimonial-carousel.slick-slider { padding: 0 0 100px 0; }
.testimonial-carousel .slick-track { align-items: center; display: flex; }
.testimonial-slide { margin: 0 15px; border: 1px solid white; border-radius: 1rem; padding: 30px; font-size: 1.15rem; opacity: 0.2; transition: all .3 ease; }
.testimonial-carousel .slick-slide.slick-active .testimonial-slide { opacity: 1; }
.testimonial-slide-cite { font-weight: 700; margin: 0 0 1.5rem 0; }
.testimonial-slide-quote { margin: 0; font-family: 'PT Serif', serif; }
.testimonial-slide-quote p { margin: 0; }
.testimonial-slide-quote p + p { margin: 1rem 0 0 0; }
.testimonial-slide-quote p:first-of-type:before { content: "\201c"; }
.testimonial-slide-quote p:last-of-type:after { content: "\201d"; }

@media (max-width: 1199.8px) { 
	.testimonial-carousel	.slick-prev { bottom: 0; top: auto; left: auto; right: calc(50vw + 15px); }
	.testimonial-carousel	.slick-next { bottom: 0; top: auto; left: calc(50vw + 15px); right: auto; }
}	
@media (min-width: 768px) { 
	.pcb-employee-testimonials { padding: 4rem 0; }
	.testimonial-slide { width: 560px; padding: 40px; font-size: 1.25rem; } }
}
@media (min-width: 992px) { 
	.pcb-employee-testimonials { padding: 5rem 0; }	
	.testimonial-slide { width: 760px; padding: 60px; font-size: 1.25rem; }
}
@media (min-width: 1200px) { 
	.pcb-employee-testimonials { padding: 6rem 0; }
	.testimonial-carousel.slick-slider { padding: 0; }
	.testimonial-slide { width: 910px; padding: 100px; font-size: 1.45rem;}
}
@media (min-width: 1500px) {
	.testimonial-slide { width: 970px; }
}

/* ------------------ */
/* PCB VALUES CAROUSEL */
/* ------------------ */
.values-carousel { display: none; }
.values-carousel.slick-slider { padding: 30px 0 100px 0; display: block; }
.values-slide { padding-bottom: 100%; overflow: hidden; position: relative; height: 0; }
.values-slide > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 1rem; padding: 2rem; color: #fff; display: flex; }
.values-slide-front { background: #31006B; flex-direction: column; }	
.values-slide-image { flex: 1; align-items: center; display: flex; }
.values-slide img { max-width: 160px; margin: 0 auto; width: 60%; }	
.values-slide h3 { font-weight: 400; font-size: 1.3rem; margin: 0 0 .5rem 0; }
.values-slide-back { background: #f30d48; color: #fff; transition: all .3s ease; display: none; z-index: 10; justify-content: center; align-items: center; opacity: 0; }
.values-slide:hover .values-slide-back { opacity: 1; }
.values-carousel.carousel-3-col .slick-slide:hover { opacity: 1; }
.values-carousel .slick-list div:hover, .values-carousel .slick-list div:active, .values-carousel .slick-list div:focus { border: 0; outline: none; }
@media (max-width: 1199.8px) { 
	.values-carousel .slick-prev { bottom: 0; top: auto; left: auto; right: calc(50vw + 15px); }
	.values-carousel .slick-next { bottom: 0; top: auto; left: calc(50vw + 15px); right: auto; }
}
@media (min-width: 300px) { 
	.values-slide h3 { font-size: 1.5rem; }
}	
@media (min-width: 470px) { 
	.values-slide h3 { font-size: 1.8rem; }
}	
@media (min-width: 992px) { 
	.values-slide h3 { font-size: 1.5rem; }
}	
@media (min-width: 1200px) { 
	.values-carousel.slick-slider { padding: 40px 0 0 0; }
	.values-slide h3 { font-size: 1.8rem; }
}	

.values-carousel p.be-link-w {
	border: none;
}

/* ------------------ */
/* PCB TEXT CALLOUT */
/* ------------------ */

.pcb-text-callout {
    background-image: url('test/pcb-callout-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem 0;
}
@media (min-width: 768px) { 
    .pcb-text-callout { min-height: 600px; padding: 0; }
}

.pcb-text-callout__title { text-align: center; font-size: 2.5rem; margin-bottom: 2rem; }
@media (min-width: 1200px) { 
	.pcb-text-callout__title { font-size: 3rem; }
}

.leader-card { display: block; border: 1px solid #2e2630; border-radius: 1rem; margin: 15px 0;	background-size: cover; position: relative; overflow: hidden; padding: 0 0 63.69% 0; }
.leader-card-mask { position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; z-index: -1; transition: all .5s ease-in-out; transform-origin: 100% 50%; background-size: cover; background-repeat: no-repeat; }
.leader-item:nth-child(4n+1) .leader-card .leader-card-mask { background-image: url(lib/images/person-mask-white.svg); }
.leader-item:nth-child(4n+2) .leader-card .leader-card-mask { background-image: url(lib/images/person-mask-circle.svg); }
.leader-item:nth-child(4n+3) .leader-card .leader-card-mask { background-image: url(lib/images/person-mask-triangle-alt.svg); }
.leader-item:nth-child(4n+4) .leader-card .leader-card-mask { background-image: url(lib/images/person-mask-square.svg); }
.leader-card:hover .leader-card-mask { transform: scale(5); }
.leader-item:nth-child(4n+3) .leader-card:hover .leader-card-mask	{	transform: scale(5) translateX(8%); } 
.leader-card-text { font-size: 0.9rem; width: 33.33%; z-index: 10; position: absolute; top: 1rem; left: 1rem; bottom: 1rem; display: flex; flex-direction: column; }
.leader-card-text > div { display: flex; flex: 1; flex-direction: column; justify-content: center; }
.leader-card-text h3 { font-size: 1.25rem; margin: 0; }
.leader-card-title { margin: 0.5rem 0 1rem 0; }
.leader-card img { position: absolute; right: 0; bottom: 0; height: 102%; z-index: -2; }
@media (min-width: 560px) {    
	.leader-card-text { top: 2rem; left: 2rem; bottom: 2rem; font-size: 1rem; }
	.leader-card-title { margin: 1rem 0 0 0; }
	.leader-card-text h3 { font-size: 2rem; }
}
@media (min-width: 768px) {    
	.leader-card:hover .leader-card-mask { transform: scale(3); }    
	.leader-item:nth-child(4n+3) .leader-card:hover .leader-card-mask	{ transform: scale(3) translateX(8%); }
	.leader-card-text { top: 1rem; left: 1rem; bottom: 1rem; font-size: .9rem; }		
	.leader-card-title { margin: 0.5rem 0 1rem 0; }
	.leader-card-text h3 { font-size: 1.25rem; }	
}
@media (min-width: 992px) {    
	.leader-card-text { top: 2rem; left: 2rem; bottom: 2rem; font-size: 1rem; }
	.leader-card-title { margin: 1rem 0 0 0; }
	.leader-card-text h3 { font-size: 2rem; }
}

.pcb-advisory-panel h2 { margin: 0 0 3rem 0; }	
.pcb-advisory-panel-intro { margin: 0 0 3rem 0; }	
.pcb-advisory-panel-intro p { margin: 3rem 0 0 0; }	

.pcb-404 { margin: 0; padding: 4rem 0; }
.pcb-404-image { display: none; }
.pcb-404 h1 { font-size: 6rem; }
.pcb-404 h2 { font-size: 3rem; }
.pcb-404 p { margin: 1.5rem 0; font-size: 1.125rem; }
@media (min-width: 576px) {    
	.pcb-404 { padding: 5rem 0 7rem 0; }
	.pcb-404 h1 { font-size: 10rem; }
	.pcb-404 h2 { font-size: 4rem; }
}
@media (min-width: 768px) {    
	.pcb-404 { padding: 6rem 0 8rem 0; }
	
}
@media (min-width: 992px) {    
	.pcb-404 { padding: 8rem 0 12rem 0; }
	.pcb-404-image { display: block; position: absolute; top: 0; height: 100%; left: auto; width: 100%; right: 63%; background-image: url(lib/images/bg-404.jpg); background-repeat: no-repeat; background-size: contain; background-position: right center; }
}

body.cc-show { padding-bottom: 110px; }
.cc-bar { font-size: .8rem; padding: 1rem 0; background: #2e2630; color: #fff; position: fixed; bottom: 0; left: 0; width: 100%; transform: translateY(100%); opacity: 0; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out ; z-index: 1800; }
.cc-bar .btn { font-size: .8rem; padding: 0.25rem 0.75rem; }
.cc-show .cc-bar { transform: translateY(0); opacity: 1; }
.cc-content { text-align: center; }
.cc-content p { margin: 0;}
.cc-control { flex: none; padding: 0; margin: 0; }	
.cc-control ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }	
.cc-control ul li { padding: 0 0.75rem 0 0; margin: 0; }
.cc-control ul li:first-child { width: 100%; text-align: center; margin: 0 0 1rem 0; }	
.cc-control ul li:last-child { padding: 0; }	
.cc-info a {
	color: #fff;
	border-bottom: 2px solid #fff;
	padding: 0 0 3px 0;
	transition: all .3s ease;
	display: inline-block;
}

.cc-info a:hover {
	text-decoration: none;
	opacity: 0.5;
}

@media (min-width: 480px) {	
	.cc-control { margin: 1rem 0 0 0; }	
	.cc-control ul li:first-child { width: auto; margin: 0; }	
}
@media (min-width: 576px) {	
	body.cc-show { padding-bottom: 100px; }
	.cc-bar { font-size: .9rem; }
	.cc-bar .btn { font-size: .9rem; padding: 0.25rem 1.25rem; }
	.cc-control { flex: none; }	
	.cc-control ul li { padding: 0 1rem 0 0; }	
	.cc-control ul li:last-child { padding: 0; }	
}	
@media (min-width: 992px) {	
	body.cc-show { padding-bottom: 70px; }
	.cc-inner { display: flex; align-items: center; justify-content: center;  }
	.cc-content { font-size: 0.8rem; text-align: left; }
	.cc-control { flex: none; padding: 0 0 0 1rem; margin: 0; }
	.cc-control ul li { padding: 0 0 0 1rem; }		
}	

.pcb-services-list h2 {
	font-size: 48px;
}

@media (max-width: 768px) {
	.pcb-services-list h2 {
		font-size: 32px;
	}
}

@media (min-width: 768px) {
	.page-link-overlay h3 {
		font-size: 1.5rem;
	}	
}

@media (min-width: 1200px) {
	.page-link-overlay h3 {
		font-size: 1.8rem;
	}	
}

.intranet-login-btn {
	border: 2px solid #f30d48;
	border-radius: 5px;
	padding: 10px 15px;
	display: inline-block;
	color: #f30d48 !important;
	transition: 0.3s all ease-in-out;
}

.intranet-login-btn:hover {
	background: #f30d48;
	color: #fff !important;
	text-decoration: none;
}

.wpml-ls-legacy-dropdown {
	margin-top: -8px !important;
}