.zw-icon {
  width: 100px;
  height: 100px;
  background-size: cover;
}

.zw-icon-agenda {
  background-image: url("../icons/agenda.png");
}

.zw-icon-bill {
  background-image: url("../icons/bill.png");
}

.zw-icon-booking {
  background-image: url("../icons/booking.png");
}

.zw-icon-conversation {
  background-image: url("../icons/conversation.png");
}

.zw-icon-deal {
  background-image: url("../icons/deal.png");
}

.zw-icon-file {
  background-image: url("../icons/file.png");
}

.zw-icon-files {
  background-image: url("../icons/files.png");
}

.zw-icon-design {
  background-image: url("../icons/graphic-design.png");
}

.zw-icon-planning {
  background-image: url("../icons/planning.png");
}

.zw-icon-programming {
  background-image: url("../icons/programming.png");
}

.zw-icon-secure {
  background-image: url("../icons/secure.png");
}

.zw-icon-testing {
  background-image: url("../icons/testing.png");
}

.zw-explain-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.zw-explain-icon > div:last-child {
  padding-left: 1em;
}
.zw-explain-icon .zw-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  /* do not grow   - initial value: 0 */
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* do not shrink - initial value: 1 */
}

/*.header-wrapper {
    padding: 1.125em 0;
}*/
.logo-wrapper {
  width: 224px;
  height: 80px;
}
.logo-wrapper > img {
  width: 100%;
  height: auto;
}

footer {
  padding-top: 3em;
  padding-bottom: 3em;
  background-color: #147ea5;
}

.border-label {
  border-style: solid;
  border-radius: 6em;
  padding: 10px;
  background-color: white;
  border-width: 1px;
}

.vfl-label {
  text-transform: uppercase;
}

.vfl-label-on-input {
  top: -8px !important;
  margin-left: 14px;
}

.vfl-label-on-focus {
  color: #147ea5;
}

.vfl-label + input {
  padding-left: 0;
  font-size: 100%;
  border: 0;
  border-bottom: 2px solid #aaa;
  -webkit-transition: border 0.2s;
  -o-transition: border 0.2s;
  transition: border 0.2s;
}

.vfl-label-on-focus + input {
  border-bottom: 2px solid #ff851b;
}

.line-blue {
  border-top: 5px solid #147ea5;
}

.line-orange {
  border-top: 5px solid #f26723;
}

.menu-footer {
  color: white;
  padding: 5px;
  padding-left: 5px;
}

.text-shadow {
  text-shadow: 2px 2px 2px #333333;
}

.head-banner {
  background: #5fcbff;
  position: relative;
  padding: 40px 0 20px 0;
}

.head-banner-wave {
  background-image: url("../images/bg-header-wave.png");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-bottom: 25%;
}

.text-banner {
  color: white;
  width: 45%;
  margin-top: 40px;
}

.banner-image {
  width: 50%;
  position: absolute;
  right: 0;
  top: -2em;
}
.banner-image .aspect-ratio {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 80.37%;
  background-image: url("../images/bg-header-ship.png");
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.background-grey {
  background-color: #f9f9f9;
}

.zw-section {
  padding-top: 3em;
  padding-bottom: 3em;
}

.zw-section-product-header {
  padding: 3em 0 5em 0;
}

.text-blue {
  color: #147ea5;
}

.products {
  margin-top: -3em;
}

.process {
  position: relative;
  margin-top: 5em;
}
.process > .row .detail-process {
  border-bottom: 1px solid #147ea5;
  padding: 52px;
}
.process > .row .detail-process:first-child {
  border-right: 1px solid #147ea5;
}
.process > .row:last-child .detail-process {
  border-bottom: none;
}
.process .graphic-arrow {
  background: #f9f9f9;
  position: absolute;
  z-index: 2;
}
.process .graphic-arrow.graphic-arrow-hidden {
  display: none;
}
.process .graphic-arrow-top {
  top: -1px;
  left: 50%;
  margin-left: -65px;
}
.process .graphic-arrow-right {
  left: -1px;
  top: 50%;
  margin-top: -65px;
}
.process .graphic-arrow-left {
  right: -1px;
  top: 50%;
  margin-top: -65px;
}
.process > h3 {
  color: #147ea5;
}

.button-submit {
  width: 100%;
  background-color: #147ea5 !important;
}

.product-header-logo {
  max-width: 480px;
  width: 80%;
  margin: 0 auto;
}

.bg-cover {
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 0;
  position: relative;
}
.bg-cover.bg-cover-16-9 {
  padding-bottom: 56.25%;
}
.bg-cover.bg-cover-3-4 {
  padding-bottom: 75%;
}

.bg-cover-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.bg-cover-header {
  padding-bottom: 56.25%;
}

.freighteye-bg {
  background-image: url("../images/freighteye-cover.jpg");
}

.freighteye-buyer-bg {
  background-image: url("../images/freighteye-buyer.jpg");
  padding-bottom: 25%;
}

.freighteye-seller-bg {
  background-image: url("../images/freighteye-seller.jpg");
  background-size: cover;
  margin-left: -1rem;
}

.form-contact-us {
  padding: 5em 10em 5em 5em;
}

.bg-zw-edi {
  background-image: url("../images/bg-ship.png");
  padding-bottom: 42.7604166667%;
  position: relative;
}

.bg-zw-coding {
  background-image: url("../images/zw-coding.jpg");
}

.zw-coding-bg {
  position: absolute;
  width: 50%;
  max-width: 620px;
  top: 30px;
  right: 0;
}

.zw-image-product {
  margin-top: -3em;
}

.zw-acc-border {
  background-color: #147ea5;
  border-radius: 1em;
  padding: 2em;
  height: 100%;
}
.zw-acc-border h3, .zw-acc-border p {
  color: #fff;
}

.zw-1-2 {
  margin-top: 2.5em;
}

.map-wrapper {
  min-height: 500px;
  margin-left: -1rem;
}

.quotation-wrapper {
  padding-left: 3rem;
}

@media only screen and (max-width: 768px) {
  .zw-coding-bg {
    position: initial;
    width: 100%;
    padding: 0 1em;
  }

  .detail-process .graphic-arrow-right,
.detail-process .graphic-arrow-left {
    display: none;
  }
  .detail-process .graphic-arrow-top.graphic-arrow-hidden {
    display: block;
  }
  .detail-process:first-child {
    border-right: none !important;
  }

  .process > .row:last-child .detail-process:first-child {
    border-bottom: 1px solid #147ea5;
  }

  .banner-image {
    position: initial;
    margin: 0 auto;
    width: 80%;
  }

  .text-banner {
    width: 100%;
  }

  .freighteye-buyer-bg {
    background-image: url("../images/freighteye-buyer.jpg");
    padding-bottom: 56.25%;
  }

  .freighteye-seller-bg {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .bg-cover-header {
    background-size: cover;
    padding-bottom: 75%;
  }

  .map-wrapper {
    margin-left: 0;
  }

  .form-contact-us {
    padding: 1em 0 0 0;
  }

  .quotation-wrapper {
    padding-left: 0;
  }

  .bg-zw-edi {
    padding-bottom: 0;
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
  }
}
/*# sourceMappingURL=style.css.map */