@charset "UTF-8";
@import url("//hello.myfonts.net/count/34ad65");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * @license
 * MyFonts Webfont Build ID 3452261, 2017-09-17T14:54:42-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Geogrotesque-Lt by Emtype Foundry
 * URL: https://www.myfonts.com/fonts/emtype/geogrotesque/light/
 * 
 * Webfont: Geogrotesque-LtIt by Emtype Foundry
 * URL: https://www.myfonts.com/fonts/emtype/geogrotesque/light-italic/
 * 
 * Webfont: Geogrotesque-Md by Emtype Foundry
 * URL: https://www.myfonts.com/fonts/emtype/geogrotesque/medium/
 * 
 * Webfont: Geogrotesque-Bd by Emtype Foundry
 * URL: https://www.myfonts.com/fonts/emtype/geogrotesque/bold/
 * 
 * Webfont: Geogrotesque-Rg by Emtype Foundry
 * URL: https://www.myfonts.com/fonts/emtype/geogrotesque/regular/
 * 
 * Webfont: Geogrotesque-SmBd by Emtype Foundry
 * URL: https://www.myfonts.com/fonts/emtype/geogrotesque/semibold/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3452261
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2008-2016 by Eduardo Manso. All rights reserved.
 * 
 * © 2017 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Geogrotesque-Lt';
  src: url("../fonts/34AD65_0_0.eot");
  src: url("../fonts/34AD65_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/34AD65_0_0.woff2") format("woff2"), url("../fonts/34AD65_0_0.woff") format("woff"), url("../fonts/34AD65_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Geogrotesque-LtIt';
  src: url("../fonts/34AD65_1_0.eot");
  src: url("../fonts/34AD65_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/34AD65_1_0.woff2") format("woff2"), url("../fonts/34AD65_1_0.woff") format("woff"), url("../fonts/34AD65_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Geogrotesque-Md';
  src: url("../fonts/34AD65_2_0.eot");
  src: url("../fonts/34AD65_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/34AD65_2_0.woff2") format("woff2"), url("../fonts/34AD65_2_0.woff") format("woff"), url("../fonts/34AD65_2_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Geogrotesque-Bd';
  src: url("../fonts/34AD65_3_0.eot");
  src: url("../fonts/34AD65_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/34AD65_3_0.woff2") format("woff2"), url("../fonts/34AD65_3_0.woff") format("woff"), url("../fonts/34AD65_3_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Geogrotesque-Rg';
  src: url("../fonts/34AD65_4_0.eot");
  src: url("../fonts/34AD65_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/34AD65_4_0.woff2") format("woff2"), url("../fonts/34AD65_4_0.woff") format("woff"), url("../fonts/34AD65_4_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Geogrotesque-SmBd';
  src: url("../fonts/34AD65_5_0.eot");
  src: url("../fonts/34AD65_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/34AD65_5_0.woff2") format("woff2"), url("../fonts/34AD65_5_0.woff") format("woff"), url("../fonts/34AD65_5_0.ttf") format("truetype"); }

html {
  -webkit-font-smoothing: antialiased; }

body {
  color: #000;
  background: #fafafa;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
  font-size: 1em; }
  body * {
    -webkit-font-smoothing: antialiased; }

#mit-amadeus.noscroll {
  overflow: hidden; }

#mit-amadeus #main-container {
  width: 1180px;
  margin: 0 auto;
  position: relative;
  background: #fff;
  overflow: hidden; }

#mit-amadeus #indicator {
  height: 1px;
  width: 100%;
  position: fixed;
  background: red;
  top: 800px;
  z-index: 1000; }

#mit-amadeus #header-container {
  position: absolute;
  top: 0px;
  left: 0px; }

#mit-amadeus #header {
  height: 15px;
  width: 1180px;
  background: #c0282d;
  position: fixed; }

#mit-amadeus #main-text-container {
  position: absolute;
  top: 33px;
  left: 45px; }

#mit-amadeus #main-text {
  position: fixed;
  width: 1110px;
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #mit-amadeus #main-text h1 {
    font-family: "Geogrotesque-Md", Georgia, Times, serif;
    color: #c0282d;
    font-size: 3.4375em;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    #mit-amadeus #main-text h1 span {
      font-family: "Geogrotesque-SmBd", Georgia, Times, serif; }
  #mit-amadeus #main-text p {
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #636466;
    font-size: 1.375em;
    line-height: 1.1875em;
    margin-bottom: 30px;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  #mit-amadeus #main-text .section-text {
    position: absolute;
    opacity: 0;
    top: 70px;
    display: flex;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #mit-amadeus #main-text .section-text .box span {
      background: #c0282d;
      color: #fff;
      font-family: "proxima-nova", Arial, Helvetica, sans-serif;
      font-weight: 500;
      padding: 0 5px;
      text-transform: uppercase;
      margin-right: 10px;
      font-size: 1.375em;
      line-height: 1.1875em; }
    #mit-amadeus #main-text .section-text.active {
      opacity: 1; }
    #mit-amadeus #main-text .section-text.remove {
      opacity: 0; }
    #mit-amadeus #main-text .section-text.section-text0 {
      top: 58px; }
    #mit-amadeus #main-text .section-text.section-text5 {
      width: 890px; }

#mit-amadeus #main-nav-wrap {
  position: absolute;
  top: 170px;
  left: 50px; }

#mit-amadeus #main-nav {
  position: fixed;
  z-index: 10;
  opacity: 0;
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  #mit-amadeus #main-nav.active {
    opacity: 1; }
  #mit-amadeus #main-nav.inactive {
    opacity: .05; }
  #mit-amadeus #main-nav .nav-item {
    color: #bcbcbc;
    width: 114px;
    height: 131px;
    position: relative;
    font-family: "Geogrotesque-SmBd", Georgia, Times, serif;
    margin-bottom: 15px;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    #mit-amadeus #main-nav .nav-item a {
      color: #8cc540; }
    #mit-amadeus #main-nav .nav-item.active a {
      color: #8cc540 !important; }
    #mit-amadeus #main-nav .nav-item.active .nav-active {
      opacity: 1 !important; }
    #mit-amadeus #main-nav .nav-item.active .nav-inactive {
      opacity: 0 !important; }
    #mit-amadeus #main-nav .nav-item.inactive a {
      color: #bcbcbc; }
    #mit-amadeus #main-nav .nav-item.inactive .nav-active {
      opacity: 0; }
    #mit-amadeus #main-nav .nav-item.inactive .nav-inactive {
      opacity: 1; }
    #mit-amadeus #main-nav .nav-item .nav-active {
      position: absolute;
      opacity: 1;
      z-index: 10;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    #mit-amadeus #main-nav .nav-item .nav-inactive {
      position: absolute;
      opacity: 0;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    #mit-amadeus #main-nav .nav-item img {
      width: 100%; }
    #mit-amadeus #main-nav .nav-item span {
      width: 114px;
      display: block;
      text-align: center;
      position: absolute;
      bottom: 0; }
  #mit-amadeus #main-nav .title {
    width: 114px;
    text-align: center;
    color: #8cc540;
    font-family: "Geogrotesque-SmBd", Georgia, Times, serif;
    margin-bottom: 10px; }

#mit-amadeus #main-animation-wrap {
  position: absolute;
  top: 154px;
  left: 200px;
  z-index: 2; }

#mit-amadeus #main-animation {
  position: fixed;
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  #mit-amadeus #main-animation.inactive {
    opacity: .05; }
  #mit-amadeus #main-animation .background {
    width: 1002px;
    height: 747px;
    opacity: 0;
    position: absolute;
    top: -47px;
    left: -31px;
    background-image: url(../img/underlying-grid.png);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #mit-amadeus #main-animation .background.active {
      opacity: 1; }
  #mit-amadeus #main-animation .title {
    position: absolute;
    text-transform: uppercase;
    font-family: "Geogrotesque-SmBd", Georgia, Times, serif;
    color: #9d1f60;
    left: 438px;
    top: 613px;
    opacity: 0;
    width: 220px;
    z-index: 1000;
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #mit-amadeus #main-animation .title:after {
      content: "";
      position: absolute;
      left: 50%;
      width: 8px;
      height: 24px;
      top: -24px;
      background-image: url(../img/main-marker3.png);
      background-size: 100%;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    #mit-amadeus #main-animation .title.active {
      opacity: 1; }
    #mit-amadeus #main-animation .title.remove {
      opacity: 0; }
  #mit-amadeus #main-animation .travel {
    position: absolute;
    top: 62px;
    left: 77px;
    width: 777px;
    height: 516px;
    z-index: 1000; }
    #mit-amadeus #main-animation .travel .title {
      color: #e9493c;
      position: absolute;
      left: 364px;
      top: -24px;
      opacity: 0;
      width: 94px;
      text-transform: uppercase;
      font-family: "Geogrotesque-SmBd", Georgia, Times, serif;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      #mit-amadeus #main-animation .travel .title:after {
        content: "";
        position: absolute;
        left: 50%;
        width: 8px;
        height: 24px;
        top: 14px;
        background-image: url(../img/main-marker1.png);
        background-size: 100%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
      #mit-amadeus #main-animation .travel .title.active {
        opacity: 1; }
      #mit-amadeus #main-animation .travel .title.remove {
        opacity: 0; }
  #mit-amadeus #main-animation .travel-bg {
    position: absolute;
    top: 62px;
    left: 77px;
    width: 777px;
    height: 516px;
    z-index: 400;
    opacity: 0;
    background-image: url(../img/travel-circle.png);
    background-size: 100%;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #mit-amadeus #main-animation .travel-bg.active {
      opacity: 1; }
    #mit-amadeus #main-animation .travel-bg.half {
      opacity: .5; }
  #mit-amadeus #main-animation .tech {
    position: absolute;
    top: 180px;
    left: 250px;
    width: 429px;
    height: 287px;
    z-index: 1000; }
    #mit-amadeus #main-animation .tech .title {
      color: #2da9e1;
      position: absolute;
      left: 131px;
      top: 302px;
      width: 200px;
      opacity: 0;
      text-transform: uppercase;
      text-align: center;
      font-family: "Geogrotesque-SmBd", Georgia, Times, serif;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      #mit-amadeus #main-animation .tech .title:after {
        content: "";
        position: absolute;
        left: 50%;
        width: 8px;
        height: 22px;
        top: -24px;
        background-image: url(../img/main-marker2.png);
        background-size: 100%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
      #mit-amadeus #main-animation .tech .title.active {
        opacity: 1; }
      #mit-amadeus #main-animation .tech .title.remove {
        opacity: 0; }
  #mit-amadeus #main-animation .tech-bg {
    position: absolute;
    top: 180px;
    left: 250px;
    width: 429px;
    height: 287px;
    z-index: 50;
    opacity: 0;
    background-image: url(../img/tech-circle.png);
    background-size: 100%;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #mit-amadeus #main-animation .tech-bg.active {
      opacity: 1; }
    #mit-amadeus #main-animation .tech-bg.half {
      opacity: .5; }
  #mit-amadeus #main-animation .people-users {
    width: 247px;
    height: 210px;
    top: 212px;
    left: 327px;
    position: absolute;
    opacity: 0;
    background-image: url(../img/people-users.png);
    background-size: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #mit-amadeus #main-animation .people-users.active {
      opacity: 1;
      animation: users .5s linear; }
    #mit-amadeus #main-animation .people-users.remove {
      opacity: 0;
      animation: users-remove .5s linear; }

#mit-amadeus .bubble .bubble-item {
  width: 139px;
  height: 116px;
  background-image: url(../img/bubble.png);
  background-size: 100%;
  position: absolute;
  opacity: 0;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  #mit-amadeus .bubble .bubble-item.active {
    opacity: 1; }
  #mit-amadeus .bubble .bubble-item.line-4 span {
    padding: 23px 10px; }
  #mit-amadeus .bubble .bubble-item span {
    font-size: 0.8125em;
    font-family: "Geogrotesque-Rg", Georgia, Times, serif;
    text-align: center;
    color: #fff;
    width: 80%;
    display: block;
    padding: 30px 10px;
    margin: 0 auto; }
    #mit-amadeus .bubble .bubble-item span strong {
      font-family: "Geogrotesque-SmBd", Georgia, Times, serif; }

#mit-amadeus .travel-item {
  width: 119px;
  height: 103px;
  position: absolute;
  z-index: 10;
  background-size: 100%;
  font-family: "Geogrotesque-SmBd", Georgia, Times, serif;
  opacity: 0;
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  #mit-amadeus .travel-item.active {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  #mit-amadeus .travel-item.remove {
    opacity: 0;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  #mit-amadeus .travel-item.reactive {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  #mit-amadeus .travel-item.agency {
    top: 428px;
    left: 229px;
    background-image: url(../img/travel-agency.png); }
  #mit-amadeus .travel-item.aggregator {
    top: 280px;
    left: -18px;
    background-image: url(../img/travel-aggregator.png); }
  #mit-amadeus .travel-item.airline {
    top: 24px;
    left: -6px;
    background-image: url(../img/travel-airline.png); }
  #mit-amadeus .travel-item.train {
    left: 252px;
    top: -39px;
    background-image: url(../img/travel-train.png); }
  #mit-amadeus .travel-item.rental-car {
    top: -11px;
    left: 475px;
    background-image: url(../img/travel-rental-car.png); }
  #mit-amadeus .travel-item.hotel {
    top: 160px;
    left: 690px;
    background-image: url(../img/travel-hotel.png); }
  #mit-amadeus .travel-item.attraction {
    top: 398px;
    left: 626px;
    background-image: url(../img/travel-attraction.png); }
  #mit-amadeus .travel-item span {
    width: 119px;
    position: absolute;
    text-align: center;
    color: #e9493c; }
    #mit-amadeus .travel-item span.text-top {
      top: -16px; }
    #mit-amadeus .travel-item span.text-bottom {
      bottom: -18px; }

#mit-amadeus .tech-item {
  width: 88px;
  height: 87px;
  position: absolute;
  z-index: 10;
  background-size: 100%;
  font-family: "Geogrotesque-SmBd", Georgia, Times, serif;
  opacity: 0;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  #mit-amadeus .tech-item.active {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  #mit-amadeus .tech-item.remove {
    opacity: 0;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  #mit-amadeus .tech-item.reactive {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  #mit-amadeus .tech-item.tablet {
    top: 150px;
    left: -10px;
    background-image: url(../img/tech-tablet.png); }
  #mit-amadeus .tech-item.phone {
    left: 20px;
    top: -40px;
    background-image: url(../img/tech-phone.png); }
  #mit-amadeus .tech-item.assistant {
    top: 17px;
    left: 314px;
    background-image: url(../img/tech-assistant.png); }
  #mit-amadeus .tech-item.computer {
    top: 200px;
    left: 320px;
    background-image: url(../img/tech-computer.png); }
  #mit-amadeus .tech-item span {
    width: 88px;
    position: absolute;
    text-align: center;
    color: #2da9e1;
    top: -19px; }
    #mit-amadeus .tech-item span.two {
      top: -35px; }

#mit-amadeus #sections .section {
  height: 1500px;
  position: relative;
  margin-top: 50px; }
  #mit-amadeus #sections .section.section1 {
    height: 1200px; }
  #mit-amadeus #sections .section.section2 {
    height: 800px; }
  #mit-amadeus #sections .section.section3 {
    height: 1000px; }
  #mit-amadeus #sections .section.section4 {
    height: 1000px; }
  #mit-amadeus #sections .section a {
    position: absolute;
    bottom: 50px; }

#mit-amadeus #animations {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #mit-amadeus #animations .animation {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #mit-amadeus #animations .animation .arrows {
      position: absolute;
      top: 0;
      left: 0; }
      #mit-amadeus #animations .animation .arrows .arrow {
        position: absolute;
        opacity: 0;
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-transform: translate(0px, -5px);
        -o-transform: translate(0px, -5px);
        -ms-transform: translate(0px, -5px);
        -webkit-transform: translate(0px, -5px);
        transform: translate(0px, -5px);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #mit-amadeus #animations .animation .arrows .arrow img {
          -moz-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          -moz-transform: scale(0.5);
          -o-transform: scale(0.5);
          -ms-transform: scale(0.5);
          -webkit-transform: scale(0.5);
          transform: scale(0.5);
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
        #mit-amadeus #animations .animation .arrows .arrow.active {
          opacity: 1;
          -moz-transform: translate(0px, 0px);
          -o-transform: translate(0px, 0px);
          -ms-transform: translate(0px, 0px);
          -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }
        #mit-amadeus #animations .animation .arrows .arrow.cir {
          -moz-transform: translate(0px, 0px);
          -o-transform: translate(0px, 0px);
          -ms-transform: translate(0px, 0px);
          -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }
          #mit-amadeus #animations .animation .arrows .arrow.cir img {
            -moz-transform: scale(0);
            -o-transform: scale(0);
            -ms-transform: scale(0);
            -webkit-transform: scale(0);
            transform: scale(0); }
          #mit-amadeus #animations .animation .arrows .arrow.cir.active img {
            -moz-transform: scale(0.5);
            -o-transform: scale(0.5);
            -ms-transform: scale(0.5);
            -webkit-transform: scale(0.5);
            transform: scale(0.5); }
    #mit-amadeus #animations .animation.active {
      opacity: 1; }
    #mit-amadeus #animations .animation .users {
      width: 110px;
      height: 110px;
      opacity: 0;
      position: absolute;
      left: 397px;
      top: 253px;
      background-size: 100%;
      z-index: 1000;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      #mit-amadeus #animations .animation .users.active {
        opacity: 1;
        animation: users .5s linear; }
      #mit-amadeus #animations .animation .users.remove {
        opacity: 0;
        animation: users-remove .5s linear; }
    #mit-amadeus #animations .animation .text .text-item {
      position: absolute;
      width: 100px;
      font-family: "Geogrotesque-Md", Georgia, Times, serif;
      color: #000;
      font-size: 0.875em;
      opacity: 0;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      #mit-amadeus #animations .animation .text .text-item.right {
        text-align: right; }
      #mit-amadeus #animations .animation .text .text-item.active {
        opacity: 1; }
    #mit-amadeus #animations .animation.animation1 .users {
      background-image: url(../img/nav-icon1.png); }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow1 {
      top: 297px;
      left: 424px;
      z-index: 100; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow2 {
      top: 338px;
      left: 490px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow3 {
      top: 386px;
      left: 425px;
      z-index: 98; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow4 {
      top: 499px;
      left: 435px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow5 {
      top: 532px;
      left: 419px;
      z-index: 96; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow6 {
      top: 485px;
      left: 335px;
      z-index: 95; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow7 {
      top: 350px;
      left: 101px;
      z-index: 94; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow8 {
      top: 342px;
      left: 87px;
      z-index: 93; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow9 {
      top: 269px;
      left: 103px;
      z-index: 92; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow10 {
      top: 153px;
      left: 109px;
      z-index: 91; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow11 {
      top: 186px;
      left: 276px;
      z-index: 90; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow12 {
      top: 92px;
      left: 122px;
      z-index: 89; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow13 {
      top: 131px;
      left: 294px;
      z-index: 88; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow13-2 {
      top: 133px;
      left: 355px;
      z-index: 88; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow14 {
      top: 136px;
      left: 366px;
      z-index: 87; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow15 {
      top: 179px;
      left: 439px;
      z-index: 86; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow16 {
      top: 83px;
      left: 438px;
      z-index: 85; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow17 {
      top: 144px;
      left: 377px;
      z-index: 84; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow18 {
      top: 305px;
      left: 657px;
      z-index: 83; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow19 {
      top: 323px;
      left: 689px;
      z-index: 82; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow20 {
      top: 261px;
      left: 698px;
      z-index: 81; }
    #mit-amadeus #animations .animation.animation1 .arrows .arrow.arrow21 {
      top: 284px;
      left: 676px;
      z-index: 80; }
    #mit-amadeus #animations .animation.animation1 .text .text-item {
      width: 112px; }
      #mit-amadeus #animations .animation.animation1 .text .text-item.text-item1 {
        left: 410px;
        top: 373px; }
      #mit-amadeus #animations .animation.animation1 .text .text-item.text-item2 {
        left: 490px;
        top: 514px; }
      #mit-amadeus #animations .animation.animation1 .text .text-item.text-item3 {
        left: 180px;
        top: 323px; }
    #mit-amadeus #animations .animation.animation1 .bubble .bubble-item {
      z-index: 500; }
      #mit-amadeus #animations .animation.animation1 .bubble .bubble-item.bubble-item1 {
        left: 90px;
        top: 207px; }
      #mit-amadeus #animations .animation.animation1 .bubble .bubble-item.bubble-item2 {
        left: 419px;
        top: 73px; }
      #mit-amadeus #animations .animation.animation1 .bubble .bubble-item.bubble-item3 {
        left: 805px;
        top: 424px;
        width: 152px;
        height: 87px;
        background-image: url(../img/bubble2.png); }
        #mit-amadeus #animations .animation.animation1 .bubble .bubble-item.bubble-item3 span {
          padding: 30px 23px; }
    #mit-amadeus #animations .animation.animation2 .users {
      background-image: url(../img/nav-icon2.png); }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow1 {
      top: 200px;
      left: 374px;
      z-index: 100; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow2 {
      top: 193px;
      left: 343px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow3 {
      top: 355px;
      left: 137px;
      z-index: 98; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow4 {
      top: 302px;
      left: 25px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow5 {
      top: 239px;
      left: 79px;
      z-index: 96; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow6 {
      top: 93px;
      left: 143px;
      z-index: 95; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow7 {
      top: 132px;
      left: 353px;
      z-index: 94; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow8 {
      top: 87px;
      left: 277px;
      z-index: 93; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow9 {
      top: 84px;
      left: 271px;
      z-index: 92; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow10 {
      top: 33px;
      left: 277px;
      z-index: 91; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow1-2 {
      top: 204px;
      left: 489px;
      z-index: 100; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow2-2 {
      top: 307px;
      left: 489px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow1-3 {
      top: 196px;
      left: 607px;
      z-index: 100; }
    #mit-amadeus #animations .animation.animation2 .arrows .arrow.arrow2-3 {
      top: 197px;
      left: 638px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation2 .text .text-item {
      width: 90px; }
      #mit-amadeus #animations .animation.animation2 .text .text-item.text-item1 {
        left: 474px;
        top: 213px; }
      #mit-amadeus #animations .animation.animation2 .text .text-item.text-item2 {
        left: 190px;
        top: 339px;
        width: 140px; }
      #mit-amadeus #animations .animation.animation2 .text .text-item.text-item3 {
        top: 383px;
        left: 470px;
        width: 140px; }
    #mit-amadeus #animations .animation.animation2 .bubble .bubble-item {
      z-index: 500; }
      #mit-amadeus #animations .animation.animation2 .bubble .bubble-item.bubble-item1 {
        left: 183px;
        top: 147px; }
      #mit-amadeus #animations .animation.animation2 .bubble .bubble-item.bubble-item2 {
        left: 653px;
        top: 130px; }
      #mit-amadeus #animations .animation.animation2 .bubble .bubble-item.bubble-item3 {
        left: 635px;
        top: 314px; }
    #mit-amadeus #animations .animation.animation3 .users {
      background-image: url(../img/nav-icon3.png); }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow1 {
      top: 290px;
      left: 174px;
      z-index: 100; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow2 {
      top: 337px;
      left: 233px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow3 {
      top: 353px;
      left: 263px;
      z-index: 98; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow4 {
      top: 506px;
      left: 526px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow5 {
      top: 446px;
      left: 509px;
      z-index: 96; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow6 {
      top: 483px;
      left: 643px;
      z-index: 95; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow1-2 {
      top: 304px;
      left: 294px;
      z-index: 100; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow2-2 {
      top: 289px;
      left: 299px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow3-2 {
      top: 245px;
      left: 224px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow4-2 {
      top: 241px;
      left: 214px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow5-2 {
      top: 249px;
      left: 177px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow6-2 {
      top: 260px;
      left: 69px;
      z-index: 98; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow7-2 {
      top: 195px;
      left: 139px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow8-2 {
      top: 193px;
      left: 130px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow9-2 {
      top: 135px;
      left: 103px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow10-2 {
      top: 139px;
      left: 191px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow11-2 {
      top: 118px;
      left: 159px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow12-2 {
      top: 82px;
      left: 207px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow13-2 {
      top: 84px;
      left: 269px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow14-2 {
      top: 98px;
      left: 296px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow15-2 {
      top: 83px;
      left: 270px;
      z-index: 98; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow16-2 {
      top: 179px;
      left: 436px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow17-2 {
      top: 126px;
      left: 453px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow18-2 {
      top: 78px;
      left: 483px;
      z-index: 98; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow1-3 {
      top: 332px;
      left: 72px;
      z-index: 100; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow2-3 {
      top: 420px;
      left: 226px;
      z-index: 98; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow3-3 {
      top: 450px;
      left: 277px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow4-3 {
      top: 531px;
      left: 418px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow5-3 {
      top: 427px;
      left: 407px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow6-3 {
      top: 289px;
      left: 467px;
      z-index: 96; }
    #mit-amadeus #animations .animation.animation3 .arrows .arrow.arrow7-3 {
      top: 230px;
      left: 632px;
      z-index: 95; }
    #mit-amadeus #animations .animation.animation3 .text .text-item {
      width: 100px; }
      #mit-amadeus #animations .animation.animation3 .text .text-item.text-item1 {
        left: 397px;
        top: 374px;
        width: 130px; }
        #mit-amadeus #animations .animation.animation3 .text .text-item.text-item1:after {
          content: "";
          position: absolute;
          left: -24px;
          width: 21px;
          height: 61px;
          top: -38px;
          background-image: url(../img/anim3-marker1.png);
          background-size: 100%; }
      #mit-amadeus #animations .animation.animation3 .text .text-item.text-item2 {
        left: 100px;
        top: 263px;
        width: 88px; }
        #mit-amadeus #animations .animation.animation3 .text .text-item.text-item2:after {
          content: "";
          position: absolute;
          left: 8px;
          width: 1px;
          height: 25px;
          top: 56px;
          background-image: url(../img/anim3-marker2.png);
          background-size: 100%; }
      #mit-amadeus #animations .animation.animation3 .text .text-item.text-item3 {
        left: -4px;
        top: 97px;
        width: 82px; }
    #mit-amadeus #animations .animation.animation3 .bubble .bubble-item {
      z-index: 500; }
      #mit-amadeus #animations .animation.animation3 .bubble .bubble-item.bubble-item1 {
        left: 213px;
        top: 162px; }
      #mit-amadeus #animations .animation.animation3 .bubble .bubble-item.bubble-item2 {
        left: 317px;
        top: 35px; }
      #mit-amadeus #animations .animation.animation3 .bubble .bubble-item.bubble-item3 {
        left: 566px;
        top: 259px;
        width: 139px;
        height: 110px;
        background-image: url(../img/bubble3.png); }
      #mit-amadeus #animations .animation.animation3 .bubble .bubble-item.bubble-item4 {
        left: 624px;
        top: 391px;
        width: 121px;
        height: 95px;
        background-image: url(../img/bubble4.png); }
        #mit-amadeus #animations .animation.animation3 .bubble .bubble-item.bubble-item4 span {
          padding: 26px 10px; }
    #mit-amadeus #animations .animation.animation4 .users {
      background-image: url(../img/nav-icon4.png); }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow1 {
      top: 277px;
      left: 434px;
      z-index: 100; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow2 {
      top: 405px;
      left: 453px;
      z-index: 99; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow3 {
      top: 449px;
      left: 423px;
      z-index: 98; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow4 {
      top: 533px;
      left: 417px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow5 {
      top: 483px;
      left: 335px;
      z-index: 96; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow6 {
      top: 383px;
      left: 157px;
      z-index: 95; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow7 {
      top: 340px;
      left: 87px;
      z-index: 94; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow8 {
      top: 271px;
      left: 117px;
      z-index: 96; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow9 {
      top: 246px;
      left: 171px;
      z-index: 95; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow10 {
      top: 240px;
      left: 217px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow11 {
      top: 198px;
      left: 143px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow12 {
      top: 193px;
      left: 132px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow13 {
      top: 132px;
      left: 104px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow14 {
      top: 124px;
      left: 173px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow15 {
      top: 138px;
      left: 196px;
      z-index: 97; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow16 {
      top: 80px;
      left: 210px;
      z-index: 96; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow17 {
      top: 84px;
      left: 270px;
      z-index: 95; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow18 {
      top: 93px;
      left: 290px;
      z-index: 95; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow19 {
      top: 73px;
      left: 253px;
      z-index: 94; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow20 {
      top: 160px;
      left: 404px;
      z-index: 93; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow21 {
      top: 322px;
      left: 688px;
      z-index: 93; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow22 {
      top: 248px;
      left: 687px;
      z-index: 95; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow23 {
      top: 309px;
      left: 693px;
      z-index: 95; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow24 {
      top: 401px;
      left: 713px;
      z-index: 94; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow25 {
      top: 425px;
      left: 693px;
      z-index: 93; }
    #mit-amadeus #animations .animation.animation4 .arrows .arrow.arrow26 {
      top: 433px;
      left: 707px;
      z-index: 92; }
    #mit-amadeus #animations .animation.animation4 .text .text-item.text-item1 {
      left: 397px;
      top: 367px;
      width: 110px; }
    #mit-amadeus #animations .animation.animation4 .bubble .bubble-item {
      z-index: 500; }
      #mit-amadeus #animations .animation.animation4 .bubble .bubble-item.bubble-item1 {
        left: 99px;
        top: 235px;
        width: 121px;
        height: 107px;
        background-image: url(../img/bubble5.png); }
        #mit-amadeus #animations .animation.animation4 .bubble .bubble-item.bubble-item1 span {
          padding: 22px 10px; }
      #mit-amadeus #animations .animation.animation4 .bubble .bubble-item.bubble-item2 {
        left: 413px;
        top: 90px; }
        #mit-amadeus #animations .animation.animation4 .bubble .bubble-item.bubble-item2 span {
          padding: 17px 10px; }
      #mit-amadeus #animations .animation.animation4 .bubble .bubble-item.bubble-item3 {
        display: none; }

#mit-amadeus #main-mobile, #mit-amadeus #mobile-header {
  display: none; }

@keyframes users {
  0% {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  75% {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes users-remove {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); } }

@media only screen and (max-height: 767px) {
  #mit-amadeus #main-container {
    width: 1040px; }
    #mit-amadeus #main-container #header {
      width: 1040px; }
  #mit-amadeus #main-text {
    width: 950px; }
    #mit-amadeus #main-text h1 {
      font-size: 3.125em; }
    #mit-amadeus #main-text p {
      font-size: 1.125em; }
    #mit-amadeus #main-text .section-text {
      top: 60px; }
      #mit-amadeus #main-text .section-text .box span {
        font-size: 1.125em; }
  #mit-amadeus #main-nav-wrap {
    top: 88px;
    left: 40px; }
  #mit-amadeus #main-nav {
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  #mit-amadeus #main-animation-wrap {
    top: 138px;
    left: 193px; }
  #mit-amadeus #main-animation {
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@media only screen and (max-width: 1180px) {
  #mit-amadeus #main-container {
    width: 100%; }
  #mit-amadeus #main-text {
    width: 90%; }
    #mit-amadeus #main-text h1 {
      font-size: 3.125em; }
    #mit-amadeus #main-text p {
      font-size: 1.125em; }
    #mit-amadeus #main-text .section-text {
      top: 60px; }
      #mit-amadeus #main-text .section-text .box span {
        font-size: 1.125em; }
  #mit-amadeus #main-nav-wrap {
    top: 148px;
    left: 40px; }
  #mit-amadeus #main-nav {
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  #mit-amadeus #main-animation-wrap {
    top: 148px;
    left: 173px; }
  #mit-amadeus #main-animation {
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

@media only screen and (max-width: 945px) {
  #mit-amadeus #main-text {
    width: 90%; }
    #mit-amadeus #main-text h1 {
      font-size: 2.5em; }
    #mit-amadeus #main-text p {
      font-size: 1em; }
    #mit-amadeus #main-text .section-text {
      top: 49px; }
      #mit-amadeus #main-text .section-text.section-text0 {
        top: 46px; }
      #mit-amadeus #main-text .section-text.section-text5 .text {
        width: 63%; }
      #mit-amadeus #main-text .section-text .box span {
        font-size: 1em;
        width: 101px;
        text-align: center;
        display: inline-block; }
      #mit-amadeus #main-text .section-text .text {
        width: 80%; }
  #mit-amadeus #main-text-container {
    left: 25px; }
  #mit-amadeus #main-nav-wrap {
    top: 58px;
    left: 10px; }
  #mit-amadeus #main-nav {
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  #mit-amadeus #main-animation-wrap {
    top: 138px;
    left: 116px; }
  #mit-amadeus #main-animation {
    -moz-transform: scale(0.68);
    -o-transform: scale(0.68);
    -ms-transform: scale(0.68);
    -webkit-transform: scale(0.68);
    transform: scale(0.68); } }

@media only screen and (max-width: 767px) {
  #mit-amadeus body {
    transform-origin: 50% 50% 0;
    background: #fff;
    position: relative; }
  #mit-amadeus #main-container {
    display: none; }
  #mit-amadeus #mobile-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    height: 230px;
    display: block; }
    #mit-amadeus #mobile-header .box-cont {
      position: absolute;
      width: 100%;
      top: 0; }
      #mit-amadeus #mobile-header .box-cont h1 {
        opacity: 0;
        background: none;
        padding-bottom: 50px; }
    #mit-amadeus #mobile-header .large {
      position: absolute;
      opacity: 1;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      #mit-amadeus #mobile-header .large.active {
        opacity: 0; }
    #mit-amadeus #mobile-header .small {
      position: relative;
      opacity: 0;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      #mit-amadeus #mobile-header .small.active {
        opacity: 1; }
      #mit-amadeus #mobile-header .small.long h1 {
        padding-bottom: 80px; }
      #mit-amadeus #mobile-header .small h1 {
        font-size: 1.375em;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #mit-amadeus #mobile-header .small h1 span {
          font-size: 2.5em;
          width: 100%;
          display: block; }
      #mit-amadeus #mobile-header .small .box {
        position: absolute;
        bottom: 45px;
        height: 28px;
        margin: 0 0 10px 0;
        left: 50%;
        opacity: 0;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
        #mit-amadeus #mobile-header .small .box.active {
          opacity: 1; }
        #mit-amadeus #mobile-header .small .box span {
          background: #c0282d;
          color: #fff;
          font-family: "proxima-nova", Arial, Helvetica, sans-serif;
          font-weight: 500;
          padding: 0 5px;
          text-transform: uppercase;
          margin-right: 10px;
          font-size: 1.5em;
          line-height: 1.1875em;
          position: absolute;
          width: 154px;
          text-align: center;
          left: 50%;
          -moz-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
    #mit-amadeus #mobile-header .header {
      height: 15px;
      width: 100%;
      background-color: #c0282d; }
    #mit-amadeus #mobile-header h1 {
      font-family: "Geogrotesque-Md", Georgia, Times, serif;
      color: #c0282d;
      text-align: center;
      font-size: 3.4375em;
      padding: 30px 20px 50px 20px;
      margin-bottom: 20px;
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+87,1+87,0+100 */
      background: -moz-linear-gradient(top, white 0%, white 87%, rgba(255, 255, 255, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, white 0%, white 87%, rgba(255, 255, 255, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, white 0%, white 87%, rgba(255, 255, 255, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
      /* IE6-9 */ }
      #mit-amadeus #mobile-header h1 span {
        font-family: "Geogrotesque-SmBd", Georgia, Times, serif; }
  #mit-amadeus #main-mobile {
    display: block;
    position: relative;
    padding-top: 175px; }
    #mit-amadeus #main-mobile img {
      width: 100%; }
    #mit-amadeus #main-mobile .mobile-section {
      padding: 30px 0;
      position: relative; }
      #mit-amadeus #main-mobile .mobile-section .users {
        width: 180px;
        height: 180px;
        background-size: 100%;
        margin: 0 auto 50px auto;
        position: relative; }
        #mit-amadeus #main-mobile .mobile-section .users span {
          display: block;
          width: 100%;
          text-align: center;
          position: absolute;
          bottom: -30px;
          color: #8cc540;
          font-family: "Geogrotesque-SmBd", Georgia, Times, serif;
          font-size: 1.5em;
          line-height: 1.1875em; }
      #mit-amadeus #main-mobile .mobile-section .box {
        position: relative;
        height: 28px;
        margin: 0 0 10px 0;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
        #mit-amadeus #main-mobile .mobile-section .box span {
          background: #c0282d;
          color: #fff;
          font-family: "proxima-nova", Arial, Helvetica, sans-serif;
          font-weight: 500;
          padding: 0 5px;
          text-transform: uppercase;
          margin-right: 10px;
          font-size: 1.5em;
          line-height: 1.1875em;
          position: absolute;
          width: 154px;
          text-align: center;
          left: 50%;
          -moz-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
      #mit-amadeus #main-mobile .mobile-section.mobile-section0 {
        border-top: 0; }
        #mit-amadeus #main-mobile .mobile-section.mobile-section0 img {
          width: 90%;
          margin: 0 auto;
          display: block; }
      #mit-amadeus #main-mobile .mobile-section.mobile-section1 .users {
        background-image: url(../img/nav-icon1.png); }
      #mit-amadeus #main-mobile .mobile-section.mobile-section2 .users {
        background-image: url(../img/nav-icon2.png); }
      #mit-amadeus #main-mobile .mobile-section.mobile-section2 .mobile-aggregate {
        height: 300px; }
        #mit-amadeus #main-mobile .mobile-section.mobile-section2 .mobile-aggregate .bubble .bubble-item.bubble-item2 {
          top: 130px; }
      #mit-amadeus #main-mobile .mobile-section.mobile-section3 .users {
        background-image: url(../img/nav-icon3.png); }
      #mit-amadeus #main-mobile .mobile-section.mobile-section3 .mobile-aggregate {
        margin-top: 40px; }
      #mit-amadeus #main-mobile .mobile-section.mobile-section4 .users {
        background-image: url(../img/nav-icon4.png); }
      #mit-amadeus #main-mobile .mobile-section.mobile-section4 .mobile-aggregate {
        height: 300px; }
        #mit-amadeus #main-mobile .mobile-section.mobile-section4 .mobile-aggregate .bubble .bubble-item span {
          padding: 61px 0 0 0; }
        #mit-amadeus #main-mobile .mobile-section.mobile-section4 .mobile-aggregate .bubble .bubble-item.bubble-item2 {
          top: 130px; }
        #mit-amadeus #main-mobile .mobile-section.mobile-section4 .mobile-aggregate .bubble .bubble-item.line-4 span {
          padding: 51px 0 0 0; }
      #mit-amadeus #main-mobile .mobile-section.mobile-section5 {
        padding-bottom: 70px; }
        #mit-amadeus #main-mobile .mobile-section.mobile-section5 .box {
          padding: 0 20px; }
          #mit-amadeus #main-mobile .mobile-section.mobile-section5 .box span {
            position: static; }
        #mit-amadeus #main-mobile .mobile-section.mobile-section5 p {
          text-align: left; }
      #mit-amadeus #main-mobile .mobile-section .tech-item {
        width: 170px;
        height: 170px;
        position: static;
        opacity: 1;
        margin: 0 auto 50px auto;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
        #mit-amadeus #main-mobile .mobile-section .tech-item span {
          display: block;
          width: 100%;
          position: absolute;
          top: auto;
          bottom: -30px;
          font-size: 1.5em;
          line-height: 1.1875em; }
      #mit-amadeus #main-mobile .mobile-section .travel-item {
        width: 200px;
        height: 170px;
        position: static;
        opacity: 1;
        margin: 0 auto;
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
        #mit-amadeus #main-mobile .mobile-section .travel-item span {
          display: block;
          width: 100%;
          position: absolute;
          top: auto;
          bottom: -30px;
          font-size: 1.5em;
          line-height: 1.1875em; }
      #mit-amadeus #main-mobile .mobile-section .mobile-aggregate {
        position: relative;
        width: 364px;
        margin: 20px auto 0 auto;
        height: 362px; }
        #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .travel-item {
          width: 147px;
          height: 128px;
          position: static;
          opacity: 1;
          margin: 0 auto 30px auto; }
          #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .travel-item span {
            display: block;
            width: 100%;
            position: absolute;
            top: auto;
            bottom: -30px;
            font-size: 1.75em;
            line-height: 1.1875em; }
        #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .agg-item {
          top: 56px;
          position: absolute; }
          #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .agg-item.agg-item1 {
            left: 0; }
          #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .agg-item.agg-item2 {
            top: -6px;
            left: 50%;
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
          #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .agg-item.agg-item3 {
            right: 0; }
          #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .agg-item.agg-item4 {
            top: 118px;
            left: 50%;
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
        #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .bubble {
          opacity: 0;
          -moz-transform: translate(0px, -10px);
          -o-transform: translate(0px, -10px);
          -ms-transform: translate(0px, -10px);
          -webkit-transform: translate(0px, -10px);
          transform: translate(0px, -10px);
          -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
          #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .bubble.active {
            opacity: 1;
            -moz-transform: translate(0px, 0px);
            -o-transform: translate(0px, 0px);
            -ms-transform: translate(0px, 0px);
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
          #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .bubble .bubble-item {
            opacity: 1;
            width: 129px;
            height: 117px;
            background-image: url(../img/mobile-bubble.png); }
            #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .bubble .bubble-item span {
              width: 80%;
              display: block;
              padding: 66px 0 0 0;
              font-size: 0.75em; }
            #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .bubble .bubble-item.mobile-pos1 {
              top: 184px;
              left: 10px; }
            #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .bubble .bubble-item.mobile-pos2 {
              top: 246px;
              left: 117px; }
            #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .bubble .bubble-item.mobile-pos3 {
              top: 184px;
              left: 224px; }
            #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .bubble .bubble-item.mobile-pos4 {
              top: -35px;
              left: 237px;
              background-image: url(../img/mobile-bubble2.png); }
              #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .bubble .bubble-item.mobile-pos4 span {
                padding: 13px 0 0 14px !important; }
            #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .bubble .bubble-item.line-4 span {
              padding: 55px 0 0 0; }
            #mit-amadeus #main-mobile .mobile-section .mobile-aggregate .bubble .bubble-item.line-3 span {
              padding: 62px 0 0 0; }
    #mit-amadeus #main-mobile p {
      font-family: "proxima-nova", Arial, Helvetica, sans-serif;
      font-weight: 300;
      color: #636466;
      font-size: 1.5em;
      line-height: 1.1875em;
      margin-bottom: 30px;
      text-align: center;
      padding: 0 20px;
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    #mit-amadeus #main-mobile .arrow-row {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      margin: 30px 0; }
      #mit-amadeus #main-mobile .arrow-row .arrow {
        width: 51px;
        height: 70px;
        background-size: 100%;
        margin: 0 5px;
        background-repeat: no-repeat; }
      #mit-amadeus #main-mobile .arrow-row .arrow-green {
        background-image: url(../img/mobile-arrow-green.png); }
      #mit-amadeus #main-mobile .arrow-row .arrow-blue {
        background-image: url(../img/mobile-arrow-blue.png); }
      #mit-amadeus #main-mobile .arrow-row .arrow-blue-fade {
        background-image: url(../img/mobile-arrow-blue-fade.png); }
      #mit-amadeus #main-mobile .arrow-row .line-blue-fade {
        background-image: url(../img/mobile-line-blue-fade.png); }
      #mit-amadeus #main-mobile .arrow-row .arrow-red {
        background-image: url(../img/mobile-arrow-red.png); }
    #mit-amadeus #main-mobile .text-row {
      margin: 20px 0; }
      #mit-amadeus #main-mobile .text-row p {
        font-family: "Geogrotesque-Rg", Georgia, Times, serif;
        color: #000; }
  #mit-amadeus .fade-in {
    opacity: 0 !important;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #mit-amadeus .fade-in.active {
      opacity: 1 !important; }
  #mit-amadeus .fade-in-down {
    opacity: 0 !important;
    -moz-transform: translate(0px, -10px) !important;
    -o-transform: translate(0px, -10px) !important;
    -ms-transform: translate(0px, -10px) !important;
    -webkit-transform: translate(0px, -10px) !important;
    transform: translate(0px, -10px) !important;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #mit-amadeus .fade-in-down.active {
      opacity: 1 !important;
      -moz-transform: translate(0px, 0px) !important;
      -o-transform: translate(0px, 0px) !important;
      -ms-transform: translate(0px, 0px) !important;
      -webkit-transform: translate(0px, 0px) !important;
      transform: translate(0px, 0px) !important; }
  #mit-amadeus .fade-in-grow {
    opacity: 0 !important;
    -moz-transform: scale(1.3) !important;
    -o-transform: scale(1.3) !important;
    -ms-transform: scale(1.3) !important;
    -webkit-transform: scale(1.3) !important;
    transform: scale(1.3) !important;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #mit-amadeus .fade-in-grow.active {
      opacity: 1 !important;
      -moz-transform: scale(1) !important;
      -o-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
      -webkit-transform: scale(1) !important;
      transform: scale(1) !important; }
  #mit-amadeus #sections {
    display: none; } }

@media only screen and (max-width: 490px) {
  #mit-amadeus #main-mobile {
    padding-top: 190px; } }