@charset "UTF-8";
/*!
Theme Name: peopleproviders
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4

Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: peopleproviders
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.

logistics is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #323232;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

h2 {
  font-size: 36px;
  font-weight: 900;
  line-height: 43px;
  margin: 0;
}

@media (max-width: 515px) {
  h2 {
    font-size: 7vw;
    line-height: 9vw;
  }
}
h3.contentTitle {
  border-color: #00549e;
  border-style: solid;
  border-width: 0 0 0 2px;
  padding-left: 13px;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 18px;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
  position: static !important;
}

hr {
  border: 0;
  height: 2px;
  width: 60px;
  background-color: #13b5ea;
  margin: 15px 0 20px;
}

@media (max-width: 750px) {
  hr {
    margin: 23px 0 30px;
  }
}
ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
a.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  display: inline-block;
  border-width: 2px;
  border-radius: 30px;
  border-style: solid;
  border-color: #13b5ea;
  background: #13b5ea;
  color: white;
  line-height: 14px;
  padding: 13px 29px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
a.button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  filter: brightness(86%);
  cursor: pointer;
}
a.button:nth-child(1) {
  margin-right: 14px;
}

a.button.hollow,
button.hollow,
input[type=button].hollow,
input[type=reset].hollow,
input[type=submit].hollow {
  background: transparent;
  color: #13b5ea;
}

/**
  Next: install font awesome and add arrow to button
 */
a.button.green,
button.green,
input[type=button].green,
input[type=reset].green,
input[type=submit].green {
  background: #00549e;
  border-color: #00549e;
  color: white;
}

a.button.hollow.white,
button.hollow.white,
input[type=button].hollow.white,
input[type=reset].hollow.white,
input[type=submit].hollow.white {
  background: transparent;
  color: white;
  border-color: white;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.centralColumnMaxWidth {
  width: 100%;
  max-width: 1150px;
  padding: 0 20px;
  margin: 0 auto;
}

#masthead {
  position: fixed;
  width: 100%;
  background-color: white;
  border: 4px solid #13b5ea;
  border-width: 4px 0 0;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
#masthead .centralColumnMaxWidth {
  position: relative;
}
#masthead .dropdownMenu {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#masthead .dropdownMenu.hidden {
  display: none;
}
#masthead .dropdownMenu .menuTab {
  position: relative;
  width: 80px;
  height: 103px;
  border: 1px solid #DBDBDB;
  border-width: 0 1px;
  background: white;
  margin-bottom: -1px;
}
#masthead .dropdownMenu .dropdown {
  background-color: white;
  border: 1px solid #DBDBDB;
}
#masthead .dropdownMenu ul {
  margin: 0;
  padding: 0;
}
#masthead .dropdownMenu li {
  list-style: none;
  border: 1px solid #DBDBDB;
  border-width: 0 0 1px;
}
#masthead .dropdownMenu li.menu-item-has-children {
  border-width: 0;
}
#masthead .dropdownMenu li.current-menu-item > a, #masthead .dropdownMenu li.current-menu-item > div > a {
  color: #00549e;
}
#masthead .dropdownMenu li a {
  display: block;
  padding: 10px 20px;
  text-align: right;
  text-transform: uppercase;
  text-decoration: none;
  color: #323232;
  font-size: 14px;
  font-weight: 700;
}
#masthead .dropdownMenu li a:hover {
  color: #00549e;
}
#masthead .dropdownMenu li svg {
  width: 20px;
  margin: 10px 20px 10px 10px;
  cursor: pointer;
}
#masthead .dropdownMenu li .arrowWrap {
  display: flex;
  border: 1px solid #DBDBDB;
  border-width: 0 0 1px;
}
#masthead .dropdownMenu li .arrowWrap a {
  flex-grow: 1;
  padding-right: 0;
}
#masthead .dropdownMenu li svg.downArrow {
  display: block;
  height: 20px;
}
#masthead .dropdownMenu li svg.upArrow {
  display: none;
  height: 20px;
}
#masthead .dropdownMenu ul.menu > li:last-child {
  border-width: 0;
}
#masthead .dropdownMenu ul.sub-menu {
  height: 0;
  overflow: hidden;
}
#masthead .dropdownMenu ul.sub-menu.expanded {
  height: auto;
  overflow: visible;
}
#masthead .dropdownMenu ul.sub-menu li {
  background-color: #f4f4f4;
}
#masthead .headerContents {
  position: relative;
  display: flex;
  height: 102px;
  padding: 22px 0;
  justify-content: space-between;
}
#masthead .leftSideElements {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
#masthead .leftSideElements .logo {
  width: 150px;
  height: auto;
  max-width: 79%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#masthead .leftSideElements .logo svg {
  display: block;
}
#masthead .rightSideElements {
  display: flex;
  align-items: center;
}
@media (max-width: 1000px) {
  #masthead .rightSideElements {
    width: auto;
  }
}
@media (max-width: 500px) {
  #masthead .languageSwitcher {
    width: 50px;
    position: relative;
    left: -8px;
  }
}
#masthead .menu-language-switcher-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#masthead .menu-language-switcher-container ul select, #masthead .menu-language-switcher-container ul option {
  text-transform: uppercase;
  outline: none;
  background-color: transparent;
}
#masthead select {
  background-image: url(/wp-content/themes/logistics/images/earth-2.svg), url(/wp-content/themes/logistics/images/select-down-arrow.svg);
  background-repeat: no-repeat;
  background-position: center left, center right 5px;
  padding: 0 18px 0 31px;
  border-width: 0;
  height: 25px;
  font-size: 14px;
  font-weight: 700;
  color: #323232;
  cursor: pointer;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  #masthead select {
    width: 0;
  }
}
#masthead a.phone {
  display: inline-block;
  background: url(/wp-content/themes/logistics/images/phone-icon.png) no-repeat center left;
  border-width: 0;
  height: 25px;
  padding-left: 31px;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  color: #323232;
  text-decoration: none;
  margin-left: 20px;
}
#masthead a.phone:hover {
  filter: brightness(85%);
}
#masthead .menuButton {
  display: inline-block;
  background: url(/wp-content/themes/logistics/images/menu-button.svg) no-repeat center;
  border-width: 0;
  height: 42px;
  width: 41px;
  text-decoration: none;
  cursor: pointer;
  margin-left: 30px;
}
#masthead .menuButton:hover {
  filter: brightness(85%);
}
@media (max-width: 365px) {
  #masthead .menuButton {
    margin-left: 20px;
  }
}
#masthead a.button {
  margin-left: 20px;
  margin-bottom: 0;
  text-align: center;
}
@media (max-width: 1000px) {
  #masthead a.phone,
#masthead a.button {
    display: none;
  }
}

.languageSwitcher select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

footer {
  position: relative;
  width: 100%;
  border: 4px solid #13b5ea;
  border-width: 4px 0 0;
  padding: 68px 0;
  /* z-index below to overcome the problem of .centralColumnMax width extending down over the footer
  on the jobs page due to relative positioning of .pageContentWrap */
  z-index: 10;
}

@media (max-width: 1500px) {
  footer {
    padding: 68px 0 110px;
  }
}
@media (max-width: 800px) {
  footer {
    padding: 30px 0 120px;
  }
}
.footerContents {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footerContents > div {
  width: 21%;
}
@media (max-width: 1000px) {
  .footerContents > div {
    width: 42%;
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .footerContents > div {
    width: 100%;
  }
}
.footerContents .logo {
  display: block;
  max-width: 175px;
  margin-bottom: 10px;
}
.footerContents h6 {
  margin: 0 0 6px;
  color: #13b5ea;
  font-size: 14px;
  font-weight: 700;
}
.footerContents p {
  margin: 0 0 10px;
}
.footerContents a {
  color: #323232;
  text-decoration: none;
}
.footerContents a:hover {
  text-decoration: underline;
}
.footerContents * {
  font-size: 13px;
  font-weight: 500;
}
.footerContents .quickLinks {
  display: flex;
  justify-content: space-between;
}
.footerContents .quickLinks ul {
  margin: 0;
  padding: 0;
}
.footerContents .quickLinks ul li {
  list-style: none;
}

.socialIcons {
  display: flex;
  margin-top: 27px;
}
.socialIcons a {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 27px;
  margin-right: 9px;
  border-radius: 999px;
  border: 1px solid #dd8795;
  background-color: white;
  -webkit-box-shadow: 3px 3px 7px -4px #000000;
  box-shadow: 3px 3px 7px -4px #000000;
  flex-shrink: 0;
}
.socialIcons a:hover {
  border: 1px solid #00549e;
}
.socialIcons a svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25%;
  margin-left: -21%;
}
.socialIcons a.facebook svg {
  width: 32%;
  top: 49%;
  left: 54%;
}
.socialIcons a.twitter svg {
  width: 52%;
  top: 55%;
  left: 45%;
}
.socialIcons a.linkedin svg {
  width: 52%;
  top: 51%;
  left: 44%;
}
.socialIcons a.instagram svg {
  width: 52%;
  top: 53%;
  left: 46%;
}
.socialIcons a.tiktok svg {
  width: 52%;
  top: 44%;
  left: 46%;
}
.socialIcons a.snapchat svg {
  width: 52%;
  top: 52%;
  left: 47%;
}

.twitterFeed .ctf-item {
  padding: 0 !important;
}

.chatLink {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
}
.chatLink img {
  display: block;
}

/*
  Menu/page side sliding
 */
body {
  overflow-x: hidden;
}

.mainPageWrapper {
  position: absolute;
  width: 100%;
  min-height: 101vh;
  /* ensure vertical scrollbar */
  left: 0;
  padding-top: 106px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  overflow: hidden;
}

.menuPageWrapper {
  position: absolute;
  width: 100%;
  height: 0;
  overflow-y: hidden;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* Animations
--------------------------------------------- */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slide-in-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.slide-in-right-animation {
  /* applied by JS using Waypoints */
  -webkit-animation: slide-in-right 1.3333333333s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right 1.3333333333s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-right-fast-animation {
  /* applied by JS using Waypoints */
  -webkit-animation: slide-in-right 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slide-in-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.slide-in-left-footer {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.slide-in-left-animation {
  /* applied by JS using Waypoints */
  -webkit-animation: slide-in-left 1.3333333333s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left 1.3333333333s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-left-fast-animation {
  /* applied by JS using Waypoints */
  -webkit-animation: slide-in-left 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-in-left-narrow-image {
  0% {
    -webkit-transform: translateX(-250%);
    transform: translateX(-250%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slide-in-left-narrow-image {
  -webkit-transform: translateX(-250%);
  transform: translateX(-250%);
}

.slide-in-left-animation-narrow-image {
  -webkit-animation: slide-in-left-narrow-image 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left-narrow-image 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  opacity: 0;
}

.footer-fade-in {
  opacity: 0;
}

.fade-in-animation {
  /* applied by JS using Waypoints */
  -webkit-animation: fade-in 0.6666666667s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in 0.6666666667s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.grow {
  transition: all 0.1333333333s ease-in-out;
}

.grow:hover {
  transform: scale(1.2);
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-moz-keyframes spin-clockwise {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-clockwise {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-clockwise {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.slide-in-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.spin-animation {
  -webkit-animation: spin 1.3333333333s cubic-bezier(0.25, 0.46, 0.46, 0.85) both;
  animation: spin 1.3333333333s cubic-bezier(0.25, 0.46, 0.46, 0.85) both;
}

.spin-animation-clockwise {
  -webkit-animation: spin-clockwise 1.3333333333s cubic-bezier(0.25, 0.46, 0.46, 0.85) both;
  animation: spin-clockwise 1.3333333333s cubic-bezier(0.25, 0.46, 0.46, 0.85) both;
}

.spin-animation-truck-footer {
  -webkit-animation: spin 1.3333333333s cubic-bezier(0.1, 0.67, 0.46, 1) both;
  animation: spin 1.3333333333s cubic-bezier(0.1, 0.67, 0.46, 1) both;
}

.spin-animation-truck-one-footer-driving {
  -webkit-animation: spin-clockwise 1.3333333333s cubic-bezier(0.1, 0.67, 0.89, 1) both;
  animation: spin-clockwise 1.3333333333s cubic-bezier(0.1, 0.67, 0.89, 1) both;
}

.spin-animation-truck-two-footer-driving {
  -webkit-animation: spin 1.3333333333s cubic-bezier(0.1, 0.67, 0.89, 1) both;
  animation: spin 1.3333333333s cubic-bezier(0.1, 0.67, 0.89, 1) both;
}

.slide-in-right-truck-two-footer-driving {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.slide-in-left-truck-two-footer-driving {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.spin-clockwise-animation-flt {
  -webkit-animation: spin-clockwise 1.3333333333s cubic-bezier(0.29, 0.44, 0.54, 0.72) both;
  animation: spin-clockwise 1.3333333333s cubic-bezier(0.29, 0.44, 0.64, 0.9) both;
}

.slide-in-left-person {
  -webkit-animation: slide-in-left-person-animation 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left-person-animation 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-right-person {
  -webkit-animation: slide-in-right-person-animation 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right-person-animation 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-up-person {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slide-up-person {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.slide-up-person-animation {
  -webkit-animation: slide-up-person 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-up-person 0.6666666667s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-off-left-warehouse-flt {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.slide-off-left-warehouse-flt-animation {
  -webkit-animation: slide-off-left-warehouse-flt 4s ease-in both;
  animation: slide-off-left-warehouse-flt 4s ease-in both;
}

@keyframes spin-animation-warehouse-flt-wheel {
  100% {
    -webkit-transform: rotate(-900deg);
    transform: rotate(-900deg);
  }
}
.spin-animation-warehouse-flt-wheel {
  -webkit-animation: spin-animation-warehouse-flt-wheel 4s ease-in both;
  animation: spin-animation-warehouse-flt-wheel 4s ease-in both;
}

@keyframes open-sesame {
  100% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
.open-sesame {
  -webkit-animation: open-sesame 0.6666666667s ease-in-out both;
  animation: open-sesame 0.6666666667s ease-in-out both;
}

@-webkit-keyframes slide-in-right-jobs-header-flt {
  0% {
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slide-in-right-jobs-header-flt-animation {
  /* applied by JS using Waypoints */
  -webkit-animation: slide-in-right-jobs-header-flt 1.3333333333s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right-jobs-header-flt 1.3333333333s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-right-jobs-header-flt {
  -webkit-transform: translateX(110%);
  transform: translateX(110%);
}

@-webkit-keyframes hero-slide-in-left {
  0% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hero-slide-in-left {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
}

.hero-slide-in-left-animation {
  /* applied by JS using Waypoints */
  -webkit-animation: hero-slide-in-left 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: hero-slide-in-left 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-moz-keyframes spin-clockwise-home-wheel-one {
  100% {
    -moz-transform: rotate(1080deg);
  }
}
@-webkit-keyframes spin-clockwise-home-wheel-one {
  100% {
    transform: rotate(1080deg);
  }
}
@keyframes spin-clockwise-home-wheel-one {
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}
.spin-clockwise-home-wheel-one-animation {
  -webkit-animation: spin-clockwise-home-wheel-one 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: spin-clockwise-home-wheel-one 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-moz-keyframes spin-clockwise-home-wheel-two {
  100% {
    -moz-transform: rotate(1080deg);
  }
}
@-webkit-keyframes spin-clockwise-home-wheel-two {
  100% {
    transform: rotate(1080deg);
  }
}
@keyframes spin-clockwise-home-wheel-two {
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}
.spin-clockwise-home-wheel-two-animation {
  -webkit-animation: spin-clockwise-home-wheel-two 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: spin-clockwise-home-wheel-two 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-moz-keyframes spin-clockwise-training-wheel {
  100% {
    -moz-transform: rotate(900deg);
  }
}
@-webkit-keyframes spin-clockwise-training-wheel {
  100% {
    transform: rotate(900deg);
  }
}
@keyframes spin-clockwise-training-wheel {
  100% {
    -webkit-transform: rotate(900deg);
    transform: rotate(900deg);
  }
}
.spin-animation-clockwise-training-wheel {
  -webkit-animation: spin-clockwise-training-wheel 2s cubic-bezier(0.25, 0.46, 0.46, 0.85) both;
  animation: spin-clockwise-training-wheel 2s cubic-bezier(0.25, 0.46, 0.46, 0.85) both;
}

@-webkit-keyframes home-forks-lift {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-130%);
    transform: translateY(-130%);
  }
}
.home-forks-lift-animation {
  /* applied by JS using Waypoints */
  -webkit-animation: home-forks-lift 0.6666666667s linear both;
  animation: home-forks-lift 0.6666666667s linear both;
}

@-webkit-keyframes home-pallet-lift {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-78.2%);
    transform: translateY(-78.2%);
  }
}
.home-pallet-lift-animation {
  /* applied by JS using Waypoints */
  -webkit-animation: home-pallet-lift 0.6666666667s linear both;
  animation: home-pallet-lift 0.6666666667s linear both;
}

.slide-in-left-animation-jobs-footer {
  -webkit-animation: slide-in-left 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.spin-animation-clockwise-jobs-footer {
  -webkit-animation: spin-clockwise 2s cubic-bezier(0.25, 0.46, 0.46, 0.85) both;
  animation: spin-clockwise 2s cubic-bezier(0.25, 0.46, 0.46, 0.85) both;
}

@-webkit-keyframes page-slide-in-from-right {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.page-slide-in-from-right-animation {
  -webkit-animation: page-slide-in-from-right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: page-slide-in-from-right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes page-slide-in-from-left {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.page-slide-in-from-left-animation {
  -webkit-animation: page-slide-in-from-left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: page-slide-in-from-left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes page-slide-off-to-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.page-slide-off-to-left-animation {
  -webkit-animation: page-slide-off-to-left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: page-slide-off-to-left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes page-slide-off-to-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.page-slide-off-to-right-animation {
  -webkit-animation: page-slide-off-to-right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: page-slide-off-to-right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes page-slide-off-to-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
.page-slide-off-to-top-animation {
  -webkit-animation: page-slide-off-to-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: page-slide-off-to-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes page-slide-in-from-bottom {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.page-slide-in-from-bottom-animation {
  -webkit-animation: page-slide-in-from-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: page-slide-in-from-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.translateXZero {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.page-slide-off-to-top-arbitrary-animation {
  -webkit-animation: page-slide-off-to-top-arbitrary 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: page-slide-off-to-top-arbitrary 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.page-slide-off-to-right-arbitrary-animation {
  -webkit-animation: page-slide-off-to-right-arbitrary 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: page-slide-off-to-right-arbitrary 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* Pages
--------------------------------------------- */
p:empty:before {
  content: none;
}

/**
  Visual composer extra classes
 */
.overflowVisible {
  overflow: visible !important;
  z-index: 100;
}

.maxWidth800 {
  max-width: 800px;
  margin: 0 auto;
}

.breadcrumb {
  z-index: 50;
  font-family: "FontAwesome", sans-serif;
  padding-top: 15px;
  font-size: 15px;
  font-weight: 500;
  color: #00549e;
}
.breadcrumb > span {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  margin: 0 10px;
  position: relative;
  top: -1px;
}
.breadcrumb > span:first-child {
  margin: 0 10px 0 0;
}
.breadcrumb span, .breadcrumb a {
  color: #323232;
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}

/**
  Page hero sections
 */
.redCircle .hero {
  background-image: url(/wp-content/themes/logistics/images/hero-bg-desktop-red.png);
}

@media (max-width: 950px) {
  .redCircle .hero {
    background-image: url(/wp-content/themes/logistics/images/hero-bg-mobile-red.png);
  }
}
.hero {
  display: flex;
  min-height: 34.3439623628vw;
  background-image: url(/wp-content/themes/logistics/images/hero-bg-desktop.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}
.hero .leftSide {
  display: flex;
  flex-direction: column;
}
.hero .leftSide .breadcrumbWrapper {
  width: 100%;
  max-width: 575px;
  padding-left: 20px;
  min-height: 35px;
  margin-left: auto;
}
@media (max-width: 950px) {
  .hero .leftSide .breadcrumbWrapper {
    padding-top: 0;
    max-width: none;
    padding-right: 20px;
  }
}
.hero .leftSide .logoNoIcon {
  width: 53%;
  max-width: 300px;
  margin: 100px 0 9px;
}
@media (max-width: 950px) {
  .hero .leftSide .logoNoIcon {
    margin: -20px 0 9px;
  }
}
.hero .leftSide,
.hero .rightSide {
  position: relative;
  width: 50%;
}
@media (max-width: 950px) {
  .hero .leftSide,
.hero .rightSide {
    width: 100%;
  }
  .hero .rightSide {
    height: 68vw;
  }
}
.hero .leftSide {
  z-index: 20;
}
.hero a.button {
  margin-bottom: 10px;
}
.hero .leftSide h1 {
  font-size: min(2.5vw, 46px);
  margin: 0.67em 0 0.26em;
  font-weight: 900;
  letter-spacing: -1px;
  line-height: min(3vw, 55px);
}
.hero .leftSide h1.larger {
  font-size: min(3.4vw, 70px);
  line-height: min(3.8vw, 70px);
}
@media (max-width: 950px) {
  .hero .leftSide h1 {
    font-size: 31px;
    line-height: 38px;
  }
  .hero .leftSide h1.larger {
    font-size: 39px;
    line-height: 48px;
  }
}
.hero .leftSide p {
  font-size: clamp(12px, 1vw, 16px);
  line-height: clamp(18px, 1.5vw, 24px);
}
.hero .leftSide ul {
  margin: 0 0 1.5em;
  padding: 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.hero .leftSide ul li {
  margin-left: 20px;
  font-size: clamp(12px, 1vw, 16px);
  line-height: clamp(18px, 1.5vw, 24px);
  list-style: none;
}
@media (max-width: 500px) {
  .hero .leftSide ul li {
    margin-left: 20px;
    width: 90%;
  }
}
.hero .leftSide ul li::before {
  content: "■";
  color: #13b5ea;
  font-weight: bold;
  display: inline-block;
  width: 14px;
  margin-left: -1em;
}
@media (max-width: 389px) {
  .hero .leftSide ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}
.hero .leftSide a.button {
  font-size: clamp(13px, 1vw, 16px);
  line-height: clamp(20px, 1.5vw, 24px);
  padding: clamp(7px, 1vw, 13px) clamp(20px, 2vw, 29px);
}
.hero .foregroundElement {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 20;
}
.hero .leftSideContent {
  width: 100%;
  max-width: 575px;
  padding-left: 20px;
  padding-top: 20px;
  margin-left: auto;
}
@media (max-width: 950px) {
  .hero .leftSideContent {
    padding-top: 0;
    max-width: none;
    padding-right: 20px;
  }
}

@media (max-width: 950px) {
  .hero {
    flex-direction: column-reverse;
    background-image: url(/wp-content/themes/logistics/images/hero-bg-mobile.png);
  }
}
.extraLargeText .hero .leftSide p {
  font-size: 1.7em;
  line-height: 1.3em;
}

@media (max-width: 950px) {
  .extraLargeText .hero .leftSide p {
    font-size: inherit;
    line-height: inherit;
  }
}
/**
  Hero section trucks
 */
.hero .truckWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.hero .truckWrapper.position_one {
  left: 0;
}
.hero .truckWrapper.position_two {
  left: 10%;
}
.hero .truckWrapper.position_three {
  left: 20%;
}
.hero .truckWrapper svg {
  width: 100%;
}
.hero .truckWrapper .wheel svg {
  display: block;
}
.hero .truckWrapper.truckOne .truck {
  position: absolute;
  width: 224.2%;
  top: -13.5%;
  left: 25.8%;
  max-width: none;
}
@media (max-width: 950px) {
  .hero .truckWrapper.truckOne .truck {
    top: -14.5%;
    left: 43%;
  }
}
.hero .truckWrapper.truckOne .wheel {
  position: absolute;
  width: 15%;
  top: 60%;
  left: 40.6%;
}
@media (max-width: 950px) {
  .hero .truckWrapper.truckOne .wheel {
    top: 59%;
    left: 57.6%;
  }
}
.hero .truckWrapper.truckOne .wheel:nth-child(2) {
  left: 88.3%;
}
@media (max-width: 950px) {
  .hero .truckWrapper.truckOne .wheel:nth-child(2) {
    left: 105.7%;
  }
}
.hero .truckWrapper.truckTwo .truck {
  position: absolute;
  width: 343%;
  top: -113%;
  left: -2%;
}
@media (max-width: 950px) {
  .hero .truckWrapper.truckTwo .truck {
    top: -114%;
    left: -2%;
  }
}
.hero .truckWrapper.truckTwo .wheel {
  position: absolute;
  width: 22%;
  top: 62%;
  left: 23.6%;
}
@media (max-width: 950px) {
  .hero .truckWrapper.truckTwo .wheel {
    top: 60%;
    left: 23.6%;
  }
}
.hero .truckWrapper.truckTwo .wheel:nth-child(3) {
  left: 75.7%;
}
@media (max-width: 950px) {
  .hero .truckWrapper.truckTwo .wheel:nth-child(3) {
    left: 75.8%;
  }
}
.hero .truckWrapper.truckTwo .wheel:nth-child(4) {
  left: 92%;
}
@media (max-width: 950px) {
  .hero .truckWrapper.truckTwo .wheel:nth-child(4) {
    left: 105.7%;
  }
}

/*
  Hero section individual pages
 */
.hero .layer {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.hero .layer img {
  position: absolute;
}
.hero .layer div {
  position: absolute;
}
.hero .layer div svg {
  width: 100%;
  height: auto;
}
.hero .layer .trainingFltWheel {
  width: 10%;
  bottom: 9.7%;
  left: 9.24%;
}
.hero .layer .trainingFltWheel svg {
  display: block;
}
.hero .layer .homeWheelOne {
  width: 9%;
  bottom: 17%;
  left: -0.5%;
}
.hero .layer .homeWheelOne svg {
  display: block;
}
.hero .layer .homeWheelTwo {
  width: 9%;
  bottom: 17%;
  left: 29%;
}
.hero .layer .homeWheelTwo svg {
  display: block;
}
.hero .layer .homePallet {
  width: 23%;
  bottom: 18%;
  left: 41%;
}
.hero .layer .homePallet svg {
  display: block;
}
.hero .layer.homePageFlt {
  top: 65px;
  right: 103%;
  width: 950px;
  height: 660px;
}
@media (max-width: 1350px) {
  .hero .layer.homePageFlt {
    display: none;
  }
}
@media (max-width: 950px) {
  .hero .layer.homePageFlt {
    display: block;
    top: 3%;
    right: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 950px) {
  .hero .layer .woman {
    left: 83% !important;
  }
}

@media (max-width: 950px) {
  .hero .layer.mobileRight13 {
    right: -13%;
  }
  .hero .layer.mobileRight11 {
    right: -11%;
  }
  .hero .layer.mobileRight12 {
    right: -12%;
  }
  .hero .layer.mobileRight6 {
    right: -6%;
  }
  .hero .layer.mobileRight3 {
    right: -3%;
  }
}
/*
  Menu page
 */
.menuPageContent {
  background-color: #00549e;
  min-height: 101vh;
  /* force vertical scrollbar to avoid jolt when it disappears after transitioning */
  padding-bottom: 50px;
  color: white;
}

.menuPageWrapper .menuHeader {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.menuPageWrapper .menuHeader svg path {
  fill: white;
}

.menuPageWrapper .languageSwitcher select {
  display: none;
  background-image: url(/wp-content/themes/logistics/images/map-marker-icon-white.png), url(/wp-content/themes/logistics/images/select-down-arrow-white.svg);
  background-repeat: no-repeat;
  background-position: center left, center right 5px;
  background-color: transparent;
  padding: 0 18px 0 31px;
  border-width: 0;
  height: 25px;
  font-size: 14px;
  font-weight: 700;
  color: white;
  cursor: pointer;
  text-transform: uppercase;
}
.menuPageWrapper .languageSwitcher select option {
  color: #323232;
}
.menuPageWrapper .languageSwitcher select svg path {
  fill: white;
}

@media (max-width: 1000px) {
  .menuPageWrapper .languageSwitcher select {
    display: inline-block;
  }
}
.menuPageWrapper a.menuCloseButton {
  display: inline-block;
  width: 41px;
  height: 41px;
  background: url(/wp-content/themes/logistics/images/menu-close-button.svg) no-repeat;
  cursor: pointer;
}

.menuPageWrapper a.menuCloseButton#contactPage {
  background: url(/wp-content/themes/logistics/images/menu-close-button-contact-page.svg) no-repeat;
}

.menuPageContent h1 {
  text-align: right;
}

.menuPageContent ul {
  text-align: right;
}
.menuPageContent ul li {
  list-style: none;
}
.menuPageContent ul a {
  color: white;
  text-decoration: none;
  font-size: 25px;
  font-weight: 600;
  line-height: 50px;
}
.menuPageContent ul a:hover {
  text-decoration: underline;
}
.menuPageContent ul ul.sub-menu li a {
  font-size: 20px;
  font-weight: 100;
  line-height: 33px;
}

/*
  Contact page
 */
.contactPageContent {
  background-color: #13b5ea;
  padding: 65px 0;
  color: white;
}
.contactPageContent select {
  background-image: url(/wp-content/themes/logistics/images/select-down-arrow-white.svg);
  background-repeat: no-repeat;
  background-position: center right 13px;
  padding: 0 18px 0 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.contactPageContent .flexWrapper {
  display: flex;
}
.contactPageContent .flexWrapper .leftSide {
  width: 42%;
  margin-right: 4%;
  flex-shrink: 1;
}
.contactPageContent .flexWrapper .rightSide {
  width: 46%;
  flex-shrink: 1;
}
.contactPageContent .flexWrapper .divider {
  display: flex;
  align-items: center;
  width: 4%;
  opacity: 0.4;
  flex-shrink: 1;
}
.contactPageContent .flexWrapper .divider .whiteLine {
  height: 91%;
  border: 0 solid white;
  border-left-width: 1px;
}
.contactPageContent .flexWrapper table {
  margin-bottom: -1em;
}
.contactPageContent .flexWrapper td {
  padding-bottom: 1.5em;
  vertical-align: top;
}
@media (max-width: 800px) {
  .contactPageContent .flexWrapper {
    flex-direction: column-reverse;
  }
  .contactPageContent .flexWrapper .leftSide {
    margin-top: 50px;
    width: auto;
    margin-right: 0;
  }
  .contactPageContent .flexWrapper .rightSide {
    width: auto;
  }
  .contactPageContent .flexWrapper .divider {
    display: none;
  }
}
.contactPageContent h1 {
  font-size: 50px;
  font-weight: 800;
  margin-top: 0;
}
.contactPageContent a {
  color: white;
  text-decoration: none;
}
.contactPageContent a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.contactPageContent a.googleMapsLink svg,
.contactPageContent a.emailLink svg {
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.contactPageContent a.googleMapsLink svg path,
.contactPageContent a.emailLink svg path {
  fill: white;
}
.contactPageContent .contactForm .divider {
  opacity: 0.4;
  margin: 40px 0;
}
.contactPageContent .contactForm .divider .whiteLine {
  height: 0;
  border: 0 solid white;
  border-top-width: 1px;
}
.contactPageContent .contactForm .fieldsFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.contactPageContent .contactForm .fieldsFlex p {
  width: 31.7%;
  margin: 0 2.45% 10px 0;
}
.contactPageContent .contactForm .fieldsFlex p:nth-child(3n) {
  margin-right: 0;
}
.contactPageContent .contactForm .fieldsFlex select {
  width: 100%;
}
@media (max-width: 950px) {
  .contactPageContent .contactForm .fieldsFlex {
    justify-content: space-between;
  }
  .contactPageContent .contactForm .fieldsFlex p {
    width: 49%;
    margin: 0 0 10px 0;
  }
  .contactPageContent .contactForm .fieldsFlex p:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 640px) {
  .contactPageContent .contactForm .fieldsFlex p {
    width: 100%;
  }
}
.contactPageContent .contactForm label, .contactPageContent .contactForm span {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.3px;
}
.contactPageContent .contactForm label br {
  display: none;
}
.contactPageContent .contactForm input[type=text],
.contactPageContent .contactForm input[type=email],
.contactPageContent .contactForm select,
.contactPageContent .contactForm textarea {
  background-color: #A9122B;
  border-color: transparent;
  border-width: 1px;
  padding: 11px 15px;
  color: white;
  width: 100%;
}
.contactPageContent .contactForm input[type=text].wpcf7-not-valid,
.contactPageContent .contactForm input[type=email].wpcf7-not-valid,
.contactPageContent .contactForm select.wpcf7-not-valid,
.contactPageContent .contactForm textarea.wpcf7-not-valid {
  border-color: white;
}
.contactPageContent .contactForm input[type=file] {
  overflow: hidden;
}
.contactPageContent .contactForm input:focus, .contactPageContent .contactForm select:focus, .contactPageContent .contactForm textarea:focus {
  outline-color: transparent;
}
.contactPageContent .contactForm .wpcf7-not-valid-tip {
  color: white;
}
.contactPageContent .contactForm form.invalid .wpcf7-response-output {
  border-color: white;
}

/*
  Slider navigation shared
 */
.sliderNavigation {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  margin: 0 auto 14px;
  width: 100%;
}
.sliderNavigation .next,
.sliderNavigation .previous {
  height: 25px;
  line-height: 26px;
  cursor: pointer;
}
.sliderNavigation .next:hover,
.sliderNavigation .previous:hover {
  opacity: 0.8;
}
.sliderNavigation .next {
  background: url(/wp-content/themes/logistics/images/next-arrow-white.png) no-repeat right center;
  padding-right: 33px;
  margin-right: 4px;
}
.sliderNavigation .previous {
  background: url(/wp-content/themes/logistics/images/previous-arrow-white.png) no-repeat left center;
  padding-left: 33px;
  margin-left: 10px;
}

/*
  Vacancies slider
 */
.vacanciesSlider {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
}
.vacanciesSlider.similarJobs {
  margin-top: 70px;
}
.vacanciesSlider h3 {
  font-size: 14px;
  margin: 0 0 8px;
  color: #13b5ea;
}
.vacanciesSlider h2 {
  max-width: 470px;
  text-align: center;
  margin: 0;
}
.vacanciesSlider h2 span {
  color: #00549e;
}
.vacanciesSlider h2 span.count {
  display: none;
}
.vacanciesSlider .sliderNavigation {
  color: #00549e;
  width: 1106px;
}
.vacanciesSlider .sliderNavigation .next {
  background: url(/wp-content/themes/logistics/images/next-arrow.png) no-repeat right center;
}
.vacanciesSlider .sliderNavigation .previous {
  background: url(/wp-content/themes/logistics/images/previous-arrow.png) no-repeat left center;
}
@media (max-width: 1149px) {
  .vacanciesSlider .sliderNavigation {
    width: 100%;
    padding: 0 8px;
  }
  .vacanciesSlider .sliderNavigation .next {
    margin-right: 6px;
  }
  .vacanciesSlider .sliderNavigation .previous {
    margin-left: 8px;
  }
}
.vacanciesSlider .sliderOversize {
  width: 5000px;
  margin: 0 -2500px;
  overflow-x: hidden;
}
.vacanciesSlider .sliderOversize .sliderWrapper {
  position: relative;
  width: 2243px;
  margin: 0 auto;
}
.vacanciesSlider .sliderOversize .slider {
  width: 100%;
}
.vacanciesSlider.similarJobs .sliderOversize {
  width: 1110px;
  margin: 0;
  overflow-x: hidden;
}
.vacanciesSlider.similarJobs .sliderOversize .sliderWrapper {
  width: 100%;
}
@media (max-width: 1149px) {
  .vacanciesSlider .sliderOversize {
    width: 100% !important;
    margin: 0;
    overflow-x: hidden;
  }
  .vacanciesSlider .sliderOversize .sliderWrapper {
    width: 100%;
  }
}
.vacanciesSlider img.opacityShader {
  position: absolute;
  top: 0;
  height: 100%;
}
.vacanciesSlider.similarJobs img.opacityShader {
  display: none;
}
@media (max-width: 1149px) {
  .vacanciesSlider img.opacityShader {
    display: none;
  }
}
.vacanciesSlider img.opacityShader.left {
  left: 0;
  width: 546px;
}
.vacanciesSlider img.opacityShader.right {
  right: 0;
  width: 541px;
}
.vacanciesSlider .sliderVacancy {
  border-style: solid;
  border-width: 4px 0 0;
  border-color: #13b5ea;
  margin: 0 16px 30px;
  -webkit-box-shadow: 0 5px 31px -10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 31px -10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 31px -10px rgba(0, 0, 0, 0.25);
}
.vacanciesSlider .sliderVacancy a.wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 28px;
}
.vacanciesSlider .sliderVacancy * {
  text-decoration: none;
}
.vacanciesSlider .sliderVacancy h5 {
  display: none;
  color: #13b5ea;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 12px;
}
.vacanciesSlider .sliderVacancy h6 {
  font-size: 23px;
  line-height: 32px;
  font-weight: 700;
  color: #323232;
  text-align: left;
  margin: 0 0 16px;
  max-width: 168px;
}
.vacanciesSlider .sliderVacancy h6 span {
  color: #323232;
  text-decoration: none;
}
.vacanciesSlider .sliderVacancy p {
  font-size: 14px;
  margin: 0 0 4px;
  line-height: 19px;
  color: #323232;
}
.vacanciesSlider .sliderVacancy span.applyLink {
  color: #00549e;
  background: url(/wp-content/themes/logistics/images/next-arrow.png) no-repeat left center;
  padding-left: 33px;
  font-size: 14px;
  text-decoration: none;
  height: 25px;
  display: inline-block;
  line-height: 27px;
  margin: 13px 0 0;
  font-weight: 600;
}

/*
  Counting numbers section
 */
.countingNumbersSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}
.countingNumbersSection h3 {
  font-size: 14px;
  margin: 0 0 8px;
  color: #13b5ea;
}
.countingNumbersSection h2 {
  font-size: 36px;
  font-weight: 900;
  max-width: 450px;
  text-align: center;
  line-height: 43px;
  margin: 0;
}
.countingNumbersSection h2 span {
  color: #00549e;
}
@media (max-width: 515px) {
  .countingNumbersSection h2 {
    font-size: 7vw;
    line-height: 9vw;
  }
}
.countingNumbersSection hr {
  margin: 23px 0 11px;
}
@media (max-width: 750px) {
  .countingNumbersSection hr {
    margin: 23px 0 30px;
  }
}
.countingNumbersSection .countingNumbers {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
@media (max-width: 850px) {
  .countingNumbersSection .countingNumbers .numberWrap {
    display: flex;
    justify-content: center;
    width: 33.3333%;
    margin-bottom: 30px;
  }
}
@media (max-width: 450px) {
  .countingNumbersSection .countingNumbers .numberWrap {
    width: 50%;
  }
}
.countingNumbersSection .countingNumbers .number {
  color: #13b5ea;
  font-size: 36px;
  line-height: 60px;
  font-weight: 900;
  width: 130px;
  white-space: nowrap;
}
.countingNumbersSection .countingNumbers .number .label {
  color: #00549e;
  font-size: 20px;
  line-height: 30px;
  font-weight: 100;
}
@media (max-width: 450px) {
  .countingNumbersSection .countingNumbers {
    justify-content: space-between;
  }
}

/*
  Image-overlap sections
 */
.imageOverlapSection {
  position: relative;
}
.imageOverlapSection .image {
  position: absolute;
  width: 50%;
  height: 580px;
  background-size: cover;
  background-position: center;
  z-index: 20;
}
.imageOverlapSection .image img {
  display: none;
}
@media (max-width: 800px) {
  .imageOverlapSection .image img {
    display: block;
  }
}
@media (max-width: 800px) {
  .imageOverlapSection .image {
    position: relative;
    background-image: none !important;
    width: 100%;
    height: auto;
  }
}
.imageOverlapSection .contentWrapper {
  height: 556px;
  margin: 85px 0 102px;
  width: 72%;
  padding-left: 22%;
  background: #00549e url(/wp-content/themes/logistics/images/image-overlap-section-content-bg.png) no-repeat bottom right;
  position: relative;
  z-index: 10;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.imageOverlapSection .contentWrapper .content {
  width: 70%;
  max-width: 550px;
  color: white;
  box-sizing: border-box;
  margin: 10% 15% 15%;
}
.imageOverlapSection .contentWrapper .content p {
  max-width: 84%;
}
@media (max-width: 800px) {
  .imageOverlapSection .contentWrapper {
    height: auto;
    margin: 0 0 102px;
    width: 100%;
    padding-left: 0;
    float: none;
    background-size: 44%;
  }
  .imageOverlapSection .contentWrapper .content {
    width: auto;
    max-width: none;
    margin: 50px 20px 70px;
  }
  .imageOverlapSection .contentWrapper .content p {
    max-width: none;
  }
}

.imageOverlapSectionImageRightGreenFullWidth {
  position: relative;
}
.imageOverlapSectionImageRightGreenFullWidth .image {
  position: absolute;
  right: 0;
  top: 50px;
  width: 50%;
  height: 580px;
  background-size: cover;
  background-position: 31% center;
  z-index: 20;
}
.imageOverlapSectionImageRightGreenFullWidth .image img {
  display: none;
}
@media (max-width: 800px) {
  .imageOverlapSectionImageRightGreenFullWidth .image img {
    display: block;
  }
}
@media (max-width: 800px) {
  .imageOverlapSectionImageRightGreenFullWidth .image {
    position: static;
    background-image: none !important;
    width: 100%;
    height: auto;
  }
}
.imageOverlapSectionImageRightGreenFullWidth .contentWrapper {
  background-color: #00549e;
  height: 580px;
}
@media (max-width: 800px) {
  .imageOverlapSectionImageRightGreenFullWidth .contentWrapper {
    height: auto;
  }
}
.imageOverlapSectionImageRightGreenFullWidth .content {
  color: white;
  width: 45%;
  padding: 14% 0;
}
@media (max-width: 800px) {
  .imageOverlapSectionImageRightGreenFullWidth .content {
    color: white;
    width: 100%;
    padding: 50px 20px 30px;
  }
}

.imageOverlapSectionImageLeftGreenFullWidth {
  position: relative;
}
.imageOverlapSectionImageLeftGreenFullWidth .image {
  position: absolute;
  left: 0;
  top: 50px;
  width: 50%;
  height: 100%;
  background-size: cover;
  background-position: 31% center;
  z-index: 20;
}
.imageOverlapSectionImageLeftGreenFullWidth .image img {
  display: none;
}
@media (max-width: 800px) {
  .imageOverlapSectionImageLeftGreenFullWidth .image img {
    display: block;
  }
}
@media (max-width: 800px) {
  .imageOverlapSectionImageLeftGreenFullWidth .image {
    position: static;
    background-image: none !important;
    width: 100%;
    height: auto;
  }
}
.imageOverlapSectionImageLeftGreenFullWidth .contentWrapper {
  background-color: #00549e;
}
.imageOverlapSectionImageLeftGreenFullWidth .content {
  color: white;
  width: 98%;
  padding: 6% 0 4% 58%;
}
@media (max-width: 800px) {
  .imageOverlapSectionImageLeftGreenFullWidth .content {
    color: white;
    width: 100%;
    padding: 50px 20px 70px;
  }
}

@media (max-width: 800px) {
  .imageOverlapSectionImageLeftGreenFullWidth {
    margin-bottom: 0;
  }
}
.imageOverlapSectionNarrowImageLeftGreenFullWidth {
  position: relative;
}
.imageOverlapSectionNarrowImageLeftGreenFullWidth .image {
  position: absolute;
  top: -50px;
  width: 457px;
  height: 647px;
  background-size: cover;
  background-position: center;
  z-index: 20;
  right: 55%;
}
.imageOverlapSectionNarrowImageLeftGreenFullWidth .image img {
  display: none;
}
@media (max-width: 800px) {
  .imageOverlapSectionNarrowImageLeftGreenFullWidth .image img {
    display: block;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 800px) {
  .imageOverlapSectionNarrowImageLeftGreenFullWidth .image {
    position: static;
    background-image: none !important;
    width: 100%;
    height: auto;
  }
}
.imageOverlapSectionNarrowImageLeftGreenFullWidth .contentWrapper {
  background-color: #00549e;
  height: 647px;
  margin-top: 50px;
}
@media (max-width: 800px) {
  .imageOverlapSectionNarrowImageLeftGreenFullWidth .contentWrapper {
    margin-top: 0;
    height: auto;
  }
}
.imageOverlapSectionNarrowImageLeftGreenFullWidth .content {
  color: white;
  width: 98%;
  padding: 3% 0 4% 53%;
}
.imageOverlapSectionNarrowImageLeftGreenFullWidth .content p.withIcon {
  padding-left: 86px;
  background-repeat: no-repeat;
  min-height: 70px;
}
@media (max-width: 800px) {
  .imageOverlapSectionNarrowImageLeftGreenFullWidth .content {
    color: white;
    width: 100%;
    padding: 50px 20px 70px;
  }
}

@media (max-width: 800px) {
  .imageOverlapSection.sliderLeftRedRight .image {
    height: 69vw;
  }
}
.imageOverlapSection.sliderLeftRedRight .contentWrapper {
  height: 580px;
  background-color: #13b5ea;
}
.imageOverlapSection.sliderLeftRedRight .sliderNavigation {
  width: 38.6%;
  right: 3%;
  position: absolute;
  margin-top: 30px;
  color: white;
}
@media (max-width: 1000px) {
  .imageOverlapSection.sliderLeftRedRight .sliderNavigation {
    width: 23.6%;
    right: 10%;
    margin-top: 20px;
  }
  .imageOverlapSection.sliderLeftRedRight .sliderNavigation span {
    text-indent: -9999px;
  }
  .imageOverlapSection.sliderLeftRedRight .sliderNavigation .next {
    margin-right: 10px;
  }
}
@media (max-width: 800px) {
  .imageOverlapSection.sliderLeftRedRight .sliderNavigation {
    width: 100%;
    padding: 0 8px;
    right: auto;
  }
  .imageOverlapSection.sliderLeftRedRight .sliderNavigation span {
    text-indent: 0;
  }
}
.imageOverlapSection.sliderLeftRedRight .slide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 580px;
}
@media (max-width: 800px) {
  .imageOverlapSection.sliderLeftRedRight .slide {
    height: 69vw;
  }
}

.imageOverlapSection.polaroidsLeftRedRight .polaroids {
  position: absolute;
  left: 0;
  top: 50px;
  width: 55%;
  height: 580px;
  background-size: cover;
  background-position: 31% center;
  z-index: 20;
}
.imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper {
  position: absolute;
  right: 0;
  height: 580px;
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid {
  position: absolute;
  width: 63.2%;
  height: auto;
}
.imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid img.background {
  width: 100%;
  height: auto;
}
.imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid .image {
  width: 495px;
  height: 487px;
  top: 105px;
  left: 68px;
}
.imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid .photo {
  position: absolute;
  width: 78.32%;
  height: 61.72%;
  top: 13.31%;
  left: 10.76%;
  background-size: cover;
}
.imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid .caption {
  font-family: Kalam, sans-serif;
  font-size: min(35px, 1.9vw);
  width: 78.64%;
  position: absolute;
  top: 76.79%;
  left: 10.76%;
  text-align: center;
  line-height: 1.1em;
}
@media (max-width: 800px) {
  .imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid .caption {
    font-size: 3.3vw;
  }
}
.imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid.one {
  left: -8.9%;
  transform: rotate(-6deg);
}
.imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid.one .caption {
  color: #13b5ea;
  width: 68.16%;
}
@media (max-width: 800px) {
  .imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid.one {
    left: -4.9%;
  }
  .imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid.one .caption {
    width: 50.16%;
  }
}
.imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid.two {
  right: 0;
  transform: rotate(6deg);
}
.imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid.two .caption {
  color: #00549e;
}
@media (max-width: 800px) {
  .imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper .polaroid.two {
    right: -4%;
  }
}
@media (max-width: 800px) {
  .imageOverlapSection.polaroidsLeftRedRight .polaroids .polaroidsWrapper {
    height: 70vw;
  }
}
@media (max-width: 800px) {
  .imageOverlapSection.polaroidsLeftRedRight .polaroids {
    position: relative;
    width: 100%;
    height: 70vw;
    z-index: 20;
  }
}
.imageOverlapSection.polaroidsLeftRedRight .contentWrapper {
  width: 100%;
  height: 545px;
  background-color: #13b5ea;
}
.imageOverlapSection.polaroidsLeftRedRight .contentWrapper .content {
  width: 52%;
  margin: 0 0 0 47%;
}
@media (max-width: 800px) {
  .imageOverlapSection.polaroidsLeftRedRight .contentWrapper {
    height: auto;
  }
  .imageOverlapSection.polaroidsLeftRedRight .contentWrapper .content {
    width: 92%;
    margin: 24% 5%;
  }
}

.landscapePortraitImageOverlap {
  margin-top: -20px;
}
.landscapePortraitImageOverlap .centralColumnMaxWidth {
  position: relative;
  padding-top: 50px;
}
.landscapePortraitImageOverlap picture:nth-child(1) {
  display: block;
  margin-top: 50px;
  width: 78%;
}
.landscapePortraitImageOverlap picture:nth-child(2) {
  position: absolute;
  top: 0;
  right: 20px;
  width: 41%;
}

/* applied to areas edited by the text editor */
.textEditor ul {
  margin: 0 0 1.5em;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.textEditor ul li {
  margin-left: 14px;
  list-style: none;
}
.textEditor ul li::before {
  content: "■";
  color: #13b5ea;
  font-weight: bold;
  display: inline-block;
  width: 1.2em;
  margin-left: -1em;
}

/*
  Team slider section
 */
.slick-slider div {
  transition: none;
}

.teamSlider {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: calc(128px + 8vw);
  margin-top: -27px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  color: white;
}
.teamSlider h3 {
  font-size: 14px;
  margin: 0 0 8px;
}
.teamSlider h2 {
  max-width: 425px;
  text-align: center;
  margin: 0;
}
.teamSlider hr {
  background-color: white;
  margin: 23px 0 11px;
}
.teamSlider .sliderNavigation {
  width: 1106px;
}
.teamSlider .sliderOversize {
  width: 120%;
  margin: 0 -60%;
  overflow-x: hidden;
}
.teamSlider .sliderOversize .sliderWrapper {
  position: relative;
  margin: 0 auto 10px;
}
.teamSlider .sliderOversize .slider {
  width: 100%;
}
@media (max-width: 1200px) {
  .teamSlider .sliderOversize {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 1149px) {
  .teamSlider .sliderNavigation {
    width: 100%;
    padding: 0 8px;
  }
  .teamSlider .sliderNavigation .next {
    margin-right: 8px;
  }
  .teamSlider .sliderNavigation .previous {
    margin-left: 8px;
  }
}
.teamSlider .teamMemberWrapper {
  position: relative;
  z-index: 500;
  outline: none;
  margin: 50px 0;
}
.teamSlider img.sizer {
  width: 100%;
  height: auto;
  display: block;
}
.teamSlider .teamMember {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.2s ease-in-out;
}
.teamSlider .teamMember:hover {
  transform: scale(1.2);
}
@media (max-width: 519px) {
  .teamSlider .teamMember:hover {
    transform: scale(1);
  }
}
.teamSlider .teamMember img {
  max-width: none;
  width: 100%;
}
.teamSlider .teamMember img.blur {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.teamSlider .teamMember img.gradient {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.teamSlider .teamMember .text {
  position: absolute;
  bottom: 35px;
  left: 35px;
  width: calc(100% - 70px);
  text-transform: uppercase;
}
.teamSlider .teamMember .text .title {
  margin: 0 0 10px;
}
.teamSlider .teamMember .text .info {
  margin: 0;
  border-width: 0 0 0 2px;
  border-style: solid;
  border-color: #00549e;
  padding-left: 10px;
  transform: scaleY(0);
  overflow: hidden;
  max-width: 87%;
}
@media (max-width: 519px) {
  .teamSlider .teamMember:hover {
    transform: scale(1);
  }
}
.teamSlider .slider a {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 17%;
  max-width: 60px;
  height: auto;
}
.teamSlider .slider a img {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 1500px) {
  .teamSlider {
    margin-top: 0;
  }
}
.aboveFooterAnimationFlex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.aboveFooterAnimationWrapper {
  width: 1000000px;
}

.aboveFooterAnimation {
  width: 100vw;
  position: relative;
  height: 400px;
  min-width: 1880px;
}
.aboveFooterAnimation img {
  position: absolute;
}
.aboveFooterAnimation svg {
  display: block;
}
.aboveFooterAnimation.negativeTopMargin {
  margin: -400px auto;
}
.aboveFooterAnimation.zeroTopMargin {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 950px;
}
.aboveFooterAnimation.zeroTopMargin .background {
  width: 100%;
  height: 365px;
  background-size: cover;
  background-position: bottom center;
}
.aboveFooterAnimation.about .fltWrapper {
  position: absolute;
  width: 480px;
  left: -194px;
  bottom: -42px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.aboveFooterAnimation.about .fltWrapper .fltWheel {
  position: absolute;
  width: 30px;
  left: 263px;
  bottom: 41px;
}
.aboveFooterAnimation.about .highVisGuy1 {
  left: 0;
  bottom: -1px;
}
.aboveFooterAnimation.about .highVisGuy2 {
  right: 0;
  bottom: -2px;
}
.aboveFooterAnimation.about .truckWrapper {
  position: absolute;
  width: 200px;
  right: 0;
  height: 400px;
  -webkit-transform: translateX(150%);
  transform: translateX(150%);
}
.aboveFooterAnimation.about .truckWrapper .truck {
  position: absolute;
  bottom: 26px;
  right: -952px;
  width: 1242px;
}
.aboveFooterAnimation.about .truckWrapper .wheel {
  position: absolute;
  width: 100px;
  top: 301px;
  left: -9px;
}
.aboveFooterAnimation.jobsPage .person1 {
  right: 4%;
  bottom: 0;
}
.aboveFooterAnimation.jobsPage .fltWrapper {
  position: absolute;
  width: 721px;
  left: -44px;
  bottom: 0;
}
.aboveFooterAnimation.jobsPage .fltWrapper .flt {
  bottom: 0;
  right: 0;
}
.aboveFooterAnimation.jobsPage .fltWrapper .wheel {
  width: 39px;
  right: 248px;
  bottom: 0;
}
@media (max-width: 750px) {
  .aboveFooterAnimation.jobsPage .fltWrapper {
    display: none;
  }
}
.aboveFooterAnimation.meetTheTeam .fltWrapper {
  position: absolute;
  width: 421px;
  height: 256px;
  bottom: -2px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.aboveFooterAnimation.meetTheTeam .fltWrapper img.flt {
  position: absolute;
  right: 12%;
  width: 100%;
  bottom: 5.1%;
}
.aboveFooterAnimation.meetTheTeam .fltWrapper .fltWheel {
  width: 69px;
  right: 53%;
  position: absolute;
  bottom: 0;
}
.aboveFooterAnimation.meetTheTeam .fltWrapper .fltWheel svg {
  width: 100%;
  height: auto;
}
.aboveFooterAnimation.meetTheTeam .fltWrapper .fltWheel:nth-child(3) {
  width: 60px;
  right: 96%;
}
.aboveFooterAnimation.meetTheTeam .truckWrapper {
  position: absolute;
  width: 306px;
  height: 344px;
  right: 0;
  bottom: -2px;
}
.aboveFooterAnimation.meetTheTeam .truckWrapper img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.aboveFooterAnimation.meetTheTeam .truckWrapper img.person1 {
  right: 62%;
}
.aboveFooterAnimation.driving .truckOneWrapper {
  height: 365px;
  width: 450px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.aboveFooterAnimation.driving .truckOneWrapper .shadow {
  bottom: 50px;
  left: 4px;
}
.aboveFooterAnimation.driving .truckOneWrapper .truck {
  position: absolute;
  top: -330px;
  width: 254%;
  left: -589px;
  max-width: none;
}
.aboveFooterAnimation.driving .truckOneWrapper .wheelOne {
  position: absolute;
  width: 16%;
  top: 64.2%;
  left: 72.8%;
}
.aboveFooterAnimation.driving .truckOneWrapper .wheelTwo {
  position: absolute;
  width: 16%;
  top: 64.2%;
  left: 28.5%;
}
.aboveFooterAnimation.driving .truckTwoWrapper {
  height: 365px;
  width: 450px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.aboveFooterAnimation.driving .truckTwoWrapper .truck {
  position: absolute;
  top: -184px;
  width: 293%;
  left: -38px;
  max-width: none;
}
.aboveFooterAnimation.driving .truckTwoWrapper .wheelOne {
  position: absolute;
  width: 20%;
  top: 75.4%;
  left: 12.8%;
}
.aboveFooterAnimation.driving .truckTwoWrapper .wheelTwo {
  position: absolute;
  width: 19%;
  top: 76.5%;
  left: 57.8%;
}
.aboveFooterAnimation.driving .truckTwoWrapper .wheelThree {
  position: absolute;
  width: 19%;
  top: 76.5%;
  left: 80%;
}
.aboveFooterAnimation.warehouse {
  position: relative;
}
.aboveFooterAnimation.warehouse .fltWrapper {
  width: 50%;
  height: 270px;
  position: absolute;
  bottom: 0;
}
.aboveFooterAnimation.warehouse .fltWrapper img.flt {
  right: 0;
  bottom: 0;
}
.aboveFooterAnimation.warehouse .fltWrapper .fltWheel {
  position: absolute;
  bottom: -1px;
  right: 3px;
  width: 38px;
}
.aboveFooterAnimation.warehouse .fltWrapper .fltWheel svg {
  width: 100%;
  height: auto;
}
.aboveFooterAnimation.cleaning .background {
  background-position: top center;
  background-size: auto 100%;
}
.aboveFooterAnimation.cleaning .trolley {
  width: 9.5%;
  left: 40%;
  bottom: 8%;
}
.aboveFooterAnimation.cleaning .lady {
  right: 35%;
  bottom: 5%;
}
.aboveFooterAnimation.security .backgroundWrap {
  position: absolute;
  width: 100%;
  height: 365px;
  background: url(/wp-content/themes/logistics/images/above-footer/security/security-bg-stretch.png) repeat-x;
}
@media (max-width: 1920px) {
  .aboveFooterAnimation.security .backgroundWrap {
    display: none;
  }
}
.aboveFooterAnimation.security .background {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
.aboveFooterAnimation.security .person1 {
  left: 39.8%;
  bottom: 0;
  height: 71.1%;
}
.aboveFooterAnimation.security .barrier {
  position: absolute;
  left: 32.6%;
  width: 28.55%;
  height: auto;
  bottom: 20%;
}
@media (max-width: 1920px) {
  .aboveFooterAnimation.security.zeroTopMargin {
    min-width: 1000px;
  }
  .aboveFooterAnimation.security.zeroTopMargin .background {
    height: 19.02vw;
  }
}
@media (max-width: 1920px) and (max-width: 1000px) {
  .aboveFooterAnimation.security.zeroTopMargin .background {
    height: 190px;
  }
}
@media (max-width: 1920px) {
  .aboveFooterAnimation.security {
    height: auto;
  }
}
.aboveFooterAnimation.office .person1 {
  height: 86.3%;
  left: 13%;
  bottom: 5%;
}
.aboveFooterAnimation.office .person2 {
  height: 86.9%;
  left: 35%;
  bottom: 5%;
}
.aboveFooterAnimation.office .person3 {
  height: 88.1%;
  left: 57%;
  bottom: 5%;
}
.aboveFooterAnimation.office .person4 {
  height: 102.7%;
  left: 76%;
  bottom: -2%;
}
@media (max-width: 1920px) {
  .aboveFooterAnimation.office.zeroTopMargin {
    min-width: 665px;
  }
  .aboveFooterAnimation.office.zeroTopMargin .background {
    height: 19.02vw;
  }
}
@media (max-width: 1920px) and (max-width: 665px) {
  .aboveFooterAnimation.office.zeroTopMargin .background {
    height: 163px;
  }
}
@media (max-width: 1920px) {
  .aboveFooterAnimation.office {
    height: auto;
  }
}

/*
  Red bar with person and quote element
 */
.darkerRedBar {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 5%;
  height: 188px;
  background-image: url(/wp-content/themes/logistics/images/darker-red-bar-bg-1.png);
  background-position: right top;
  background-repeat: no-repeat;
}
.darkerRedBar.right {
  right: 0;
  background-image: url(/wp-content/themes/logistics/images/darker-red-bar-bg-2.png);
  background-position: left top;
  background-repeat: no-repeat;
}

@media (max-width: 600px) {
  .darkerRedBar {
    display: none;
  }
}
.waypoint.redBar {
  position: relative;
}

.redBarPersonQuote {
  display: flex;
  height: 188px;
  position: relative;
  z-index: 20;
}
.redBarPersonQuote .side {
  flex-grow: 1;
}
@media (max-width: 600px) {
  .redBarPersonQuote .side {
    display: none;
  }
}
.redBarPersonQuote .side.left {
  background-color: #13b5ea;
}
.redBarPersonQuote.personLeftQuoteRight .side.left {
  background-color: transparent;
}
.redBarPersonQuote .side.right {
  background-color: transparent;
}
.redBarPersonQuote.personLeftQuoteRight .side.right {
  background-color: #13b5ea;
}
.redBarPersonQuote .content {
  width: 100%;
  display: flex;
  max-width: 1171px;
  margin: 0 auto;
}
.redBarPersonQuote.personLeftQuoteRight .content {
  flex-direction: row-reverse;
}
@media (max-width: 600px) {
  .redBarPersonQuote .content {
    flex-direction: column !important;
    background-color: #13b5ea;
  }
  .redBarPersonQuote .personHider {
    position: static !important;
    text-align: center;
  }
}
.redBarPersonQuote .quote {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: #13b5ea;
}
.redBarPersonQuote .quote h6 {
  position: relative;
  font-size: 25px;
  font-weight: 700;
  margin: -15px 0 0px;
  padding: 20px 0 20px 30px;
  color: white;
  background-image: url(/wp-content/themes/logistics/images/quote-open.png), url(/wp-content/themes/logistics/images/quote-close.png);
  background-position: top left, bottom right;
  background-repeat: no-repeat;
}
@media (min-width: 601px) and (max-width: 1100px) {
  .redBarPersonQuote .quote h6 {
    font-size: 2.28vw;
  }
}
@media (max-width: 400px) {
  .redBarPersonQuote .quote h6 {
    font-size: 20px;
  }
}
.redBarPersonQuote .quote cite {
  position: absolute;
  font-size: 1rem;
  bottom: -10px;
  left: 30px;
  font-style: normal;
  font-weight: 100;
}
@media (max-width: 600px) {
  .redBarPersonQuote .quote {
    width: auto;
    margin: 30px 20px 20px 20px !important;
    box-sizing: border-box;
  }
}
.redBarPersonQuote.personLeftQuoteRight .quote {
  margin: 0 0 0 0;
}
.redBarPersonQuote.personLeftQuoteRight .quote h6 {
  padding: 20px 0 20px 30px;
}
.redBarPersonQuote .person {
  width: 300px;
  flex-shrink: 0;
  position: relative;
  background-image: url(/wp-content/themes/logistics/images/red-bar-triangle-bg-2.png);
  background-repeat: no-repeat;
  left: -1px;
}
.redBarPersonQuote .person .personHider {
  position: absolute;
  width: 100%;
  height: 500px;
  bottom: 0;
  overflow: hidden;
}
.redBarPersonQuote .person img {
  position: absolute;
  bottom: 0;
}
@media (max-width: 600px) {
  .redBarPersonQuote .person img {
    position: static;
    bottom: auto;
    max-width: 70%;
  }
}
.redBarPersonQuote.personLeftQuoteRight .person {
  position: relative;
  right: -1px;
  left: inherit;
  background-image: url(/wp-content/themes/logistics/images/red-bar-triangle-bg-1.png);
  background-position: right top;
}
@media (max-width: 600px) {
  .redBarPersonQuote .person {
    width: 100%;
    background-image: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 600px) {
  .redBarPersonQuote {
    height: auto;
  }
}
.logoSlider {
  position: relative;
  width: 100%;
  height: 120px;
  margin: 0 auto;
}
.logoSlider .slide {
  height: 100px;
  background: no-repeat center;
  padding: 0 10px;
}
.logoSlider .slide .slideContents {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.logoSlider .sliderNavigation {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  margin: 0 auto 14px;
  position: relative;
  width: 100%;
  top: -63px;
}
.logoSlider .sliderNavigation .next,
.logoSlider .sliderNavigation .previous {
  height: 25px;
  line-height: 26px;
  cursor: pointer;
  text-indent: -9999px;
}
.logoSlider .sliderNavigation .next:hover,
.logoSlider .sliderNavigation .previous:hover {
  opacity: 0.8;
}
.logoSlider .sliderNavigation .next {
  background: url(/wp-content/themes/logistics/images/next-arrow-black.png) no-repeat right center;
  padding-right: 25px;
  margin-right: 0;
  position: relative;
  right: -30px;
}
.logoSlider .sliderNavigation .previous {
  background: url(/wp-content/themes/logistics/images/previous-arrow-black.png) no-repeat left center;
  padding-left: 25px;
  margin-left: 0;
  position: relative;
  left: -30px;
}

@media (max-width: 1250px) {
  .logoSlider {
    width: 87%;
  }
}
/**
  News and Jobs page header
 */
.newsAndJobsPageHeader {
  width: 100%;
  height: 285px;
  background-color: #f7f8f8;
}
.newsAndJobsPageHeader .centralColumnMaxWidth {
  position: relative;
}
.newsAndJobsPageHeader h1 {
  font-size: 50px;
  font-weight: 800;
  margin: 48px 0 0;
}
.newsAndJobsPageHeader h1 span.red {
  color: #13b5ea;
}
@media (max-width: 950px) {
  .newsAndJobsPageHeader h1 {
    font-size: 39px;
    line-height: 48px;
  }
}
.newsAndJobsPageHeader svg.gridButton, .newsAndJobsPageHeader svg.listButton {
  position: absolute;
  top: 72px;
  cursor: pointer;
}
.newsAndJobsPageHeader svg.gridButton .bg, .newsAndJobsPageHeader svg.listButton .bg {
  fill: white;
  stroke: #DBDBDB;
}
.newsAndJobsPageHeader svg.gridButton .fg, .newsAndJobsPageHeader svg.listButton .fg {
  fill: #DBDBDB;
}
@media (max-width: 750px) {
  .newsAndJobsPageHeader svg {
    display: none;
  }
}
.newsAndJobsPageHeader svg:hover .fg {
  fill: #008137;
}
.newsAndJobsPageHeader svg.active .bg {
  fill: #00549e;
  stroke: #008137;
}
.newsAndJobsPageHeader svg.active .fg {
  fill: white;
}
.newsAndJobsPageHeader svg.listButton {
  right: 20px;
}
.newsAndJobsPageHeader svg.gridButton {
  right: 80px;
}

body.single-post .gridButton,
body.single-post .listButton {
  display: none;
}

a.hideFiltersButton {
  display: none;
  width: 100%;
  position: relative;
  top: -85px;
  font-size: 25px;
  font-weight: 700;
  color: #323232;
  cursor: pointer;
  background: url(/wp-content/themes/logistics/images/down-arrow.png) no-repeat center right;
  height: 25px;
  line-height: 27px;
  text-decoration: none;
  outline: none;
}

a.hideFiltersButton.arrowUp {
  background: url(/wp-content/themes/logistics/images/up-arrow.png) no-repeat center right;
}

@media (max-width: 750px) {
  a.hideFiltersButton {
    display: block;
  }
}
.newsPage .pageContentWrap,
.jobsPage .pageContentWrap {
  position: relative;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 750px) {
  .newsPage .pageContentWrap,
.jobsPage .pageContentWrap {
    flex-direction: column;
  }
}
.newsPage h3.offTop,
.jobsPage h3.offTop {
  position: absolute;
  top: -68px;
  margin: 0;
  font-size: 25px;
}
.newsPage h3.offTop .green,
.jobsPage h3.offTop .green {
  color: #00549e;
}
@media (max-width: 750px) {
  .newsPage h3.offTop,
.jobsPage h3.offTop {
    position: static;
    top: 0;
    margin: 0 0 25px;
    line-height: 28px;
  }
  .newsPage .sidebar .offTop,
.jobsPage .sidebar .offTop {
    display: none;
  }
}
.newsPage h1.vacancyNoLongerAvailable,
.jobsPage h1.vacancyNoLongerAvailable {
  margin-top: 145px;
}
.newsPage .sidebar,
.jobsPage .sidebar {
  display: block;
  width: 277px;
  background-color: white;
  flex-shrink: 0;
  margin-right: 28px;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.09);
}
.newsPage .sidebar .widget,
.jobsPage .sidebar .widget {
  margin: 0;
}
.newsPage .sidebar section,
.jobsPage .sidebar section {
  padding: 28px;
  border: solid #EAEAEA;
  border-width: 0 0 1px;
}
.newsPage .sidebar section:last-child,
.jobsPage .sidebar section:last-child {
  border-width: 0;
}
.newsPage .sidebar h2,
.jobsPage .sidebar h2 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.newsPage .sidebar ul,
.jobsPage .sidebar ul {
  margin: 0px 0 0 19px;
  padding: 0 0 0 1px;
}
.newsPage .sidebar li,
.jobsPage .sidebar li {
  list-style: none;
}
.newsPage .sidebar li:before,
.jobsPage .sidebar li:before {
  content: "–";
  position: relative;
  left: -19px;
  margin-right: -13px;
}
.newsPage .sidebar li a,
.jobsPage .sidebar li a {
  color: #323232;
  text-decoration: none;
}
.newsPage .sidebar li a:hover,
.jobsPage .sidebar li a:hover {
  text-decoration: underline;
}
.newsPage .sidebar li a[aria-current],
.jobsPage .sidebar li a[aria-current] {
  font-weight: 700;
}
.newsPage .sidebar .clearFiltersWrapper,
.jobsPage .sidebar .clearFiltersWrapper {
  display: none;
  border: #13b5ea solid;
  border-width: 1px 0 0;
  margin: 0 28px 28px;
  padding: 17px 0 0;
}
.newsPage .sidebar .clearFiltersWrapper a,
.jobsPage .sidebar .clearFiltersWrapper a {
  color: #13b5ea;
  background: url(/wp-content/themes/logistics/images/clear-filters-x.svg) no-repeat center left;
  padding-left: 25px;
  font-size: 12px;
  text-decoration: none;
  font-weight: 600;
}
.newsPage .sidebar .clearFiltersWrapper a:hover,
.jobsPage .sidebar .clearFiltersWrapper a:hover {
  opacity: 0.8;
}
@media (max-width: 750px) {
  .newsPage .sidebar,
.jobsPage .sidebar {
    display: none;
    width: 100%;
    margin: 0 0 28px;
  }
}
.newsPage .posts.gridView,
.jobsPage .posts.gridView {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1001px) {
  .newsPage .posts.gridView .newsPost,
.jobsPage .posts.gridView .newsPost {
    width: 31.015%;
    margin-right: 3.4775%;
  }
  .newsPage .posts.gridView .newsPost:nth-child(3n),
.jobsPage .posts.gridView .newsPost:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 751px) and (max-width: 1000px) {
  .newsPage .posts.gridView .newsPost,
.jobsPage .posts.gridView .newsPost {
    width: 47.67%;
    margin-right: 4.66%;
  }
  .newsPage .posts.gridView .newsPost:nth-child(2n),
.jobsPage .posts.gridView .newsPost:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 750px) {
  .newsPage .posts.gridView .newsPost,
.jobsPage .posts.gridView .newsPost {
    width: 100%;
  }
}
.newsPage .posts.gridView .newsPost .image,
.jobsPage .posts.gridView .newsPost .image {
  width: 0;
}

/**
  Jobs-page-specific
 */
.jobsPage .newsAndJobsPageHeader .animationFlex {
  position: absolute;
  height: 285px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper {
  width: 1000000px;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation {
  width: 100vw;
  position: relative;
  height: 285px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 1920px;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation .leftSide {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 405px;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation .leftSide .truck {
  position: absolute;
  right: 8%;
  width: 195%;
  bottom: 16%;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation .leftSide .wheel {
  position: absolute;
  right: 18.8%;
  width: 17%;
  bottom: 7%;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation .leftSide .wheel:nth-child(3) {
  right: 38.6%;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation .leftSide .wheel:nth-child(4) {
  right: 58.3%;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation .leftSide svg {
  display: block;
  width: 100%;
  height: auto;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation .rightSide {
  height: 100%;
  position: absolute;
  right: 15px;
  top: 0;
  width: 405px;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation .rightSide .flt {
  position: absolute;
  width: 78%;
  bottom: 13%;
  left: 0;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation .rightSide .wheel {
  position: absolute;
  bottom: 7%;
  width: 14.3%;
  left: 30.5%;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation .rightSide .wheel:nth-child(3) {
  left: 65.5%;
  width: 12.3%;
}
.jobsPage .newsAndJobsPageHeader .animationFlex .animationWrapper .animation .rightSide .wheel svg {
  display: block;
  width: 100%;
  height: auto;
}
.jobsPage .centralColumnMaxWidth {
  position: relative;
  z-index: 10;
}

/**
  News-page-specific
 */
.newsPage .pageContentWrap {
  top: -68px;
  margin-bottom: -68px;
}

/**
  Jobs-page-specific
 */
.jobsPage .pageContentWrap {
  top: -130px;
  margin-bottom: -130px;
}
@media (max-width: 750px) {
  .jobsPage .pageContentWrap {
    top: 0;
    margin-bottom: 50px;
  }
}
.jobsPage .newsAndJobsPageHeader {
  background: url(/wp-content/themes/logistics/images/jobs-page-header-bg.png) repeat-x center;
}
@media (max-width: 750px) {
  .jobsPage .newsAndJobsPageHeader {
    background: none #F7F8F8;
    height: 140px;
  }
}
@media (max-width: 750px) {
  .jobsPage a.hideFiltersButton {
    top: -55px;
  }
}
.jobsPage .sidebar {
  margin-bottom: 364px;
  /* CAUTION: IE hackery ahead */
  /* target Internet Explorer 9 to undo the custom arrow */
}
.jobsPage .sidebar select {
  width: 100%;
  padding: 10px;
  font-size: 12px;
  line-height: 16px;
  border: 1px solid #eaeaea;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white url(/wp-content/themes/logistics/images/down-arrow.svg) no-repeat;
  background-position: right 10px center;
  background-size: 10px;
  font-weight: 500;
}
.jobsPage .sidebar select::-ms-expand {
  display: none;
  /* remove default arrow on ie10 and ie11 */
}
@media screen and (min-width: 0 \0 ) {
  .jobsPage .sidebar select {
    background: none \9 ;
    padding: 5px \9 ;
  }
}
.jobsPage .sidebar .region {
  position: relative;
}
.jobsPage .sidebar .region h2 {
  display: inline-block;
  margin-bottom: 10px;
}
.jobsPage .sidebar .region svg.regionSwitch {
  float: right;
  margin: 4px;
  cursor: pointer;
  pointer-events: all;
}
.jobsPage .sidebar .region svg.regionSwitch path {
  pointer-events: all;
}
.jobsPage .sidebar .region svg.regionSwitch:hover path {
  fill: #00549e;
}
@media (max-width: 750px) {
  .jobsPage .sidebar .region svg.regionSwitch {
    display: none !important;
  }
}
.jobsPage .sidebar .region svg.mapGraphicButton {
  display: none;
}
.jobsPage .sidebar .region input[type=checkbox] {
  margin-right: 5px;
}
.jobsPage .sidebar .region label {
  display: flex;
  align-items: center;
  padding-top: 10px;
  font-size: 0.9rem;
  line-height: 0;
}
.jobsPage .sidebar .region .regionsList {
  display: none;
}
@media (max-width: 750px) {
  .jobsPage .sidebar .region svg.regionsMap {
    display: none !important;
  }
  .jobsPage .sidebar .region .regionsList {
    display: block !important;
  }
}
.jobsPage .sidebar .region button {
  display: block;
  margin: 20px auto 0;
}
.jobsPage .sidebar .region button.viewFullScreen {
  display: block;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .jobsPage .sidebar .region button.viewFullScreen {
    display: none;
  }
}
.jobsPage .sidebar .location button {
  margin: 30px 0;
}
.jobsPage .no-results {
  margin-top: 145px;
}
@media (max-width: 750px) {
  .jobsPage .no-results {
    margin-top: 0;
  }
}

.newsPost {
  display: flex;
  border-style: solid;
  border-width: 4px 0 0;
  border-color: #13b5ea;
  background-color: white;
  min-height: 282px;
  margin: 0 0 30px;
  -webkit-box-shadow: 0 5px 31px -10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 31px -10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 31px -10px rgba(0, 0, 0, 0.25);
  width: 100%;
}
.newsPost .image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 35%;
  flex-shrink: 0;
}
.newsPost .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
}
.newsPost .text span {
  color: #13b5ea;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}
.newsPost .text h6 {
  font-size: 25px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 21px;
}
.newsPost .text h6 a {
  color: #323232;
  text-decoration: none;
}
.newsPost .text .longContent {
  display: block;
}
.newsPost .text .shortContent {
  display: none;
}
.newsPost .text p {
  margin-top: 0;
}
.newsPost .text a.readMore {
  display: inline-block;
  color: #00549e;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  background: url(/wp-content/themes/logistics/images/next-arrow.png) no-repeat center left;
  margin-top: 15px;
  padding-left: 36px;
  height: 25px;
  line-height: 27px;
}
.newsPost .text a.readMore:hover {
  opacity: 0.8;
}

@media (max-width: 500px) {
  .newsPost {
    flex-direction: column;
  }
  .newsPost .image {
    height: 70vw;
    width: 100%;
  }
}
.postsAndPagination {
  width: 100%;
}

.postsAndPagination .nav-links {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 75px;
}
.postsAndPagination .nav-links a.page-numbers, .postsAndPagination .nav-links span {
  width: 39px;
  height: 39px;
  margin: 0 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.postsAndPagination .nav-links a.page-numbers.current, .postsAndPagination .nav-links span.current {
  border: 1px solid #00549e;
  background-color: #00549e;
  color: white;
}
.postsAndPagination .nav-links a.page-numbers:hover, .postsAndPagination .nav-links span:hover {
  border: 1px solid #00549e;
}
.postsAndPagination .nav-links a.page-numbers.prev, .postsAndPagination .nav-links a.page-numbers.next, .postsAndPagination .nav-links span.prev, .postsAndPagination .nav-links span.next {
  width: 25px;
  height: 25px;
  border-color: transparent;
}
.postsAndPagination .nav-links a.page-numbers.prev:hover circle, .postsAndPagination .nav-links a.page-numbers.next:hover circle, .postsAndPagination .nav-links span.prev:hover circle, .postsAndPagination .nav-links span.next:hover circle {
  stroke: #00549e;
}
.postsAndPagination .nav-links a.page-numbers.prev:hover path, .postsAndPagination .nav-links a.page-numbers.next:hover path, .postsAndPagination .nav-links span.prev:hover path, .postsAndPagination .nav-links span.next:hover path {
  fill: #00549e;
}

.newsPostSingle {
  position: relative;
  top: -68px;
}
.newsPostSingle .nav-links a {
  display: inline-block;
  color: #00549e;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  height: 25px;
  line-height: 27px;
}
.newsPostSingle .nav-links a:hover {
  opacity: 0.8;
}
.newsPostSingle .nav-previous a {
  background: url(/wp-content/themes/logistics/images/previous-arrow.png) no-repeat center left;
  padding-left: 36px;
}
.newsPostSingle .nav-next a {
  background: url(/wp-content/themes/logistics/images/next-arrow.png) no-repeat center right;
  padding-right: 36px;
}

.newsPostContentSingle {
  background-color: white;
  min-height: 282px;
  margin: 0 0 30px;
}
.newsPostContentSingle .image {
  border-style: solid;
  border-width: 4px 0 0;
  border-color: #13b5ea;
  background-color: white;
  min-height: 282px;
  margin: 0 0 30px;
  -webkit-box-shadow: 0 5px 31px -10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 31px -10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 31px -10px rgba(0, 0, 0, 0.25);
  height: auto;
  background-size: cover;
  background-position: center;
}
.newsPostContentSingle .image img {
  width: 100%;
  display: block;
}
.newsPostContentSingle .text {
  padding: 30px 50px;
}
.newsPostContentSingle .text h1 {
  font-size: 25px;
}
.newsPostContentSingle .text a.backToNews {
  display: inline-block;
  color: #00549e;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  height: 25px;
  line-height: 27px;
  background: url(/wp-content/themes/logistics/images/previous-arrow.png) no-repeat center left;
  padding-left: 36px;
}
.newsPostContentSingle .text a.backToNews:hover {
  opacity: 0.8;
}

svg.regionsMap path {
  fill: #DBDBDB;
  stroke: black;
  pointer-events: all;
  cursor: pointer;
}
svg.regionsMap path:hover {
  fill: #aeaeae;
}
svg.regionsMap path.selected {
  fill: #00549e;
}
svg.regionsMap path.selected:hover {
  fill: #008137;
}

.fullScreenMapWrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
}
.fullScreenMapWrapper .fullScreenMap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/wp-content/themes/logistics/images/full-screen-map-overlay-bg.png);
  background-size: cover;
}
.fullScreenMapWrapper .fullScreenMap.landscape .mapWrapper {
  width: 90vh;
  height: 90vh;
}
.fullScreenMapWrapper .fullScreenMap.portrait .mapWrapper {
  width: 90vw;
  height: 90vw;
}
.fullScreenMapWrapper .fullScreenMap .mapWrapper {
  position: relative;
  background: white;
  display: flex;
  align-content: center;
  justify-content: center;
  padding: 30px;
  border: 4px solid #13b5ea;
  border-width: 0 0 3px;
  -webkit-box-shadow: 0 0 31px -10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 31px -10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 31px -10px rgba(0, 0, 0, 0.25);
}
.fullScreenMapWrapper .fullScreenMap .mapWrapper .closeButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #00549e;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  line-height: 0;
}
.fullScreenMapWrapper .fullScreenMap .mapWrapper .closeButton:hover {
  background: #008137;
}
.fullScreenMapWrapper .fullScreenMap .mapWrapper svg {
  height: 100%;
}

.fullScreenApplicationFormWrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background-image: url(/wp-content/themes/logistics/images/full-screen-map-overlay-bg.png);
  background-size: cover;
  overflow-y: scroll;
  overflow-x: hidden;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm.landscape .applicationFormWrapper {
  width: 90vh;
  height: 90vh;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm.portrait .applicationFormWrapper {
  width: 90vw;
  height: 90vw;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper {
  margin: 20px;
  position: relative;
  background: white;
  display: flex;
  align-content: center;
  justify-content: center;
  max-width: 90%;
  padding: 30px;
  border: 4px solid #13b5ea;
  border-width: 0 0 3px;
  -webkit-box-shadow: 0 0 31px -10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 31px -10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 31px -10px rgba(0, 0, 0, 0.25);
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .closeButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #00549e;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 16px;
  line-height: 0;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .closeButton:hover {
  background: #008137;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
  width: 620px;
  max-width: 100%;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout h2 {
  margin-bottom: 15px;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout .info {
  display: flex;
  margin-bottom: 20px;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout .info div:nth-child(2) {
  margin: 0 30px;
}
@media (max-width: 500px) {
  .fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout .info {
    flex-direction: column;
  }
  .fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout .info div:nth-child(2) {
    margin: 0;
  }
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout form label {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout form p:last-of-type {
  margin: 0;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout form input, .fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout form textarea {
  border-color: #DBDBDB;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  padding: 7px 10px;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout form button.applyNow {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding: 10px 23px 10px 17px;
  letter-spacing: 0.9px;
  margin: 0;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout form input[type=submit] {
  display: none;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout form input.referrer {
  display: none;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout form .wpcf7-response-output {
  margin: 0;
  border: 2px solid #00549e;
}
.fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout form.invalid .wpcf7-response-output, .fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper .formLayout form.failed .wpcf7-response-output {
  border: 2px solid #13b5ea;
}
@media (max-width: 500px) {
  .fullScreenApplicationFormWrapper .fullScreenApplicationForm .applicationFormWrapper {
    margin: 0;
    max-width: 100%;
  }
}

.jobDetail .header {
  background-color: #F7F8F8;
  padding-bottom: 90px;
}
@media (max-width: 800px) {
  .jobDetail .header {
    padding-bottom: 20px;
  }
}
.jobDetail .headerContents {
  display: flex;
  margin: 55px 0 0;
}
@media (max-width: 800px) {
  .jobDetail .headerContents {
    flex-direction: column;
  }
}
.jobDetail .jobCategoryImage {
  width: 48.74%;
  min-height: 419px;
  background-size: cover;
  background-position: center;
  border: 4px solid #13b5ea;
  border-width: 4px 0 0 0;
  -webkit-box-shadow: 0 0 31px -10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 31px -10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 31px -10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 800px) {
  .jobDetail .jobCategoryImage {
    width: 100%;
  }
}
.jobDetail .jobInfo {
  position: relative;
  width: 48.26%;
  margin-left: 3%;
}
.jobDetail .jobInfo h1 {
  float: left;
  clear: none;
  margin: 0;
  padding-bottom: 20px;
}
.jobDetail .jobInfo hr {
  clear: both;
  border: 4px solid #00549e;
  border-width: 0 0 4px;
  height: 0;
  width: 100%;
}
.jobDetail .jobInfo hr.grey {
  border-color: #DBDBDB;
  border-width: 0 0 2px;
}
.jobDetail .jobInfo a.backToResults {
  display: none;
  float: right;
  background: url(/wp-content/themes/logistics/images/previous-arrow.png) no-repeat center left;
  padding-left: 36px;
  color: #00549e;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  height: 25px;
  line-height: 27px;
  margin: 7px 0;
}
.jobDetail .jobInfo p {
  margin-bottom: 25px;
}
.jobDetail .jobInfo .infoItems {
  display: flex;
  flex-wrap: wrap;
}
.jobDetail .jobInfo .infoItems div {
  width: 50%;
  margin-bottom: 25px;
}
.jobDetail .jobInfo button {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding: 10px 23px 10px 17px;
  letter-spacing: 0.9px;
  margin: 0 0 30px 0;
}
.jobDetail .jobInfo button svg {
  margin-right: 3px;
}
@media (max-width: 800px) {
  .jobDetail .jobInfo {
    width: 100%;
    margin: 28px 0 0;
  }
}
.jobDetail .lowerSection .lowerSectionContents {
  display: flex;
  padding: 80px 0 50px;
}
@media (max-width: 800px) {
  .jobDetail .lowerSection .lowerSectionContents {
    padding: 30px 0 30px;
    flex-direction: column;
  }
}
.jobDetail .lowerSection .description {
  width: 48.74%;
  padding: 0 0 3% 0;
  margin-right: 3%;
}
.jobDetail .lowerSection .description table {
  width: auto !important;
}
.jobDetail .lowerSection .description ul {
  margin-left: 0;
  padding-left: 28px;
}
.jobDetail .lowerSection .description button.applyNow {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding: 10px 23px 10px 17px;
  letter-spacing: 0.9px;
  margin: 0;
}
@media (max-width: 800px) {
  .jobDetail .lowerSection .description {
    width: 100%;
    padding: 0 0 3%;
    margin-right: 0;
  }
}
.jobDetail .lowerSection .whyChoose {
  width: 48.26%;
  background-color: #00549e;
  color: white;
  padding: 6%;
}
.jobDetail .lowerSection .whyChoose .reason {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}
.jobDetail .lowerSection .whyChoose .reason:last-child {
  margin-bottom: 0;
}
.jobDetail .lowerSection .whyChoose .reason svg {
  width: 65px;
  flex-shrink: 0;
  height: auto;
}
.jobDetail .lowerSection .whyChoose .reason div {
  padding-left: 5%;
}
@media (max-width: 800px) {
  .jobDetail .lowerSection .whyChoose {
    width: 100%;
  }
}
.jobDetail .lowerSection h4 {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.3em;
  margin-top: 0;
}
.jobDetail .lowerSection h4 .green {
  color: #00549e;
}
@media (max-width: 800px) {
  .jobDetail .lowerSection h4 {
    margin-bottom: 30px;
  }
}
.jobDetail .redBarPersonQuote .quote {
  justify-content: center;
  align-items: baseline;
}
.jobDetail .redBarPersonQuote h6 {
  background-image: none;
  padding: 20px 0 0 30px;
}
.jobDetail .redBarPersonQuote .applyNow {
  color: white;
  display: inline-flex;
  justify-content: center;
  margin: 14px 0 0 30px;
  text-transform: uppercase;
  align-items: center;
  cursor: pointer;
  border: 1px solid white;
}
.jobDetail .redBarPersonQuote .applyNow svg {
  margin-right: 5px;
}
.jobDetail .redBarPersonQuote .applyNow:hover {
  opacity: 0.8;
}
.jobDetail .redBarPersonQuote .person {
  width: 446px;
}
.jobDetail .spacer {
  height: 80px;
}

/**
  Red bar customisations for use on job detail page
 */
@media (max-width: 800px) {
  .jobDetail .darkerRedBar {
    display: none;
  }
}
@media (max-width: 800px) {
  .jobDetail .redBarPersonQuote .side {
    display: none;
  }
}
@media (max-width: 800px) {
  .jobDetail .redBarPersonQuote .content {
    flex-direction: column !important;
    background-color: #13b5ea;
  }
  .jobDetail .redBarPersonQuote .personHider {
    position: static !important;
    text-align: center;
  }
}
@media (min-width: 601px) and (max-width: 1100px) {
  .jobDetail .redBarPersonQuote .quote h6 {
    font-size: 2.28vw;
  }
}
@media (max-width: 400px) {
  .jobDetail .redBarPersonQuote .quote h6 {
    font-size: 20px;
  }
}
@media (max-width: 800px) {
  .jobDetail .redBarPersonQuote .quote {
    width: auto;
    margin: 30px 20px 20px 20px;
    box-sizing: border-box;
  }
}
@media (max-width: 800px) {
  .jobDetail .redBarPersonQuote .person img {
    position: static;
    bottom: auto;
    max-width: 70%;
  }
}
@media (max-width: 800px) {
  .jobDetail .redBarPersonQuote .person {
    width: 100%;
    background-image: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 800px) {
  .jobDetail .redBarPersonQuote {
    height: auto;
  }
}

.meetATeamMember {
  position: relative;
  background-size: cover;
  margin-bottom: 30px;
  overflow: hidden;
}
.meetATeamMember img.sizer {
  width: 100%;
  height: auto;
  display: block;
}
.meetATeamMember img.transparency {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  transition: height 0.5s ease-in-out;
  -webkit-transition: height 0.5s ease-in-out;
}
.meetATeamMember .text {
  position: absolute;
  bottom: 8%;
  left: 12%;
  width: 76%;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}
.meetATeamMember .text .name {
  margin-bottom: 3px;
}
.meetATeamMember .text .position {
  font-weight: 100;
}
.meetATeamMember .text .info {
  overflow: hidden;
}
.meetATeamMember:hover .text {
  display: none;
}
.meetATeamMember .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10% 12%;
  color: white;
  font-size: 0.9rem;
  font-weight: 100;
  line-height: 1.3rem;
  background-color: #00549e;
  -webkit-transition: 0.3333333333s ease-in-out;
  -moz-transition: 0.3333333333s ease-in-out;
  -o-transition: 0.3333333333s ease-in-out;
  transition: 0.3333333333s ease-in-out;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.meetATeamMember .overlay p {
  margin-bottom: 1em;
}
.meetATeamMember .overlay ul {
  margin: 0 0 1.5em;
  padding: 0 0 0 19px;
}
.meetATeamMember:hover .overlay {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.meetATeamMember.redBox {
  background-color: #13b5ea;
}
.meetATeamMember.redBox .content {
  position: absolute;
  top: 10%;
  left: 12%;
  width: 76%;
  color: white;
}
.meetATeamMember.redBox svg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 18.1%;
  height: auto;
  display: block;
  cursor: pointer;
}
.meetATeamMember.redBox svg:hover {
  opacity: 0.8;
}

.servicesPage .wpb_column .wpb_wrapper .wpb_wrapper .wpb_text_column .wpb_wrapper p:nth-child(2) {
  min-height: 130px;
}

.error-404 {
  text-align: center;
  padding: 15% 0;
}
.error-404 .button {
  margin: 0 15px;
}
@media (max-width: 500px) {
  .error-404 .button {
    margin: 15px 14px;
  }
  .error-404 p.buttons {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: revert;
    align-items: center;
  }
}

/*# sourceMappingURL=style.css.map */