main.css

body {
  font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
	background: rgb(66, 66, 186);
	margin-top: 70px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.form-control {
  display:inline;
  width:280px;
  margin-left:10px;
  position:relative;
  font-size:36px;
  height:50px;
  font-weight:600;
  background: url(new_arrow.png) no-repeat right;
  border:none;
  box-shadow:none;
  color:white;
  /*color:#8DD397;*/
  appearance:none;
}

.logo {
  height:50%;
  width:10%;
  margin-bottom:20px;
}
.fadeIn {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.slideDown {
      -webkit-animation: slideDown 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: slideDown 1s; /* Firefox < 16 */
        -ms-animation: slideDown 1s; /* Internet Explorer */
         -o-animation: slideDown 1s; /* Opera < 12.1 */
            animation: slideDown 1s;

}

.slideUp {
      -webkit-animation: slideUp 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: slideUp 1s; /* Firefox < 16 */
        -ms-animation: slideUp 1s; /* Internet Explorer */
         -o-animation: slideUp 1s; /* Opera < 12.1 */
            animation: slideUp 1s;

}

.introRoot {
  text-align: center;
  margin-top:200px;
}

.introRoot h1,
.mainRoot h1 {
  color: white;
  font-weight: 300;
}

.mainRoot {
  text-align: center;
}

.mainRoot h1 {
  display: inline-block;
}

#prefetch {
  display: inline-block;
  margin-left: 16px;
  vertical-align: text-bottom;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slideDown {
  from { top:-51px;}
  to { top:0px;}
}

@keyframes slideUp {
  from { top:0px;}
  to { top:-51px;}
}
.twitter-typeahead {
  background: rgb(66, 66, 186);
  top:8px;
}

#localVideo {
  position:absolute;
  left:5px;
  bottom:15px;
}

.tt-input, /* UPDATE: newer versions use tt-input instead of tt-query */
.tt-hint {
    background-color: rgb(66, 66, 186) !important;
    color: white;
    width: 300px;
    font-weight: 600;
    height: 1.1;
    font-size: 36px;
    line-height: 1.1;
    outline: none;
    border-bottom: 1px dotted white;
    border-top: none;
    border-left: none;
    border-right: none;
}

.tt-hint {
    color: #999;
}

.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    width: 312px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    text-align: left;
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.dropdown {
  display: inline-block;
}



/*BLINKING CURSOR */
/*
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
*/

.progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(66, 66, 186);
  border: none;
  height: 4px;
  margin: 0;
}

.progress-bar {
  background-color: white;
}

.hidden-button {
  display: none;
}


.hidden-nav {
  display:none;
}


select:focus {
  box-shadow: none!important;
}