@import url('https://fonts.googleapis.com/css?family=Abel|Public Sans:ital,wght@0,100..900;1,100..900&display=swap');
a { color: #EB3300; }
a.btn { text-decoration: none; }
a:hover { color: #900; text-decoration: underline; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 100; }
h4 a, h2 a, h1 a, a h2, h5 a { text-decoration: underline; }
h4 a.btn-link { color: #000; text-decoration: underline; font-weight: 300; }
h4 a.btn-link:hover { color: #666; text-decoration: underline; }
section:not(#partnerlist) .card {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: linear-gradient(180deg, #EEE 0%, #F2F2F2 100%);
  box-shadow: -5px 5px 10px 0px rgba(0, 0, 0, 0.10);
}
.account h1 { font-weight: 300; color: #000; }
.account h2 { font-size: 2.5rem; display: inline-block; padding: 0px 20px 4px; font-weight: 300; color: #000; }
.account h5 { font-size: 1rem; display: block; padding: 0px 20px 6px; }
.account { min-height: 70vh; }
#hero p { font-size: 1.25rem; line-height: 1.75rem; }
#hero h1 { font-size: 5rem; line-height: 1em; font-weight: 100; text-wrap: balance; }
#hero h2 { font-size: 1.5rem; }
#hero h3 { font-size: 2rem; font-weight: 100; text-wrap: balance; }
#hero.home h3 { color: #F38466; }
#hero h5 { font-size: 1rem; }
.footer h4 a { font-size: 0.9em; }
.mai-top-header .navbar-brand { background-size: 120px; display: block !important; }
.mai-top-header.color { background-color: #EB3300; }
.mai-sub-header .navbar-toggler { background-color: #EB3300; }
.dropdown-menu.color { background-color: #EB3300 !important; }
.dropdown-menu.color .dropdown-item { color: #FFF !important; font-family: 'Public Sans', sans-serif !important; font-weight: 100; }
.dropdown-menu.color .dropdown-item:hover { background-color: #666 !important; }
.container-fluid { text-align: center; color: #FFFFFF; }
.mai-top-header .container { padding-left: 15px; padding-right: 15px; }
.navbar-brand, .mai-user-nav { flex: 0 0 auto !important; }
.mai-top-header .navbar-nav > .nav-item > .nav-link { font-family: inherit; color: rgba(255,255,255,0.9); font-size: 1.2em; text-decoration: underline; }
.mai-top-header .navbar-nav > .nav-item > .nav-link.active { font-family: inherit; color: rgba(255,255,255,1); text-decoration: none; }
.navbar { font-family: Abel, helvetica, sans-serif; }
.account .btn-danger { font-family: Abel, helvetica, sans-serif; }
.aside-nav a { text-decoration: none; }
.btn { font-size: 16px; }
.cookie-consent { display: none; z-index: 999; position: fixed; bottom: 0; right: 0; margin: 5px; padding: 1em; border: 1px solid #666; color: #888; width: 200px; }
.cookie-consent .btn { font-family: "Abel", sans-serif; }
.cookie-consent a { color: #888; text-decoration: underline; }
#hero .btn { font-size: 18px; }
nav .btn-secondary { background-color: transparent; color: #FFF; }
#hero .btn-secondary { color: #FFF; background-color: rgba(0,0,0,.5); transition: background-color 0.5s ease; border-color: rgba(0,0,0,.75); }
#hero .btn-secondary:hover { background-color: rgba(0,0,0,.75); }
.public .module .btn { font-family: 'Public Sans', sans-serif; border-radius: 5px; padding: 1em 1.5em; }
#hero.ngo {
  background-color: rgba(0,0,0,0.4);
  background-blend-mode: darken;
  background-position-y: 100%;
}
#hero.api {
  background-color: #602ab8;
  background-blend-mode: darken;
  background-position-y: 100%;
}
#hero.roi {
  background-color: rgba(0,0,0,0.6);
  background-blend-mode: darken;
  background-position-y: 100%;
}
.btn-danger { background-color: #EB3300; border-color: #EB3300; }
.btn-danger:hover { background-color: #CA2200; border-color: #CA2200; }
.btn-xl.btn-dark { background-color: #000; border-color: #000; }
.alert-danger a { color: #FFF; text-decoration: underline; }
.alert-danger a:hover { color: #300; text-decoration: underline; }
.tagline { text-transform: uppercase; font-size: 16px; }
.text-shadow {
  text-shadow: 0px 0px 3px #000;
}
.invalid-feedback { display: block !important; }
.page-head { text-align: left !important; }
.demo_form .modal-header { padding-bottom: 0; }
.demo_form .modal-title { font-family: "Abel", helvetica, sans-serif; font-size: 2em; font-weight: bold; }
#trialform div p { font-family: "Abel", helvetica, sans-serif; font-size: 1.35em; }
#trialform .modal-dialog { max-width: 1000px; }
.step {
  background: #EB3300;
  opacity: 0.6;
  color: #FFF;
  width: 90px; 
  height: 90px;
  border-radius: 50%;
  display: flex; /* or inline-flex */
  align-items: center; 
  justify-content: center;
  font-size: 4em;
  font-family: "Abel", helvetica, sans-serif;
}
#trialform .modal-content { max-width: 100%; }

img.avatar { border-radius: 50% !important; }
.module .avatar { height: 120px; margin-right: 15px; }
.dropdown-item i.fa-address-card { font-size: 1.1em; margin-left: 2px; margin-right: 8px; }
.dropdown-item i.fa-address-book { font-size: 1.1em; margin-left: 4px; margin-right: 9px; }
form label { font-weight: bold; }
.email-head-subject { max-width: none; }
.email-body h1 { font-size: 2.76923rem; line-height: 1.3; font-weight: 300; }
.module {
  font-family: "Public Sans", sans-serif;
  font-weight: 100;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #CCC;
  color: #FFF;
  padding: 1em;
}
#hero {
  background-color: #222;
  min-height: 60vh;
}
.promo { background-color: dodgerblue; font-family: sans-serif; color: white; }
.promo a { color: white; }
.promo#banner h4 { font-size: 1.15em; padding: 1em 1em 0.5em; }
.promo#promoslice h1 { font-size: 2.5em; font-weight: 400; }
/*.promo#promoslice h1 { font-size: 2em; margin-top: 1em; }*/
.promo#promoslice h3 a { text-decoration: underline; }
.promo#promoslice .btn { background-color: transparent; border-color: white; }
.promo#promoslice .btn:hover { background-color: white; color: dodgerblue; }
/*.promo#promoslice img { box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.45); }*/
#promo {
  text-shadow: 0px 0px 3px #000;
  background-color: rgba(0,0,0,0.4);
  background-blend-mode: darken;
  background-position-y: 100%;
}
#geo {
  background-position-y: 25%;
  min-height: 50vh;
  text-shadow: 0px 0px 3px #000;
  background-color: rgba(0,0,0,0.4);
  background-blend-mode: darken;
}
#sell {
  background-color: #EEE;
  background: linear-gradient(#FFF, #E4DAD9);
  font-family: 'Public Sans', sans-serif;
  color: #000;
}
#sell h4 {
  font-size: 1.5em;
}
#hero a {
  color: #FFF;
}
#hero a:hover {
  color: #DDD;
}
#collaborate, #journalism {
  background-position-y: 60%;
  min-height: 50vh;
  text-shadow: 0px 0px 3px #000;
  background-color: rgba(0,0,0,0.5);
  background-blend-mode: darken;
}
#collaborate, #journalism {
  background-position-y: 50%;
}
#ethical {
  background-position-y: 0%;
  min-height: 30vh;
  color: #333;
  background-color: rgba(255,255,255,0.8);
  background-blend-mode: lighten;
}
@media (min-width: 576px) {
  .module {
    background-attachment: fixed;
    padding: 3em;
  }
  #hero, #geo, #sell, #collaborate, #journalism, #ethical, {
    padding: 80px 0;
    /*background-blend-mode: normal;*/
    /*background-color: transparent;*/
  }
  #ethical {
    /*padding: 50px 0;*/
    background-color: transparent;
    background-blend-mode: normal;
  }
  #ngo {
    padding: 50px 0;
  }
  .promo#promoslice { margin-bottom: 0px; max-height: 300px; overflow: hidden; }

}
@media (max-width: 767.98px) {
  .cookie-consent { background-color: rgba(0,0,0,0.75);  }
  #features .card, #act .card, #free .card {
    margin-bottom: 1em;
  }
  #free {
    background-color: #111 !important;
  }
  .module .avatar { height: 80px; }
}
#act {
  color: #000;
  background-color: #EEE;
}
#act .card {
  text-align: center;
  background-color: #CCC;
}
#ngo {
  text-shadow: 0px 0px 3px #000;
  background-color: #333;
  background-blend-mode: overlay;
}
#free {
  background-position-y: 100%;
  background-color: #444;
  background-blend-mode: overlay;
}
#solutions {
  background-color: #EEE;
  background-blend-mode: overlay;
  background-position-y: 100%;
}
#solutions .card {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}
#partnerlist {
  background-color: #EEE;
  background-blend-mode: overlay;
  background-position-y: 100%;
}
#partnerlist .card {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}
#free .card {
  text-align: center;
  color: #000;
  background-color: rgba(255,255,255,0.8);
}
#free .footer h4 a {
  color: #FFF;
}
#free .footer h4 a:hover {
  color: #DDD;
}
#features {
  text-align: center;
  background: linear-gradient(180deg, #999 0%, #7E7E7E 100%);
  color: #000;
}
#features.data {
  background: linear-gradient(180deg, #999 0%, #7E7E7E 100%);
}
#features.data h3 {
  color: #CDCDCD;
}
#features h4 {
  color: #000;
}
#features a {
  color: #FFF;
}
#features .card h1, #free .card h1, #act .card h1 {
  font-weight: 600;
  font-size: 1.4rem;
  margin-top: .9em;
  margin-bottom: .9em;
}
#features .card a {
  color: #000;
}
#features i, #act i, #free i {
  margin-bottom: 5px;
}
#how {
  color: #000;
  background-color: #FFF;
}
#approach {
  background-color: #111;
  background-blend-mode: overlay;
  background-position-y: 100%;
}
#approach .fas, #approach .far, #approach .fal, #approach .fa {
  font-size: 100px;
}
#features .fas, #features .far, #features .fal, #features .fa {
  color: #9674C8;
  font-size: 80px;
}
#act .fas, #act .far, #act .fal, #act .fa, #free .fal, #free .fab {
  color: #9674C8;
  font-size: 80px;
}
.datasources img {
  filter: grayscale(100%);
}
#sources.module {
  color: #BEBEBE;
  background-color: #222;
  background-blend-mode: overlay;
}
#sources img {
  filter: grayscale(100%);
}
.casestudy {
  color: #000;
  background: linear-gradient(180deg, #858585 0.06%, #454545 65.81%, #000 94.3%);
}
.casestudy#isrpal {
  background: linear-gradient(180deg, #000 0.06%, #454545 28.55%, #858585 94.3%);
}
.casestudy {
  color: #FFF;
}
.casestudy h1 {
  font-size: 3em;
  font-weight: 400;
}
.casestudy h2 {
  font-weight: 400;
}
.casestudy#rusukr h4, .casestudy#isrpal h4 {
  color: #58C7EF;
  font-size: 7em;
  line-height: 0.75em;
}
.casestudy p {
  font-size: 1.35rem;
}
#api {
  background-color: #EEE;
  background-blend-mode: lighten;
  color: #000;
  background-position-y: 0%;
}
#quote {
  background-color: #111;
  background-blend-mode: overlay;
  text-align: center;
}
#markets {
  background-color: #444;
}
#markets a {
  color: #FFF;
}
#markets .fas {
  color: #EB3300;
  margin-right: 5px;
}
#markets a:hover {
  color: #EB3300;
}
#markets h4 {
  font-size: 3em;
  font-weight: 400;
  color: #CDCDCD;
}
#markets h2.active {
  opacity: 50%;
}
#partners, #timesaved {
  color: #FFF;
  background-color: #888;
  text-align: center;
}
#partners {
  font-family: 'Public Sans', sans-serif;
  background: linear-gradient(#666, #999);
}
#partners a {
  color: #FFF;
}
#partners h1 {
  font-size: 3em;
  font-weight: 400;
}
#casestudies {
  background-color: #666;
}
#casestudies a {
  color: #FFF;
  text-decoration: underline;
}
#casestudies h1 {
  font-size: 3em;
  font-weight: 400;
}
#timesaved {
  background: linear-gradient(180deg, #979797 0%, #676767 100%);
}
#timesaved h1 {
  font-size: 3em;
  font-weight: 400;
}
#timesaved .stopwatch {
  margin-top: -63px;
  font-size: 50px;
}
#timesaved .number {
  background-color: #333;
  padding: 2em;
}
#timesaved .number h1 {
  font-family: sans-serif;
  color: #58C7EF;
  font-weight: bold;
  font-size: 4em;
  margin-bottom: 0;
  padding-bottom: 0;
}
#timesaved .roi {
  margin-left:10px;
  margin-right:10px;
}
#timesaved .number h1.sm-head {
  font-size: 3em;
}
#timesaved a {
  color: #FFF;
  text-decoration: none;
}
#ainoise {
  color: #000;
  background-position-y: 100%;
}
#ainoise h1 {
  font-size: 4em;
  color: #0077B6;
}
#blog {
  background-color: #EB3300;
  text-align: center;
}
#blog a {
  color: #FFF;
}
#blog a:hover {
  color: #DDD;
  text-decoration: none;
}
#blog .img-fluid { max-height: 150px; }
#links {
  background-color: #333;
  color: #FFF;
  padding: 5px 0;
  text-align: center;
  font-size: 12px;
}
#links a.btn-link:hover {
  color: #999;
}
#links .btn {
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
}

#footer {
	background-color: #333;
	color: #FFF;
	padding: 3em 0 2em;
  font-family: 'Public Sans', sans-serif;
}
#footer ul {
  margin-left: 0;
  padding-left: 0;
}
#footer li {
  list-style-type: none;
  line-height: 1em;
  margin: 0.6em 0;
}
#footer a {
  color: #FFF;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .header {
  font-family: "Abel", sans-serif;
  text-transform: uppercase;
  color: #999;
}
#footer a.header {
  text-decoration: underline;
}
.jobs h1 { font-weight: 300; }
.jobs { background-color: #666; }
.jobs #mission { background-color: #CCC; color: #000; font-family: "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.jobs #mission p { font-size: 1.3em; }
.jobs #joblistings { background-color: #FFF; color: #000; }
.jobs .pullquote {
  font-family: "Abel", sans-serif;
  /*text-transform: uppercase;*/
  color: #333;
  font-size: 2em;
  line-height: 1.5em;
}
.jobs .pullquote .source {
  color: #999;
}

.parallax {
    background-color: transparent;
}

.parallax .container,
.parallax .container-fluid {
    position: relative;
    z-index: 2;
}
.icon { font-size: 138px; line-height: 20px; }
#how .icon { margin: 25px 0; }
.btn-social { margin-right: 10px; border: none; }
.btn-social .icon { margin-left: 0; }
.x-logo-font { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7470%) hue-rotate(236deg) brightness(92%) contrast(100%); }
.card-body .x-logo-font { filter: invert(51%) sepia(5%) saturate(3817%) hue-rotate(223deg) brightness(98%) contrast(103%); width: 64px; margin: 2px 0; }
.icon-lift { position: relative; top: -1px; }
.airlines-font { font-family: 'Public Sans', sans-serif; font-style: normal; line-height: normal; }
.airlines-font-color2 { color: #F2DBEB; }
.airlines-hero-sub { font-size: 2.5rem; line-height: normal; font-weight: 100; }
.airlines-slice-p { font-size: 1.2rem; font-weight: 100; }
.airlines-slice-head { font-size: 2.5rem; font-weight: 400; line-height: 2.5rem; padding-bottom: 1.25rem; }
#copy-slice .container { padding-top: 6.25rem; padding-bottom: 6.25rem; }
.airlines-slice-special-text { font-size: 3.2rem; font-weight: 900; line-height: }
#testimonial { background: #1D1716; padding: 25px 0 25px 0; }
#airlines-cards .far, #airlines-cards .fal, #airlines-cards .fas { color: var(--color-brand-primary-40, #FF3600) !important; flex-shrink: 0; font-size: 5rem; }
#airlines-productivity { background: linear-gradient(180deg, #BBA5A1 0%, #3B2F2D 100%); color: #FFF; text-align: center; padding: 60px; }
#airlines-productivity .roi { margin-left: 10px; margin-right: 10px; }
#airlines-productivity h1 { font-size: 3rem; letter-spacing: -0.96px; font-weight: 100; }
#airlines-productivity h4 { font-weight: 400; letter-spacing: -0.48px; text-align: center; margin: 0; padding-bottom: 4.5rem; }
#airlines-productivity .number { background-color: #333; padding: 2em;}
#airlines-productivity .stopwatch { margin-top: -63px; font-size: 50px; }
#airlines-productivity .number h1.sm-head { font-size: 3rem; font-weight: 700; }
#airlines-productivity .footer a {color: #FFF; }
#case-study { background-image: url('/static/images/airlines_case_study_graphic_background.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; }
#case-study h1 { letter-spacing: -0.96px; margin: 0; padding-bottom: 20px; }
#case-study h3 { font-weight: 250; }
#airlines-study-btn { gap: 12px; border-radius: 8px; background: #6A2E5A; box-shadow: 0 1px 2px 0 rgba(14, 24, 41, 0.05); border: none; cursor: pointer; background: #6A2E5A; color: #FFF; font-family: Inter, sans-serif; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; margin: 16px; }
#case-study p img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover;}
#airlines-quote-text { color: #E9CADF; font-size: 2.7rem; line-height: normal; margin: 0; }
#case-study-bottom { margin-bottom: 6.25rem; }
#case-study-left { padding-left: 5rem; }
.slice { background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; }
#frame19 h2 { color: #EB211E; font-size: 3rem; font-weight: 100; }
#frame19 p { color: #000; font-size: 1.5rem; font-weight: 400; margin: 50px 0px 50px 0px; }
#frame19 { padding: 100px 0px 100px 0px !important; }
