/* Components (c-) and component state. */

.c-main {
  min-height: 85vh;
}

.c-http-error {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

@media (min-width:48em) {
  .c-http-error {
    height: 50vh;
  }
}

.c-arrow {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.c-arrow svg {
  min-height: 24px;
}

.c-arrow--right {
  padding-left: 6px;
}

.c-arrow--left {
  padding-right: 6px;
}

.c-arrow--left svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.c-arrow--up svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.c-arrow--down svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c-arrow--pos-right {
  float: right;
}

.c-arrow--pos-left {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  float: left;
}

.c-back-to-top {
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 84px;
  right: 12px;
  border-radius: 50%;
  background: rgba(0,204,140,.9);
  -webkit-box-shadow: 3px 3px 15px rgba(74,74,74,.75);
  box-shadow: 3px 3px 15px rgba(74,74,74,.75);
  z-index: 6;
  outline: 0;
  opacity: 0;
  -webkit-transform: translate3d(0,50px,100px);
  transform: translate3d(0,50px,100px);
  -webkit-transform-style: flat;
  transform-style: flat;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

@media (min-width:30em) {
  .c-back-to-top {
    bottom: 128px;
  }
}

@media (min-width:48em) {
  .c-back-to-top {
    right: 48px;
  }
}

.c-back-to-top span {
  line-height: 14px;
}

.c-back-to-top span svg {
  fill: #fff;
}

.c-back-to-top:focus,
.c-back-to-top:hover {
  -webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.3);
  box-shadow: 5px 5px 20px rgba(0,0,0,.3);
}

.c-back-to-top.is-active {
  -webkit-transform: translateZ(100px);
  transform: translateZ(100px);
  opacity: 1;
}

.c-ball {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 3px solid #4a4a4a;
  display: inline-block;
  position: relative;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#ebebeb),color-stop(50%,#fff));
  background-image: -webkit-linear-gradient(bottom,#ebebeb,#fff 50%);
  background-image: -o-linear-gradient(bottom,#ebebeb,#fff 50%);
  background-image: linear-gradient(0deg,#ebebeb,#fff 50%);
}

@media (min-width:30em) {
  .c-ball {
    width: 40px;
    height: 40px;
  }
}

.c-ball__text {
  width: 100%;
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}

@media (min-width:30em) {
  .c-ball__text {
    margin-top: 2px;
  }
}

.c-ball.is-populated {
  background-color: #007c59;
  color: #fff;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#00684a),to(#009068));
  background-image: -webkit-linear-gradient(bottom,#00684a,#009068);
  background-image: -o-linear-gradient(bottom,#00684a,#009068);
  background-image: linear-gradient(0deg,#00684a,#009068);
  border-color: #007c59;
}

.c-ball--small {
  width: 32px;
  height: 32px;
  border: 2px solid #4a4a4a;
}

.c-ball--small .c-ball__text {
  font-size: 16px;
  margin-top: 0;
}

.c-ball--disabled {
  background-color: #c8c8c8;
  color: #fff;
  color: #c8c8c8;
  border-color: #c8c8c8;
}

.c-ball--matched {
  color: #e13840;
  border-color: #e13840;
}

.c-ball--ZA_powerball-bonus,
.c-ball--ZA_powerballplus-bonus {
  background-color: #0097d1;
  color: #fff;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#0088bd),to(#00a6e5));
  background-image: -webkit-linear-gradient(bottom,#0088bd,#00a6e5);
  background-image: -o-linear-gradient(bottom,#0088bd,#00a6e5);
  background-image: linear-gradient(0deg,#0088bd,#00a6e5);
}

.c-ball--ZA_powerball-bonus.c-ball--matched,
.c-ball--ZA_powerballplus-bonus.c-ball--matched {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
}

.c-ball--ZA_powerball-bonus.c-ball--disabled,
.c-ball--ZA_powerballplus-bonus.c-ball--disabled {
  color: hsla(0,0%,100%,.5);
  background: rgba(0,151,209,.75);
}

.c-ball--ZA_powerball-bonus.is-populated,
.c-ball--ZA_powerballplus-bonus.is-populated {
  background-color: #0097d1;
  color: #fff;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#0088bd),to(#00a6e5));
  background-image: -webkit-linear-gradient(bottom,#0088bd,#00a6e5);
  background-image: -o-linear-gradient(bottom,#0088bd,#00a6e5);
  background-image: linear-gradient(0deg,#0088bd,#00a6e5);
  border-color: #4a4a4a;
}

.c-ball--ZA_lotto-bonus,
.c-ball--ZA_lottoplus2-bonus,
.c-ball--ZA_lottoplus-bonus {
  background-color: #f8db19;
  color: #4a4a4a;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#f5d607),to(#f9de2d));
  background-image: -webkit-linear-gradient(bottom,#f5d607,#f9de2d);
  background-image: -o-linear-gradient(bottom,#f5d607,#f9de2d);
  background-image: linear-gradient(0deg,#f5d607,#f9de2d);
}

.c-ball--ZA_lotto-bonus.c-ball--matched,
.c-ball--ZA_lottoplus2-bonus.c-ball--matched,
.c-ball--ZA_lottoplus-bonus.c-ball--matched {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
}

.c-ball--ZA_lotto-bonus.c-ball--disabled,
.c-ball--ZA_lottoplus2-bonus.c-ball--disabled,
.c-ball--ZA_lottoplus-bonus.c-ball--disabled {
  color: #c8c8c8;
  background: rgba(248,219,25,.5);
}

.c-ball--ZA_lotto-bonus.is-populated,
.c-ball--ZA_lottoplus2-bonus.is-populated,
.c-ball--ZA_lottoplus-bonus.is-populated {
  background-color: #f8db19;
  color: #4a4a4a;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#f5d607),to(#f9de2d));
  background-image: -webkit-linear-gradient(bottom,#f5d607,#f9de2d);
  background-image: -o-linear-gradient(bottom,#f5d607,#f9de2d);
  background-image: linear-gradient(0deg,#f5d607,#f9de2d);
  border-color: #4a4a4a;
}

.c-ball--ZA_pick3-bonus {
  background-color: #e13840;
  color: #fff;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#de262f),to(#e44a51));
  background-image: -webkit-linear-gradient(bottom,#de262f,#e44a51);
  background-image: -o-linear-gradient(bottom,#de262f,#e44a51);
  background-image: linear-gradient(0deg,#de262f,#e44a51);
}

.c-ball--ZA_pick3-bonus.c-ball--matched {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
}

.c-ball--ZA_pick3-bonus.is-populated {
  background-color: #e13840;
  color: #fff;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#de262f),to(#e44a51));
  background-image: -webkit-linear-gradient(bottom,#de262f,#e44a51);
  background-image: -o-linear-gradient(bottom,#de262f,#e44a51);
  background-image: linear-gradient(0deg,#de262f,#e44a51);
  border-color: #4a4a4a;
}

@media (max-width:47.99em) {
  .c-balls-example {
    width: 100%;
  }
}

@media (min-width:48em) {
  .c-balls-example {
    display: inline-block;
    margin-right: 12px;
  }
}

.c-balls-example__plus {
  margin: 0 1px;
}

.c-ball--tiny {
  height: 16px;
  width: 16px;
  margin-right: 1px;
  vertical-align: text-bottom;
}

.c-ball--bonus {
  height: 16px;
  width: 25px;
}

.c-ball-group {
  width: 270px;
  position: relative;
  text-align: center;
  display: inline-block;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 2px solid #4a4a4a;
  border-color: #c8c8c8;
  border-radius: 9999px;
  padding: 6px;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#e6e6e6),to(#fff));
  background-image: -webkit-linear-gradient(bottom,#e6e6e6,#fff);
  background-image: -o-linear-gradient(bottom,#e6e6e6,#fff);
  background-image: linear-gradient(0deg,#e6e6e6,#fff);
}

@media (min-width:30em) {
  .c-ball-group {
    width: auto;
    min-width: 320px;
  }
}

.c-ball-group__number {
  font-size: 23px;
  font-weight: 700;
  text-align: left;
}

@media (min-width:30em) {
  .c-ball-group__number {
    display: inline-block;
    margin-right: 48px;
  }
}

.c-ball-group--primary {
  border-color: #007c59;
}

.c-ball-group--jackpot {
  background-color: #e23d28;
  border-color: #e23d28;
  background-image: none;
}

.c-ball-group--ZA_powerball-color,
.c-ball-group--ZA_powerballplus-color {
  background-color: #0097d1;
  border-color: #0074a2;
  background-image: none;
}

.c-ball-group--ZA_lotto-color,
.c-ball-group--ZA_lottoplus2-color,
.c-ball-group--ZA_lottoplus-color {
  background-color: #f8db19;
  border-color: #e3c400;
  background-image: none;
}

.c-ball-group--ZA_pick3 {
  margin: auto;
  min-width: 0;
  width: 200px;
  padding: 6px 24px;
}

.c-ball-group--ZA_pick3-color {
  background-color: #ec424d;
  border-color: #d91931;
  background-image: none;
}

.c-breadcrumbs {
  background-color: #fff;
  color: #4a4a4a;
}

.c-breadcrumbs__inner {
  padding: 6px 0;
}

.c-breadcrumbs__item {
  font-size: 14px;
}

@media (min-width:30em) {
  .c-breadcrumbs__item {
    font-size: 16px;
  }
}

.c-breadcrumbs svg {
  fill: #4a4a4a;
}

.c-button {
  width: 100%;
  border-radius: 4px;
  padding: 6px 12px;
  text-align: center;
  cursor: pointer;
  outline: none;
  background-color: #fff;
  color: #007c59;
  font-weight: 600;
  border: 2px solid #4a4a4a;
  border-color: #fff;
}

@media (min-width:30em) {
  .c-button {
    font-size: 16px;
  }
}

.c-button svg {
  fill: #007c59;
}

.c-button:focus,
.c-button:hover {
  text-decoration: none;
  border-color: #fff;
  background: #fff;
}

.c-button:focus svg,
.c-button:hover svg {
  fill: #007c59;
}

.c-button:focus,
.c-button:hover {
  text-decoration: underline;
}

.c-button--primary {
  background-color: #007c59;
  color: #fff;
  font-weight: 600;
  border: 2px solid #4a4a4a;
  border-color: #007c59;
}

@media (min-width:30em) {
  .c-button--primary {
    font-size: 16px;
  }
}

.c-button--primary svg {
  fill: #fff;
}

.c-button--primary:focus,
.c-button--primary:hover {
  text-decoration: none;
  border-color: #009573;
  background: #009573;
}

.c-button--primary:focus svg,
.c-button--primary:hover svg {
  fill: #fff;
}

.c-button--secondary {
  background-color: #fcb514;
  color: #4a4a4a;
  font-weight: 600;
  border: 2px solid #4a4a4a;
  border-color: #fcb514;
}

@media (min-width:30em) {
  .c-button--secondary {
    font-size: 16px;
  }
}

.c-button--secondary svg {
  fill: #4a4a4a;
}

.c-button--secondary:focus,
.c-button--secondary:hover {
  text-decoration: none;
  border-color: #ff6d00;
  background: #ff6d00;
}

.c-button--secondary:focus svg,
.c-button--secondary:hover svg {
  fill: #4a4a4a;
}

.c-button--error {
  background-color: #e23d28;
  color: #fff;
  font-weight: 600;
  border: 2px solid #4a4a4a;
  border-color: #e23d28;
}

@media (min-width:30em) {
  .c-button--error {
    font-size: 16px;
  }
}

.c-button--error svg {
  fill: #fff;
}

.c-button--error:focus,
.c-button--error:hover {
  text-decoration: none;
  border-color: #ff5b46;
  background: #ff5b46;
}

.c-button--error:focus svg,
.c-button--error:hover svg {
  fill: #fff;
}

.c-button--disabled {
  background-color: #c8c8c8;
  color: #fff;
  font-weight: 600;
  border: 2px solid #4a4a4a;
  border-color: #c8c8c8;
  pointer-events: none;
}

@media (min-width:30em) {
  .c-button--disabled {
    font-size: 16px;
  }
}

.c-button--disabled svg {
  fill: #fff;
}

.c-button--disabled:focus,
.c-button--disabled:hover {
  text-decoration: none;
  border-color: #8a8a8a;
  background: #8a8a8a;
}

.c-button--disabled:focus svg,
.c-button--disabled:hover svg {
  fill: #fff;
}

.c-button--white {
  background-color: #fff;
  color: #4a4a4a;
  font-weight: 600;
  border: 2px solid #4a4a4a;
  border-color: #fff;
}

@media (min-width:30em) {
  .c-button--white {
    font-size: 16px;
  }
}

.c-button--white svg {
  fill: #4a4a4a;
}

.c-button--white:focus,
.c-button--white:hover {
  text-decoration: none;
}

.c-button--white:focus svg,
.c-button--white:hover svg {
  fill: #4a4a4a;
}

.c-button--black {
  background-color: #4a4a4a;
  color: #fff;
  font-weight: 600;
  border: 2px solid #4a4a4a;
  border-color: #4a4a4a;
}

@media (min-width:30em) {
  .c-button--black {
    font-size: 16px;
  }
}

.c-button--black svg {
  fill: #fff;
}

.c-button--black:focus,
.c-button--black:hover {
  text-decoration: none;
  border-color: #5a5a5a;
  background: #5a5a5a;
}

.c-button--black:focus svg,
.c-button--black:hover svg {
  fill: #fff;
}

.c-button--red {
  background-color: #e13840;
  color: #fff;
  font-weight: 600;
  border: 2px solid #4a4a4a;
  border-color: #e13840;
}

@media (min-width:30em) {
  .c-button--red {
    font-size: 16px;
  }
}

.c-button--red svg {
  fill: #fff;
}

.c-button--red:focus,
.c-button--red:hover {
  text-decoration: none;
  border-color: #d91931;
  background: #d91931;
}

.c-button--red:focus svg,
.c-button--red:hover svg {
  fill: #fff;
}

.c-button--yellow {
  background-color: #f8db19;
  color: #4a4a4a;
  font-weight: 600;
  border: 2px solid #4a4a4a;
  border-color: #f8db19;
}

@media (min-width:30em) {
  .c-button--yellow {
    font-size: 16px;
  }
}

.c-button--yellow svg {
  fill: #4a4a4a;
}

.c-button--yellow:focus,
.c-button--yellow:hover {
  text-decoration: none;
  border-color: #e3c400;
  background: #e3c400;
}

.c-button--yellow:focus svg,
.c-button--yellow:hover svg {
  fill: #4a4a4a;
}

.c-button--blue {
  background-color: #0097d1;
  color: #fff;
  font-weight: 600;
  border: 2px solid #4a4a4a;
  border-color: #0097d1;
}

@media (min-width:30em) {
  .c-button--blue {
    font-size: 16px;
  }
}

.c-button--blue svg {
  fill: #fff;
}

.c-button--blue:focus,
.c-button--blue:hover {
  text-decoration: none;
  border-color: #0074a2;
  background: #0074a2;
}

.c-button--blue:focus svg,
.c-button--blue:hover svg {
  fill: #fff;
}

.c-button--square {
  border-radius: 0;
}

.c-button--border {
  background-color: #007c59;
  color: #fff;
  font-weight: 600;
  border: 2px solid #4a4a4a;
  border-color: #007c59;
  background-color: #fff;
  color: #007c59;
}

@media (min-width:30em) {
  .c-button--border {
    font-size: 16px;
  }
}

.c-button--border svg {
  fill: #fff;
}

.c-button--border:focus,
.c-button--border:hover {
  text-decoration: none;
  border-color: #009573;
  background: #009573;
}

.c-button--border:focus svg,
.c-button--border:hover svg {
  fill: #fff;
}

.c-button--border svg {
  fill: #007c59;
}

.c-button--border:focus,
.c-button--border:hover {
  background-color: #007c59;
  color: #fff;
  border-color: #007c59;
}

.c-button--archive {
  width: 66.333px;
  height: 66.333px;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid #4a4a4a;
  border-color: #007c59;
  font-weight: 400;
  padding: 6px;
}

.c-button--archive:focus,
.c-button--archive:hover {
  background-color: #007c59;
  color: #fff;
  border-color: #4a4a4a;
  text-decoration: none;
}

.c-button--archive-ZA_powerball:focus,
.c-button--archive-ZA_powerball:hover,
.c-button--archive-ZA_powerballplus:focus,
.c-button--archive-ZA_powerballplus:hover {
  background-color: #0097d1;
  color: #fff;
}

.c-button--archive-ZA_lotto:focus,
.c-button--archive-ZA_lotto:hover,
.c-button--archive-ZA_lottoplus:focus,
.c-button--archive-ZA_lottoplus:hover {
  background-color: #f8db19;
  color: #4a4a4a;
}

.c-button--archive-ZA_dailylotto:focus,
.c-button--archive-ZA_dailylotto:hover,
.c-button--archive-ZA_pick3:focus,
.c-button--archive-ZA_pick3:hover {
  background-color: #e13840;
  color: #fff;
}

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

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

.c-checkbox-button__input {
  border: 0!important;
  clip: rect(0 0 0 0)!important;
  -webkit-clip-path: inset(50%)!important;
  clip-path: inset(50%)!important;
  height: 1px!important;
  margin: -1px!important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  white-space: nowrap!important;
  width: 1px!important;
}

.c-checkbox-button__input:checked+.c-checkbox-button__label {
  background-color: #007c59;
  color: #fff;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#007c59),to(#009573));
  background-image: -webkit-linear-gradient(bottom,#007c59,#009573);
  background-image: -o-linear-gradient(bottom,#007c59,#009573);
  background-image: linear-gradient(0deg,#007c59,#009573);
  border-color: #007c59;
}

.c-checkbox-button__input:disabled+.c-checkbox-button__label {
  background-color: #fff;
  color: #c8c8c8;
  background-image: none;
  border-color: #c8c8c8;
  pointer-events: none;
  cursor: default;
}

.c-checkbox-button__label {
  background-color: #f4f4f4;
  color: #4a4a4a;
  cursor: pointer;
}

.c-checkbox-button:hover .c-checkbox-button__input:not(:disabled)+.c-checkbox-button__label {
  background-color: #fcb514;
  color: #4a4a4a;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#fcb514),to(#ffcc46));
  background-image: -webkit-linear-gradient(bottom,#fcb514,#ffcc46);
  background-image: -o-linear-gradient(bottom,#fcb514,#ffcc46);
  background-image: linear-gradient(0deg,#fcb514,#ffcc46);
  border-color: #fcb514;
}

.c-checkbox-button--ZA_powerball .c-checkbox-button__input:checked+.c-checkbox-button__label,
.c-checkbox-button--ZA_powerball:hover .c-checkbox-button__input:not(:disabled)+.c-checkbox-button__label {
  background-color: #0097d1;
  color: #fff;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#0097d1),to(#00b1de));
  background-image: -webkit-linear-gradient(bottom,#0097d1,#00b1de);
  background-image: -o-linear-gradient(bottom,#0097d1,#00b1de);
  background-image: linear-gradient(0deg,#0097d1,#00b1de);
  border-color: #0097d1;
}

.c-container {
  background: #fff;
  border: 2px solid #4a4a4a;
  width: 100%;
}

.c-container--tiny {
  border: 1px solid #4a4a4a;
}

.c-container--primary {
  border-color: #007c59;
}

.c-container--secondary {
  border-color: #fcb514;
}

.c-container--disabled {
  border-color: #c8c8c8;
}

.c-container--error {
  border-color: #e23d28;
}

.c-container--blue,
.c-container--ZA_powerball,
.c-container--ZA_powerballplus {
  border-color: #0097d1;
}

.c-container--yellow,
.c-container--ZA_lotto,
.c-container--ZA_lottoplus,
.c-container--ZA_lottoplus2 {
  border-color: #f8db19;
}

.c-container--red,
.c-container--ZA_dailylotto,
.c-container--ZA_pick3 {
  border-color: #e13840;
}

.c-container:not(:first-of-type) {
  border-top: none;
}

.c-container>.o-layout {
  height: 100%;
}

.c-cookie-consent {
  background-color: #4a4a4a;
  color: #fff;
  width: 100%;
  padding: 12px 0;
  position: fixed;
  z-index: 8;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
  will-change: transform;
}

.c-cookie-consent.is-hidden {
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.c-cookie-consent__text p {
  font-size: 14px;
  margin-bottom: 0;
}

.c-cookie-consent__button {
  margin: 6px;
  margin-left: auto;
  margin-right: 0;
  float: right;
  font-size: 14px;
}

.c-countdown {
  max-width: 300px;
  margin: 0 auto;
}

.c-countdown .o-pack__item {
  text-align: left;
}

.c-countdown__timer {
  color: #4a4a4a;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  line-height: 2;
  border-left: 1px solid #4a4a4a;
  text-align: left;
  padding-left: 6px;
}

.o-pack__item:first-child .c-countdown__timer {
  border-left: none;
}

.c-countdown__timer:after {
  content: attr(data-text);
  width: 100%;
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  left: 120%;
  top: calc(50% - 12px);
}

.c-draw-status {
  margin-top: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-draw-status__text {
  font-weight: 600;
  margin-left: 6px;
}

.c-draw-status__text--number-checker-won,
.c-draw-status__text--totalwinners,
.c-draw-status__text--won {
  color: #e23d28;
}

.c-fetch-response {
  width: 100%;
  height: 100%;
  position: relative;
}

.c-fetch-response:after {
  position: absolute;
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: #007c59;
  border-radius: 50%;
  margin: 96px auto;
  -webkit-transform-origin: 20%;
  -ms-transform-origin: 20%;
  transform-origin: 20%;
  -webkit-animation: a 1s infinite linear;
  animation: a 1s infinite linear;
}

.c-fetch-response.is-loading {
  height: 300px;
}

.c-fetch-response.is-loading:after {
  content: "";
}

.c-fetch-response.is-loading>* {
  display: none;
}

@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.c-footer {
  background-color: #4a4a4a;
  color: #fff;
}

.c-footer .c-link {
  padding: 0 6px;
  color: #00cc8c;
}

.c-footer .c-link:first-child {
  padding-left: 0;
}

.c-footer .c-link:last-child {
  border: none;
}

.c-footer__lead a,
.c-footer__lead span {
  font-weight: 600;
}

.c-header {
  background-color: #007c59;
  color: #fff;
  position: fixed;
  width: 100%;
  -webkit-box-shadow: 0 5px 24px rgba(0,0,0,.2);
  box-shadow: 0 5px 24px rgba(0,0,0,.2);
  z-index: 7;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

@media (max-width:67.49em) {
  .c-header.is-hidden {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.c-header__main {
  position: relative;
}

@media (min-width:81.25em) {
  .c-header__main .o-wrapper {
    text-align: center;
  }
}

.c-header__inner {
  max-width: 1200px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (min-width:81.25em) {
  .c-header__inner {
    max-width: none;
    min-width: 1200px;
  }
}

.c-header__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

@media (min-width:67.5em) {
  .c-header__item {
    padding: 12px 0;
  }
}

.c-header p {
  margin-bottom: 0;
}

.c-menu-button {
  width: 24px;
  height: 100%;
  position: absolute;
  right: 24px;
  top: 0;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  z-index: 5;
}

@media (min-width:67.5em) {
  .c-menu-button {
    display: none;
  }
}

.c-menu-button__bar {
  border-radius: 9999px;
  background: #fff;
  height: 3px;
  width: 100%;
  position: relative;
  -webkit-transition: background .3s ease-in-out;
  -o-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}

.c-menu-button__bar:after,
.c-menu-button__bar:before {
  content: "";
  border-radius: 9999px;
  background: #fff;
  height: 3px;
  width: 100%;
  position: absolute;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

.c-menu-button__bar:before {
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
  top: -9px;
}

.c-menu-button__bar:after {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  top: 9px;
}

.is-active .c-menu-button__bar {
  background: transparent;
}

.is-active .c-menu-button__bar:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.is-active .c-menu-button__bar:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-heading__img {
  float: left;
  margin-right: 12px;
}

.c-heading__body {
  float: left;
  display: table;
  overflow: hidden;
}

.c-heading__body-inner {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width:30em) {
  .c-how-to-play>.o-layout {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .c-how-to-play>.o-layout>.o-layout__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.c-how-to-play__item {
  background-color: #fff;
  color: #4a4a4a;
  border: 1px solid #4a4a4a;
  border-radius: 4px;
  margin-bottom: 12px;
}

.c-how-to-play__item-header {
  padding: 6px;
  padding-left: 54px;
  text-align: center;
  position: relative;
}

.c-how-to-play__item-header:before {
  background-color: #007c59;
  color: #fff;
  content: attr(data-list-number);
  position: absolute;
  left: 6px;
  height: 48px;
  width: 48px;
  font-family: Source Sans Pro,Arial,sans-serif;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
  border: 3px solid #4a4a4a;
  border-color: #007c59;
  -webkit-box-shadow: inset 0 0 0 2px #fcb514;
  box-shadow: inset 0 0 0 2px #fcb514;
}

.c-how-to-play__item-body {
  min-height: 96px;
  padding: 6px 12px;
  border-left: 1px solid #4a4a4a;
}

@media (min-width:30em) {
  .c-how-to-play__item-body {
    border-left: none;
    border-top: 1px solid #4a4a4a;
  }
}

.c-how-to-play__item-body span {
  font-size: 14px;
}

.c-icon {
  fill: #4a4a4a;
  line-height: 1;
  vertical-align: middle;
}

.c-icon--red {
  fill: #e13840;
}

.c-icon use {
  width: 100%;
  height: 100%;
}

.c-jackpot-box {
  border: 3px solid #4a4a4a;
  width: 100%;
}

.c-jackpot-box__header {
  background-color: #4a4a4a;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 0;
}

.c-jackpot-box__content {
  background-image: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#fff));
  background-image: -webkit-linear-gradient(bottom,#ececec,#fff);
  background-image: -o-linear-gradient(bottom,#ececec,#fff);
  background-image: linear-gradient(0deg,#ececec,#fff);
  padding: 12px;
  text-align: center;
}

.c-jackpot-box__local-jackpot {
  color: #e13840;
  margin-bottom: 0;
}

.c-jackpot-box--transparent .c-jackpot-box__content {
  background-color: hsla(0,0%,100%,.5);
  background-image: -webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,93%,.85)),to(hsla(0,0%,100%,.85)));
  background-image: -webkit-linear-gradient(bottom,hsla(0,0%,93%,.85),hsla(0,0%,100%,.85));
  background-image: -o-linear-gradient(bottom,hsla(0,0%,93%,.85),hsla(0,0%,100%,.85));
  background-image: linear-gradient(0deg,hsla(0,0%,93%,.85),hsla(0,0%,100%,.85));
}

.c-label {
  display: inline-block;
  min-width: 100px;
  padding: 3px 12px;
  text-align: center;
  border-radius: 9999px;
  white-space: nowrap;
  background-color: #fff;
  color: #007c59;
}

.c-label span {
  font-size: 14px;
  font-weight: 700;
}

.c-label--primary {
  background-color: #007c59;
  color: #fff;
}

.c-label--secondary {
  background-color: #fcb514;
  color: #4a4a4a;
}

.c-label--red {
  background-color: #e13840;
  color: #fff;
}

.c-link {
  color: #4a4a4a;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.c-link svg {
  fill: #4a4a4a;
}

.c-link--primary {
  color: #007c59;
}

.c-link--primary svg {
  fill: #007c59;
}

.c-link--white {
  color: #fff;
}

.c-link--white svg {
  fill: #fff;
}

.c-list {
  background-color: #fff;
  color: #007c59;
  border: 2px solid #4a4a4a;
  border-color: #007c59;
  width: 100%;
}

.c-list__header {
  background-color: #007c59;
  color: #fff;
  font-weight: 600;
  display: block;
  padding: 6px 12px;
}

.c-list__list {
  list-style-position: inside;
  margin-left: 0;
  margin-bottom: 0;
}

.c-list__item {
  padding: 12px;
}

.c-list--grid .c-list__list {
  text-align: center;
  display: table;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-list--grid .c-list__list:after {
  content: "";
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.c-list--grid .c-list__item {
  display: inline-block;
}

.c-list--striped .c-list__item:nth-child(2n) {
  background-color: #f4f4f4;
}

.c-list--decorative .c-list__list {
  padding: 12px 0;
  list-style: none;
  margin-left: 15%;
}

@media (min-width:30em) {
  .c-list--decorative .c-list__list {
    margin-left: 20%;
  }
}

.c-list--decorative .c-list__item {
  position: relative;
}

.c-list--decorative .c-list__item:before {
  background-color: #007c59;
  color: #fff;
  content: attr(data-list-number);
  position: absolute;
  left: -15%;
  height: 48px;
  width: 48px;
  font-family: Source Sans Pro,Arial,sans-serif;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
  border: 3px solid #4a4a4a;
  border-color: #007c59;
  -webkit-box-shadow: inset 0 0 0 2px #fcb514;
  box-shadow: inset 0 0 0 2px #fcb514;
}

@media (min-width:48em) {
  .c-list--decorative .c-list__item:before {
    left: -20%;
  }
}

@media (min-width:48em) {
  .c-how-to-buy--home .c-list__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 10%;
  }

  .c-how-to-buy--home .c-list__item {
    width: 40%;
  }
}

@media (min-width:48em) and (max-width:67.49em) {
  .c-how-to-buy--worldwide-lotteries .c-list__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 10%;
  }

  .c-how-to-buy--worldwide-lotteries .c-list__item {
    width: 40%;
  }
}

.c-logo {
  width: 180px;
  padding-right: 24px;
}

.c-nav {
  line-height: 1;
}

.c-nav__menu {
  color: #fff;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -100vh;
  margin-bottom: 0;
  background: rgba(0,124,89,.9);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  text-align: center;
  letter-spacing: 1.2px;
  z-index: 5;
  padding-top: 48px;
}

@media (max-width:47.99em) and (orientation:landscape) {
  .c-nav__menu {
    padding-top: 12px;
  }
}

@media (min-width:67.5em) {
  .c-nav__menu {
    top: 0;
  }
}

.c-nav__menu li {
  display: block;
  padding: 6px;
}

@media (max-width:29.99em) and (orientation:landscape) {
  .c-nav__menu li {
    padding: 6px;
  }
}

.c-nav__menu a {
  color: #fff;
  text-decoration: none;
  border-bottom: 3px solid #4a4a4a;
  border-bottom-color: transparent;
}

.c-nav__menu a:focus,
.c-nav__menu a:hover,
.c-nav__menu p {
  color: #fcb514;
  border-bottom: 3px solid #4a4a4a;
  border-bottom-color: #fcb514;
}

.c-nav__menu a,
.c-nav__menu p {
  font-size: 16px;
  font-weight: 400;
  padding: 6px 12px;
  display: inline-block;
}

@media (min-width:30em) and (orientation:landscape) {
  .c-nav__menu a,
  .c-nav__menu p {
    font-size: 16px;
  }
}

@media (min-width:48em) {
  .c-nav__menu a,
  .c-nav__menu p {
    font-size: 16px;
  }
}

@media (min-width:67.5em) {
  .c-nav__menu {
    position: relative;
    height: auto;
    text-align: left;
    padding-top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .c-nav__menu li {
    display: inline-block;
  }
}

.is-active .c-nav__menu {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.c-number-icon {
  background-color: #007c59;
  color: #fff;
  content: attr(data-list-number);
  height: 48px;
  width: 48px;
  font-family: Source Sans Pro,Arial,sans-serif;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  border-radius: 50%;
  border: 3px solid #4a4a4a;
  border-color: #007c59;
  -webkit-box-shadow: inset 0 0 0 2px #fcb514;
  box-shadow: inset 0 0 0 2px #fcb514;
}

.c-radio-button__input {
  border: 0!important;
  clip: rect(0 0 0 0)!important;
  -webkit-clip-path: inset(50%)!important;
  clip-path: inset(50%)!important;
  height: 1px!important;
  margin: -1px!important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  white-space: nowrap!important;
  width: 1px!important;
}

.c-radio-button__input+.c-radio-button__label {
  background-color: #fff;
  color: #4a4a4a;
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid #4a4a4a;
  border-color: #8a8a8a;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 2px rgba(74,74,74,.2);
  box-shadow: 0 2px 2px rgba(74,74,74,.2);
  cursor: pointer;
  text-align: center;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.c-radio-button__input:checked+.c-radio-button__label {
  background-color: #fcb514;
  color: #4a4a4a;
}

.c-radio-button:hover .c-radio-button__input:not(:checked)+.c-radio-button__label {
  background-color: #007c59;
  color: #fff;
}

.c-results-card {
  background-color: #fff;
  color: #4a4a4a;
  border: 2px solid #4a4a4a;
  min-width: 298px;
  padding: 12px;
  margin-bottom: 12px;
}

.c-results-card--ZA_powerball,
.c-results-card--ZA_powerballplus {
  border-color: #0097d1;
}

.c-results-card--ZA_lotto,
.c-results-card--ZA_lottoplus,
.c-results-card--ZA_lottoplus2 {
  border-color: #f8db19;
}

.c-results-card--ZA_dailylotto,
.c-results-card--ZA_pick3 {
  border-color: #e13840;
}

.c-results-card__container {
  width: 100%;
}

@media (min-width:48em) {
  .c-results-card--compact .c-results-card__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width:47.99em) {
  .c-results-card--individual .c-results-card__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (min-width:48em) {
  .c-results-card--compact .c-results-card__header {
    float: left;
  }
}

@media (max-width:47.99em) {
  .c-results-card--individual .c-results-card__header {
    width: 50%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}

.c-results-card--individual .c-results-card__header .c-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-results-card--individual .c-results-card__header .c-link .c-results-card__date {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.c-results-card__logo {
  width: 150px;
  margin-right: 12px;
  float: left;
}

.c-results-card__date {
  display: inline-block;
}

.c-results-card--compact .c-results-card__date-date,
.c-results-card--compact .c-results-card__date-day {
  display: inline;
}

@media (min-width:48em) {
  .c-results-card__date-date,
  .c-results-card__date-day {
    display: inline;
  }
}

.c-results-card__date-day {
  font-weight: 600;
}

@media (min-width:48em) {
  .c-results-card--compact .c-results-card__date-day {
    display: block;
  }
}

@media (max-width:47.99em) {
  .c-results-card--individual .c-results-card__date-day {
    display: block;
  }
}

@media (min-width:48em) {
  .c-results-card--compact .c-results-card__draw .c-draw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width:47.99em) {
  .c-results-card--individual .c-results-card__draw {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (min-width:48em) {
  .c-results-card--compact .c-results-card__footer {
    float: left;
  }
}

@media (max-width:47.99em) {
  .c-results-card--individual .c-results-card__footer {
    width: 50%;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    text-align: right;
  }
}

.c-results-card__footer .c-link {
  font-size: 14px;
  margin-right: 6px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width:30em) {
  .c-results-card__footer .c-link {
    font-size: 16px;
    margin-right: 12px;
  }
}

.c-results-card__footer .c-link:last-child {
  margin-right: 0;
}

.sticky__container.is-fixed .js-sticky {
  position: fixed;
  top: 105px;
  z-index: 2;
}

.sticky__container.is-fixed .js-sticky.sticky--persist {
  z-index: 3;
}

.c-table {
  border: 2px solid #4a4a4a;
  border-color: #007c59;
  border-collapse: separate;
  font-size: 14px;
  position: relative;
}

.c-table thead tr:last-child th {
  border-bottom: 2px solid #4a4a4a;
  border-color: #007c59;
}

.c-table .sticky__container tr {
  display: table;
  table-layout: fixed;
  width: calc(100% - 2px);
  width: 100%;
}

.c-table th {
  background-color: #007c59;
  color: #fff;
  font-weight: 400;
}

.c-table th:first-child {
  font-weight: 700;
}

.c-table td {
  background-color: #fff;
  color: #4a4a4a;
  border-right: 2px solid #4a4a4a;
  border-color: #fff;
}

.c-table td:first-child {
  font-weight: 600;
}

.c-table td:last-child {
  border-right: none;
}

.c-table td.is-highlighted {
  background-color: #fcb514;
  color: #4a4a4a;
}

.c-table tr:nth-child(2n) td {
  background-color: #f4f4f4;
  color: #4a4a4a;
}

.c-table--scrollable-buttons {
  display: none;
}

.c-table--scrollable .c-table--button-scrollable {
  padding: 0;
  position: relative;
}

.c-table--scrollable td,
.c-table--scrollable th {
  width: 0;
  position: relative;
}

.c-table--scrollable td.has-button,
.c-table--scrollable th.has-button {
  padding-right: 34px;
}

.c-table--scrollable[data-scrollable-fixed="1"] td,
.c-table--scrollable[data-scrollable-fixed="1"] th {
  width: 50%;
}

.c-table--scrollable[data-scrollable-fixed="2"] td,
.c-table--scrollable[data-scrollable-fixed="2"] th {
  width: 25%;
}

.c-table button.c-table--scrollable-button {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.c-table button.c-table--scrollable-button:focus,
.c-table button.c-table--scrollable-button:hover {
  background-color: #009573;
}

.c-table button.c-table--scrollable-button .c-arrow svg {
  fill: #fff;
}

.c-table--scrollable-buttons {
  display: table-row;
}

.c-table--sortable th {
  padding-right: 36px;
  position: relative;
}

.c-table--sortable th.has-button {
  padding-right: 60px;
}

.c-table--sortable__buttons {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.has-button .c-table--sortable__buttons {
  right: 36px;
}

.c-table--sortable__buttons-ascending,
.c-table--sortable__buttons-descending {
  display: block;
  height: 50%;
  cursor: pointer;
}

.c-table--sortable__buttons-ascending .c-arrow,
.c-table--sortable__buttons-descending .c-arrow {
  fill: #fff;
}

.is-ascending .c-table--sortable__buttons-ascending .c-arrow,
.is-descending .c-table--sortable__buttons-descending .c-arrow {
  fill: #00cc8c;
}

.c-toggle {
  background-color: #fff;
  color: #4a4a4a;
  position: relative;
  border: 2px solid #4a4a4a;
  border-color: #f4f4f4;
  border-radius: 4px;
  overflow-x: hidden;
}

.c-toggle .o-pack__item .c-radio-button__label {
  position: relative;
  background-color: transparent;
  display: block;
  border-right: none;
  border-radius: 0;
  z-index: 4;
}

.c-toggle .o-pack__item:first-child .c-radio-button__label {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.c-toggle .o-pack__item:last-child .c-radio-button__label {
  border-right: 1px solid #4a4a4a;
  border-color: #8a8a8a;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.c-toggle .c-radio-button__input:checked+.c-radio-button__label {
  font-weight: 700;
}

.c-toggle__container {
  clear: left;
}

.c-toggle__slider {
  position: absolute;
  height: 100%;
  top: 0;
  background: #fcb514;
  border-radius: 4px;
  z-index: 0;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}

.c-toggle--items-2 .c-toggle__slider {
  width: 50%;
}

.c-toggle--items-2 .c-toggle__slider--pos-0 {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-toggle--items-2 .c-toggle__slider--pos-1 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-toggle--items-2 .c-toggle__slider--pos-2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-toggle--items-2 .c-toggle__slider--pos-3 {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.c-toggle--items-3 .c-toggle__slider {
  width: 33.33333%;
}

.c-toggle--items-3 .c-toggle__slider--pos-0 {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-toggle--items-3 .c-toggle__slider--pos-1 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-toggle--items-3 .c-toggle__slider--pos-2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-toggle--items-3 .c-toggle__slider--pos-3 {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.c-toggle--items-3 .c-toggle__slider--pos-4 {
  -webkit-transform: translateX(300%);
  -ms-transform: translateX(300%);
  transform: translateX(300%);
}

.c-toggle--items-4 .c-toggle__slider {
  width: 25%;
}

.c-toggle--items-4 .c-toggle__slider--pos-0 {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-toggle--items-4 .c-toggle__slider--pos-1 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-toggle--items-4 .c-toggle__slider--pos-2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-toggle--items-4 .c-toggle__slider--pos-3 {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.c-toggle--items-4 .c-toggle__slider--pos-4 {
  -webkit-transform: translateX(300%);
  -ms-transform: translateX(300%);
  transform: translateX(300%);
}

.c-toggle--items-4 .c-toggle__slider--pos-5 {
  -webkit-transform: translateX(400%);
  -ms-transform: translateX(400%);
  transform: translateX(400%);
}

.c-toggle--items-5 .c-toggle__slider {
  width: 20%;
}

.c-toggle--items-5 .c-toggle__slider--pos-0 {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-toggle--items-5 .c-toggle__slider--pos-1 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-toggle--items-5 .c-toggle__slider--pos-2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-toggle--items-5 .c-toggle__slider--pos-3 {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.c-toggle--items-5 .c-toggle__slider--pos-4 {
  -webkit-transform: translateX(300%);
  -ms-transform: translateX(300%);
  transform: translateX(300%);
}

.c-toggle--items-5 .c-toggle__slider--pos-5 {
  -webkit-transform: translateX(400%);
  -ms-transform: translateX(400%);
  transform: translateX(400%);
}

.c-toggle--items-5 .c-toggle__slider--pos-6 {
  -webkit-transform: translateX(500%);
  -ms-transform: translateX(500%);
  transform: translateX(500%);
}

.c-toggle--items-6 .c-toggle__slider {
  width: 16.66667%;
}

.c-toggle--items-6 .c-toggle__slider--pos-0 {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-toggle--items-6 .c-toggle__slider--pos-1 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-toggle--items-6 .c-toggle__slider--pos-2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-toggle--items-6 .c-toggle__slider--pos-3 {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.c-toggle--items-6 .c-toggle__slider--pos-4 {
  -webkit-transform: translateX(300%);
  -ms-transform: translateX(300%);
  transform: translateX(300%);
}

.c-toggle--items-6 .c-toggle__slider--pos-5 {
  -webkit-transform: translateX(400%);
  -ms-transform: translateX(400%);
  transform: translateX(400%);
}

.c-toggle--items-6 .c-toggle__slider--pos-6 {
  -webkit-transform: translateX(500%);
  -ms-transform: translateX(500%);
  transform: translateX(500%);
}

.c-toggle--items-6 .c-toggle__slider--pos-7 {
  -webkit-transform: translateX(600%);
  -ms-transform: translateX(600%);
  transform: translateX(600%);
}

.c-toggle--items-7 .c-toggle__slider {
  width: 14.28571%;
}

.c-toggle--items-7 .c-toggle__slider--pos-0 {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-toggle--items-7 .c-toggle__slider--pos-1 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-toggle--items-7 .c-toggle__slider--pos-2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-toggle--items-7 .c-toggle__slider--pos-3 {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.c-toggle--items-7 .c-toggle__slider--pos-4 {
  -webkit-transform: translateX(300%);
  -ms-transform: translateX(300%);
  transform: translateX(300%);
}

.c-toggle--items-7 .c-toggle__slider--pos-5 {
  -webkit-transform: translateX(400%);
  -ms-transform: translateX(400%);
  transform: translateX(400%);
}

.c-toggle--items-7 .c-toggle__slider--pos-6 {
  -webkit-transform: translateX(500%);
  -ms-transform: translateX(500%);
  transform: translateX(500%);
}

.c-toggle--items-7 .c-toggle__slider--pos-7 {
  -webkit-transform: translateX(600%);
  -ms-transform: translateX(600%);
  transform: translateX(600%);
}

.c-toggle--items-7 .c-toggle__slider--pos-8 {
  -webkit-transform: translateX(700%);
  -ms-transform: translateX(700%);
  transform: translateX(700%);
}

.c-toggle--items-8 .c-toggle__slider {
  width: 12.5%;
}

.c-toggle--items-8 .c-toggle__slider--pos-0 {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-toggle--items-8 .c-toggle__slider--pos-1 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-toggle--items-8 .c-toggle__slider--pos-2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-toggle--items-8 .c-toggle__slider--pos-3 {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.c-toggle--items-8 .c-toggle__slider--pos-4 {
  -webkit-transform: translateX(300%);
  -ms-transform: translateX(300%);
  transform: translateX(300%);
}

.c-toggle--items-8 .c-toggle__slider--pos-5 {
  -webkit-transform: translateX(400%);
  -ms-transform: translateX(400%);
  transform: translateX(400%);
}

.c-toggle--items-8 .c-toggle__slider--pos-6 {
  -webkit-transform: translateX(500%);
  -ms-transform: translateX(500%);
  transform: translateX(500%);
}

.c-toggle--items-8 .c-toggle__slider--pos-7 {
  -webkit-transform: translateX(600%);
  -ms-transform: translateX(600%);
  transform: translateX(600%);
}

.c-toggle--items-8 .c-toggle__slider--pos-8 {
  -webkit-transform: translateX(700%);
  -ms-transform: translateX(700%);
  transform: translateX(700%);
}

.c-toggle--items-8 .c-toggle__slider--pos-9 {
  -webkit-transform: translateX(800%);
  -ms-transform: translateX(800%);
  transform: translateX(800%);
}

.c-toggle--items-9 .c-toggle__slider {
  width: 11.11111%;
}

.c-toggle--items-9 .c-toggle__slider--pos-0 {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-toggle--items-9 .c-toggle__slider--pos-1 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-toggle--items-9 .c-toggle__slider--pos-2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-toggle--items-9 .c-toggle__slider--pos-3 {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.c-toggle--items-9 .c-toggle__slider--pos-4 {
  -webkit-transform: translateX(300%);
  -ms-transform: translateX(300%);
  transform: translateX(300%);
}

.c-toggle--items-9 .c-toggle__slider--pos-5 {
  -webkit-transform: translateX(400%);
  -ms-transform: translateX(400%);
  transform: translateX(400%);
}

.c-toggle--items-9 .c-toggle__slider--pos-6 {
  -webkit-transform: translateX(500%);
  -ms-transform: translateX(500%);
  transform: translateX(500%);
}

.c-toggle--items-9 .c-toggle__slider--pos-7 {
  -webkit-transform: translateX(600%);
  -ms-transform: translateX(600%);
  transform: translateX(600%);
}

.c-toggle--items-9 .c-toggle__slider--pos-8 {
  -webkit-transform: translateX(700%);
  -ms-transform: translateX(700%);
  transform: translateX(700%);
}

.c-toggle--items-9 .c-toggle__slider--pos-9 {
  -webkit-transform: translateX(800%);
  -ms-transform: translateX(800%);
  transform: translateX(800%);
}

.c-toggle--items-9 .c-toggle__slider--pos-10 {
  -webkit-transform: translateX(900%);
  -ms-transform: translateX(900%);
  transform: translateX(900%);
}

.c-toggle--items-10 .c-toggle__slider {
  width: 10%;
}

.c-toggle--items-10 .c-toggle__slider--pos-0 {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-toggle--items-10 .c-toggle__slider--pos-1 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-toggle--items-10 .c-toggle__slider--pos-2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-toggle--items-10 .c-toggle__slider--pos-3 {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.c-toggle--items-10 .c-toggle__slider--pos-4 {
  -webkit-transform: translateX(300%);
  -ms-transform: translateX(300%);
  transform: translateX(300%);
}

.c-toggle--items-10 .c-toggle__slider--pos-5 {
  -webkit-transform: translateX(400%);
  -ms-transform: translateX(400%);
  transform: translateX(400%);
}

.c-toggle--items-10 .c-toggle__slider--pos-6 {
  -webkit-transform: translateX(500%);
  -ms-transform: translateX(500%);
  transform: translateX(500%);
}

.c-toggle--items-10 .c-toggle__slider--pos-7 {
  -webkit-transform: translateX(600%);
  -ms-transform: translateX(600%);
  transform: translateX(600%);
}

.c-toggle--items-10 .c-toggle__slider--pos-8 {
  -webkit-transform: translateX(700%);
  -ms-transform: translateX(700%);
  transform: translateX(700%);
}

.c-toggle--items-10 .c-toggle__slider--pos-9 {
  -webkit-transform: translateX(800%);
  -ms-transform: translateX(800%);
  transform: translateX(800%);
}

.c-toggle--items-10 .c-toggle__slider--pos-10 {
  -webkit-transform: translateX(900%);
  -ms-transform: translateX(900%);
  transform: translateX(900%);
}

.c-toggle--items-10 .c-toggle__slider--pos-11 {
  -webkit-transform: translateX(1000%);
  -ms-transform: translateX(1000%);
  transform: translateX(1000%);
}

.c-tools-card {
  background-color: #fff;
  color: #4a4a4a;
  border: 1px solid #4a4a4a;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.c-tools-card[data-link] {
  cursor: pointer;
}

.c-tools-card__footer,
.c-tools-card__header {
  padding: 12px;
}

.c-tools-card__footer {
  border-top: 1px solid #4a4a4a;
}

.c-tools-card__footer .c-link {
  margin-right: 6px;
}

.c-tools-card__footer .c-link:last-child {
  margin-right: 0;
}

.c-worldwide-lottery-card {
  background-color: #fff;
  color: #4a4a4a;
  border: 1px solid #4a4a4a;
  margin-bottom: 12px;
}

.c-worldwide-lottery-card__body,
.c-worldwide-lottery-card__header {
  padding: 12px;
}

.c-worldwide-lottery-card__body {
  background-color: #007c59;
  position: relative;
  overflow: hidden;
}

.c-worldwide-lottery-card__flag {
  position: absolute;
  width: 100%;
  padding-top: 75%;
  top: -48px;
  left: -24px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 0;
  -webkit-transform: rotate(-18deg);
  -ms-transform: rotate(-18deg);
  transform: rotate(-18deg);
}

.c-worldwide-lottery-card__flag--UK_lotto {
  background-image: url(/assets/images/uk-flag.png);
}

.c-worldwide-lottery-card__flag--IT_superenalotto {
  background-image: url(/assets/images/italy-flag.png);
}

.c-worldwide-lottery-card__flag--US_megamillions,
.c-worldwide-lottery-card__flag--US_powerball {
  background-image: url(/assets/images/usa-flag.png);
}

.c-worldwide-lottery-card__flag--ES_elgordodelaprimitiva,
.c-worldwide-lottery-card__flag--ES_laprimitiva {
  background-image: url(/assets/images/spain-flag.png);
}

.c-worldwide-lottery-card__flag--EU_eurojackpot,
.c-worldwide-lottery-card__flag--EU_euromillions {
  background-image: url(/assets/images/eu-flag.png);
}

.c-worldwide-lottery-card__logo {
  float: left;
  height: 50px;
  position: relative;
  margin-right: 12px;
}

.c-worldwide-lottery-card__logo img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 120px;
  max-height: 50px;
}

.c-worldwide-lottery-card .c-link {
  margin-top: 12px;
  float: right;
}

.c-worldwide-lottery-card .c-jackpot-box {
  position: relative;
  z-index: 1;
  margin-top: 0;
}