/*!  
Theme Name: Mitchell Services  
Theme URI: http://underscores.me/ 
Author: Sketch Corp 
Author URI: https://sketchcorp.com/ 
Description: MSV theme  
Version: 1.0.0
License: GNU General Public License v2 or later 
License URI: LICENSE  
Text Domain: mitchellservices  
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Mitchell Services is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

adobe fonts 
urw-din 
300 - light
500 - medium

din-2014, sans-serif;
400
600 - demi
700

Inter
400
600 - semibold
700 - bold
*/

/* Start */
@font-face {
    font-family: 'din_alternatebold';
    src: url('fonts/din_alternate_bold-webfont.eot');
    src: url('fonts/din_alternate_bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/din_alternate_bold-webfont.woff2') format('woff2'),
         url('fonts/din_alternate_bold-webfont.woff') format('woff'),
         url('fonts/din_alternate_bold-webfont.svg#din_alternatebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinregular';
    src: url('fonts/din-regular-alternate-webfont.eot');
    src: url('fonts/din-regular-alternate-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-regular-alternate-webfont.woff2') format('woff2'),
         url('fonts/din-regular-alternate-webfont.woff') format('woff'),
         url('fonts/din-regular-alternate-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-size: 16px; font-family: 'dinregular'; color: #000; overflow-x: hidden; }
h1 { font-family: 'Roboto Condensed'; color: #000; font-size: 35px; margin-top: 0; font-weight: bold; text-transform: uppercase; }
h2 { font-family: 'Roboto Condensed'; color: #000; font-size: 26px; margin-top: 0; font-weight: bold; text-transform: uppercase; line-height: 1.2; }
h3 { margin-top: 0; }
h4 { margin-top: 0; line-height: 1.4; }
h5 { margin-top: 0; }
h6 { font-family: 'din_alternatebold'; margin-top: 0; margin-bottom: 24px; font-size: 18px; }
p { font-family: 'Inter', sans-serif; margin-bottom: 22px; line-height: 1.6; font-size: 15px; }
a:visited { color: #ffd503; }
strong {  }
hr { background-color: #d7d7d7; }
ul, ol { margin-left: 0; }
ul li { font-family: 'Inter'; }
table { font-family: 'Inter'; }
.site-content ul { padding-left: 17px; }
.main a { text-decoration: underline; color: #000; }

/* Padding */
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-80 { padding-top: 80px; }
.padding-top-90 { padding-top: 90px; }
.padding-top-100 { padding-top: 100px; }

.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-90 { padding-bottom: 90px; }
.padding-bottom-100 { padding-bottom: 100px; }

@media (max-width: 767px) {
	.padding-top-30,
	.padding-top-40,
	.padding-top-50,
	.padding-top-60,
	.padding-top-70,
	.padding-top-80,
	.padding-top-90,
	.padding-top-100 { padding-top:40px; }
	
	.padding-bottom-30,
	.padding-bottom-40,
	.padding-bottom-50,
	.padding-bottom-60,
	.padding-bottom-70,
	.padding-bottom-80,
	.padding-bottom-90,
	.padding-bottom-100 { padding-bottom:40px; }
}

/* Adjust ul element */
.panel-text-image-video ul,
.the-content ul,
.three-lists-view-more ul { margin-left: 0; padding-left: 0; list-style-type: none; }

.panel-text-image-video ul li,
.the-content ul li,
.three-lists-view-more ul li { line-height: 1.5; padding-left: 23px; position: relative; font-size: 15px; }
.panel-text-image-video ul li { margin-bottom: 7px; }

.panel-text-image-video ul li::before,
.the-content ul li::before,
.three-lists-view-more ul li::before { content: ""; position: absolute; left: 0; top: 0; margin-top: 11px; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #000; }

/* Flexbox */
.row-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

/* Slick dots */
.slick-dots { line-height: 0; list-style-type: none; text-align: center; margin-bottom: 0; }
.slick-dots li { display: inline-block; margin-left: 12px; margin-right: 12px; }
.slick-dots button { width: 8px; height: 8px; font-size: 0; border: 1px solid #eec703; background-color: transparent; }
.slick-dots .slick-active button { background-color: #eec703; }
.site-content ul.slick-dots { padding-left: 0; } 

/* Video file */
.video-wrapper { position: relative; }
.video-wrapper .button-video-play { cursor: pointer; position: absolute; width: 94px; height: 94px; background: url(images/icon-play.png) no-repeat; background-size: contain; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.video-wrapper.active .button-video-play { display: none; }

@media (max-width: 767px){
	.video-wrapper .button-video-play { width: 50px; height: 50px; }
}

/* Header */
header { background-color: #000; border-bottom: 2px solid #ffd503; }
header .site-title { display: none; }
.site-header { height: 112px; }
.main-navigation li { float: none; display: inline-block; }
.main-navigation ul ul { box-shadow: none; }
.main-navigation ul ul li { width: 100%; }
.main-navigation ul ul a { width: auto; color: #aaa; font-family: 'Inter'; font-size: 13px; text-transform: uppercase; }
.main-navigation ul ul li:last-of-type a { border-bottom: 0; } 
.main-navigation ul ul a:hover { color: #000; }
.main-navigation ul ul ul { background-color: #e1e1e1; }
.main-navigation ul ul ul a { color: #999; }
.main-navigation ul ul li a { position: relative; font-family: 'urw-din'; font-weight: 300; color: #dadada; letter-spacing: 0.5px; display: inline-block; }
.main-navigation ul ul li > a:hover { color: #ffd503; }
.menu-main-menu-container > ul::after { content: ""; display: table; clear: both; }
.menu-main-menu-container > ul > li { position: static; margin-right: 40px; padding-bottom: 48px; }
.menu-main-menu-container > ul > li > a { color: #FFF; text-transform: uppercase; font-size: 15px; font-family: 'urw-din'; font-weight: 500; letter-spacing: 0.6px; }
.menu-main-menu-container > ul > li > a:hover { color: #ffd503; }
.menu-main-menu-container > ul > li.current-page-ancestor > a { color: #ffd503; }
.menu-main-menu-container > ul > li.current-menu-item > a { color: #ffd503; }
.menu-main-menu-container > ul > li:last-of-type { margin-right: 0; }
.menu-main-menu-container > ul > li.active > ul { left: 0; }
.menu-main-menu-container > ul > li.active > ul::before { content: ""; position: absolute; width: 200vw; height: 0; left: -100vw; top: 0; background-color: #1c1c1c; }
.menu-main-menu-container > ul > li > ul::before {  }
.menu-main-menu-container > ul > li > ul > li:first-of-type { position: absolute; left: 0; -ms-flex: 0 0 585px; flex: 0 0 585px; max-width: 585px; width: 585px; margin-bottom: 0; border-right: 1px solid #2b2b2b; padding-top: 35px; padding: 35px 56px 0 244px; }
.menu-main-menu-container > ul > li > ul { text-align: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-shadow: none; padding: 0 45px 0 615px; }
.site-header .js-dropdown { position: absolute; top: 100%; height: 0; background-color: #1c1c1c; width: 200vw; left: -100vw; z-index: 2; -webkit-transition: 0.2s all; transition: 0.2s all; }

/* Header - hamburger icon */
.main-navigation .menu-toggle { position: absolute; height: 18px; width: 24px; background-color: transparent; border: 0; top: 23px; right: 15px; }
.main-navigation .menu-toggle span { width: 22px; height: 2px;background-color: #FFF; display: block; position: absolute; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; margin: 0; }
.main-navigation .menu-toggle span:nth-of-type(1) { top: 0; }
.main-navigation .menu-toggle span:nth-of-type(2) { top: 6px; }
.main-navigation .menu-toggle span:nth-of-type(3) { top: 6px; }
.main-navigation .menu-toggle span:nth-of-type(4) { top: 12px; }

.main-navigation.toggled .menu-toggle span:nth-of-type(1),
.main-navigation.toggled .menu-toggle span:nth-of-type(4) {display: none; }

.main-navigation.toggled .menu-toggle span:nth-of-type(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.main-navigation.toggled .menu-toggle span:nth-of-type(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.site-branding { position: absolute; max-width: 191px; left: -190px; margin-top: 26px; margin-bottom: 0; }
.site-branding a { display: inline-block; }
.header-phone { float: left; border-left: 1px solid #898989; padding-left: 15px; }
.header-phone a { color: #ffd503; font-size: 24px; font-family: 'urw-din'; font-weight: 500; text-decoration: none; }
.main-navigation { text-align: center; margin-top: 0; }
.header-right { margin-top: 40px; }

@media (min-width: 768px) { /* mainly main menu */
	.main-navigation ul ul li:nth-of-type(n+2) { margin-bottom: 20px; }
	.menu-main-menu-container > ul > li > ul > li:first-of-type a { cursor: default; color: #939393; font-size: 15px; }
	.menu-main-menu-container > ul > li > ul > li:first-of-type a:hover { cursor: default; }
	.menu-main-menu-container > ul > li > ul > li:first-of-type .title { display: inline-block; margin-bottom: 18px; color: #FFF; text-transform: uppercase; font-size: 17px; font-family: 'urw-din'; font-weight: 500; letter-spacing: 0.6px; }
	.menu-main-menu-container > ul > li > ul > li:first-of-type .sub { text-transform: none; letter-spacing: 0; display: inline-block; line-height: 1.6; }
	.menu-main-menu-container > ul > li > ul > li:nth-of-type(2) { padding-top: 33px; }
	.menu-main-menu-container #menu-item-2574 > ul > li:first-of-type > a { padding-bottom: 44px; }
	/*.menu-main-menu-container #menu-item-2574.active .js-dropdown { height: 242px; }
	.menu-main-menu-container #menu-item-2607.active .js-dropdown { height: 354px; }
	.menu-main-menu-container #menu-item-2572.active .js-dropdown { height: 248px; }
	.menu-main-menu-container #menu-item-2700.active .js-dropdown { height: 272px; }
	.menu-main-menu-container #menu-item-2574 > ul:before { height: 242px; }
	.menu-main-menu-container #menu-item-2607 > ul:before { height: 354px; }
	.menu-main-menu-container #menu-item-2572 > ul:before { height: 248px; }
	.menu-main-menu-container #menu-item-2700 > ul:before { height: 272px; }*/
	.menu-main-menu-container #menu-item-2687 { padding-bottom: 60px; }
	.menu-main-menu-container #menu-item-2673 { padding-bottom: 50px; padding-right: 43px; }
	.menu-main-menu-container #menu-item-2699 { padding-bottom: 50px; }
	.menu-main-menu-container > ul > #menu-item-2574.active ~ .js-dropdown { height: 242px; }
	.menu-main-menu-container > ul > #menu-item-2607.active ~ .js-dropdown { height: 354px; }
	.menu-main-menu-container > ul > #menu-item-2572.active ~ .js-dropdown { height: 248px; }
	.menu-main-menu-container > ul > #menu-item-2700.active ~ .js-dropdown { height: 272px; }
}

@media (max-width: 1800px) {
	.site-branding { left: auto; }
}
@media (max-width: 1199px) {
	.main-navigation { padding-left: 220px; text-align: left; }
}
@media (max-width: 991px) {
	.main-navigation { padding-left: 155px; }
	.site-branding { max-width: 130px; margin-top: 34px }
	.menu-main-menu-container > ul > li { margin-right: 16px; }
	.menu-main-menu-container > ul > li > a { font-size: 14px; }
	.menu-main-menu-container > ul > li > ul { padding-left: 461px; }
	.menu-main-menu-container > ul > li > ul > li:first-of-type { -ms-flex: 0 0 425px; flex: 0 0 425px; max-width: 425px; width: 425px; padding-left: 84px; }
}
@media (max-width: 767px) {
	.site-header { height: auto; }
	.site-branding { position: static; margin-top: 11px; margin-bottom: 12px; }
	.main-navigation { padding-left: 0; }
	.header-right { margin-bottom: 0; margin-top: 0; }
	.header-phone { right: 66px; top: 18px; }
	.main-navigation a { display: inline-block; }
	.main-navigation li { width: 100%; float: none; }
	.main-navigation ul ul { position: static; margin-left: 15px; float: none; width: auto; background-color: transparent; outline: 0; }
	.main-navigation ul ul a { width: auto; color: #FFF; }
	.main-navigation ul ul li:hover > a { color: #FFF; }
	.menu-main-menu-container > ul > li { display: block; width: 100%; margin-right: 0; }
	.main-navigation ul ul li { padding-left: 0; padding-right: 0; }
	.main-navigation ul ul ul { background-color: transparent; }
	.main-navigation ul ul ul a { color: #FFF; }
	.menu-main-menu-container > ul > li { padding-bottom: 10px; }
	.menu-main-menu-container > ul > li > ul { padding-left: 0; }
	.menu-main-menu-container > ul > li > ul > li { margin-bottom: 10px; }
	.menu-main-menu-container > ul > li > ul > li:first-of-type { display: none; }
	.menu-main-menu-container > ul > li > ul > li:first-of-type { padding: 0; flex: 0 0 100%; max-width: 100%; width: 100%; }
	.menu-main-menu-container > ul > li > a { margin-bottom: 7px; }
}
@media (max-width: 420px) {
	.header-phone { margin-top: 0; right: 51px; top: 9px; }
	.header-phone a { font-size: 0; background: url(images/sprite-retina.png); width: 44px; height: 44px; display: inline-block; vertical-align: top; -webkit-transform: scale(0.4); transform: scale(0.4); }
}

.site-content { background-color: #e5e5e7; }

.container-large { max-width: 1350px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
.container-large > .inner { background-color: #FFF; padding-top: 70px; padding-bottom: 60px; }
.container { max-width: 1120px; width: 100%; }
.page-homepage .container-large > .inner { padding-top: 0; padding-bottom: 0; }

@media (max-width: 768px) { 
	.site-content > .container-large { overflow: hidden; padding-left: 0; padding-right: 0; }
}

/* Buttons */
.button-primary { font-family: 'Roboto Condensed'; color: #000; display: inline-block; border: 2px solid #000; background-color: transparent; font-size: 18px; text-transform: uppercase; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; text-decoration: none; padding: 5px 15px 4px 15px; }
.button-primary:link { text-decoration: none; }
.button-primary:visited { color: #000; }
.button-primary:hover { background-color: #000; color: #FFF; }
.main a.button-primary { text-decoration: none; font-family: 'Roboto Condensed'; }
.button-secondary { width: 100%; display: inline-block; background-color: #000; color: #FFF; text-transform: uppercase; text-decoration: none; font-family: 'Roboto Condensed'; padding: 10px 30px; }
.main a.button-secondary { text-decoration: none; color: #FFF; }

/* Banner - Content */
.panel-banner { clear: both; }
.panel-banner .title-wrapper { text-align: center; }
.panel-banner .title-wrapper h1 { display: inline-block; margin-bottom: 0; position: relative; padding-bottom: 5px; }
.panel-banner .title-wrapper h1::before { content: ""; display: block; width: 100%; height: 2px; background-color: #ffd503; position: absolute; bottom: 0; }
.panel-bg-inner { position: relative; background: url('images/banner-content.jpg') no-repeat center center; background-size: cover; height: 180px; background-color: #f5f5f5; }
.panel-bg-inner .one { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.panel-bg-inner .two { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media (max-width: 768px) {
	.panel-banner .title-wrapper h1 { font-size: 30px; }
	.panel-banner .container-large { padding-left: 0; padding-right: 0; }
}
@media (max-width: 500px) {
	.panel-bg-inner .two { left: auto; bottom: 0; -webkit-transform: translateX(calc(100% + 5px)); transform: translateY(calc(100% + 5px)); }
}

/* Breadcrumb */
.breadcrumb { text-align: right; margin-bottom: 7px; }
.breadcrumb > div {}
.breadcrumb > div a { color: #000; }
.breadcrumb a, 
.breadcrumb span.current { font-family: 'Inter'; font-size: 14px; font-weight: 600; }
.breadcrumb span.current { color: #636363; }
.breadcrumb .delimiter:before { content: "/"; }
.breadcrumb-custom span {  }
.breadcrumb-custom span:last-of-type { color: #636363; }
.breadcrumb #crumbs { font-family: 'Inter'; font-size: 14px; font-weight: 600; }

/* Title Underline */
.panel-text-slider h2::after,
.panel-text-image-video h2::after,
.panel-linkedin-news h2::after,
.panel-staff .item h3::after,
.h2-underline h2::after,
.form-bottom .form-title::after,
.three-lists-view-more h6::after,
.contact-details h3::after,
.single-case_study h3::after,
.sub-service-case-study-top h2::after,
.blog-list h2::after,
h2.title-underline::after,
.panel-our-services .item ul li a::after,
.panel-service-navigation ul li a::after { content:""; display: block; position: absolute; bottom: 0; background-color: #ffd503; height: 2px; width: 135px; }

/* Title Underline padding */
.panel-text-image-video h2,
.panel-text-slider h2,
.panel-2card-links h2,
.panel-linkedin-news h2, 
.h2-underline h2,
.form-bottom .form-title,
.three-lists-view-more h6,
.contact-details h3,
.single-case_study h3,
.sub-service-case-study-top h2,
.blog-list h2,
h2.title-underline,
.panel-our-services .item ul li a,
.panel-service-navigation ul li a { position: relative; padding-bottom: 8px; margin-bottom: 25px; }

/* Youtube Responsive */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Panels */
.panel-text-image-video,
.panel-text-slider,
.panel-2card-links { padding: 60px 0; border-bottom: 1px solid #d7d7d7; }


.container > .panel-text-image-video:first-of-type { padding-top: 0; }
.container > .panel-text-image-video:last-of-type { padding-bottom: 0; border-bottom: 0; }
@media (max-width: 991px) {
	.panel-text-image-video .button-primary { margin-bottom: 30px; }
	.panel-text-image-video br { display: none; }
}

.panel-text-slider {}
.panel-text-slider .cycle-slideshow img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.panel-text-slider .col-1 .inner {}

.panel-text-image-video video { vertical-align: top; width: 100%; }

.home .panel-text-slider .item { position: relative; height: 0; padding-bottom: 66%; width: 100%; }
.home .panel-text-slider .item img { position: absolute; left: 0; top: 0; }

@media (min-width: 1200px) {
	.panel-text-image-video video { min-height:350px; background:#000; }
}

.panel-2card-links { padding-bottom: 45px; } /* Our services on homepage */
.panel-2card-links h2 { text-align: center; border-bottom: 2px solid #ffd503; display: inline-block; margin-bottom: 25px; padding-bottom: 6px; }
.panel-2card-links .title-wrapper { text-align: center; }
.panel-2card-links .description { text-align: center; }
.panel-2card-links .col { float: left; width: 50%; margin-bottom: 15px; }
.panel-2card-links .col-1 { padding-right: 7px; }
.panel-2card-links .col-2 { padding-left: 7px; }
.panel-2card-links .col .inner { background-color: #f4f4f4; height: 275px; }
.panel-2card-links .slideshow-services { width: 240px; height: 275px; float: left; }
.panel-2card-links .slideshow-services img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.panel-2card-links .inner-right { overflow: hidden; padding: 40px 45px 0 35px; }
.panel-2card-links .inner-right h3 { font-size: 32px; text-transform: uppercase; font-family: 'Roboto Condensed'; margin-bottom: 9px; }
.panel-2card-links .link-wrapper a { width: 100%; display: block; text-transform: uppercase; font-family: 'Roboto Condensed'; text-decoration: none; }
.panel-2card-links .link-wrapper div { border-bottom: 1px solid #ebebeb; padding-top: 10px; padding-bottom: 10px; }
.panel-2card-links .link-wrapper div:last-of-type { border-bottom: 0; }
.panel-2card-links .link-wrapper a { position: relative; }
.panel-2card-links .link-wrapper a::after { content: ""; position: absolute; right: 0; width: 30px; height: 16px; background-image: url(images/icon-sprite.png); background-position: 0 -181px; margin-top: 3px; }
.panel-2card-links .link-wrapper a:hover::after { background-position: 0 -161px; }
@media (max-width: 1199px) {
	.panel-2card-links .inner-right { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 991px) {
	.panel-2card-links .col { float: none; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; width: 100%; max-width: 600px; }
}
@media (max-width: 500px) {
	.panel-2card-links .link-wrapper div { padding-top: 7px; padding-bottom: 7px; }
	.panel-2card-links .inner-right { padding-top: 15px; }
	.panel-2card-links .inner-right h3 { margin-bottom: 5px; }
	.panel-2card-links .slideshow-services { /*width: 160px; height: 183px;*/ width: 100%; height: auto; }
	.panel-2card-links .col .inner { /*height: 183px;*/ height: auto; }
}
@media (max-width: 380px) {
	.panel-2card-links .col .inner { height: auto; }
	.panel-2card-links .slideshow-services { float: none; margin-left: auto; margin-right: auto; }
	.panel-2card-links .inner-right { overflow: visible; width: 100%; }
}

.blocks-three { padding-top: 25px; padding-bottom: 30px; border-bottom: 1px solid #d7d7d7; }
.blocks-three .sub-title { font-size: 72px; font-family: 'Roboto Condensed'; font-weight: 700; line-height: 1; margin-bottom: 0; }
.blocks-three .sub-title span { color: #ffd503; }
.blocks-three .item { text-align: center; }
.blocks-three .item .description { font-family: 'din_alternatebold'; text-transform: uppercase; margin-bottom: 0; }
.blocks-three .item .inner { display: inline-block; text-align: center; vertical-align: top; }
.blocks-three .item .inner:nth-of-type(1),
.blocks-three .item .inner:nth-of-type(2) { border-right: 1px solid #c8c8c8; margin-top: 30px; }
.blocks-three .item .inner:nth-of-type(1) { padding-right: 120px; }
.blocks-three .item .inner:nth-of-type(2) { padding-left: 55px; padding-right: 55px; }
.blocks-three .item .inner:nth-of-type(3) { padding-left: 80px; }

@media (max-width: 991px) {
	.blocks-three .sub-title { font-size: 55px; }
	.blocks-three .item .inner:nth-of-type(1) { padding-right: 40px; }
	.blocks-three .item .inner:nth-of-type(2) { padding-left: 40px; padding-right: 40px; }
	.blocks-three .item .inner:nth-of-type(3) { padding-left: 40px; }
}
@media (max-width: 700px) {
	.blocks-three .item .inner { display: block; }
	.blocks-three .item .inner:nth-of-type(1),
	.blocks-three .item .inner:nth-of-type(2),
	.blocks-three .item .inner:nth-of-type(3) { padding-left: 0; padding-right: 0; border-right: 0; }
	.blocks-three .item .inner:nth-of-type(1), 
	.blocks-three .item .inner:nth-of-type(2) { margin-top: 0; margin-bottom: 20px; }
}

.panel-staff .item { padding-bottom: 50px; border-bottom: 1px solid #d7d7d7; margin-bottom: 55px; }
.panel-staff .container > div:last-of-type { border-bottom: 0; margin-bottom: 30px; }
.panel-staff .item::after { content: ""; display: table; clear: both; }
.panel-staff .item h2 { font-size: 22px; font-family: 'Inter'; text-transform: none; }
.panel-staff .item h3 { font-size: 16px; font-family: 'Inter'; position: relative; padding-bottom: 6px; }
.panel-staff .item .col-1 { float: left; width: 250px; }
.panel-staff .item .col-1 img { max-width: 196px; width: 100%; }
.panel-staff .item .col-2 { overflow: hidden; }
.panel-staff .item .description { margin-top: 20px; }
.panel-staff .item .description p:last-of-type { margin-bottom: 0; }
.panel-staff .linkedin { background-color: #000; display: inline-block; margin-top: 15px; }
.panel-staff .linkedin a { color: #FFF; font-size: 14px; vertical-align: top; padding: 3px 10px 1px 8px; display: inline-block; text-decoration: none; }
.panel-staff .linkedin .line { display: inline-block; background-color: #FFF; width: 1px; height: 13px; margin-left: 4px; margin-right: 4px; margin-top: 3px; }
.panel-staff .linkedin .icon { background-image: url(images/icon-sprite.png); background-position: 0 -90px; width: 16px; height: 15px; display: inline-block; margin-top: 1px; }
@media (max-width: 768px) {
	.panel-staff .item .col-1 { margin-bottom: 15px; }
	.panel-staff .item .col-2 { width: 100%; overflow: visible; }
}

.panel-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* About - Values */
.panel-cards > div:nth-of-type(odd) .number { color: #ffd503; }
.panel-cards .col { width: 33.33333333%; margin-bottom: 15px;  }
.panel-cards .col .inner { margin-right: 15px; background-color: #f4f4f4; height: 100%; padding: 60px 40px 60px 60px; background-size: cover; background-repeat: no-repeat; }
.panel-cards .number { font-size: 50px; font-family: 'dinregular'; line-height: 1; margin-bottom: 4px; }
.panel-cards .description { font-size: 20px; margin-bottom: 0; }
@media (max-width: 991px) {
	.panel-cards .col { width: 50%; }
}
@media (max-width: 768px) {
	.panel-cards .col .inner { padding: 30px; }
}
@media (max-width: 500px) {
	.panel-cards .col { width: 100%; }
	.panel-cards .col .inner { padding: 15px; margin-right: 0; }
}

.panel-files {}
.panel-files hr { margin-top: 10px; margin-bottom: 0; }
.panel-files p { font-size: 16px; margin-bottom: 0; font-weight: 500; }
.panel-files .row { margin-bottom: 10px; }
.panel-files .icon-download { position: relative; top: 2px; display: inline-block; width: 21px; height: 21px; background-position: 0 -120px; position: relative; top: 2px; margin-left: 15px; }
.panel-files .col-1 a { text-decoration:none; font-size: 16px; }
.panel-files .col-2 a { display: inline-block; font-family: 'Inter'; font-weight: 300; font-style: italic; text-decoration: none; font-size: 16px; color: #a1a1a1; vertical-align: top; }
.panel-files .year-filters { border-bottom: 1px solid #000; padding-bottom: 5px; margin-bottom: 30px; }
.panel-files .year-filters p { display: inline-block; font-family: 'Roboto Condensed'; color: #636363; font-weight: 400; margin-right: 25px; cursor: pointer; }
.panel-files .year-filters p a {text-decoration:none;color:inherit;font-weight:inherit;}
.panel-files .year-filters p:last-of-type { margin-right: 0; }
.panel-files .year-filters p.active { color: #000; font-weight: 700; }

.page-template-page-investors-announcements .panel-files .row { display: none; }
.page-template-page-investors-announcements .panel-files .row.active { display: block; }
.page-template-page-investors-announcements .main > .inner { min-height: calc(100vh - 446px); }

@media (max-width: 480px) {
	.panel-files .col { width: 100%; }
}

.three-lists-view-more { padding-top: 45px; }
.three-lists-view-more h6 { position: relative; }
.three-lists-view-more .trim > li:nth-child(n+4) { display: none; }
.three-lists-view-more .view-more { font-size: 14px; color: #707070; text-decoration: underline; cursor: pointer; margin-bottom: 0; }
.three-lists-view-more .view-more:before { content:'View Less'; }
.three-lists-view-more .trim + p.view-more { display: inline-block; }
.three-lists-view-more .trim + p.view-more:before { content:'View More'; }
.three-lists-view-more ul { margin-bottom: 8px; }
.three-lists-view-more ul li { line-height: 1.8; }
@media (max-width: 767px){
	.three-lists-view-more .col { width: 50%; margin-bottom: 20px; }
}
@media (max-width: 500px){
	.three-lists-view-more .col { width: 100%; }
}


/* Cycle 2 Slider */
.cycle-pager { position: absolute; z-index: 200; bottom: 10px; width: 100%; text-align: center; }
.cycle-pager span { cursor: pointer; font-size: 0; width: 9px; height: 9px; margin-left: 8px; margin-right: 8px; display: inline-block; border-radius: 50%; background-color: #f2f2f2; box-shadow: 0 0 2px rgba(0,0,0,0.4); }
.cycle-pager span.cycle-pager-active { background-color: #ffd503; }

/* Homepage */
.icon-download { width: 26px; height: 26px; background-image: url(images/icon-sprite.png); background-position: 0 -62px; }

.panel-linkedin-news { padding-top: 60px; padding-bottom: 30px; }
.panel-linkedin-news .row-flex { margin-left: -15px; margin-right: -15px; }
.panel-linkedin-news .col-2 .heading h2 { float: left; }
.panel-linkedin-news .col-2 .heading a { float: right; font-family: 'din_alternatebold'; text-decoration: none; margin-top: 3px; }
.panel-linkedin-news .col-2 .heading a::after { content: ""; width: 8px; height: 12px; background-position: 0 -236px; background-image: url(images/icon-sprite.png); display: inline-block; vertical-align: top; margin-left: 8px; margin-top: 6px; }
.panel-linkedin-news .col-2 .col { float: left; width: 50%; }
.panel-linkedin-news .col-2 .col a { text-decoration: none; font-family: 'din_alternatebold'; }
.panel-linkedin-news .col-2 .col .inner { margin-bottom: 20px; }
.panel-linkedin-news .col-2 .excerpt p { max-height: 4.8em; overflow: hidden; margin-bottom: 4px; }
.panel-linkedin-news .col-2 .date { font-family: 'din_alternatebold'; font-size: 20px; margin-bottom: 3px; }
.panel-linkedin-news .col-2 .col-wrapper > .col:nth-of-type(1) { padding-right: 30px; }
.panel-linkedin-news .col-2 .col-wrapper > .col:nth-of-type(2) { padding-left: 30px; }

.home-linkedin-widget { max-width: 350px; }
.home-linkedin-widget h3 { font-size: 22px; font-family: 'Roboto Condensed'; font-weight: 700; }
.home-linkedin-widget h3 a { color: #069; text-decoration: none; }
.home-linkedin-widget p { line-height: 1.2; font-size: 14px; margin-bottom: 5px; }
.home-linkedin-widget p.tagline { color: #666; }
.home-linkedin-widget .col-image { float: right; margin-left: 15px; }
.home-linkedin-widget .col-image img { max-width: 80px; }
.home-linkedin-widget .col-desc { overflow: hidden; }
@media (max-width: 991px) {
	.panel-linkedin-news .row-flex { display: block; }
	.panel-linkedin-news .col-1 { margin-bottom: 30px; }
	.home-linkedin-widget { max-width: 100%; }
}
@media (max-width: 480px) {
	.panel-linkedin-news .col-2 .date { font-size: 18px; }
	.panel-linkedin-news .col-2 .heading h2 { width: 100%; margin-bottom: 10px; }
	.panel-linkedin-news .col-2 .heading a { float: none; margin-bottom: 15px; display: inline-block; }
	.panel-linkedin-news .col-2 .col-wrapper > .col:nth-of-type(1) { padding-right: 0; width: 100%; margin-bottom: 15px; }
	.panel-linkedin-news .col-2 .col-wrapper > .col:nth-of-type(2) { padding-left: 0; width: 100%; }
}

/* Homepage - Banner Bottom */
.home-banner-bottom-wrapper { position: relative; }
.home-banner-bottom { background-color: rgba(0,0,0,0.6); position: absolute; bottom: 0; width: 100%; left: 0; color: #FFF; padding: 13px 0; }
.home-banner-bottom a { color: #FFF; }
.home-banner-bottom p { font-family: 'urw-din'; font-weight: 500; font-size: 14px; margin-bottom: 0; }
.home-banner-bottom .sub-title { margin-bottom: 7px; }
.home-banner-bottom .description { font-size: 18px; }
.home-banner-bottom .icon-download {}
.home-banner-bottom .text-group { display: inline-block; }
.home-banner-bottom .active-download .icon-download { display: inline-block; position: absolute; right: 10px; top: 36px; }
.home-banner-bottom .active-download .text-group { padding-right: 35px; }
.home-banner-bottom .col { padding-left: 35px; }
.home-banner-bottom .col::before { content: ""; display: block; position: absolute; right: 0; height: 100%; width: 1px; background-color: #555; }
.home-banner-bottom .row-flex .col:last-of-type::before { content: none; }
.home-banner-bottom .row-flex .col:first-of-type { padding-left: 0; }
.home-banner-bottom .row-flex > .col { width: 25%; position: relative; }

.latest-stock-price a { text-decoration:none; }
.latest-stock-price .icon-up { display: inline-block; background-image: url(images/icon-sprite.png); width: 12px; height: 8px; background-position: 0 -143px; margin-left: 5px; margin-right: 5px; }
.latest-stock-price .icon-down { display: inline-block; background-image: url(images/icon-sprite.png); width: 12px; height: 8px; background-position: 0 -153px; margin-left: 5px; margin-right: 5px; }
.latest-stock-price .icon-flat { display: inline-block; width: 12px; height: 2px; background-color: #ffd503; vertical-align: top; margin-top: 11px; margin-left: 5px; margin-right: 5px; }
.latest-stock-price .description { font-size: 30px; line-height: 1; }

@media (max-width: 991px) {
	.home-banner-bottom { position: static; background-color: #000; }
	.home-banner-bottom .row-flex > .col { padding-left: 15px; }
}
@media (max-width: 768px) {
	.home-banner-bottom .row-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.home-banner-bottom .row-flex > .col { width: 50%; }
	.home-banner-bottom .row-flex > .col:nth-of-type(2)::before { content: none; }
	.home-banner-bottom .row-flex > .col:nth-of-type(3) { padding-left: 0; }
	.home-banner-bottom .row-flex > .col:nth-of-type(1),
	.home-banner-bottom .row-flex > .col:nth-of-type(2) { margin-bottom: 20px; }
}
@media (max-width: 480px) {
	.home-banner-bottom { padding: 10px 0; }
	.home-banner-bottom p { font-size: 12px; }
	.home-banner-bottom .description { font-size: 16px; }
	.home-banner-bottom .sub-title { margin-bottom: 2px; }
	.latest-stock-price .description { font-size: 22px; }
	.home-banner-bottom .row-flex > .col { width: 100%; padding-left: 0; border-bottom: 1px solid #555; padding-bottom: 10px; margin-bottom: 10px; }
	.home-banner-bottom .col::before { content: none; }
	.home-banner-bottom .row-flex > .col:nth-of-type(1), 
	.home-banner-bottom .row-flex > .col:nth-of-type(2) { margin-bottom: 10px; }
	.home-banner-bottom .row-flex > .col:last-of-type { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
	.home-banner-bottom .active-download .icon-download { top: 22px; }
	.home-banner-bottom .sub-title { position: absolute; right: 0; }
	.latest-stock-price .sub-title { position: static; }
}

.page-template-page-homepage .container-large > .inner { padding-top: 0; }
.banner-home { position: relative; overflow: hidden; }
.banner-home h1 { position: absolute; top: 50%; width: 100%; text-align: center; font-size: 120px; color: #FFF; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 15px 110px 15px; margin-bottom: 0; }
.banner-home .video-background { height: 100%; width: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; }
@media (max-width: 1199px) {
	.banner-home h1 { font-size: 100px; }
}
@media (max-width: 991px) {
	.banner-home h1 { font-size: 80px; padding-bottom: 0; }
}
@media (max-width: 768px) {
	.banner-home h1 { font-size: 50px; }
}
@media (max-width: 420px) {
	.banner-home > img { height: 220px; }
}

/* About Pages */
.page-history .panel-bg-inner { background-image: url(images/background-history-top.png); }
.page-history .main > .inner { background-image: url(images/background-history.jpg); background-repeat: no-repeat; background-position: center top; }
.page-history .main.background-fixed > .inner { background-attachment: fixed; }
.page-history .logo-wrapper { text-align: center; margin-bottom: 130px; }
.timeline { position: relative; }
.timeline::before { content: ""; height: calc(100% - 20px); width: 1px; background-color: #959595; display: block; position: absolute; left: 50%; top: 90px; z-index: 1; }
.timeline .inner { position: relative; }
.timeline .inner::before { content: ""; position: absolute; display: block; width: 18px; height: 18px; left: 50%; background-color: #000; border-radius: 50%; top: 100px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; }
.timeline .inner::after { content: ""; position: absolute; display: block; width: 60px; height: 1px; left: 50%; background-color: #acacac; top: 109px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.timeline .row { margin-bottom: 20px; }
.timeline .year { text-align: center; margin-bottom: 45px; padding-left: 15px; padding-right: 15px; }
.timeline .year p { display: inline-block; font-size: 28px; font-family: 'urw-din'; font-weight: 300; background-color: #e1e1e1; border-radius: 30px; padding: 6px 40px; line-height: 1; position: relative; z-index: 10; margin-bottom: 0; }
.timeline .item-wrapper > .row:nth-of-type(odd) .col-1 { float: right; padding-left: 60px; }
.timeline .item-wrapper > .row:nth-of-type(odd) .col-2 { padding-right: 60px; }
.timeline .item-wrapper > .row:nth-of-type(odd) .col-2 .description { float: right; }
.timeline .item-wrapper > .row:nth-of-type(even) .col-1 { text-align: right; padding-right: 60px; }
.timeline .item-wrapper > .row:nth-of-type(even) .col-2 { padding-left: 60px; }
.timeline .col .description { max-width: 330px; }
@media (max-width: 700px) {
	.page-history .logo-wrapper { margin-bottom: 80px; }
	.timeline::before { left: 0; }
	.timeline .inner::before { left: 6px; -webkit-transform: translateX(0); transform: translateX(0); }
	.timeline .inner::after { left: 0; width: 30px; -webkit-transform: translateX(0); transform: translateX(0); }
	.timeline .year { text-align: left; margin-bottom: 20px; }
	.timeline .year p { margin-left: 15px; }
	.timeline .item-wrapper .col { width: 100%; }
	.timeline .col .description { max-width: 100%; }
	.timeline .item-wrapper > .row:nth-of-type(odd) .col-1 { float: left; width: 100%; padding-left: 30px; }
	.timeline .item-wrapper > .row:nth-of-type(odd) .col-2 { padding-right: 15px; padding-left: 30px; margin-top: 10px; }
	.timeline .item-wrapper > .row:nth-of-type(even) .col-1 { padding-right: 15px; text-align: left; padding-left: 30px; }
	.timeline .item-wrapper > .row:nth-of-type(even) .col-2 { padding-left: 30px; margin-top: 10px; }
}


.page-locations .main img { margin-left: 230px; }
.page-locations .intro { margin-bottom: 40px; }
.page-locations .item { margin-bottom: 40px; }
.page-board-of-directors .container-large > .inner { padding-bottom: 0; }
.page-leadership-team .container-large > .inner { padding-bottom: 0; }
@media (max-width: 991px) {
	.page-locations .main img { margin-left: 0; }
}

/* Share Price details page */
table.share-price-details { width:100%; }
table.share-price-details th { width:40%; padding-bottom:20px; font-size:16px; text-align:left; }
table.share-price-details td { width:60%; padding-bottom:20px; font-size:16px; }
.share-price-information p { margin:3px 0 25px 0; text-align:center; }
.share-price-information > .inner { padding-bottom:0; }

/* Service Pages */
.page-energy .button-secondary,
.page-minerals .button-secondary { margin-bottom: 7px; }
.page-energy .button-secondary span,
.page-minerals .button-secondary span { background-image: url(images/icon-sprite.png); background-repeat: no-repeat; display: inline-block; background-position: 0 -163px; width: 30px; height: 16px; float: right; margin-top: 4px; }
.page-energy .panel-text-image-video .col-1 .inner { padding-right: 20px; }
.page-services .panel-text-image-video { margin-bottom: 40px; }
.page-services .panel-text-image-video .col-2 .inner { padding-left: 100px; }
.page-services .panel-2card-links { padding-top: 10px; padding-bottom: 0; border-bottom: 0; }
@media (max-width: 991px) {
	.page-energy .panel-text-image-video .col-1 { margin-bottom: 20px; }
	.page-energy .panel-text-image-video .col-1 .inner { padding-right: 0; }
	.page-energy .button-secondary { max-width: 240px; display: block; }
	.page-services .panel-text-image-video .col-2 .inner { padding-left: 0; }
}

.sub-service-case-study-top h2 { float: left; }
.sub-service-case-study-top a { float: right; text-decoration: none; font-family: 'din_alternatebold'; margin-top: 6px; }
.sub-service-case-study-top a::after { content: ""; background-image: url(images/icon-sprite.png); width: 8px; height: 12px; background-repeat: no-repeat; display: inline-block; background-position: 0 -236px; margin-top: 6px; vertical-align: top; margin-left: 4px; }
.sub-service-case-study-top hr { background-color: #ccc; margin-top: 50px; margin-bottom: 50px; }
@media (max-width: 370px) {
	.sub-service-case-study-top a { width: 100%; margin-top: 0; margin-bottom: 15px; }
}

.page-template-page-services-specific-service .case-study-list .flex-wrapper .col { padding-bottom: 0; margin-bottom: 30px; }
.page-template-page-services-specific-service .case-study-list .flex-wrapper > div:nth-child(-n+3) { border-bottom: 0 }

/* Case Study - List */
.case-study-list .image-wrapper { height: 140px; background-color: #e4e4e4; background-repeat:no-repeat; background-position:50% 25%; background-size:cover; }
.case-study-list .container { overflow: hidden; }
.case-study-list .flex-wrapper { position: relative; margin-left: -30px; margin-right: -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.case-study-list .flex-wrapper::before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 30px; background-color: #FFF; }
.case-study-list .flex-wrapper::after { content: ""; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 30px; background-color: #FFF; }
.case-study-list .flex-wrapper .col { padding-left: 30px; padding-right: 30px; width: 33.33333333%; padding-bottom: 50px; margin-bottom: 50px; }
.case-study-list .flex-wrapper > div:nth-child(-n+3) { border-bottom: 1px solid #ebebeb; }
.case-study-list .flex-wrapper .inner { background: #fafafa; height: 100%; }
.case-study-list .flex-wrapper > p { padding-left: 30px; padding-right: 30px; }
.case-study-list .col .text-wrapper { padding: 22px 17px 0 17px; }
.case-study-list h3,
.case-study-list h4, 
.case-study-list .subtitle { font-size: 16px; font-family: 'din_alternatebold'; }
.case-study-list h3 { margin-bottom: 4px; }
.case-study-list h3 a { text-decoration: none; }
.case-study-list h3 a:hover { text-decoration: underline; }
.case-study-list h4 { margin-bottom: 20px; text-transform: capitalize; }
.case-study-list .subtitle { margin-bottom: 0; }
.case-study-list-filter h3 { display: inline-block; font-size: 18px; text-transform: uppercase; font-family: 'Roboto Condensed'; margin-right: 22px; }

.case-study-list-filter .radio-group,
.case-study-list-filter .checkbox-group { display: inline-block; vertical-align: top; padding-top: 11px; }

.case-study-list-filter .radio-group .checkmark,
.case-study-list-filter .checkbox-group .checkmark { display: inline-block; width: 16px; height: 16px; border: 1px solid #CCC; position: relative; float: left; margin-right: 7px; }
.case-study-list-filter input[type="radio"] { opacity: 0; position: absolute; height: 0; width: 0; }
.case-study-list-filter input[type="radio"]:checked + .checkmark::after,
.case-study-list-filter input[type="checkbox"]:checked + .checkmark::after { content: ""; display: block; width: 10px; height: 10px; background-color: #575757; position: absolute; left: 2px; top: 2px; }
.case-study-list-filter label { position: relative; font-family: 'din_alternatebold'; text-transform: uppercase; font-size: 14px; color: #6d6d6d; vertical-align: top; line-height: 1.3; margin-right: 14px; margin-top: 3px; }
.case-study-list-filter input[type="checkbox"] { opacity: 0; position: absolute; height: 0; width: 0; }
.case-study-list-filter .button-primary { font-family: 'Roboto Condensed'; font-size: 15px; background-color: transparent; border-radius: 0; border: 2px solid black; color: #000; float: right; margin-top: 3px; }
.case-study-list-filter .button-primary:hover { background: #000; color: #FFF; border-color: #000; }
.case-study-list-filter .inner { float: left; width: 100%; border-bottom: 1px solid #ebebeb; margin-bottom: 45px; padding-bottom: 22px; }
.case-study-list-filter .divider { display: inline-block; height: 42px; width: 1px; background-color: #e1e1e1; margin-right: 12px; }

.btn-search { width: 100%; clear: both; }
@media (max-width: 1199px) {
	.case-study-list-filter .radio-group, 
	.case-study-list-filter .checkbox-group { width: 100%; }
	.case-study-list-filter .divider { display: none; }
	.case-study-list-filter .button-primary { float: left; margin-top: 15px; }
}
@media (max-width: 991px) {
	.case-study-list .flex-wrapper .col { width: 50%; padding-bottom: 0; }
	.case-study-list .flex-wrapper > div:nth-child(-n+3) { border-bottom: 0; }
}
@media (max-width: 768px) {
	.case-study-list .flex-wrapper .col { width: 100%; }
	.case-study-list-filter h3 { display: block; }
}


/* Case Study - Single */
.client-reference h6 { font-family: 'din_alternatebold'; font-style: italic; margin-bottom: 7px; }
.client-reference p { margin-bottom: 7px; }
.client-reference a { text-decoration: none; }
.client-reference a:hover { text-decoration: underline; }
.client-reference .col { margin-bottom: 15px; }
.client-reference .col p span { display: inline-block; width: 72px; }
.case-study-item-bottom { text-align: center; padding-top: 20px; }
.case-study-item-bottom .back-link { color: #474747; font-size: 14px; text-decoration: none; font-family: 'din_alternatebold'; }
.case-study-item-bottom .back-link span { background-image: url(images/icon-sprite.png); width: 6px; height: 11px; background-repeat: no-repeat; display: inline-block; background-position: 0 -199px; }
.case-study-item-bottom .button-wrapper { margin-bottom: 17px; }
.case-study-item-bottom .button-primary { padding-left: 20px; padding-right: 20px; }
.case-study-item-bottom .button-primary span { margin-left: 6px; vertical-align: top; background-image: url(images/icon-sprite.png); width: 22px; height: 22px; background-repeat: no-repeat; display: inline-block; background-position: 0 -212px; }
.single-case_study hr { background-color: #ebebeb; }
.single-case_study .main ul li { margin-bottom: 5px; font-size: 15px; }
.single-case_study .main h3 { font-family: 'Roboto Condensed'; font-size: 22px; }
.single-case_study .client-info { font-family: 'din_alternatebold'; }

.single-case_study .container { max-width: 950px; }

.panel-three-column-facts { padding-top: 30px; padding-bottom: 10px; }
.panel-three-column-facts .label { font-family: Inter; font-size: 17px; font-weight: 700; margin-bottom: 0; }
.panel-three-column-facts .description { color: rgb(121, 121, 121); font-family: Inter; }
.panel-three-column-facts .row > div:nth-of-type(3) { float: right; width: 30%; }

.panel-intro-and-facts { padding-top: 40px; padding-bottom: 20px; }
.main .panel-intro-and-facts h3 { padding-bottom: 0; }
.panel-intro-and-facts .col-text { width: 70%; }
.panel-intro-and-facts .col-facts { width: 30%; }
.panel-intro-and-facts .description p { font-size: 20px; }
.panel-intro-and-facts.regular-facts h3 { padding-bottom: 0; font-family: Inter; font-size: 17px; font-weight: 700; margin-bottom: 10px; }
.panel-intro-and-facts.regular-facts h3:after { content: none; }
.panel-intro-and-facts.regular-facts .col-facts p { color: rgb(121, 121, 121); line-height: 1.8; }
.panel-intro-and-facts.facts-in-grey-box h3 { padding-bottom: 0; font-family: "din-2014"; font-size: 17px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 0.5px; }
.panel-intro-and-facts.facts-in-grey-box h3:after { content: none; }
.panel-intro-and-facts.facts-in-grey-box ul li { font-size: 14px; text-transform: uppercase; font-family: "din-2014"; font-weight: 600; letter-spacing: 0.4px; }
.panel-intro-and-facts.facts-in-grey-box .col-text { width: 60%; }
.panel-intro-and-facts.facts-in-grey-box .col-facts { width: 40%; }
.panel-intro-and-facts.facts-in-grey-box .col-facts .inner { background-color: rgb(245, 245, 245); padding: 20px 25px 5px 25px; }

.single-case_study .panel-content { padding-top: 35px; padding-bottom: 10px; }

.panel-case-study-bottom { padding-top: 45px; }
.panel-case-study-bottom .button-wrapper { float: right; }
.panel-case-study-bottom .button-other-projects { display: inline-block; color: rgb(109, 109, 109); font-family: Roboto Condensed; font-stretch: condensed; font-size: 18px; font-weight: 400; text-decoration: none; text-transform: uppercase; letter-spacing: 0.45px; padding-right: 25px; margin-top: 8px; background: url(images/icon-chevron-right-yellow.png) no-repeat; background-size: 8px 12px; background-position: 100% 50%; -webkit-transition: 0.2s all; transition: 0.2s all; }
.panel-case-study-bottom .button-other-projects:hover { color: #000; }

.panel-two-column-facts-box { padding-top: 50px; padding-bottom: 20px; }
.panel-two-column-facts-box .item { margin-bottom: 30px; padding-left: 15px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.panel-two-column-facts-box .item .inner { height: 100%; background-color: rgb(245, 245, 245); padding: 20px 25px 5px 25px; }
.panel-two-column-facts-box .item h3 { padding-bottom: 0; font-family: Inter; font-size: 17px; font-weight: 700; margin-bottom: 10px; }
.panel-two-column-facts-box .item h3:after { content: none; }
.panel-two-column-facts-box ul li { font-weight: 500; }

@media (max-width: 991px){
	.panel-intro-and-facts.facts-in-grey-box .col-text,
	.panel-intro-and-facts.facts-in-grey-box .col-facts,
	.panel-intro-and-facts .col-text,
	.panel-intro-and-facts .col-facts { width: 100%; }
	
	.panel-three-column-facts .row > div:nth-of-type(3) { float: none; width: 100%; }
}
@media (max-width: 767px){
	.panel-two-column-facts-box .item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 480px){
	.panel-case-study-bottom a.button-primary { margin-bottom: 20px; }
	.panel-case-study-bottom .button-wrapper { float: none; }
}

/* Careers */
.page-careers .the-content p {  }
.page-careers .the-content h3 { font-family: 'Inter'; }
.page-careers .title-underline { margin-top: 57px; }
.page-careers .container.iframe { margin-top: -10px; }
#careers-images { max-width: 1320px; background-color: #fff; display: flex; justify-content: space-evenly; padding: 5px 0 0; font-size: 0; }
#careers-images img { padding-left: 5px; flex: 25%; }
#careers-images img:first-of-type { padding-left: unset; }
.page-careers .container.iframe { max-width: 1170px; width: 100%; overflow: hidden; }
.page-careers .container.iframe iframe { margin-top:-20px; }
.panel-three-videos { padding-top: 15px; }
.panel-three-videos .item { margin-bottom: 15px; }
.page-careers .panel-three-videos .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; }
.page-careers .panel-three-videos .video-wrapper iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.page-careers .panel-three-videos .video-wrapper .inner { max-width: 560px; }
.careers-button-wrapper { margin-top: 40px; text-align: center; }

@media (max-width: 1366px) {
	#careers-images img { max-width: 25%; }
}

/* Foundation */
@media (max-width:767px) {
	.page-template-page-foundation .container { padding:0 25px; }
}
.page-template-page-foundation .panel-bg-inner { background:url(images/banner-foundation.jpg) 50% 50% no-repeat; background-size:cover; }
.page-template-page-foundation .panel-banner .title-wrapper h1 { font-family: 'Inter'; font-weight: 600; line-height:1; text-transform:none; color: #fff; font-size: 42px; margin:0; }
.page-template-page-foundation .panel-banner .title-wrapper h1:before { display:none; }
.panel-foundation-intro .panel-text-image-video { padding:20px 0 40px 0; }
.panel-foundation-intro h2 { letter-spacing: 1.04px; }
.panel-foundation-intro h2:after { display:none; }
.panel-foundation-intro p { margin-bottom:32px; }
.panel-foundation-intro .inner { padding-right:25px; }
.panel-foundation-boxes { padding: 60px 0 30px 0; border-bottom: 1px solid #d7d7d7; }
.panel-foundation-boxes .inner { margin-bottom:25px; }
.panel-foundation-boxes .col-xs-3 { text-align:center; }
.panel-foundation-boxes .box-1 .col-xs-9 { max-width:385px; }
.panel-foundation-boxes img { width:100%; max-width:80px; }
.panel-foundation-boxes h2 { letter-spacing: 1.04px; margin-bottom:45px; }
.panel-foundation-boxes h3 { color: #58237f; font-size: 18px; font-family: 'Inter'; font-weight: 600; line-height:1.3; }
.panel-foundation-boxes p { margin-bottom:20px; }
.panel-foundation-boxes p a { font-family: 'urw-din'; font-weight: 500; color: #58237f; }
.panel-foundation-boxes p a.button { background-color: #58237f; color:#fff; text-decoration:none; display:block; height:35px; line-height:35px; text-align:center; font-size: 18px; text-transform: uppercase; letter-spacing: 1.04px; }
.panel-foundation-boxes .col-icon { float: left; padding-left: 15px; padding-right: 15px; width: 130px; }
.panel-foundation-boxes .col-text { float: left; padding-left: 15px; padding-right: 15px; width: calc(100% - 130px); }

.panel-foundation-items { padding: 60px 0 60px 25px; border-bottom: 1px solid #d7d7d7; }
.panel-foundation-items .col-lg-3 { margin-top:-17px; }
.panel-foundation-items .panel-foundation-item-tab { padding-left: 30px; }
.panel-foundation-items h2 { letter-spacing: 1.04px; margin-bottom:45px; }
.panel-foundation-items h3 { font-size: 18px; border-bottom:1px solid #dbdbdb; min-height:64px; margin:0; padding:21px 0 21px 26px; background:url(images/icon-triangle-purple.png) 0 25px no-repeat; background-size:8px 12px; }
.panel-foundation-items h3 a { font-family:'Inter'; font-weight: 600; color: #3c3c3c; display:block; text-decoration:none; outline:none; }
.panel-foundation-items h3.active a { color: #58237f; }
.panel-foundation-items p { line-height:1.75; }
.panel-foundation-items li { line-height:1.75; }

.panel-foundation-footer { padding: 60px 0 0 0; }
.panel-foundation-footer h2 { font-family: 'Inter'; font-weight: 600; text-transform:none; line-height:1.53; max-width:982px; margin:0 auto 45px auto; }
.panel-foundation-footer p { font-size: 14px; text-align:center; }
.panel-foundation-footer a { display: inline-block; text-decoration: none; }

.page-template-page-foundation-donate .container-large > .inner { padding-bottom:0; }
.panel-foundation-donate { padding: 20px 0 0 0; /*border-bottom: 1px solid #d7d7d7;*/ }
.panel-foundation-donate .payment-form-wrapper { max-width:666px; margin:0 auto; }
.panel-foundation-donate hr { margin:40px 0 64px 0; background-color:#ccc; }
.panel-foundation-donate h2 { margin-bottom:52px; letter-spacing: 1.04px; }
.panel-foundation-donate .wpcf7-form .row { margin:0 -5px; }
.panel-foundation-donate .wpcf7-form .row > div { padding:0 5px; }
.panel-foundation-donate .col-label label { color: #58237f; font-size: 18px; font-family: 'urw-din'; font-weight: 500; }
.panel-foundation-donate small { color: #9f9f9f; font-size: 13px; margin-top:10px; }
.panel-foundation-donate .col-field { margin-bottom:29px; }
.panel-foundation-donate .wpcf7-form-control-wrap input.wpcf7-form-control { border: 1px solid #d2d2d2; height: 36px; font-size:16px; font-family:helvetica, tahoma, calibri, sans-serif; color:#3a3a3a; padding-left:8px; }
.panel-foundation-donate .wpcf7-form-control-wrap .radiobuttons span { margin:0; }
.panel-foundation-donate .wpcf7-form-control-wrap .radiobuttons label { font-weight:normal; cursor:pointer; }
.panel-foundation-donate .wpcf7-form-control-wrap .radiobuttons input { width:auto; border:none; visibility:hidden; }
.panel-foundation-donate .wpcf7-form-control-wrap .radiobuttons input + span { display:block; float:left; width:200px; background:url(images/icon-checkbox-off.png) 0 0 no-repeat; background-size:27px 27px; padding-left:42px; min-height:27px; padding-top:3px; }
.panel-foundation-donate .wpcf7-form-control-wrap .radiobuttons input:checked + span { background:url(images/icon-checkbox-on.png) 0 0 no-repeat; background-size:27px 27px; }
.panel-foundation-donate .wpcf7-submit { min-height: 37px; background-color: #58237f; color:#fff; display:block; width:100%; max-width:282px; text-align:center; border:none; font-size: 18px; text-transform: uppercase; letter-spacing: 1.04px; font-family: 'Roboto Condensed'; font-weight:400; padding-top:0; padding-bottom:0; }
.panel-foundation-donate .wpcf7 .wpcf7-response-output { margin:0 auto 150px auto; float:none; max-width:600px; }
.panel-foundation-donate p.google-disclaimer { padding-right: 15px; padding-left: 0; font-family: 'urw-din'; font-weight: 500; font-size: 11px; color: #727272; }
@media (min-width:768px) {
	.panel-foundation-donate .col-label { float:left; width:23%; }
	.panel-foundation-donate .col-field { float:left; width:77%; }
}
@media (min-width: 501px) {
	.page-template-page-foundation .breadcrumb { color: #fff; }
	.page-template-page-foundation .breadcrumb a { color:#fff; }
	.page-template-page-foundation .breadcrumb span { color:#fff; }
}

@media (max-width:767px) {
	.panel-foundation-items { padding-left: 0; }
	.panel-foundation-items .panel-foundation-item-tab { padding-left: 0; padding-top: 30px; }
	.panel-foundation-boxes .col-icon { float: none; width: 100%; margin-bottom: 10px; }
	.panel-foundation-boxes .col-text { float: none; width: 100%; }
	.page-template-page-foundation-donate .container { padding:0 25px; }
	.panel-foundation-boxes .item { text-align: center; }
}
@media (max-width: 350px) {
	.page-template-page-foundation .panel-banner .title-wrapper h1 { font-size: 32px; }
}

/* Contact Pages */
#map_canvas { width: 100%; height: 552px; }
#map_overlay { display: block; width: 100%; height: 552px; background: transparent; position: absolute; z-index: 900; }
.contact-details a { text-decoration: none; }
.contact-details a:hover { text-decoration: underline; }
.contact-details h3 { font-size: 22px; text-transform: uppercase; font-family: 'Roboto Condensed'; margin-bottom: 5px; }
.contact-details .item { margin-bottom: 33px; }
.page-contact .linkedin-wrapper a { font-family: 'urw-din'; font-size: 13px; font-weight: 500; text-transform: uppercase; text-decoration: none; border: 1px solid #000; padding: 6px 11px 6px 11px; max-width: 225px; width: 100%; display: inline-block; -webkit-transition: 0.2s all; transition: 0.2s all; }
.page-contact .linkedin-wrapper a:hover { background-color: #000; color: #fff; }
.page-contact .linkedin-wrapper a:hover span { background-image: url(images/icon-linkedin.png); }
.page-contact .linkedin-wrapper span { display: inline-block; width: 16px; height: 15px; vertical-align: top; background-image: url(images/icon-linkedin-black.png); background-size: contain; background-repeat: no-repeat; margin-right: 15px; }
.page-contact .container-large > .inner { padding-bottom: 100px; }

@media (max-width: 991px){
	.page-contact .col-details { margin-bottom: 40px; }
}
@media (max-width: 767px){
	#map_overlay,
	#map_canvas { height: 360px; }
	#map_overlay_logo { margin-top: 187px !important; }
}

/* Sidebar - contact */
.sidebar-contact { background-color: #000; width: 45px; position: fixed; z-index: 100; right: 0; top: 270px; padding: 18px 11px 20px 12px; margin: 0; list-style-type: none; text-align: center; }
.sidebar-contact li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #555; line-height: 0; }
.sidebar-contact li a { background-image: url(images/icon-sprite.png); background-repeat: no-repeat; display: inline-block; }
.sidebar-contact li:nth-of-type(1) > a { width: 15px; height: 16px; background-position: 0 0; }
.sidebar-contact li:nth-of-type(2) > a { width: 18px; height: 11px; background-position: 0 -17px; }
.sidebar-contact li:nth-of-type(3) > a { width: 16px; height: 15px; background-position: 0 -29px; }
.sidebar-contact li:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
@media (max-width: 991px) {
	.sidebar-contact { display: none; }
}

/* Blog List */
.blog-list > .col:first-of-type { padding-top: 0; }
.blog-list h2 { text-transform: none; font-size: 22px; }
.blog-list h2 a { text-decoration: none; }
.blog-list .col { padding-bottom: 40px; padding-top: 40px; border-bottom: 1px solid #ebebeb; }
.blog-list .thumb-wrapper { float: left; margin-right: 40px; }
.blog-list .thumb { background-color: #eee; width: 340px; height: 177px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.blog-list .text-wrapper { overflow: hidden; }
.blog-list .read-more { color: #707070; font-size: 14px; }
.blog-list .date { color: #a1a1a1; font-size: 18px; font-family: 'urw-din'; font-weight: 300; font-style: italic; margin-bottom: 10px; }
@media (max-width: 767px) {
	.blog-list .thumb-wrapper { width: 100%; margin-right: 0; margin-bottom: 30px; }
	.blog-list .thumb { max-width: 340px; width: 100%; }
	.blog-list .text-wrapper { overflow: visible; }
}

.pagination { text-align: center; font-family: 'urw-din' }
.pagination .current { color: #000; font-weight: 500; margin-left: 6px; margin-right: 6px; }
.pagination .inactive { color: #ccc; font-weight: 300; text-decoration: none; margin-left: 6px; margin-right: 6px; }
.pagination .inactive:hover { color: #000; }

body.blog .pagination { padding-top: 30px; }

/* Blog Post */
.the-content h4 { margin-bottom: 22px; font-size: 20px; }
.single-post .the-content { max-width: 860px; margin-left: auto; margin-right: auto; }
.single-post .the-content .hero-image { width: 100%; margin-bottom: 35px; }
.post-banner-date { position: absolute; bottom: 21px; width: 100%; text-align: center; font-size: 20px; color: #464646; font-style: italic; font-family: 'urw-din'; font-weight: 300; }
.single-post .back-to-news { max-width: 860px; margin-left: auto; margin-right: auto; border-top: 1px solid #ebebeb; margin-top: 70px; padding-top: 10px; text-align: center; }
.single-post .back-to-news a { font-size: 14px; text-decoration: none; color: #474747; font-family: 'din_alternatebold'; }
.single-post .back-to-news a::before { content: ""; background: url(images/icon-sprite.png) no-repeat 0 -199px; display: inline-block; width: 6px; height: 11px; margin-right: 4px; }

/* Contact Form */
.wpcf7-not-valid-tip { font-size: 13px; }
.wpcf7-spinner { position: absolute; }
.wpcf7-response-output { float:left; clear:both; font-weight:bold; font-size:18px; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { margin: 12px 0 0 0; float: left; }
.form-bottom { background-color: #e5e5e7; }
.form-bottom .form-title { padding-top: 50px; margin-bottom: 0; max-width: 300px; font-size: 64px; font-family: 'Roboto Condensed'; text-transform: uppercase; }
.form-bottom .container-large > .inner { background-color: #fff; padding-top: 30px; padding-bottom: 30px; }
.contact-form-wrapper input { font-family: 'dinregular'; }
.contact-form-wrapper label { font-family: 'Inter'; font-weight: 300; color: rgb(66, 66, 66); font-size: 12px; margin-bottom: 0; }
.wpcf7-form-control-wrap input { width: 100%; border: 0; border-bottom: 1px solid #d7d7d7; background-color: transparent; border-radius: 0; }
.contact-form-wrapper input[type="submit"] { background-color: transparent; border: 2px solid #000; border-radius: 0; font-size: 18px; text-transform: uppercase; font-family: 'Roboto Condensed'; padding: 9px 25px 8px 25px; float: right; -webkit-transition: all 0.2s; transition: all 0.2s; }
.contact-form-wrapper input[type="submit"]:hover { background-color: #000; color: #FFF; }
.contact-form-wrapper form .col-1,
.contact-form-wrapper form .col-2 { float: left; width: 50%; }
.contact-form-wrapper form .col-1 { padding-right: 15px; }
.contact-form-wrapper form .col-2 { padding-left: 15px; }
.contact-form-wrapper form .item { margin-bottom: 5px; }
.contact-form-wrapper .row-bottom { float: left; width: 100%; margin-top: 15px; }
.contact-form-wrapper .row-bottom > .wpcf7-form-control-wrap { float: left; }
.contact-form-wrapper .row-bottom > p { float: left; padding-left: 15px; margin-bottom: 0; width: 50%; margin-top: 10px; }
.contact-form-wrapper .row-bottom > p .wpcf7-checkbox { width: 140px; display: inline-block; position: relative; }
.contact-form-wrapper .row-bottom > p br { display: none; }
.contact-form-wrapper .row-bottom > p.google-disclaimer { width: 50%; padding-right: 15px; padding-left: 0; font-weight: 500; font-size: 11px; color: #727272; }
.contact-form-wrapper .google-disclaimer a { color: #727272; }
.contact-form-wrapper form .col-1 .wpcf7-form-control-wrap input,
.contact-form-wrapper form .col-2 .wpcf7-form-control-wrap input { height: 26px; font-size: 14px; }
.contact-form-wrapper .row-bottom .wpcf7-list-item-label { font-family: 'urw-din'; font-weight: 500; font-size: 11px; color: #727272; display: inline-block; }
.contact-form-wrapper input[type="checkbox"] { position: absolute; top: 0; left: 0; width: auto; margin-top: 2px; }
.contact-form-wrapper form::after { content: ""; display: table; clear: both; }
.grecaptcha-badge { display: none; }

.page-contact .contact-form-wrapper { margin-top: 40px; }

@media (max-width: 1199px) {
	.page-contact .contact-form-wrapper .row-bottom { text-align: center; }
	.page-contact .contact-form-wrapper .row-bottom > .wpcf7-form-control-wrap { width: 100%; }
	.page-contact .contact-form-wrapper .row-bottom > .wpcf7-form-control-wrap > div > div { margin-left: auto; margin-right: auto; }
	.page-contact .contact-form-wrapper .row-bottom > p { float: none; clear: both; padding: 0; margin-left: auto; margin-right: auto; display: inline-block; text-align: left; }
}
@media (max-width: 991px) {
	.form-bottom .form-title { max-width: 100%; padding-top: 0; font-size: 35px; margin-bottom: 30px; }
}
@media (max-width: 768px) {
	.contact-form-wrapper > .container-large { padding-left: 0; padding-right: 0; }
	.form-bottom .container-large { padding-left: 0; padding-right: 0; }
}
@media (max-width: 767px) {
	.contact-form-wrapper input[type="submit"] { float: none; }
	.contact-form-wrapper .row-bottom .google-disclaimer + p { text-align: center; }
	.contact-form-wrapper .row-bottom { text-align: center; }
	.contact-form-wrapper .row-bottom > .wpcf7-form-control-wrap { width: 100%; }
	.contact-form-wrapper .row-bottom > .wpcf7-form-control-wrap > div > div { margin-left: auto; margin-right: auto; }
	.contact-form-wrapper .row-bottom > p { float: none; max-width: 302px; width: 100%; clear: both; margin-left: auto; margin-right: auto; text-align: left; padding-left: 0; }
	.contact-form-wrapper .row-bottom > p.google-disclaimer { width: 100%; max-width: 302px; padding-right: 0; }
}
@media (max-width: 420px) {
	.contact-form-wrapper form .col-1 { padding-right: 0; width: 100%; }
	.contact-form-wrapper form .col-2 { padding-left: 0; width: 100%; }
}

/* Thank You */
.page-template-page-thank-you .main .inner { background: url(images/background-drill.jpg) no-repeat; background-size: cover; padding-top: 180px; padding-bottom: 300px; background-position: center; }
.page-template-page-thank-you .the-content { text-align: center; }
.page-template-page-thank-you .the-content h1 { display: inline-block; border-bottom: 2px solid #ffd503; padding-bottom: 7px; margin-bottom: 50px; }
.page-template-page-thank-you .the-content p { margin-bottom: 8px; }
.page-template-page-thank-you .the-content a { text-decoration: none; }
.page-template-page-thank-you .the-content a:hover { text-decoration: underline; }

@media (max-width: 767px) {
	.page-template-page-thank-you .main .inner { padding-top: 60px; padding-bottom: 60px; }
}

/* Footer */
.site-footer { background-color: #000; color: #FFF; font-family: 'urw-din'; font-weight: 300; }
.footer-top { padding-bottom: 35px; padding-top: 36px; font-size: 14px; }
.footer-top h4 { color: #ffd503; font-weight: 300; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; }
.footer-top .col-logo { display: inline-block; margin-right: 70px; }
.footer-top .col-logo img { max-width: 147px; }
.footer-top .col-menu { display: inline-block; }
.footer-top .col-linkedin { float: right; padding-top: 8px; }
.footer-top .col-linkedin a { text-transform: uppercase; color: #fff; text-decoration: none; }
.footer-top .col-linkedin span { background: url(images/icon-linkedin.png) no-repeat; background-size: contain; display: inline-block; width: 27px; height: 15px; margin-top: 1px; }

.menu-footer-top-container { padding-top: 8px; }
.menu-footer-top-container ul { margin-left: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; }
.menu-footer-top-container ul::after { content: ""; display: table; clear: both; }
.menu-footer-top-container ul li { display: inline-block; margin-right: 40px; }
.menu-footer-top-container ul li:last-of-type { margin-right: 0; }
.menu-footer-top-container ul li a { font-family: 'urw-din'; font-size: 14px; text-transform: uppercase; color: #FFF; }

@media (max-width: 1199px) {
	.footer-top .col-logo { margin-right: 40px; margin-bottom: 15px; }
	.menu-footer-top-container ul li { margin-right: 20px; }
	.footer-top .col-menu { display: block; text-align: center; }
	.footer-top .col-linkedin { padding-top: 20px; float: none; text-align: center; }
}
@media (max-width: 991px) {
	.footer-top .col-logo { display: block; margin-right: 0; text-align: center; }
}
@media (max-width: 991px) {
	.menu-footer-top-container ul li { margin-right: 0; width: 32%; margin-bottom: 10px; }
}
@media (max-width: 400px) {
	.menu-footer-top-container ul li { width: 49%; }
}


/* Footer Bottom */
.footer-bottom { letter-spacing: 0.5px; font-family: 'Inter'; border-top: 1px solid #1b1b1b; font-size: 12px; padding-top: 11px; padding-bottom: 12px; }
.footer-bottom .inner { text-align: center; }
.footer-bottom .right { float: right; }
.footer-bottom .right a { color: #888; font-size: 14px; font-weight: 500; vertical-align: top; }
.footer-bottom .right a span { background: url(images/icon-sprite.png) no-repeat 0 -45px; display: inline-block; width: 24px; height: 15px; margin-top: 1px; }

.menu-footer-bottom-container { display: inline-block; }
.menu-footer-bottom-container ul { margin-bottom: 0; margin-left: 0; padding-left: 0; list-style-type: none; }
.menu-footer-bottom-container ul li { display: inline-block; }
.menu-footer-bottom-container ul li::before { content: "|"; margin-right: 4px; margin-left: 2px; }
.menu-footer-bottom-container ul li a { color: #FFF; }
@media (max-width: 600px) {
	.footer-bottom .left { width: 100%; text-align: center; margin-bottom: 8px; }
	.footer-bottom .right { float: none; text-align: center; }
}
@media (max-width: 420px) {
	.footer-bottom > .inner > span { display: block; }
	#menu-footer-bottom > li:first-of-type::before { content: none; }
}
@media (max-width: 380px) {
	.footer-bottom .left > span { display: block; }
}
