@import url(https://fonts.googleapis.com/css?family=Rubik&display=swap);#multi-marker-map {
  min-height: 75vh;
}

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

.padding-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.padding-bottom-70 {
  padding-bottom: 70px;
}

.padding-top-85 {
  padding-top: 85px;
}

.bg-gray {
  background-color: lightgray;
}

.text-black {
  color: black !important;
}

.text-brown {
  color: brown !important;
}

.fixed-top.scrolled {
  box-shadow: 0 0 2px black;
}

li.dropdown:hover > .dropdown-menu {
  display: block;
}

.nav-text-dark {
  color: black !important;
}

.navbar-bg-white {
  background-color: white !important;
}

.logo-sizing {
  height: 60px;
}

.nav-hover:hover {
  -webkit-transition: 0.3s all ease 0s;
  transition: 0.3s all ease 0s;
  text-decoration: none;
  color: brown !important;
}

.footer {
  min-height: 50vh;
  background-color: #0b0a07;
}

.footer-logo-sizing {
  height: 60px;
}

.slider-item {
  margin-top: 85px;
}

.android-download,
.ios-download {
  background-color: #0f0f0f;
}

.android-download *,
.ios-download * {
  color: white;
}

@media (min-width: 991px) {
  .item-1 {
    background-image: url(/images/driver-img.jpg?04bae16da893522dea151bc34cefad9a);
    background-repeat: no-repeat;
    background-position: center;
  }

  .item-2 {
    background-image: url(/images/shipper-img.jpg?82b72c7e743dcf091ecce5d960bbd440);
    background-repeat: no-repeat;
    background-position: center;
  }

  .main-text {
    padding-top: 150px;
    padding-bottom: 30px;
  }

  .main-text-box {
    padding-left: 50px;
  }

  .main-slider-links-box {
    width: 350px;
  }

  .driver-page-row {
    background-image: url(/images/driver-img.jpg?04bae16da893522dea151bc34cefad9a);
    background-position: center;
    background-size: cover;
    min-height: 70vh;
    margin-top: 80px;
  }

  .shipper-page-row {
    background-image: url(/images/shipper-img.jpg?82b72c7e743dcf091ecce5d960bbd440);
    background-position: center;
    background-size: cover;
    min-height: 70vh;
    margin-top: 80px;
  }
}

@media (max-width: 992px) {
  .item-1 {
    background-image: url(/images/driver-img-mobile.jpg?6924eedf6db1c1fe12cf15bcd4282a81);
    background-repeat: no-repeat;
  }

  .item-2 {
    background-image: url(/images/shipper-img-mobile.jpg?68496a968c64449cf62e8e8e812ced84);
    background-repeat: no-repeat;
  }

  .main-text {
    font-size: 19px;
  }

  .main-text-box {
    padding-left: 20px;
    padding-top: 10px;
  }

  .main-slider-links-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .googleplay-link,
  .appstore-link {
    height: 30px;
    width: 100px !important;
  }

  .googleplay-link {
    margin-bottom: 10px;
  }

  .driver-page-row {
    background-image: url(/images/driver-img-mobile.jpg?6924eedf6db1c1fe12cf15bcd4282a81);
    background-size: contain;
    min-height: 25vh;
    margin-top: 80px;
  }

  .shipper-page-row {
    background-image: url(/images/shipper-img-mobile.jpg?68496a968c64449cf62e8e8e812ced84);
    background-size: contain;
    min-height: 25vh;
    margin-top: 60px;
  }
}

.card-shadow {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.what-our-customers-says {
  min-height: 80vh;
}

.customer-says-cards,
.team-cards {
  min-height: 350px;
}

.slider-icons {
  height: 50px;
}

#wgd-arrow:hover,
#wgd-truck:hover,
#wgd-route:hover,
#wgd-social:hover,
#wgd-gas:hover {
  -webkit-transition: 0.3s all ease 0s;
  transition: 0.3s all ease 0s;
  color: brown;
}

#wgp-arrow:hover,
#wgp-truck:hover,
#wgp-mobile:hover,
#wgp-gps:hover {
  -webkit-transition: 0.3s all ease 0s;
  transition: 0.3s all ease 0s;
  color: brown;
}

.contact-us {
  min-height: 100vh;
}

.submit-button {
  background: brown;
  color: white;
  border-radius: 2px !important;
}

.submit-button:hover {
  -webkit-transition: 0.3s all ease 0s;
  transition: 0.3s all ease 0s;
  background: transparent;
  color: brown;
  border: solid 1px brown;
}

.contact-forms {
  border-radius: 2px !important;
  padding-top: 20px;
  padding-bottom: 20px;
}

.contact-forms:focus {
  -webkit-transition: 0.3s all ease 0s;
  transition: 0.3s all ease 0s;
  box-shadow: 0 0 0 0.2rem rgba(165, 42, 42, 0.25) !important;
  border-color: brown;
}

.input-group-text {
  background: transparent !important;
  color: brown !important;
}

@media (min-width: 991px) {
  .img-inner {
    padding: 50px;
  }

  .slider-item {
    min-height: 70vh;
  }

  .item-1,
  .item-2 {
    background-size: cover;
  }
}

@media (max-width: 992px) {
  .slider-item {
    min-height: 30vh;
  }

  .item-1,
  .item-2 {
    background-size: contain;
  }
}

@media (max-width: 768px) {
  .mobile-view-padding-top {
    padding-top: 20px;
  }

  .mobile-view-padding-bottom {
    padding-bottom: 20px;
  }

  .mobile-view-padding-top-50 {
    padding-top: 50px;
  }

  .mobile-view-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }

  .mobile-view-centering {
    text-align: center;
  }

  .moving-icons-to-middle {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }

  .why-gonlolo-driver-buttons-box,
  .why-gonlolo-shipper-buttons-box {
    text-align: center;
  }

  .why-gonlolo-driver-buttons-box ul > li,
  .why-gonlolo-shipper-buttons-box ul > li {
    font-size: smaller;
  }

  .team-cards,
  .customer-says-cards {
    margin-left: 30px;
    margin-right: 30px;
  }

  .logo-sizing {
    height: 30px;
  }

  .footer-link-box {
    padding: 100px !important;
  }
}