body {
  font-family: 'Roboto', sans-serif;
  color: #222;
  padding: 0 !important; }

body a {
  color: #336699; }

header {
  background: url(../images/home/cover.jpg) no-repeat center center;
  background-size: cover;
  min-height: 80vh; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.nav-main {
  padding: 10px 50px !important;
  box-shadow: none;
  transition: all 200ms linear 0s; }

.nav-main .right-nav a {
  color: #fff; }

.nav-main.is-scrolling {
  background: #fff !important;
  box-shadow: 0 2px 42px rgba(0, 0, 0, 0.1);
  padding: 10px 50px !important; }

.nav-main.is-scrolling .right-nav a {
  color: #8f969d; }

.navbar-toggler {
  float: right;
  margin-top: 10px;
  font-size: 30px;
  color: #fff; }

.nav-main.is-scrolling .navbar-toggler {
  color: #374048; }

.logo-dark {
  display: none;
  margin-left: 15px; }

.right-nav {
  float: right;
  margin-top: 15px;
  font-weight: 500; }

.right-nav a {
  padding: 0 15px; }

.nav-main .right-nav .signin-btn {
  background: rgba(0, 0, 0, 0.2);
  color: #fff !important;
  border-radius: 30px;
  padding: 5px 20px;
  cursor: pointer;
  transition: all 300ms linear 0s; }

.nav-main .right-nav .signin-btn:hover {
  background: #336699 !important; }

.nav-main.is-scrolling .right-nav a.active {
  color: #0275d8; }

.messages {
  height: 80vh;
  width: 100%;
  display: table;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 40px; }

.messages ul {
  display: table-cell;
  vertical-align: middle;
  list-style: none;
  padding: 0; }

.messages ul li {
  display: none; }

#signin {
  position: absolute;
  bottom: 6%;
  border: none;
  padding: 30px;
  background: #f6f8fa;
  border-radius: 0px;
  box-shadow: 0 2px 2px 0 rgba(161, 170, 180, 0.05), 0 5px 30px 0 rgba(161, 170, 180, 0.35);
  transition: all 200ms ease-in-out; }

#signin:hover {
  box-shadow: 0 15px 12px 0 rgba(161, 170, 180, 0.05), 0 19px 38px 0 rgba(161, 170, 180, 0.35); }

#signin .card-title {
  font-weight: 400;
  font-size: 1.6em; }

#signin form {
  position: relative;
  margin: 20px auto 10px auto; }

#signin .signupAction, #signin .forgotAction {
  cursor: pointer; }

#loginForm form input {
  border-radius: 0px;
  border-right: 0; }

#signin form .btn {
  background: #336699;
  border-color: #336699;
  color: #fff;
  border-radius: 0px; }

#signin .resetActions {
  position: absolute;
  top: 5px;
  left: 2%;
  width: 96%;
  color: #c3cbd1;
  display: none; }

#signin .signinAction, #signin .resetAction {
  cursor: pointer; }

#signin .resetAction {
  right: 0;
  position: absolute; }

#signin .signinAction:hover, #signin .resetAction:hover {
  color: #737c85; }

#signin .signinAction:hover path {
  fill: #737c85; }

#loginForm input {
  width: 50%; }

#loginCaptcha, #forgotCaptcha {
  margin: 10px auto; }

#signup, #signup .verify-otp-form, #signup .user-details-form, #forgot, #forgot .forgot-verify-otp-form, #forgot .forgot-form {
  display: none; }

#signup .user-details-form input, #signup .user-details-form select, #forgot .forgot-form input {
  margin: 10px 0; }

section {
  color: #969da3;
  padding: 100px 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: 0.1px; }

section h2 {
  text-align: center;
  color: #374048;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 25px; }

section > h4 {
  font-weight: 300;
  text-align: center; }

section > h4::after {
  background: #eee;
  content: '';
  width: 82px;
  height: 6px;
  display: block;
  margin: 30px auto 50px auto; }

#about {
  margin-top: 70px; }

#works {
  background: #f8fbfd; }

.work-process {
  text-align: center; }

.work-process img {
  width: 80%;
  margin: 20px auto; }

.work-process h3 {
  color: #374048;
  font-size: 26px;
  font-weight: 500; }

.work-process p {
  font-size: 16px;
  line-height: 28px;
  color: #737c85; }

.work-process + .work-process:before {
  content: '';
  width: 30px;
  height: 63px;
  float: left;
  margin-left: -30px;
  margin-top: 70px;
  display: block;
  background: url(../images/home/right-angle.png) no-repeat scroll center 32px; }

#services {
  background: url(../images/home/services.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 50%; }

#services h2 {
  color: #fff; }

.services {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  text-align: center;
  color: #f1f1f1;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  transition: all 300ms linear 0s; }

.services:hover {
  background: rgba(0, 0, 0, 0.6); }

.services p {
  font-size: 16px;
  line-height: 28px;
  color: #f8f8f8; }

#benefits {
  padding-bottom: 0; }

#benefits .row {
  margin: 0;
  position: relative; }

#benefits .img-mr, #benefits .img-tr {
  position: initial; }

#benefits .img-mr::before {
  content: '';
  height: 100%;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/home/manufacturer.jpg) no-repeat center center;
  background-size: cover; }

#benefits .img-tr::before {
  content: '';
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/home/transporter.jpg) no-repeat center center;
  background-size: cover; }

#benefits .container {
  padding: 30px; }

#benefits h3 {
  color: #374048;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  text-align: center; }

#benefits svg {
  width: 30px;
  height: 30px;
  margin: 3px 10px 0 10px; }

#benefits .content {
  margin: 25px 0; }

#benefits .content > div {
  display: table-cell;
  vertical-align: top; }

#benefits .content h4 {
  color: #737c85; }

#benefits .content p {
  color: #82898f;
  font-size: 14px;
  line-height: 20px; }

#reviews {
  background: #f8fbfd;
  text-align: center; }

#reviews .row {
  margin: 0; }

#reviews .reviews .carousel {
  width: 90%;
  margin: auto; }

#reviews .reviews .carousel-control {
  background: transparent !important;
  color: #374048;
  width: 0; }

#reviews .reviews .carousel-control .icon-next, #reviews .reviews .carousel-control .icon-prev {
  font-size: 50px; }

#reviews .reviews .carousel-item > div::before {
  content: '';
  background: url("../images/home/quote.png");
  width: 43px;
  height: 35px;
  display: block;
  margin: auto auto 20px; }

#reviews .featured-h2 {
  font-size: 30px;
  margin-top: 50px;
  margin-bottom: 30px; }

#reviews .featured > div {
  height: 60px;
  margin: 10px 0; }

#reviews .featured > div img {
  width: 80%; }

#team .card {
  text-align: center; }

#team .card-block {
  padding: 10px 0;
  position: relative; }

#team .card img {
  width: 100%; }

#team .card-title {
  color: #374048;
  font-size: 20px;
  margin-bottom: 0px; }

#team .card p {
  margin: 0;
  color: #82898f;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 20px; }

#team .card-block a {
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

#team .partner {
  text-align: center;
  margin-top: 50px; }

#team .partner img {
  width: 330px;
  border-radius: .25rem;
  margin-top: 10px;
  box-shadow: 2px 3px 10px #c5c5c5; }

#contact {
  background: url(../images/home/map.png) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 50%; }

.contact {
  position: relative;
  padding: 0; }

.contact .front, .contact .back {
  background: #fff;
  padding: 35px 40px;
  box-shadow: 5px 5px 20px #e4e4e4; }

.contact h2 {
  font-size: 27px;
  text-align: left; }

.contact .front > div {
  padding-left: 30px;
  margin: 15px 0;
  color: #737c85;
  font-size: 16px;
  position: relative; }

.contact svg {
  width: 20px;
  height: 20px;
  margin-left: -30px;
  position: absolute;
  top: 5px; }

.contact .front button, .contact .back button {
  position: relative;
  background: #336699;
  color: #fff;
  border: none;
  border-radius: 0px;
  width: 100%;
  padding: 20px 0;
  right: 0; }

.contact .flip-btn {
  position: absolute;
  right: 10px;
  top: 0;
  color: #c0cad0;
  text-decoration: none;
  cursor: pointer; }

.contact .front {
  z-index: 900;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

.contact .back {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

.contact.flip .front {
  z-index: 900;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg); }

.contact.flip .back {
  z-index: 1000;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg); }

#footer {
  background: #f8fbfd;
  text-align: center;
  padding: 40px 0 30px 0; }

#footer .social {
  border-bottom: 1px solid #e9eef2;
  padding-bottom: 20px; }

#footer .social ul, #footer .links ul {
  list-style: none;
  padding: 0; }

#footer .social li {
  list-style: none;
  display: inline;
  margin: 0 30px; }

#footer .social svg {
  width: 48px;
  height: 48px;
  cursor: pointer; }

#footer .social svg path {
  transition: all 300ms linear 0s; }

#footer .social svg:hover path {
  fill: #0275d8; }

#footer .social a {
  text-decoration: none; }

#footer .links {
  margin-top: 35px; }

#footer .links li {
  display: inline;
  font-size: 15px;
  font-weight: normal;
  position: relative; }

#footer .links li a {
  color: #9ec0e2;
  transition: all 300ms linear 0s;
  text-decoration: none; }

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

#footer .links li + li {
  margin-left: 30px; }

#footer .links li + li:before {
  content: '.';
  color: #d5d7da;
  font-weight: 700;
  font-size: 25px;
  position: absolute;
  top: -12px;
  left: -20px; }

#footer .copyright {
  color: #c3cbd1;
  font-size: 15px;
  font-weight: normal;
  margin: 0; }

#toast {
  width: 350px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  position: fixed;
  bottom: 10px;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(161, 170, 180, 0.05), 0 5px 30px 0 rgba(161, 170, 180, 0.35);
  display: none; }

@media screen and (max-width: 1000px) {
  .right-nav a {
    padding: 0 5px; }

  .nav-main, .nav-main.is-scrolling {
    padding: 10px !important; } }
@media screen and (max-width: 992px) {
  #team .card {
    margin-bottom: 30px; } }
@media screen and (max-width: 768px) {
  .right-nav {
    float: none;
    background: rgba(0, 0, 0, 0.55);
    padding: 10px; }

  .is-scrolling .right-nav {
    background: #fff; }

  .right-nav a {
    display: block;
    margin: 5px auto; }

  .right-nav .signin-btn {
    display: inline-block; }

  .messages {
    font-size: 26px; }

  section {
    padding: 50px 0; }

  .work-process img {
    width: 50%; }

  .work-process + .work-process:before {
    float: none;
    margin: 0 auto;
    transform: rotate(90deg); } }
@media screen and (max-width: 544px) {
  #login .input-group {
    display: block; }

  .messages {
    font-size: 20px;
    margin-top: -50px; }

  .nav-main, .nav-main.is-scrolling {
    padding: 5px !important; }

  .logo-dark {
    width: 140px;
    margin-left: .75rem; }

  .logo-light {
    width: 75px; }

  .nav-main.is-scrolling .navbar-toggler {
    margin-top: 0px; }

  #signin {
    left: 2.5%;
    bottom: 0;
    width: 95%;
    padding: 15px; }

  #signin .card-title {
    font-size: 1.2em;
    margin-top: 5px; }

  #signin .resetActions {
    font-size: 14px; }

  #signin .input-group {
    display: block; }

  #signin form input {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    font-size: 1rem;
    padding: 10px; }

  #signin form .btn {
    width: 100%;
    padding: 10px; }

  #signin .signin-info {
    text-align: center;
    font-size: 14px; }

  #signin .signin-info .pull-sm-right {
    display: block; }

  .work-process img {
    width: 60%; }

  section h2 {
    font-size: 30px;
    margin-bottom: 15px; }

  section > h4 {
    font-size: 16px;
    line-height: 24px; }

  #about {
    margin-top: 160px; }

  #about p {
    font-size: 16px;
    line-height: 24px; }

  .services h3 {
    font-size: 24px; }

  .work-process h3 {
    font-size: 20px; }

  .work-process p, .services p {
    line-height: 24px; }

  #benefits .content {
    display: table;
    padding: 0; }

  #benefits h3 {
    margin-bottom: 30px; }

  #benefits .content h4 {
    font-size: 20px; }

  #benefits svg {
    margin: 3px 10px 0 -15px; }

  .contact .front > div {
    line-height: 24px; }

  #footer {
    padding: 20px 0; }

  #footer .social li {
    margin: 0 5px; } }
@media screen and (max-width: 350px) {
  .messages {
    display: none; }

  #about {
    margin-top: 100px; }

  #team .partner img {
    width: 80%; } }
@media screen and (max-height: 450px) {
  header {
    height: 100vh; }

  .navbar {
    position: relative; }

  .messages {
    display: none; }

  #signin {
    position: relative;
    margin-top: 50px; } }
/* terms-of-use & privacy-policy */
.static-page header {
  min-height: inherit; }

.static-page .nav-main {
  background: #336699; }

.static-page .right-nav {
  margin-top: 30px; }

.static-page .nav-main.is-scrolling .right-nav {
  margin-top: 15px; }

.static-page section {
  margin-top: 80px;
  color: #6f6f6f;
  font-weight: 400;
  text-align: justify; }

.static-page h2::after {
  background: #eee;
  content: '';
  width: 82px;
  height: 6px;
  display: block;
  margin: 30px auto 50px auto; }

.static-page .is-scrolling .right-nav {
  background: transparent; }

@media screen and (max-width: 767px) {
  .static-page .right-nav {
    background: rgba(0, 0, 0, 0.1); } }
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

/*# sourceMappingURL=home.css.map */