html:not(.x-viewport) body.x-desktop {
  overflow: hidden !important;
}

body.landing {
  font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

body.landing.x-modern {
  overflow: auto !important;
}

body.landing.x-modern > .x-container {
  display: none;
}

.hero-body .card {
  max-width: 480px;
  margin: 0 auto;
}

.hero.branding {
  background-size: cover;
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1280" height="720" viewBox="0 0 1280 720"%3E%3Cfilter id="blur" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeGaussianBlur stdDeviation="20 20" edgeMode="duplicate" /%3E%3CfeComponentTransfer%3E%3CfeFuncA type="discrete" tableValues="1 1" /%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cimage filter="url(%23blur)" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAASACADAREAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAABQcDBggE/8QAKRAAAQMDBAEDBAMAAAAAAAAAAQIDBAUGEQAHEiExCBNhFTJRsSJBof/EABoBAAIDAQEAAAAAAAAAAAAAAAUGAQMHAgT/xAAuEQABAwMCBAUDBQEAAAAAAAABAgMRAAQhBTESEyJBBgdRYXEykbEUFSTB0fH/2gAMAwEAAhEDEQA/AOmBvtZtYdl3DSp0eMSHFuxXm1uB9SlAji4WwEgDlgk5P7R7TSxqLD6LxJC1kwoH6NzIyTJVAII+mfWiOqm6tLy1esFgttkFaCMuAkBSTMCA3xFJkdfDOBQSp7/2BuBEi0WDMfcRBmtSZD7cZTQSAhQKP5dgEjo/5qnTbG804KbUjJB3IMnAo/eu2dy5xtL6AcYyEyYn3ikXvbufvlujcMq3ZN7TolvCS5Hbp9NQIkdxlIylRSlXN8lGDlxZz8eNEmEWmmoK1JHGBuf+Y+1Sm1f1JxKWieFRjt/ufvSgiWzU7QrU6lTJCZLL0QOtSEg8V4cSDjPYI8EadvDF2i6LikiOn+xWe+PrBdg20heevB9ek0+Nv7KmSLwrts2FtpAuX6ZiMuRKisuqU9k8kJZccHNPEgngoLAPf9aRnNWtWrK3XdvcpboSrad85xgdpMU6CyeW+8u3a4m2yRvtHpnfvU9M9PO7lRcqyX7Gp1tR5zpkxGHmJUTIbUpBQj3xkjksjvJBHnGDrp+6tGOE84uLA7RmSM4gD4FRaoee4hywlM75xjb1oPeFkVvbeFSI92wA3KktPPBKcOezxdUjspJGCnBBz4V+deNTwuVlxk4xvTDYlLbXKd3FVu4HWJdppfZbKvbeSgOYz92T5+fOmfwa4n9xeQcEomPYKSKT/MxlR0hh3cc2JjuUKNaZ2xgwaf6g6cIENiMJNPkuvBlsI9xZKsqVjyfk6xA3DruiqLiiYUAJJMCBgeg9q0pTTbbighIEiTA7zvT89Qzi2aFY7zK1IcNbea5pOFcCx2nP46HXwNH9GUTpgJOZpfUB+pI9qrQaaduB1DrSFpNPaBCkggj3HdXXCjyjnsr8VewBzU/I/NYw3KZaatBxDbSEJ+rvdJSAPvcH6A0weWa1Oay6VmTyE7/LdcecaEt+GLUIEfyFbfDlf//Z" x="0" y="0" height="100%25" width="100%25"/%3E%3C/svg%3E');
  min-height: 100vh;
}

.hero.branding.loaded {
  background-image: url('../images/background.jpg');
}

.navbar.is-dark.translucent {
  background-color: #363636cc;
}

.x-ie11 .navbar img[src$=".svg"] {
  width: 100%;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

.ph-item.transparent {
  background-color: transparent;
  border: none;
}

.ph-item.no-padding {
  padding: 0 0 0 0;
}

.ph-item.no-padding > * {
  padding-right: 0;
  padding-left: 0;
}

.ph-item.no-margin,
.ph-row.no-margin,
.ph-row.no-margin .big,
.ph-row.no-margin.big div {
  margin-bottom: 0;
}

.ph-row .bigger,
.ph-row.bigger div {
  height: 40px;
}

@media screen and (max-width: 640px) {
  html {
    font-size: 100%;
  }
}

@media screen and (max-width: 768px) {
  .ph-col-sm-0 {
    flex: 0 0 0 !important;
  }

  .ph-col-sm-2 {
    flex: 0 0 16.66667% !important;
  }

  .ph-col-sm-4 {
    flex: 0 0 33.33333% !important;
  }

  .ph-col-sm-6 {
    flex: 0 0 50% !important;
  }

  .ph-col-sm-8 {
    flex: 0 0 66.66667% !important;
  }

  .ph-col-sm-10 {
    flex: 0 0 83.33333% !important;
  }

  .ph-col-sm-12 {
    flex: 0 0 100% !important;
  }
}

@media screen and (min-width:769px), print {
  .ph-col-0 {
    flex: 0 0 0 !important;
  }
}

.box.cta {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

.features {
  padding: 5rem 0;
}

.card-image > .fa {
  font-size: 6rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}