@font-face {
    font-family: 'Interstate';
    src: url(/fonts/interstate-light/interstate-light.eot);
    src: url(/fonts/interstate-light/interstate-light.woff) format("woff"),url(/fonts/interstate-light/interstate-light.ttf) format("truetype"),url(/fonts/interstate-light/interstate-light.svg) format("svg");
    font-weight: 400
}

@font-face {
    font-family: 'Interstate';
    src: url(/fonts/interstate-regular/interstate-regular.eot);
    src: url(/fonts/interstate-regular/interstate-regular.woff) format("woff"),url(/fonts/interstate-regular/interstate-regular.ttf) format("truetype"),url(/fonts/interstate-regular/interstate-regular.svg) format("svg");
    font-weight: 500
}

@font-face {
    font-family: 'Interstate';
    src: url(/fonts/interstate-bold/interstate-bold.eot);
    src: url(/fonts/interstate-bold/interstate-bold.woff) format("woff"),url(/fonts/interstate-bold/interstate-bold.ttf) format("truetype"),url(/fonts/interstate-bold/interstate-bold.svg) format("svg");
    font-weight: 700
}

@font-face {
    font-family: 'Interstate';
    src: url(/fonts/interstate-light-italic/interstate-lightitalic.eot);
    src: url(/fonts/interstate-light-italic/interstate-lightitalic.woff) format("woff"),url(/fonts/interstate-light-italic/interstate-lightitalic.ttf) format("truetype"),url(/fonts/interstate-light-italic/interstate-lightitalic.svg) format("svg");
    font-weight: 400;
    font-style: italic
}

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

.text--title {
  font-size: 18px;
  font-weight: 600;
  font-family: Interstate, Arial, sans-serif;
  line-height: 1.4;
  color: #505050
}

.text--headline {
  font-size: 24px;
  font-weight: 700;
  font-family: Interstate, Arial, sans-serif
}

.text--label--bold {
  font-size: 14px;
  font-weight: 600;
  font-family: Interstate, Arial, sans-serif;
  color: #505050
}

.text--body,
.text--description {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  font-family: Interstate, Arial, sans-serif
}

.text--description {
  color: #505050
}

.text--link,
.text__link--no-underline,
.text--link--gray-standalone {
  font-size: 15px;
  font-weight: 400;
  color: #1e7bed;
  font-family: Interstate, Arial, sans-serif
}

.text--link:focus,
.text__link--no-underline:focus,
.text--link--gray-standalone:focus {
  outline: thin dotted #999999
}

.text--underline-on-hover:hover {
  text-decoration: underline
}

.text__link--no-underline {
  text-decoration: none
}

.text--link--gray-standalone {
  color: #777777;
  text-decoration-color: #aaaaaa
}

.text--link--gray-standalone:hover {
  color: #505050
}

.text--link--white {
  color: white;
  text-tecoration-color: white
}

.text--link--white:hover {
  color: white
}

.text__link--pointer {
  cursor: pointer
}

.text__link--light-blue {
  color: #54bbff
}

.text__link--light-blue:hover {
  color: #1f9aff
}

.text__link--small {
  font-size: 13px
}

.text--detail {
  font-size: 14px;
  font-weight: 400;
  font-family: Interstate, Arial, sans-serif
}

.text--detail--small {
  font-size: 13px;
  font-family: Interstate, Arial, sans-serif;
  color: #b3b3b3
}

.text--label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #777777;
  font-family: Interstate, Arial, sans-serif
}

.text--subtitle {
  font-style: italic;
  color: #777777;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  font-family: Interstate, Arial, sans-serif
}

.text--gray-7 {
  color: #777777
}

.ellipsis--72max {
  max-width: 72px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block
}

.text--ellipsis {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

a.underline-link {
  text-decoration: underline
}

a.no-underline-link {
  text-decoration: none
}

@-webkit-keyframes grow {
  0%,
  100% {
    -webkit-transform: scale(1)
  }
  40%,
  60% {
    -webkit-transform: scale(0)
  }
  50% {
    -webkit-transform: scale(0)
  }
}

@keyframes grow {
  0%,
  100% {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1)
  }
  40%,
  60% {
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0)
  }
  50% {
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0)
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
  }
}

@keyframes blink {
  0%,
  100% {
    opacity: 1
  }
  40% {
    opacity: .3
  }
}

img {
  border: 0
}

a.no-hover:hover {
  background: none
}

body {
  margin: 0;
  padding: 0;
  background: white;
  font-family: Arial, Verdana, sans-serif;
  color: #444
}

#page {
  background-color: #fff;
  border: 1px solid #e5e4e2;
  border-top: none;
  padding: 0 2em 0 2em
}

h1 {
  font-size: 1.5em
}

h2 {
  font-size: 18px;
  font-family: Interstate, Arial, sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  margin-top: 22px
}

#header {
  position: relative
}

#logo h1 {
  font-size: 4em;
  letter-spacing: -0.05em;
  color: #000000;
  margin: 0em
}

#logo h1 a,
#logo h1 a:visited {
  color: #000000
}

#logo h1 a:hover {
  color: #404040
}

#page_footer {
  clear: both
}

#centered_column {
  width: 960px;
  margin: 0 auto;
  position: relative
}

#box {
  margin: 15% 0 0 0;
  background-color: #fff;
  padding: 0px 137px 0px 0px;
  width: 823px;
  height: 266px;
  margin-left: auto;
  margin-right: auto
}

#box #banner {
  float: left;
  width: 415px;
  height: 266px;
  padding: 0
}

#box #banner h1.logo {
  font-size: 4em;
  letter-spacing: -0.05em;
  margin: 0;
  text-align: center;
  margin-top: 0px
}

#box #login_form {
  background-color: #eeeeee;
  float: right;
  position: relative;
  padding-left: 43px;
  width: 365px;
  padding-top: 15px;
  padding-bottom: 36px
}

#box #login_form ul a {
  text-decoration: none;
  color: #54bbff
}

#box #login_form ul a:hover {
  color: #138edf
}

#box #login_form .text404 {
  font-size: 17px;
  font-family: Interstate, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: 2;
  color: #555555
}

.disabled,
.disabled:hover,
.disabled:active {
  border: 3px solid #D5D2CD;
  background-color: #F1EFEB;
  color: #aaa
}

.disabled,
.disabled:hover,
.disabled:active {
  border: 3px solid #D5D2CD;
  background-color: #F1EFEB;
  color: #aaa
}

p.text_404 {
  font-size: 14px;
  line-height: 25px;
  font-family: Interstate, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 10px
}

p.text_404 a {
  text-decoration: none !important;
  color: #54bbff
}

p.text_404 a:hover {
  color: #138edf
}

img.image_404 {
  margin-left: 90px;
  margin-top: 44px
}

.iphone-toggle {
  padding: .5em 1em;
  display: block;
  background: black;
  color: white
}

.iphone-toggle:hover {
  color: white
}