@charset "UTF-8";
body {
  background: #737B82;
  color: #DBE3E8;
  font: 400 16px/18px Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  position: relative; }

a, a:visited {
  color: #00C0FF;
  text-decoration: none; }
  a:hover, a:visited:hover {
    text-decoration: underline; }

#page {
  background: #737B82;
  padding: 50px 0; }

.clearfix:after, .clr:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .clearfix, * html .clr {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix, *:first-child + html .clr {
  zoom: 1; }

/* IE7 */
.container {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 20px;
  width: 980px; }

hr {
  background: #5B6770;
  border-radius: 50px;
  border: 0;
  height: 3px;
  margin: 40px 0; }

.header[role="banner"] {
  margin-bottom: 40px;
  position: relative;
  text-align: center;
  z-index: 1;
  background: transparent !important;
  padding:0px;  }
  .header[role="banner"] .small-logo {
    margin-bottom: 10px; }
  .header[role="banner"] .crown {
    position: relative;
    width: 100%; }
    .header[role="banner"] .crown:before {
      background: #5B6770;
      border-radius: 50px;
      content: "";
      display: block;
      height: 3px;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin-top: -1px;
      width: 100%;
      z-index: 1; }
  .header[role="banner"] .brand-mark {
    background: #737B82;
    display: inline-block;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    z-index: 2; }
  .header[role="banner"] .brand-name {
    margin: 0 auto;
    margin-top: 10px; }
  .header[role="banner"] .adni-logo {
    background: #fff;
    border-radius: 50%;
    height: 158px;
    margin: 0 auto;
    position: relative;
    width: 158px; }
    .header[role="banner"] .adni-logo img {
      position: absolute;
      top: 50%;
      margin-top: -32px;
      left: 50%;
      margin-left: -49px; }
  .header[role="banner"] h1 {
    display: none; }

.footer[role="contentinfo"] {
  margin-top: -20px;
  padding: 0 0 30px;
  font-size: 0.85em;
  background: transparent !important;
}
  .footer[role="contentinfo"] ul {
    display: inline-block; }
    .footer[role="contentinfo"] ul a, .footer[role="contentinfo"] ul a:visited {
      color: #A7B7C2;
      display: inline-block;
      text-decoration: none; }
      .footer[role="contentinfo"] ul a:hover, .footer[role="contentinfo"] ul a:visited:hover {
        color: #fff;
        text-decoration: underline; }
  .footer[role="contentinfo"] li {
    display: inline-block;
    float: left; }
    .footer[role="contentinfo"] li:before {
      color: #737B82;
      content: "•";
      margin: 0 10px; }
    .footer[role="contentinfo"] li:first-child:before {
      content: ""; }

.content {
  margin: 0 auto;
  width: 680px; }
  .content p {
    line-height: 1.35em;
    text-align: center; }
    .content p strong {
      font-weight: 600; }
  .content p:first-child {
    color: #fff;
    font-size: 1.125em;
    line-height: 1.35em; }
  .content p + p {
    margin: 0 auto;
    width: 460px; }

.card {
  float: left;
  position: relative;
  text-align: left;
  width: 100%; }
  .card .card-inner {
    border-radius: 2px;
    box-sizing: border-box;
    padding: 46px 20px 49px;
    position: relative;
    top: 6px;
    margin-bottom: 6px; }
    .card .card-inner:before {
      background: #5B6770;
      border-radius: 50px;
      content: "";
      display: inline-block;
      height: 3px;
      position: absolute;
      top: -6px;
      left: 0;
      width: 100%; }
    .card .card-inner:after {
      background: #5B6770;
      border-radius: 50px;
      content: "";
      display: inline-block;
      height: 3px;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
  .card:first-child .card-inner {
    margin-right: 2px; }
  .card + .card .card-inner {
    margin-left: 2px; }
  .card h4 {
    color: #A7B7C2;
    font-size: 0.9em;
    margin-top: 0;
    margin-bottom: 5px; }

h2 {
  color: #fff;
  font-weight: 100;
  margin: 0 0 20px; }

ul.unstyled {
  list-style-type: none;
  margin: 0;
  padding: 0; }

ul.browser-list {
  margin: 40px -80px 60px;
  padding: 0 80px;
  position: relative;
  z-index: 1; }
  ul.browser-list:before {
    background: #5B6770;
    content: "";
    border-radius: 50px;
    height: 1px;
    position: absolute;
    top: 33px;
    left: 0;
    margin-top: -1px;
    width: 100%;
    z-index: -1; }
  ul.browser-list li {
    color: #A7B7C2;
    font-size: 0.875em;
    font-weight: 600;
    display: inline-block;
    float: left;
    text-align: center;
    width: 25%; }
  ul.browser-list .browser-item {
    background: #737B82;
    border-radius: 50%;
    display: inline-block;
    height: 64px;
    padding: 0 6px;
    width: 64px; }

ul.check-list {
  box-sizing: border-box;
  font-size: 0.9em;
  font-weight: 400;
  margin: 0 auto; }
  ul.check-list li {
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 33.332%; }
  ul.check-list .check-result {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 13px;
    bottom: 5px;
    width: 32px; }
    ul.check-list .check-result img {
      position: absolute;
      top: 50%;
      margin-top: -9px;
      left: 50%;
      margin-left: -9px;
      width: 18px; }
    ul.check-list .check-result.result-true {
      background: #84BD00; }
    ul.check-list .check-result.result-false {
      background: #FA4616; }
  ul.check-list .check-label {
    background: #5B6770;
    border-radius: 2px;
    display: block;
    padding: 8px 15px 8px 47px;
    margin: 2px 10px; }

ul.guide-list {
  margin: 0;
  padding: 0 17px; }
  ul.guide-list li {
    color: #A7B7C2;
    margin: 0;
    line-height: 0.8em;
    padding: 5px 0; }
  ul.guide-list a {
    color: #fff;
    font-size: 0.8em; }

.btn, a.btn {
  background: #00A3E0;
  border-radius: 50px;
  color: #2A3035;
  display: inline-block;
  font-weight: 700;
  padding: 10px 15px;
  text-decoration: none; }
  .btn.btn-outline, a.btn.btn-outline {
    background: transparent;
    border: 1px solid #A7B7C2;
    color: #DBE3E8; }

.call-out {
  background: #2A3035;
  padding: 40px 0; }
  .call-out h2 {
    color: #fff;
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center; }
  .call-out p {
    line-height: 1.35em;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 700px; }
    .call-out p strong {
      font-weight: 600; }
    .call-out p:first-of-type {
      color: #fff;
      font-size: 1.1em;
      line-height: 1.35em; }
    .call-out p + p {
      color: #A7B7C2;
      width: 460px; }

/*# sourceMappingURL=base-dark.css.map */