/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: black;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #125191;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /**************global section styling**************/
}

body h1, body h2, body h3, body h5, body h6 {
  font-family: "Raleway", sans-serif;
}

body a {
  font-family: "Montserrat", sans-serif;
}

body p, body span, body li, body .btn {
  font-family: "Roboto Condensed", sans-serif !important;
}

body .pallete-secondary {
  background-color: #192635;
}

body .pallete-primary {
  background-color: #43abdf;
}

body .pallete-light {
  background-color: #e6dddd;
}

body .pallete-orange {
  background-color: #f3c20e;
}

body .bg-black {
  background-color: #125191;
}

body main.content {
  /***********custom section styling ******************/
  /**********************about-page styling**********************/
  /******************** footer styling************/
}

body main.content header .details {
  position: fixed;
  width: 100%;
  top: 110px;
  z-index: 1000;
}

body main.content header .details p {
  font-size: 1rem;
  color: #112131;
}

body main.content header .details i {
  color: #125191;
}

body main.content header nav {
  position: fixed;
  top: 0 !important;
  width: 100vw;
  max-width: 100%;
  z-index: 100;
  background-color: #fff;
}

body main.content header nav img {
  width: 135px;
  padding-left: 10px;
}

body main.content header nav li.nav-item a.nav-link {
  color: #125191 !important;
  font-weight: bold;
  font-size: 0.85rem !important;
}

body main.content header nav li.nav-item a.nav-link.active {
  background-color: #125191;
  border-radius: 3px;
  color: #fff !important;
}

body main.content header nav li.nav-item a.nav-link {
  color: #43abdf;
  font-size: 0.9rem;
  cursor: pointer;
}

body main.content header nav li.nav-item a.nav-link:hover {
  color: #112131;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

body main.content header section.intro {
  min-height: 100vh;
  padding-top: 15vh;
}

body main.content header section.intro .back .carousel-control-next, body main.content header section.intro .back .carousel-control-prev {
  position: absolute;
  z-index: 10;
}

body main.content header section.intro .back .carousel-item .item1 {
  background-image: url(./images/caursol-2.jpg);
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center;
}

body main.content header section.intro .back .carousel-item .item2 {
  background-image: url(./images/truckandship.png);
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center;
}

body main.content header section.intro .back .carousel-item .item3 {
  background-image: url(./images/caursol-3.jpg);
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center;
}

body main.content header section.intro .back .carousel-item .item4 {
  background-image: url(./images/ocean_frieght.jpg);
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center;
}

body main.content .counter {
  height: 50vh;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 40, 40, 0.7)), to(rgba(2, 1, 1, 0.7))), url(./images/worldmap.jpg);
  background: linear-gradient(rgba(44, 40, 40, 0.7), rgba(2, 1, 1, 0.7)), url(./images/worldmap.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

body main.content .counter h4 {
  text-transform: capitalize;
}

body main.content .counter #counter {
  padding-left: 0;
  padding-top: 10vh;
  max-width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
}

body main.content .counter #counter i {
  color: #f3c20e;
}

body main.content .counter #counter li {
  list-style-type: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  font-size: 45px;
}

body main.content .counter #counter span.percent:after {
  content: " +";
  display: inline-block;
}

body main.content section#aboutus_section {
  min-height: 70vh;
}

body main.content section#aboutus_section .text-container {
  padding: 5vh;
}

body main.content section#aboutus_section .image-container {
  height: 80vh;
  background-image: url("./images/aboutus.jpg");
  background-size: contain;
}

body main.content section#aboutus_section h3 {
  color: #fff;
}

body main.content section#aboutus_section h3::after {
  content: '';
  padding-top: 1vh;
  border-bottom: 4px solid #f3c20e;
  width: 45px;
  display: block;
  margin: 0 auto;
}

body main.content section#aboutus_section p {
  font-size: 1.3rem;
  color: #112131;
  text-align: justify;
}

body main.content section#aboutus_section p b {
  color: #f3c20e;
}

body main.content section#aboutus_section p span {
  color: #f3c20e;
  font-weight: bold;
}

body main.content section#features_section p.header {
  font-size: 0.8rem;
}

body main.content section#features_section p.header::after {
  content: '';
  padding-top: 1vh;
  border-bottom: 4px solid #f3c20e;
  width: 45px;
  display: block;
  margin: 0 auto;
}

body main.content section#features_section .row .col-12 .card-container {
  margin: 5vh;
}

body main.content section#features_section .row .col-12 .card-container .icon {
  text-align: center;
}

body main.content section#features_section .row .col-12 .card-container .icon img {
  width: 80px;
  padding-bottom: 5vh;
}

body main.content section#features_section .row .col-12 .card-container p {
  font-size: 0.9rem;
}

body main.content section#features_section .row .col-12 i {
  text-align: right !important;
  font-size: 4rem;
  color: #f3c20e;
}

body main.content section.contactus {
  background-color: #112131;
  background-size: cover;
  width: 100%;
}

body main.content section.contactus .slogo img {
  max-width: 170px;
}

body main.content section.contactus .content h4, body main.content section.contactus .content p, body main.content section.contactus .content i {
  color: #f3c20e;
}

body main.content section.contactus .content i {
  font-size: 1.5rem;
}

body main.content section.contactus .content p {
  font-size: 1.1rem;
}

body main.content section#Industries_section p.header {
  font-size: 0.8rem;
  text-align: center;
}

body main.content section#Industries_section p.header::after {
  content: '';
  padding-top: 1vh;
  border-bottom: 4px solid #f3c20e;
  width: 45px;
  display: block;
  margin: 0 auto;
}

body main.content section#Industries_section .row .col-12:hover .rounded-circle {
  background: #43abdf;
}

body main.content section#Industries_section .row .col-12:hover .rounded-circle i {
  color: #fff;
  -webkit-transition: ease-in-out;
  transition: ease-in-out;
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
}

body main.content section#Industries_section .row .col-12 h4 {
  color: #125191;
}

body main.content section#Industries_section .row .col-12 p {
  text-align: left;
  font-size: 1.1em;
}

body main.content section#Industries_section .row .col-12 .rounded-circle {
  height: 130px;
  width: 130px;
  margin: auto;
  border: 4px solid #43abdf;
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
}

body main.content section#Industries_section .row .col-12 .rounded-circle i {
  color: #43abdf;
  font-size: 3rem;
  padding-top: 5vh;
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
}

body main.content section#services_section {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 40, 40, 0.5)), to(rgba(2, 1, 1, 0.5))), url(./images/classroom-dot-n2i6u5eomzlemlnpq980nk6dfrc6ayj4z0eqbycwp4.jpg);
  background: linear-gradient(rgba(44, 40, 40, 0.5), rgba(2, 1, 1, 0.5)), url(./images/classroom-dot-n2i6u5eomzlemlnpq980nk6dfrc6ayj4z0eqbycwp4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: top;
  min-height: 100vh;
}

body main.content section#services_section .services_value {
  padding-top: 20vh;
}

body main.content section#services_section h1 {
  font-size: 3.5rem;
  text-transform: uppercase;
  font-weight: bold;
}

body main.content section.our-location {
  min-height: 100vh;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 20, 20, 0.6)), to(rgba(14, 13, 13, 0.6))), url(./images/map.jpg) no-repeat;
  background: linear-gradient(rgba(20, 20, 20, 0.6), rgba(14, 13, 13, 0.6)), url(./images/map.jpg) no-repeat;
}

body main.content section.our-location h4 {
  color: #112131;
}

body main.content section.our-location h4::after {
  content: '';
  padding-top: 1vh;
  border-bottom: 4px solid #f3c20e;
  width: 45px;
  display: block;
  margin: 0 auto;
}

body main.content section#networks_section {
  min-height: 80vh;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.904)), to(rgba(255, 255, 255, 0.9))), url(./images/unnamed.png) no-repeat;
  background: linear-gradient(rgba(255, 255, 255, 0.904), rgba(255, 255, 255, 0.9)), url(./images/unnamed.png) no-repeat;
  background-size: contain;
  background-position: center;
}

body main.content section#networks_section h4 {
  text-align: center;
  color: #112131 !important;
}

body main.content section#networks_section h4::after {
  content: '';
  padding-top: 1vh;
  border-bottom: 4px solid #f3c20e;
  width: 45px;
  display: block;
  margin: 0 auto;
}

body main.content section#networks_section .network_items {
  margin-top: 10vh;
}

body main.content section#networks_section .network_items .cardd {
  width: 300px;
  margin: 8px auto;
  height: 200px;
  border: 1px solid #f3c20e;
  border-radius: 3px;
  background: #f3f3f3;
  padding-top: 5vh;
}

body main.content section#networks_section .network_items .cardd p {
  padding: 5vh;
  font-weight: bold;
}

body main.content section#clients {
  min-height: 80vh;
}

body main.content section#clients p {
  color: #112131;
}

body main.content section#clients p::after {
  content: '';
  padding-top: 1vh;
  border-bottom: 4px solid #f3c20e;
  width: 45px;
  display: block;
  margin: 0 auto;
}

body main.content section#clients #client-logos .item {
  margin: 3px;
}

body main.content section#clients .cover-wrapper {
  padding: 50px 75px;
}

body main.content section#clients .client-inners img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

body main.content section#clients .client-inners {
  border: 1px solid #b89858;
  height: 150px;
  text-align: center;
  padding: 8px;
}

body main.content section#clients .owl-nav img {
  width: 30px;
}

body main.content section#clients button.owl-prev {
  position: absolute;
  border-radius: 5px;
  left: -50px;
  top: 50%;
  margin-top: -20px;
  border: 1px solid #b89858;
  background: transparent;
}

body main.content section#clients button.owl-next {
  position: absolute;
  border-radius: 5px;
  right: -50px;
  top: 50%;
  margin-top: -20px;
  border: 1px solid #b89858;
  background: transparent;
}

body main.content section#clients .owl-dots {
  display: none;
}

body main.content .tracking-slogo {
  height: 70vh;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 8, 8, 0.5)), to(rgba(2, 1, 1, 0.5))), url(./images/tracking-cover.jpg);
  background: linear-gradient(rgba(8, 8, 8, 0.5), rgba(2, 1, 1, 0.5)), url(./images/tracking-cover.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  padding-top: 38vh;
}

body main.content .tracking-links {
  padding-top: 20vh;
}

body main.content .tracking-links a {
  font-size: 0.9rem;
  color: #125191;
  font-weight: bold;
}

body main.content section.about-page .about-slogo {
  height: 70vh;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 40, 40, 0.5)), to(rgba(2, 1, 1, 0.5))), url(./images/vanveenjf-frusd5obrha-unsplash.jpg);
  background: linear-gradient(rgba(44, 40, 40, 0.5), rgba(2, 1, 1, 0.5)), url(./images/vanveenjf-frusd5obrha-unsplash.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  padding-top: 38vh;
}

body main.content section.about-page .decleration p.header {
  font-size: 0.8rem;
  text-align: center;
}

body main.content section.about-page .decleration p.header::after {
  content: '';
  padding-top: 1vh;
  border-bottom: 4px solid #f3c20e;
  width: 45px;
  display: block;
  margin: 0 auto;
}

body main.content section.about-page .decleration p {
  font-size: 1.5rem;
}

body main.content section.about-page .gallery .image-sec {
  height: 100vh;
  background-image: url(./images/handshaking.jpeg);
  background-repeat: no-repeat;
  background-position: center;
}

body main.content section.about-page .gallery .image-sec2 {
  height: 100vh;
  background-image: url(./images/chart.jpeg);
  background-repeat: no-repeat;
  background-position: center;
}

body main.content section.about-page .gallery .image-sec3 {
  height: 100vh;
  background-image: url(./images/maninsuit.jpeg);
  background-repeat: no-repeat;
  background-position: center;
}

body main.content section.about-page .gallery .write-sec h4::before {
  content: '';
  margin-bottom: 1vh;
  border-bottom: 4px solid #f3c20e;
  width: 40px;
  display: block;
}

body main.content section.about-page .gallery .write-sec .text-container ul {
  padding-left: 0 !important;
}

body main.content section.about-page .gallery .write-sec .text-container ul li {
  font-size: 0.9rem;
  list-style-type: none;
  padding: 2vh 4vh;
}

body main.content section.about-page .gallery .write-sec .text-container ul li i {
  color: #f3c20e;
  font-size: 1.2rem;
}

body main.content section.services-page .services-slogo {
  height: 70vh;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 40, 40, 0.4)), to(rgba(2, 1, 1, 0.4))), url(./images/trucks.jpg);
  background: linear-gradient(rgba(44, 40, 40, 0.4), rgba(2, 1, 1, 0.4)), url(./images/trucks.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 35vh;
}

body main.content section.services-page .image-sec {
  height: 100vh;
  background-image: url(./images/shipinwater.jpeg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body main.content section.services-page .image-sec2 {
  height: 100vh;
  background-image: url(./images/wensh.jpeg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body main.content section.services-page .image-sec3 {
  height: 100vh;
  background-image: url(./images/helicopter.jpeg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body main.content section.services-page .image-sec4 {
  height: 100vh;
  background-image: url(./images/green-cargo-boat-beside-dock-2217513.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body main.content section.services-page .image-sec5 {
  height: 110vh;
  background-image: url(./images/airplane-wing-towards-clouds-731217.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body main.content section.services-page .text-sec h4::before {
  content: '';
  margin-bottom: 1vh;
  border-bottom: 4px solid #f3c20e;
  width: 45px;
  display: block;
}

body main.content section.services-page .text-sec .text-container {
  margin-left: 5vh;
}

body main.content section.services-page .text-sec .text-container ul {
  padding-left: 0 !important;
}

body main.content section.services-page .text-sec .text-container ul li {
  list-style-type: square;
  font-size: 0.9rem;
  list-style-type: none;
  padding: 1vh 4vh;
}

body main.content section.services-page .text-sec .text-container ul li p {
  text-align: justify;
  color: grey;
}

body main.content section.services-page .text-sec .text-container ul li i {
  color: #f3c20e;
  font-size: 1.2rem;
}

body main.content .footer {
  width: 100vw;
  max-width: 100%;
  overflow: hidden;
  min-height: 63vh;
  padding-top: 6vh;
  background: #192635;
  color: #fff;
}

body main.content .footer .i_containers i {
  padding: 10px;
  border-radius: 50%;
  background-color: #125191;
}

body main.content .footer .row h5 {
  color: #fff;
  font-weight: bold;
}

body main.content .footer .row h5::before {
  content: '';
  margin-bottom: 0.8vh;
  border-bottom: 4px solid #f3c20e;
  width: 45px;
  display: block;
  margin-left: 0 auto;
}

body main.content .footer .row p {
  margin-bottom: 2px !important;
  width: 80%;
}

body main.content .footer .row img {
  max-width: 100%;
}

body main.content .footer .row i {
  color: #f3c20e;
}

@media only screen and (max-width: 992px) {
  section#Industries_section h4 {
    text-align: center;
  }
  section#contacts_section .container .row .col-sm-12 {
    text-align: center !important;
  }
  section#contacts_section .container .row .col-sm-12 p {
    font-size: 1.1rem !important;
  }
  section#services_section h1 {
    font-size: 2.7rem !important;
    text-align: center;
  }
  .footer .my_container {
    width: 100% !important;
    margin: auto;
  }
  .footer .row .col-12 {
    text-align: center !important;
  }
  .tracking-slogo h1, .about-slogo h1, .services-slogo h1 {
    font-size: 2rem !important;
  }
  .footer {
    width: 100vw;
    max-width: 100%;
    overflow: hidden;
    min-height: 63vh;
    padding-top: 6vh;
    background: #192635;
    color: #fff;
  }
  .footer .i_containers i {
    padding: 10px;
    border-radius: 50%;
    background-color: #125191;
  }
  .footer .row p {
    width: 95% !important;
  }
  .footer .row h5 {
    color: #fff;
    font-weight: bold;
  }
  .footer .row h5::before {
    display: none !important;
  }
  section#features_section p, section#features_section h4 {
    text-align: center;
  }
  section#features_section .row .col-12 .card-container {
    margin: 5vh;
  }
  section#features_section .row .col-12 .card-container .icon {
    text-align: center;
  }
  section#features_section .row .col-12 .card-container .icon img {
    width: 80px;
    padding-bottom: 5vh;
  }
  section#features_section .row .col-12 .card-container p {
    font-size: 0.9rem;
  }
  section#features_section .row .col-12 i {
    text-align: right !important;
    font-size: 4rem;
    color: #f3c20e;
  }
}
/*# sourceMappingURL=style.css.map */