header {
  background-color: #ffffff;
  border-radius: 2px;
  height: 48px;
  width: 100%;
  position: relative;
}
.switcher-container {
  cursor: pointer;
  position: relative;
  height: 32px;
  width: 300px;
  margin-bottom: 20px;
  border-radius: 2px;
  border: solid 1px rgba(37, 37, 37, 0.15);
  background-color: #fff;
  box-sizing: border-box;
}
.switcher-container.language-switcher {
  position: absolute;
  right: 20px;
  top: 7px;
}
.switcher-container .switcher-dropdown {
  background: #fff;
  position: absolute;
  top: 30px;
  width: 298px;
  left: -1px;
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  border: solid 1px rgba(0, 0, 0, 0.08);
  display: none;
  z-index: 1;
}
.switcher-container .switcher-dropdown.visible {
  display: block;
}
.switcher-container .switcher-dropdown .switcher-item {
  padding: 10px 10px;
  cursor: pointer;
}
.switcher-container .switcher-header {
  cursor: pointer;
  padding: 5px;
}
.switcher-container .flag {
  position: relative;
  top: 2px;
  margin-right: 5px;
  margin-top: 1px;
  left: 3px;
}
.switcher-container label {
  color: #252525;
  cursor: pointer;
}
.switcher-container .flag-icon {
  margin: 4px 10px 0 0;
}
.switcher-container .select-trigger {
  position: absolute;
  right: 5px;
  color: #555;
  top: 8px;
}
footer {
  height: 48px;
  background-color: #3c414a;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.8);
}
footer .footer-content {
  position: relative;
}
footer .footer-content .powered-by {
  text-transform: uppercase;
  font-size: 11px;
}
footer .footer-content .brand {
  font-size: 14px;
  color: #fff;
}
footer .footer-content .footer-links {
  position: absolute;
  right: 0;
  top: -7px;
}
footer .footer-content .footer-links ul {
  list-style-type: none;
}
footer .footer-content .footer-links ul li {
  display: inline-block;
  margin-right: 10px;
}
footer .footer-content .footer-links .border-right {
  border-right: 1px solid rgba(255, 255, 255, 0.8);
  padding-right: 10px;
}
main {
  width: 552px;
  height: 331px;
  background-color: #ffffff;
  border-radius: 2px;
  position: absolute;
  left: 50%;
  margin-left: -276px;
  top: 50%;
  margin-top: -213px;
  box-sizing: border-box;
  padding: 20px;
}
.logo-container {
  margin-top: 30px;
}
.text-container {
  color: rgba(37, 37, 37, 0.8);
  margin: 20px 0 35px;
}
.text-container h2 {
  font-size: 16px;
  font-weight: 600;
  color: #252525;
  text-transform: uppercase;
}
.input-container {
  position: relative;
  margin-bottom: 24px;
}
.input-container .content {
  width: 640px;
  height: 442px;
  border-radius: 2px;
  border: solid 1px rgba(37, 37, 37, 0.15);
  background-color: #ffffff;
  overflow: auto;
  padding: 15px;
  line-height: 1.7;
  color: #252525;
}
.input-container label {
  display: block;
  margin-bottom: 10px;
  color: rgba(37, 37, 37, 0.8);
}
.input-container i {
  color: #00aff0;
  margin-bottom: 24px;
  position: absolute;
  left: 10px;
  bottom: -14px;
}
.input-container .email-input {
  color: rgba(37, 37, 37, 0.9);
  padding: 11px 5px 10px 30px;
  width: 68%;
  height: 35px;
  box-sizing: border-box;
}
.err-container {
  color: #c00;
  font-weight: bold;
  padding-bottom: 15px;
  margin-bottom: -10px;
}
.provider-switcher-container {
  margin-bottom: 24px;
}
.provider-switcher-tiles .switcher-item {
  width: 18%;
  border: 1px solid #ccc;
  margin-right: 2%;
  padding: 5px 10px;
  line-height: 8px;
  float: left;
  cursor: pointer;
  text-align: center;
}
.provider-switcher-tiles .switcher-item label {
  position: relative;
  top: -5px;
  cursor: pointer;
}
.eula main {
  width: 744px;
  height: 720px;
  margin-left: -372px;
  margin-top: -360px;
}
button {
  cursor: pointer;
}
button.primary {
  width: 189px;
  height: 32px;
  border-radius: 2px;
  background-color: #00aff0;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  margin-right: 10px;
}
button.secondary {
  width: 165px;
  height: 32px;
  border-radius: 2px;
  background-color: #3c414a;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
}
button.disabled {
  opacity: 0.2;
  pointer-events: none;
}
button.agree-btn {
  float: right;
  margin-right: 30px;
}
a,
a:active,
a:hover,
a:link {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.markdown {
  font-size: 12px;
  line-height: 1.7;
  overflow: hidden;
}
.markdown > *:first-child {
  margin-top: 0 !important;
}
.markdown > *:last-child {
  margin-bottom: 0 !important;
}
.markdown a.absent {
  color: #c00;
}
.markdown a.anchor {
  display: block;
  padding-left: 30px;
  margin-left: -30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  margin: 1em 0 15px;
  padding: 0;
  font-weight: bold;
  line-height: 1.7;
  cursor: text;
  position: relative;
}
.markdown h1 .octicon-link,
.markdown h2 .octicon-link,
.markdown h3 .octicon-link,
.markdown h4 .octicon-link,
.markdown h5 .octicon-link,
.markdown h6 .octicon-link {
  display: none;
  color: #000;
}
.markdown h1:hover a.anchor,
.markdown h2:hover a.anchor,
.markdown h3:hover a.anchor,
.markdown h4:hover a.anchor,
.markdown h5:hover a.anchor,
.markdown h6:hover a.anchor {
  text-decoration: none;
  line-height: 1;
  padding-left: 0;
  margin-left: -22px;
  top: 15%;
}
.markdown h1:hover a.anchor .octicon-link,
.markdown h2:hover a.anchor .octicon-link,
.markdown h3:hover a.anchor .octicon-link,
.markdown h4:hover a.anchor .octicon-link,
.markdown h5:hover a.anchor .octicon-link,
.markdown h6:hover a.anchor .octicon-link {
  display: inline-block;
}
.markdown h1 tt,
.markdown h1 code,
.markdown h2 tt,
.markdown h2 code,
.markdown h3 tt,
.markdown h3 code,
.markdown h4 tt,
.markdown h4 code,
.markdown h5 tt,
.markdown h5 code,
.markdown h6 tt,
.markdown h6 code {
  font-size: inherit;
}
.markdown h1 {
  font-size: 2.5em;
  border-bottom: 1px solid #ddd;
}
.markdown h2 {
  font-size: 2em;
  border-bottom: 1px solid #eee;
}
.markdown h3 {
  font-size: 1.5em;
}
.markdown h4 {
  font-size: 1.2em;
}
.markdown h5 {
  font-size: 1em;
}
.markdown h6 {
  color: #777;
  font-size: 1em;
}
.markdown p,
.markdown blockquote,
.markdown ul,
.markdown ol,
.markdown dl,
.markdown table,
.markdown pre {
  margin: 15px 0;
}
.markdown hr {
  background: transparent;
  border: 0 none;
  color: #ccc;
  height: 4px;
  padding: 0;
  margin: 15px 0;
}
.markdown li p.first {
  display: inline-block;
}
.markdown ul,
.markdown ol {
  padding-left: 30px;
}
.markdown ul.no-list,
.markdown ol.no-list {
  list-style-type: none;
  padding: 0;
}
.markdown ul ul,
.markdown ul ol,
.markdown ol ol,
.markdown ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.markdown dl {
  padding: 0;
}
.markdown dl dt {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 0;
  margin-top: 15px;
}
.markdown dl dd {
  margin-bottom: 15px;
  padding: 0 15px;
}
.markdown blockquote {
  border-left: 4px solid #ddd;
  padding: 0 15px;
  color: #777;
}
.markdown blockquote > :first-child {
  margin-top: 0px;
}
.markdown blockquote > :last-child {
  margin-bottom: 0px;
}
.markdown table {
  width: 100%;
  overflow: auto;
  display: block;
  border-spacing: 0;
  border-collapse: collapse;
}
.markdown table th {
  font-weight: bold;
}
.markdown table th,
.markdown table td {
  border: 1px solid #ddd;
  padding: 6px 13px;
}
.markdown table tr {
  border-top: 1px solid #ccc;
  background-color: #fff;
}
.markdown table tr:nth-child(2n) {
  background-color: #f8f8f8;
}
.markdown img {
  max-width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.markdown span.frame {
  display: block;
  overflow: hidden;
}
.markdown span.frame > span {
  border: 1px solid #ddd;
  display: block;
  float: left;
  overflow: hidden;
  margin: 13px 0 0;
  padding: 7px;
  width: auto;
}
.markdown span.frame span img {
  display: block;
  float: left;
}
.markdown span.frame span span {
  clear: both;
  color: #333;
  display: block;
  padding: 5px 0 0;
}
.markdown span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown span.align-center > span {
  display: block;
  overflow: hidden;
  margin: 13px auto 0;
  text-align: center;
}
.markdown span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.markdown span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown span.align-right > span {
  display: block;
  overflow: hidden;
  margin: 13px 0 0;
  text-align: right;
}
.markdown span.align-right span img {
  margin: 0;
  text-align: right;
}
.markdown span.float-left {
  display: block;
  margin-right: 13px;
  overflow: hidden;
  float: left;
}
.markdown span.float-left span {
  margin: 13px 0 0;
}
.markdown span.float-right {
  display: block;
  margin-left: 13px;
  overflow: hidden;
  float: right;
}
.markdown span.float-right > span {
  display: block;
  overflow: hidden;
  margin: 13px auto 0;
  text-align: right;
}
.markdown code,
.markdown tt {
  margin: 0 2px;
  padding: 0px 5px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  border-radius: 3px;
}
.markdown code {
  white-space: nowrap;
}
.markdown pre > code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent;
}
.markdown .highlight pre,
.markdown pre {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px;
}
.markdown pre code,
.markdown pre tt {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
.markdown a {
  color: #0366d6;
  text-decoration: none;
}
.markdown a:hover {
  text-decoration: underline;
}
* {
  outline: none;
}
body {
  background: #e9e9e9;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}