/*
Theme Name: Abbey Logistics Group
Theme URI: http://www.abbeylogisticsgroup.com/
Description: Abbey Logistics Group – Based on Bootstrap 3 Framework
Author: Reech Media
Author URI: http://reech.media/
Version: 1.0
*/
/* =Global
-------------------------------------------------------------- */
body {
  font-family: 'Poppins', sans-serif;
  width: 100%;
  height: 100%;
  counter-reset: item;
}

html {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nopad {
  padding: 0px;
}

a:hover {
  text-decoration: none;
}

* {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: auto;
}

.text-panel li {
  margin-bottom: 10px;
}

/* =Typography
-------------------------------------------------------------- */
/* =Page Sliders
-------------------------------------------------------------- */
.slider {
  background: #eee;
  padding: 0px;
}

.slider h1 {
  position: absolute;
  top: 20px;
  color: #FFF;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  display: inline-block;
  width: 420px;
}

.slider h2 {
  position: absolute;
  bottom: 20px;
  right: 0px;
  color: #82bc00;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}

.slider .item.slides {
  max-height: 450px;
  overflow: hidden;
  padding: 0px;
  background: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 40vw;
}

/*.slider .item.slides > div {
  position: relative;
}*/
.slider .item.slides .slider-inner {
  padding-top: 60%;
  content: ' ';
}

.carousel-button {
  color: #82BC00;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
}

.carousel-button.left {
  left: 10px;
}

.carousel-button.right {
  right: 10px;
}

.carousel-button:hover {
  color: #15284B;
}

.carousel-button:focus {
  color: #15284B;
}

#carousel .carousel-container {
  position: relative;
  height: 450px;
}

.carousel-indicators {
  bottom: 0px;
}

/* =Header – Navigation and Search
-------------------------------------------------------------- */
.abbey-logo {
  width: 125px;
  height: 42px;
  background: url('assets/img/abbey-logo.png') no-repeat;
  background-size: 125px;
  margin: 15px 0px;
}

.getquote-btn,
.tracktrace-btn {
  text-transform: uppercase;
  padding: 6.5px;
  color: #FFF;
  transition: all 0.5s ease-in-out;
  margin: 20px 0px;
  font-size: 12px;
  text-align: center;
}

.getquote-btn {
  background: #15284B;
}

.tracktrace-btn {
  background: #82BC00;
}

.getquote-btn:hover,
.tracktrace-btn:hover {
  background: #666;
}

#custom-search-input {
  margin: 20px 0px;
}

#custom-search-input .input-group {
  width: 100%;
}

#custom-search-input .form-inline .input-group {
  width: 100%;
}

#custom-search-input .input-group .form-control:first-child {
  width: 100%;
}

#custom-search-input .form-inline .input-group .input-group-btn {
  width: 8%;
}

#custom-search-input .input-group-btn:last-child>.btn {
  width: 100%;
}

.btn-info {
  background-color: #15284B;
  border-color: #15284B;
}

.input-group {
  float: right;
}

.navbar {
  min-height: auto;
  background: #82bc00;
  border-radius: 0px;
  border: 0px;
  margin-bottom: 0px;
}

#navbar-collapse {
  padding: 0px;
}

.nav {
  width: 100%;
}

.nav>li {
  width: 12.5%;
  border-left: 1px solid #FFF;
}

.nav>li:first-child {
  border-left: 0px;
}

.navbar-default .navbar-nav>li>a {
  padding: 10px 0px;
  text-align: center;
  color: #FFF;
}











.dropdown-menu>li>a {
  color: #FFF;
}



.dropdown-menu>.active>a {
  background-color: var(--abb-grey);
  color: var(--abb-blue);
}

.dropdown-menu>.active>a:hover {
  background-color: var(--abb-blue);
}

.header .fa-linkedin-square,
.header .fa-twitter-square {
  float: right;
  font-size: 24px;
  color: #15284B;
  margin-left: 5px;
  margin-top: 24px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

.header .fa-linkedin-square:hover,
.header .fa-twitter-square:hover {
  color: #82BC00;
}

.header>div>div:first-child {
  padding-left: 15px;
}

.header>div>div:last-child {
  padding-right: 15px;
}

.header>div>div {
  padding-left: 5px;
  padding-right: 5px;
}

/* = Includes
-------------------------------------------------------------- */
/* =Home Page
-------------------------------------------------------------- */
/*------- Services Jump Navigation -------*/
.alg-services-jumpnav {
  overflow: hidden;
}

.alg-hpnav-allservices,
.alg-hpnav-liquids,
.alg-hpnav-powders,
.alg-hpnav-intermodal,
.alg-hpnav-distribution {
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
  padding: 8px 0px;
  transition: all 0.5s ease-in-out;
}

.alg-hpnav-allservices {
  background: #0299CE;
}

.alg-hpnav-liquids {
  background: #15284B;
}

.alg-hpnav-powders {
  background: #65921F;
}

.alg-hpnav-intermodal {
  background: #15284B;
}

.alg-hpnav-distribution {
  background: #65921F;
}

.alg-hpnav-allservices:hover,
.alg-hpnav-liquids:hover,
.alg-hpnav-powders:hover,
.alg-hpnav-intermodal:hover,
.alg-hpnav-distribution:hover {
  background: #666;
}

.alg-services-jumpnav>div>div>a:last-child,
.alg-services-jumpnav>div>div>a:first-child {
  position: relative;
}

.alg-services-jumpnav>div>div>a:last-child:after {
  position: absolute;
  top: 0;
  left: 100%;
  display: table;
  content: '';
  height: 36px;
  width: 9999px;
  background-color: #15284B;
}

.alg-services-jumpnav>div>div>a:first-child:before {
  position: absolute;
  top: 0;
  right: 100%;
  display: table;
  content: '';
  height: 36px;
  width: 9999px;
  background-color: #0299CE;
}

.alg-services-jumpnav>div>div>a {
  display: block;
}

.alg-services-jumpnav>div>div>a::before {
  pointer-events: none;
}

.alg-services-jumpnav>div>div>a::after {
  pointer-events: none;
}

/*------- Map Panel -------*/
.map-panel {
  background: #82BC00;
  height: auto;
  min-height: 20px;
}

.map-panel h3 {
  text-transform: uppercase;
  color: #FFF;
  margin-top: 30px;
  font-weight: 300;
}

.map-panel h3:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #15284A;
  margin-right: 10px;
  /* margin-bottom: 1px;*/
}

.map-panel p {
  color: #FFF;
}

.stat-circles {
  margin-top: 20px;
}

.stat-circles img {
  margin-bottom: 10px;
  max-height: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.stat-circle-depots {
  background: url('assets/img/stat-circle-depots.png') no-repeat;
  background-size: 100% auto;
  width: 100%;
  min-height: 100px;
}

.stat-circle-ops {
  background: url('assets/img/stat-circle-ops.png') no-repeat;
  background-size: 100% auto;
  width: 100%;
  min-height: 100px;
}

.stat-circle-tankclean {
  background: url('assets/img/stat-circle-tankclean.png') no-repeat;
  background-size: 100% auto;
  width: 100%;
  min-height: 100px;
}

.stat-circle-liquid {
  background: url('assets/img/stat-circle-liquid.png') no-repeat;
  background-size: 100% auto;
  width: 100%;
  min-height: 100px;
}

.stat-circle-powder {
  background: url('assets/img/stat-circle-powder.png') no-repeat;
  background-size: 100% auto;
  width: 100%;
  min-height: 100px;
}

.stat-circle-tractor {
  background: url('assets/img/stat-circle-tractor.png') no-repeat;
  background-size: 100% auto;
  width: 100%;
  min-height: 100px;
}

.jvectormap-tip {
  padding: 5px 15px !important;
  border-radius: 5px !important;
  background: #15284b !important;
  color: #FFF !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 20px !important;
  z-index: 2147483647 !important;
}

.jvectormap-tip h4 {
  font-size: 16px;
}

.jvectormap-tip p {
  font-size: 12px !important;
}

.rvm-map-container {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: -140px;
}

.jvectormap-container {
  margin-top: -150px;
}

circle {
  fill: #666;
  stroke: #666;
  transition: all 0.5s ease-in-out;
}

circle[data-index='0'] {
  fill: #0299CE;
  stroke: #0299CE;
  transition: all 0.5s ease-in-out;
}

circle[data-index='1'] {
  fill: #0299CE;
  stroke: #0299CE;
  transition: all 0.5s ease-in-out;
}

circle[data-index='2'] {
  fill: #15284A;
  stroke: #15284A;
  transition: all 0.5s ease-in-out;
}

circle[data-index='3'] {
  fill: #65921F;
  stroke: #65921F;
  transition: all 0.5s ease-in-out;
}

circle[data-index='4'] {
  fill: #15284A;
  stroke: #15284A;
  transition: all 0.5s ease-in-out;
}

circle[data-index='0']:hover,
circle[data-index='1']:hover,
circle[data-index='2']:hover,
circle[data-index='3']:hover,
circle[data-index='4']:hover {
  fill: #666;
  stroke: #666;
}

/*------- Our Business Panel -------*/
.our-business-panel {
  background: #15284B;
}

.our-business-panel h3 {
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 10px;
  color: #FFF;
}

.our-business-panel h3:before {
  font-family: 'FontAwesome';
  content: '\f0c8';
  color: #82BC00;
  font-size: 22px;
  padding-right: 10px;
}

.our-business-panel>div>div {
  margin: 20px 0px;
}

.alg-ourstory,
.alg-ourapproach,
.alg-environmental,
.alg-team,
.alg-careers {
  min-height: 225px;
  padding: 15px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.alg-ourstory {
  height: auto;
  background-image: url('assets/img/our-story.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.alg-team {
  background-image: url('assets/img/our-people.jpg');
}

.alg-careers {
  background-image: url('assets/img/careers.jpg');
}

.alg-ourapproach {
  background: #0299ce;
}

.alg-environmental {
  background: #999;
}

.alg-team,
.alg-careers {
  margin-bottom: 20px;
}

.our-business-panel h4 {
  color: #FFF;
  font-weight: 300;
}

.our-business-panel h4 b {
  font-weight: 700;
}

.our-business-panel p {
  color: #FFF;
  font-size: 14px;
  margin-bottom: 50px;
}

.our-business-panel hr {
  width: 30px;
  float: left;
  margin-right: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.panel-cta-btn {
  border: 1px solid #FFF;
  color: #FFF;
  padding: 5px;
  text-transform: uppercase;
  position: absolute;
  bottom: 15px;
  left: 15px;
  transition: all 0.5s ease-in-out;
}

.panel-cta-btn:hover {
  background: #666;
  color: #FFF;
  text-decoration: none;
}

/*------- Latest News -------*/
.latest-news {
  background: #ccc;
  color: #FFF;
}

.latest-news h3 {
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 20px;
}

.latest-news h3:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #82BC00;
  margin-right: 10px;
  margin-bottom: 1px;
}

.latest-news .article {
  margin-bottom: 20px;
}

.latest-news .article h4 {
  height: 40px;
}

.latest-news .article a {
  color: #82BC00;
}

.latest-news .article-img {
  margin-bottom: 10px;
}

.latest-news .article-img img {
  width: 100%;
  height: auto;
}

/* =page.php
-------------------------------------------------------------- */
.main-img {
  height: 60%;
  max-height: 450px;
  overflow: hidden;
  padding: 0px;
  background: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .main-img {
    height: 40vw;
  }
}
@media screen and (max-width: 399px) {
  .main-img {
    height: 30vw;
  }
}

.text-panel {
  padding: 20px 0px;
}

.text-panel a {
  color: #82BC00;
}

.text-panel a:hover {
  color: #666;
}

.text-panel ul li {
  list-style: none;
}

.text-panel ul li:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: -20px;
  margin-right: 10px;
  background: #82BC00;
}

.text-panel ol {
  list-style: none;
}

.text-panel ol li {
  counter-increment: item;
  margin-bottom: 5px;
}

.text-panel ol li:before {
  content: counter(item);
  color: #82bc00;
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}

.text-panel h1 {
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 20px;
  color: #82BC00;
}

.text-panel h1:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #15284B;
  margin-right: 10px;
  margin-bottom: 1px;
}

.text-panel h2 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #82BC00;
  word-break: break-word;
}

.text-panel h3 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #82BC00;
}

.text-panel h4 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #82BC00;
}

.text-panel h5 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #82BC00;
  display: inline-block;
}

.text-panel h6 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #82BC00;
}

.cols-margin-top {
  margin-top: 25px;
}

/* =News index.php
-------------------------------------------------------------- */
/* Even */
.blog .article,
.post-type-archive-vacancies .article,
.tax-department .article {
  background: #15284B;
  padding: 25px 0px 15px 0px;
}

.blog .article h2,
.post-type-archive-vacancies .article h2,
.tax-department .article h2 {
  color: #FFF;
  font-size: 22px;
  font-weight: 300;
  margin-top: 0px;
}

.blog .article h2 span,
.post-type-archive-vacancies h2 span,
.tax-department h2 span {
  color: #0299ce;
  text-transform: uppercase;
  font-weight: 700;
}

.blog .article p,
.post-type-archive-vacancies .article p,
.tax-department .article p {
  color: #FFF;
}

.blog .article hr,
.post-type-archive-vacancies .article hr,
.tax-department .article hr {
  width: 30px;
  margin-right: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 1px solid #FFF;
  display: inline-block;
}

.blog .article a,
.post-type-archive-vacancies .article a,
.tax-department .article a {
  color: #82BC00;
  transition: all 0.5s ease-in-out;
}

.blog .article a:hover,
.post-type-archive-vacancies .article a:hover,
.tax-department .article a:hover {
  color: #0299CD;
}

.blog .article .post-date {
  color: #FFF;
}

/* Odd */
.blog .article:nth-child(odd),
.post-type-archive-vacancies .article:nth-child(odd),
.tax-department .article:nth-child(odd) {
  background: #FFF;
}

.blog .article:nth-child(odd) h2,
.post-type-archive-vacancies .article:nth-child(odd) h2,
.tax-department .article:nth-child(odd) h2 {
  color: #15284B;
  font-size: 22px;
  font-weight: 300;
  margin-top: 0px;
}

.blog .article:nth-child(odd) h2 span,
.post-type-archive-vacancies .article:nth-child(odd) h2 span,
.tax-department .article:nth-child(odd) h2 span {
  color: #82BC00;
  text-transform: uppercase;
  font-weight: 700;
}

.blog .article:nth-child(odd) p,
.post-type-archive-vacancies .article:nth-child(odd) p,
.tax-department .article:nth-child(odd) p {
  color: #15284B;
}

.blog .article:nth-child(odd) hr,
.post-type-archive-vacancies .article:nth-child(odd) hr,
.tax-department .article:nth-child(odd) hr {
  width: 30px;
  margin-right: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 1px solid #15284B;
}

.blog .more-about-abbey,
.post-type-archive-vacancies .more-about-abbey,
.tax-department .more-about-abbey {
  margin-top: 1px;
}

.blog .article:nth-child(odd) .post-date {
  color: #15284B;
}

/* =News single.php
-------------------------------------------------------------- */
.single-post .post-date {
  color: #9e9e9e;
  margin-bottom: 20px;
  display: block;
}

/* =Depots single.php
-------------------------------------------------------------- */
.depot-info {
  background: #0299ce;
  padding: 15px 0px;
  color: #FFF;
}

.depot-info h1 {
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 300;
  margin: 20px 0px;
}

.depot-info h4 {
  text-transform: uppercase;
  font-weight: 300;
  margin: 30px 0px 10px 0px;
}

.depot-info .depot-address {
  color: #15284B;
}

.depot-info .depot-contacts p {
  margin-bottom: 0px;
  color: #15284B;
}

.depot-info .depot-contacts i {
  color: #FFF;
  margin-right: 5px;
}

.depot-info .depot-contacts a {
  color: #15284B;
  transition: all 0.5s ease-in-out;
}

.depot-info .depot-contacts a:hover {
  color: #FFF;
}

/*------- Map -------*/
.depot-map {
  width: 100%;
  height: 450px;
}

/*------- Form -------*/
.depot-contact-form h4 {
  color: #15284B;
  text-transform: uppercase;
  margin-top: 20px;
}

#gform_2 ul {
  padding: 0px;
  margin: 0px;
}

#gform_2 li {
  list-style: none;
}

#gform_2 label {
  display: none;
}

#gform_2 input {
  width: 100%;
  margin-bottom: 10px;
  background: #eee;
  border: 0px;
  padding: 5px;
}

#gform_2 textarea {
  width: 100%;
  background: #eee;
  border: 0px;
  padding: 5px;
  margin-bottom: 10px;
}

#gform_2 .gfield_select{
  width: 100%;
  margin-bottom: 10px;
  background: #eee;
  padding: 5px 0;
}

#gform_2 .gfield--type-checkbox{
  margin-bottom: 10px;
}
#gform_2 .gfield--type-checkbox label{
  display: block;
}
#gform_2 .gfield--type-checkbox .gchoice{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#gform_2 .gfield--type-checkbox .gchoice input{
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin-right: 5px;
}
#gform_2 .gfield--type-checkbox .gchoice label{  
  margin-bottom: 8px;
  font-weight: normal;
}

#gform_2 input[type=submit] {
  border: 0px;
  background: #15284B;
  color: #FFF;
  padding: 5px 10px;
  width: auto;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
}

#gform_2 input[type=submit]:hover {
  background: #82BC00;
}

#gform_2 ::-webkit-input-placeholder {
  color: #15284B;
  font-weight: 300;
}

#gform_2 :-moz-placeholder {
  color: #15284B;
  font-weight: 300;
}

#gform_2 ::-moz-placeholder {
  color: #15284B;
  font-weight: 300;
}

#gform_2 :-ms-input-placeholder {
  color: #15284B;
  font-weight: 300;
}

.network-bar {
  background: #15284B;
  padding: 10px 0px;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 20px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

.network-bar:hover {
  background: #82BC00;
}

/* =Footer
-------------------------------------------------------------- */
/*------- Email Signup -------*/
.email-signup {
  background: #82BC00;
}

.email-signup>div {
  padding-top: 15px;
  padding-bottom: 15px;
}

.email-signup p {
  color: #FFF;
  margin: 0px;
  font-size: 18px;
}

#gform_1 ul {
  margin: 0px;
  padding: 0px;
}

#gform_1 label {
  display: none;
}

#gform_1 li {
  list-style: none;
}

#gform_1 #input_1_1 {
  border: 0px;
  background: #15284B;
  color: #FFF;
  padding: 5px;
  width: 75%;
  float: left;
  display: inline-block;
}

#gform_1 input[type=submit] {
  border: 0px;
  background: #15284B;
  color: #FFF;
  padding: 5px 10px;
  margin-left: 2%;
  width: 23%;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
}

#gform_1 input[type=submit]:hover {
  background: #0299ce;
}

#gform_1 ::-webkit-input-placeholder {
  color: #FFF;
  font-weight: 300;
}

#gform_1 :-moz-placeholder {
  color: #FFF;
  font-weight: 300;
}

#gform_1 ::-moz-placeholder {
  color: #FFF;
  font-weight: 300;
}

#gform_1 :-ms-input-placeholder {
  color: #FFF;
  font-weight: 300;
}

/* .footer {
  background: #15284B;
  padding: 15px 0px;
}

.footer p {
  color: #FFF;
}

.footer p a {
  color: #FFF;
}

.footer i {
  margin-right: 5px;
  color: #82BC00;
}

.footer span,
.footer span a {
  color: #82BC00;
} */

.abbey-logo-white {
  width: 125px;
  height: 42px;
  background: url('assets/img/abbey-logo-white.png') no-repeat;
  background-size: 125px;
  margin: 15px 0px;
  float: right;
}

.iso9001 {
  width: 95px;
  height: 38px;
  background: url('assets/img/iso9001.png') no-repeat;
  background-size: 95px;
  float: right;
  display: inline-block;
  margin-top: 12px;
}

.iso14001 {
  width: 95px;
  height: 38px;
  background: url('assets/img/iso14001.png') no-repeat;
  background-size: 95px;
  float: right;
  display: inline-block;
  margin-left: 10px;
  margin-top: 12px;
}

.fias {
  width: 54px;
  height: 38px;
  background: url('assets/img/fias.png') no-repeat;
  background-size: 54px;
  float: right;
  display: inline-block;
  margin-left: 10px;
  margin-top: 12px;
}

.iso50001 {
  width: 45px;
  height: 56px;
  background: url(img/iso50001.png) no-repeat;
  background-size: 45px;
  float: right;
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
}

.footer-links {
  padding-left: 0px;
}

.footer-links li {
  display: inline-block;
}

.footer-links li:after {
  content: " / ";
  color: #fff;
  margin: 0px 5px;
}

.footer-links li:last-child:after {
  content: "";
  color: #fff;
}

.footer-links li a {
  transition: all 0.5s ease-in-out;
  color: #6fa022;
}

.footer-links li a:hover {
  color: #fff;
}

/* =More About Abbey Include
-------------------------------------------------------------- */
.more-about-abbey {
  background: #15284B;
}

.more-about-abbey>div {
  margin: 35px auto;
}

.more-about-abbey h3 {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0px 0px 20px 0px;
}

.more-about-abbey h3:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #82BC00;
  margin-right: 10px;
  margin-bottom: 1px;
}

.more-about-abbey .national-network {
  height: 250px;
  position: relative;
  padding: 15px;
  background: #0299ce;
}

.more-about-abbey .different {
  height: 250px;
  position: relative;
  padding: 15px;
  background: #82BC00;
}

.more-about-abbey .services {
  height: 250px;
  position: relative;
  padding: 15px;
  background: #CCC;
}

.more-about-abbey .national-network h4,
.more-about-abbey .different h4 {
  color: #FFF;
  font-weight: 300;
  font-size: 22px;
  width: 50%;
  margin-top: 0px;
}

.more-about-abbey .services h4 {
  color: #FFF;
  font-weight: 300;
  font-size: 22px;
  width: 60%;
  margin-top: 0px;
}

.more-about-abbey .national-network h4 span,
.more-about-abbey .different h4 span,
.more-about-abbey .services h4 span {
  font-weight: 700;
}

.more-about-abbey .national-network hr,
.more-about-abbey .different hr,
.more-about-abbey .services hr {
  width: 30px;
  float: left;
  margin-right: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* =Modals
-------------------------------------------------------------- */
/* =Contact Page
-------------------------------------------------------------- */
.contact-us {
  background: #82BC00;
  padding: 25px 0px;
  margin-top: 1px;
}

.contact-us h1 {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0px 0px 20px 0px;
  font-size: 24px;
}

.contact-us h3 {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 300;
  margin: 20px 0px 20px 0px;
}

.contact-us h1:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #15284A;
  margin-right: 10px;
}

.contact-us p {
  color: #FFF;
}

.contact-us a {
  color: #FFF;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

.contact-us a:hover {
  color: #15284B;
}

.contact-intro p {
  font-size: 16px;
}

.addresses {
  margin: 20px 0;
}

.addresses p {
  color: #15284B;
}

.addresses p strong {
  color: #FFF;
}

.addresses i {
  color: #FFF;
  margin-right: 5px;
}

.addresses a {
  color: #15284B;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

.addresses a:hover {
  color: #FFF;
}

.addresses .opemail {
  color: #FFF;
}

.addresses .col-md-3 {
  margin-bottom: 10px;
}

/* =Meet the team archive.php
-------------------------------------------------------------- */
.meet-the-team {
  background: #15284B;
  padding: 25px 0px;
}

.team-member-panel {
  height: 400px;
  background: #eee;
  margin-bottom: 15px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.team-member-info {
  background: rgba(130, 188, 0, 0.8);
  height: 400px;
  margin-top: 335px;
  transition: all 0.75s ease-in-out;
}

.team-member-panel:hover .team-member-info,
.team-member-panel:active .team-member-info {
  margin-top: 0px;
}

.team-member-info {
  color: #FFF;
  padding: 10px;
}

.team-member-info h4 {
  font-size: 20px;
  margin: 0px 0px 5px 0px;
  font-weight: 300;
}

.team-member-info h5 {
  font-size: 13.5px;
  margin: 0px 0px 10px 0px;
  text-transform: uppercase;
  font-weight: 300;
}

.team-member-info p {
  font-size: 12px;
}

.team-member-info hr {
  width: 30px;
  margin-right: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
}

.careerbar {
  background-color: #0299ce;
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 64px;
  position: relative;
}

.careerbar span {
  color: #fff;
  font-size: 24px;
}

.careerbar a {
  border: 1px solid #FFF;
  color: #FFF;
  padding: 5px;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
  float: right;
  position: absolute;
  right: 15px;
}

.careerbar a:hover {
  background-color: #fff;
  color: #0299ce;
}

/* =Team single.php
-------------------------------------------------------------- */
.individual-img {
  height: 200px;
  background-size: 100%;
  background-repeat: no-repeat;
}

/* =Careers
-------------------------------------------------------------- */
.join-the-team {
  background: #15284B;
  padding: 30px 0px;
}

.join-the-team .careers,
.join-the-team .vacancies,
.join-the-team .driverjobs,
.join-the-team .thinklog {
  padding: 20px;
  position: relative;
  color: #FFF;
}

.join-the-team .careers h3,
.join-the-team .vacancies h3,
.join-the-team .driverjobs h3,
.join-the-team .thinklog h3 {
  font-size: 22px;
  font-weight: 300;
  margin: 0px;
}

.join-the-team .careers h3 b,
.join-the-team .vacancies h3 b,
.join-the-team .driverjobs h3 b,
.join-the-team .thinklog h3 b {
  font-weight: 700;
}

.join-the-team .careers hr,
.join-the-team .vacancies hr,
.join-the-team .driverjobs hr,
.join-the-team .thinklog hr {
  width: 30px;
  margin-right: 100%;
  border-top: 1px solid #FFF;
  margin: 15px 0px;
}

.join-the-team .careers p,
.join-the-team .vacancies p,
.join-the-team .driverjobs p {
  font-weight: 300;
}

.join-the-team .thinklog p {
  width: 50%;
}

.join-the-team .careers a,
.join-the-team .vacancies a,
.join-the-team .driverjobs a,
.join-the-team .thinklog a {
  border: 1px solid #FFF;
  color: #FFF;
  padding: 5px;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 20px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

.join-the-team .careers a:hover,
.join-the-team .vacancies a:hover,
.join-the-team .driverjobs a:hover,
.join-the-team .thinklog a:hover {
  background: #666;
  color: #FFF;
  text-decoration: none;
}

.join-the-team .careers {
  background-image: url('assets/img/careers.jpg');
  background-size: cover;
  background-position: center;
  height: 525px;
}

.join-the-team .vacancies {
  background: #31b0d5;
  height: 250px;
  margin-bottom: 25px;
}

.join-the-team .driverjobs {
  background: #82bc00;
  height: 250px;
  margin-bottom: 25px;
}

.join-the-team .thinklog {
  background-color: #31b0d5;
  background-color: #69758c;
  background-image: url('assets/img/thinklogistics.png');
  background-size: 275px;
  background-repeat: no-repeat;
  background-position: 275px -15px;
  height: 250px;
}

/* =Our Network
-------------------------------------------------------------- */
.our-network {
  background: #82BC00;
  padding: 25px 0px;
  margin-top: 1px;
}

.our-network h1 {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0px 0px 20px 0px;
  font-size: 32px;
}

.our-network h1:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #15284A;
  margin-right: 10px;
  margin-bottom: 1px;
}

.our-network h2 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 20px;
  color: #FFF;
}

.our-network h3 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 20px;
  color: #FFF;
}

.our-network h4 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 20px;
  color: #FFF;
}

.our-network h5 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 20px;
  color: #FFF;
}

.our-network h6 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 20px;
  color: #FFF;
}

.our-network p {
  color: #FFF;
}

/* =Search Page
-------------------------------------------------------------- */
/*.search-article {
  margin-bottom: 20px;
  padding-bottom: 20px;
}*/
/*.search-article hr {
  border-bottom: 1px solid #eee;
}
*/
/* Even */
.search .search-article {
  background: #15284B;
  padding: 25px 0px 15px 0px;
}

.search .search-article h2 {
  color: #FFF;
  font-size: 22px;
  font-weight: 300;
  margin-top: 0px;
}

.search .search-article h2 span {
  color: #0299ce;
  text-transform: uppercase;
  font-weight: 700;
}

.search .search-article p {
  color: #FFF;
}

.search .search-article hr {
  width: 30px;
  margin-right: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 1px solid #FFF;
}

/* Odd */
.search .search-article:nth-child(odd) {
  background: #FFF;
}

.search .search-article:nth-child(odd) h2 {
  color: #15284B;
  font-size: 22px;
  font-weight: 300;
  margin-top: 0px;
}

.search .search-article:nth-child(odd) h2 span {
  color: #82BC00;
  text-transform: uppercase;
  font-weight: 700;
}

.search .search-article:nth-child(odd) p {
  color: #15284B;
}

.search .search-article:nth-child(odd) hr {
  width: 30px;
  margin-right: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 1px solid #15284B;
}

.search .more-about-abbey {
  margin-top: 1px;
}

/* =Driver Application Form
-------------------------------------------------------------- */
.custom-gf-half {
  float: left;
  width: 49%;
}

.custom-gf-half * {
  width: 100%;
}

.custom-gf-half-left {
  float: left;
  width: 49%;
  margin-right: 2%;
}

.custom-gf-half-left * {
  width: 100%;
}

.custom-gf-full * {
  width: 100%;
}

.validation_error {
  color: red;
  font-size: 19px;
}

.gfield_description.validation_message {
  color: red;
  margin-top: -5px;
  margin-bottom: 5px;
}

.gf_page_steps {
  display: inline-block;
  ;
  width: 100%;
  border-bottom: 1px solid #eee;
}

.gf_page_steps .gf_step {
  float: left;
  margin-right: 10px;
  color: #ccc;
}

.gf_page_steps .gf_step_active {
  color: #15284B;
}

.gform_next_button,
.gform_previous_button,
#gform_submit_button_3 {
  background: #82BC00;
  border: 0px;
  color: #FFF;
  text-transform: uppercase;
  padding: 5px 8px;
  transition: all 0.5s ease-in-out;
}

.gform_next_button:hover,
.gform_previous_button:hover,
#gform_submit_button_3:hover {
  background: #666;
}

.text-panel .gform_body li:before {
  display: none;
}

.gform_body li {
  list-style: none;
}

.gform_body ul {
  padding: 0px;
}

.hidelabel label {
  display: none;
}

.sectionbreak {
  border-bottom: 1px solid #82BC00;
  width: 100%;
  margin-bottom: 30px;
  float: left;
  display: block;
  height: 20px;
}

#gform_wrapper_3 input {
  padding: 5px;
  margin-bottom: 10px;
}

#gform_wrapper_3 li:before {
  display: none;
}

/* Email */
#gform_wrapper_3 .ginput_container_email input {
  width: 100%;
}

/* Name */
#input_3_2_3,
#input_3_2_6 {
  float: left;
  width: 49%;
}

#input_3_2_3 {
  margin-right: 2%;
}

/* Phone Numbers */
.gf_left_half {
  margin-right: 2%;
}

.gf_left_half,
.gf_right_half {
  float: left;
  width: 49%;
}

.gf_left_half input,
.gf_right_half input {
  width: 100%;
}

/* Address fields */
.ginput_container_address {
  margin: 20px 0px;
}

#input_3_3_1,
#input_3_3_2 {
  width: 100%;
}

#input_3_3_3,
#input_3_3_4,
#input_3_3_5,
#input_3_3_6 {
  float: left;
  width: 49%;
}

#input_3_3_3,
#input_3_3_5 {
  margin-right: 2%;
}

#input_3_3_6 {
  height: 34px;
  border: 0px;
  background: #eee;
}

/* Employment History */
#input_3_8-1-1 {
  width: 100%;
}

/*#input_3_9-1-1,
#input_3_10-1-1 {
  float: left;
  width: 49%;
}

#input_3_9-1-1 {
  margin-right: 2%;
}*/
/* Employment History */
#input_3_8,
#input_3_97,
#input_3_108 {
  width: 100%;
}

#input_3_9,
#input_3_10,
#input_3_11,
#input_3_12,
#input_3_13,
#input_3_14,
#input_3_99,
#input_3_100,
#input_3_102,
#input_3_103,
#input_3_104,
#input_3_105,
#input_3_110,
#input_3_111,
#input_3_113,
#input_3_114,
#input_3_115,
#input_3_116 {
  float: left;
  width: 49%;
}

#input_3_9,
#input_3_11,
#input_3_13,
#input_3_99,
#input_3_102,
#input_3_104,
#input_3_110,
#input_3_113,
#input_3_115 {
  margin-right: 2%;
}

#input_3_56,
#input_3_101,
#input_3_112 {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 5px;
}

/* Qualifications */
#input_3_18 {
  width: 100%;
}

/*#input_3_19,
#input_3_20 {
  float: left;
  width: 49%;
}*/
/*#input_3_19 {
  margin-right: 2%;
}*/
#input_3_21 {
  width: 100%;
}

/* Other Info */
#input_3_24,
#input_3_29,
#input_3_27,
#input_3_28 {
  float: left;
  width: 49%;
}

#input_3_24, #input_3_27 {
  margin-right: 2%;
}

#input_3_26, #input_3_30 {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 5px;
}

#input_3_31 {
  width: 100%;
}

/* Accident History */
/*#field_3_35 {
	float: left;
	width: 49%;
	margin-right: 2%;
}

#field_3_36 {
	float: left;
	width: 49%;
	margin-bottom: 5px;
}

#field_3_36 label {
	font-weight: 400;
}

#field_3_36 .ginput_container.ginput_container_select {
	display: inline-block;
	margin-left: 10px;
}

#field_3_36 select {
  height: 32px;
}*/
#input_3_35,
#input_3_138 {
  float: left;
  width: 49%;
  margin-right: 2%;
}

#input_3_36,
#input_3_139 {
  height: 34px;
  border: 0px;
  background: #eee;
  float: left;
  width: 49%;
}

#input_3_37,
#input_3_140 {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 5px;
}

/* Job Preferences */
#gform_page_3_6 li {
  margin-bottom: 15px;
}

#gform_page_3_6 .ginput_container_radio {
  display: inline-block;
  float: right;
  height: 20px;
}

#gform_page_3_6 .ginput_container_radio li {
  float: left;
  margin-right: 20px;
  display: inline-block;
}

#gform_page_3_6 .ginput_container_radio li:last-child {
  float: none;
}

#gform_page_3_6 .ginput_container_radio li>input {
  margin-right: 5px;
}

#gform_page_3_6 .ginput_container_radio li>label {
  font-weight: 300;
}

#gform_page_3_6 .gfield_contains_required {
  background: #eee;
  padding: 6px 0px 2px 6px;
  margin-bottom: 6px;
}

#gform_page_3_6 .gfield_contains_required:nth-child(odd) {
  background: #FFF;
  padding: 0px 0px 0px 6px;
  margin-bottom: 0px;
}

#field_3_76 {
  margin-top: 25px;
}

#input_3_76 {
  height: 34px;
  border: 0px;
  background: #eee;
  width: 50%;
}

/* Medical */
#gform_page_3_7 .ginput_container_radio {
  display: inline-block;
  float: right;
  height: 20px;
}

#gform_page_3_7 .ginput_container_radio li {
  float: left;
  margin-right: 20px;
  display: inline-block;
}

#gform_page_3_7 .ginput_container_radio li:last-child {
  float: none;
}

#gform_page_3_7 .ginput_container_radio li>input {
  margin-right: 5px;
}

#gform_page_3_7 .ginput_container_radio li>label {
  font-weight: 300;
}

#gform_page_3_7 .gfield_contains_required {
  background: #eee;
  padding: 6px 0px 2px 6px;
  margin-bottom: 6px;
}

#gform_page_3_7 .gfield_contains_required:nth-child(odd) {
  background: #FFF;
  padding: 0px 0px 0px 6px;
  margin-bottom: 0px;
}

#input_3_52 {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  margin-top: 20px;
  margin-bottom: 5px;
  padding: 5px;
}

.custom-gf-half {
  float: left;
  width: 49%;
}

.custom-gf-half * {
  width: 100%;
}

.custom-gf-half-left {
  float: left;
  width: 49%;
  margin-right: 2%;
}

.custom-gf-half-left * {
  width: 100%;
}

.custom-gf-full * {
  width: 100%;
}

.validation_error {
  color: red;
  font-size: 19px;
}

.gfield_description.validation_message {
  color: red;
  margin-top: -5px;
  margin-bottom: 5px;
}

.gf_page_steps {
  display: inline-block;
  ;
  width: 100%;
  border-bottom: 1px solid #eee;
}

.gf_page_steps .gf_step {
  float: left;
  margin-right: 10px;
  color: #ccc;
}

.gf_page_steps .gf_step_active {
  color: #15284B;
}

.gform_next_button,
.gform_previous_button,
#gform_submit_button_3 {
  background: #82BC00;
  border: 0px;
  color: #FFF;
  text-transform: uppercase;
  padding: 5px 8px;
  transition: all 0.5s ease-in-out;
}

.gform_next_button:hover,
.gform_previous_button:hover,
#gform_submit_button_3:hover {
  background: #666;
}

.text-panel .gform_body li:before {
  display: none;
}

.gform_body li {
  list-style: none;
}

.gform_body ul {
  padding: 0px;
}

.hidelabel label {
  display: none;
}

.sectionbreak {
  border-bottom: 1px solid #82BC00;
  width: 100%;
  margin-bottom: 30px;
  float: left;
  display: block;
  height: 20px;
}

#gform_wrapper_7 input {
  padding: 5px;
  margin-bottom: 10px;
}

#gform_wrapper_7 li:before {
  display: none;
}

/* Email */
#gform_wrapper_7 .ginput_container_email input {
  width: 100%;
}

/* Name */
#input_7_2_3,
#input_7_2_6 {
  float: left;
  width: 49%;
}

#input_7_2_3 {
  margin-right: 2%;
}

/* Phone Numbers */
.gf_left_half {
  margin-right: 2%;
}

.gf_left_half,
.gf_right_half {
  float: left;
  width: 49%;
}

.gf_left_half input,
.gf_right_half input {
  width: 100%;
}

/* Address fields */
.ginput_container_address {
  margin: 20px 0px;
}

#input_7_3_1,
#input_7_3_2 {
  width: 100%;
}

#input_7_3_3,
#input_7_3_4,
#input_7_3_5,
#input_7_3_6 {
  float: left;
  width: 49%;
}

#input_7_3_3,
#input_7_3_5 {
  margin-right: 2%;
}

#input_7_3_6 {
  height: 52px;
  border: 0px;
  background: #eee;
}

/* Employment History */
#input_7_8-1-1 {
  width: 100%;
}

/*#input_7_9-1-1,
#input_7_10-1-1 {
  float: left;
  width: 49%;
}

#input_7_9-1-1 {
  margin-right: 2%;
}*/
/* Employment History */
#input_7_8,
#input_7_97,
#input_7_108 {
  width: 100%;
}

#input_7_9,
#input_7_10,
#input_7_11,
#input_7_12,
#input_7_13,
#input_7_14,
#input_7_99,
#input_7_100,
#input_7_102,
#input_7_103,
#input_7_104,
#input_7_105,
#input_7_110,
#input_7_111,
#input_7_113,
#input_7_114,
#input_7_115,
#input_7_116 {
  float: left;
  width: 49%;
}

#input_7_9,
#input_7_11,
#input_7_13,
#input_7_99,
#input_7_102,
#input_7_104,
#input_7_110,
#input_7_113,
#input_7_115 {
  margin-right: 2%;
}

#input_7_56,
#input_7_101,
#input_7_112 {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 5px;
}

/* Qualifications */
#input_7_18 {
  width: 100%;
}

/*#input_7_19,
#input_7_20 {
  float: left;
  width: 49%;
}*/
/*#input_7_19 {
  margin-right: 2%;
}*/
#input_7_21 {
  width: 100%;
}

/* Other Info */
#input_7_24,
#input_7_29,
#input_7_27,
#input_7_28 {
  float: left;
  width: 49%;
}

#input_7_24, #input_7_27 {
  margin-right: 2%;
}

#input_7_26, #input_7_30 {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 5px;
}

#input_7_31 {
  width: 100%;
}

/* Accident History */
/*#field_7_35 {
	float: left;
	width: 49%;
	margin-right: 2%;
}

#field_7_36 {
	float: left;
	width: 49%;
	margin-bottom: 5px;
}

#field_7_36 label {
	font-weight: 400;
}

#field_7_36 .ginput_container.ginput_container_select {
	display: inline-block;
	margin-left: 10px;
}

#field_7_36 select {
  height: 32px;
}*/
#input_7_35,
#input_7_138 {
  float: left;
  width: 49%;
  margin-right: 2%;
}

#input_7_36,
#input_7_139 {
  height: 34px;
  border: 0px;
  background: #eee;
  float: left;
  width: 49%;
}

#input_7_37,
#input_7_140 {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 5px;
}

/* Job Preferences */
#gform_page_7_6 li {
  margin-bottom: 15px;
}

#gform_page_7_6 .ginput_container_radio {
  display: inline-block;
  float: right;
  height: 20px;
}

#gform_page_7_6 .ginput_container_radio li {
  float: left;
  margin-right: 20px;
  display: inline-block;
}

#gform_page_7_6 .ginput_container_radio li:last-child {
  float: none;
}

#gform_page_7_6 .ginput_container_radio li>input {
  margin-right: 5px;
}

#gform_page_7_6 .ginput_container_radio li>label {
  font-weight: 300;
}

#gform_page_7_6 .gfield_contains_required {
  background: #eee;
  padding: 6px 0px 2px 6px;
  margin-bottom: 6px;
}

#gform_page_7_6 .gfield_contains_required:nth-child(odd) {
  background: #FFF;
  padding: 0px 0px 0px 6px;
  margin-bottom: 0px;
}

#field_7_76 {
  margin-top: 25px;
}

#input_7_76 {
  height: 34px;
  border: 0px;
  background: #eee;
  width: 50%;
}

/* Medical */
#gform_page_7_7 .ginput_container_radio {
  display: inline-block;
  float: right;
  height: 20px;
}

#gform_page_7_7 .ginput_container_radio li {
  float: left;
  margin-right: 20px;
  display: inline-block;
}

#gform_page_7_7 .ginput_container_radio li:last-child {
  float: none;
}

#gform_page_7_7 .ginput_container_radio li>input {
  margin-right: 5px;
}

#gform_page_7_7 .ginput_container_radio li>label {
  font-weight: 300;
}

#gform_page_7_7 .gfield_contains_required {
  background: #eee;
  padding: 6px 0px 2px 6px;
  margin-bottom: 6px;
}

#gform_page_7_7 .gfield_contains_required:nth-child(odd) {
  background: #FFF;
  padding: 0px 0px 0px 6px;
  margin-bottom: 0px;
}

#input_7_52 {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  margin-top: 20px;
  margin-bottom: 5px;
  padding: 5px;
}

/* General GF Date Picker */
#ui-datepicker-div {
  background: #FFF;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: none;
  padding: 20px;
  width: 300px;
}

#ui-datepicker-div .ui-icon {
  color: transparent;
  cursor: pointer;
  font-size: 0px;
}

#ui-datepicker-div .ui-icon:before {
  color: #15284B;
  font-family: "FontAwesome";
  font-size: 18px;
}

#ui-datepicker-div .ui-datepicker-prev {
  float: left;
  width: 10%;
}

#ui-datepicker-div .ui-datepicker-prev .ui-icon:before {
  content: '\f060';
}

#ui-datepicker-div .ui-datepicker-prev.ui-state-disabled {
  display: none;
}

#ui-datepicker-div .ui-datepicker-next {
  float: right;
  width: 10%;
}

#ui-datepicker-div .ui-datepicker-next .ui-icon:before {
  content: '\f061';
  float: right;
}

#ui-datepicker-div .ui-datepicker-next.ui-state-disabled {
  display: none;
}

#ui-datepicker-div .ui-datepicker-title select {
  float: left;
  width: 70%;
}

#ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
  margin: 0px 5% 6px;
}

#ui-datepicker-div .ui-datepicker-title .ui-datepicker-year {
  margin: 0px 15% 6px;
}

#ui-datepicker-div .ui-datepicker-today {
  background-color: #82bc00;
  border-radius: 4px;
}

#ui-datepicker-div .ui-datepicker-today a {
  color: #FFF;
}

#ui-datepicker-div table {
  width: 100%;
}

#ui-datepicker-div table td,
#ui-datepicker-div table th {
  text-align: center;
}

#ui-datepicker-div table td a {
  display: block;
  padding: 5px;
}

/* =Transport Quote
-------------------------------------------------------------- */
#gform_wrapper_5 input {
  padding: 5px;
  margin-bottom: 10px;
}

#input_5_1_3,
#input_5_1_6 {
  width: 49%;
  float: left;
}

#input_5_1_3 {
  margin-right: 2%;
}

#input_5_4 {
  width: 100%;
}

#input_5_5 {
  width: 100%;
  height: 34px;
  border: 0px;
  background: #eee;
  margin-bottom: 15px;
}

#input_5_8 {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  margin-top: 20px;
  margin-bottom: 5px;
  padding: 5px;
}

#gform_submit_button_5 {
  background: #82BC00;
  border: 0px;
  color: #FFF;
  text-transform: uppercase;
  padding: 5px 8px;
  transition: all 0.5s ease-in-out;
}

#gform_submit_button_5:hover {
  background: #666;
}

/* =Abbey Magazine Downloads
-------------------------------------------------------------- */
/* Form */
#input_6_1_3, #input_6_1_6, #input_6_2, #input_6_3 {
  padding: 5px;
  margin-bottom: 10px;
  float: left;
  width: 49%;
}

#input_6_1_3, #input_6_2 {
  margin-right: 2%;
}

#input_6_4 {
  padding: 5px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

#gform_submit_button_6 {
  background: #82BC00;
  border: 0px;
  color: #FFF;
  text-transform: uppercase;
  padding: 5px 8px;
  transition: all 0.5s ease-in-out;
}

#gform_submit_button_6:hover {
  background: #15284B;
}

/* Download Button */
.dlbtn {
  padding: 5px;
  background: #82BC00;
  text-align: center;
  text-transform: uppercase;
  margin-top: 5px;
  color: #FFF;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}

.dlbtn:hover {
  background: #15284B;
}

/* =Post Pagination
-------------------------------------------------------------- */
.paginate {
  background: #FFF;
  height: 60px;
  margin-bottom: 15px;
}

.postpagination {
  float: right;
  font-family: 'Source Sans Pro', sans-serif;
}

.postpagination li a,
.postpagination li a:hover,
.postpagination li.active a,
.postpagination li.disabled {
  color: #fff;
  text-decoration: none;
}

.postpagination li {
  display: inline;
}

.postpagination li a,
.postpagination li a:hover,
.postpagination li.active a,
.postpagination li.disabled {
  background-color: #00ACC5;
  /*border-radius: 3px;*/
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
}

.postpagination li a:hover,
.postpagination li.active a {
  background-color: #666;
}

/* =Video Embeds
-------------------------------------------------------------- */
.videoWrapper {
  position: relative;
  padding-bottom: 54%;
  padding-top: 25px;
  height: 0;
  margin-bottom: 25px;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* =Bootstrap 5 Col Grid hack
-------------------------------------------------------------- */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}

/* = Timeline Styles
-------------------------------------------------------------- */
.algtimeline {
  /*background-color: #0299ce;*/
  margin-bottom: 20px;
}

.algtime-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}

.algtime-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

#algtime-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

#algtime-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #15284B;
}

@media only screen and (min-width: 1170px) {
  #algtime-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  #algtime-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.algtime-timeline-block {
  position: relative;
  margin: 2em 0;
}

.algtime-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.algtime-timeline-block:first-child {
  margin-top: 0;
}

.algtime-timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .algtime-timeline-block {
    margin: 4em 0;
  }

  .algtime-timeline-block:first-child {
    margin-top: 0;
  }

  .algtime-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.algtime-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.algtime-timeline-img i {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -14px;
  margin-top: -13px;
  font-size: 26px;
  color: #fff;
}

.algtime-timeline-img.algtime-picture {
  background: #82BC00;
}

.algtime-timeline-img.algtime-movie {
  background: #82BC00;
}

.algtime-timeline-img.algtime-location {
  background: #82BC00;
}

@media only screen and (min-width: 1170px) {
  .algtime-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }

  .cssanimations .algtime-timeline-img.is-hidden {
    visibility: hidden;
  }

  .cssanimations .algtime-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: algtime-bounce-1 0.6s;
    -moz-animation: algtime-bounce-1 0.6s;
    animation: algtime-bounce-1 0.6s;
  }
}

@-webkit-keyframes algtime-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes algtime-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@keyframes algtime-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.algtime-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #0299ce;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #15284B;
}

.algtime-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.algtime-timeline-content h2 {
  color: #fff;
  font-size: 20px !important;
}

.algtime-timeline-content p, .algtime-timeline-content .algtime-read-more, .algtime-timeline-content .algtime-date {
  font-size: 22px;
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
}

.algtime-timeline-content .algtime-read-more, .algtime-timeline-content .algtime-date {
  display: inline-block;
}

.algtime-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}

.algtime-timeline-content .algtime-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}

.no-touch .algtime-timeline-content .algtime-read-more:hover {
  background-color: #bac4cb;
}

.algtime-timeline-content .algtime-date {
  float: left;
  padding: .8em 0;
  opacity: 1;
  color: #15284b;
}

.algtime-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #0299ce;
}

@media only screen and (min-width: 768px) {
  .algtime-timeline-content h2 {
    font-size: 2em;
    margin-top: 0px;
  }

  .algtime-timeline-content p {
    font-size: 1.2em;
  }

  .algtime-timeline-content .algtime-read-more, .algtime-timeline-content .algtime-date {
    font-size: 1em;
    color: #15284b;
  }
}

@media only screen and (min-width: 1170px) {
  .algtime-timeline-content {
    margin-left: 0;
    padding: 1em;
    width: 45%;
  }

  .algtime-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }

  .algtime-timeline-content .algtime-read-more {
    float: left;
  }

  .algtime-timeline-content .algtime-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 1.4em;
  }

  .algtime-timeline-block:nth-child(even) .algtime-timeline-content {
    float: right;
  }

  .algtime-timeline-block:nth-child(even) .algtime-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #0299ce;
  }

  .algtime-timeline-block:nth-child(even) .algtime-timeline-content .algtime-read-more {
    float: right;
  }

  .algtime-timeline-block:nth-child(even) .algtime-timeline-content .algtime-date {
    left: auto;
    right: 122%;
    text-align: right;
  }

  .cssanimations .algtime-timeline-content.is-hidden {
    visibility: hidden;
  }

  .cssanimations .algtime-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: algtime-bounce-2 0.6s;
    -moz-animation: algtime-bounce-2 0.6s;
    animation: algtime-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {

  /* inverse bounce effect on even content blocks */
  .cssanimations .algtime-timeline-block:nth-child(even) .algtime-timeline-content.bounce-in {
    -webkit-animation: algtime-bounce-2-inverse 0.6s;
    -moz-animation: algtime-bounce-2-inverse 0.6s;
    animation: algtime-bounce-2-inverse 0.6s;
  }
}

@-webkit-keyframes algtime-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes algtime-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@keyframes algtime-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes algtime-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes algtime-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@keyframes algtime-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* =Popup
-------------------------------------------------------------- */
#gform_8 input[type=submit] {
  background-color: #82bc00;
  color: #FFF;
  border: 0px;
  padding: 8px;
  text-transform: uppercase;
}

#gform_8 input {
  width: 100%;
  border: 0px;
  padding: 8px;
  color: #666;
}

#input_8_1,
#input_8_2 {
  margin-bottom: 15px;
}

#gform_8 textarea {
  width: 100%;
  border: 0px;
  height: 150px;
  padding: 8px;
  color: #666;
}

/* =GDPR */
#label_7_143_1 {
  margin-left: 24px;
  margin-top: -22px;
}

.ginput_container_consent{
  display: flex;
  margin-bottom: 10px;
}
.ginput_container_consent input{
  flex: 0 0 20px;
}
label.gfield_consent_label {
  padding-left: 22px;
  /* margin-top: -25px; */
  /* margin-bottom: 10px; */
  display: block !important;
}

/* =RESPONSIVE
-------------------------------------------------------------- */
@media (max-width: 1200px) {}

/* over 1020 is desktop and ipad landscape */
@media (max-width: 1020px) {

  /* tablets, inc ipad portrait from 768 - 1020 */
  .latest-news .article-img img {
    margin-top: 35px;
  }

  .join-the-team .careers {
    margin-bottom: 20px;
    height: 300px;
  }
}

@media (max-width: 992px) {

  /* tablets, interim breakpoint */
  .more-about-abbey .national-network,
  .more-about-abbey .different,
  .more-about-abbey .services {
    height: 160px;
    margin-bottom: 20px;
  }

  .more-about-abbey .national-network h4,
  .more-about-abbey .different h4,
  .more-about-abbey .services h4 {
    width: 100%;
  }

  .email-signup p {
    margin-bottom: 15px;
  }

  .alg-ourstory, .alg-ourapproach {
    margin-bottom: 20px;
  }

  .navbar-default .navbar-nav>li>a {
    padding: 10px 5px;
    font-size: 11px;
    letter-spacing: -0.5px;
  }

  .header>div>div {
    padding-left: 15px;
    padding-right: 15px;
  }

  div.container.header>div>div:nth-child(4) {
    padding-right: 5px;
  }

  div.container.header>div>div:nth-child(5) {
    padding-left: 5px;
  }

  #custom-search-input {
    margin: 0px;
  }

  .getquote-btn, .tracktrace-btn {
    margin: 10px 0px;
  }

  #carousel .carousel-container {
    height: 300px;
  }
}

@media(min-width:768px) {}

@media (max-width: 768px) {}

@media (max-width: 767px) {

  /* modern smartphones, smaller tablets are below this res. */
  .alg-hpnav-allservices,
  .alg-hpnav-liquids,
  .alg-hpnav-powders,
  .alg-hpnav-intermodal,
  .alg-hpnav-distribution {
    margin-left: -15px;
    margin-right: -15px;
  }

  .navbar-nav {
    margin: 0px;
  }

  .nav>li {
    width: 100%;
    border: none;
  }

  .navbar-default .navbar-nav>li>a {
    padding: 5px;
  }

  ul.dropdown-menu li {
    text-align: center;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #FFF;
  }

  .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 15px;
  }

  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background-color: #82bc00;
  }

  .navbar-default .navbar-toggle {
    border: none;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
  }

  .navbar-toggle .icon-bar {
    height: 3px;
  }

  .navbar-toggle {
    padding: 5px;
  }

  .navbar-default .navbar-nav>li>a {
    padding: 10px 5px;
    font-size: 14px;
    letter-spacing: -0.5px;
  }

  .team-member-panel {
    background-position: top;
  }

  .latest-news .article-img img {
    margin-top: 15px;
  }

  .latest-news .article h4 {
    height: auto;
  }

  .article .article-img {
    margin-bottom: 15px;
  }
}

@media (max-width: 500px) {

  /* interim breakpoint */
  #gform_1 input[type=submit],
  #gform_1 #input_1_1 {
    font-size: 10px;
  }
}

@media (max-width: 375px) {}

@media (max-width: 319px) {
  /* good interim breakpoint if needed for earlier iphones
  /* iphone 320 width, 480 landscape */
  /* galaxy nexus viewport is 360 x 519 */
}

@media (max-width: 240px) {
  /* even smaller phones if needed */
}

@media print {}

@media (max-height: 375px) {}

.flex-container {
  display: flex;
  flex-wrap: wrap;
}

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


#vacancy-filters{
  display: flex;
  column-gap: 2rem;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #CCC;
}
#vacancy-filters .input-wrap{
  display: flex;
  flex-direction: column;
}
#vacancy-filters button{
  transition: all 0.5s ease-in-out;
  align-self: flex-end;
  padding: 7px 16px;
  background-color: #15284B;
  color: #FFF;
  border: none;  
}
#vacancy-filters button:hover{
  background-color: #666666;
}

/* COOKIEBOT */
html {
	/* Dialogue Box */
}
 html #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
	 fill: #82bc00;
}
 html #CookiebotWidget .CookiebotWidget-consent-details button {
	 color: #82bc00;
}
 html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
	 background-color: #82bc00;
	 border-color: #82bc00;
}
 html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
	 border-color: #82bc00;
}
 html #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
	 fill: #82bc00;
}
 html #CookiebotWidget .CookiebotWidget-consent-details button {
	 color: #82bc00;
}
 html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
	 background-color: #82bc00;
	 border-color: #82bc00;
}
 html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
	 border-color: #82bc00;
}
 html #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
	 fill: #82bc00;
}
 html #CookiebotWidget:not(.CookiebotWidget-open) .CookiebotWidget-logo, html #CookiebotWidget .CookiebotWidget-header .CookiebotWidget-close, html #CookiebotWidget .CookiebotWidget-consent-details button, html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change, html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:disabled {
	 box-shadow: none !important;
}
 html #CookiebotWidget:not(.CookiebotWidget-open) .CookiebotWidget-logo::after, html #CookiebotWidget .CookiebotWidget-header .CookiebotWidget-close::after, html #CookiebotWidget .CookiebotWidget-consent-details button::after, html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change::after, html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:disabled::after, html #CookiebotWidget:not(.CookiebotWidget-open) .CookiebotWidget-logo::before, html #CookiebotWidget .CookiebotWidget-header .CookiebotWidget-close::before, html #CookiebotWidget .CookiebotWidget-consent-details button::before, html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change::before, html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:disabled::before {
	 display: none !important;
}
 html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type), html #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton, html #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
	 background: #82bc00;
	 border-color: #82bc00;
}
 html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type)::after, html #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton::after, html #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type)::after, html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type)::before, html #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton::before, html #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type)::before {
	 display: none !important;
}
 html #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfoFooter {
	 border-top: 1px solid #82bc00;
}
 html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
	 color: #82bc00;
}
 html #CybotCookiebotDialogHeader {
	 border-bottom: 1px solid #82bc00;
}
 html #CybotCookiebotDialogNav {
	 border-bottom: 1px solid #82bc00;
}
 html #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
	 color: #82bc00;
}
 html #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
	 border-bottom: 1px solid #82bc00;
	 color: #82bc00;
}
 html #CybotCookiebotDialog .CybotCookiebotScrollContainer {
	 border-bottom: 1px solid #82bc00;
}
 @media screen and (min-width: 1280px) {
	 html #CybotCookiebotDialog.CybotEdge.CybotMultilevel .CybotCookiebotDialogBodyBottomWrapper {
		 border-top: 1px solid #82bc00;
	}
}
 html #CybotCookiebotDialogDetailBulkConsent {
	 border: 1px solid #82bc00;
}
 html #CybotCookiebotDialogDetailBulkConsent:before {
	 border-top: 1px solid #82bc00;
}
 html #CybotCookiebotDialogDetailBulkConsentLink:hover {
	 color: #82bc00;
}
 html #CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount {
	 background-color: #82bc00;
}
 html #CybotCookiebotDialogDetailBulkConsentListWrapper {
	 border: 1px solid #82bc00;
}
 html #CybotCookiebotDialogDetailBulkConsentListWrapper > span {
	 border-bottom: 1px solid #82bc00;
}
 html #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABWrapper {
	 border: 2px solid #82bc00;
}
 html #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABContainer, html #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABContainerCollapsed {
	 border: 2px solid #82bc00;
}
 html #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABDescription {
	 border-top: 1px solid #82bc00;
}
 @media screen and (min-width: 1280px) {
	 html #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeader {
		 border-bottom: 1px solid #82bc00;
	}
}
 html #CybotCookiebotDialog a:hover:after, html #CybotCookiebotDialog a:hover:before {
	 border-color: #82bc00;
}
 html #CybotCookiebotDialog button:hover:after, html #CybotCookiebotDialog button:hover:before {
	 border-color: #82bc00;
}
 html #CookiebotWidget .CookiebotWidget-logo svg circle {
	 fill: #15284B;
   stroke: #15284B;
}
 html #CookiebotWidget .CookiebotWidget-logo svg path {
	 fill: #FFFFFF;
}
 html #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, html #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, html #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, html #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, html #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, html #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, html #CybotCookiebotDialogDetailBodyContentTextAbout a {
	 color: #82bc00;
}
 html #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
	 border: 2px solid #82bc00;
}
 html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
	 background-color: #82bc00;
	 border-color: #82bc00;
}
 html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, html #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
	 border-color: #82bc00;
	 background-color: #82bc00;
}
 html #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggle {
	 border-bottom: 1px solid #82bc00;
}
 html #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider, html #CybotCookiebotDialog form input[type=checkbox][disabled]:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
	 background-color: #82bc00;
}
 html #CybotCookiebotDialogBodyLevelButtonsSelectPane {
	 border-bottom: 1px solid #82bc00;
}
 @media screen and (min-width: 601px) {
	 html #CybotCookiebotDialog[dir=rtl] #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper:not(:last-of-type) {
		 border-left: 1px solid #82bc00;
	}
}
 html #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentIABv2Tabs input[type=checkbox] {
	 border: 2px solid #82bc00;
}
 html #CybotCookiebotDialog .CookieCard {
	 border-bottom: 1px solid #82bc00;
}
 html #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentIABContainer .CookieCard {
	 border-top: 1px solid #82bc00;
}
 html #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyEmptyCategoryMessage {
	 border: 1px solid #82bc00;
}
 html #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieGroup {
	 border: 1px solid #82bc00;
}
 html #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfo {
	 border: 1px solid #82bc00;
}
 html #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfo.CybotCookiebotDialogShow:first-of-type:before {
	 border-top: 1px solid #82bc00;
}


/* Careers */
.job-vacancy {
  border-radius: 70px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding: 0!important;
}

.job-vacancy figure {
  aspect-ratio: 365 / 164;
  height: 100%;
  overflow: hidden;
}

.job-vacancy figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.job-vacancy header {
  background-color: rgb(119, 184, 16);
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 4rem;
}
.job-vacancy header h2 {
  font-weight: 500!important;
  margin-bottom: 20px;
  padding-top: 20px;
}
.job-vacancy header h2, .job-vacancy header span {
  color: #fff!important;
}
.job-vacancy .link svg path {
  fill: #ffffff;
}
.job-vacancy .link {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
  gap: 12px;
}
.vacancies-archive {
  margin-bottom: 64px;
}
.vacancies-archive .row {
  display: flex;
  flex-flow: row wrap;
  gap: 24px 0;
  align-items: stretch;
}

.apply-spontanously {
  background-color: #15284B!important;
  border-radius: 70px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding: 4rem!important;
}
.apply-spontanously h2 {
  font-weight: 500!important;
  margin-bottom: auto;
  padding-top: 20px;
}
.apply-spontanously h2, .apply-spontanously span {
  color: #fff!important;
}
.apply-spontanously hr {
  border: 1px solid #82BC00;
  margin-top: auto;
  width: 100%!important;
}
.apply-spontanously .link svg path {
  fill: #ffffff;
}
.apply-spontanously .link {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

.contact-us .gf_page_steps {
  margin-bottom: 24px;
}

.contact-us .gf_step {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 20px 20px 0 0;
  color: #ffffff;
  display: flex;
  gap: 4px;
  padding: 20px;
}

.contact-us input[type="text"],
.contact-us input[type="email"],
.contact-us input[type="tel"],
.contact-us select {
  padding: 16px!important;
  border-radius: 12px;
  border: none;
}

.contact-us .gf_step_active  {
  background-color: #ffffff;
  color: #15284B!important;
}
footer.apply-now {
  padding-top: 32px;
  display: flex;
  gap: 6px;
}
footer.apply-now .btn, .gform-theme-button {
  background: #15284B;
  border: 1px solid #FFF;
  color: #FFF!important;
  padding: 5px;
  text-transform: uppercase;
  bottom: 15px;
  left: 15px;
  transition: all 0.5s ease-in-out;
}

.service-panel-area {
  margin-bottom: 20px;
  max-width: 1140px;
}

.service-panel {
  height: 300px;
  color: #fff;
  opacity: 0.8;
  position: relative;
  overflow: hidden;
}

.service-content{
  position: absolute;
  z-index: 2
}

.service-content hr{
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 2px solid #eee;
  width: 30px;
  display: inline-block;
}

.service-panel .learnmore {
  position: absolute;
  z-index: 2;
  text-transform: uppercase;
  border: 1px solid #fff;
  padding: 2px 5px;
  bottom: 15px;
  left: 15px;
  color: #fff;
}

.panel-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.8;
  z-index: 0
}

.service-panel .panel-underlay {
  position: absolute;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   top: 0px;
   left: 0px;
   overflow: hidden;
   height: 100%;
   z-index: -1;
}

.post-filter ul {
  float: right;
  margin-top: 30px;

}

.post-filter ul li{
  display: inline-block;
  padding: 3px 5px;
  background-color: #82BC00;
  transition: all 0.3s ease-in-out;
}

.post-filter ul li:first-child{
  background-color: #15284B;
}

.post-filter ul li a{
  color: #fff;
}

.post-filter ul li:hover {
  background-color: #666;
}

.doesnotexist h1 {
  font-size: 60px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0px;
  color: #82BC00;
}

.doesnotexist h1 {
  display: block;
}

.doesnotexist hr {
  margin-bottom: 0px;
  margin-top: 0px;
  border: 0;
  border-top: 3px solid #15284B;
  width: 270px;
  display: inline-block;
}

.doesnotexist span {
  display: block;
  margin-bottom: 50px;
  font-size: 22px;
}

.footer p a {
  transition: all 0.3s ease-in-out;
}

.footer p a:hover {
  color: #82BC00;
}

.footer span, .footer span a {
  transition: all 0.3s ease-in-out;
}

.footer span, .footer span a:hover {
  color: #fff;
}

.email-signup #gform_confirmation_message_1{
  color: #fff;
}

/* ----- Driver Application Form* ----- */

.driver-app-form {

}