body {
  font-family: Lato, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
  font-size: 1.2em;
  line-height: 1.4em;
}

.navbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.topbar {
  background-color: #e7e7e7;
}

.contactinfo {
  padding-top: 8px;
  padding-bottom: 8px;
  float: right;
  font-size: 0.8em;
  line-height: 1em;
  text-transform: uppercase;
}

.hero {
  position: relative;
  overflow: hidden;
  height: 450px;
  padding-top: 96px;
}

.navlink {
  padding-top: 33px;
  padding-bottom: 33px;
  font-size: 1.1em;
}

.brand {
  padding-top: 10px;
  padding-bottom: 10px;
}

.whitecard {
  padding: 1px 20px 25px 25px;
  background-color: #fff;
  box-shadow: -4px 4px 35px 0 #000;
  -webkit-perspective: 1001px;
  perspective: 1001px;
  -webkit-transform: perspective(892px) rotateX(0deg) rotateY(15deg) rotateZ(0deg);
  transform: perspective(892px) rotateX(0deg) rotateY(15deg) rotateZ(0deg);
  -webkit-transform-origin: 50% 50% 0px;
  -ms-transform-origin: 50% 50% 0px;
  transform-origin: 50% 50% 0px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.herobg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  background-image: url('../images/EMT-Paramedic.jpg');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-filter: blur(6px) grayscale(80%);
  filter: blur(6px) grayscale(80%);
}

.rightheroimage {
  position: relative;
  top: -25px;
  height: 300px;
  background-image: url('../images/EMT-Paramedic.jpg');
  background-position: 50% 50%;
  background-size: 512px;
  box-shadow: 8px 8px 28px 0 rgba(0, 0, 0, 0.8);
  -webkit-transform: perspective(1001px) rotateX(0deg) rotateY(-7deg) rotateZ(0deg);
  transform: perspective(1001px) rotateX(0deg) rotateY(-7deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.navaction {
  position: relative;
  top: 23px;
  border: 2px solid #d0021e;
  border-radius: 5px;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  color: #d0021e;
}

.navaction:hover {
  background-color: #d0021e;
  color: #fff;
}

.section {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.graybg {
  background-color: #f1f1f1;
}

.section.graybg.centered {
  text-align: center;
}

.section.centered {
  text-align: center;
}

.section.centered.blue {
  padding-bottom: 90px;
  background-color: #4c64e9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(76, 100, 233, 0.98)), to(rgba(76, 100, 233, 0.98))), url('../images/MCT-Express-Inc-Logo.jpg');
  background-image: linear-gradient(180deg, rgba(76, 100, 233, 0.98), rgba(76, 100, 233, 0.98)), url('../images/MCT-Express-Inc-Logo.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  color: #f1f1f1;
}

.section.centered.testimonials {
  display: none;
}

.section.footer {
  background-color: #0e1438;
  color: #f0f0f0;
}

.aboutwrapper {
  padding-top: 65px;
}

.list {
  padding-left: 0px;
}

.servicewrapper {
  display: inline-block;
  width: 33%;
  padding: 10px;
}

.servicecard {
  padding: 10px 20px 20px;
  border-style: solid;
  border-width: 1px 1px 2px;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.button {
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 4px;
  background-color: #3898ec;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.button:hover {
  background-color: #2581d3;
}

.inputfield {
  border-radius: 4px;
}

.contactwrapper {
  padding-top: 10px;
}

.underline {
  padding-bottom: 5px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.footerlink {
  display: block;
  color: #f1f1f1;
  text-decoration: none;
}

.footerlink:hover {
  text-decoration: underline;
}

.copybar {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-top: 2px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #5f6797;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
}

.tilt {
  box-shadow: 6px 6px 30px 0 rgba(0, 0, 0, 0.31);
  -webkit-transform: perspective(1044px) rotateX(0deg) rotateY(-10deg) rotateZ(0deg);
  transform: perspective(1044px) rotateX(0deg) rotateY(-10deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.lightunderline {
  padding-bottom: 5px;
  border-bottom: 2px solid hsla(0, 0%, 100%, 0.12);
}

.slider {
  background-color: transparent;
}

.leftarrow {
  color: #a0a0a0;
}

.rightarrow {
  color: #a0a0a0;
}

.slide {
  padding: 65px 100px 0px;
  text-align: center;
}

.bigcta {
  margin-bottom: 10px;
  padding: 12px 24px 14px;
  border-radius: 5px;
  background-color: #ff5930;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 1.2em;
  line-height: 1.4em;
}

.bigcta:hover {
  background-color: #e04c27;
}

.ctaheader {
  margin-bottom: 27px;
}

.hiringlink {
  color: #f1f1f1;
  font-size: 1em;
  line-height: 1.2em;
  text-decoration: none;
}

.hiringlink:hover {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .hero {
    padding-top: 80px;
  }
  .whitecard {
    position: relative;
    -webkit-transform: perspective(892px) rotate(0deg);
    transform: perspective(892px) rotate(0deg);
  }
  .rightheroimage {
    top: 0px;
    height: 297px;
    -webkit-transform: perspective(1001px) rotate(0deg);
    transform: perspective(1001px) rotate(0deg);
  }
  .menubtn {
    padding: 30px;
  }
  .servicewrapper {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .contactinfo {
    padding-right: 15px;
  }
  .hero {
    height: 250px;
    padding-top: 8px;
  }
  .section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section.graybg.centered {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .aboutwrapper {
    padding-top: 0px;
  }
  .underline {
    padding-left: 5px;
  }
}

@media (max-width: 479px) {
  .navbar {
    border-bottom-style: none;
  }
  .contactinfo {
    float: none;
    text-align: center;
  }
  .hero {
    height: 374px;
    padding-top: 9px;
  }
  .navlink {
    color: #fff;
  }
  .brand {
    padding-bottom: 9px;
  }
  .whitecard {
    padding-bottom: 20px;
    padding-left: 20px;
  }
  .menubtn.w--open {
    background-color: #2236a6;
  }
  .navmenu {
    background-color: #2236a6;
    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.8);
  }
  .section.centered {
    text-align: center;
  }
  .section.footer.centered {
    text-align: center;
  }
  .servicewrapper {
    width: 100%;
  }
  .copybar {
    height: auto;
    padding: 4px;
  }
}