/* LAYOUT */
html.no-scroll,
html.no-scroll body {
    overflow: hidden
}

.full-width {
  width: auto;
  min-width: 0;
}

.full-content-width {
  width: auto;
}

.inner,
.page-sitemap .inner,
.page-contact-us .inner {
  padding: 0 20px;
}
#page .columns {
  width: auto;
  float: none;
}
#page .columns + .columns {
  width: auto;
  margin-left: 0;
}
.template-body {
  padding-left: 0;
  padding-right: 0;
}
.template-body .template-right {
  margin-left: 0;
}
.template-body .template-carousel {
  max-width: 100%;
}
.template-body .template-carousel img {
  width: 100%;
  height: auto;
}
.single-page-title {
  max-width: 100%;
}
.central-body #sidebar {
  width: auto;
  margin-left: 0;
  float: none;
}
.central-body.two-columns #body {
  width: 480px;
  max-width: 100%;
  float: none;
}

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

p a {
  word-break: break-all;
}

button:focus {
  outline: 0;
}

.tablet-only {
  display: initial!important;
}
.hide-on-tablet {
  display: none!important;
}

/* COMMON */
.section-nav {
  width: auto;
}
.not-edit-mode .section-nav {
  margin-left: 0;
  right: 20px;
}

.section-title,
.sub-section-title {
  text-align: left;
  padding-left: 20px;
}
.inner .section-title,
.inner .sub-section-title {
  padding-left: 0;
}
.page-template .central-header .section-title {
  width: auto;
  padding-right: 180px;
}
.section-title--pad-left {
  padding-left: 100px!important;
}
.page-template .central-header .links {
  width: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 20px;
  right: 20px;
}
.central-header .right-links {
  display: none;
}
.neighbour-menu {
  display: flex;
  justify-content: space-around;
}
.neighbour-menu a {
  width: auto;
  flex: 1 1 auto;
  max-width: 320px;
}

.has-pagination .white-central-header {
  margin-top: 30px;
}

.slide-video {
  width: 100%;
  height: 100%!important;
}
.slide-video iframe {
  margin: 0!important;
  width: 100%;
  height: 100%;
}
.main-area > .slide-video {
  background-position: center!important;
  background-size: contain!important;
  background-color: #000!important;
  height: 0;
  overflow: hidden;
}

.responsive-table thead {
  display: none;
}

.responsive-table tr,
.responsive-table td {
  display: block;

}
.responsive-table td {
  max-width: none!important;
  padding-left: 0!important;
  padding-right: 0!important;
  border-left: 0!important;
}
.responsive-table td:before {
  content: attr(data-header);
  display: block;
  float: left;
  width: 160px;
  border-right: 1px solid;
  margin-right: 10px;
  padding-left: 10px;
}

.responsive-table td br {
  display: none;
}

.three-columns {
  float: none;
  width: 480px;
  max-width: 100%;
  margin: 0;
}
.tci-block .title {
  line-height: 1.1;
}
.tci-block .title-content {
  width: 480px;
  max-width: 100%;
}

.page-type-template_6 .main-area {
  max-width: 100%;
}
.key-facts {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -20px;
  margin-right: -20px;
  float: none;
}
#page .key-facts p,
#page .key-facts li {
  padding-right: 0;
}
#page .key-facts li {
  padding-left: 16px;
}
#page .key-facts img {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.key-facts + .content-editor {
  width: auto;
  max-width: 480px;
  padding-top: 40px;
}
.key-facts + .content-editor > h1 {
  display: none;
}

.page-container-weighing-services .section-title {
  visibility: visible;
}
.page-container-weighing-services .main-area {
  padding-top: 0;
}

#page .download-thumbnail + strong {
  clear: left;
  display: block;
}
#page .download-thumbnail ~ a {
  margin-bottom: 20px;
  display: inline-block;
}

.template-body .template-left,
.template-body .template-right {
  width: auto;
  float: none;
}
.template-body .template-left {
  width: 480px;
  max-width: 100%;
}

.pop-up-overlay .content .btn-close {
  right: 0;
  top: 0;
}

.btn-box {
  line-height: 38px;
}

.thumbnails-investing-in-the-future .link-read-more,
#dyn-port .section-nav .btn-box,
.about-slides .btn-box,
.thumbnails-news .btn-box,
#dyn-press > .section-nav .btn-box,
.people-sub-pages li a.btn-box.default,
.not-mobile-link-notification .actions .btn-box {
  font-size: 36px;
  border: 2px solid;
  text-transform: uppercase;
  font-weight: bold;
  height: 3.1em;
  line-height: 3.1em;
  display: inline-block!important;
  padding: 0 2em;
}
.btn-box.default span,
.learn-more span,
.link-read-more span {
  background: none!important;
  padding-right: 0!important;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.navigation .dot {
  font-size: 2.7vw;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #FFF;
  border: 0;
  margin: 0 1em;
  opacity: 0.5;
  padding: 0;
}
.navigation .dot.active {
  opacity: 1;
}

.not-mobile-link-notification .overlay {
  background: #000;
  opacity: 0.5;
}

.not-mobile-link-notification .content {
  width: 680px;
  margin-left: -340px;
  height: 978px;
  margin-top: -489px;
  border: 0;
  background: #FFF url('../images/responsive/logo-simple.png') center 90px / 82px auto no-repeat;
  padding-top: 250px;

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.not-mobile-link-notification .content p {
  font-size: 50px;
  line-height: 1.3;
  text-align: center;
  color: #0B2063;
}
.not-mobile-link-notification .actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 87px;
}

.not-mobile-link-notification .actions .btn-box {
  width: 10.55em;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0.5em;
}

@media (max-width: 767px) {
  .not-edit-mode .section-nav {
    position: static;
  }
  .section-nav li:first-child {
    margin-left: 0;
  }
  .section-nav .btn-box {
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
  }
  .section-title {
    font-size: 30px;
    line-height: 1;
  }
  .page-portal-page .section-title,
  .page-sitemap .section-title,
  .page-contact-us .section-title,
  .page-type-page .section-nav + .HTMLBlock .section-title {
    padding-top: 30px;
  }

  .page-template .central-header {
    display: flex;
    flex-direction: column;

    padding-bottom: 0;
  }
  .page-template .central-header .links {
    position: relative;
    order: -1;
    left: 0;
    top: 0;
  }
  .page-template .central-header .section-title {
    padding-left: 0!important;
    padding-right: 0!important;
    padding-top: 30px;
    margin-left: 0;
    margin-right: 0;
  }


  .neighbour-menu {
    display: block;
  }
  .sub-menu.page-list a,
  .neighbour-menu a {
    display: none;
  }
  .neighbour-menu--single-link a {
    display: block;
  }
  .sub-menu.page-list.is-open a,
  .sub-menu.page-list .default-hover,
  .neighbour-menu.is-open a,
  .neighbour-menu .default-hover {
    display: block;
  }
  .sub-menu.page-list a,
  .neighbour-menu a {
    margin: 0 auto 10px!important;
    width: 280px!important;
    max-width: 280px!important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sub-menu.page-list,
  .neighbour-menu {
    position: relative;
  }
  .sub-menu.page-list:after,
  .neighbour-menu::after {
    content: '>';
    position: absolute;
    left: 50%;
    margin-left: 109px;
    top: 8px;
    color: #FFF;
    font-weight: bold;
    transform: rotate(90deg) scaleX(0.5);
    font-size: 20px;
  }
  .sub-menu.page-list:after {
    top: 28px;
  }
  .neighbour-menu--single-link:after {
    display: none;
  }

  .responsive-table,
  .responsive-table--mobile {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }

  .responsive-table--mobile thead {
    display: none;
  }

  .responsive-table--mobile tr,
  .responsive-table--mobile td {
    display: block;

  }
  .responsive-table td,
  .responsive-table--mobile td {
    max-width: none!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    border-left: 0!important;
    word-break: break-all;
  }
  .responsive-table td:before,
  .responsive-table--mobile td:before {
    content: attr(data-header);
    display: block;
    font-weight: bold;
    float: none;
    border-right: 0;
    width: auto;
    padding-left: 0;
  }

  .responsive-table--mobile td br {
    display: none;
  }
  .responsive-table td + td,
  .responsive-table--mobile td + td {
    border-top: 0;
  }


  .simple-table.responsive-table--mobile td:before {
    margin-top: -19px;
    margin-bottom: -19px;
    padding-top: 19px;
    padding-bottom: 19px;
  }
  .simple-table.responsive-table--mobile td:after {
    content: '';
    display: block;
    clear: both;
  }
  .responsive-table--mobile td:last-child {
    margin-bottom: 30px;
  }

  .tci-block .image {
    margin-left: -28px;
    margin-right: -28px;
    max-width: none;
    width: auto;
  }
  .template-header {
    max-width: 100%;
  }
  .template-body .page-title {
    max-width: 100%;
    font-size: 23px;
    line-height: 1.16;
  }

  .template-body .template-carousel,
  .template-body .template-carousel > ul {
    min-height: 60vw;
    width: auto;
  }

  .page-type-template_4 .template-body .main-area {
    max-width: 100%;
  }
  .page-type-template_4 .template-body .template-carousel,
  .page-type-template_4 .template-body .template-carousel > ul {
    min-height: 43vw;
    width: 100%;
  }

  .pop-up-overlay .content {
    width: 95%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pop-up-overlay .content img {
    max-width: 100%!important;
    height: auto!important;
  }

  .btn-expand {
    display: none;
  }

  .pagination-list > span {
    display: none!important;
  }
  .pagination-list > .prev,
  .pagination-list > .next,
  .pagination-list > .currentPage {
    display: inline-block!important;
  }

  .vimeoBlock,
  .youtubeBlock {
    max-width: 100%!important;
  }

  .vimeoBlock iframe,
  .youtubeBlock iframe {
    max-width: 100%!important;
  }

  .vimeoBlock .poster,
  .youtubeBlock .poster {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    margin-left: 0;
    margin-right: 0;
  }

  body #tarteaucitronActions {
    white-space: normal;
  }

  body #tarteaucitronActions > span {
    margin-bottom: 10px!important;
  }

  .btn-box,
  .thumbnails-investing-in-the-future .link-read-more,
  #dyn-port .section-nav .btn-box,
  .about-slides .btn-box,
  .thumbnails-news .btn-box,
  .people-sub-pages li a.btn-box.default,
  .not-mobile-link-notification .actions .btn-box {
    font-size: 13px;
  }
  .navigation .dot {
    font-size: 4vw;

    margin-left: 0.5em;
    margin-right: 0.5em;
  }

  .not-mobile-link-notification .content {
    width: 240px;
    margin-left: -120px;
    height: 352px;
    margin-top: -176px;
    background-size: 30px auto;
    background-position: center 32px;
    padding-top: 90px;
  }

  .not-mobile-link-notification .content p {
    font-size: 18px;
  }

  .not-mobile-link-notification .actions {
    margin-top: 31px;
  }
}
/* HEADER */
#header {
  width: 100%;
}

.main-menu li {
  display: none;
}

.main-menu li.page-search,
.main-menu li.page-search ~ li {
  display: block;
}

#logo a {
  background: url('../images/port-of-felixstowe-logo.svg') 0 0 / contain no-repeat;
}
#logo img {
  display: none;
}

@media (max-width: 767px) {
  #headerNav:after {
    content: '';
    background: center center / contain no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="459" height="459"><path fill="%230B2063" d="M0 382.5h459v-51H0v51zM0 255h459v-51H0v51zM0 76.5v51h459v-51H0z"/></svg>');
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 50%;
    margin-top: -15px;
  }
  #headerNav.menu-open:after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="459" height="459"><path fill="%230B2063" d="M49.186 373.748L373.746 49.19l36.061 36.062L85.248 409.81z"/><path fill="%230B2063" d="M49.186 85.252L85.25 49.189l324.558 324.56-36.062 36.061z"/></svg>');
  }

  #logo a {
    width: 170px;
  }

  .nav-header {
    display: none;
  }
  .menu-open .nav-header {
    display: block;
    position: absolute;
    right: 0;
    top: 60px;
    left: 0;
    background: #FFF;
    z-index: 20;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;

    flex-direction: column;
    align-items: flex-start;
  }
  .main-menu li {
    /*flex-basis: 33.33%;*/
    margin: 0 0 10px!important;
    width: 100%;
  }

  .main-menu li a {
    display: inline-block;
  }
  .main-menu li h2:after {
    content: attr(data-alt-title);
    display: inline-block;
    line-height: 60px;
    vertical-align: top;
    margin-left: 20px;
    color: #0B2063;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
  }

  .main-menu li.page-search a {
    border-bottom: 1px solid #EDEDE3;
  }

  .not-edit-mode .sub-menu {
    top: 241px;
    padding: 20px 0;
    z-index: 23;
    height: auto;
    line-height: 1;
  }

  .not-edit-mode .sub-menu.search {
      top: 144px;
      height: 100vh;
      z-index: 100;
  }

  .page-search .sub-menu.search {
      height: auto;
      z-index: 1;
  }

  .sub-menu.search .ccm-search-block-form {
    width: auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
  }
  .not-edit-mode .sub-menu.search .ccm-search-block-submit {
    width: 80px;
    height: 41px;
    line-height: 41px;
  }
  .not-edit-mode .sub-menu.search .ccm-search-block-text {
    width: calc(100% - 80px - 11px);
    font-size: 1rem;
  }
  .not-edit-mode .search .inline-search-result {
    order: 10;
    flex-basis: 100%;
    position: static;
    max-height: 106px;
    overflow: hidden;
  }
}

/* FOOTER */
.nav-footer {
  padding-left: 20px;
  padding-right: 20px;
  background: #0B2063;
}
.nav-footer-container {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding-bottom: 0;
}
.nav-footer-container > .footer-list,
.nav-footer-container > .HTMLBlock {
  width: 33.33%!important;
  padding: 0!important;
}
.list-port-links,
.list-hpuk-links,
.footer-list.list-myport-app,
.footer-list.list-ubi-app {
  position: static;
}
.footer-list .list-title,
.footer-list .list-title a {
  color: #FFF;
}
.legal-links {
  position: static;
  flex-basis: 100%;
  padding: 20px 0;
  margin-bottom: 30px;
  text-align: center;
}
.legal-links ul {
  margin-left: -8px;
}
.legal-links li {
  margin: 0;
  padding: 0 8px!important;
  display: inline-block;
  float: none;
}
.footer-banner,
.hwl-logo,
.aeo-logo,
.cilt-logo {
  position: static;
  align-self: center;
}

.footer-list.list-opening-times,
.footer-list.list-how-to-find-us,
.footer-list.list-employee-portal {
  position: static;
}
.footer-list.list-opening-times {
  flex: 1 1 auto;
}

.footer-banner {
  margin-bottom: 30px;
  background-size: 100% auto;
  height: 0;
  padding-top: calc(16.17% + 33px);
}

.legal-links { order: 20; }
.footer-banner { order: 21; }
.cilt-logo { order: 21; }
.aeo-logo { order: 22; }
.hwl-logo { order: 24; }

.hwl-logo + .hwl-logo,
.aeo-logo + .aeo-logo {
  display: none;
}

@media (max-width: 767px) {
  .nav-footer-container {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .nav-footer {
    padding-top: 70px;
    padding-left: 17px;
    padding-right: 17px;
  }
  .nav-footer .footer-list,
  .nav-footer-container > .footer-list,
  .nav-footer-container > .HTMLBlock {
    width: auto!important;
    float: none;
    padding: 0;
  }
  .footer-list .list-title {
    font-size: 10px;
  }
  .list-myport-app .list-title,
  .list-ubi-app .list-title {
    font-weight: bold;
    border: 2px solid;
    height: 3.3em;
    line-height: 3.3;
    padding-left: 2em;
    padding-right: 2em;
    margin-top: 1.5em;
  }

  .footer-list > ul {
    display: none;
  }
  .footer-list > ul.is-open {
    display: block;
  }
  .footer-list > ul li {
    margin: 0.3em 0;
  }

  .legal-links {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .legal-links li a {
    font-size: 9px;
  }

  .hwl-logo,
  .aeo-logo {
    margin: 15px 0;
  }
}

/* HOME */
.alert-banner .title,
#page .alert-banner .content {
  padding-left: 20px;
  padding-right: 20px;
}
.alert-banner-border {
  width: auto;
}
#page .main-carousel {
  background: linear-gradient(-15deg, rgba(41,171,226,0.2) 50%,rgba(255,255,255,1) 50.3%)!important;
}
#page .main-carousel,
#page .main-carousel > ul,
#page .main-carousel .slide-pof {
  height: 90vh;
}

#page .main-carousel > ul > li {
  background: none!important;
}

#page .slide-pof {
  background: none!important;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#page .main-carousel .slide-pof:after {
    content: '';
    background: url('../images/responsive/carousel-patterns.png') 0 0 / 400% auto no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#page .main-carousel .slide-pof-alt-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
}

#page .main-carousel .slide-pof.pattern-2:after { background-position: 33.3333% 0; }
#page .main-carousel .slide-pof.pattern-3:after { background-position: 66.6666% 0; }
#page .main-carousel .slide-pof.pattern-4:after { background-position: 100% 0; }

#page .main-carousel .slide-pof.tablet-light-bg p,
#page .main-carousel .slide-pof.tablet-light-bg .learn-more { color: #0B2063; }

#page .main-carousel .slide-pof.tablet-dark-bg p,
#page .main-carousel .slide-pof.tablet-dark-bg .learn-more { color: #FFF; }

#page .slide-pof h2,
#page .slide-pof .learn-more,
#page .slide-pof p {
  position: relative;
  left: 0!important;
  top: 0!important;
  z-index: 3;
}

#page .slide-pof h2 {
  font-size: 54px!important;
  line-height: 1!important;
  letter-spacing: -0.02em!important;
}
#page .slide-pof p {
  font-size: 26px!important;
  font-weight: normal!important;
  line-height: 1.5!important;
  font-family: UniversLTPro-55Roman, Helvetica, sans-serif;
  max-width: 400px;
  margin: 1em 0;
  text-transform: none;
  min-height: 6em; /* 4 lines */
}
#page .slide-pof p br {
  display: none;
}
#page .slide-pof p + p {
  display: none;
}

#page .slide-pof .learn-more {
  margin-right: 20px;
  color: #0B2063;
  font-weight: bold;
  border-width: 2px;
  text-transform: uppercase;
  font-size: 13px;
  width: auto!important;
  margin: 0.3em 0;
}
#page .slide-pof .learn-more span {
  background: none!important;
  padding-right: 0;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
#page .slide-pof a:not(.learn-more):not(.btn-close) {
  display: none;
}
#page .slide-pof h2 + .learn-more {
  margin-top: 2em;
}
/*
#page .slide-pof h2.c1,
#page .slide-pof h2.c3 {
    color: #00AEEF;
}
#page .slide-pof span.c1,
#page .slide-pof p.c1,
#page .slide-pof span.c3,
#page .slide-pof span[class=""] {
  color: #0B2063;
}
*/
#page .big-arrows-carousel .arrows .prev,
#page .big-arrows-carousel .arrows .next {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyIDM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRjt9PC9zdHlsZT48Zz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIxLjgsMC40IDEyLjQsMC40IDAuMiwxOCA5LjYsMTggIi8+PGc+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyMS44LDM1LjYgMTIuNCwzNS42IDAuMiwxOCA5LjYsMTggIi8+PC9nPjwvZz48L3N2Zz4=) center center no-repeat!important;
}
#page .big-arrows-carousel .dark-arrows .prev,
#page .big-arrows-carousel .dark-arrows .next {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyIDM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzBDMjA2Mzt9PC9zdHlsZT48Zz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIxLjgsMC40IDEyLjQsMC40IDAuMiwxOCA5LjYsMTggIi8+PGc+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyMS44LDM1LjYgMTIuNCwzNS42IDAuMiwxOCA5LjYsMTggIi8+PC9nPjwvZz48L3N2Zz4=) center center no-repeat!important;
}
#page .big-arrows-carousel .arrows .next {
  transform: scaleX(-1);
}

.felixstowe-info {
  background: #0B2063;
  padding-bottom: 0;
}

.info-boxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 0;
}

.felixstowe-info .title.felixstowe-info-title {
  display: none;
}
.felixstowe-info .title.felixstowe-info-title-alt {
  font-weight: bold;
  font-size: 32px;
  line-height: 1.1;
  text-align: center;
  display: block!important;
  padding-top: 2em;
  padding-bottom: 2.5em;
}
.felixstowe-info .title.felixstowe-info-title-alt div {
  color: #00AEEF;
}
.info-box.info-container {
  padding-bottom: 35px;
}
.info-boxes .tools-title {
  text-transform: uppercase;
  font-weight: bold;
  color: #FFF;
  font-size: 64px;
  line-height: 1;
  letter-spacing: -0.02em;
  padding: 2.5em 0 0.6em;
}
.info-boxes .tools-title,
.info-boxes .info-box {
  background: #00AEEF;
  width: 100%;
  text-align: center;
}

.info-boxes .info-box {
  border: 0;
  display: flex;
  flex-direction: column;
  color: #0B2063;
  height: auto;
  order: 1;
}
.info-boxes .info-box::after {
  content: '';
  width: 22%;
  margin: 0 auto;
  border-bottom: 1px solid;
}
.info-boxes .info-box .icon {
  order: -1;
  flex: 0 0 auto;
  margin-bottom: 5px;
}

.info-boxes .info-box .title {
  font-size: 43px;
  line-height: 1.07;
  margin: 0;
}
.info-boxes .info-box .sub-title {
  margin-bottom: 1em;
}


.info-boxes .info-time {
  display: none;
}
.info-boxes .info-shipping {
  order: -1;
  background: #0B2063;
  height: auto;
  padding-bottom: 100px;
}
.info-boxes .info-shipping .title {
  color: #FFF;
  font-size: 32px;
  line-height: 1.1;
}
.info-boxes .info-box.info-shipping .text {
  font-size: 74px;
  line-height: 1;
  color: #00AEEF;
  height: auto;
  overflow: visible;
  padding: 0.30em 0;
}
.info-boxes .info-box.info-shipping .text span {
  line-height: 1;
}

.info-boxes .info-shipping .prev,
.info-boxes .info-shipping .next {
  position: absolute;
  top: 50%;
  margin-top: -125px;
  transform: translateY(-50%);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyIDM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRjt9PC9zdHlsZT48Zz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIxLjgsMC40IDEyLjQsMC40IDAuMiwxOCA5LjYsMTggIi8+PGc+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyMS44LDM1LjYgMTIuNCwzNS42IDAuMiwxOCA5LjYsMTggIi8+PC9nPjwvZz48L3N2Zz4=) center center / contain no-repeat;
  border: 0;
  text-indent: -1200%;
  width: 22px;
  height: 35px;
  overflow: hidden;
}
.info-boxes .info-shipping .prev {
  left: 40px;
}
.info-boxes .info-shipping .next {
  right: 40px;
  transform: translateY(-50%) scaleX(-1);
}
.info-boxes .info-shipping .navigation {
  padding: 100px 0 0;
}
.info-boxes .info-container::after {
  display: none;
}
.info-box .info-rhides,
.info-boxes .info-rail {
  display: none;
}

.info-boxes .info-shipping-tablet {
    display: flex!important;
    order: 0;
}
.info-boxes .info-box.info-shipping-tablet .icon {
    background-position: -240px 0;
}


@media (max-width: 767px) {
  #page .main-carousel,
  #page .main-carousel ul,
  #page .main-carousel ul .slide-pof {
    /* height: calc(100vh - 80px); */
    height: auto;
    min-height: 135vw;
  }
  #page .main-carousel {
    background: linear-gradient(-30deg, rgba(41,171,226,0.2) 55%,rgb(255, 255, 255) 55.3%) !important
  }
  #page .slide-pof h2 {
    font-size: 27px!important;
    font-size: 9vw!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
  }
  #page .slide-pof h2.fsbig {
    font-size: 12vw!important;
    margin: 0!important;
  }

  #page .slide-pof p {
    font-size: 13px!important;
    padding-left: 50px!important;
    padding-right: 50px!important;
    width: auto!important;
  }
  /*
  #page .slide-pof h2.fsbig + p {
    margin-bottom: 10vw;
    margin-top: 10vw;
  }
  */
  #page .big-arrows-carousel .arrows .prev,
  #page .big-arrows-carousel .arrows .next {
    background-size: 8px 13px!important;
  }
  #page .big-arrows-carousel .arrows .prev {
    left: -10px;
  }
  #page .big-arrows-carousel .arrows .next {
    right: -10px;
  }

  .info-boxes .info-shipping {
    padding-bottom: 36px!important;
  }
  .felixstowe-info .title.felixstowe-info-title-alt,
  .info-boxes .info-shipping .title {
    font-size: 13px;
  }

  .info-boxes .info-box.info-shipping .text {
    font-size: 27px;
  }
  .info-boxes .info-shipping .prev,
  .info-boxes .info-shipping .next {
    background-size: 8px 13px!important;
    padding: 0;
    margin-top: -51px;
    width: 35px;
  }
  .info-boxes .info-shipping .prev {
    left: 0;
  }
  .info-boxes .info-shipping .next {
    right: 0;
  }

  .info-boxes .info-shipping .navigation {
    padding-top: 36px;
  }

  .info-boxes .tools-title {
    font-size: 23px;
  }

  .info-boxes .info-box .title {
    font-size: 16px;
  }

}

/* ABOUT */
#page .tabs {
  width: auto;
  display: flex;
  flex-direction: column-reverse;
}
.about-slides {
  width: auto;
}
.not-edit-mode #dyn-about .tabs,
.page-home #page .tabs,
.page-about #page .tabs,
#page .tabs > ul {
  min-height: 0;
  height: auto;
}
#page .tabs > ul {
    height: 100%;
}
.not-edit-mode .about-slides {
  height: auto;
}

.not-edit-mode #dyn-about {
  background: linear-gradient(-25deg, rgba(255,255,255,1) 50%, rgba(41,171,226,0.2) 50.3%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: auto 1110px !important;
  background-repeat: no-repeat !important;
  border-top: 0;
  min-height: 300px;
}
.not-edit-mode #dyn-about:before {
  content: attr(data-title);
  display: block;
  white-space: pre-line;
  text-align: center;
  font-size: 36px;
  line-height: 1;
  font-family: UniversLTPro-BoldCond, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #0B2063;
  margin: 0 auto;
  padding: 4em 0;
}
.not-edit-mode #dyn-about.is-expanded {
    background: #F6F6F6!important;
}
.not-edit-mode #dyn-about.is-expanded:before {
    display: none;
}
.not-edit-mode #dyn-about.is-expanded .tabs .nav {
  display: none!important;
}
#page .carousel.about-slides > ul {
    overflow: visible;
    height: auto;
}
#page .carousel.about-slides > ul > li {
  height: auto;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#page .carousel.about-slides > ul > li > div {
  padding-left: 50px;
  padding-right: 50px;
}
#page .carousel.tabs > ul > li,
#page .carousel.about-slides > ul > li {
  background: transparent;
}

#page .carousel.about-slides > ul > li {
    position: relative;
}

#page .tabs .nav .arrow,
#page .tabs .nav ul,
.about-slides .ab-abs,
.about-slides .HTMLBlock > .btn-box,
.about-slides .pagination,
.ab-col-left,
.ab-col-right,
.about-figure,
.about-slides li.skip,
.about-slides .HTMLBlock > .bg-full-height {
  display: none!important
}
#page .tabs .nav {
  height: auto;
  bottom: auto;
  top: 0;
}
#page .tabs .nav a {
  position: absolute;
  z-index: 100;
  top: 40px;
  width: 22px;
  height: 36px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyIDM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzBDMjA2Mzt9PC9zdHlsZT48Zz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIxLjgsMC40IDEyLjQsMC40IDAuMiwxOCA5LjYsMTggIi8+PGc+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyMS44LDM1LjYgMTIuNCwzNS42IDAuMiwxOCA5LjYsMTggIi8+PC9nPjwvZz48L3N2Zz4=) center center / contain no-repeat!important;
}
#page .tabs.is-open .nav a {
  top: 50%;
  margin-top: -18px;
}

#page .tabs .nav a.prev {
  left: 35px;
}
#page .tabs .nav a.next {
  right: 35px;
  transform: scaleX(-1);
}


.tabs-controller {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 100;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 27%,rgba(255,255,255,0.56) 100%);
  display: none;
  justify-content: space-between;
  padding: 0 20px;
  box-sizing: border-box;
}
.tabs.is-open .tabs-controller {
  display: flex;
}

.tabs-controller__back-to-top,
.tabs-controller__close-btn {
  display: block;
  background: url('../images/responsive/back-to-top.png?v=2') center center / contain no-repeat;
  width: 40px;
  height: 40px;
  border: 0;
  outline: 0;
}
.tabs-controller__close-btn {
  background-image: url('../images/responsive/close.png?v=2');
}
.ab-title {
  font-size: 74px;
  line-height: 1;
  color: #00AEEF;
  text-align: center;
  margin: 0 auto 0.77em;
}
.ab-title .c1 {
  color: #00AEEF;
}
.ab-title .c3 {
  color: #0B2063;
}

.ab-tablet-content p,
.ab-tablet-content ul,
.ab-tablet-content img {
  color: #0B2063!important;
  margin-bottom: 1.55em!important;
  line-height: 1.5!important;
  font-size: 14px!important;
}

.ab-tablet-content img:last-child {
  margin-bottom: 0!important;
}

.ab-tablet-content img,
.ab-tablet-content .bg-c1,
.about-slides .live-info-table,
.about-slides .ab-table-list .live-info-table {
  max-width: none;
  margin-left: -50px;
  margin-right: -50px;
  width: calc(100% + 100px);
}
.ab-tablet-content .ab-title + img,
.ab-tablet-content .about-slide-intro + img {
  margin-top: -21px;
}
.ab-tablet-content .about-slide-intro {
    max-width: 14em;
    margin-bottom: 60px!important;
    margin-left: auto;
    margin-right: auto;
}
.ab-tablet-content .bg-c1 {
  padding: 50px;
  box-sizing: border-box;
}
.ab-tablet-content .bg-c1 + .bg-c1 {
  padding-top: 0;
}
.ab-tablet-content .bg-c1 p {
  color: #FFF!important;
}

.about-slide-intro ~ *,
.about-slides > ul > li + li {
    display: none!important;
}

.tabs.is-open .pof-title {
  max-width: none;
  padding-top: 50px;
  padding-bottom: 40px;
  background: #D4EEF9;
  margin-left: -50px;
  margin-right: -50px;
  position: relative;
}
/*.tabs.is-open .about-slides > ul > li:first-child .pof-title::after {
  content: attr(data-title);
  display: block;
  text-align: center;
  font-size: 17px;
  line-height: 1;
  font-family: UniversLTPro-BoldCond, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #0B2063;
  margin-top: 10px;
}*/
.about-slides li + li .ab-title {
  background: #FFF!important;
  color: #0B2063;
  box-shadow: inset 0 8px 9px rgba(0, 0, 0, 0.1);
}
.tabs.is-open .pof-title:before {
    content: '';
    display: block;
    height: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: calc(100% - 5px);
    width: 100%;
}
.tabs.is-open .about-slide-intro {
    display: none;
}

.tabs.is-open .about-slide-intro ~ *,
.tabs.is-open .about-slides > ul > li + li {
    display: block!important;
}

.tabs.is-open .about-slides-read-more {
  display: none!important;
}

.tabs:not(.is-open) .about-slides-next-chapter-btn {
  display: none!important;
}

.tabs .about-slides-next-chapter-btn {
  margin: 1.55em auto 0;
  padding: 0;
  width: 10em;
  display: block!important;
}

/*
.about-slides .live-info-table {
  margin: 5em auto;
  width: 100%;
  max-width: 400px;
}
.about-slides .live-info-table th,
.about-slides .live-info-table td {
  font-size: 32px;
  line-height: 2;
}
*/
.about-slides .live-info-table,
.about-slides .ab-table-list .live-info-table {
  background: #FFF;
}
@media (max-width: 767px) {
  .not-edit-mode #dyn-about {
    background: linear-gradient(-30deg, rgb(255, 255, 255) 50%, rgba(41,171,226,0.2) 50.3%) 0 0 no-repeat!important;
    background-size: 100% 410px !important;
  }
  .not-edit-mode #dyn-about:before {
    font-size: 17px;
    padding: 2em 0;
  }

  #page .tabs .nav a {
    background-size: 8px 13px!important;
    width: 35px;
  }
  #page .tabs .nav a.prev {
    left: 0;
  }
  #page .tabs .nav a.next {
    right: 0;
  }

  #page .carousel.about-slides > ul > li > div {
    padding-left: 35px;
    padding-right: 35px;
    max-width: none;
    width: 100%;
    box-sizing: border-box;
  }

  .ab-tablet-content ul {
    list-style-position: inside;
  }

  .ab-title {
    font-size: 27px;
  }

  /*
  .about-slides .live-info-table th,
  .about-slides .live-info-table td {
    line-height: 25px;
  }
*/

  .tabs.is-open .pof-title {
    margin-left: -35px;
    margin-right: -35px;
  }

  .ab-tablet-content img,
  .ab-tablet-content .bg-c1,
  .about-slides .live-info-table,
  .about-slides .ab-table-list .live-info-table {
    margin-left: -35px;
    margin-right: -35px;
    width: calc(100% + 70px);
  }

}

/* PRESS */
#dyn-press {
  background: #0B2063;
  display: flex;
  flex-direction: column;
}
#dyn-press::before {
  content: 'News';
  font-family: UniversLTPro-BoldCond, Helvetica, sans-serif;
  font-size: 64px;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
  display: block;
  padding-top: 2.5em;
  padding-bottom: 1em;
}

#dyn-press > .HTMLBlock > .section-title,
#dyn-press .sub-section-title,
#dyn-press .default-arrows,
#dyn-press .line {
  display: none!important;
}

#dyn-press > .section-nav {
  position: static;
  order: 100;
  background: #00AEEF;
  text-align: center;
  padding: 10px 0;
}

#dyn-press > .section-nav li {
  display: block;
  margin-left: 0;
  margin: 15px 0;
}

#dyn-press > .section-nav .btn-box {
  font-size: 13px;
  color: #FFF;
  width: 10.6em;
  display: block!important;
  margin: 0 auto;
  text-transform: uppercase;
  box-sizing: border-box;
}

/*  */

.thumbnails-news .container li {
  width: 100vw;
  height: auto;
  padding: 0!important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.thumbnails-news .container li + li {
  border-left: 0;
}
.thumbnails-news .ccm-output-image {
  width: 100%;
  height: auto;
}
.thumbnails-viewer .container {
  width: 100%;
}
.thumbnails-news .container .title,
.thumbnails-news .container .date,
.thumbnails-news .container .excerpt {
  font-size: 36px!important;
  line-height: 1!important;
  color: #FFF;
  padding-left: 150px;
  padding-right: 150px;
}
.thumbnails-news .container .title {
  padding-top: 2em;
  padding-bottom: 0.1em;
}
.thumbnails-news .container .date {
  color: #00AEEF;
  padding-bottom: 0.6em;
}
.thumbnails-news .container .excerpt {
  text-align: center;
  max-height: none;
  line-height: 1.5!important;
  margin-bottom: 3em!important;
}

.thumbnails-news .container .link-read-more {
  position: static;
  margin: 0;
  color: #FFF;
}
.thumbnails-news .navigation {
  text-align: center;
  padding: 60px 0 100px;
}

.thumbnails-publications--one-by-one {
  background: #F6F6F6;
}
#dyn-press .thumbnails-publications {
  display: none;
  order: 101;
}
#dyn-press .thumbnails-publications:before {
  content: 'Publications';
  font-family: UniversLTPro-BoldCond, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 27px;
  line-height: 1;
  background: #D4EEF9;
  text-align: center;
  color: #0B2063;
  box-shadow: inset 0 8px 9px rgba(0, 0, 0, 0.1);
  padding: 30px 0 20px;
  display: block;
  margin-bottom: 25px;
}

.thumbnails-publications--one-by-one .container li {
  width: 100vw;
  padding: 0;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.thumbnails-publications--one-by-one .container li + li {
  border-left: 0;
}
.thumbnails-publications--one-by-one .icon {
  background: none;
  float: none;
  width: auto;
  height: 80vw;
  margin: 0 0 30px;
}
.thumbnails-publications--one-by-one .icon:after {
  content: '';
  display: block;
  height: 4px;
  box-shadow: 0 0px 5px rgba(0,0,0,0.05);
  border-radius: 50%;
  background: rgba(0,0,0,0.05);
  width: 90%;
  margin: 0 auto;
}
.thumbnails-publications--one-by-one .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.thumbnails-publications--one-by-one li .info {
  height: auto;
  padding: 0;
  float: none;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.thumbnails-publications--one-by-one li .info .title {
  font-size: 15px;
  line-height: 1;
  font-family: UniversLTPro-BoldCond, Helvetica, sans-serif;
  color: #0B2063;
  height: auto;
  margin-bottom: 5px;
}
.thumbnails-publications--one-by-one li .info .size {
  font-size: 13px;
  line-height: 1;
  color: #00AEEF;
  font-weight: bold;
}
.thumbnails-publications--one-by-one li .info .action {
  position: static;
}
.thumbnails-publications--one-by-one li .info .action .link-view {
  display: none;
}
.thumbnails-publications--one-by-one li .info .action a {
  font-size: 13px;
  text-transform: uppercase;
  border: 2px solid;
  color: #0B2063;
  font-weight: bold;
  height: 3.1em;
  line-height: 3.1em;
  width: 10.6em;
  margin: 15px auto;
  text-align: center;
  display: block;
  padding-right: 0;
}
.thumbnails-publications--one-by-one li .info .action.extra a:first-of-type {
  margin-top: 0;
}
.thumbnails-publications--one-by-one li .info .action a + a {
  border-left-width: 2px;
  padding-left: 0;
}
.thumbnails-publications--one-by-one li .info .action .size,
.thumbnails-publications--one-by-one li .info .action span,
.thumbnails-publications--one-by-one li .info .action br {
  display: none;
}
.thumbnails-publications--one-by-one .pub-arrows {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyIDM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzBDMjA2Mzt9PC9zdHlsZT48Zz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIxLjgsMC40IDEyLjQsMC40IDAuMiwxOCA5LjYsMTggIi8+PGc+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyMS44LDM1LjYgMTIuNCwzNS42IDAuMiwxOCA5LjYsMTggIi8+PC9nPjwvZz48L3N2Zz4=) center center no-repeat!important;
  width: 22px;
  height: 36px;
}
.thumbnails-publications--one-by-one .pub-arrows:not(.disabled) {
  display: block!important;
  top: calc(77px + 40vw + 18px);
}
.thumbnails-publications--one-by-one .pub-arrows.prev {
  left: 28px;
}
.thumbnails-publications--one-by-one .pub-arrows.next {
  transform: scaleX(-1);
  right: 28px;
}

.ship2shore-homepage-ad {
  display: none;
}

#dyn-investing-in-the-future {
  background: linear-gradient(-25deg, rgba(41,171,226,0.2) 50.3%, rgb(255, 255, 255) 50%) !important;
  background-repeat: no-repeat !important;
  background-position: 0 157px !important;
}
#dyn-investing-in-the-future .section-title {
  font-size: 36px;
  line-height: 1;
  letter-spacing: -0.02em;
  text-align: center;
  padding: 2.5em 0 0;
  max-width: 6em;
  margin-bottom: 3.5em;
}
.thumbnails-investing-in-the-future {
  padding-bottom: 100px!important;
}
.thumbnails-investing-in-the-future li {
  width: 100vw;
  padding: 0!important;
}
.thumbnails-investing-in-the-future .title,
.thumbnails-investing-in-the-future .description {
  border: 0;
  background: transparent;
}
.thumbnails-investing-in-the-future .title {
  height: auto;
  padding: 0;
  font-size: 85px;
  line-height: 1;
}
.thumbnails-investing-in-the-future .title h3 {
  max-width: 5em;
  display: block !important;
  margin: 0 auto 0.6em;
}
.thumbnails-investing-in-the-future .title h3 + h3 {
  display: none !important;
}
.thumbnails-investing-in-the-future .separation {
  display: none;
}
.thumbnails-investing-in-the-future .description {
  font-size: 36px!important;
  line-height: 1!important;
  text-align: center;
  color: #0B2063;
  height: auto;
  padding: 0;
  max-width: 16em;
  margin: 0 auto 4em!important;
}
.thumbnails-investing-in-the-future .link-read-more {
  background: transparent;
}
.thumbnails-investing-in-the-future .navigation {
  text-align: center;
  padding-top: 60px;
}
.thumbnails-investing-in-the-future .navigation .dot {
  background: #0B2063;
}
.thumbnails-investing-in-the-future .default-arrows {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyIDM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzBDMjA2Mzt9PC9zdHlsZT48Zz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIxLjgsMC40IDEyLjQsMC40IDAuMiwxOCA5LjYsMTggIi8+PGc+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyMS44LDM1LjYgMTIuNCwzNS42IDAuMiwxOCA5LjYsMTggIi8+PC9nPjwvZz48L3N2Zz4=) center center no-repeat!important;
  width: 22px;
  height: 36px;
}
.thumbnails-investing-in-the-future .default-arrows:not(.disabled) {
  display: block!important;
  top: 10px;
}
.thumbnails-investing-in-the-future .default-arrows.prev {
  left: 28px;
}
.thumbnails-investing-in-the-future .default-arrows.next {
  transform: scaleX(-1);
  right: 28px;
}


.page-history .main-area .learn-more {
  margin-left: 0!important;
  margin-right: 10px;
}


@media (max-width: 767px) {
  #dyn-press::before {
    font-size: 23px;
  }

  .thumbnails-news .container .title,
  .thumbnails-news .container .date,
  .thumbnails-news .container .excerpt {
    font-size: 13px!important;
    padding-left: 50px;
    padding-right: 50px;
  }

  .thumbnails-news .navigation {
    padding: 22px 0 36px;
  }

  .thumbnails-publications--one-by-one .pub-arrows {
    background-size: 8px 13px!important;
    width: 35px;
  }
  .thumbnails-publications--one-by-one .pub-arrows.prev {
    left: 0;
  }
  .thumbnails-publications--one-by-one .pub-arrows.next {
    right: 0;
  }

  .not-edit-mode #dyn-investing-in-the-future {
    min-height: 0;
  }
  #dyn-investing-in-the-future {
    background: linear-gradient(-30deg, rgba(41,171,226,0.2) 58%, rgb(255, 255, 255) 50%) !important  ;
    background-position: 0 0!important;
  }
  #dyn-investing-in-the-future .section-title {
    font-size: 23px;
  }
  .thumbnails-viewer.thumbnails-investing-in-the-future .container {
    width: auto;
  }
  .thumbnails-investing-in-the-future {
    padding-bottom: 36px!important;
  }
  .thumbnails-investing-in-the-future .title {
    font-size: 31px;
  }
  .thumbnails-investing-in-the-future .description {
    font-size: 13px!important;
  }
  .thumbnails-investing-in-the-future .default-arrows {
    background-size: 8px 13px!important;
    width: 35px;
  }
  .thumbnails-investing-in-the-future .default-arrows.prev {
    left: 0;
  }
  .thumbnails-investing-in-the-future .default-arrows.next {
    right: 0;
  }
  .thumbnails-investing-in-the-future .navigation {
    padding-top: 22px;
  }
}

/* SERVICES */
#dyn-port {
  width: auto;
}
.not-edit-mode #dyn-port {
  min-height: 0;
  margin-top: 0;
}
.port-terminals-map,
.terminal,
#dyn-port .overlay,
.page-port .overlay,
#dyn-port .section-title {
  display: none;
}
#dyn-port::before {
  content: 'Useful\Aports services\Alinks';
  font-family: UniversLTPro-BoldCond, Helvetica, sans-serif;
  font-size: 57px;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: #0B2063;
  display: block;
  padding-top: 2.5em;
  padding-bottom: 1.5em;
  white-space: pre;
}
#dyn-port .section-nav {
  position: static;
  text-align: center;
  margin-bottom: 40px;
}
#dyn-port .section-nav li {
  margin-left: 0;
}

.port-sub-pages {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.port-sub-pages li {
  margin: 8px!important;
  width: calc(25% - 16px);
}
.port-sub-pages li a {
  width: 100%;
  border: 0;
  display: flex;
  flex-direction: column;
}

.port-sub-pages .icon {
  order: -1;
  flex: 0 0 auto;
  height: 90px;
  background-size: auto 200%;
  background-position: center 0!important;
  padding: 0;
}
.port-sub-pages .title,
.port-sub-pages .sub-title {
  font-size: 14px;
}
.port-sub-pages .title {
  color: #00AEEF;
  height: auto;
  padding: 0;

}

.no-touch .port-sub-pages a:hover .icon,
.port-sub-pages a:active .icon {
    background-position: center 100%!important;
}


@media (max-width: 767px) {

  #dyn-port::before {
    font-size: 23px;
  }
  .port-sub-pages li {
    width: calc(50% - 16px);
  }

}

/* PEOPLE */
.not-edit-mode #dyn-people {
  min-height: 0;
}
.page-people #body > p {
  text-align: left;
  padding: 0 20px;
  width: 480px;
  max-width: 100%;
  margin-left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#dyn-people {
  background: #00AEEF;
  border-top: 0;
  text-align: center;
}
#dyn-people .section-title {
  padding: 0;
  margin: 0;
  font-size: 36px;
  line-height: 1;
  text-align: center;
  padding-top: 3.3em;
  padding-bottom: 1em;
}
#dyn-people > p {
  font-size: 36px;
  line-height: 1.5;
  color: #0B2063;
}

.people-sub-pages-container {
  position: relative;
  background: #FFF;
}
.people-sub-pages-container .arrows a {
  display: block;
  position: absolute;
  bottom: calc((100% + 90px - 70vw - 24px) / 2);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjIgMzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyIDM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzBDMjA2Mzt9PC9zdHlsZT48Zz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIxLjgsMC40IDEyLjQsMC40IDAuMiwxOCA5LjYsMTggIi8+PGc+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyMS44LDM1LjYgMTIuNCwzNS42IDAuMiwxOCA5LjYsMTggIi8+PC9nPjwvZz48L3N2Zz4=) center center no-repeat!important;
  width: 22px;
  height: 36px;
}
.people-sub-pages-container .arrows a.prev {
  left: 40px;
}
.people-sub-pages-container .arrows a.next {
  right: 40px;
  transform: scaleX(-1);
}
.people-sub-pages-container .navigation {
  padding: 30px 0 100px;
}
.people-sub-pages-container .navigation .dot {
  background: #0B2063;
}

.people-sub-pages {
  margin-top: 100px!important;
  width: auto!important;
}
.people-sub-pages li {
  margin: 0;
  width: 100vw;
  float: none;
  position: absolute;
  overflow: hidden;
}
.people-sub-pages li a .icon {
  padding: 0;
  border: 0;
}
.people-sub-pages li a img {
  width: 100%;
  height: auto;
}
.people-sub-pages li a.btn-box.default {
  border: 0;
  font-size: 76px;
  line-height: 1;
  height: auto;
  padding: 0 1em;
  margin-top: 90px;
  font-family: UniversLTPro-BoldCond, Helvetica, sans-serif;
  font-weight: normal;
}


@media (max-width: 767px) {
  #dyn-people .section-title {
    font-size: 23px;
    padding-top: 2.5em;
  }
  #dyn-people > p {
    font-size: 13px;
  }
  #dyn-people > p {
    width: auto;
    padding-left: 50px;
    padding-right: 50px;
  }

  .people-sub-pages {
    margin-top: 36px!important;
  }
  .people-sub-pages li a.btn-box.default {
    font-size: 27px;
    margin-top: 33px;
  }

  .people-sub-pages-container .arrows a {
    background-size: 8px 13px!important;
    bottom: calc((100% + 33px - 70vw) / 2);
  }
  .people-sub-pages-container .arrows a.prev {
    left: 10px;
  }
  .people-sub-pages-container .arrows a.next {
    right: 10px;
  }
  .people-sub-pages-container .navigation {
    padding: 11px 0 36px;
  }
}

/* SAILING SCHEDULE */
.table-legend {
  position: static;
}

.live-info-table .legend-icon.in-port  {
  top: -9px;
}
.live-info-table .legend-icon span {
  font-size: inherit;
  line-height: inherit;
}

.live-info-table .number span {
  width: auto;
}

@media (max-width: 767px) {
  .live-info-table th,
  .live-info-table td {
    line-height: 25px;
  }
  .live-info-table td:last-child {
    margin-bottom: 30px;
  }
  .shipping-information-myport-ad {
    position: static;
  }
  .page-service-by-region #body {
    margin: 0 -20px;
    padding: 0 20px;
    background-size: contain;
  }
  .service-search-form {
    height: auto;
    padding-bottom: 30px;
  }
  .service-search-form + .line {
    display: none;
  }
  #page .service-search-form .title {
    position: static;
    width: auto;
    margin: 0;
    padding-top: 50px;
  }
  #page .service-search-form .form {
    position: static;
    width: auto;
    margin: 30px 0 0;
  }
  #page .service-search-form .form input {
    border-bottom: 0;
    font-size: 1rem;
    width: 100%;
  }
  #page .service-search-form .inline-search-result {
    margin-bottom: 18px;
    min-height: 1px;
    display: block!important;
  }
  #page .service-search-form .form > #search-by-port,
  #page .service-search-form .form > .btn-box {
    margin-left: 0;
  }

  .service-by-region-list td:before {
    color: #A1A1A3;
  }

  .service-by-region-list .flag::before {
    float: left;
    margin-right: 10px;
  }

  .live-info-table td.flag {
    line-height: 50px;
  }
  .live-info-table td.flag img {
    top: 0;
    height: 25px;
    width: auto;
    vertical-align: middle;
  }
  .page-service-by-region .live-info-table .company-container {
    padding-top: 10px;
    padding-left: 0;
  }


  .page-service-by-region .company-container .company-sections,
  .page-service-by-region .company-container .company-services {
    width: auto;
  }
}
/* RAIL */
.not-edit-mode.page-rail-schedule .sub-menu.parent-rail a,
.not-edit-mode.page-rail-information .sub-menu.parent-rail a,
.not-edit-mode.page-rail-services .sub-menu.parent-rail a {
    max-width: calc(33% - 36px - 19px - 40px);
}
.tables-switcher {
  margin-bottom: 21px;
}
.page-template.page-rail-services .central-header .links {
  left: 0;
  right: 0;
}
.page-template.page-rail-services .central-header {
  margin-top: 82px;
}
.rail-schedule-myport-ad {
  background-image: url('../images/ubi-app/rail-schedule-ad.png');
  background-size: contain;
}

.rail-schedule-myport-ad .ad-app-store-link {
    left: 164px;
    width: 97px;
}

.rail-schedule-myport-ad .ad-google-play-link {
    left: 267px;
    width: 97px;
}

.page-rail-schedule .live-info-table tr td {
  width: auto!important;
}

@media (max-width: 767px) {
  .page-rail-schedule .responsive-table td span {
    color: #0B2063;
  }
  .page-rail-schedule #central {
    margin-top: 0!important;
    padding-top: 0!important;
  }
  .page-rail-schedule .central-header {
    margin-top: 93px;
    padding-top: 0;
  }
  .page-rail-information .central-header,
  .page-rail-services .central-header {
    margin-top: 0!important;
    padding-top: 0!important;
  }
  .rail-schedule-myport-ad {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 11%;
    margin-bottom: 21px;
  }

  .rail-schedule-myport-ad .ad-app-store-link {
    left: 44%;
    top: 14%;
    height: 70%;
    width: 26%;
  }
  .rail-schedule-myport-ad .ad-google-play-link {
    left: 75%;
    height: 70%;
    top: 13%;
    width: 21%;
  }

  .page-template.page-rail-services .central-header .links {
    top: 0;
    margin-bottom: 30px;
  }

  .page-template.page-rail-services #body {
    padding-top: 0;
  }

}

/* SEARCH */
.page-search .search-term {
  padding-left: 0;
}
.page-search .search-container {
  padding-left: 0;
  padding-right: 0;
}
.page-search #central #searchResults {
  border-right: 0;
  width: auto;
}
.page-search #publicationSearchResults {
  margin-top: 30px;
  padding-left: 0;
}
.page-search .thumbnails-publications li .info {
  width: auto;
}
@media (max-width: 767px) {
  .page-search .sub-menu.search {
    top: 62px;
  }
  .page-search .page-bg {
    width: 100%;
  }
  .page-search #body {
    padding-top: 44px;
  }

  .page-search .thumbnails-publications li {
    width: auto;
    display: flex;
  }
  .page-search .thumbnails-publications .icon {
    min-width: 42px;
  }
}

/* CAREERS */
.page-join-our-team #body {
  padding: 0;
}
.page-join-our-team #page .template-carousel-1 .slide-pof {
  width: auto;
}
.page-join-our-team #page .template-carousel-1 .slide-pof .slide-pof-alt-image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.not-edit-mode.page-join-our-team .vacancies-list,
.not-edit-mode.page-join-our-team .HTMLBlock .sub-section-title {
  float: none;
  width: auto;
}
.not-edit-mode.page-join-our-team .vacancies-list {
  min-height: 0!important;
}
.page-join-our-team #body p + ul {
  margin-left: 0;
}

.page-executive-team #body {
  padding-left: 0;
}
.executive-team-sub-pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.team-left {
  width: auto;
  float: none;
  display: flex;
  flex-wrap: wrap;
}
.team-profile-title,
.team-header {
  flex-basis: 100%;
}
.team-left h4 {
  width: 30%;
}
.team-left p {
  width: 70%;
}
.team-right {
  width: auto;
  margin-left: 0;
}
.team-right .ccm-image-block {
  max-width: 100%;
  height: auto;
}
.employee-portal-log-in {
  max-width: 100%;
  margin: 100px auto 100px;
}

@media (max-width: 767px) {
  .page-join-our-team .page-result-list li {
    height: auto;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 5px;
  }
  .page-join-our-team .page-result-list li > a {
    display: block;
  }
  .page-join-our-team .page-result-list li span {
    display: block;
    text-indent: 0;

    width: auto;
    padding-right: 0;
    white-space: normal;

    padding-top: 2px;
    padding-bottom: 2px;
  }

  .executive-team-sub-pages li {
    margin-left: 0;
    margin-right: 0;
  }

  .page-type-executive_team_profile #body,
  .page-type-employee_profile #body {
    padding-left: 0;
    padding-right: 0;
  }
  .team-left h4 {
    width: 100%;
  }
}

/* Partner directory */
.page-partner-directory-sub-page .neighbour-menu a {
  width: auto;
}
.page-partner-directory-sub-page #body {
  padding-left: 0;
  padding-right: 0;
}

.company-list > li .title {
  padding-left: 20px;
  display: block;
}
@media (max-width: 767px) {
  .company-list > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .company-list > li .title {
    padding-left: 20px;
    padding-right: 50px;
    line-height: 1.2;
  }
  .company-nav {
    left: 0!important;
    right: 0!important;
  }
  .company-container .company-nav .btn-close {
    margin-right: 0;
  }
  .company-container .company-sections,
  .company-container .company-services {
    max-width: calc(100% - 20px);
  }
}

/* Commercial information */
.page-commercial-information #body,
.page-corporate-governance #body {
  padding-left: 0;
  padding-right: 0;
}

#page .file-list-item {
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
}
#page .file-list-item .icon {
  min-width: 42px;
  margin-right: 30px;
}
#page .file-list-item .date {
  margin-right: 30px;
}

#page .folder {
    padding-left: 10px;
    padding-right: 10px;
}
#page .folder-files .file-list-item {
    white-space: normal;
    padding-left: 30px;
}


/* How to find us */
.page-how-to-find-us #map-canvas {
  width: auto;
  max-height: 50vh;
}
.page-how-to-find-us .main-area .columns .clearfix {
  margin-left: -18px;
  margin-right: -18px;
}
.search-option {
  margin-left: 18px;
  margin-right: 18px;
}

@media (max-width: 767px) {
  .page-how-to-find-us #central {
    padding-top: 30px;
  }
  .link-map-share,
  .link-map-print {
    position: static;
  }
  .link-map-share {
    margin-top: 0;
  }
  .link-map-print {
    margin-top: 18px;
    margin-bottom: 18px;
  }

  .download-pdf-btn + .download-pdf-btn {
    margin-left: 0;
    margin-top: 18px;
  }
}

/* GALLERY */
.page-gallery .pagination {
  width: auto;
}
.not-edit-mode .gallery,
.not-edit-mode .gallery > ul {
  height: 475px;
}
.gallery > ul {
  width: auto;
}
.gallery ul li img {
  max-width: 100%;
  height: auto;
}
#page .carousel.gallery .nav {
  width: calc(100% - 62px);
  left: 32px;
}
.gallery .arrows,
.gallery .nav {
  display: none;
}
/*
.gallery .arrows a {
  width: 30px;
}
.gallery .nav a {
  height: 69px;
  width: calc((100vw - 40px - 62px - 40px - 4px) / 4);
}
.gallery .nav img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
*/

@media (max-width: 767px) {
  .not-edit-mode .gallery {
    height: 30vh;
  }
  .not-edit-mode .gallery > ul {
    height: 30vh;
  }
  /*
  .gallery .nav a {
    width: calc((100vw - 40px - 62px - 30px - 3px) / 3);
  }
  #page .gallery .arrows {
    display: block;
  }
  #page .carousel.gallery .nav {
    left: 35px;
  }
  */
  .page-gallery .caption {
    height: 50px;
    line-height: 50px;
    width: auto;
  }
  .page-gallery .caption p {
    font-size: 12px!important;
    line-height: 14px!important;
    margin-bottom: 0!important;
    vertical-align: middle;

  }
}

/* Pof 50th */
.page-type-pof_fiftieth .template-body {
  padding-left: 0;
  padding-right: 0;
}
.page-type-pof_fiftieth .main-area .ccm-image-block {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .page-type-pof_fiftieth.page-timeline .main-area {
    max-width: 100%;
  }
}

/* News */
.news-archive-container {
  margin-left: 0;
  width: 100%;
  left: 0;
  position: relative;
  top: 0;
  order: 101;
  display: flex;
  flex-direction: column;
}

.news-archive-container:before {
  content: 'News archive';
  font-family: UniversLTPro-BoldCond, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 27px;
  line-height: 1;
  background: #D4EEF9;
  text-align: center;
  color: #0B2063;
  box-shadow: inset 0 8px 9px rgba(0, 0, 0, 0.1);
  padding: 30px 0 20px;
}
.news-archive-container .white-central-header {
  order: 100;
}

.news-archive-container .page-result-list li > a {
  display: flex;
  background-position: calc(100% + 8px) -40px;
  align-items: center;
}

.news-archive-container .page-result-list a span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.news-archive-container .page-result-list a .date {
  width: 25%;
  font-size: 10px;
  text-indent: 15px;
}
.news-archive-container .page-result-list a .title {
  width: 75%;
  padding-right: 40px;
  font-size: 11px;
  line-height: 1;
}

.news-archive-container .page-result-list a .description {
  display: none;
}

.news-archive-container .pagination-list .btn-close {
  display: none;
}
.news-archive-container .pagination-list {
  display: flex!important;
}
.news-archive-container .pagination-list > span {
  display: inline-block!important;
  flex: 1;
}

@media (max-width: 767px) {

  .news-archive-container .page-result-list {
    padding-left: 0;
    padding-right: 0;
  }

  .page-result-list a .date {
    width: 100px;
  }


  .central-body.two-columns {
    padding-left: 0;
    padding-right: 0;
  }
}

/* MyPort */
#page .myport-block-main-image .slide-pof {
  background-color: #0B2063 !important;
}
#page .myport-block-main-image .slide-pof .learn-more {
  color: #FFF;
}

.myport-template .tci-block {
  display: flex;
  flex-wrap: wrap;
}
.myport-template .tci-block .title-content,
.myport-template .tci-block .image {
  width: 50%;
}
.myport-template .tci-block.even .image {
  order: -1;
}
.myport-template .tci-block .image img {
  float: none!important;
  max-width: 100%;
  height: auto;
}

.myport-body .myport-download-links {
  width: 100%;
}

@media (max-width: 767px) {
  .page-myport .central-header .section-title {
    display: none;
  }
  .page-myport .central-header .links a:first-child {
    margin-left: 0;
  }
  .myport-template {
    padding-top: 0;
  }
  .myport-download-links {
    float: none;
    margin-bottom: 30px;
  }
  .myport-download-links a img {
    max-height: 30px;
    width: auto;
  }
  .myport-template .tci-block {
    display: block;
  }
  .myport-template .tci-block .title-content,
  .myport-template .tci-block .image {
    float: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}

/* Ship2Shore */
.ship2shore-template {
  background-image: none!important;
  padding-bottom: 0;
}
.ship2shore-block-intro {
  min-height: 0;
  margin-bottom: 70px;
  padding-left: 0;
  padding-right: 0;
}
.ship2shore-block-intro .download-pdf-btn {
    position: static;
}

.ship2shore-archive {
  margin-left: -20px;
  margin-right: -20px;
  width: auto;
}
.ship2shore-archive .sub-section-title {
  padding-left: 20px;
}

.ship2shore-archive .thumbnails-publications {
  width: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ship2shore-archive .download-link {
  border-left: 2px solid!important;
}

@media (max-width: 767px) {
  .page-ship2shore .central-header .section-title {
    display: none;
  }
  .page-ship2shore .central-header .links a:first-child {
    margin-left: 0;
  }
  .ship2shore-template {
    padding-top: 30px;
  }
  .ship2shore-highlights .highlight-text {
    margin: 16px 0;
  }
  .ship2shore-template blockquote {
    font-size: 25px;
  }
  .ship2shore-template .quote-author {
    line-height: 1.2;
  }
  .ship2shore-template .template-left > p:last-of-type {
    display: none;
  }
}

/* Logistics Park */
@media (max-width: 767px) {
  .page-type-logistics_park .template-body {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .page-type-logistics_park .page-title:first-child {
    position: static;
    max-width: 100%;
    color: #0B2063;
    font-size: 30px;
    line-height: 1.16;
  }
  .logistics-park-content {
    max-width: 100%;
  }
}

/* Tempalte 7 */
.page-type-template_7 .central-header {
  flex-direction: row;
}
.page-type-template_7 .central-header a {
  flex: 1 1 auto;
}

.page-type-template_7 .central-body.two-columns {
  padding-left: 0;
  padding-right: 0;
}

.page-type-template_7 .central-body #sidebar {
  width: auto;
  margin-left: 0;
}

/* VBS */
.page-welcome-to-vbs::after {
    height: 712px;
    top: 637px;
}
.app-banner {
    display: none;
}

/* UBI App */
.ubi-app-banner img {
    margin-left: -500px;
    margin-right: 0;
}