@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,800&display=swap);
 .text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.pull-left { float: left; }

.pull-right { float: right; }

.clear:before, .clear:after { display: table; content: ""; line-height: 0; }

.clear:after { clear: both; }

.hidden { display: none; }

.width-fill { width: 100%; }

.pad-right { margin-right: 15px; }

.transition-all { transition: all 200ms ease; }

body { font-family: "Poppins", sans-serif; background-color: #000000; font-size: 17px; }

a { color: initial; }

h1, h2, h3, h4 { font-family: "Poppins", cursive; color: #089BFD; }

h1 { color: white; font-size: 39px; }

h2 { font-size: 19px; }

h3 { font-size: initial; }

h4 { font-size: initial; }

.btn-default { background-color: #089BFD; color: white; border-color: #089BFD; }

.btn-primary { background-color: white; color: black; border-color: black; }

.btn-secondary { background-color: white; color: black; border-color: black; }

.btn-link { color: initial; }

.btn-facebook, .btn-twitter { border: 0; }

.row { margin-left: -15px; margin-right: -15px; }

.col-md-1, .col-md-2, .form-horizontal .control-label, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .form-horizontal .form-control, .form-horizontal .checkbox, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 15px; padding-right: 15px; }

.col-md-1 { width: 8.33333%; }

.col-push-1 { margin-left: 8.33333%; }

.col-pull-1 { margin-right: 8.33333%; }

.col-md-2 { width: 16.66667%; }

.col-push-2 { margin-left: 16.66667%; }

.col-pull-2 { margin-right: 16.66667%; }

.form-horizontal .control-label, .col-md-3 { width: 25%; }

.form-horizontal .checkbox, .col-push-3 { margin-left: 25%; }

.col-pull-3 { margin-right: 25%; }

.col-md-4 { width: 33.33333%; }

.col-push-4 { margin-left: 33.33333%; }

.col-pull-4 { margin-right: 33.33333%; }

.col-md-5 { width: 41.66667%; }

.col-push-5 { margin-left: 41.66667%; }

.col-pull-5 { margin-right: 41.66667%; }

.col-md-6 { width: 50%; }

.col-push-6 { margin-left: 50%; }

.col-pull-6 { margin-right: 50%; }

.col-md-7 { width: 58.33333%; }

.col-push-7 { margin-left: 58.33333%; }

.col-pull-7 { margin-right: 58.33333%; }

.col-md-8 { width: 66.66667%; }

.col-push-8 { margin-left: 66.66667%; }

.col-pull-8 { margin-right: 66.66667%; }

.form-horizontal .form-control, .form-horizontal .checkbox, .col-md-9 { width: 75%; }

.col-push-9 { margin-left: 75%; }

.col-pull-9 { margin-right: 75%; }

.col-md-10 { width: 83.33333%; }

.col-push-10 { margin-left: 83.33333%; }

.col-pull-10 { margin-right: 83.33333%; }

.col-md-11 { width: 91.66667%; }

.col-push-11 { margin-left: 91.66667%; }

.col-pull-11 { margin-right: 91.66667%; }

.col-md-12 { width: 100%; }

.col-push-12 { margin-left: 100%; }

.col-pull-12 { margin-right: 100%; }

@media (min-width: 0px) and (max-width: 568px) { body { background-size: contain; }
  h1 { font-size: 20px; }
  h2 { font-size: 18px; }
  h3 { font-size: 16px; }
  .badge-enter .col-md-4, .badge-enter .col-md-8 { width: 100%; padding-left: 0; padding-right: 0; }
  #barcode { margin-bottom: 5px; margin-top: 15px; }
  .content-badge-info img { float: none; }
  .form-horizontal .form-control, .form-horizontal .control-label { width: 100%; text-align: left; }
  .form-horizontal .control-label { margin-bottom: 5px; padding-left: 0; padding-right: 0; }
  .form-horizontal .checkbox { margin-left: 0; width: 100%; padding-left: 0; padding-right: 0; }
  .btn-activate { width: 100%; }
  .error { text-align: left; }
  .btn-facebook, .btn-twitter { width: 100%; margin-bottom: 10px; text-align: left; }
  .custom-content img { float: none; }
  .activation-step-3 .text-right { text-align: center; } }

.page-header { text-align: left; }

.logo { margin: 0; }

h1 { max-width: 550px; text-align: left; text-transform: uppercase; line-height: 1.125; }

.hr--header { width: 35%; margin: 10px 0 20px; background: #ffffff; height: 7px; border: 0; }

h2 { text-transform: uppercase; margin-top: 0; }

h3 { color: #000000; }

.page-container { max-width: 686px; }

.activation-step-1 { display: flex; }

@media (min-width: 0px) and (max-width: 568px) { .activation-step-1 { display: block; } }

.container__left { text-align: left; }

@media (min-width: 0px) and (max-width: 568px) { .container__left { text-align: center; } }

.content-badge-info .btn { font-size: 15px; }

.flex-container { display: flex; flex-direction: row; }

@media (min-width: 0px) and (max-width: 568px) { .flex-container { flex-direction: column; } }

.flex-item { text-align: left; }

@media (min-width: 0px) and (max-width: 568px) { .flex-item { text-align: center; } }

.js-btn-activate { margin-top: 10px; }

.form-group.no-label { margin-left: 25%; }

@media (min-width: 0px) and (max-width: 568px) { .form-group.no-label { margin-left: 0; } }

.ol--colored-num { padding-left: 17px; color: #089BFD; font-weight: bold; }

.ol--colored-num span { font-weight: normal; color: #000000; }