@charset "UTF-8";
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
DO NOT EDIT. CHECK GULPFILE SASS NOTE FOR MORE DETAILS
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/
/* @mixin box-sizing($box) {
  @include prefixer(box-sizing, $box, webkit moz spec);

  @warn "The box-sizing mixin is deprecated and will be removed in the next major version release. This property can now be used un-prefixed.";
} */
/******************************/
/*  #1 - VARIABLES */
/******************************/
/******************************/
/*  #1.1 - TYPOGRAPHY */
/******************************/
/*  #1.2 - MODULAR SCALE */
/******************************/
/*  #1.3 - OLD COLOURS!!!!    */
/* As per the Digital CI, all the interactive colors are 15% darker than their
        base color. We've used SASS to do this mathematically for us.
        The greys are the exception, as the guide does not stipulate an exact percentage. */
/*********************************/
/*  #1.3 - NEW CI COLOURS!!!!    */
/******************************/
/*  #1.4 - SUSY GRID */
/******************************/
/*  #2 - Mixins */
/******************************/
/******************************/
/*  #2.1 - REM with PX Fallback */
/******************************/
/*  #2.2 - Shorthand for Font Size/Line Height REM/PX Fallback */
/******************************/
/*  #2.3 - Aspect Ratio Pseudo Element */
/******************************/
/*  #2.4 - RESPONSIVE BREAKPOINTS */
/******************************/
/*  #2.5 - SVG with PNG FALLBACK  .el { @include background-image('pattern'); } */
/******************************/
/*  #2.6 - ANIMATIONS and KEYFRAMES  .el { @include animation('slide-down 5s 3'); } @include keyframes(slide-down) { blah } */
/******************************/
/*  #2.7 - TRANSITIONS  .el { @include transition(color .3s ease); } */
/******************************/
/*  #2.8 - CROSS-BROWSER OPACITY  .el { @include opacity(0.8); } */
/******************************/
/*  #3 - CLEARFIX MIXIN (taken from https://gist.github.com/mike-henderson/4948107) */
/*
    https://github.com/bfred-it/object-fit-images
    plugin for lazySizes to support object-fit images with bg-img fallback for IE

    This mixin can be used to set the object-fit:
    @include object-fit(contain);
    or object-fit and object-position:
    @include object-fit(cover, top);
  */
/******************************/
/*  #3 - Extends i.e body padding */
/******************************/
/******************************/
/* #3.1 - Placeholder Extends */
/******************************/
/* #3.2 - Usable Class Extends */
.clear {
  width: 100%;
  height: 0;
  clear: both;
  display: block; }

.overlay {
  background: #000000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  opacity: 0.6; }

.base-padding {
  padding: 24px;
  padding: 1.5rem; }

.centre-image {
  margin: auto;
  text-align: center;
  display: block;
  vertical-align: middle; }

.no-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.no-padding {
  padding: 0; }
  .no-padding-top {
    padding-top: 0; }
  .no-padding-right {
    padding-right: 0; }
  .no-padding-bottom {
    padding-bottom: 0; }
  .no-padding-left {
    padding-left: 0; }

.no-margin {
  margin: 0; }
  .no-margin-top {
    margin-top: 0; }
  .no-margin-right {
    margin-right: 0; }
  .no-margin-bottom {
    margin-bottom: 0; }
  .no-margin-left {
    margin-left: 0; }

.col-3 {
  width: 32.333%;
  display: inline-block;
  text-align: center;
  padding: 10px; }
  @media (max-width: 62em) {
    .col-3 {
      display: block;
      width: 100%;
      padding: 0px; } }

.foundry-listing-digital-table {
  width: 100%;
  padding: 1.5% 30px;
  margin-left: 0;
  margin-right: 0; }
  @media (max-width: 48em) {
    .foundry-listing-digital-table {
      padding: 0px; } }
  .foundry-listing-digital-table .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (max-width: 48em) {
      .foundry-listing-digital-table .row {
        display: block; } }
  .foundry-listing-digital-table .head {
    max-width: 20%;
    padding: 30px;
    word-wrap: break-word;
    background-color: #b6cd2f; }
    @media (max-width: 48em) {
      .foundry-listing-digital-table .head {
        display: block;
        width: 100%;
        max-width: 100%; } }
    .foundry-listing-digital-table .head .title {
      color: white;
      font-size: 2.5rem;
      line-height: 1.1; }
      @media (max-width: 48em) {
        .foundry-listing-digital-table .head .title {
          text-align: center; } }
    .foundry-listing-digital-table .head .description {
      color: navy; }
      @media (max-width: 48em) {
        .foundry-listing-digital-table .head .description {
          text-align: center; } }
  .foundry-listing-digital-table .body {
    width: 70%;
    display: -ms-flexbox;
    display: flex;
    text-align: center; }
    @media (max-width: 48em) {
      .foundry-listing-digital-table .body {
        display: block;
        width: 100%;
        max-width: 100%; } }
    .foundry-listing-digital-table .body .arrow-connect {
      width: 0;
      height: 0;
      display: none;
      position: absolute;
      margin-left: -15px !important;
      border-top: 20px solid #f00;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent; }
      @media (max-width: 48em) {
        .foundry-listing-digital-table .body .arrow-connect {
          display: none !important; } }
    .foundry-listing-digital-table .body .item {
      min-width: 150px;
      padding: 30px;
      color: white;
      font-size: 160%;
      max-width: 200px;
      position: relative;
      word-wrap: break-word;
      text-align: center; }
      @media (max-width: 48em) {
        .foundry-listing-digital-table .body .item {
          width: 100%;
          padding: 20px;
          display: block;
          max-width: 100%;
          text-align: center; } }
      .foundry-listing-digital-table .body .item .title {
        text-align: center;
        text-transform: uppercase; }
        @media (max-width: 48em) {
          .foundry-listing-digital-table .body .item .title {
            text-align: center !important; } }
      .foundry-listing-digital-table .body .item:hover {
        cursor: pointer; }
      .foundry-listing-digital-table .body .item:nth-child(1) {
        background-color: #009fd1; }
      .foundry-listing-digital-table .body .item:nth-child(2) {
        background-color: #004773; }
      .foundry-listing-digital-table .body .item:nth-child(3) {
        background-color: #1f3276; }
      .foundry-listing-digital-table .body .item:nth-child(4) {
        background-color: #002e4b; }
      .foundry-listing-digital-table .body .item:nth-child(5) {
        background-color: #0b335b; }
      .foundry-listing-digital-table .body .item:nth-child(6) {
        background-color: #14224a; }
      .foundry-listing-digital-table .body .item:nth-child(7) {
        background-color: #004773; }
      .foundry-listing-digital-table .body .item:nth-child(8) {
        background-color: #1f3276; }
      .foundry-listing-digital-table .body .item:nth-child(9) {
        background-color: #002e4b; }
      .foundry-listing-digital-table .body .item .section-value {
        font-size: 30px;
        text-align: center;
        line-height: 2rem; }
        @media (max-width: 48em) {
          .foundry-listing-digital-table .body .item .section-value {
            text-align: center !important; } }
        .foundry-listing-digital-table .body .item .section-value span {
          color: white;
          text-align: center !important; }
          @media (max-width: 48em) {
            .foundry-listing-digital-table .body .item .section-value span {
              text-align: center !important; } }
    .foundry-listing-digital-table .body .table-tooltip {
      margin: 25px;
      padding: 10px;
      display: none;
      position: absolute;
      background-color: #009fd1; }
      @media (max-width: 48em) {
        .foundry-listing-digital-table .body .table-tooltip {
          width: 100%;
          position: relative;
          margin: 0px !important;
          text-align: center !important; } }
      .foundry-listing-digital-table .body .table-tooltip .item-sub {
        padding: 10px;
        width: 120px;
        max-width: 140px;
        margin-left: 3px;
        margin-right: 3px;
        text-align: center;
        border: 2px solid inherit;
        background-color: white; }
        @media (max-width: 48em) {
          .foundry-listing-digital-table .body .table-tooltip .item-sub {
            width: 100%;
            max-width: 100%;
            margin: 0; } }
        .foundry-listing-digital-table .body .table-tooltip .item-sub .title {
          font-size: 18px;
          font-weight: bold;
          margin-bottom: 10px;
          text-align: center;
          word-wrap: break-word;
          text-transform: capitalize; }
        .foundry-listing-digital-table .body .table-tooltip .item-sub .description {
          font-size: 14px;
          font-weight: normal; }

.mini-help-top-faqs {
  text-align: center; }
  .mini-help-top-faqs .title {
    margin: 0 1.5rem !important;
    padding: 1% 3%; }
    .mini-help-top-faqs .title h1 {
      color: #005e9b; }
      .mini-help-top-faqs .title h1 .close {
        width: 30px;
        height: 30px;
        float: right;
        color: inherit;
        cursor: pointer; }
  .mini-help-top-faqs .foundry-listing-colour-white .faqs .item {
    border-bottom: 3px solid white; }
  .mini-help-top-faqs .faqs {
    text-align: left; }
    .mini-help-top-faqs .faqs .item {
      margin: 1.5rem !important;
      border-bottom: 3px solid white; }
      .mini-help-top-faqs .faqs .item .collapsable-item {
        margin-bottom: 15px; }
        .mini-help-top-faqs .faqs .item .collapsable-item a {
          display: block;
          font-size: 16px !important; }
          .mini-help-top-faqs .faqs .item .collapsable-item a [class^="icon-"] {
            vertical-align: bottom;
            margin-top: -5px !important; }
          .mini-help-top-faqs .faqs .item .collapsable-item a .icon-caret-down-blue {
            width: 15px;
            background-size: 75% !important; }
        .mini-help-top-faqs .faqs .item .collapsable-item .container {
          padding: 1% 3%; }

.btn.btn-blue.active {
  color: #0083c2;
  border: 1px solid #0083c2;
  background-color: #fff; }

.arrow-connect {
  width: 0;
  z-index: 1;
  height: 0;
  margin: 0 3%;
  display: block;
  position: absolute;
  border-top: 30px solid #f00;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent; }
  @media (max-width: 48em) {
    .arrow-connect {
      margin: 0 15%; } }
  @media (min-width: 34rem) and (max-width: 62rem) {
    .arrow-connect {
      margin: 0 7.5%; } }

.button.btn-drop {
  width: 33%;
  margin-top: 1rem; }
  .button.btn-drop ul a {
    padding: 0.8rem 0 0.8rem 1rem !important;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #0083c2;
    margin-top: 0px !important;
    width: 100% !important;
    font-size: 10px; }
  @media (min-width: 34rem) and (max-width: 62rem) {
    .button.btn-drop a {
      display: -webkit-box !important; } }
  .button.btn-drop.open ul {
    background: #ffffff;
    position: absolute;
    top: 33.6px;
    top: 2.3rem;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 1;
    width: 90%;
    border: 1px solid lightgrey;
    display: block !important; }
    @media (min-width: 34rem) and (max-width: 62rem) {
      .button.btn-drop.open ul {
        top: 3.3rem; } }
    @media (max-width: 767px) {
      .button.btn-drop.open ul {
        width: 100%; } }
  .button.btn-drop .fa {
    float: right;
    margin-top: 0.2rem; }

.button-vertical.vertical {
  margin-bottom: 10px; }

.listing-T4-call-me-back-form .Leads-intro {
  padding: 100px 10px;
  border-bottom: none; }
  .listing-T4-call-me-back-form .Leads-intro .Leads-intro-title {
    padding-bottom: 50px; }
  .listing-T4-call-me-back-form .Leads-intro .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .listing-T4-call-me-back-form .Leads-intro .button a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      width: 150px; }

form.T4 {
  padding: 50px 0px; }
  form.T4 h1.Leads-drawer-title {
    font-family: "Telkom123-Regular";
    color: #005e9b; }
  form.T4 .field label + .SumoSelect .SelectBox {
    border: 1px solid #666666 !important;
    border-bottom: 3px solid #666666 !important; }
  form.T4 .field > input {
    border: 1px solid #666666;
    border-bottom: 3px solid #666666; }
  form.T4 .field > label {
    width: 100%;
    border: 0;
    display: block;
    text-align: left;
    text-transform: capitalize;
    font-family: "Telkom123-Regular", sans-serif;
    font-size: 13px;
    background: #ffffff;
    color: #889391; }
  form.T4 .field .error-list {
    padding: 10px 0px;
    display: table-caption;
    caption-side: bottom; }
  form.T4 .field.field--required > label:first-of-type:after {
    color: #0083c2;
    font-size: 12px;
    line-height: 0;
    content: " *"; }
  form.T4 .field.field--halfWidth {
    width: 100%; }
    @media (min-width: 62em) {
      form.T4 .field.field--halfWidth {
        width: calc(50% - 15px);
        display: inline-block; }
        form.T4 .field.field--halfWidth:nth-of-type(odd) {
          margin-right: 26px; } }
  form.T4 .field.valid-box {
    background-color: white; }
    form.T4 .field.valid-box > input {
      color: black; }
  form.T4 .field.error-box {
    background-color: white; }
    form.T4 .field.error-box input {
      background-color: #da1b60; }
  form.T4 .buttons {
    text-align: center; }
    form.T4 .buttons input {
      width: 150px; }
      @media (max-width: 768px) {
        form.T4 .buttons input {
          width: 50%;
          margin-bottom: 30px;
          padding: 15px 15px; } }
  form.T4 .captcha div {
    margin: 0 auto; }

.mfp-search .mfp-content {
  width: 50%; }
  @media (max-width: 34rem) {
    .mfp-search .mfp-content {
      width: 100%; } }
  @media (min-width: 34rem) and (max-width: 62rem) {
    .mfp-search .mfp-content {
      width: 100%; } }

.battery-mini {
  top: 80%;
  right: 30px;
  width: 100px;
  border: none;
  height: 100px;
  color: #fff;
  display: none;
  text-overflow: clip;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  position: fixed;
  z-index: 20; }
  .battery-mini .div-battery-img #temp-img {
    width: 100px;
    height: 100px; }
  .battery-mini .hot-img {
    width: 45px;
    height: 45px;
    background-size: 100% !important;
    background: url('//static.telkom.co.za/today/static/web/img/defrost-promo/counter_warm_temp.png?a46d0a1cfd13') no-repeat; }
  .battery-mini .cold-img {
    width: 45px;
    height: 45px;
    background-size: 100% !important;
    background: url('//static.telkom.co.za/today/static/web/img/defrost-promo/counter_cold_temp.png?e36b32615f4d') no-repeat; }

.battery {
  top: 80%;
  display: none;
  width: 250px;
  border: none;
  height: 100px;
  color: #fff;
  text-overflow: clip;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  position: fixed;
  z-index: 20; }
  @media (max-width: 34rem) {
    .battery {
      width: 200px;
      height: 100px;
      top: 75%; } }
  @media (min-width: 34rem) and (max-width: 62rem) {
    .battery {
      width: 200px;
      height: 100px; } }
  .battery:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    box-shadow: 4px 10px 25px 10px rgba(0, 0, 0, 0.5);
    z-index: 1; }
  .battery:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -.25em; }
  .battery > * {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .battery .close {
    right: 10px;
    top: -20px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    position: absolute;
    background-color: #3bb6dc; }
  .battery.left-1 {
    float: left;
    left: -30px;
    background-size: 100% !important;
    background: url('//static.telkom.co.za/today/static/web/img/easter-promo/Egg1_NoShadow.png?489984f742a2') no-repeat left; }
  .battery.left-2 {
    float: left;
    left: 30px;
    background-size: 100% !important;
    background: url('//static.telkom.co.za/today/static/web/img/defrost-promo/counter_interface.png?66a2a09e2efb') no-repeat left; }
  .battery.right-1 {
    float: right;
    right: -30px;
    background-size: 100% !important;
    background: url('//static.telkom.co.za/today/static/web/img/easter-promo/Egg2_NoShadow.png?4aa59d6ec5cf') no-repeat left; }
  .battery.right-2 {
    float: right;
    right: 30px;
    background-size: 100% !important;
    background: url('//static.telkom.co.za/today/static/web/img/defrost-promo/counter_interface.png?66a2a09e2efb') no-repeat left; }
  .battery.bottom {
    bottom: -60%; }
  .battery .div-battery-info {
    width: 60%;
    text-transform: uppercase; }
    .battery .div-battery-info h1 {
      font-size: 2.5rem;
      text-shadow: 4px 4px 2px #969696; }
      @media (max-width: 34rem) {
        .battery .div-battery-info h1 {
          font-size: 2.3rem; } }
      @media (min-width: 34rem) and (max-width: 62rem) {
        .battery .div-battery-info h1 {
          font-size: 2.3rem; } }
    .battery .div-battery-info p {
      font-size: .8rem;
      color: black; }
      @media (max-width: 34rem) {
        .battery .div-battery-info p {
          font-size: 0.6rem; } }
      @media (min-width: 34rem) and (max-width: 62rem) {
        .battery .div-battery-info p {
          font-size: 0.7rem; } }
  .battery .get-deal {
    left: 2%;
    width: 93%;
    padding: 15px;
    color: #fff;
    margin-top: 100px;
    font-size: 1.2rem;
    position: absolute;
    border-radius: 10px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #005d99; }
    .battery .get-deal:hover {
      color: #fff;
      box-shadow: 4px 4px 2px #969696; }
    @media (max-width: 34rem) {
      .battery .get-deal {
        margin-top: 90px; } }
    @media (min-width: 34rem) and (max-width: 62rem) {
      .battery .get-deal {
        margin-top: 90px; } }
  .battery .hot-img {
    width: 45px;
    height: 45px;
    background-size: 100% !important;
    background: url('//static.telkom.co.za/today/static/web/img/defrost-promo/counter_warm_temp.png?a46d0a1cfd13') no-repeat; }
  .battery .cold-img {
    width: 45px;
    height: 45px;
    background-size: 100% !important;
    background: url('//static.telkom.co.za/today/static/web/img/defrost-promo/counter_cold_temp.png?e36b32615f4d') no-repeat; }
  .battery .slide-in-left {
    animation: slide-in-left 1.5s ease-in both; }
  .battery .slide-in-right {
    animation: slide-in-right 1.5s ease-in both; }

@keyframes wiggle {
  0% {
    transform: rotate(10deg); }
  25% {
    transform: rotate(-10deg); }
  50% {
    transform: rotate(20deg); }
  75% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0deg); } }

@keyframes slide-in-left {
  0% {
    transform: translateX(-1000px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

.shake-bl {
  animation: shake-bl 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }

@keyframes shake-bl {
  0%,
  100% {
    transform: rotate(0deg);
    transform-origin: 0 100%; }
  10% {
    transform: rotate(2deg); }
  20%,
  40%,
  60% {
    transform: rotate(-4deg); }
  30%,
  50%,
  70% {
    transform: rotate(4deg); }
  80% {
    transform: rotate(-2deg); }
  90% {
    transform: rotate(2deg); } }

.puff-out-center {
  animation: puff-out-center 1s cubic-bezier(0.165, 0.84, 0.44, 1) 3s both; }

@keyframes puff-out-center {
  0% {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
    display: block; }
  100% {
    transform: scale(2);
    filter: blur(2px);
    opacity: 0;
    display: none; } }

.defrostoverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2; }

.battery-widget {
  display: block;
  line-height: normal;
  width: 100% !important;
  position: relative !important; }
  .battery-widget .div-battery-info {
    text-transform: uppercase; }
    .battery-widget .div-battery-info h1 {
      font-size: 8rem;
      text-shadow: 4px 4px 2px #969696;
      line-height: normal; }
      @media (max-width: 34rem) {
        .battery-widget .div-battery-info h1 {
          font-size: 3.3rem; } }
      @media (min-width: 34rem) and (max-width: 62rem) {
        .battery-widget .div-battery-info h1 {
          font-size: 3.3rem; } }
    @media (max-width: 34rem) {
      .battery-widget .div-battery-info p {
        font-size: 1.6rem; } }
    @media (min-width: 34rem) and (max-width: 62rem) {
      .battery-widget .div-battery-info p {
        font-size: 1.7rem; } }
  .battery-widget .div-battery-img {
    top: 30%;
    left: 65%;
    position: absolute; }
    @media (min-width: 34rem) and (max-width: 62rem) {
      .battery-widget .div-battery-img {
        top: 15%;
        left: 70%; } }
    .battery-widget .div-battery-img .hot-img {
      width: 100px;
      height: 100px;
      background-size: 100% !important;
      background: url('//static.telkom.co.za/today/static/web/img/defrost-promo/counter_warm_temp.png?a46d0a1cfd13') no-repeat; }
      @media (max-width: 34rem) {
        .battery-widget .div-battery-img .hot-img {
          width: 60px;
          height: 60px; } }
      @media (min-width: 34rem) and (max-width: 62rem) {
        .battery-widget .div-battery-img .hot-img {
          width: 60px;
          height: 60px; } }
    .battery-widget .div-battery-img .cold-img {
      width: 100px;
      height: 100px;
      background-size: 100% !important;
      background: url('//static.telkom.co.za/today/static/web/img/defrost-promo/counter_cold_temp.png?e36b32615f4d') no-repeat; }
      @media (max-width: 34rem) {
        .battery-widget .div-battery-img .cold-img {
          width: 60px;
          height: 60px; } }
      @media (min-width: 34rem) and (max-width: 62rem) {
        .battery-widget .div-battery-img .cold-img {
          width: 60px;
          height: 60px; } }

.easter-campaign {
  width: 100%;
  color: whitesmoke;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #0066ac; }
  .easter-campaign .block {
    width: 50%;
    padding: 25px; }
    @media (max-width: 34rem) {
      .easter-campaign .block {
        width: 100%;
        padding: 5px;
        display: inline-table; } }
    @media (min-width: 34rem) and (max-width: 62rem) {
      .easter-campaign .block {
        padding: 5px;
        width: 100%; } }
    .easter-campaign .block .title {
      font-size: 32px;
      color: white !important; }
      @media (max-width: 34rem) {
        .easter-campaign .block .title {
          font-size: 22px; } }
      @media (min-width: 34rem) and (max-width: 62rem) {
        .easter-campaign .block .title {
          font-size: 22px; } }
    @media (max-width: 34rem) {
      .easter-campaign .block .section-value {
        font-size: 3.5rem; } }
    @media (min-width: 34rem) and (max-width: 62rem) {
      .easter-campaign .block .section-value {
        font-size: 3.5rem; } }
    @media (min-width: 34rem) and (max-width: 62rem) {
      .easter-campaign .block.device {
        display: none; } }
    .easter-campaign .block .deal-showcase {
      margin-bottom: 30px; }
      .easter-campaign .block .deal-showcase div > span {
        color: white;
        font-size: 30%;
        background-color: transparent; }
    .easter-campaign .block .btn-group {
      width: 100%;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 50px; }
      .easter-campaign .block .btn-group .btn {
        width: 50%;
        -webkit-margin-end: 10px;
                margin-inline-end: 10px; }
    .easter-campaign .block img {
      max-width: 380px;
      float: right;
      position: fixed;
      margin-top: -3%; }
      @media (max-width: 34rem) {
        .easter-campaign .block img {
          max-width: 300px;
          display: none; } }
      @media (min-width: 34rem) and (max-width: 62rem) {
        .easter-campaign .block img {
          max-width: 300px; } }
  .easter-campaign .condition {
    right: 30px;
    bottom: 20px;
    position: absolute; }
  .easter-campaign .mfp-close {
    right: 0px;
    width: 30px !important;
    height: 30px !important;
    position: relative;
    background-size: 20px !important;
    background-color: white;
    background-position: 5px 5px !important; }
    @media (max-width: 34rem) {
      .easter-campaign .mfp-close {
        display: none; } }

/************************
Freeme education
************************/
.listing-collapse-four .elements {
  padding-top: 10px;
  padding-bottom: 5px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  @media (max-width: 48em) {
    .listing-collapse-four .elements {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%; } }

.listing-collapse-four .collapse-item {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center;
  width: 180px;
  height: 180px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.5; }
  .listing-collapse-four .collapse-item.active {
    opacity: 1; }
  @media (max-width: 48em) {
    .listing-collapse-four .collapse-item {
      width: 50%;
      height: auto;
      -ms-flex-positive: 0;
          flex-grow: 0; } }

.listing-collapse-four .collapse-img {
  border-radius: 5px;
  max-width: 150px;
  cursor: pointer; }
  @media (max-width: 48em) {
    .listing-collapse-four .collapse-img {
      padding: 10px; } }

.listing-collapse-four .description {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center;
  width: 100px;
  height: 100px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: baseline;
      align-items: baseline;
  display: -ms-flexbox;
  display: flex; }

.listing-collapse-four .hidden {
  display: none; }

.listing-collapse-four #text {
  text-align: left;
  width: 75%;
  margin: auto;
  transition: height 2s; }

.listing-collapse-four .list {
  padding-left: 15px;
  list-style: none; }
  .listing-collapse-four .list li:before {
    content: "\2022";
    color: #0083c3;
    display: inline-block;
    width: 1em;
    margin-left: -1em; }

.listing-collapse-four .info {
  width: 100%;
  margin: auto; }

.listing-collapse-four .content {
  text-align: left;
  padding-top: 20px; }

.listing-freeme-plan-picker.container {
  text-align: center; }

.listing-freeme-plan-picker .categories {
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center; }

.listing-freeme-plan-picker .category {
  padding: 6px 13px;
  margin: 0 5px;
  margin-bottom: 5px;
  border: 2px solid #0d5f99;
  color: #0d5f99;
  cursor: pointer; }

.listing-freeme-plan-picker .category.selected {
  background-color: #0d5f99;
  padding: 6px 13px;
  margin: 0 5px;
  color: #fff;
  margin-bottom: 5px; }

.listing-freeme-plan-picker .freeme-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .listing-freeme-plan-picker .freeme-item h3 {
    color: #005e9b;
    font-size: 28px;
    font-family: "Telkom123-Bold", sans-serif;
    font-weight: 900; }
    .listing-freeme-plan-picker .freeme-item h3 .term {
      color: #0083c2;
      font-family: "Telkom123-Regular", sans-serif;
      font-size: 18px;
      font-weight: 100;
      padding-left: 5px; }

.listing-freeme-plan-picker .freeme-img {
  width: 180px; }

.listings section .btn-white {
  color: #0083c2; }

.listings section i.fa {
  color: #0083c2; }

.listings section.foundry-listing-colour-blue .btn-white {
  color: #0083c2; }

.listings section.foundry-listing-colour-blue i.fa {
  color: #0083c2; }

@media (max-width: 48em) {
  .listings .xs {
    display: none; } }

@media (min-width: 48em) and (max-width: 62em) {
  .listings .sm {
    display: none; } }

@media (min-width: 62em) {
  .listings .md {
    display: none; } }

.listings .sub-row {
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .listings .sub-row::-webkit-scrollbar {
    width: 1px; }
  .listings .sub-row::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px; }
  .listings .sub-row::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
  @media (max-width: 48em) {
    .listings .sub-row {
      display: -ms-flexbox;
      display: flex;
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      overflow-scrolling: auto; } }
  @media (min-width: 48em) and (max-width: 62em) {
    .listings .sub-row {
      display: -ms-flexbox;
      display: flex;
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      overflow-scrolling: auto; } }
  .listings .sub-row .sub-row-item {
    opacity: 0.7;
    padding: 20px;
    min-width: 150px; }
    .listings .sub-row .sub-row-item.active {
      opacity: 1; }
    @media (max-width: 48em) {
      .listings .sub-row .sub-row-item {
        width: 30%; } }

/* Carousel drop down */
[id^="carousel-dropdown-listing-"] {
  padding: 1.5% 10% !important; }
  @media (max-width: 48em) {
    [id^="carousel-dropdown-listing-"] {
      padding: 1.5% 5% !important; } }
  [id^="carousel-dropdown-listing-"] .owl-controls {
    display: none !important; }
  [id^="carousel-dropdown-listing-"] .owl-item {
    margin: 20px;
    width: 200px !important; }
    @media (max-width: 48em) {
      [id^="carousel-dropdown-listing-"] .owl-item {
        margin-right: -10px;
        width: 150px !important; } }

[data-dropdown-id] {
  opacity: 0.7;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s; }
  [data-dropdown-id] :hover {
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1); }

.active[data-dropdown-id] {
  opacity: 1;
  transform: scale(1.1); }

/* Countdown Timer */
#countdown-timer {
  display: none; }
  #countdown-timer #message {
    color: #005e9b !important;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent;
    width: 100%;
    padding: 1.5rem;
    padding-left: 5%;
    padding-right: 5%;
    display: block; }

#clockdiv {
  color: #FFFFFF;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 72px;
  width: 100%;
  display: -ms-inline-grid;
  display: inline-grid;
  -ms-grid-columns: 1fr 0.2fr 1fr 0.2fr 1fr;
      grid-template-columns: 1fr 0.2fr 1fr 0.2fr 1fr;
  padding-bottom: 15px; }
  @media (max-width: 882px) {
    #clockdiv {
      font-size: 40px; } }
  @media (max-width: 488px) {
    #clockdiv {
      font-size: 20px; } }
  #clockdiv .days1, #clockdiv .days2, #clockdiv .hours1, #clockdiv .hours2, #clockdiv .minutes1, #clockdiv .minutes2 {
    background-color: #0083c2; }
  #clockdiv div > span {
    padding: 15px 15px 30px 15px;
    line-height: 60%;
    display: inline-block; }
    @media (max-width: 882px) {
      #clockdiv div > span {
        padding: 10px 10px 20px 10px; } }
    @media (max-width: 488px) {
      #clockdiv div > span {
        padding: 5px 5px 10px 5px;
        border-radius: 3px;
        line-height: 60%;
        background: rgba(255, 255, 255, 0.459);
        display: inline-block; } }
  #clockdiv .divider {
    font-size: 50px;
    padding-top: 0%; }
    @media (max-width: 882px) {
      #clockdiv .divider {
        font-size: 30px; } }
    @media (max-width: 488px) {
      #clockdiv .divider {
        font-size: 15px;
        padding-top: 30%; } }
  #clockdiv .smalltext {
    font-size: 16px;
    padding-top: 15px;
    color: #005e9b !important; }
  #clockdiv .block div > span {
    background: rgba(255, 255, 255, 0.459); }
  #clockdiv .rounded-corners div > span {
    background: rgba(255, 255, 255, 0.459);
    border-radius: 10px; }
  #clockdiv .expand-device div > span {
    padding: 12px 12px 27px 12px;
    border: 3px solid white; }
  #clockdiv .extra-lines {
    position: absolute;
    height: 15px;
    width: 15px;
    border-right: 3px solid white;
    border-bottom: 3px solid white;
    left: -15px;
    top: -15px; }
  #clockdiv .clock-expand {
    position: relative; }

/* End Countdown Timer */
.listing-black-friday-interest-register .Leads-intro {
  background: linear-gradient(black 60%, #014566 80%, #0083c2 100%);
  border-bottom: none;
  padding-bottom: 200px; }
  .listing-black-friday-interest-register .Leads-intro .prize-size {
    text-shadow: 0 0 5px #fff, 0 0 20px #fff, 0 0 10px #2695cb, 0 0 40px #2695cb, 0 0 50px #2695cb, 0 0 60px #2695cb, 0 0 70px;
    color: white;
    font-family: "Telkom123-Bold", sans-serif;
    font-size: 100px;
    line-height: initial; }

.listing-black-friday-interest-register .js-show-form {
  width: 150px;
  text-transform: uppercase; }

.fancybox-container #black-friday-register {
  min-width: 320px;
  min-height: 200px; }
  @media (max-width: 400px) {
    .fancybox-container #black-friday-register {
      padding: 0; } }
  .fancybox-container #black-friday-register .error-list {
    width: 100%; }
  .fancybox-container #black-friday-register .errorlist {
    padding: 0; }
  .fancybox-container #black-friday-register .field input {
    padding: 10px; }
  .fancybox-container #black-friday-register .valid-box input {
    padding: 10px; }
  .fancybox-container #black-friday-register .CheckboxGroup {
    padding-bottom: 10px; }

#id_roaming_subscribe_form h2 {
  color: #000000;
  font-family: "Telkom123-Regular", sans-serif;
  font-weight: normal;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-size: 32px;
  font-size: 1.25rem; }

.brochure-page.listing-crime-hotline-form .brochure-row-blue-dark {
  padding-top: 20px;
  padding-bottom: 30px; }

/******************************/
/*  COLOR CHOOSER RADIO GROUP      */
.color-chooser {
  list-style: none;
  margin: 0;
  padding: 0; }
  .color-chooser .option {
    display: inline-block; }
    .color-chooser .option > * {
      transition: 0.5s ease-in-out; }
    .color-chooser .option + .option {
      margin-left: 0.5rem; }
  .color-chooser label {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    border-style: solid;
    border-color: #889391;
    border-width: 1.6px;
    border-width: 0.25rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    cursor: pointer; }
    .color-chooser label:hover {
      border-color: #0083c2; }
  .color-chooser input {
    display: none; }
    .color-chooser input:checked + label {
      border-color: #0083c2; }

/******************************/
/*  PRODUCT STEP CONTENT */
@media (min-width: 62em) {
  .js-shop-listing-sliders .drawer.rich-text .shop-wizard-product .product-image {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%; }
    .js-shop-listing-sliders .drawer.rich-text .shop-wizard-product .product-image + .product-details {
      float: right;
      margin-right: 0; } }

@media (min-width: 62em) {
  .js-shop-listing-sliders .drawer.rich-text .shop-wizard-product .product-details {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%; }
    .js-shop-listing-sliders .drawer.rich-text .shop-wizard-product .product-details + .product-details {
      float: right;
      margin-right: 0; } }

.js-shop-listing-sliders article.drawer {
  position: relative; }
  .js-shop-listing-sliders article.drawer .ajax-loader {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    background-color: white;
    z-index: 1001; }

.js-shop-listing-sliders .amazon.js-product-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: white; }
  .js-shop-listing-sliders .amazon.js-product-placeholder div.is_stuck {
    z-index: 1002; }
    .js-shop-listing-sliders .amazon.js-product-placeholder div.is_stuck.now-loading {
      display: -ms-flexbox;
      display: flex; }
  .js-shop-listing-sliders .amazon.js-product-placeholder .loading {
    opacity: 0;
    animation: dot 1.3s infinite; }
    .js-shop-listing-sliders .amazon.js-product-placeholder .loading.one {
      animation-delay: 0.0s;
      -webkit-animation-delay: 0.0s; }
    .js-shop-listing-sliders .amazon.js-product-placeholder .loading.two {
      animation-delay: 0.2s;
      -webkit-animation-delay: 0.2s; }
    .js-shop-listing-sliders .amazon.js-product-placeholder .loading.three {
      animation-delay: 0.3s;
      -webkit-animation-delay: 0.3s; }

@keyframes dot {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.js-shop-listing-sliders .amazon .detail-builder .builder-grouping {
  border-top: 2px solid #e8e7e7; }

.js-shop-listing-sliders .amazon .detail-builder .confirmation-message {
  height: 207px; }

.js-shop-listing-sliders .amazon .drawer-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  @media (max-width: 48em) {
    .js-shop-listing-sliders .amazon .drawer-title {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .js-shop-listing-sliders .amazon .drawer-title .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    .js-shop-listing-sliders .amazon .drawer-title .title .primary {
      font-size: 24px;
      color: #005e9b; }
    .js-shop-listing-sliders .amazon .drawer-title .title .secondary {
      font-size: 20px; }
  .js-shop-listing-sliders .amazon .drawer-title .details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
  .js-shop-listing-sliders .amazon .drawer-title .blue-divider {
    border-top: 2px #2695cb solid;
    margin-top: 5px;
    width: 70%; }
    @media (max-width: 48em) {
      .js-shop-listing-sliders .amazon .drawer-title .blue-divider {
        width: 100%; } }
  .js-shop-listing-sliders .amazon .drawer-title .section-value div[itemscope] {
    display: -ms-flexbox;
    display: flex; }
  .js-shop-listing-sliders .amazon .drawer-title .section-value span {
    display: inline;
    font-size: 42px;
    font-family: "Telkom123-Bold", sans-serif;
    color: #005e9b;
    line-height: 18px;
    padding-left: 0; }
    @media (max-width: 48em) {
      .js-shop-listing-sliders .amazon .drawer-title .section-value span {
        padding-top: 10px; } }
    .js-shop-listing-sliders .amazon .drawer-title .section-value span.extra-lineh {
      line-height: 42px; }
    .js-shop-listing-sliders .amazon .drawer-title .section-value span .price-decimal {
      padding: 0; }
    .js-shop-listing-sliders .amazon .drawer-title .section-value span .price-term {
      font-size: 20px;
      font-family: "Telkom123-Regular", sans-serif;
      color: #0083c2;
      padding-left: 10px; }
      .js-shop-listing-sliders .amazon .drawer-title .section-value span .price-term.insurance {
        display: block;
        padding: 10px 0px 0px 0px; }
      @media (max-width: 48em) {
        .js-shop-listing-sliders .amazon .drawer-title .section-value span .price-term {
          display: block;
          padding: 20px 0px 0px 0px; } }
  .js-shop-listing-sliders .amazon .drawer-title.is_stuck.now-loading {
    display: none; }
  .js-shop-listing-sliders .amazon .drawer-title.is_stuck .primary {
    color: white; }
  .js-shop-listing-sliders .amazon .drawer-title.is_stuck .blue-divider {
    border-top: 2px white solid; }
  .js-shop-listing-sliders .amazon .drawer-title.is_stuck .section-value span {
    color: white; }

.js-shop-listing-sliders .amazon .product-image .device-image {
  padding-top: 30px; }

.js-shop-listing-sliders .amazon .product-details .step-content h2:first-of-type {
  color: black; }

.js-shop-listing-sliders .amazon .product-details a.read-more {
  text-decoration: none; }

.js-shop-listing-sliders .amazon .product-details .list-blue {
  list-style: none;
  padding-left: 0; }
  .js-shop-listing-sliders .amazon .product-details .list-blue li::before {
    content: "• ";
    color: #0083c2;
    font-size: 20px;
    font-family: initial;
    padding-right: 5px; }

.js-shop-listing-sliders .amazon .button-unit.vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 48em) {
    .js-shop-listing-sliders .amazon .button-unit.vertical {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .js-shop-listing-sliders .amazon .button-unit.vertical .button {
    width: 33%; }
    @media (max-width: 48em) {
      .js-shop-listing-sliders .amazon .button-unit.vertical .button {
        width: 100%; } }
    .js-shop-listing-sliders .amazon .button-unit.vertical .button .btn-transparent-pink {
      color: #da1b60;
      min-height: 33px;
      border: 2px #da1b60 solid;
      background-color: transparent; }
      .js-shop-listing-sliders .amazon .button-unit.vertical .button .btn-transparent-pink:hover {
        color: white;
        background-color: #da1b60; }
      @media (min-width: 48em) and (max-width: 62em) {
        .js-shop-listing-sliders .amazon .button-unit.vertical .button .btn-transparent-pink {
          min-height: 45px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: center;
              justify-content: center; } }
    @media (min-width: 48em) and (max-width: 62em) {
      .js-shop-listing-sliders .amazon .button-unit.vertical .button .btn-primary-pink, .js-shop-listing-sliders .amazon .button-unit.vertical .button .btn-primary {
        min-height: 45px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center; } }

/******************************/
/*  Product Variation Selector */
.slider-select .pill-holder-ghost.pill-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  margin: 0;
  position: relative;
  background-color: transparent;
  border-radius: 8px;
  border: 2px #0083c2 solid;
  min-height: 50px; }
  @media (max-width: 48em) {
    .slider-select .pill-holder-ghost.pill-holder {
      display: none; } }
  .slider-select .pill-holder-ghost.pill-holder a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: center;
    width: 100%;
    background-color: transparent; }
    .slider-select .pill-holder-ghost.pill-holder a:first-child {
      border-top-left-radius: 7px;
      border-bottom-left-radius: 7px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: solid #0083c2 2px; }
    .slider-select .pill-holder-ghost.pill-holder a:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px; }
    .slider-select .pill-holder-ghost.pill-holder a.active {
      background-color: #0083c2; }

.slider-select .SumoSelect.amazon {
  margin-top: 15px;
  margin-bottom: 20px; }

.ss-slider-amazon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 0;
  text-align: center;
  overflow-x: scroll; }
  @media (max-width: 48em) {
    .ss-slider-amazon {
      display: none; } }
  .ss-slider-amazon li {
    list-style: none;
    border: 2px #005b94 solid;
    border-right: none;
    min-width: 100px;
    min-height: 50px;
    padding: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1; }
    .ss-slider-amazon li:first-child {
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px; }
    .ss-slider-amazon li:last-child {
      border-right: 2px #0083c2 solid;
      border-bottom-right-radius: 0px;
      border-top-right-radius: 0px; }
    .ss-slider-amazon li a {
      text-decoration: none; }
    .ss-slider-amazon li.active {
      background-color: #005B94; }
      .ss-slider-amazon li.active a {
        color: white; }

.carousel-container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center; }
  .carousel-container .amazon-device-carousel {
    width: 93% !important; }

div.amazon-plan-carousel.choices {
  margin-bottom: 10px; }
  @media (max-width: 48em) {
    div.amazon-plan-carousel.choices {
      display: none; } }
  div.amazon-plan-carousel.choices .options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    overflow-x: scroll; }
    div.amazon-plan-carousel.choices .options .option {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      min-height: 50px;
      min-width: 100px;
      border: 2px #0083c2 solid;
      border-right: none;
      margin: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -ms-flex-positive: 1;
          flex-grow: 1; }
      div.amazon-plan-carousel.choices .options .option:first-child {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px; }
        div.amazon-plan-carousel.choices .options .option:first-child .pick {
          border-bottom-left-radius: 0px;
          border-top-left-radius: 0px; }
      div.amazon-plan-carousel.choices .options .option:last-child {
        border-right: 2px #0083c2 solid;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px; }
        div.amazon-plan-carousel.choices .options .option:last-child .pick {
          border-bottom-right-radius: 0px;
          border-top-right-radius: 0px; }
      div.amazon-plan-carousel.choices .options .option .pick {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        height: 100%; }
        div.amazon-plan-carousel.choices .options .option .pick p {
          margin: 0;
          color: #0083c2;
          cursor: pointer; }
      div.amazon-plan-carousel.choices .options .option input:checked + .pick {
        background-color: #0083c2; }
        div.amazon-plan-carousel.choices .options .option input:checked + .pick p {
          color: white; }

/*  REMIND ME FANCYBOX */
#remind-me-form h1, #remind-me-form p {
  text-align: center; }

#remind-me-form .form-group .btn-group {
  margin-top: 0;
  text-align: center; }

#remind-me-form input.js-consumer-form-submit {
  float: none; }

#remind-me-form .success-message {
  padding-top: 100px; }

#remind-me-form.fancybox-content {
  width: 650px;
  height: 450px; }

#remind-me-form.Form {
  margin: 0; }

@media (max-width: 48em) {
  #order-wizard p {
    text-align: center; } }

@media (min-width: 48em) {
  #order-wizard .ButtonGroup.ButtonGroup--col3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; } }

.coverage-result.simple h2 {
  text-align: center;
  padding-top: 30px;
  color: #0072a9;
  font-size: 28px; }

.coverage-result.simple h3 {
  color: #666666 !important;
  font-size: 16px !important;
  font-family: "Telkom123-Light", sans-serif !important; }

.coverage-result.simple .not-covered #coverage-interest {
  width: 100%; }
  @media (min-width: 48em) {
    .coverage-result.simple .not-covered #coverage-interest {
      width: 60%; } }
  .coverage-result.simple .not-covered #coverage-interest .form-wrapper {
    -ms-flex-direction: column;
        flex-direction: column; }
    .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 100%; }
      .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group .field {
        width: 100%;
        padding-top: 10px; }
        @media (min-width: 48em) {
          .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group .field {
            width: 48%; } }
        .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group .field + .field {
          margin-top: 0; }
        .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group .field label {
          width: 100%; }
      .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group + .form-group {
        padding-top: 50px;
        margin-left: 0; }
        @media (min-width: 48em) {
          .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group + .form-group {
            -ms-flex-direction: column;
                flex-direction: column; } }
      .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group .SelectBox i {
        background-position: 95%; }
      .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group#captcha {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        padding-top: 20px; }

.coverage-result.simple .not-covered .text-center.error-message {
  text-align: center;
  font-size: 18px;
  padding: 30px 0px; }

.coverage-result.simple .not-covered .SecondayBtnGroup {
  position: relative;
  width: 100%; }
  .coverage-result.simple .not-covered .SecondayBtnGroup input {
    margin-top: 20px; }
    @media (min-width: 48em) {
      .coverage-result.simple .not-covered .SecondayBtnGroup input {
        width: 180px !important;
        height: 40px;
        position: absolute;
        bottom: 0;
        left: 50%; } }

@media (min-width: 48em) {
  .coverage-result.simple .not-covered .ButtonGroup--col3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .coverage-result.simple .not-covered .ButtonGroup--col3 .ButtonGroup-button {
      width: 180px; }
      .coverage-result.simple .not-covered .ButtonGroup--col3 .ButtonGroup-button button, .coverage-result.simple .not-covered .ButtonGroup--col3 .ButtonGroup-button input {
        height: 40px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .coverage-result.simple .not-covered #coverage-interest .form-wrapper {
    display: block; }
    .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group {
      display: -ms-inline-flexbox;
      display: inline-flex; } }
    @media screen and (-ms-high-contrast: active) and (min-width: 48em), (-ms-high-contrast: none) and (min-width: 48em) {
      .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group + .form-group {
        display: block; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .coverage-result.simple .not-covered #coverage-interest .form-wrapper .form-group#captcha {
        display: block; }
  .coverage-result.simple .not-covered .SecondayBtnGroup {
    position: relative;
    width: 100%; } }
  @media screen and (-ms-high-contrast: active) and (min-width: 48em), (-ms-high-contrast: none) and (min-width: 48em) {
    .coverage-result.simple .not-covered .SecondayBtnGroup input {
      position: relative; } }

@media (max-width: 480px) {
  .hide-sml {
    display: none; } }

.tp-thumb-image {
  border: 1px solid #fff; }

@media screen and (max-width: 768px) and (min-width: 480px) {
  .hide-med {
    display: none; } }

#ss360-layer .ss360-suggests header {
  background-color: white; }

/* Override Sitesearch's inline styles */
.site-search .icon-search {
  border: 0 !important;
  width: 56px !important; }

@media (min-width: 48em) {
  .site-search .sub-drop[style*="block"], .site-search .sub-drop[style*="flex"] {
    width: 600px !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    height: 58px; } }

.site-search .sub-drop[style*="block"] #searchBox, .site-search .sub-drop[style*="flex"] #searchBox {
  margin-left: 5px; }

@media (max-width: 48em) {
  .site-search .sub-drop[style*="block"] .ss360-voice-search, .site-search .sub-drop[style*="flex"] .ss360-voice-search {
    left: 100px !important; } }

.site-search .sub-drop[style*="block"] .ss360-voice-search svg path, .site-search .sub-drop[style*="flex"] .ss360-voice-search svg path {
  fill: #ffffff; }

#default-product-offer-campaign {
  padding: 50px; }
  #default-product-offer-campaign h2 {
    font-family: "Telkom123-Bold", sans-serif;
    font-size: 30px;
    text-align: center; }
  #default-product-offer-campaign h3 {
    text-align: center;
    font-size: 16px;
    padding-top: 20px; }
  #default-product-offer-campaign .default-offer {
    display: -ms-flexbox;
    display: flex; }
    #default-product-offer-campaign .default-offer .product-image-container {
      width: 50%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      #default-product-offer-campaign .default-offer .product-image-container img {
        height: 100%;
        margin-top: 30px;
        max-height: 360px; }
    #default-product-offer-campaign .default-offer .product-info-container {
      width: 50%;
      padding: 0px 50px; }
      #default-product-offer-campaign .default-offer .product-info-container .product-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        height: 100%; }
        #default-product-offer-campaign .default-offer .product-info-container .product-info .product-title {
          font-family: "Telkom123-Light", sans-serif;
          font-size: 30px; }
          #default-product-offer-campaign .default-offer .product-info-container .product-info .product-title p {
            display: inline-block;
            margin-top: 15px; }
        #default-product-offer-campaign .default-offer .product-info-container .product-info .product-price {
          font-family: "Telkom123-Bold", sans-serif;
          font-size: 40px; }
          #default-product-offer-campaign .default-offer .product-info-container .product-info .product-price p {
            margin: 0; }
            #default-product-offer-campaign .default-offer .product-info-container .product-info .product-price p .price-term {
              font-family: "Telkom123-Light", sans-serif;
              font-size: 20px; }
        #default-product-offer-campaign .default-offer .product-info-container .product-info .product-description {
          font-family: "Telkom123-Light", sans-serif; }
          #default-product-offer-campaign .default-offer .product-info-container .product-info .product-description ul {
            display: inline-block;
            padding-left: 16px;
            line-height: 28px; }
        #default-product-offer-campaign .default-offer .product-info-container .product-info .button {
          margin-top: 20px; }
          #default-product-offer-campaign .default-offer .product-info-container .product-info .button .btn-white {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
                justify-content: space-between;
            -ms-flex-align: center;
                align-items: center;
            color: #005e9b;
            width: 150px; }
          #default-product-offer-campaign .default-offer .product-info-container .product-info .button i {
            color: #005e9b; }
    @media (max-width: 48em) {
      #default-product-offer-campaign .default-offer {
        -ms-flex-direction: column;
            flex-direction: column; }
        #default-product-offer-campaign .default-offer .product-image-container {
          width: 100%; }
        #default-product-offer-campaign .default-offer .product-info-container {
          width: 100%;
          padding: 0; }
          #default-product-offer-campaign .default-offer .product-info-container .product-info {
            -ms-flex-align: center;
                align-items: center; }
            #default-product-offer-campaign .default-offer .product-info-container .product-info .product-price {
              text-align: center; }
              #default-product-offer-campaign .default-offer .product-info-container .product-info .product-price .price-term {
                display: inline-block; } }

#selectable-product-offers {
  padding: 50px; }
  @media (max-width: 48em) {
    #selectable-product-offers {
      padding: 30px 10px; } }
  #selectable-product-offers .heading-description {
    width: 60%;
    margin: 0 auto; }
    @media (max-width: 48em) {
      #selectable-product-offers .heading-description {
        width: 90%; } }
    #selectable-product-offers .heading-description h2 {
      font-family: "Telkom123-Bold", sans-serif;
      font-size: 30px;
      text-align: center;
      color: #0083c2; }
    #selectable-product-offers .heading-description h3 {
      font-size: 16px;
      text-align: center;
      color: #889391;
      margin-top: 30px; }
  #selectable-product-offers .selectable-offers {
    margin-top: 50px; }
    #selectable-product-offers .selectable-offers .owl-wrapper {
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-align: stretch;
          align-items: stretch; }
    #selectable-product-offers .selectable-offers .container-parent {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      height: 100%; }
      #selectable-product-offers .selectable-offers .container-parent .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between;
        border: solid 2px #efefef;
        padding: 50px;
        width: 90%;
        height: 100%;
        margin: auto; }
        @media (max-width: 48em) {
          #selectable-product-offers .selectable-offers .container-parent .container {
            padding: 10px; } }
        #selectable-product-offers .selectable-offers .container-parent .container .horizontal-grouping {
          display: -ms-flexbox;
          display: flex; }
          @media (max-width: 48em) {
            #selectable-product-offers .selectable-offers .container-parent .container .horizontal-grouping {
              -ms-flex-direction: column;
                  flex-direction: column; } }
          #selectable-product-offers .selectable-offers .container-parent .container .horizontal-grouping .product-image-container {
            width: 30%; }
            @media (max-width: 48em) {
              #selectable-product-offers .selectable-offers .container-parent .container .horizontal-grouping .product-image-container {
                width: 100%;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                    justify-content: center;
                padding-bottom: 30px; } }
          #selectable-product-offers .selectable-offers .container-parent .container .horizontal-grouping .product-info-container {
            width: 70%;
            padding: 0px 20px; }
            @media (max-width: 48em) {
              #selectable-product-offers .selectable-offers .container-parent .container .horizontal-grouping .product-info-container {
                width: 100%; } }
            #selectable-product-offers .selectable-offers .container-parent .container .horizontal-grouping .product-info-container .product-description ul, #selectable-product-offers .selectable-offers .container-parent .container .horizontal-grouping .product-info-container .optional-product-description ul {
              padding-left: 15px;
              margin: 0;
              line-height: 26px; }
        #selectable-product-offers .selectable-offers .container-parent .container .subtitle {
          text-align: center;
          margin: 30px 0px;
          font-size: 18px;
          color: #005e9b; }
        #selectable-product-offers .selectable-offers .container-parent .container .selectable-sub-offers {
          display: -ms-flexbox;
          display: flex; }
          #selectable-product-offers .selectable-offers .container-parent .container .selectable-sub-offers .container-parent {
            width: 100%; }
            @media (max-width: 48em) {
              #selectable-product-offers .selectable-offers .container-parent .container .selectable-sub-offers .container-parent {
                width: 90%;
                margin: auto; } }
            #selectable-product-offers .selectable-offers .container-parent .container .selectable-sub-offers .container-parent .container {
              position: relative;
              padding: 10px; }
              #selectable-product-offers .selectable-offers .container-parent .container .selectable-sub-offers .container-parent .container img {
                width: 100%;
                height: auto; }
              #selectable-product-offers .selectable-offers .container-parent .container .selectable-sub-offers .container-parent .container input {
                position: absolute;
                cursor: pointer;
                right: 2px;
                top: 2px;
                width: 30px;
                height: 30px; }
              #selectable-product-offers .selectable-offers .container-parent .container .selectable-sub-offers .container-parent .container .price {
                display: none;
                font-family: "Telkom123-Bold", sans-serif;
                font-size: 18px;
                color: #005e9b;
                text-align: center; }
        #selectable-product-offers .selectable-offers .container-parent .container .total-price {
          font-family: "Telkom123-Bold", sans-serif;
          font-size: 40px;
          color: #005e9b;
          text-align: right; }
          #selectable-product-offers .selectable-offers .container-parent .container .total-price .combo-term {
            font-family: "Telkom123-Light", sans-serif;
            font-size: 18px;
            color: #0083c2; }
            @media (max-width: 48em) {
              #selectable-product-offers .selectable-offers .container-parent .container .total-price .combo-term {
                display: inline-block; } }
      #selectable-product-offers .selectable-offers .container-parent .button {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
            justify-content: flex-end;
        padding-right: 35px;
        padding-top: 30px; }
        #selectable-product-offers .selectable-offers .container-parent .button a {
          width: 150px; }

.product-offer[role="main"] {
  padding: 50px 0;
  background-color: #efefef; }
  .product-offer[role="main"] h2 {
    color: #005e9b;
    font-size: 20px;
    font-family: "Telkom123-Bold", sans-serif;
    text-transform: uppercase;
    text-align: center; }

.product-offer.your-order {
  background-color: #efefef;
  margin-top: 60px; }
  .product-offer.your-order .container {
    width: 70%;
    padding: 100px 0px; }
    @media (max-width: 48em) {
      .product-offer.your-order .container .order-item {
        display: -ms-flexbox;
        display: flex; } }
  .product-offer.your-order h1 {
    text-align: center;
    color: #005e9b;
    font-size: 30px;
    padding-bottom: 30px;
    margin: 0; }
  .product-offer.your-order .headings {
    display: -ms-flexbox;
    display: flex;
    padding: 0px 50px; }
    @media (max-width: 48em) {
      .product-offer.your-order .headings {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between;
        width: 50%;
        padding: 0; } }
    .product-offer.your-order .headings h2 {
      color: #0083c2;
      font-size: 16px;
      margin: 0; }
  .product-offer.your-order .image {
    width: 100px;
    text-align: center; }
    @media (max-width: 48em) {
      .product-offer.your-order .image {
        text-align: left;
        height: 100px; } }
  @media (max-width: 48em) {
    .product-offer.your-order h2.image {
      width: 100%; } }
  @media (max-width: 48em) {
    .product-offer.your-order p.description {
      padding-left: 30px 0px; } }
  .product-offer.your-order .description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    color: #4e4e4e;
    width: 75%;
    margin: 0;
    padding-left: 30px; }
    @media (max-width: 48em) {
      .product-offer.your-order .description {
        padding-left: 0;
        margin: 30px 0px;
        width: 100%; } }
  .product-offer.your-order p.sub-total {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    color: #005e9b;
    font-size: 20px;
    font-family: "Telkom123-Bold", sans-serif;
    margin: 0; }
    .product-offer.your-order p.sub-total span {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: end;
          justify-content: end;
      height: 23px;
      padding-left: 5px;
      font-family: "Telkom123-Bold", sans-serif;
      font-size: 15px; }
  .product-offer.your-order .sub-total {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    width: 25%; }
    @media (max-width: 48em) {
      .product-offer.your-order .sub-total {
        width: 100%;
        min-height: 45px; } }
  .product-offer.your-order .item {
    display: -ms-flexbox;
    display: flex;
    padding: 0px 50px; }
    @media (max-width: 48em) {
      .product-offer.your-order .item {
        -ms-flex-direction: column;
            flex-direction: column;
        padding: 0;
        width: 50%; } }
    .product-offer.your-order .item .image {
      width: 100px;
      height: 100px; }

.product-offer .container {
  width: 60%;
  margin: 0 auto; }
  @media (max-width: 48em) {
    .product-offer .container {
      width: 90%; } }

.product-offer .intro-title {
  color: #0083c2;
  font-size: 30px;
  text-align: center; }

.product-offer .intro-description {
  font-size: 20px;
  text-align: center; }

.product-offer .divider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 20px 0px;
  width: 100%; }
  @media (max-width: 48em) {
    .product-offer .divider {
      display: none; } }
  .product-offer .divider .border {
    border-top: 2px solid #889391;
    height: 2px; }

.product-offer.intro {
  padding-bottom: 50px; }

.product-offer.step-indicator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  padding: 50px 0; }
  .product-offer.step-indicator .step p {
    border: 2px solid #005e9b;
    width: 150px;
    height: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: center;
    color: #005e9b; }
    @media (max-width: 48em) {
      .product-offer.step-indicator .step p {
        width: 125px; } }
    .product-offer.step-indicator .step p.active {
      color: white;
      background-color: #005e9b; }

.product-offer .Leads-drawer-section {
  width: 100%; }
  .product-offer .Leads-drawer-section .buttons input {
    width: 200px; }

.product-offer .process-overview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (max-width: 48em) {
    .product-offer .process-overview {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .product-offer .process-overview .divider {
        display: none; } }
  @media (min-width: 48em) and (max-width: 62em) {
    .product-offer .process-overview .divider {
      width: 15px; } }
  .product-offer .process-overview .img-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (max-width: 48em) {
      .product-offer .process-overview .img-container {
        -ms-flex-direction: row;
            flex-direction: row;
        width: 50%;
        padding: 10px; } }
    .product-offer .process-overview .img-container img {
      width: 120px;
      height: 118px; }
      @media (min-width: 48em) and (max-width: 75em) {
        .product-offer .process-overview .img-container img {
          width: 95px;
          height: 93px; } }
      .product-offer .process-overview .img-container img.active {
        width: 152px;
        height: 150px; }
        @media (max-width: 48em) {
          .product-offer .process-overview .img-container img.active {
            width: 120px;
            height: 118px; } }
        @media (min-width: 48em) and (max-width: 75em) {
          .product-offer .process-overview .img-container img.active {
            width: 95px;
            height: 93px; } }
      .product-offer .process-overview .img-container img:hover {
        cursor: pointer; }

#cart .products {
  width: 75%;
  margin: 0 auto; }
  #cart .products h2 {
    text-align: center; }
  #cart .products .divider {
    padding: 0;
    height: 2px;
    border-top: 2px solid white; }
  #cart .products .product-detail-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    #cart .products .product-detail-container .headings {
      display: -ms-flexbox;
      display: flex; }
      #cart .products .product-detail-container .headings .item {
        width: 100px; }
      #cart .products .product-detail-container .headings .description {
        width: 80%;
        padding-left: 30px; }
      #cart .products .product-detail-container .headings .sub-total {
        width: 20%; }
      #cart .products .product-detail-container .headings .empty-placeholder {
        width: 50px; }
    #cart .products .product-detail-container .js-product-details .item {
      display: -ms-flexbox;
      display: flex; }
      #cart .products .product-detail-container .js-product-details .item img {
        width: 100px; }
      #cart .products .product-detail-container .js-product-details .item .item-description {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        padding: 30px;
        width: 80%; }
        #cart .products .product-detail-container .js-product-details .item .item-description p {
          margin: 0; }
      #cart .products .product-detail-container .js-product-details .item .item-subtotal {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        width: 20%; }
      #cart .products .product-detail-container .js-product-details .item .remove-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        width: 50px; }
        #cart .products .product-detail-container .js-product-details .item .remove-btn i {
          cursor: pointer;
          height: 20px;
          width: 20px; }
    #cart .products .product-detail-container .total-price {
      font-size: 30px;
      text-align: right; }

.icon-instagram {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDA0MTE0NjI0QjI5MTFFQTlCNkJGMkNFMERGMTg4NjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDA0MTE0NjM0QjI5MTFFQTlCNkJGMkNFMERGMTg4NjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMDQxMTQ2MDRCMjkxMUVBOUI2QkYyQ0UwREYxODg2NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMDQxMTQ2MTRCMjkxMUVBOUI2QkYyQ0UwREYxODg2NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhEFwzoAAAIxSURBVHjazJdPSwJBGMZ3pYMa/RH00AfwKnTqaJ06FAthxyLoJFgQdPEbBJ6C7n0AKQRvgUR9gCykQ+A1CsqDBiVEOD0jz9o4ua6ua/bCj9WZ2fd95s87O2MKIQzNQmAXbIAEiBmj2SuogAI4BU210tQEpMAJWFDK3oDwGNwEs8r/Z7APzjslUgDJih+7BBYIK/VeCdPXpeI/a9fbjVKs+ARpH4I6kWYMwZhtASHwxEK/g++Be3AHthURgjFDsiCjDLufwTfFb1tmnT0dmQBXu7Rjw19b4/MQHPH3uhZrY4qpJq00oOMosEBSyRa5uq9BEdRY9sTnDlNb2qMWK2FwKBoDDGkQ5EBTOFuTbWTbGHhQ6m7AjOJPxhRyH5A53gDzfXotN6MLsMg94Yy9rbI+zlHZZO7fglXuISvgC1zxaVsdzNkjUHfpeZntZI8SfdomlF6X+a5T27rgDzcBOSV4ZICpiigicqMKiHJeWy497zUSLb4b7Scg4LLi5bwGOeeVIVKwwneC9OFobgKSfBY97ANFzYcnAXaeVz0IqGo+PAkYu7kJeFbyfFiLaz48CbhWFuOwZmk+ett/T8Maj2hye82DyAA9j7CtyXdro4zAv9iKDX7ZbBFyaPNgCyyRLZa1lOAxF59dAsbxOXbz1/kcv/BzOw0+fDyQ9LMweG/fGSCgRPXWGE/DOhZjlgK8sUg7+MMN0I5VGPex3Olu0HUsn/jFZKJXs4lfTs1JX8+/BRgAU0Ha8T4r1qMAAAAASUVORK5CYII='); }

.sub-menu ul li a.icon-instagram {
  background-size: 63%; }

header[role~="header"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
DO NOT EDIT. CHECK GULPFILE SASS NOTE FOR MORE DETAILS
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

@charset "UTF-8";

/* @mixin box-sizing($box) {
  @include prefixer(box-sizing, $box, webkit moz spec);

  @warn "The box-sizing mixin is deprecated and will be removed in the next major version release. This property can now be used un-prefixed.";
} */

/******************************/

/* CONTROLS */

/******************************/

/*  #1 - Variables */

/*  #1.1 - Typography */

/*  #1.2 - Modular Scale */

/*  #1.3 - Colors */

/*  #1.4 - Susy Grid */

/******************************/

/*  #1 - VARIABLES */

/******************************/

/******************************/

/*  #1.1 - TYPOGRAPHY */

/******************************/

/*  #1.2 - MODULAR SCALE */

/******************************/

/*  #1.3 - OLD COLOURS!!!!    */

/* As per the Digital CI, all the interactive colors are 15% darker than their
        base color. We've used SASS to do this mathematically for us.
        The greys are the exception, as the guide does not stipulate an exact percentage. */

/*********************************/

/*  #1.3 - NEW CI COLOURS!!!!    */

/******************************/

/*  #1.4 - SUSY GRID */

/******************************/

/*  #2 - Mixins */

/*  #2.1 - REM with PX Fallback */

/*  #2.2 - Shorthand for Font Size/Line Height REM/PX Fallback */

/*  #2.3 - Aspect Ratio Pseudo Element */

/*  #2.4 - RESPONSIVE BREAKPOINTS */

/*  #2.5 - SVG with PNG FALLBACK */

/*  #2.6 - ANIMATIONS and KEYFRAMES */

/*  #2.7 - TRANSITIONS */

/*  #2.8 - CROSS-BROWSER OPACITY */

/*  #2.9 - TOOLTIPS  */

/******************************/

/*  #2 - Mixins */

/******************************/

/******************************/

/*  #2.1 - REM with PX Fallback */

/******************************/

/*  #2.2 - Shorthand for Font Size/Line Height REM/PX Fallback */

/******************************/

/*  #2.3 - Aspect Ratio Pseudo Element */

/******************************/

/*  #2.4 - RESPONSIVE BREAKPOINTS */

/******************************/

/*  #2.5 - SVG with PNG FALLBACK  .el { @include background-image('pattern'); } */

/******************************/

/*  #2.6 - ANIMATIONS and KEYFRAMES  .el { @include animation('slide-down 5s 3'); } @include keyframes(slide-down) { blah } */

/******************************/

/*  #2.7 - TRANSITIONS  .el { @include transition(color .3s ease); } */

/******************************/

/*  #2.8 - CROSS-BROWSER OPACITY  .el { @include opacity(0.8); } */

/******************************/

/*  #3 - CLEARFIX MIXIN (taken from https://gist.github.com/mike-henderson/4948107) */

/*
  https://github.com/bfred-it/object-fit-images
  plugin for lazySizes to support object-fit images with bg-img fallback for IE

  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/

/******************************/

/* UTILS */

/******************************/

.TurnStyle-buttonLeft,
.TurnStyle-buttonRight {
  display: block;
  position: absolute;
  top: -.4rem;
  padding: 3.4rem 1.7rem;
  border: 0;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgIHZpZXdCb3g9IjAgMCA4Ni4zIDE1NC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4Ni4zIDE1NC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+CiAgICA8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNNi41LDBDOC4xLDAsOS44LDAuNiwxMSwxLjhsNzMuMyw3MWMxLjMsMS4yLDIsMi45LDIsNC43YzAsMS44LTAuNywzLjUtMiw0LjdMMTEsMTUyLjUKICAgICAgICBjLTIuNiwyLjUtNi43LDIuNC05LjItMC4yYy0yLjUtMi42LTIuNC02LjcsMC4yLTkuMmw2OC41LTY1LjdMMiwxMS4yQy0wLjYsOC43LTAuNyw0LjYsMS44LDJDMy4xLDAuNyw0LjgsMCw2LjUsMHoiLz4KPC9nPgo8L3N2Zz4K');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1rem auto;
  z-index: 2;
}

.TurnStyle {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow-y: hidden;
}

.TurnStyle-container {
  display: inline-block;
  position: relative;
  max-width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

@media (min-width: 48em) {
  .TurnStyle-container {
    white-space: normal;
  }
}

.TurnStyle-buttonLeft {
  left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.TurnStyle-buttonRight {
  right: 0;
}

.TurnStyle .is-hidden {
  display: none;
}

/******************************/

/*  #3 - Extends i.e body padding */

/******************************/

/******************************/

/* #3.1 - Placeholder Extends */

/******************************/

/* #3.2 - Usable Class Extends */

.clear {
  width: 100%;
  height: 0;
  clear: both;
  display: block;
}

.overlay {
  background: #000000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  opacity: 0.6;
}

.base-padding {
  padding: 24px;
  padding: 1.5rem;
}

.centre-image,
.help-tools .item .item-image img {
  margin: auto;
  text-align: center;
  display: block;
  vertical-align: middle;
}

.no-list,
.detail-builder .toggler,
.page-ftth .coverage-map-container .coverage-products ul,
.page-generic-product article .content .description ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.no-padding {
  padding: 0;
}

.no-padding-top {
  padding-top: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.no-padding-left {
  padding-left: 0;
}

.col-center {
  margin: 0 auto;
}

.no-margin {
  margin: 0;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin-right {
  margin-right: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.no-margin-left {
  margin-left: 0;
}

/* Bootstrap 4.0 spacing utilities overrides - Delete this if Bootstrap 4.0 is installed */
.mt-30 {
  margin-top: 30px;
}

.col-6 {
  position: relative;
  float: left;
  width: 100%;
}

@media (min-width: 48em) {
  .col-6 {
    position: relative;
    float: left;
    width: 50%;
  }
}

.col-4 {
  position: relative;
  float: left;
  width: 100%;
}

@media (min-width: 62em) {
  .col-4 {
    position: relative;
    float: left;
    width: 33%;
  }
}
/* End of Bootstrap 4.0 spacing utilities overrides */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 8/9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  padding: 0;
}

/* Magnific Popup CSS */

/******************************/

/*  #11 - Dialog */

/******************************/

/******************************/

/*  CORE  */

.mfp-close-btn-in .mfp-close {
  color: #ffffff !important;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
  line-height: 48px;
  line-height: 3rem;
  opacity: 1 !important;
  overflow: hidden;
  text-indent: -200px;
  background-size: 24px;
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/close-grey.svg?9b7629b069b9');
}

.ie10 .mfp-close-btn-in .mfp-close,
.ie11 .mfp-close-btn-in .mfp-close,
.no-svg .mfp-close-btn-in .mfp-close {
  background-repeat: no-repeat;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/close-grey.png?152109aa46d5');
  background-size: 32px;
}

.popup {
  position: relative;
  background: #ffffff;
  width: auto;
  max-width: 672px;
  max-width: 42rem;
  margin: 0 auto;
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.popup > .mfp-close {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/close-grey.svg?9b7629b069b9') !important;
}

.ie10 .popup > .mfp-close,
.ie11 .popup > .mfp-close,
.no-svg .popup > .mfp-close {
  background-repeat: no-repeat;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/close-grey.png?152109aa46d5') !important;
  background-size: 32px;
}

.popup .popup-content {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 32px;
  padding-right: 2rem;
  background: #ffffff;
}

.popup .popup-content .title {
  font-size: 46.4px;
  font-size: 2.9rem;
  line-height: 51.2px;
  line-height: 3.2rem;
  font-family: "Telkom123-Regular", sans-serif;
}

.popup .popup-content p {
  color: #000000;
}

.popup .foundry-listing-horizontal {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 24px;
  margin-top: 1.5rem;
}

.popup .foundry-listing-horizontal .item {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  text-align: center;
}

@media (min-width: 48em) {
  .popup .foundry-listing-horizontal .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .popup .foundry-listing-horizontal .item:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}

.popup .foundry-listing-horizontal .item img {
  max-width: 50%;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

@media (min-width: 48em) {
  .popup .foundry-listing-horizontal .item img {
    max-width: 85%;
    padding: 0;
  }
}

.popup .foundry-listing-horizontal .item a {
  font-size: 12.8px;
  font-size: 0.8rem;
  display: block;
  color: #889391;
  text-decoration: none;
  text-align: center;
}

.popup .foundry-listing-horizontal .item a:hover {
  color: #000000;
}

.open-popup-link {
  display: none;
}

.mfp-hide {
  display: block !important;
}

.popup {
  border: 1em solid #cccccc;
}

.popup-head {
  display: none;
}

.js .open-popup-link {
  display: inline;
}

.js .mfp-hide {
  display: none !important;
}

.js .popup {
  border: 0;
}

.js .popup-head {
  display: block;
}

/******************************/

/*  SEARCH POPUP  */

.mfp-search .serp-container {
  overflow-y: scroll;
}

.mfp-search .serp {
  padding: 1.5rem 10% 1.5rem 0;
  border-bottom: 1px solid #efefef;
}

.mfp-search .serp h3,
.mfp-search .serp p {
  margin: 0 0 1rem 0;
  padding: 0;
}

.mfp-search .serp:last-child {
  border: 0;
}

.mfp-search .mfp-content {
  width: 80%;
  height: 80%;
  margin: auto;
  background-color: #ffffff;
  padding: 20px;
  overflow-x: hidden;
}

.mfp-search .mfp-content .mfp-close {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/close-grey.svg?9b7629b069b9') !important;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */

  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* Modular Scale: http://modularscale.com/scale/?px1=16&px2=100&ra1=1.618&ra2=0 */

/*
@font-face {
    font-family: "FSAlbertWebRegular";
    src: url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Regular.eot?1d666a136b3b');
    src: url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Regular.eot?&1d666a136b3b#iefix') format("embedded-opentype"),
         url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Regular.woff?9ac1c9ac3927') format("woff"),
         url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Regular.woff2?da98ad066622') format("woff2"),
         url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Regular.ttf?968e86901436') format("truetype"),
         url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Regular.svg?5434b0fc7ac8#FSAlbertWebRegular') format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FSAlbertWebBold";
    src: url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Bold.eot?8cf3e2f287ed');
    src: url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Bold.eot?&8cf3e2f287ed#iefix') format("embedded-opentype"),
         url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Bold.woff?34a843a63c12') format("woff"),
         url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Bold.woff2?51941ef8b76d') format("woff2"),
         url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Bold.ttf?543b71873c25') format("truetype"),
         url('//static.telkom.co.za/today/static/web/fonts/fs-albert/FSAlbertWeb-Bold.svg?9be3e743be5a#FSAlbertWebBold') format("svg");
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
  font-family: "Telkom123-Regular";
  src: url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-Regular.eot?8741b8991dc3');
  src: url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-Regular.eot?&8741b8991dc3#iefix') format("embedded-opentype"), url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-Regular.woff?f3b9b6dcec88') format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Telkom123-Bold";
  src: url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-Bold.eot?22eac8f715f4');
  src: url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-Bold.eot?&22eac8f715f4#iefix') format("embedded-opentype"), url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-Bold.woff?55a8e7588409') format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Telkom123-Italic";
  src: url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-RegularItalic.eot?006526f33dc0');
  src: url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-RegularItalic.eot?&006526f33dc0#iefix') format("embedded-opentype"), url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-RegularItalic.woff?196e2a366527') format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Telkom123-Light";
  src: url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-Light.eot?7d66906f7f23');
  src: url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-Light.eot?&7d66906f7f23#iefix') format("embedded-opentype"), url('//static.telkom.co.za/today/static/web/fonts/telkom123/Telkom123-Light.woff?e48e433152c8') format("woff");
  font-weight: normal;
  font-style: normal;
}

/********************************/

/*  GLOBAL SETTINGS & OVERRIDES */

html {
  font-family: "Telkom123-Regular", sans-serif;
  font-size: 16px;
}

@media (min-width: 20em) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 48em) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 62em) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 75em) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 120em) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 160em) {
  html {
    font-size: 18px;
  }
}

@media (min-width: 210em) {
  html {
    font-size: 26px;
  }
}

html,
body {
  background: #ffffff;
  color: #889391;
}

@media (max-width: 767px) {
  * {
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
  }
}

body {
  overflow-x: hidden;
}

a,
button,
input[type="text"],
input[type="password"],
input[type="submit"],
textarea {
  outline: none;
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
}

canvas,
div,
img {
  outline: none;
}

img {
  max-width: 100%;
}

img[data-sizes="auto"] {
  display: block;
  width: 100%;
  margin: auto;
}

picture img {
  width: 100%;
}

* {
  -webkit-font-smoothing: antialiased;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

noscript {
  display: none;
}

.hidden {
  display: none;
}

.visible {
  display: block;
}

/* CHARTS */

.ct-chart .ct-label,
.ct-chart .ct-label.ct-vertical,
.ct-chart .ct-label.ct-horizontal {
  font-size: 9.6px;
  font-size: 0.6rem;
  font-weight: bold;
  color: #ffffff;
  fill: #ffffff;
}

.ct-chart .ct-label.ct-vertical,
.ct-chart .ct-label.ct-horizontal {
  color: #d5d5d5;
  fill: #d5d5d5;
}

/********************************/

/*  HOME and GENERAL CONTAINERS */

/* CONTENT */

#content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#content {
  *zoom: 1;
}

#content:before,
#content:after {
  content: "";
  display: table;
}

#content:after {
  clear: both;
}

#content:after {
  content: "";
  display: block;
  clear: both;
}

/* LOADER */

.ajax-loader {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
  position: relative;
}

.ajax-loader {
  *zoom: 1;
}

.ajax-loader:before,
.ajax-loader:after {
  content: "";
  display: table;
}

.ajax-loader:after {
  clear: both;
}

.js-shop-listing-sliders {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/* ROWS */

.row {
  display: block;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 24px;
  padding-left: 1.5rem;
  padding-right: 24px;
  padding-right: 1.5rem;
}

.row .hero {
  padding: 32px;
  padding: 2rem;
}

.row .foundry-listing-horizontal {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.row .foundry-listing-horizontal h2 {
  margin: 0;
  line-height: 24px;
  line-height: 1.5rem;
}

.row:nth-of-type(2n + 2) {
  background-color: #efefef;
}

.row:nth-of-type(2n + 2) .help-tools .item.on,
.row:nth-of-type(2n + 2) .shop-listing-slider .item.on {
  background-color: #ffffff;
  border: 1px solid #e8e7e7;
  border-bottom: 0;
}

.row:nth-of-type(2n + 2) .help-tools .item.on.deselect,
.row:nth-of-type(2n + 2) .shop-listing-slider .item.on.deselect {
  border-color: #efefef;
  background-color: #efefef;
}

.row:nth-of-type(2n + 2) .item.ghost:after {
  background-color: #efefef;
}

.row.white {
  background-color: #ffffff;
}

.row.white .ghost:after {
  background-color: #ffffff;
}

.row.blue {
  background-color: #005e9b;
}

.row.lightblue {
  background-color: #0072a9;
}

.row.search-help {
  background-color: #0083c2;
}

.row .container {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 48em) {
  .row .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.row:after {
  content: "";
  clear: both;
  display: block;
}

.highlight {
  background: #efefef;
}

.highlight .help-get .item,
.highlight .shop-listing-slider .item {
  border: 1px solid #efefef;
  border-bottom: 0;
}

.highlight .help-get .item.on,
.highlight .shop-listing-slider .item.on {
  background: #ffffff;
  border-color: #e8e7e7;
}

.highlight .ghost:after {
  background-color: #efefef;
}

.hide-overflow {
  overflow-x: hidden;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

@media (max-width: 48em) {
  .clearfix-small {
    *zoom: 1;
  }

  .clearfix-small:before,
  .clearfix-small:after {
    content: "";
    display: table;
  }

  .clearfix-small:after {
    clear: both;
  }
}

@media (min-width: 48em) and (max-width: 62em) {
  .clearfix-tablet {
    *zoom: 1;
  }

  .clearfix-tablet:before,
  .clearfix-tablet:after {
    content: "";
    display: table;
  }

  .clearfix-tablet:after {
    clear: both;
  }
}

@media (min-width: 62em) and (max-width: 75em) {
  .clearfix-desktop {
    *zoom: 1;
  }

  .clearfix-desktop:before,
  .clearfix-desktop:after {
    content: "";
    display: table;
  }

  .clearfix-desktop:after {
    clear: both;
  }
}

@media (min-width: 75em) {
  .clearfix-large {
    *zoom: 1;
  }

  .clearfix-large:before,
  .clearfix-large:after {
    content: "";
    display: table;
  }

  .clearfix-large:after {
    clear: both;
  }
}

.icon {
  background-position: 50%;
  background-size: 16px;
  background-size: 1rem;
}

.owl-theme .owl-controls .owl-nav div,
.owl-theme .owl-controls .owl-buttons div {
  width: 24px;
  width: 1.5rem;
  height: 48px;
  height: 3rem;
  background: transparent;
  padding: 0;
  margin: 0 !important;
  margin: auto !important;
  display: block;
  position: absolute;
  top: -27% !important;
  bottom: 0 !important;
  overflow: hidden;
  text-indent: -999px;
}

.owl-prev {
  background: url('//static.telkom.co.za/today/static/web/img/owl-prev.png?bafd7223c44e') no-repeat !important;
  left: -8px;
  left: -0.5rem;
}

@media (min-width: 48em) {
  .owl-prev {
    left: -20px;
    left: -1.25rem;
  }
}

.owl-next {
  background: url('//static.telkom.co.za/today/static/web/img/owl-next.png?7fec08b7980a') no-repeat !important;
  right: -8px;
  right: -0.5rem;
}

@media (min-width: 48em) {
  .owl-next {
    right: -20px;
    right: -1.25rem;
  }
}

.owl-controls {
  margin: 0 !important;
}

@media (min-width: 90.0625em) {
  .hero-wrapper,
  .drawer,
  .shop-listing-slider,
  .page-title,
  .drop-title h1,
  .nav-hero,
  .foundry-listing-unique-selling-point,
  footer nav,
  .wrapper {
    max-width: 1340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 90.0625em) and (min-width: 48em) {
  .hero-wrapper,
  .drawer,
  .shop-listing-slider,
  .page-title,
  .drop-title h1,
  .nav-hero,
  .foundry-listing-unique-selling-point,
  footer nav,
  .wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.iframe-full {
  width: 100%;
  height: 100%;
  border: 0;
}

#outdatedbrowser {
  width: 100%;
  padding: 24px;
  padding: 1.5rem;
  position: relative;
  background: #0083c2;
}

#outdatedbrowser .icon-logo {
  width: 147px;
  height: 45px;
  margin-left: 0;
  background-image: url('//static.telkom.co.za/today/static/web/img/logo.png?28f191a25551');
  display: block;
}

#outdatedbrowser .container {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 48em) {
  #outdatedbrowser .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

#outdatedbrowser .icon-close {
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  position: absolute;
  top: 36px;
  top: 2.25rem;
  bottom: 0;
  right: 24px;
  right: 1.5rem;
  background-size: 24px;
  background-size: 1.5rem;
}

#outdatedbrowser h1 {
  font-size: 92px;
  font-size: 5.75rem;
  line-height: 98.9px;
  line-height: 6.18125rem;
  font-family: "Telkom123-Bold", sans-serif;
  letter-spacing: -1px;
  letter-spacing: -0.0625rem;
  text-transform: uppercase;
  color: #ffffff;
}

#outdatedbrowser h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 25.8px;
  line-height: 1.6125rem;
  text-transform: uppercase;
  color: #ffffff;
}

.site-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: none;
  z-index: 999;
  background: #000000;
  opacity: 0.7;
}

.input-hp {
  visibility: hidden;
}

/* Atoms */

/******************************/

/*  #7 - Animations */

/******************************/

.animate {
  width: 8em;
  height: 5em;
  margin: 0 1em 0 0;
  display: inline-block;
  position: relative;
  background: #0083c2;
  color: #ffffff;
  text-align: center;
  line-height: 5em;
}

.animate:hover {
  -webkit-animation: spin-me 3s 1;
  animation: spin-me 3s 1;
}

@-webkit-keyframes spin-me {
  from {
    background: #0083c2;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    background: #005e9b;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin-me {
  from {
    background: #0083c2;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    background: #005e9b;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/******************************/

/*  TRANSITIONS */

.transition {
  width: 8em;
  height: 5em;
  padding: 1em;
  display: inline-block;
  background: #0083c2;
  color: #ffffff;
  text-align: center;
  line-height: 3em;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.transition:hover {
  background: #005e9b;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes flash {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.5;
  }
}

@keyframes flash {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.5;
  }
}

.Breadcrumb {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 1.5rem;
  background-color: #005e9b;
  line-height: 0;
}

.Breadcrumb {
  *zoom: 1;
}

.Breadcrumb:before,
.Breadcrumb:after {
  content: "";
  display: table;
}

.Breadcrumb:after {
  clear: both;
}

@media (min-width: 48em) {
  .Breadcrumb {
    padding: 1.5rem 2.25rem;
  }
}

.Breadcrumb-item {
  display: inline-block;
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
  color: #8addff;
  font-size: 0.66667rem;
  text-decoration: none;
}

@media (min-width: 48em) {
  .Breadcrumb-item {
    font-size: 1rem;
  }
}

.Breadcrumb-item:hover:not(.is-current) {
  color: #2695cb;
}

.Breadcrumb-item.is-current {
  color: #ffffff;
  cursor: default;
}

.Breadcrumb-item + .Breadcrumb-item {
  position: relative;
  margin-left: -3px;
}

.Breadcrumb-item + .Breadcrumb-item:before {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin: 0 0.66667rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  content: "";
  vertical-align: middle;
}

@media (min-width: 48em) {
  .Breadcrumb-item + .Breadcrumb-item:before {
    margin: 0 1rem;
  }
}

/******************************/

/*  #8 - Buttons */

/******************************/

a[class*="btn-"],
button[class*="btn-"],
input[class*="btn-"],
span[class*="btn-"],
a[class*="pill-"],
button[class*="pill-"],
input[class*="pill-"],
span[class*="pill-"],
.btn-primary,
.btn-secondary,
.brochure-faqs .content .open-answer {
  padding-top: 9.6px;
  padding-top: 0.6rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-bottom: 11.2px;
  padding-bottom: 0.7rem;
  padding-left: 16px;
  padding-left: 1rem;
  font-size: 11.2px;
  font-size: 0.7rem;
  line-height: 14.4px;
  line-height: 0.9rem;
  display: inline-block;
  font-family: "Telkom123-Bold", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid transparent;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  word-spacing: 1px;
  word-spacing: 0.0625rem;
  letter-spacing: 0.288px;
  letter-spacing: 0.018rem;
}

a[class*="icon-"][class*="btn-"],
button[class*="icon-"][class*="btn-"],
input[class*="icon-"][class*="btn-"],
span[class*="icon-"][class*="btn-"],
a[class*="icon-"][class*="pill-"],
button[class*="icon-"][class*="pill-"],
input[class*="icon-"][class*="pill-"],
span[class*="icon-"][class*="pill-"],
[class*="icon-"].btn-primary,
[class*="icon-"].btn-secondary,
.brochure-faqs .content [class*="icon-"].open-answer {
  background-size: 4.8px;
  background-size: 0.3rem;
}

a[class*="right"][class*="btn-"],
button[class*="right"][class*="btn-"],
input[class*="right"][class*="btn-"],
span[class*="right"][class*="btn-"],
a[class*="right"][class*="pill-"],
button[class*="right"][class*="pill-"],
input[class*="right"][class*="pill-"],
span[class*="right"][class*="pill-"],
[class*="right"].btn-primary,
[class*="right"].btn-secondary,
.brochure-faqs .content [class*="right"].open-answer,
a[class*="down"][class*="btn-"],
button[class*="down"][class*="btn-"],
input[class*="down"][class*="btn-"],
span[class*="down"][class*="btn-"],
a[class*="down"][class*="pill-"],
button[class*="down"][class*="pill-"],
input[class*="down"][class*="pill-"],
span[class*="down"][class*="pill-"],
[class*="down"].btn-primary,
[class*="down"].btn-secondary,
.brochure-faqs .content [class*="down"].open-answer,
a[class*="up"][class*="btn-"],
button[class*="up"][class*="btn-"],
input[class*="up"][class*="btn-"],
span[class*="up"][class*="btn-"],
a[class*="up"][class*="pill-"],
button[class*="up"][class*="pill-"],
input[class*="up"][class*="pill-"],
span[class*="up"][class*="pill-"],
[class*="up"].btn-primary,
[class*="up"].btn-secondary,
.brochure-faqs .content [class*="up"].open-answer {
  padding-right: 35.2px;
  padding-right: 2.2rem;
  background-position-x: 85%;
  background-position-y: center;
  background-position: right 0.8rem center;
  text-align: left;
}

a[class*="left"][class*="btn-"],
button[class*="left"][class*="btn-"],
input[class*="left"][class*="btn-"],
span[class*="left"][class*="btn-"],
a[class*="left"][class*="pill-"],
button[class*="left"][class*="pill-"],
input[class*="left"][class*="pill-"],
span[class*="left"][class*="pill-"],
[class*="left"].btn-primary,
[class*="left"].btn-secondary,
.brochure-faqs .content [class*="left"].open-answer {
  padding-left: 35.2px;
  padding-left: 2.2rem;
  background-position-x: 15%;
  background-position-y: center;
  background-position: left 1rem center;
  text-align: right;
}

a[disabled][class*="btn-"],
button[disabled][class*="btn-"],
input[disabled][class*="btn-"],
span[disabled][class*="btn-"],
a[disabled][class*="pill-"],
button[disabled][class*="pill-"],
input[disabled][class*="pill-"],
span[disabled][class*="pill-"],
[disabled].btn-primary,
[disabled].btn-secondary,
.brochure-faqs .content [disabled].open-answer {
  background-color: #efefef !important;
  color: #889391 !important;
  border-color: #e8e7e7 !important;
  background-image: none !important;
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

a[class*="btn-"]:focus,
button[class*="btn-"]:focus,
input[class*="btn-"]:focus,
span[class*="btn-"]:focus,
a[class*="pill-"]:focus,
button[class*="pill-"]:focus,
input[class*="pill-"]:focus,
span[class*="pill-"]:focus,
.btn-primary:focus,
.btn-secondary:focus,
.brochure-faqs .content .open-answer:focus {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

a[class*="block"],
button[class*="block"],
input[class*="block"],
span[class*="block"] {
  width: 100% !important;
}

a[class*="btn-invert"],
button[class*="btn-invert"],
input[class*="btn-invert"],
span[class*="btn-invert"] {
  margin: 1em 0;
  background-color: transparent;
}

a[class*="btn-invert"]:hover,
button[class*="btn-invert"]:hover,
input[class*="btn-invert"]:hover,
span[class*="btn-invert"]:hover {
  background-color: transparent;
}

a[class*="btn-invert"][disabled],
button[class*="btn-invert"][disabled],
input[class*="btn-invert"][disabled],
span[class*="btn-invert"][disabled] {
  padding-top: 12.8px;
  padding-top: 0.8rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-bottom: 8.64px;
  padding-bottom: 0.54rem;
  padding-left: 16px;
  padding-left: 1rem;
}

a[class*="btn-bordered"],
button[class*="btn-bordered"],
input[class*="btn-bordered"],
span[class*="btn-bordered"] {
  border: 1px solid;
  background-color: transparent;
}

a[class*="btn-bordered"]:hover,
button[class*="btn-bordered"]:hover,
input[class*="btn-bordered"]:hover,
span[class*="btn-bordered"]:hover {
  background-color: transparent;
}

a[class*="pill-"],
button[class*="pill-"],
input[class*="pill-"],
span[class*="pill-"] {
  border-radius: 80px;
  border-radius: 5rem;
  color: #889391;
}

a[class*="pill-"].full,
a[class*="pill-"].full:hover,
a[class*="pill-"].active,
a[class*="pill-"].active:hover,
button[class*="pill-"].full,
button[class*="pill-"].full:hover,
button[class*="pill-"].active,
button[class*="pill-"].active:hover,
input[class*="pill-"].full,
input[class*="pill-"].full:hover,
input[class*="pill-"].active,
input[class*="pill-"].active:hover,
span[class*="pill-"].full,
span[class*="pill-"].full:hover,
span[class*="pill-"].active,
span[class*="pill-"].active:hover {
  color: #ffffff;
}

.btn-white {
  color: #ffffff;
  background-color: #ffffff;
}

.btn-white:hover {
  color: #ffffff;
  background-color: #bfbfbf;
}

.btn-invert-white {
  color: #ffffff;
}

.btn-invert-white:hover {
  color: #bfbfbf;
}

.btn-bordered-white {
  color: #ffffff;
  border-color: #ffffff;
}

.btn-bordered-white:hover {
  color: #bfbfbf;
  border-color: #bfbfbf;
}

.pill-white:hover {
  color: #bfbfbf;
}

.pill-white.active {
  background-color: #ffffff;
}

.pill-white.full {
  background-color: #ffffff;
}

.pill-white.full:hover {
  background-color: #bfbfbf;
}

.btn-blue {
  color: #ffffff;
  background-color: #0083c2;
}

.btn-blue:hover {
  color: #ffffff;
  background-color: #005e9b;
}

div.btn {
  width: 200px;
  height: 43px;
  margin: 0 auto;
  margin-top: 30px;
}

@media (min-width: 48em) {
  div.btn {
    width: 200px;
    height: 43px;
    bottom: 50px;
    margin: 20px 10%;
    display: inline-block;
  }
}

div.btn a {
  background-position: calc(-11.2px + 100%) 60%;
  color: white;
  width: 100%;
  display: block;
  padding: 13px;
  background-size: 5px;
  text-decoration: none;
  line-height: 14px;
}

div.btn-red {
  color: #ffffff;
  background-color: #ae043b;
}

div.btn-red:hover {
  color: #ffffff;
  background-color: #7b0128;
}

.btn-invert-blue {
  color: #0083c2;
}

.btn-invert-blue:hover {
  color: #005e9b;
}

.btn-bordered-blue {
  color: #0083c2;
  border-color: #0083c2;
}

.btn-bordered-blue:hover {
  color: #005e9b;
  border-color: #005e9b;
}

.pill-blue:hover {
  color: #005e9b;
}

.pill-blue.active {
  background-color: #0083c2;
}

.pill-blue.full {
  background-color: #0083c2;
}

.pill-blue.full:hover {
  background-color: #005e9b;
}

.btn-blue-alt {
  color: #ffffff;
  background-color: #0083c2;
}

.btn-blue-alt:hover {
  color: #ffffff;
  background-color: #2695cb;
}

.btn-invert-blue-alt {
  color: #0083c2;
}

.btn-invert-blue-alt:hover {
  color: #2695cb;
}

.btn-bordered-blue-alt {
  color: #0083c2;
  border-color: #0083c2;
}

.btn-bordered-blue-alt:hover {
  color: #2695cb;
  border-color: #2695cb;
}

.pill-blue-alt:hover {
  color: #2695cb;
}

.pill-blue-alt.active {
  background-color: #0083c2;
}

.pill-blue-alt.full {
  background-color: #0083c2;
}

.pill-blue-alt.full:hover {
  background-color: #2695cb;
}

.btn-blue-dark {
  color: #ffffff;
  background-color: #005e9b;
}

.btn-blue-dark:hover {
  color: #ffffff;
  background-color: #006db5;
}

.btn-invert-blue-dark {
  color: #005e9b;
}

.btn-invert-blue-dark:hover {
  color: #006db5;
}

.btn-bordered-blue-dark {
  color: #005e9b;
  border-color: #005e9b;
}

.btn-bordered-blue-dark:hover {
  color: #006db5;
  border-color: #006db5;
}

.pill-blue-dark:hover {
  color: #006db5;
}

.pill-blue-dark.active {
  background-color: #005e9b;
}

.pill-blue-dark.full {
  background-color: #005e9b;
}

.pill-blue-dark.full:hover {
  background-color: #006db5;
}

.btn-pink {
  color: #ffffff;
  background-color: #da1b60;
}

.btn-pink:hover {
  color: #ffffff;
  background-color: #961342;
}

.btn-invert-pink {
  color: #da1b60;
}

.btn-invert-pink:hover {
  color: #961342;
}

.btn-bordered-pink {
  color: #da1b60;
  border-color: #da1b60;
}

.btn-bordered-pink:hover {
  color: #961342;
  border-color: #961342;
}

.pill-pink:hover {
  color: #961342;
}

.pill-pink.active {
  background-color: #da1b60;
}

.pill-pink.full {
  background-color: #da1b60;
}

.pill-pink.full:hover {
  background-color: #961342;
}

.btn-orange {
  color: #ffffff;
  background-color: #f04e23;
}

.btn-orange:hover {
  color: #ffffff;
  background-color: #ba310d;
}

.btn-invert-orange {
  color: #f04e23;
}

.btn-invert-orange:hover {
  color: #ba310d;
}

.btn-bordered-orange {
  color: #f04e23;
  border-color: #f04e23;
}

.btn-bordered-orange:hover {
  color: #ba310d;
  border-color: #ba310d;
}

.pill-orange:hover {
  color: #ba310d;
}

.pill-orange.active {
  background-color: #f04e23;
}

.pill-orange.full {
  background-color: #f04e23;
}

.pill-orange.full:hover {
  background-color: #ba310d;
}

.btn-cyan {
  color: #ffffff;
  background-color: #00d0ff;
}

.btn-cyan:hover {
  color: #ffffff;
  background-color: #007d99;
}

.btn-invert-cyan {
  color: #00d0ff;
}

.btn-invert-cyan:hover {
  color: #007d99;
}

.btn-bordered-cyan {
  color: #00d0ff;
  border-color: #00d0ff;
}

.btn-bordered-cyan:hover {
  color: #007d99;
  border-color: #007d99;
}

.pill-cyan:hover {
  color: #007d99;
}

.pill-cyan.active {
  background-color: #00d0ff;
}

.pill-cyan.full {
  background-color: #00d0ff;
}

.pill-cyan.full:hover {
  background-color: #007d99;
}

.btn-green {
  color: #ffffff;
  background-color: #00a850;
}

.btn-green:hover {
  color: #ffffff;
  background-color: #005c2c;
}

.btn-invert-green {
  color: #00a850;
}

.btn-invert-green:hover {
  color: #005c2c;
}

.btn-bordered-green {
  color: #00a850;
  border-color: #00a850;
}

.btn-bordered-green:hover {
  color: #005c2c;
  border-color: #005c2c;
}

.pill-green:hover {
  color: #005c2c;
}

.pill-green.active {
  background-color: #00a850;
}

.pill-green.full {
  background-color: #00a850;
}

.pill-green.full:hover {
  background-color: #005c2c;
}

.btn-lime {
  color: #ffffff;
  background-color: #bfd730;
}

.btn-lime:hover {
  color: #ffffff;
  background-color: #8a9c1e;
}

.btn-invert-lime {
  color: #bfd730;
}

.btn-invert-lime:hover {
  color: #8a9c1e;
}

.btn-bordered-lime {
  color: #bfd730;
  border-color: #bfd730;
}

.btn-bordered-lime:hover {
  color: #8a9c1e;
  border-color: #8a9c1e;
}

.pill-lime:hover {
  color: #8a9c1e;
}

.pill-lime.active {
  background-color: #bfd730;
}

.pill-lime.full {
  background-color: #bfd730;
}

.pill-lime.full:hover {
  background-color: #8a9c1e;
}

.btn-grey {
  color: #ffffff;
  background-color: #889391;
}

.btn-grey:hover {
  color: #ffffff;
  background-color: #626c6a;
}

.btn-invert-grey {
  color: #889391;
}

.btn-invert-grey:hover {
  color: #626c6a;
}

.btn-bordered-grey {
  color: #889391;
  border-color: #889391;
}

.btn-bordered-grey:hover {
  color: #626c6a;
  border-color: #626c6a;
}

.pill-grey:hover {
  color: #626c6a;
}

.pill-grey.active {
  background-color: #889391;
}

.pill-grey.full {
  background-color: #889391;
}

.pill-grey.full:hover {
  background-color: #626c6a;
}

.btn-grey-light {
  color: #ffffff;
  background-color: #cccccc;
}

.btn-grey-light:hover {
  color: #ffffff;
  background-color: #d5d5d5;
}

.btn-invert-grey-light {
  color: #cccccc;
}

.btn-invert-grey-light:hover {
  color: #d5d5d5;
}

.btn-bordered-grey-light {
  color: #cccccc;
  border-color: #cccccc;
}

.btn-bordered-grey-light:hover {
  color: #d5d5d5;
  border-color: #d5d5d5;
}

.pill-grey-light:hover {
  color: #d5d5d5;
}

.pill-grey-light.active {
  background-color: #cccccc;
}

.pill-grey-light.full {
  background-color: #cccccc;
}

.pill-grey-light.full:hover {
  background-color: #d5d5d5;
}

.btn-black {
  color: #ffffff;
  background-color: #000000;
}

.btn-black:hover {
  color: #ffffff;
  background-color: #777777;
}

.btn-invert-black {
  color: #000000;
}

.btn-invert-black:hover {
  color: #777777;
}

.btn-bordered-black {
  color: #000000;
  border-color: #000000;
}

.btn-bordered-black:hover {
  color: #777777;
  border-color: #777777;
}

.pill-black:hover {
  color: #777777;
}

.pill-black.active {
  background-color: #000000;
}

.pill-black.full {
  background-color: #000000;
}

.pill-black.full:hover {
  background-color: #777777;
}

.btn-ci-blue-dark {
  color: #ffffff;
  background-color: #141B4D;
}

.btn-ci-blue-dark:hover {
  color: #ffffff;
  background-color: #24308a;
}

.btn-invert-ci-blue-dark {
  color: #141B4D;
}

.btn-invert-ci-blue-dark:hover {
  color: #24308a;
}

.btn-bordered-ci-blue-dark {
  color: #141B4D;
  border-color: #141B4D;
}

.btn-bordered-ci-blue-dark:hover {
  color: #24308a;
  border-color: #24308a;
}

.pill-ci-blue-dark:hover {
  color: #24308a;
}

.pill-ci-blue-dark.active {
  background-color: #141B4D;
}

.pill-ci-blue-dark.full {
  background-color: #141B4D;
}

.pill-ci-blue-dark.full:hover {
  background-color: #24308a;
}

.btn-ci-blue-mid {
  color: #ffffff;
  background-color: #0033A0;
}

.btn-ci-blue-mid:hover {
  color: #ffffff;
  background-color: #004bed;
}

.btn-invert-ci-blue-mid {
  color: #0033A0;
}

.btn-invert-ci-blue-mid:hover {
  color: #004bed;
}

.btn-bordered-ci-blue-mid {
  color: #0033A0;
  border-color: #0033A0;
}

.btn-bordered-ci-blue-mid:hover {
  color: #004bed;
  border-color: #004bed;
}

.pill-ci-blue-mid:hover {
  color: #004bed;
}

.pill-ci-blue-mid.active {
  background-color: #0033A0;
}

.pill-ci-blue-mid.full {
  background-color: #0033A0;
}

.pill-ci-blue-mid.full:hover {
  background-color: #004bed;
}

.btn-ci-blue-light {
  color: #ffffff;
  background-color: #5BC2E7;
}

.btn-ci-blue-light:hover {
  color: #ffffff;
  background-color: #9edbf1;
}

.btn-invert-ci-blue-light {
  color: #5BC2E7;
}

.btn-invert-ci-blue-light:hover {
  color: #9edbf1;
}

.btn-bordered-ci-blue-light {
  color: #5BC2E7;
  border-color: #5BC2E7;
}

.btn-bordered-ci-blue-light:hover {
  color: #9edbf1;
  border-color: #9edbf1;
}

.pill-ci-blue-light:hover {
  color: #9edbf1;
}

.pill-ci-blue-light.active {
  background-color: #5BC2E7;
}

.pill-ci-blue-light.full {
  background-color: #5BC2E7;
}

.pill-ci-blue-light.full:hover {
  background-color: #9edbf1;
}

.btn-ci-purple {
  color: #ffffff;
  background-color: #84329B;
}

.btn-ci-purple:hover {
  color: #ffffff;
  background-color: #ae52c7;
}

.btn-invert-ci-purple {
  color: #84329B;
}

.btn-invert-ci-purple:hover {
  color: #ae52c7;
}

.btn-bordered-ci-purple {
  color: #84329B;
  border-color: #84329B;
}

.btn-bordered-ci-purple:hover {
  color: #ae52c7;
  border-color: #ae52c7;
}

.pill-ci-purple:hover {
  color: #ae52c7;
}

.pill-ci-purple.active {
  background-color: #84329B;
}

.pill-ci-purple.full {
  background-color: #84329B;
}

.pill-ci-purple.full:hover {
  background-color: #ae52c7;
}

.btn-ci-teal {
  color: #ffffff;
  background-color: #00B2A9;
}

.btn-ci-teal:hover {
  color: #ffffff;
  background-color: #00fff2;
}

.btn-invert-ci-teal {
  color: #00B2A9;
}

.btn-invert-ci-teal:hover {
  color: #00fff2;
}

.btn-bordered-ci-teal {
  color: #00B2A9;
  border-color: #00B2A9;
}

.btn-bordered-ci-teal:hover {
  color: #00fff2;
  border-color: #00fff2;
}

.pill-ci-teal:hover {
  color: #00fff2;
}

.pill-ci-teal.active {
  background-color: #00B2A9;
}

.pill-ci-teal.full {
  background-color: #00B2A9;
}

.pill-ci-teal.full:hover {
  background-color: #00fff2;
}

.btn-ci-teal-light {
  color: #ffffff;
  background-color: #ADCAB8;
}

.btn-ci-teal-light:hover {
  color: #ffffff;
  background-color: #dbe8e0;
}

.btn-invert-ci-teal-light {
  color: #ADCAB8;
}

.btn-invert-ci-teal-light:hover {
  color: #dbe8e0;
}

.btn-bordered-ci-teal-light {
  color: #ADCAB8;
  border-color: #ADCAB8;
}

.btn-bordered-ci-teal-light:hover {
  color: #dbe8e0;
  border-color: #dbe8e0;
}

.pill-ci-teal-light:hover {
  color: #dbe8e0;
}

.pill-ci-teal-light.active {
  background-color: #ADCAB8;
}

.pill-ci-teal-light.full {
  background-color: #ADCAB8;
}

.pill-ci-teal-light.full:hover {
  background-color: #dbe8e0;
}

.btn-ci-green {
  color: #ffffff;
  background-color: #84BD00;
}

.btn-ci-green:hover {
  color: #ffffff;
  background-color: #b5ff0b;
}

.btn-invert-ci-green {
  color: #84BD00;
}

.btn-invert-ci-green:hover {
  color: #b5ff0b;
}

.btn-bordered-ci-green {
  color: #84BD00;
  border-color: #84BD00;
}

.btn-bordered-ci-green:hover {
  color: #b5ff0b;
  border-color: #b5ff0b;
}

.pill-ci-green:hover {
  color: #b5ff0b;
}

.pill-ci-green.active {
  background-color: #84BD00;
}

.pill-ci-green.full {
  background-color: #84BD00;
}

.pill-ci-green.full:hover {
  background-color: #b5ff0b;
}

.btn-ci-green-dark {
  color: #ffffff;
  background-color: #009639;
}

.btn-ci-green-dark:hover {
  color: #ffffff;
  background-color: #00e356;
}

.btn-invert-ci-green-dark {
  color: #009639;
}

.btn-invert-ci-green-dark:hover {
  color: #00e356;
}

.btn-bordered-ci-green-dark {
  color: #009639;
  border-color: #009639;
}

.btn-bordered-ci-green-dark:hover {
  color: #00e356;
  border-color: #00e356;
}

.pill-ci-green-dark:hover {
  color: #00e356;
}

.pill-ci-green-dark.active {
  background-color: #009639;
}

.pill-ci-green-dark.full {
  background-color: #009639;
}

.pill-ci-green-dark.full:hover {
  background-color: #00e356;
}

.btn-ci-green-light {
  color: #ffffff;
  background-color: #C7E995;
}

.btn-ci-green-light:hover {
  color: #ffffff;
  background-color: #e8f6d4;
}

.btn-invert-ci-green-light {
  color: #C7E995;
}

.btn-invert-ci-green-light:hover {
  color: #e8f6d4;
}

.btn-bordered-ci-green-light {
  color: #C7E995;
  border-color: #C7E995;
}

.btn-bordered-ci-green-light:hover {
  color: #e8f6d4;
  border-color: #e8f6d4;
}

.pill-ci-green-light:hover {
  color: #e8f6d4;
}

.pill-ci-green-light.active {
  background-color: #C7E995;
}

.pill-ci-green-light.full {
  background-color: #C7E995;
}

.pill-ci-green-light.full:hover {
  background-color: #e8f6d4;
}

.btn-ci-yellow {
  color: #ffffff;
  background-color: #FFCD00;
}

.btn-ci-yellow:hover {
  color: #ffffff;
  background-color: #ffdc4d;
}

.btn-invert-ci-yellow {
  color: #FFCD00;
}

.btn-invert-ci-yellow:hover {
  color: #ffdc4d;
}

.btn-bordered-ci-yellow {
  color: #FFCD00;
  border-color: #FFCD00;
}

.btn-bordered-ci-yellow:hover {
  color: #ffdc4d;
  border-color: #ffdc4d;
}

.pill-ci-yellow:hover {
  color: #ffdc4d;
}

.pill-ci-yellow.active {
  background-color: #FFCD00;
}

.pill-ci-yellow.full {
  background-color: #FFCD00;
}

.pill-ci-yellow.full:hover {
  background-color: #ffdc4d;
}

.btn-ci-yellow-dark {
  color: #ffffff;
  background-color: #FFC72C;
}

.btn-ci-yellow-dark:hover {
  color: #ffffff;
  background-color: #ffdb79;
}

.btn-invert-ci-yellow-dark {
  color: #FFC72C;
}

.btn-invert-ci-yellow-dark:hover {
  color: #ffdb79;
}

.btn-bordered-ci-yellow-dark {
  color: #FFC72C;
  border-color: #FFC72C;
}

.btn-bordered-ci-yellow-dark:hover {
  color: #ffdb79;
  border-color: #ffdb79;
}

.pill-ci-yellow-dark:hover {
  color: #ffdb79;
}

.pill-ci-yellow-dark.active {
  background-color: #FFC72C;
}

.pill-ci-yellow-dark.full {
  background-color: #FFC72C;
}

.pill-ci-yellow-dark.full:hover {
  background-color: #ffdb79;
}

.btn-ci-gold {
  color: #ffffff;
  background-color: #AC8400;
}

.btn-ci-gold:hover {
  color: #ffffff;
  background-color: #f9bf00;
}

.btn-invert-ci-gold {
  color: #AC8400;
}

.btn-invert-ci-gold:hover {
  color: #f9bf00;
}

.btn-bordered-ci-gold {
  color: #AC8400;
  border-color: #AC8400;
}

.btn-bordered-ci-gold:hover {
  color: #f9bf00;
  border-color: #f9bf00;
}

.pill-ci-gold:hover {
  color: #f9bf00;
}

.pill-ci-gold.active {
  background-color: #AC8400;
}

.pill-ci-gold.full {
  background-color: #AC8400;
}

.pill-ci-gold.full:hover {
  background-color: #f9bf00;
}

.btn-ci-orange {
  color: #ffffff;
  background-color: #DC4405;
}

.btn-ci-orange:hover {
  color: #ffffff;
  background-color: #fa6e33;
}

.btn-invert-ci-orange {
  color: #DC4405;
}

.btn-invert-ci-orange:hover {
  color: #fa6e33;
}

.btn-bordered-ci-orange {
  color: #DC4405;
  border-color: #DC4405;
}

.btn-bordered-ci-orange:hover {
  color: #fa6e33;
  border-color: #fa6e33;
}

.pill-ci-orange:hover {
  color: #fa6e33;
}

.pill-ci-orange.active {
  background-color: #DC4405;
}

.pill-ci-orange.full {
  background-color: #DC4405;
}

.pill-ci-orange.full:hover {
  background-color: #fa6e33;
}

.btn-ci-orange-light {
  color: #ffffff;
  background-color: #DE7C00;
}

.btn-ci-orange-light:hover {
  color: #ffffff;
  background-color: #ffa22c;
}

.btn-invert-ci-orange-light {
  color: #DE7C00;
}

.btn-invert-ci-orange-light:hover {
  color: #ffa22c;
}

.btn-bordered-ci-orange-light {
  color: #DE7C00;
  border-color: #DE7C00;
}

.btn-bordered-ci-orange-light:hover {
  color: #ffa22c;
  border-color: #ffa22c;
}

.pill-ci-orange-light:hover {
  color: #ffa22c;
}

.pill-ci-orange-light.active {
  background-color: #DE7C00;
}

.pill-ci-orange-light.full {
  background-color: #DE7C00;
}

.pill-ci-orange-light.full:hover {
  background-color: #ffa22c;
}

.btn-ci-red {
  color: #ffffff;
  background-color: #CB333B;
}

.btn-ci-red:hover {
  color: #ffffff;
  background-color: #db7075;
}

.btn-invert-ci-red {
  color: #CB333B;
}

.btn-invert-ci-red:hover {
  color: #db7075;
}

.btn-bordered-ci-red {
  color: #CB333B;
  border-color: #CB333B;
}

.btn-bordered-ci-red:hover {
  color: #db7075;
  border-color: #db7075;
}

.pill-ci-red:hover {
  color: #db7075;
}

.pill-ci-red.active {
  background-color: #CB333B;
}

.pill-ci-red.full {
  background-color: #CB333B;
}

.pill-ci-red.full:hover {
  background-color: #db7075;
}

.btn-ci-brown {
  color: #ffffff;
  background-color: #9E652E;
}

.btn-ci-brown:hover {
  color: #ffffff;
  background-color: #cb8b4d;
}

.btn-invert-ci-brown {
  color: #9E652E;
}

.btn-invert-ci-brown:hover {
  color: #cb8b4d;
}

.btn-bordered-ci-brown {
  color: #9E652E;
  border-color: #9E652E;
}

.btn-bordered-ci-brown:hover {
  color: #cb8b4d;
  border-color: #cb8b4d;
}

.pill-ci-brown:hover {
  color: #cb8b4d;
}

.pill-ci-brown.active {
  background-color: #9E652E;
}

.pill-ci-brown.full {
  background-color: #9E652E;
}

.pill-ci-brown.full:hover {
  background-color: #cb8b4d;
}

.btn-ci-brown-dark {
  color: #ffffff;
  background-color: #6B4C4C;
}

.btn-ci-brown-dark:hover {
  color: #ffffff;
  background-color: #976d6d;
}

.btn-invert-ci-brown-dark {
  color: #6B4C4C;
}

.btn-invert-ci-brown-dark:hover {
  color: #976d6d;
}

.btn-bordered-ci-brown-dark {
  color: #6B4C4C;
  border-color: #6B4C4C;
}

.btn-bordered-ci-brown-dark:hover {
  color: #976d6d;
  border-color: #976d6d;
}

.pill-ci-brown-dark:hover {
  color: #976d6d;
}

.pill-ci-brown-dark.active {
  background-color: #6B4C4C;
}

.pill-ci-brown-dark.full {
  background-color: #6B4C4C;
}

.pill-ci-brown-dark.full:hover {
  background-color: #976d6d;
}

.btn-ci-brown-dark-heavy {
  color: #ffffff;
  background-color: #6D4F47;
}

.btn-ci-brown-dark-heavy:hover {
  color: #ffffff;
  background-color: #9b7165;
}

.btn-invert-ci-brown-dark-heavy {
  color: #6D4F47;
}

.btn-invert-ci-brown-dark-heavy:hover {
  color: #9b7165;
}

.btn-bordered-ci-brown-dark-heavy {
  color: #6D4F47;
  border-color: #6D4F47;
}

.btn-bordered-ci-brown-dark-heavy:hover {
  color: #9b7165;
  border-color: #9b7165;
}

.pill-ci-brown-dark-heavy:hover {
  color: #9b7165;
}

.pill-ci-brown-dark-heavy.active {
  background-color: #6D4F47;
}

.pill-ci-brown-dark-heavy.full {
  background-color: #6D4F47;
}

.pill-ci-brown-dark-heavy.full:hover {
  background-color: #9b7165;
}

.btn-ci-metal {
  color: #ffffff;
  background-color: #425563;
}

.btn-ci-metal:hover {
  color: #ffffff;
  background-color: #617c91;
}

.btn-invert-ci-metal {
  color: #425563;
}

.btn-invert-ci-metal:hover {
  color: #617c91;
}

.btn-bordered-ci-metal {
  color: #425563;
  border-color: #425563;
}

.btn-bordered-ci-metal:hover {
  color: #617c91;
  border-color: #617c91;
}

.pill-ci-metal:hover {
  color: #617c91;
}

.pill-ci-metal.active {
  background-color: #425563;
}

.pill-ci-metal.full {
  background-color: #425563;
}

.pill-ci-metal.full:hover {
  background-color: #617c91;
}

.btn-ci-grey {
  color: #ffffff;
  background-color: #A2AAAD;
}

.btn-ci-grey:hover {
  color: #ffffff;
  background-color: #cbcfd1;
}

.btn-invert-ci-grey {
  color: #A2AAAD;
}

.btn-invert-ci-grey:hover {
  color: #cbcfd1;
}

.btn-bordered-ci-grey {
  color: #A2AAAD;
  border-color: #A2AAAD;
}

.btn-bordered-ci-grey:hover {
  color: #cbcfd1;
  border-color: #cbcfd1;
}

.pill-ci-grey:hover {
  color: #cbcfd1;
}

.pill-ci-grey.active {
  background-color: #A2AAAD;
}

.pill-ci-grey.full {
  background-color: #A2AAAD;
}

.pill-ci-grey.full:hover {
  background-color: #cbcfd1;
}

.btn-blue-darkest {
  color: #ffffff;
  background-color: #005e9b;
}

.btn-blue-darkest:hover {
  color: #ffffff;
  background-color: #006db5;
}

.btn-invert-blue-darkest {
  color: #005e9b;
}

.btn-invert-blue-darkest:hover {
  color: #006db5;
}

.btn-bordered-blue-darkest {
  color: #005e9b;
  border-color: #005e9b;
}

.btn-bordered-blue-darkest:hover {
  color: #006db5;
  border-color: #006db5;
}

.pill-blue-darkest:hover {
  color: #006db5;
}

.pill-blue-darkest.active {
  background-color: #005e9b;
}

.pill-blue-darkest.full {
  background-color: #005e9b;
}

.pill-blue-darkest.full:hover {
  background-color: #006db5;
}

.btn-primary {
  color: #ffffff;
  background-color: #0083c2;
  border: 1px solid #0072a9;
  display: block;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #2695cb;
}

.btn-primary-navy {
  color: #ffffff;
  background-color: #005e9b;
  border: 1px solid #102e41;
}

.btn-primary-navy:hover {
  color: #ffffff;
  background-color: #102e41;
}

.btn-primary-pink {
  color: #ffffff;
  background-color: #da1b60;
  border: 1px solid #961342;
}

.btn-primary-pink:hover {
  color: #ffffff;
  background-color: #961342;
}

.btn-primary-green {
  color: #ffffff;
  background-color: #00a850;
  border: 1px solid #005c2c;
}

.btn-primary-green:hover {
  color: #ffffff;
  background-color: #005c2c;
}

.btn-primary-lime {
  color: #ffffff;
  background-color: #bfd730;
  border: 1px solid #8a9c1e;
}

.btn-primary-lime:hover {
  color: #ffffff;
  background-color: #8a9c1e;
}

.btn-secondary {
  color: #0083c2;
  background-color: #efefef;
  border: 1px solid #e8e7e7;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.btn-secondary:hover {
  color: #0083c2;
  background-color: #fdfdfd;
}

[class*="extra-link"] {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-size: 11.2px;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-decoration: none;
}

.extra-link-blue {
  color: #0083c2;
}

.extra-link-grey {
  color: #889391;
}

.extra-link-right {
  float: right;
  color: #0083c2;
}

.btn-newsletter {
  color: #ffffff;
  background-color: #0072a9;
}

.btn-newsletter:hover {
  color: #ffffff;
  background-color: #005e9b;
}

.ie10 .icon-caret-right,
.ie11 .icon-caret-right,
.no-svg .icon-caret-right {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/caret-right.png?9a664f6cc412');
  background-size: 5px;
}

/******************************/

/*  #9 - Dropdowns */

/******************************/

/******************************/

/*  CORE */

.btn-drop {
  /* THIS IS THE DEFAULT WIDTH, OVERRIDE AS NEEDED */
  position: relative;
}

.btn-drop .btn:hover {
  cursor: pointer;
}

.btn-drop ul {
  background: #ffffff;
  position: absolute;
  top: 33.6px;
  top: 2.1rem;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 1;
  display: block;
}

.btn-drop ul li {
  display: inline;
}

.btn-drop ul a {
  padding-top: 4px;
  padding-top: 0.25rem;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  color: #0083c2;
}

.btn-drop ul a:hover {
  background: #005e9b;
  color: #ffffff;
}

.drop {
  position: relative;
}

.drop a {
  display: block;
  background-size: 11px;
  background-size: 0.6875rem;
  background-position: right center;
  text-decoration: none;
  position: relative;
  z-index: 12;
  padding: 0 1px;
}

.drop.open a {
  background-size: 11px;
  background-size: 0.6875rem;
  background-position: right center;
  z-index: 11;
}

.drop ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 48px;
  padding-top: 3rem;
  background: #ffffff;
  border: 1px solid #e8e7e7;
  width: 110%;
  position: absolute;
  top: -14.4px;
  top: -0.9rem;
  left: -5%;
  right: -5%;
  z-index: 1;
  display: none;
  max-height: 160px;
  max-height: 10rem;
  overflow-y: auto;
}

.drop.open ul {
  z-index: 10;
}

.drop li {
  background: #ffffff;
  padding: 0 5%;
  line-height: 32px;
  line-height: 2rem;
}

.drop li:hover {
  cursor: pointer;
  color: #0083c2;
}

.drop li:first-child {
  padding-top: 4px;
  padding-top: 0.25rem;
}

.drop li:last-child {
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
}

.drop > span {
  border-bottom: 1px solid #e8e7e7;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: -12px;
  margin-right: -11px;
  margin-top: -15px;
  margin-bottom: -16px;
  margin-bottom: -1rem;
}

.drop.open > span {
  background: #ffffff;
  z-index: 11;
  display: block;
}

.field.open {
  border: 1px solid #e8e7e7;
  margin-top: -1px;
}

.field.open .dropdown {
  max-height: 160px;
  max-height: 10rem;
  margin-left: -1px;
  overflow-y: auto;
  display: block;
  background: #ffffff;
}

.field.open .datepickme {
  display: block;
  background: #ffffff;
  margin-left: -1px;
  border-top: 0;
}

.field.open span,
.field.open input,
.field.open a {
  z-index: 11;
  position: relative;
}

.field.open a.droparrow {
  background-size: 8px;
  background-size: 0.5rem;
  background-position: right center;
  z-index: 5;
}

/******************************/

/*  ENHANCEMENTS */

.js .btn-drop ul {
  display: none;
}

/******************************/

/*  #10 - Tooltips */

/******************************/

.helper {
  position: relative;
  display: none !important;
}

.helper-tip {
  color: #0083c2;
}

.helper-text {
  display: none;
  min-width: 320px;
  min-width: 20rem;
  padding: 22.4px;
  padding: 1.4rem;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  background: #005e9b;
  color: #ffffff;
  position: relative;
  z-index: 20;
}

@media (min-width: 48em) {
  .helper-text {
    position: absolute;
  }
}

.helper-text p {
  margin: 0;
}

.helper-text:after {
  width: 0;
  height: 0;
  background: #005e9b;
  content: " ";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 15px;
}

@media (min-width: 48em) {
  .helper-text:after {
    width: 18px;
    height: 18px;
  }
}

.helper [class*="icon-"] {
  display: block;
  height: 12.8px;
  height: 0.8rem;
  width: 12.8px;
  width: 0.8rem;
  margin-bottom: 4.8px;
  margin-bottom: 0.3rem;
  background-size: 100%;
  background-size: cover;
  background-position: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.helper.open [class*="icon-"],
.helper:hover [class*="icon-"] {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.helper.helper-left .helper-text {
  left: 0;
}

@media (min-width: 48em) {
  .helper.helper-left .helper-text {
    left: 30px;
    position: absolute;
  }
}

.helper.helper-left .helper-text:after {
  left: -8px;
}

.helper.helper-right {
  text-align: left;
  float: right;
}

.helper.helper-right .helper-text {
  right: 30px;
}

.helper.helper-right .helper-text:after {
  right: -8px;
}

.helper.helper-bottom {
  margin-top: 4px;
  margin-top: 0.25rem;
  text-align: center;
  float: none;
}

.helper.helper-bottom .helper-text {
  top: 40px;
  margin: auto;
  left: -50%;
  right: -50%;
}

.helper.helper-bottom .helper-text:after {
  top: -8px;
  left: 0;
  right: 0;
  margin: auto;
}

/******************************/

/*  #11 - Dialog */

/******************************/

/******************************/

/*  CORE  */

.mfp-close-btn-in .mfp-close {
  color: #ffffff !important;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 2rem;
  line-height: 48px;
  line-height: 3rem;
  opacity: 1 !important;
  overflow: hidden;
  text-indent: -200px;
  background-size: 24px;
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/close-grey.svg?9b7629b069b9');
  font-size: 0; 
}

.ie10 .mfp-close-btn-in .mfp-close,
.ie11 .mfp-close-btn-in .mfp-close,
.no-svg .mfp-close-btn-in .mfp-close {
  background-repeat: no-repeat;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/close-grey.png?152109aa46d5');
  background-size: 32px;
}

.popup {
  position: relative;
  background: #ffffff;
  width: auto;
  max-width: 672px;
  max-width: 42rem;
  margin: 0 auto;
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.popup > .mfp-close {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/close-grey.svg?9b7629b069b9') !important;
}

.ie10 .popup > .mfp-close,
.ie11 .popup > .mfp-close,
.no-svg .popup > .mfp-close {
  background-repeat: no-repeat;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/close-grey.png?152109aa46d5') !important;
  background-size: 32px;
}

.popup .popup-content {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 32px;
  padding-right: 2rem;
  background: #ffffff;
}

.popup .popup-content .title {
  font-size: 46.4px;
  font-size: 2.9rem;
  line-height: 51.2px;
  line-height: 3.2rem;
  font-family: "Telkom123-Regular", sans-serif;
}

.popup .popup-content p {
  color: #000000;
}

.popup .foundry-listing-horizontal {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 24px;
  margin-top: 1.5rem;
}

.popup .foundry-listing-horizontal .item {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  text-align: center;
}

@media (min-width: 48em) {
  .popup .foundry-listing-horizontal .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .popup .foundry-listing-horizontal .item:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}

.popup .foundry-listing-horizontal .item img {
  max-width: 50%;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

@media (min-width: 48em) {
  .popup .foundry-listing-horizontal .item img {
    max-width: 85%;
    padding: 0;
  }
}

.popup .foundry-listing-horizontal .item a {
  font-size: 12.8px;
  font-size: 0.8rem;
  display: block;
  color: #889391;
  text-decoration: none;
  text-align: center;
}

.popup .foundry-listing-horizontal .item a:hover {
  color: #000000;
}

.open-popup-link {
  display: none;
}

.mfp-hide {
  display: block !important;
}

.popup {
  border: 1em solid #cccccc;
}

.popup-head {
  display: none;
}

.js .open-popup-link {
  display: inline;
}

.js .mfp-hide {
  display: none !important;
}

.js .popup {
  border: 0;
}

.js .popup-head {
  display: block;
}

/******************************/

/*  SEARCH POPUP  */

.mfp-search .serp-container {
  overflow-y: scroll;
}

.mfp-search .serp {
  padding: 1.5rem 10% 1.5rem 0;
  border-bottom: 1px solid #efefef;
}

.mfp-search .serp h3,
.mfp-search .serp p {
  margin: 0 0 1rem 0;
  padding: 0;
}

.mfp-search .serp:last-child {
  border: 0;
}

.mfp-search .mfp-content {
  width: 80%;
  height: 80%;
  margin: auto;
  background-color: #ffffff;
  padding: 20px;
  overflow-x: hidden;
}

.mfp-search .mfp-content .mfp-close {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/close-grey.svg?9b7629b069b9') !important;
}

/******************************/

/*  #20 - Typography */

/******************************/

html,
body {
  line-height: 1.25;
}

/******************************/

/*  #20.1 - Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  font-family: "Telkom123-Regular", sans-serif;
  font-weight: normal;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  display: block;
  color: #889391;
  line-height: 1;
}

h1,
.h1 {
  font-size: 36px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 2.25rem;
}

h2,
.h2,
.device-support .css-wds-context-scenario-title,
.device-support .css-wds-context-explorer-user-panel-text-name {
  font-size: 32px;
  font-size: 1.25rem;
}

.text h2 {
    font-size: 2rem;
    line-height: 2.5rem;
}

.foundry-container > h2 {
    font-size: 2rem;
    line-height: 2.5rem;
}

h3,
.h3,
.device-support .css-wds-context-explorer-user-component-name {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 25.8px;
  line-height: 1.6125rem;
}

h4,
.h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 17.2px;
  line-height: 1.075rem;
}

h5,
.h5 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 21.5px;
  line-height: 1.34375rem;
  font-family: "Telkom123-Bold", sans-serif;
}

h6,
.h6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 17.2px;
  line-height: 1.075rem;
  font-family: "Telkom123-Bold", sans-serif;
}

hr {
  border: 0;
  border-top: 1px solid #e8e7e7;
}

/******************************/

/*  #20.2 - Inline Elements */

p,
ol,
ul {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.list-plus,
.list-plus > ul {
  list-style: none;
  padding-left: 16px;
  padding-left: 1rem;
}

.list-plus li:before,
.list-plus > ul li:before {
  content: "+";
  display: block;
  float: left;
  margin-left: -16px;
  margin-left: -1rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  margin-top: -1.6px;
  margin-top: -0.1rem;
}

a {
  color: #0083c2;
  -webkit-transition: hover 0.5s ease-in-out;
  transition: hover 0.5s ease-in-out;
}

a:hover {
  color: #005e9b;
}

b,
strong {
  font-family: "Telkom123-Bold", sans-serif;
  font-weight: normal;
}

mark {
  background: #2695cb;
  color: #ffffff;
}

small {
  font-size: 70%;
}

blockquote {
  margin: 1rem 0;
  font-style: italic;
  line-height: 24px;
  line-height: 1.5rem;
}

blockquote:before {
  content: "\201C";
}

blockquote:after {
  content: "\201D";
}

.dl-title {
  margin-top: 5.71429%;
}

.dl-title a {
  font-size: 19.2px;
  font-size: 1.2rem;
  color: #889391;
}

dl {
  width: 100%;
}

@media (min-width: 48em) {
  dl {
    display: table;
    table-layout: fixed;
  }
}

dl dt,
dl dd {
  padding-top: 0.81633%;
  padding-bottom: 0.81633%;
}

@media (min-width: 48em) {
  dl dt,
  dl dd {
    display: table-cell;
    vertical-align: top;
  }
}

dl dt {
  color: #0083c2;
}

@media (max-width: 48em) {
  dl dt {
    width: 100%;
  }
}

@media (min-width: 48em) {
  dl dt {
    text-align: right;
    padding-right: 2.85714%;
    border-right: 1px solid #e8e7e7;
  }
}

@media (max-width: 48em) {
  dl dd {
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 48em) {
  dl dd {
    padding-left: 2.85714%;
  }
}

@media (max-width: 48em) {
  dl .dl-row {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2.85714%;
    padding-bottom: 2.85714%;
    border-bottom: 1px solid #e8e7e7;
  }

  dl .dl-row:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
}

@media (min-width: 48em) {
  dl .dl-row {
    display: table-row;
  }

  dl .dl-row:first-child dt,
  dl .dl-row:first-child dd {
    padding-top: 0;
  }

  dl .dl-row:last-child dt,
  dl .dl-row:last-child dd {
    padding-bottom: 0;
  }
}

/******************************/

/*  #20.3 - Images */

.img-responsive {
  /* This class is to be used on inline images to ensure they become nice and squishy. */
  /* - Chris */
  max-width: 100%;
}

/******************************/

/*  #20.4 - Helpers           */

.text-white {
  color: #ffffff !important;
}

.text-white-bold {
  color: #ffffff !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.text-blue {
  color: #0083c2 !important;
}

.text-blue-bold {
  color: #0083c2 !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.text-blue-alt {
  color: #0083c2 !important;
}

.text-blue-alt-bold {
  color: #0083c2 !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.text-blue-dark {
  color: #005e9b !important;
}

.text-blue-dark-bold {
  color: #005e9b !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.text-pink {
  color: #da1b60 !important;
}

.text-pink-bold {
  color: #da1b60 !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.text-orange {
  color: #f04e23 !important;
}

.text-orange-bold {
  color: #f04e23 !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.text-cyan {
  color: #00d0ff !important;
}

.text-cyan-bold {
  color: #00d0ff !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.text-green {
  color: #00a850 !important;
}

.text-green-bold {
  color: #00a850 !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.text-lime {
  color: #bfd730 !important;
}

.text-lime-bold {
  color: #bfd730 !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.text-grey {
  color: #889391 !important;
}

.text-grey-bold {
  color: #889391 !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.text-grey-light {
  color: #cccccc !important;
}

.text-grey-light-bold {
  color: #cccccc !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.text-black {
  color: #000000 !important;
}

.text-black-bold {
  color: #000000 !important;
  font-family: "Telkom123-Bold", sans-serif;
}

.block-text {
  display: block;
}

@media (max-width: 48em) {
  .block-text-mobile {
    display: block;
  }
}

@media (min-width: 48em) {
  .block-text-tablet {
    display: block;
  }
}

@media (min-width: 48em) and (max-width: 62em) {
  .block-text-tablet-only {
    display: block;
  }
}

@media (min-width: 62em) {
  .block-text-desktop {
    display: block;
  }
}

@media (min-width: 62em) and (max-width: 75em) {
  .block-text-desktop-only {
    display: block;
  }
}

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

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

.center,
.align-text-center {
  text-align: center !important;
}

.bold {
  font-family: "Telkom123-Bold", sans-serif !important;
}

/******************************/

/*  #22 - Grid */

/******************************/

.grid .columns {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.grid .columns {
  *zoom: 1;
}

.grid .columns:before,
.grid .columns:after {
  content: "";
  display: table;
}

.grid .columns:after {
  clear: both;
}

.grid .columns div {
  margin-top: 24px;
  margin-top: 1.5rem;
  padding: 24px;
  padding: 1.5rem;
}

.grid .columns div i {
  height: 54px;
  height: 3.375rem;
  background: #889391;
  display: block;
}

.grid .columns div:last-child {
  margin-right: 0;
}

.grid .twelve div {
  width: 5.71429%;
  float: left;
  margin-right: 2.85714%;
}

.grid .six div {
  width: 14.28571%;
  float: left;
  margin-right: 2.85714%;
}

.grid .four div {
  width: 22.85714%;
  float: left;
  margin-right: 2.85714%;
}

.grid .three div {
  width: 31.42857%;
  float: left;
  margin-right: 2.85714%;
}

.grid .two div {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

.grid .one div {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/******************************/

/*  #23.1 - Section Subtitle */

/******************************/

.section-subtitle-border {
  /* @extend .section-subtitle; */
  padding-bottom: 9.6px;
  padding-bottom: 0.6rem;
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
  border-bottom: 1px solid #e8e7e7;
}

/******************************/

/*  #23.2 - Section Value */

/******************************/

.section-value {
  font-weight: bold;
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 80px;
  line-height: 5rem;
  letter-spacing: -2.4px;
  letter-spacing: -0.15rem;
}

.section-value div {
  float: none;
}

.section-value div div {
  margin-top: -24px;
  margin-top: -1.5rem;
}

@media (min-width: 48em) {
  .section-value div {
    float: right;
  }
}

.section-value sup {
  font-size: 50%;
  top: -29px;
  top: -1.8125rem;
}

.section-value span {
  display: block;
  color: #889391;
  padding-left: 4px;
  padding-left: 0.25rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
  text-align: left;
  font-family: "Telkom123-Regular", sans-serif;
  letter-spacing: 0;
}

.section-value.blue {
  color: #0083c2;
}

.section-value.green {
  color: #00a850;
}

.section-value.lime {
  color: #bfd730;
}

.section-value.orange {
  color: #f04e23;
}

.section-value.pink {
  color: #da1b60;
}

/*************************************/

/*  #23.5 - Section Stickers         */

/*************************************/

.section-stickers {
  padding-right: 4px;
  padding-right: 0.25rem;
  padding-left: 16px;
  padding-left: 1rem;
  float: right;
}

.section-stickers img {
  float: left;
  display: block;
  padding-right: 16px;
  padding-right: 1rem;
}

/******************************/

/*  #24 - Bill List */

/******************************/

.bill-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bill-list li {
  margin-top: 8px;
  margin-top: 0.5rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  background: url('//static.telkom.co.za/today/static/web/img/line-dot.gif?67ad01e81017') bottom repeat-x;
  display: block;
}

.bill-list li * {
  background: #ffffff;
}

.bill-list li > :first-child {
  padding-right: 8px;
  padding-right: 0.5rem;
}

.bill-list li > :last-child {
  padding-left: 8px;
  padding-left: 0.5rem;
  float: right;
}

/******************************/

/*  #25 - Icon List */

/******************************/

.icon-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.icon-list li {
  padding-bottom: 16px;
  padding-bottom: 1rem;
  line-height: 16px;
  line-height: 1rem;
}

.icon-list li i {
  float: left;
  padding-top: 1.6px;
  padding-top: 0.1rem;
  padding-right: 16px;
  padding-right: 1rem;
}

.download-link-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.download-link-list li {
  position: relative;
  display: inline-block;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding-left: 32px;
  padding-left: 2rem;
  width: 100%;
  line-height: 1;
}

.download-link-list li:last-child {
  margin-bottom: 0;
}

.download-link-list li:before {
  display: block;
  content: "";
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  margin-right: 16px;
  margin-right: 1rem;
  position: absolute;
  left: 0;
  top: -4px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.download-link-list .pdf:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/png/pdf.png?ebc1ca05644d');
}

.list-feature {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-feature li {
  min-height: 48px;
  min-height: 3rem;
  line-height: 48px;
  line-height: 3rem;
  padding-left: 48px;
  padding-left: 3rem;
  background-size: 35.2px;
  background-size: 2.2rem;
  background-repeat: no-repeat;
  background-position: left center;
}

/******************************/

/*  #29.1 - Breakdown Value */

/******************************/

.breakdown-value {
  padding-bottom: 6.4px;
  padding-bottom: 0.4rem;
}

.breakdown-value span {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
}

/******************************/

/*  #26 - Product Slider Items */

/******************************/

.product-slider-item {
  width: 14.28571%;
  float: left;
  margin-right: 2.85714%;
  padding-top: 24px;
  padding-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  position: relative;
}

.product-slider-item img {
  display: inline-block;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}

.product-slider-item-arrow {
  width: 14.28571%;
  float: left;
  margin-right: 2.85714%;
  padding-top: 24px;
  padding-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  position: relative;
  background: #efefef;
}

.product-slider-item-arrow img {
  display: inline-block;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}

.product-slider-item-arrow:before {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
  height: 24px;
  height: 1.5rem;
  background: #efefef;
  display: block;
  content: " ";
  position: absolute;
  bottom: -24px;
  bottom: -1.5rem;
  left: 0;
  background: #efefef;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #efefef), color-stop(50%, #efefef), color-stop(51%, #efefef), color-stop(100%, #efefef));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(11deg, #ffffff 0%, #ffffff 50%, #efefef 51%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-linear-gradient(79deg, #ffffff 0%, #ffffff 50%, #efefef 51%, #efefef 100%);
  background: linear-gradient(11deg, #ffffff 0%, #ffffff 50%, #efefef 51%, #efefef 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$white', endColorstr='$grey-drawer',GradientType=1 );
}

.product-slider-item-arrow:after {
  height: 24px;
  height: 1.5rem;
  background: #efefef;
  display: block;
  content: " ";
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
  position: absolute;
  bottom: -24px;
  bottom: -1.5rem;
  right: 0;
  background: #efefef;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #efefef), color-stop(50%, #efefef), color-stop(51%, #efefef), color-stop(100%, #efefef));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-11deg, #ffffff 0%, #ffffff 50%, #efefef 51%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-linear-gradient(101deg, #ffffff 0%, #ffffff 50%, #efefef 51%, #efefef 100%);
  background: linear-gradient(-11deg, #ffffff 0%, #ffffff 50%, #efefef 51%, #efefef 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$white', endColorstr='$grey-drawer',GradientType=1 );
}

.brochure-block,
.brochure-block-inverted {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  position: relative;
  padding-top: 2.5%;
  padding-bottom: 2.5%;
  /* 1st Level Nodes */
  /* 2nd Level Nodes */
}

@media (min-width: 48em) {
  .brochure-block,
  .brochure-block-inverted {
    display: table;
    table-layout: fixed;
  }
}

.brochure-block-grey {
  background: #efefef;
}

.brochure-block .wrapper > .content,
.brochure-block-inverted .wrapper > .content,
.brochure-block .wrapper > .additional,
.brochure-block-inverted .wrapper > .additional {
  width: 100%;
  display: table;
  padding: 2.25rem 5%;
}

@media (min-width: 290.0625em) {
  .brochure-block .wrapper > .content,
  .brochure-block-inverted .wrapper > .content,
  .brochure-block .wrapper > .additional,
  .brochure-block-inverted .wrapper > .additional {
    padding: 2.25rem inherit;
  }
}

@media (min-width: 48em) {
  .brochure-block .wrapper > .content,
  .brochure-block-inverted .wrapper > .content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .brochure-block .wrapper > .content .focal-point,
  .brochure-block-inverted .wrapper > .content .focal-point {
    padding-right: 5%;
  }
}

.brochure-block .wrapper > .additional,
.brochure-block-inverted .wrapper > .additional {
  background-color: #e8e7e7;
}

.js .brochure-block .wrapper > .additional,
.js .brochure-block-inverted .wrapper > .additional {
  display: none;
}

@media (min-width: 48em) {
  .brochure-block .focal-point,
  .brochure-block-inverted .focal-point,
  .brochure-block .description,
  .brochure-block-inverted .description {
    display: table-cell;
    vertical-align: middle;
    width: 48.57143%;
  }
}

@media (min-width: 48em) and (max-width: 62em) {
  .brochure-block .description,
  .brochure-block-inverted .description {
    padding-top: 5%;
    padding-bottom: 5%;
  }
}

@media (min-width: 62em) {
  .brochure-block .description,
  .brochure-block-inverted .description {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

.brochure-block .focal-point > *,
.brochure-block-inverted .focal-point > * {
  display: block;
  margin: auto;
  width: 100%;
}

@media (min-width: 48em) {
  .brochure-block-inverted .focal-point {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    padding-right: 0 !important;
    padding-left: 5%;
  }

  .brochure-block-inverted .description {
    padding-right: 5%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.brochure-block.grey,
.grey.brochure-block-inverted {
  background-color: #efefef;
}

.brochure-block h1,
.brochure-block-inverted h1 {
  color: #0083c2;
}

/* Because .focal-point and .description are display: table-cell, using SUSY's
    pull and push mixins will not work. Therefore, I used CSS 2d transforms to create the effect of a z-layout. (Works IE 9 and up) */

.z-layout {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .z-layout .brochure-block:nth-child(even) .focal-point,
  .z-layout .brochure-block-inverted:nth-child(even) .focal-point {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    padding-right: 0;
    padding-left: 5%;
  }

  .z-layout .brochure-block:nth-child(even) .description,
  .z-layout .brochure-block-inverted:nth-child(even) .description {
    padding-right: 5%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@media (min-width: 48em) {
  .z-layout-odd .brochure-block:nth-child(odd) .focal-point,
  .z-layout-odd .brochure-block-inverted:nth-child(odd) .focal-point {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    padding-right: 0;
    padding-left: 5%;
  }

  .z-layout-odd .brochure-block:nth-child(odd) .description,
  .z-layout-odd .brochure-block-inverted:nth-child(odd) .description {
    padding-right: 5%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

[class*="brochure-selling-points"] {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: table;
  overflow-y: hidden;
  overflow-x: scroll;
}

@media (min-width: 48em) {
  [class*="brochure-selling-points"] {
    table-layout: fixed;
  }
}

[class*="brochure-selling-points"] .item {
  display: block;
  padding: 0 0.75rem;
}

[class*="brochure-selling-points"] .item .focal-point {
  margin-bottom: 1.5rem;
}

[class*="brochure-selling-points"] .item .focal-point img {
  display: block;
  margin: auto;
}

@media (max-width: 48em) {
  [class*="brochure-selling-points"] .item .focal-point img {
    max-width: 200px;
    max-width: 12.5rem;
    height: auto;
  }
}

[class*="brochure-selling-points"] .item .description {
  text-align: center;
}

@media (max-width: 48em) {
  [class*="brochure-selling-points"] .item {
    margin: 1.5rem 0;
  }

  [class*="brochure-selling-points"] .item:first-of-type {
    margin-top: 0;
  }

  [class*="brochure-selling-points"] .item:last-of-type {
    margin-bottom: 0;
  }
}

@media (min-width: 48em) {
  [class*="brochure-selling-points"] .item {
    display: table-cell;
    width: 25%;
  }

  [class*="brochure-selling-points"] .item .focal-point,
  [class*="brochure-selling-points"] .item .description {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}

[class*="brochure-selling-points"] a.item {
  color: #889391;
  text-decoration: none;
}

[class*="brochure-selling-points"] a.item .focal-point {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

[class*="brochure-selling-points"] a.item:hover {
  color: #0083c2;
}

[class*="brochure-selling-points"] a.item:hover .focal-point {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

[class*="brochure-selling-points"] + [class*="btn"] {
  margin-top: 1.5rem;
}

[class*="brochure-selling-points"] + [class*="brochure-selling-points"] {
  margin-top: 5%;
}

/* Molecules */

/* To keep this as extensible as possible, the animation and transition
should be handled on a case-by-case basis. This is just the functional structure.

EG: See _help-talk.scss */

.interactive-icon {
  position: relative;
}

.interactive-icon .default,
.interactive-icon .active {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: 100%;
  background-size: contain;
  background-position: 50%;
}

.interactive-icon .default {
  opacity: 1;
}

.interactive-icon .active {
  opacity: 1;
}

.loader-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}

.loader-container .spinnerbox {
  margin: auto;
  width: 50%;
  min-width: 225px;
  height: 88px;
  height: 5.5rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.csstransforms3d .loader-container .spinner {
  border-color: #0083c2;
  border-top-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-width: 0.3125rem;
  border-radius: 50%;
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  margin: auto;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
}

.loader-container .counter {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transform: translate3d(0, 74%, 0);
  transform: translate3d(0, 74%, 0);
  -webkit-animation: flash 0.8s linear infinite;
  animation: flash 0.8s linear infinite;
  font-size: 12.8px;
  font-size: 0.8rem;
  line-height: 21.6px;
  line-height: 1.35rem;
}

.loader-container .description {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 25.8px;
  line-height: 1.6125rem;
}

.loader-container .counter,
.loader-container .description {
  color: #0083c2;
  text-align: center;
}

.loader-container .description,
.loader-container .buttons {
  padding-top: 1rem;
}

.loader-container .button-unit {
  max-width: 300px;
  margin: 0 auto;
}

.loader-container.inverted .spinner {
  border-left-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
}

.loader-container.inverted .counter,
.loader-container.inverted .description {
  color: #ffffff;
}

/******************************/

/*  #12 - Navigation */

/******************************/

.nav-secondary {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-secondary li {
  padding-right: 36px;
  padding-right: 2.25rem;
  display: inline-block;
}

.nav-secondary li a {
  font-size: 17.6px;
  font-size: 1.1rem;
  color: #889391;
  text-decoration: none;
}

.nav-secondary li a:hover {
  color: #0083c2;
}

.nav-secondary li .active {
  color: #0083c2;
}

.nav-hero {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 50;
  overflow: hidden;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}

@media (min-width: 48em) {
  .nav-hero {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
  }
}

.nav-hero li {
  display: inline-block;
  overflow: hidden;
}

.nav-hero a {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  line-height: 1.25rem;
  padding: 16px;
  padding: 1rem;
  padding-top: 11.2px;
  padding-top: 0.7rem;
  padding-bottom: 17.6px;
  padding-bottom: 1.1rem;
  border-radius: 24px;
  border-radius: 1.5rem;
  color: #000000;
  text-decoration: none;
  position: relative;
  display: block;
  letter-spacing: -1px;
  /*
			&:after {
				@include rem-fallback(width, ms(0) * 2.75);
				@include rem-fallback(height, ms(0) * 2.75);
				background: $white;
				content: " ";
				position: absolute;
				@include rem-fallback(bottom, -(ms(0) * 4.5));
				left: 0;
				right: 0;
				margin: 0 auto;
			    	opacity: 0;
			    	transform: rotate(45deg); // Fallback
			    	transform: rotate(45deg) translate3d(50%, 50%, 0);
			}
*/
}

.nav-hero a,
.nav-hero a:after,
.nav-hero a * {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.nav-hero a img {
  width: 32px;
  width: 2rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  float: left;
  margin-top: -2px;
  margin-bottom: -8px;
}

.nav-hero a.active {
  font-family: "Telkom123-Regular", sans-serif;
  background-color: #0083c2;
  color: #ffffff;
}

.nav-hero a.active:hover {
  background-color: #005e9b;
}

.nav-hero a.active:after,
.nav-hero a:hover:after {
  opacity: 1;
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
  transform: rotate(45deg) translate3d(0, 0, 0);
}

.search-help .nav-hero a {
  color: #0083c2;
}

.search-help .nav-hero a.active {
  background-color: #0083c2;
  color: #ffffff;
}

.search-help .nav-hero a.active:hover {
  background-color: #005e9b;
}

/******************************/

/*  #13 - Forms */

/******************************/

/******************************/

/*  INPUT (Text, password, etc) */

.field {
  display: table;
  width: 100%;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid #e8e7e7;
  position: relative;
}

.field li.required > label,
.field div.required > label {
  padding: 0;
  background-image: none;
}

.field > input,
.field > label,
.field > .label {
  display: table-cell;
  vertical-align: middle;
}

.field > label,
.field > .label {
  width: 30%;
  font-size: 9.6px;
  font-size: 0.6rem;
  padding: 0;
  padding-top: 11.2px;
  padding-top: 0.7rem;
  padding-bottom: 11.2px;
  padding-bottom: 0.7rem;
  padding-right: 1%;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
}

.field input:not([type="submit"]) {
  width: 100%;
  padding: 11.2px;
  padding: 0.7rem;
  border: 0;
  background-color: transparent;
  font-size: 16px;
  font-size: 1rem;
  color: #000000;
}

.field input:not([type="submit"])::-webkit-input-placeholder {
  color: #c6cac9;
}

.field input:not([type="submit"]):-moz-placeholder {
  color: #c6cac9;
}

.field input:not([type="submit"])::-moz-placeholder {
  color: #c6cac9;
}

.field input:not([type="submit"]):-ms-input-placeholder {
  color: #c6cac9;
}

.field input:not([type="submit"]):active,
.field input:not([type="submit"]):focus {
  color: #000000;
  outline: none;
}

@media (min-width: 48em) {
  .field.centered {
    margin: 0 auto !important;
    max-width: 57.14286%;
  }
}

.field.valid-box,
.field.error-box {
  -webkit-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.field.valid-box > input,
.field.valid-box > label,
.field.valid-box .label,
.field.error-box > input,
.field.error-box > label,
.field.error-box .label {
  color: #ffffff;
  background-size: 24px;
  background-size: 1.5rem;
  background-position: 95% center;
  background-position: right 1.5rem center;
}

.field.valid-box > input:focus,
.field.valid-box > label:focus,
.field.valid-box .label:focus,
.field.error-box > input:focus,
.field.error-box > label:focus,
.field.error-box .label:focus {
  color: #ffffff;
}

.field.valid-box > input,
.field.error-box > input {
  padding-right: 64px;
  padding-right: 4rem;
}

.field.valid-box {
  background-color: #bfd730;
}

.field.valid-box input:-webkit-autofill,
.field.valid-box input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #bfd730 inset;
  -webkit-text-fill-color: #ffffff;
  background-image: inherit;
}

.field.valid-box input ::-webkit-input-placeholder {
  color: #ebf2bd;
}

.field.valid-box input :-moz-placeholder {
  color: #ebf2bd;
}

.field.valid-box input ::-moz-placeholder {
  color: #ebf2bd;
}

.field.valid-box input :-ms-input-placeholder {
  color: #ebf2bd;
}

.field.error-box {
  background-color: #da1b60;
}

.field.error-box input:-webkit-autofill,
.field.error-box input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #da1b60 inset;
  -webkit-text-fill-color: #ffffff;
  background-image: inherit;
}

.field.error-box input ::-webkit-input-placeholder {
  color: #f4a9c4;
}

.field.error-box input :-moz-placeholder {
  color: #f4a9c4;
}

.field.error-box input ::-moz-placeholder {
  color: #f4a9c4;
}

.field.error-box input :-ms-input-placeholder {
  color: #f4a9c4;
}

.field .errorlist {
  background-color: #ffffff;
  padding-left: 30%;
  display: table-caption;
  caption-side: bottom;
  vertical-align: middle;
}

.field .errorlist .error {
  display: table-cell;
  vertical-align: middle;
  padding-top: 0px;
  padding-top: 0rem;
  padding-right: 0px;
  padding-right: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  padding-left: 11.2px;
  padding-left: 0.7rem;
  border: 0;
  color: #da1b60;
}

.row.white .errorlist {
  background-color: #cccccc;
}

.field .helptext.invalid {
  padding-left: 37%;
  color: #da1b60;
}

.field a.droparrow {
  width: 9px;
  height: 5px;
  padding: 5px;
  top: 16px;
  top: 1rem;
  right: 20.8px;
  right: 1.3rem;
  position: absolute;
  background-size: 8px;
  background-size: 0.5rem;
  background-position: right center;
}

.field ul.dropdown,
.field .datepickme {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 0;
  border: 1px solid #e8e7e7;
  position: absolute;
  top: -5px;
  left: 0;
  z-index: 2;
  display: none;
}

.field ul.dropdown li,
.field .datepickme li {
  padding: 0 0 0 31%;
  padding-top: 4px;
  padding-top: 0.25rem;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  background: #ffffff;
}

.field ul.dropdown li:hover,
.field .datepickme li:hover {
  cursor: pointer;
  color: #000000;
}

.field .dp-popup {
  width: 100%;
  background: #ffffff;
  font-family: "Telkom123-Regular", sans-serif;
  padding: 0;
  border-top: 1px solid #e8e7e7;
}

.field .dp-popup h2 {
  margin: 0 !important;
  font-size: 16px;
  font-size: 1rem;
}

.field .dp-popup table.jCalendar {
  width: 100%;
  border-spacing: 1px;
  border: 0;
  background: #ffffff;
}

.field .dp-popup table.jCalendar th {
  background: #ffffff;
  text-transform: uppercase;
  padding: 5px;
  color: #889391;
}

.field .dp-popup table.jCalendar td {
  padding: 10px 5px;
  background: #efefef;
}

.field .dp-popup table.jCalendar td.today,
.field .dp-popup table.jCalendar td.selected,
.field .dp-popup table.jCalendar td.selected:hover {
  background: #0083c2;
  color: #ffffff;
}

.field .dp-popup table.jCalendar td.disabled,
.field .dp-popup table.jCalendar td.disabled.dp-hover {
  background: #e8e7e7;
  color: #889391;
}

.field.dob label {
  position: absolute;
  top: 4.8px;
  top: 0.3rem;
  left: 0;
}

.field.dob input {
  padding-left: 35%;
}

.field.dob label.error {
  position: relative;
}

.no-border {
  border: 0;
}

/******************************/

/*  CHECKBOXES */

.switch-label {
  display: inline-block;
  height: 1rem;
  margin: auto 0;
  top: 0;
  bottom: 0;
  right: 6rem;
  position: absolute;
}

.switch {
  height: 2.5rem;
  display: inline-block;
  margin: 0 0.5rem 0 0;
  position: relative;
}

.switch label {
  min-height: 0;
}

.switch .toggler {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.switch .toggler + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.switch input.toggle + label {
  padding: 0.5rem;
  width: 5rem;
  height: 2.5rem;
  border-radius: 5rem;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.switch input.toggle + label:before,
.switch input.toggle + label:after {
  display: block;
  position: absolute;
  content: "";
}

.switch input.toggle + label:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #cccccc;
  border-radius: 2.5rem;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.switch input.toggle + label:after {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  width: 1.5rem;
  background-color: #ffffff;
  border-radius: 1.5rem;
  -webkit-transition: margin 0.4s, background-color 0.4s;
  transition: margin 0.4s, background-color 0.4s;
}

.switch input.toggle:checked + label {
  background-color: #ffffff;
}

.switch input.toggle:checked + label:after {
  margin-right: 2.5rem;
  background-color: #ffffff;
}

.switch input.toggle:checked + label:before {
  background-color: #0083c2;
}

.switch input.check + label {
  padding: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.switch input.check + label:before,
.switch input.check + label:after {
  display: block;
  position: absolute;
  content: "";
}

.switch input.check + label:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #cccccc;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.switch input.check + label:after {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
  width: 1.5rem;
  -webkit-transition: margin 0.4s, background-color 0.4s;
  transition: margin 0.4s, background-color 0.4s;
}

.switch input.check:checked + label {
  background-color: #ffffff;
}

.switch input.check:checked + label:after {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/check.png?ae9890d0dad8');
  background-size: 1.5rem;
  background-position: 50%;
  background-repeat: no-repeat;
}

.svg .switch input.check:checked + label:after {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/check.svg?b40856fb6737');
}

.switch input.check:checked + label:before {
  background-color: #0083c2;
}

.switch input.radio + label {
  padding: 0.2rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.switch input.radio + label:before,
.switch input.radio + label:after {
  display: block;
  position: absolute;
  content: "";
}

.switch input.radio + label:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #cccccc;
  border-radius: 1.5rem;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.switch input.radio + label:after {
  top: 0.4rem;
  right: 0.39rem;
  bottom: 0.4rem;
  width: 0.7rem;
  background-color: #ffffff;
  border-radius: 1.5rem;
  -webkit-transition: margin 0.4s, background-color 0.4s;
  transition: margin 0.4s, background-color 0.4s;
}

.switch input.radio:checked + label {
  background-color: #ffffff;
}

.switch input.radio:checked + label:after {
  background-color: #ffffff;
}

.switch input.radio:checked + label:before {
  background-color: #0083c2;
}

.switch-text label {
  padding-left: 36px;
  padding-left: 2.25rem;
  padding: 0;
  line-height: 32px;
  line-height: 2rem;
  display: block;
  color: #889391;
}

.switch-text label:hover {
  cursor: pointer;
}

.switch-text label div {
  display: inline-block;
  background: #efefef;
  border: 1px solid #e8e7e7;
  padding: 1px;
  border-radius: 36px;
  border-radius: 2.25rem;
}

.switch-text label div i {
  float: left;
  text-transform: uppercase;
  font-style: normal;
  font-size: 12.8px;
  font-size: 0.8rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  border-radius: 36px;
  border-radius: 2.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  display: inline-block;
  color: #889391;
}

.switch-text label div i.no {
  color: #ffffff;
  background: #0083c2;
}

.switch-text input + label:before {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  border-radius: 18px;
  border-radius: 1.125rem;
  display: block;
  position: absolute;
  top: -5px;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  border: 1px solid #e8e7e7;
  display: none;
}

.switch-text input:checked + label {
  color: #0083c2;
  border-color: #0083c2;
}

.switch-text input:checked + label:before,
.switch-text input:checked + label span {
  background: #0083c2;
  color: #e8e7e7;
  border-color: #0083c2;
}

.switch-text input:checked + label div .yes {
  background: #0083c2;
  color: #ffffff;
}

.switch-text input:checked + label div .no {
  background: transparent;
  color: #889391;
}

.switch-text input {
  display: none;
}

/******************************/

/*  CUSTOM NUMBER INPUT       */

.custom-number {
  font-family: "Telkom123-Bold", sans-serif;
}

.custom-number .cn-minus,
.custom-number .cn-plus {
  width: 40px;
  width: 2.5rem;
  height: 32px;
  height: 2rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-size: 19.2px;
  font-size: 1.2rem;
  border: 1px solid #e8e7e7;
  float: left;
  color: #889391;
  text-align: center;
  background: #ffffff;
  display: block;
}

.custom-number .cn-minus:hover,
.custom-number .cn-plus:hover {
  cursor: pointer;
}

.custom-number .cn-minus {
  border-radius: 32px 0 0 32px;
}

.custom-number .cn-plus {
  border-radius: 0 32px 32px 0;
}

.custom-number .cn-value {
  width: 80px;
  width: 5rem;
  height: 32px;
  height: 2rem;
  line-height: 32px;
  line-height: 2rem;
  font-size: 14.4px;
  font-size: 0.9rem;
  white-space: nowrap;
  float: left;
  display: block;
  background: #0083c2;
  color: #ffffff;
  text-align: center;
  border: 0;
}

.custom-number .cn-field {
  display: none;
}

.js .custom-number .cn-input {
  display: none;
}

.js .custom-number .cn-field {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.js .custom-number .cn-field {
  *zoom: 1;
}

.js .custom-number .cn-field:before,
.js .custom-number .cn-field:after {
  content: "";
  display: table;
}

.js .custom-number .cn-field:after {
  clear: both;
}

/******************************/

/*  CUSTOM SELECT INPUT       */

.SumoSelect {
  display: block;
  position: relative;
  outline: none;
  z-index: 101;
}

.SumoSelect select {
  position: absolute;
  top: 8px;
  right: 0;
  width: 100%;
  z-index: 1;
  opacity: 0;
  display: block !important;
}

@media (min-width: 48em) {
  .SumoSelect select {
    z-index: -1;
  }
}

.SumoSelect.disabled {
  opacity: 0.5;
  cursor: default;
}

.SumoSelect .SelectBox {
  margin: 0;
  position: relative;
  border: 1px solid #e8e7e7;
  padding: 0.6rem 1rem 0.7rem 1rem;
  line-height: 1.6rem;
  width: 100%;
}

[class*="blue"] .SumoSelect .SelectBox {
  background-color: #005e9b;
  border: 1px solid #ffffff;
}

[class*="blue"] .SumoSelect .SelectBox span {
  color: #ffffff;
}

[class*="grey"] .SumoSelect .SelectBox span {
  color: #0083c2;
}

.SumoSelect .SelectBox span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
  color: #000000;
}

.SumoSelect .SelectBox label {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3rem;
}

.SumoSelect .SelectBox label:hover {
  cursor: pointer;
}

.SumoSelect .SelectBox i {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/caret-down-black.png?6cc88ca51ef3');
}

.svg .SumoSelect .SelectBox i {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/caret-down-black.svg?25017f7967ea');
}

[class*="blue"] .SumoSelect .SelectBox i {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/caret-down.png?dda7b1769bfa');
}

.svg [class*="blue"] .SumoSelect .SelectBox i {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/caret-down.svg?a01661d2bf76');
}

[class*="grey"] .SumoSelect .SelectBox i {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/caret-down-blue.png?f101d33cc7c4');
}

.svg [class*="grey"] .SumoSelect .SelectBox i {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/caret-down-blue.svg?f08977712122');
}

.SumoSelect.open .optWrapper {
  visibility: visible;
  opacity: 1;
  z-index: 101;
}

.SumoSelect.open .search-txt {
  z-index: 100;
  opacity: 1;
  visibility: visible;
  background-color: #ffffff;
}

.SumoSelect .search-txt {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.SumoSelect .optWrapper {
  top: 0;
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  border: 1px solid #e8e7e7;
  padding-top: 40.8px;
  padding-top: 2.55rem;
}

.SumoSelect .optWrapper .no-match {
  background-color: #efefef;
  padding: 0.5rem 1rem;
  margin: 0;
}

.SumoSelect .optWrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 240px;
  max-height: 15rem;
  overflow-y: auto;
}

.SumoSelect .optWrapper li {
  background-color: #efefef;
  padding: 0.5rem 1rem;
}

.SumoSelect .optWrapper li:first-child {
  padding-top: 1rem;
}

.SumoSelect .optWrapper li:last-child {
  padding-bottom: 1rem;
}

.SumoSelect .optWrapper li:hover {
  cursor: pointer;
}

.SumoSelect .optWrapper li.opt:hover {
  color: #0083c2;
}

.SumoSelect .optWrapper li:hover label:hover {
  cursor: pointer;
}

.SumoSelect .optWrapper li.disabled {
  display: none;
  pointer-events: none;
}

.SumoSelect .optWrapper li.disabled label {
  opacity: 0.5;
  cursor: default;
}

.SumoSelect .optWrapper .selected label,
.SumoSelect .optWrapper .sel label {
  color: #005e9b;
}

[class*="blue"] .SumoSelect .optWrapper {
  border: 1px solid #ffffff;
}

[class*="blue"] .SumoSelect .optWrapper .selected label,
[class*="blue"] .SumoSelect .optWrapper .sel label {
  color: #00d0ff;
}

[class*="blue"] .SumoSelect .optWrapper li {
  background-color: #005e9b;
}

[class*="blue"] .SumoSelect .optWrapper li label {
  color: #ffffff;
}

[class*="blue"] .SumoSelect .optWrapper li:hover {
  cursor: pointer;
}

[class*="blue"] .SumoSelect .optWrapper li:hover label {
  cursor: pointer;
  color: #00d0ff;
}

label + .SumoSelect {
  position: static;
}

label + .SumoSelect .SelectBox {
  border: 0 !important;
}

label + .SumoSelect .options li {
  padding-left: 35%;
}

/******************************/

/*  CUSTOM SELECT INPUT       */

.builder-grouping .SumoSelect .SelectBox {
  border: 0;
}

.builder-grouping .SumoSelect {
  position: static;
}

.builder-grouping .SumoSelect li {
  padding: 0;
  padding-left: 35%;
  padding-top: 6.4px;
  padding-top: 0.4rem;
  padding-bottom: 6.4px;
  padding-bottom: 0.4rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.builder-grouping .SumoSelect li label {
  width: 100%;
  padding: 0;
  text-transform: none;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
}

.blue .field .SumoSelect .SelectBox {
  border: 0;
}

.blue .field .SumoSelect {
  position: static;
}

.blue .field .SumoSelect li {
  padding: 0;
  padding-left: 35%;
  padding-top: 6.4px;
  padding-top: 0.4rem;
  padding-bottom: 6.4px;
  padding-bottom: 0.4rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.blue .field .SumoSelect li label {
  width: 100%;
  padding: 0;
  text-transform: none;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
}

.blue .field .optWrapper {
  padding-top: 44px;
  padding-top: 2.75rem;
}

.blue .field.centered li {
  padding-left: 16px;
  padding-left: 1rem;
}

.grey .field,
.grey .field .SumoSelect .SelectBox {
  border: 0;
}

.grey .field .SumoSelect {
  position: static;
}

.grey .field .SumoSelect p.SelectBox {
  margin: 0;
  margin-top: 6.4px;
  margin-top: 0.4rem;
}

.grey .field .SumoSelect li {
  padding: 0;
  padding-left: 16px;
  padding-left: 1rem;
  padding-top: 6.4px;
  padding-top: 0.4rem;
  padding-bottom: 6.4px;
  padding-bottom: 0.4rem;
  line-height: 20px;
  line-height: 1.25rem;
  background: #ffffff;
  text-align: left;
}

.grey .field .SumoSelect li:first-child {
  border-top: 1px solid #e8e7e7;
  padding-top: 12px;
  padding-top: 0.75rem;
}

.grey .field .SumoSelect li:last-child {
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.grey .field .SumoSelect li label {
  width: 100%;
  padding: 0;
  text-transform: none;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
  text-align: left;
}

.grey .field .optWrapper {
  padding-top: 44px;
  padding-top: 2.75rem;
}

.grey .field.centered li {
  padding-left: 16px;
  padding-left: 1rem;
}

/******************************/

/*  #13 - Forms */

/******************************/

/******************************/

/*  SEARCH + AUTOFILL */

.search,
.autofill {
  display: inline-block;
  border: 1px solid #889391;
}

.search input,
.autofill input {
  width: 15em;
  padding: 0.6em 1em;
  background-color: transparent;
  border: 0;
}

.search .search-btn,
.autofill .search-btn {
  width: 1em;
  border: 0;
  background-color: transparent;
  float: right;
  margin: 0.6em 1em 0 0;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  color: #889391;
  background-size: contain;
  background-position: 50%;
}

.autofill {
  background-color: #ffffff;
  border-color: #0083c2;
  position: relative;
}

.autofill input {
  color: #0083c2;
}

.autofill input::-webkit-input-placeholder {
  color: #0083c2;
  opacity: 1;
}

.autofill input:-moz-placeholder {
  color: #0083c2;
  opacity: 1;
}

.autofill input::-moz-placeholder {
  color: #0083c2;
  opacity: 1;
}

.autofill input:-ms-input-placeholder {
  color: #0083c2;
  opacity: 1;
}

.autofill input:active,
.autofill input:focus {
  color: #0083c2;
}

.autofill ul {
  width: 100%;
  margin: 1px 0 0 0;
  padding: 0;
  list-style: none;
  position: absolute;
  background: #ffffff;
  z-index: 1;
  display: none;
}

.autofill ul li {
  padding: 0.5em 1em;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  color: #0083c2;
}

.autofill ul li:hover {
  background: #005e9b;
  color: #ffffff;
  cursor: pointer;
}

/******************************/

/*  #13 - Forms */

/******************************/

/******************************/

/*  INPAGE SEARCH             */

.search-inpage {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.search-inpage .inpage {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  display: block;
  border-bottom: 1px solid #e8e7e7;
}

.search-inpage .inpage input {
  width: 75%;
  border: 0;
  background: 0;
  font-size: 16px;
  font-size: 1rem;
  color: #000000;
}

.search-inpage .inpage input::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}

.search-inpage .inpage input:-moz-placeholder {
  color: #000000;
  opacity: 1;
}

.search-inpage .inpage input::-moz-placeholder {
  color: #000000;
  opacity: 1;
}

.search-inpage .inpage input:-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}

.search-inpage .inpage .search-btn {
  width: 24px;
  width: 1.5rem;
  float: right;
  border: 0;
  background-color: transparent;
  overflow: hidden;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  color: #000000;
  background-size: contain;
  background-position: 50%;
}

.search-inpage.white {
  width: 100%;
  margin: 1rem auto;
  float: none;
}

@media (min-width: 30em) {
  .search-inpage.white {
    width: 60%;
  }
}

.search-inpage.white input {
  color: #ffffff;
}

.search-inpage.white input::-webkit-input-placeholder {
  color: #ffffff;
}

.search-inpage.white input:-moz-placeholder {
  color: #ffffff;
}

.search-inpage.white input::-moz-placeholder {
  color: #ffffff;
}

.search-inpage.white input:-ms-input-placeholder {
  color: #ffffff;
}

.search-inpage.white .search-btn {
  color: #ffffff;
}

.country-table {
  border-collapse: collapse;
  margin: 1rem auto;
  margin-bottom: 3rem;
}

.country-table td,
.country-table th {
  border: 1px solid #0072a9;
  padding: 0 0.25em 0.25em 0.25em;
  font-size: 1.75rem;
  line-height: 1em;
}

.country-table th {
  color: #84BD00;
  text-align: center;
  padding: 0;
  padding-bottom: 1rem;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.5rem;
}

.country-table th:first-child,
.country-table th:last-child {
  display: none;
}

@media (min-width: 30em) {
  .country-table th {
    text-align: left;
  }

  .country-table th:first-child,
  .country-table th:last-child {
    display: table-cell;
  }
}

.country-table td:first-child,
.country-table td:last-child {
  color: #84BD00;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1rem;
  width: 36%;
}

.country-table td:first-child {
  text-align: right;
  padding-right: 1rem;
  display: none;
}

@media (min-width: 30em) {
  .country-table td:first-child {
    display: table-cell;
  }
}

.country-table td:last-child {
  text-align: left;
  text-transform: uppercase;
  padding-left: 1rem;
  display: none;
}

@media (min-width: 30em) {
  .country-table td:last-child {
    display: table-cell;
  }
}

.country-table td:not(:first-child):not(:last-child) {
  background-color: #005e9b;
  color: #ffffff;
  text-align: center;
  width: 2.25rem;
}

.country-table td:not(:first-child):not(:last-child).decimal-cell {
  width: 1rem;
  padding: 0 0 0.25em 0;
}

.country-table tr:first-child th {
  border-top: 0;
}

.country-table tr:last-child td {
  border-bottom: 0;
}

.country-table tr td:first-child,
.country-table tr th:first-child {
  border-left: 0;
}

.country-table tr td:last-child,
.country-table tr th:last-child {
  border-right: 0;
}

.country-table tr.country-table-smart-desc {
  display: table-row;
}

@media (min-width: 30em) {
  .country-table tr.country-table-smart-desc {
    display: none;
  }
}

.country-table tr.country-table-smart-desc td {
  color: #84BD00 !important;
  font-family: Telkom123-Light;
  padding: 0.5em;
  font-size: 1rem;
}

#roaming-nocoverage-msg-container {
  display: none;
  color: #84BD00;
  font-family: "Telkom123-Light", sans-serif;
  text-align: center;
  margin: 1rem auto;
}

#roaming-nocoverage-msg-container.active {
  display: block;
}

#roaming-nocoverage-msg-container p {
  margin: 0;
  padding: 1.5rem 0;
}

#roaming-country-table {
  display: none;
}

#roaming-country-table.active {
  margin: 0 auto;
  display: table;
}

/******************************/

/*  #13 - Forms */

/******************************/

/******************************/

/*  SLIDER (overwrite the vendor styling) */

.irs {
  height: 64px;
  height: 4rem;
}

.irs * {
  -webkit-transition: background 0.5s, -webkit-transform 0.5s;
  transition: background 0.5s, -webkit-transform 0.5s;
  transition: background 0.5s, transform 0.5s;
  transition: background 0.5s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform-style: ease-in-out;
  transform-style: ease-in-out;
}

.irs .irs-line {
  height: 16px;
  height: 1rem;
  background: #e8e7e7;
  border: 0;
  top: 32px;
  top: 2rem;
  border-radius: 16px;
  border-radius: 1rem;
}

.irs .irs-line span {
  height: 16px;
  height: 1rem;
  border: 0;
}

.irs .irs-bar-edge {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  top: 32px;
  top: 2rem;
  border: 0;
  background: #0083c2;
}

.irs .irs-bar {
  height: 16px;
  height: 1rem;
  top: 32px;
  top: 2rem;
  border: 0;
  background: #0083c2;
}

.irs .irs-slider {
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  top: 24px;
  top: 1.5rem;
  box-shadow: 0 0 0;
  border: 0;
  background: #0083c2;
}

.irs .irs-slider:hover {
  background: #005e9b;
  -webkit-transform-style: ease-in-out;
  transform-style: ease-in-out;
  cursor: pointer;
}

.irs .irs-grid {
  top: 48px;
  top: 3rem;
}

.irs .irs-grid .irs-grid-text.on {
  font-family: "Telkom123-Bold", sans-serif;
  color: #889391;
}

.irs .irs-from,
.irs .irs-to,
.irs .irs-single {
  background: #0083c2;
}

.range .pills {
  display: none;
  background-color: #e8e7e7;
  float: left;
  height: 36px;
  height: 2.25rem;
  border-radius: 36px;
  border-radius: 2.25rem;
  padding: 4px;
  width: auto;
  position: absolute;
  top: -56px;
  top: -3.5rem;
  display: table !important;
  table-layout: fixed;
  left: 48%;
  -webkit-transform: translateX(-52%);
  transform: translateX(-52%);
}

.range .pills:after {
  background-color: #e8e7e7;
  content: "";
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  bottom: -5px;
  left: 6px;
  right: 0;
  margin: auto;
}

@media (min-width: 48em) {
  .range .pills {
    top: -7.2px;
    top: -0.45rem;
  }

  .range .pills:after {
    display: none;
  }
}

.range .pills ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table-row;
}

.range .pills ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.range .pills ul li.on a {
  background-color: #0083c2;
  color: #ffffff;
}

.range .pills ul a {
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  border-radius: 36px;
  border-radius: 2.25rem;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 30.4px;
  line-height: 1.9rem;
  font-size: 12px;
  font-size: 0.75rem;
  color: #889391;
}

/******************************/

/*  #13 - Forms */

/******************************/

/******************************/

/*  FORM MESSAGES */

.message {
  width: 100%;
  float: left;
  padding: 24px;
  padding: 1.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: block;
  background: #0083c2;
  font-family: "Telkom123-Bold", sans-serif;
  color: #ffffff;
  position: relative;
  z-index: 11111;
}

.message a {
  color: #ffffff;
  text-decoration: none;
}

.message a[class*="-close"] {
  display: block;
  height: 12.8px;
  height: 0.8rem;
  width: 12.8px;
  width: 0.8rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  right: 1.5rem;
  margin: auto 0;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.message:before {
  display: block;
  clear: both;
  content: "";
}

.message:after {
  display: block;
  clear: both;
  content: "";
}

.message.error {
  background: #da1b60;
}

.message.success {
  background: #00a850;
}

.message-large,
.message-large-info,
.message-large-success,
.message-large-error {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 5%;
  text-align: center;
}

.message-large-info h2 {
  color: #0083c2;
}

.message-large-success h2 {
  color: #bfd730;
}

.message-large-error h2 {
  color: #da1b60;
}

/******************************/

/*  #14 - Step Bar */

/******************************/

.stepbar > li.is-complete,
.step2 .stepbar > li[data-step='1'],
.step3 .stepbar > li[data-step='1'],
.step3 .stepbar > li[data-step='2'],
.step4 .stepbar > li[data-step='1'],
.step4 .stepbar > li[data-step='2'],
.step4 .stepbar > li[data-step='3'],
.step5 .stepbar > li[data-step='1'],
.step5 .stepbar > li[data-step='2'],
.step5 .stepbar > li[data-step='3'],
.step5 .stepbar > li[data-step='4'] {
  color: #889391;
}

.stepbar > li.is-complete:before,
.step2 .stepbar > li[data-step='1']:before,
.step3 .stepbar > li[data-step='1']:before,
.step3 .stepbar > li[data-step='2']:before,
.step4 .stepbar > li[data-step='1']:before,
.step4 .stepbar > li[data-step='2']:before,
.step4 .stepbar > li[data-step='3']:before,
.step5 .stepbar > li[data-step='1']:before,
.step5 .stepbar > li[data-step='2']:before,
.step5 .stepbar > li[data-step='3']:before,
.step5 .stepbar > li[data-step='4']:before,
.step6 .stepbar > li[data-step='1']:before,
.step6 .stepbar > li[data-step='2']:before,
.step6 .stepbar > li[data-step='3']:before,
.step6 .stepbar > li[data-step='4']:before,
.step6 .stepbar > li[data-step='5']:before,
.stepbar > li.is-complete:after,
.step2 .stepbar > li[data-step='1']:after,
.step3 .stepbar > li[data-step='1']:after,
.step3 .stepbar > li[data-step='2']:after,
.step4 .stepbar > li[data-step='1']:after,
.step4 .stepbar > li[data-step='2']:after,
.step4 .stepbar > li[data-step='3']:after,
.step5 .stepbar > li[data-step='1']:after,
.step5 .stepbar > li[data-step='2']:after,
.step5 .stepbar > li[data-step='3']:after,
.step5 .stepbar > li[data-step='4']:after,
.step6 .stepbar > li[data-step='1']:after,
.step6 .stepbar > li[data-step='2']:after,
.step6 .stepbar > li[data-step='3']:after,
.step6 .stepbar > li[data-step='4']:after,
.step6 .stepbar > li[data-step='5']:after {
  color: #ffffff;
  background: #0072a9;
}

.stepbar > li.is-active,
.step1 .stepbar > li[data-step='1'],
.step2 .stepbar > li[data-step='2'],
.step3 .stepbar > li[data-step='3'],
.step4 .stepbar > li[data-step='4'],
.step5 .stepbar > li[data-step='5'] {
  color: #0072a9;
}

.stepbar > li.is-active:before,
.step1 .stepbar > li[data-step='1']:before,
.step2 .stepbar > li[data-step='2']:before,
.step3 .stepbar > li[data-step='3']:before,
.step4 .stepbar > li[data-step='4']:before,
.step5 .stepbar > li[data-step='5']:before,
.step6 .stepbar > li[data-step='6']:before,
.stepbar > li.is-active:after,
.step1 .stepbar > li[data-step='1']:after,
.step2 .stepbar > li[data-step='2']:after,
.step3 .stepbar > li[data-step='3']:after,
.step4 .stepbar > li[data-step='4']:after,
.step5 .stepbar > li[data-step='5']:after,
.step6 .stepbar > li[data-step='6']:after {
  color: #ffffff;
}

.stepbar > li.is-active:before,
.step1 .stepbar > li[data-step='1']:before,
.step2 .stepbar > li[data-step='2']:before,
.step3 .stepbar > li[data-step='3']:before,
.step4 .stepbar > li[data-step='4']:before,
.step5 .stepbar > li[data-step='5']:before,
.step6 .stepbar > li[data-step='6']:before {
  background: #0072a9;
}

.stepbar > li.is-active:after,
.step1 .stepbar > li[data-step='1']:after,
.step2 .stepbar > li[data-step='2']:after,
.step3 .stepbar > li[data-step='3']:after,
.step4 .stepbar > li[data-step='4']:after,
.step5 .stepbar > li[data-step='5']:after {
  background: #889391;
}

.stepbar {
  list-style: none;
  width: 110%;
  margin: 0 -5%;
  padding: 0;
  display: table;
  table-layout: fixed;
  color: #889391;
}

@media (min-width: 48em) {
  .stepbar {
    width: 122%;
    margin: 0 -11%;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
  }
}

.stepbar > li {
  position: relative;
  display: table-cell;
  vertical-align: top;
  text-align: center;
  font-size: 12.8px;
  font-size: 0.8rem;
  line-height: 14.4px;
  line-height: 0.9rem;
}

.stepbar > li:before {
  color: #ffffff;
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #889391;
  width: 28px;
  width: 1.75rem;
  height: 28px;
  height: 1.75rem;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  padding: 7px;
  padding: 0.4375rem;
  text-align: center;
  line-height: 0.7;
  border-radius: 100%;
  position: relative;
  z-index: 100;
  font-family: "Telkom123-Bold", sans-serif;
  overflow: hidden;
}

.stepbar > li:after {
  content: '';
  position: absolute;
  display: block;
  background: #889391;
  width: 100%;
  height: 1px;
  top: 0.8125rem;
  left: 50%;
  z-index: 0;
}

.stepbar > li:last-child:after {
  display: none;
}

.stepbar > li .break {
  display: block;
}

.stepbar > li b {
  display: none;
}

@media (min-width: 48em) {
  .stepbar > li b {
    display: block;
  }
}

/* mixin*/

.stepbar.ci-blue-dark > li.is-complete {
  color: #889391;
}

.stepbar.ci-blue-dark > li.is-complete:before,
.stepbar.ci-blue-dark > li.is-complete:after {
  color: #ffffff;
  background: #141B4D;
}

.stepbar.ci-blue-dark > li.is-active {
  color: #889391;
}

.stepbar.ci-blue-dark > li.is-active:before {
  background: #141B4D;
}

.stepbar.ci-blue-mid > li.is-complete {
  color: #889391;
}

.stepbar.ci-blue-mid > li.is-complete:before,
.stepbar.ci-blue-mid > li.is-complete:after {
  color: #ffffff;
  background: #0033A0;
}

.stepbar.ci-blue-mid > li.is-active {
  color: #889391;
}

.stepbar.ci-blue-mid > li.is-active:before {
  background: #0033A0;
}

.stepbar.ci-blue-light > li.is-complete {
  color: #889391;
}

.stepbar.ci-blue-light > li.is-complete:before,
.stepbar.ci-blue-light > li.is-complete:after {
  color: #ffffff;
  background: #5BC2E7;
}

.stepbar.ci-blue-light > li.is-active {
  color: #889391;
}

.stepbar.ci-blue-light > li.is-active:before {
  background: #5BC2E7;
}

.stepbar.ci-purple > li.is-complete {
  color: #889391;
}

.stepbar.ci-purple > li.is-complete:before,
.stepbar.ci-purple > li.is-complete:after {
  color: #ffffff;
  background: #84329B;
}

.stepbar.ci-purple > li.is-active {
  color: #889391;
}

.stepbar.ci-purple > li.is-active:before {
  background: #84329B;
}

.stepbar.ci-teal > li.is-complete {
  color: #889391;
}

.stepbar.ci-teal > li.is-complete:before,
.stepbar.ci-teal > li.is-complete:after {
  color: #ffffff;
  background: #00B2A9;
}

.stepbar.ci-teal > li.is-active {
  color: #889391;
}

.stepbar.ci-teal > li.is-active:before {
  background: #00B2A9;
}

.stepbar.ci-teal-light > li.is-complete {
  color: #889391;
}

.stepbar.ci-teal-light > li.is-complete:before,
.stepbar.ci-teal-light > li.is-complete:after {
  color: #ffffff;
  background: #ADCAB8;
}

.stepbar.ci-teal-light > li.is-active {
  color: #889391;
}

.stepbar.ci-teal-light > li.is-active:before {
  background: #ADCAB8;
}

.stepbar.ci-green > li.is-complete {
  color: #889391;
}

.stepbar.ci-green > li.is-complete:before,
.stepbar.ci-green > li.is-complete:after {
  color: #ffffff;
  background: #84BD00;
}

.stepbar.ci-green > li.is-active {
  color: #889391;
}

.stepbar.ci-green > li.is-active:before {
  background: #84BD00;
}

.stepbar.ci-green-dark > li.is-complete {
  color: #889391;
}

.stepbar.ci-green-dark > li.is-complete:before,
.stepbar.ci-green-dark > li.is-complete:after {
  color: #ffffff;
  background: #009639;
}

.stepbar.ci-green-dark > li.is-active {
  color: #889391;
}

.stepbar.ci-green-dark > li.is-active:before {
  background: #009639;
}

.stepbar.ci-green-light > li.is-complete {
  color: #889391;
}

.stepbar.ci-green-light > li.is-complete:before,
.stepbar.ci-green-light > li.is-complete:after {
  color: #ffffff;
  background: #C7E995;
}

.stepbar.ci-green-light > li.is-active {
  color: #889391;
}

.stepbar.ci-green-light > li.is-active:before {
  background: #C7E995;
}

.stepbar.ci-yellow > li.is-complete {
  color: #889391;
}

.stepbar.ci-yellow > li.is-complete:before,
.stepbar.ci-yellow > li.is-complete:after {
  color: #ffffff;
  background: #FFCD00;
}

.stepbar.ci-yellow > li.is-active {
  color: #889391;
}

.stepbar.ci-yellow > li.is-active:before {
  background: #FFCD00;
}

.stepbar.ci-yellow-dark > li.is-complete {
  color: #889391;
}

.stepbar.ci-yellow-dark > li.is-complete:before,
.stepbar.ci-yellow-dark > li.is-complete:after {
  color: #ffffff;
  background: #FFC72C;
}

.stepbar.ci-yellow-dark > li.is-active {
  color: #889391;
}

.stepbar.ci-yellow-dark > li.is-active:before {
  background: #FFC72C;
}

.stepbar.ci-gold > li.is-complete {
  color: #889391;
}

.stepbar.ci-gold > li.is-complete:before,
.stepbar.ci-gold > li.is-complete:after {
  color: #ffffff;
  background: #AC8400;
}

.stepbar.ci-gold > li.is-active {
  color: #889391;
}

.stepbar.ci-gold > li.is-active:before {
  background: #AC8400;
}

.stepbar.ci-orange > li.is-complete {
  color: #889391;
}

.stepbar.ci-orange > li.is-complete:before,
.stepbar.ci-orange > li.is-complete:after {
  color: #ffffff;
  background: #DC4405;
}

.stepbar.ci-orange > li.is-active {
  color: #889391;
}

.stepbar.ci-orange > li.is-active:before {
  background: #DC4405;
}

.stepbar.ci-orange-light > li.is-complete {
  color: #889391;
}

.stepbar.ci-orange-light > li.is-complete:before,
.stepbar.ci-orange-light > li.is-complete:after {
  color: #ffffff;
  background: #DE7C00;
}

.stepbar.ci-orange-light > li.is-active {
  color: #889391;
}

.stepbar.ci-orange-light > li.is-active:before {
  background: #DE7C00;
}

.stepbar.ci-red > li.is-complete {
  color: #889391;
}

.stepbar.ci-red > li.is-complete:before,
.stepbar.ci-red > li.is-complete:after {
  color: #ffffff;
  background: #CB333B;
}

.stepbar.ci-red > li.is-active {
  color: #889391;
}

.stepbar.ci-red > li.is-active:before {
  background: #CB333B;
}

.stepbar.ci-brown > li.is-complete {
  color: #889391;
}

.stepbar.ci-brown > li.is-complete:before,
.stepbar.ci-brown > li.is-complete:after {
  color: #ffffff;
  background: #9E652E;
}

.stepbar.ci-brown > li.is-active {
  color: #889391;
}

.stepbar.ci-brown > li.is-active:before {
  background: #9E652E;
}

.stepbar.ci-brown-dark > li.is-complete {
  color: #889391;
}

.stepbar.ci-brown-dark > li.is-complete:before,
.stepbar.ci-brown-dark > li.is-complete:after {
  color: #ffffff;
  background: #6B4C4C;
}

.stepbar.ci-brown-dark > li.is-active {
  color: #889391;
}

.stepbar.ci-brown-dark > li.is-active:before {
  background: #6B4C4C;
}

.stepbar.ci-brown-dark-heavy > li.is-complete {
  color: #889391;
}

.stepbar.ci-brown-dark-heavy > li.is-complete:before,
.stepbar.ci-brown-dark-heavy > li.is-complete:after {
  color: #ffffff;
  background: #6D4F47;
}

.stepbar.ci-brown-dark-heavy > li.is-active {
  color: #889391;
}

.stepbar.ci-brown-dark-heavy > li.is-active:before {
  background: #6D4F47;
}

.stepbar.ci-metal > li.is-complete {
  color: #889391;
}

.stepbar.ci-metal > li.is-complete:before,
.stepbar.ci-metal > li.is-complete:after {
  color: #ffffff;
  background: #425563;
}

.stepbar.ci-metal > li.is-active {
  color: #889391;
}

.stepbar.ci-metal > li.is-active:before {
  background: #425563;
}

.stepbar.ci-grey > li.is-complete {
  color: #889391;
}

.stepbar.ci-grey > li.is-complete:before,
.stepbar.ci-grey > li.is-complete:after {
  color: #ffffff;
  background: #A2AAAD;
}

.stepbar.ci-grey > li.is-active {
  color: #889391;
}

.stepbar.ci-grey > li.is-active:before {
  background: #A2AAAD;
}

.stepbar.blue-darkest > li.is-complete {
  color: #889391;
}

.stepbar.blue-darkest > li.is-complete:before,
.stepbar.blue-darkest > li.is-complete:after {
  color: #ffffff;
  background: #005e9b;
}

.stepbar.blue-darkest > li.is-active {
  color: #889391;
}

.stepbar.blue-darkest > li.is-active:before {
  background: #005e9b;
}

/**
 * Needed for IE8
 */

.progress__last:after {
  display: none !important;
}

span.image {
  display: block;
  position: absolute;
  top: -130%;
  left: 35%;
  width: 35.2px;
  width: 10rem;
  height: 35.2px;
  height: 10em;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 100%;
}

span.image.voice-fixed {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/voiceit-fixedline-blue.png?e8049d154855');
}

span.image.voice-pbx {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/voiceit-pbx-blue.png?3d7041dc9740');
}

span.image.employee-browsing {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-search-blue.png?df18a978c1b9');
}

span.image.employee-emails {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-email-blue.png?aacb068e3e73');
}

span.image.employee-voip {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-voipcalls-blue.png?411758b55db2');
}

span.image.employee-video {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-videoconf-blue.png?093a0ab11542');
}

.stepbar.with-icons {
  width: 110%;
  margin: 0 -5%;
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  padding-top: 144px;
  padding-top: 9rem;
}

@media (max-width: 48em) {
  .stepbar.with-icons {
    width: 100%;
    margin: 0 auto;
    margin-top: 32px;
    margin-top: 2rem;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    padding-top: 0;
  }
}

.stepbar.with-icons > li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}

@media (max-width: 48em) {
  .stepbar.with-icons > li {
    display: list-item;
  }
}

@media (max-width: 48em) {
  .stepbar.with-icons > li:before {
    color: #ffffff;
    content: attr(data-step);
    display: block;
    margin: 0 auto;
    background: #005e9b;
    width: 28px;
    width: 1.75rem;
    height: 28px;
    height: 1.75rem;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 4px;
    margin-bottom: 1.5rem;
    padding: 4px;
    padding: 0.4375rem;
    text-align: center;
    line-height: 0.75;
    border-radius: 100%;
    position: static;
    /* position: relative; */
    z-index: 1000;
    font-family: "Telkom123-Bold", sans-serif;
    overflow: hidden;
    /* float: left; */
    /* clear: both; */
    left: 15%;
  }
}

@media (max-width: 48em) {
  .stepbar.with-icons > li:after {
    display: none;
  }
}

.stepbar.with-icons > li strong {
  font-size: 24px;
  font-size: 1.5rem;
}

.stepbar.with-icons > li p {
  font-size: 14px;
  font-family: "Telkom123-Light", sans-serif;
  padding: 0 25%;
}

@media (max-width: 20em) {
  .stepbar.with-icons > li p {
    padding: 0 5%;
  }
}

.stepbar.with-icons .stepbar-icons {
  margin: 0 auto;
  display: block;
  height: 144px;
  height: 9rem;
  position: absolute;
  top: -144px;
  top: -9rem;
  width: 100%;
  background-position: center;
  background-size: 96px;
  background-size: 6rem;
}

@media (max-width: 48em) {
  .stepbar.with-icons .stepbar-icons {
    position: static;
  }
}

.Progress {
  width: 100%;
}

.Progress-bar {
  width: 100%;
  height: 25px;
  -webkit-transition: width .5s ease-in-out;
  transition: width .5s ease-in-out;
  border-radius: 12px;
  background: #666666;
}

.Progress-bar--blue {
  background: #0083c2;
}

.Progress-bar--green {
  background: #00a850;
}

.Progress-bar--lime {
  background: #bfd730;
}

.Progress-bar--pink {
  background: #da1b60;
}

.Progress-bar--fibre {
  background: #84329B;
}

.Progress-bar--vdsl {
  background: #009639;
}

.Progress-bar--adsl {
  background: #84BD00;
}

.Progress-bar--lte {
  background: #5BC2E7;
}

.Progress-bar--ltea {
  background: #00B2A9;
}

.Progress-bar--tm3g {
  background: #DE7C00;
}

.Progress-bar--r3g {
  background: #de85b3;
}

.Progress-value {
  display: inline-block;
  padding-bottom: .25rem;
  color: #000000;
  font-family: "Telkom123-Light", sans-serif;
}

/******************************/

/*  #15 - Tabs */

/******************************/

/******************************/

/*  CORE  */

[role="tab"].active {
  color: #005e9b;
}

[role="tabpanel"] {
  display: none;
}

[role="tabpanel"].active {
  display: block;
}

.js .collapse .content.close {
  display: none;
}

/******************************/

/*  #16 - Pagination */

/******************************/

.pagination {
  display: contents;
  text-align: center;
  margin: 0 auto;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #ffffff;
  width: -moz-fit-content;
  font-family: "Telkom123-Bold", sans-serif;
}

.pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  text-align: center;
}

.pagination li {
  float: left;
  /* color: #2695cb; */
  margin: 0.25rem !important;
}

@media only screen and (min-width: 48em) {
  .pagination li {
    margin-left: 4px;
    margin-left: 0.25rem;
    margin-right: 4px;
    margin-right: 0.25rem;
  }
}

@media only screen and (min-width: 62em) {
  .pagination li {
    margin-left: 4px;
    margin-left: 0.25rem;
    margin-right: 4px;
    margin-right: 0.25rem;
  }
}

.pagination a {
  padding-left: 12.8px;
  padding-left: 0.8rem;
  padding-right: 12.8px;
  padding-right: 0.8rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-size: 13px !important;
  margin: 0 1px;
  display: block;
  text-decoration: none;
  color: #2695cb;
  background-position: 50%;
}

.pagination a:hover {
  color: #889391;
}

.pagination a.page-left,
.pagination a.page-right {
  height: 34px;
  height: 2.125rem;
  background-size: 4.8px;
  background-size: 0.3rem;
}

.pagination li.on a {
  background-color: #0083c2;
  color: #ffffff;
}

.pagination span {
  padding-left: 12.8px;
  padding-left: 0.8rem;
  padding-right: 12.8px;
  padding-right: 0.8rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-size: 15px !important;
  margin: 0 1px;
  display: block;
  text-decoration: none;
  background-position: 50%;
  color: #889391;
}

/******************************/

/*  #19 - Blocks */

/******************************/

/******************************/

/*  BLOCKS (frequently used on Homepage and listings) */

.foundry-listing-unique-selling-point {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 32px;
  padding-bottom: 2rem;
}

.foundry-listing-fullscreen .owl-item section {
  height: 75vh !important;
}

@media (min-width: 48em) {
  .foundry-listing-unique-selling-point {
    padding-top: 32px;
    padding-top: 2rem;
    padding-bottom: 32px;
    padding-bottom: 2rem;
  }
}

.foundry-listing-unique-selling-point .item {
  display: table-row;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.foundry-listing-unique-selling-point .item > a {
  text-decoration: none;
  display: block;
}

.fancybox-content .brochure-block {
  padding: 0;
}

.fancybox-content .brochure-block .Form {
  padding-top: 0;
}

.fancybox-content .brochure-block .Form .CheckboxGroup {
  margin-top: 23px;
}

@media (min-width: 48em) {
  .foundry-listing-unique-selling-point .item {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .foundry-listing-unique-selling-point .item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .foundry-listing-unique-selling-point .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .foundry-listing-unique-selling-point .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .foundry-listing-unique-selling-point .item:nth-child(3n) {
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .foundry-listing-unique-selling-point .item {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .foundry-listing-unique-selling-point .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .foundry-listing-unique-selling-point .item:nth-child(3n) {
    margin-right: 2.85714%;
  }

  .foundry-listing-unique-selling-point .item:last-child {
    margin-right: 0;
  }
}

.foundry-listing-unique-selling-point .item .image {
  width: 30%;
  display: table-cell;
  position: relative;
  top: 0;
  left: 0;
}

@media (min-width: 48em) {
  .foundry-listing-unique-selling-point .item .image {
    width: 100%;
    float: none;
    display: block;
    margin: 0;
    height: 128px;
    height: 8rem;
    overflow: hidden;
  }
}

.foundry-listing-unique-selling-point .item .image img {
  display: block;
  max-width: 85%;
  max-height: 128px;
  max-height: 8rem;
  position: relative;
}

@media (min-width: 48em) {
  .foundry-listing-unique-selling-point .item .image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
}

.foundry-listing-unique-selling-point .item .text {
  width: 75%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

@media (min-width: 48em) {
  .foundry-listing-unique-selling-point .item .text {
    width: 100%;
    display: block;
    text-align: center;
  }
}

@media (min-width: 62em) {
  .foundry-listing-unique-selling-point .item .text {
    text-align: left;
  }
}

.foundry-listing-unique-selling-point .item h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 25.8px;
  line-height: 1.6125rem;
  color: #000000;
  letter-spacing: -1px;
  margin: 0;
  padding-top: 0;
}

@media (min-width: 48em) {
  .foundry-listing-unique-selling-point .item h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 25.8px;
    line-height: 1.6125rem;
    margin-left: 0;
    margin-top: 16px;
    margin-top: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    padding-top: 16px;
    padding-top: 1rem;
  }
}

@media (min-width: 62em) {
  .foundry-listing-unique-selling-point .item h2 {
    padding-left: 32px;
    padding-left: 2rem;
  }
}

.foundry-listing-unique-selling-point .item h2 b {
  display: block;
}

.foundry-listing-unique-selling-point .item h2 br {
  display: none;
}

@media (min-width: 48em) {
  .foundry-listing-unique-selling-point .item h2 br {
    display: block;
  }
}

.foundry-listing-unique-selling-point .item h3 {
  display: none;
}

.foundry-listing-unique-selling-point .item .btn-secondary {
  display: block;
  margin-bottom: 0;
  border: 1px solid #e8e7e7;
}

.foundry-listing-unique-selling-point:after {
  content: "";
  display: block;
  clear: both;
}

.item-shop {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

.item-shop img {
  max-width: 50%;
  min-width: 30%;
  display: block;
  margin: 0 auto;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.item-shop p {
  margin: 0;
}

@media (min-width: 48em) {
  .item-shop {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }
}

@media (min-width: 62em) {
  .item-shop {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }
}

/*
        To BEM or not to BEM?
    */

.sales-highlights .foundry-container {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 48em) {
  .sales-highlights .foundry-container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.sales-highlights .foundry-listing-horizontal {
  padding: 0;
  border-bottom: 1px solid #efefef;
}

@media (min-width: 48em) {
  .sales-highlights .foundry-listing-horizontal {
    padding: 2% 0;
  }
}

.sales-highlights .foundry-listing-horizontal:last-child {
  border-bottom: 0;
}

.sales-highlights .foundry-listing-horizontal .title {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  padding-left: 5%;
  padding-right: 5%;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.75rem;
  line-height: 1.8rem;
  color: #0083c2;
  letter-spacing: -1px;
  background: #ffffff;
  position: relative;
}

.sales-highlights .foundry-listing-horizontal .title::after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: -0.5rem;
  left: 10%;
  background: #efefef;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sales-highlights .foundry-listing-horizontal .title b,
.sales-highlights .foundry-listing-horizontal .title strong {
  font-family: "Telkom123-Regular", sans-serif;
}

@media (min-width: 48em) {
  .sales-highlights .foundry-listing-horizontal .title {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
    margin-bottom: 0;
    padding: 0;
    background: transparent;
  }

  .sales-highlights .foundry-listing-horizontal .title::after {
    display: none;
  }
}

.sales-highlights .foundry-listing-horizontal .items {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background: #efefef;
  padding: 2.5% 5%;
}

@media (min-width: 48em) {
  .sales-highlights .foundry-listing-horizontal .items {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%;
    margin-right: 0;
    background: transparent;
    padding: 0;
  }
}

.sales-highlights .foundry-listing-horizontal .item {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
  padding: 2% 0;
}

.sales-highlights .foundry-listing-horizontal .item:nth-child(2n) {
  float: right;
  margin-right: 0;
}

.sales-highlights .foundry-listing-horizontal .item a {
  display: block;
  text-decoration: none;
  text-align: center;
}

@media (min-width: 48em) {
  .sales-highlights .foundry-listing-horizontal .item a {
    text-align: left;
  }
}

.sales-highlights .foundry-listing-horizontal .item a .image {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: 5rem;
}

.sales-highlights .foundry-listing-horizontal .item a .image img {
  max-height: 5rem;
}

.sales-highlights .foundry-listing-horizontal .item a .text h2 {
  margin-bottom: 0;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.2rem;
  line-height: 1.3rem;
  letter-spacing: -1px;
  text-align: center;
}

@media (min-width: 48em) {
  .sales-highlights .foundry-listing-horizontal .item a .text h2 {
    text-align: left;
  }
}

.sales-highlights .foundry-listing-horizontal .item a .text h3 {
  display: none;
}

@media (min-width: 48em) {
  .sales-highlights .foundry-listing-horizontal .item {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
    padding: 0;
  }

  .sales-highlights .foundry-listing-horizontal .item:nth-child(2n) {
    float: left;
    margin-right: 2.85714%;
  }

  .sales-highlights .foundry-listing-horizontal .item:last-child {
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .sales-highlights .foundry-listing-horizontal .item {
    width: 17.71429%;
    float: left;
    margin-right: 2.85714%;
  }
}

.sales-highlights .accent-blue {
  padding: 5%;
  display: block;
  background: #005e9b;
}

@media (min-width: 48em) {
  .sales-highlights .accent-blue {
    padding: 0;
  }
}

.sales-highlights .accent-blue .title {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 1rem;
  color: #ffffff;
  background: #005e9b;
}

.sales-highlights .accent-blue .title::after {
  display: none;
}

.sales-highlights .accent-blue .items {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background: #005e9b;
}

.sales-highlights .accent-blue .item {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

.sales-highlights .accent-blue .item:nth-child(2n) {
  margin-right: 0;
}

@media (min-width: 48em) {
  .sales-highlights .accent-blue .item {
    width: 22.41379%;
    float: left;
    margin-right: 3.44828%;
  }

  .sales-highlights .accent-blue .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .sales-highlights .accent-blue .item:last-child {
    margin-right: 0;
  }
}

.sales-highlights .accent-blue .item a .image {
  height: 7rem;
}

.sales-highlights .accent-blue .item a .image img {
  max-height: 7rem;
}

.sales-highlights .accent-blue .item a h2 {
  color: #ffffff;
}

@media (min-width: 48em) {
  .sales-highlights .accent-blue .item a .image {
    height: 10rem;
  }

  .sales-highlights .accent-blue .item a .image img {
    max-height: 10rem;
  }
}

.sales-highlights .accent-none .title {
  padding-top: 2rem;
}

@media (min-width: 48em) {
  .sales-highlights .accent-none .title {
    padding-top: 1rem;
  }
}

.sales-highlights .accent-grey {
  display: block;
  background: #efefef;
}

.sales-highlights .accent-grey .title {
  background: #ffffff;
  padding-top: 2rem;
}

@media (min-width: 48em) {
  .sales-highlights .accent-grey .title {
    background: #efefef;
    padding-top: 1rem;
  }
}

.sales-highlights .accent-extra {
  padding: 5%;
}

@media (min-width: 48em) {
  .sales-highlights .accent-extra {
    padding: 0;
  }
}

.sales-highlights .accent-extra .title {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 1rem;
  background: transparent;
}

.sales-highlights .accent-extra .title::after {
  display: none;
}

.sales-highlights .accent-extra .items {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.sales-highlights .accent-extra .item {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

.sales-highlights .accent-extra .item:nth-child(2n) {
  margin-right: 0;
}

@media (min-width: 48em) {
  .sales-highlights .accent-extra .item {
    width: 22.41379%;
    float: left;
    margin-right: 3.44828%;
  }

  .sales-highlights .accent-extra .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .sales-highlights .accent-extra .item:last-child {
    margin-right: 0;
  }
}

.sales-highlights .accent-extra .item a .image {
  height: 7rem;
}

.sales-highlights .accent-extra .item a .image img {
  max-height: 7rem;
}

@media (min-width: 48em) {
  .sales-highlights .accent-extra .item a .image {
    height: 10rem;
  }

  .sales-highlights .accent-extra .item a .image img {
    max-height: 10rem;
  }
}

/***************************************/

/*  #20 - HEADING INTERACTIVE          */

/***************************************/

.heading-instruction {
  padding: 0;
  color: #0083c2;
}

@media (min-width: 48em) {
  .heading-instruction {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.heading-interactive {
  display: table;
}

.heading-interactive-title,
.heading-interactive-action {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: 0;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.heading-interactive-title,
.heading-interactive-action {
  *zoom: 1;
}

.heading-interactive-title:before,
.heading-interactive-title:after,
.heading-interactive-action:before,
.heading-interactive-action:after {
  content: "";
  display: table;
}

.heading-interactive-title:after,
.heading-interactive-action:after {
  clear: both;
}

@media (min-width: 48em) {
  .heading-interactive-title,
  .heading-interactive-action {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (min-width: 62em) {
  .heading-interactive-title,
  .heading-interactive-action {
    display: table-cell;
    vertical-align: middle;
  }
}

.heading-interactive-title {
  letter-spacing: -1px;
  padding-right: 24px;
  padding-right: 1.5rem;
}

@media (max-width: 48em) {
  .heading-interactive-title {
    padding-bottom: 25.6px;
    padding-bottom: 1.6rem;
  }
}

.heading-interactive-action {
  text-align: right;
}

.heading-interactive .switch-label {
  right: 48px;
  right: 3rem;
}

.heading-interactive .switch {
  margin: 0;
  margin-top: 3.2px;
  margin-top: 0.2rem;
  height: 22.4px;
  height: 1.4rem;
}

.heading-interactive .switch.margin-left {
  margin-left: 48px;
  margin-left: 3rem;
}

.heading-interactive .switch input.toggle + label {
  width: 41.6px;
  width: 2.6rem;
  height: 22.4px;
  height: 1.4rem;
  padding: 2.4px;
  padding: 0.15rem;
  border-radius: 22.4px;
  border-radius: 1.4rem;
}

.heading-interactive .switch input.toggle + label:before {
  border-radius: 22.4px;
  border-radius: 1.4rem;
}

.heading-interactive .switch input.toggle + label:after {
  width: 12.8px;
  width: 0.8rem;
  top: 4.8px;
  top: 0.3rem;
  right: 4.8px;
  right: 0.3rem;
  bottom: 4.8px;
  bottom: 0.3rem;
  border-radius: 12.8px;
  border-radius: 0.8rem;
}

.heading-interactive .switch input.toggle:checked + label:after {
  margin-right: 19.2px;
  margin-right: 1.2rem;
}

.heading-drawer {
  display: table;
  width: 100%;
}

.heading-drawer-group {
  display: table-cell;
  vertical-align: middle;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.heading-drawer-action {
  padding-top: 16px;
  padding-top: 1rem;
  vertical-align: top;
  text-align: right;
}

.heading-drawer-title {
  margin: 0;
  color: #889391;
}

.heading-drawer-subtitle {
  margin-top: 4px;
  margin-top: 0.25rem;
}

.heading-interactive-filter {
  display: block;
  /* .compare {
            float: left;
            position: relative;
            z-index: 1;
            margin-top: 1px;
            margin-bottom: 1px;
        } */
}

.heading-interactive-filter .heading-interactive-title {
  padding-bottom: 0;
  white-space: nowrap;
}

@media (min-width: 48em) {
  .heading-interactive-filter .heading-interactive-title {
    padding-bottom: 25.6px;
    padding-bottom: 1.6rem;
  }
}

.heading-interactive-filter .heading-interactive-action {
  width: 100%;
  text-align: left;
}

.heading-interactive-filter .pills {
  float: left;
  margin-right: 24px;
  margin-right: 1.5rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .heading-interactive-filter .pills {
    margin-bottom: 0;
  }
}

@media (min-width: 62em) {
  .heading-interactive-filter .pills {
    margin-bottom: 0;
  }
}

.heading-interactive-filter .pills ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  border-radius: 24px;
  border-radius: 1.5rem;
  border: 1px solid #e8e7e7;
}

.heading-interactive-filter .pills ul li {
  display: inline-block;
  line-height: 1;
  padding: 4px;
  padding: 0.25rem;
}

.heading-interactive-filter .pills ul li.on a {
  background-color: #0083c2;
  color: #ffffff;
}

.heading-interactive-filter .pills ul li.on a:hover {
  background-color: #005e9b;
}

.heading-interactive-filter .pills ul a {
  padding-top: 10.4px;
  padding-top: 0.65rem;
  padding-bottom: 12.8px;
  padding-bottom: 0.8rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  border-radius: 24px;
  border-radius: 1.5rem;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  line-height: inherit;
  font-size: 12px;
  font-size: 0.75rem;
  color: #889391;
}

.heading-interactive-filter .pills ul a:hover {
  color: #0083c2;
}

.heading-interactive-filter .filter {
  float: left;
  line-height: 40px;
  line-height: 2.5rem;
  margin-right: 24px;
  margin-right: 1.5rem;
  position: relative;
}

.heading-interactive-filter .compare {
  float: right;
  line-height: 40px;
  line-height: 2.5rem;
  margin-right: 0;
  position: relative;
}

.heading-interactive-filter .filter-btn {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #889391;
  z-index: 10;
  position: relative;
}

.heading-interactive-filter .filter-btn.on {
  width: 180px;
  width: 11.25rem;
  position: absolute;
  margin-top: 1px;
  display: block;
  background-color: #ffffff;
}

@media (min-width: 48em) {
  .heading-interactive-filter .filter-btn.on {
    width: 64px;
    width: 4rem;
    position: relative;
    background: transparent;
    margin-top: 0;
    display: inline-block;
  }
}

.heading-interactive-filter .filter-btn,
.heading-interactive-filter .compare-btn,
.heading-interactive-filter .compare a,
.heading-interactive-filter .compare-cancel a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: normal !important;
  font-family: "Telkom123-Regular", sans-serif !important;
}

.heading-interactive-filter .filter-btn:hover,
.heading-interactive-filter .compare-btn:hover,
.heading-interactive-filter .compare a:hover,
.heading-interactive-filter .compare-cancel a:hover {
  color: #0083c2;
}

.heading-interactive-filter .filter-options {
  min-width: 208px;
  min-width: 13rem;
  height: 208px;
  height: 13rem;
  overflow-y: scroll;
  padding: 16px;
  padding: 1rem;
  border: 1px solid #e8e7e7;
  background: #ffffff;
  position: absolute;
  z-index: 9;
  top: 0;
  left: -16px;
  left: -1rem;
  display: none;
}

@media (min-width: 48em) {
  .heading-interactive-filter .filter-options {
    height: auto;
    overflow: auto;
    min-width: 432px;
    min-width: 27rem;
  }
}

.heading-interactive-filter .filter-options ul {
  margin: 0;
  padding: 0;
  padding-top: 32px;
  padding-top: 2rem;
  list-style: none;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .heading-interactive-filter .filter-options ul {
    width: 44.28571%;
    float: left;
    margin-right: 2.85714%;
  }
}

.heading-interactive-filter .filter-options ul span {
  float: right;
  border: 1px solid #e8e7e7;
  text-align: center;
  min-width: 32px;
  min-width: 2rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-top: 10.4px;
  margin-top: 0.65rem;
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  border-radius: 20px;
  border-radius: 1.25rem;
}

@media (min-width: 48em) {
  .heading-interactive-filter .filter-options ul:last-child {
    float: right;
    margin-right: 0;
  }
}

.heading-interactive-filter .filter-options ul:last-child {
  float: right;
  margin-right: 0;
}

.heading-interactive-filter .filter-options li {
  position: relative;
}

.heading-interactive-filter .filter-options input {
  display: none;
}

.heading-interactive-filter .filter-options label {
  margin-left: 24px;
  margin-left: 1.5rem;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.heading-interactive-filter .filter-options label *,
.heading-interactive-filter .filter-options label:before,
.heading-interactive-filter .filter-options label:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.heading-interactive-filter .filter-options label:hover {
  color: #0083c2;
}

.heading-interactive-filter .filter-options label:hover *,
.heading-interactive-filter .filter-options label:hover:before,
.heading-interactive-filter .filter-options label:hover:after {
  color: #0083c2;
  border-color: #0083c2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.heading-interactive-filter .filter-options input + label {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}

.heading-interactive-filter .filter-options input + label:before,
.heading-interactive-filter .filter-options input + label:after {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  border-radius: 18px;
  border-radius: 1.125rem;
  display: block;
  position: absolute;
  left: 0;
  content: "";
}

.heading-interactive-filter .filter-options input + label:before {
  top: 12px;
  top: 0.75rem;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
  border: 1px solid #e8e7e7;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

.heading-interactive-filter .filter-options input + label:after {
  width: 18px;
  width: 1.125rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}

.heading-interactive-filter .filter-options input:checked + label {
  background-color: #ffffff;
}

.heading-interactive-filter .filter-options input:checked + label span {
  background: #0083c2;
  color: #ffffff;
  border: 1px solid #005e9b;
}

.heading-interactive-filter .filter-options input:checked + label:before {
  border: 1px solid #005e9b;
  background-color: #0083c2;
}

.heading-interactive-filter .filter-options .on-promotion label {
  color: #889391;
}

.heading-interactive-filter .filter-options .on-promotion input + label:before {
  border: 1px solid #da1b60;
}

.heading-interactive-filter .filter-options .on-promotion input:checked + label:before {
  border: 1px solid #da1b60;
  background-color: #da1b60;
}

.heading-interactive-filter .filter-options .on-promotion input + label span {
  border: 1px solid #da1b60;
}

.heading-interactive-filter .filter-options .on-promotion input:checked + label span {
  background: #da1b60;
  border: 1px solid #da1b60;
}

.heading-interactive-filter .compare-btn,
.heading-interactive-filter .compare-cancel a {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 40px;
  line-height: 2.5rem;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #889391;
  position: relative;
  z-index: 3;
}

.heading-interactive-filter .compare-flip {
  display: none;
}

.heading-interactive-filter .compare-flip div {
  float: right;
}

.heading-interactive-filter .compare-flip .compare-proceed a {
  margin: 0;
  margin-top: 3px;
  margin-left: 24px;
  margin-left: 1.5rem;
  display: none;
}

.heading-interactive-filter .compare-flip .compare-proceed [class*="btn"]:hover {
  color: #ffffff;
}

.heading-interactive-filter .all-or-none {
  clear: both;
  margin-bottom: -8px;
  margin-bottom: -0.5rem;
  text-align: right;
}

.heading-interactive-filter .all-or-none a {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 40px;
  line-height: 2.5rem;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: normal;
  color: #889391;
}

.heading-interactive-filter .all-or-none a:hover {
  color: #0083c2;
}

/******************************/

/*  #23.3 - Section Unit */

/******************************/

.section-unit {
  margin-bottom: 4.74074px;
  margin-bottom: 0.2963rem;
}

.section-unit .section-subtitle-border {
  margin-bottom: 3.79259px;
  margin-bottom: 0.23704rem;
}

/******************************/

/*  #23.4 - Section Sub Unit */

/******************************/

.section-subunit .blue {
  color: #0083c2;
}

.section-subunit .green {
  color: #00a850;
}

.section-subunit .lime {
  color: #bfd730;
}

.section-subunit .orange {
  color: #f04e23;
}

.section-subunit .pink {
  color: #da1b60;
}

/******************************/

/*  #29.2 - Breakdown Unit */

/******************************/

.breakdown-unit {
  padding-bottom: 6.4px;
  padding-bottom: 0.4rem;
}

/******************************/

/*  #30 - Button Unit */

/******************************/

.button-unit {
  padding-top: 16px;
  padding-top: 1rem;
  margin-bottom: 10px;

}

.button-unit .button {
  float: left;
}

.button-unit .button .btn {
  display: block;
  margin-right: 5.28px;
  margin-right: 0.33rem;
  margin-left: 5.28px;
  margin-left: 0.33rem;
}

.button-unit.two .button {
  width: 50%;
}

.button-unit.two .button .btn {
  margin-right: 8px;
  margin-right: 0.5rem;
  margin-left: 8px;
  margin-left: 0.5rem;
}

.button-unit.two .button:first-child .btn {
  margin-left: 0;
  margin-right: 8px;
  margin-right: 0.5rem;
}

.button-unit.two .button:last-child .btn {
  margin-right: 0;
  margin-left: 8px;
  margin-left: 0.5rem;
}

.button-unit.three .button {
  width: 33.3333%;
}

.button-unit.three .button .btn {
  margin-right: 5.28px;
  margin-right: 0.33rem;
  margin-left: 5.28px;
  margin-left: 0.33rem;
}

.button-unit.three .button:first-child .btn {
  margin-left: 0;
  margin-right: 10.56px;
  margin-right: 0.66rem;
}

.button-unit.three .button:last-child .btn {
  margin-right: 0;
  margin-left: 10.56px;
  margin-left: 0.66rem;
}

.button-unit.vertical .button {
  width: 100%;
  float: none;
}

.button-unit.vertical .button .btn {
  margin: 0;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.button-unit.vertical .button:last-child .btn {
  margin-bottom: 0;
}

[class*="pill-group"] {
  background-color: #efefef;
  padding: 5px;
}

[class*="pill-group"][class*="equal"] {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

[class*="pill-group"][class*="centered"] {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

[class*="pill-group"][class*="centered"] {
  *zoom: 1;
}

[class*="pill-group"][class*="centered"]:before,
[class*="pill-group"][class*="centered"]:after {
  content: "";
  display: table;
}

[class*="pill-group"][class*="centered"]:after {
  clear: both;
}

[class*="grey"] [class*="pill-group"] {
  background-color: #ffffff;
}

[class*="pill-group"][class*="transparent"] {
  background-color: transparent;
}

[class*="pill-group"][class*="transparent"][class*="grey-bordered"] {
  border: 1px solid #cccccc;
}

[class*="pill-group"][class*="transparent"][class*="white-bordered"] {
  border: 1px solid #ffffff;
}

@media (max-width: 48em) {
  [class*="pill-group"] {
    border-radius: 24px;
    border-radius: 1.5rem;
  }

  [class*="pill-group"] [class*="pill-"] {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}

@media (min-width: 48em) {
  [class*="pill-group"] {
    border-radius: 80px;
    border-radius: 5rem;
    display: table;
    table-layout: fixed;
  }

  [class*="pill-group"] .pill-row {
    display: table-row;
  }

  [class*="pill-group"] [class*='pill-'] {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
}

/***************************************/

/*  #33 - Choices                      */

/***************************************/

.choices {
  padding-top: 16px;
  padding-top: 1rem;
}

@media (min-width: 48em) {
  .choices {
    padding-top: 0;
  }
}

.choices .options {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.choices .options {
  *zoom: 1;
}

.choices .options:before,
.choices .options:after {
  content: "";
  display: table;
}

.choices .options:after {
  clear: both;
}

.choices .option {
  position: relative;
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
  text-align: center;
}

@media (max-width: 48em) {
  .choices .option:nth-child(2n+2) {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 48em) {
  .choices .option {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }
}

@media (min-width: 48em) and (max-width: 75em) {
  .choices .option:nth-child(3n+3) {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .choices .option {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%;
  }

  .choices .option:nth-child(6n+6) {
    float: right;
    margin-right: 0;
  }
}

.choices .option .pick,
.choices .option input + label {
  position: relative;
}

.choices .option input {
  margin-top: -16px;
  margin-top: -1rem;
  padding: 24px;
  padding: 1.5rem;
  display: none;
}

.choices .option input + label {
  display: block;
  cursor: pointer;
}

.choices .option input + label * {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.choices .option input + label img {
  opacity: 0.25;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
}

.choices .option input + label .indicator,
.choices .option input + label .icon {
  pointer-events: none;
}

@media (min-width: 62em) {
  .choices .option input + label:hover img {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.choices .option input:checked + label img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.indicator {
  position: absolute;
  width: 38px;
  width: 2.375rem;
  height: 38px;
  height: 2.375rem;
  bottom: -4px;
  bottom: -0.25rem;
  right: 25%;
  cursor: pointer;
}

.indicator > div {
  width: 38px;
  width: 2.375rem;
  height: 38px;
  height: 2.375rem;
  background-size: 100%;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.pick input + label * {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.pick input + label .indicator .icon-product-add,
.pick input + label .indicator .icon-product-added {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pick input + label .indicator .icon-product-add {
  z-index: 1;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.pick input + label .indicator .icon-product-added {
  z-index: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.pick input:checked + label .indicator .icon-product-add {
  z-index: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.pick input:checked + label .indicator .icon-product-added {
  z-index: 1;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.pick + .custom-number {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -44px;
  bottom: -2.75rem;
}

.choices-carousel .option {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

/******************************/

/*  #37 - Search Filter       */

/******************************/

.search-filter {
  margin-top: 0;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@media only screen and (min-width: 48em) {
  .search-filter {
    margin-top: 48px;
    margin-top: 3rem;
  }
}

@media only screen and (min-width: 62em) {
  .search-filter {
    margin-top: 48px;
    margin-top: 3rem;
  }
}

.search-filter a {
  display: inline-block;
  margin-right: 16px;
  margin-right: 1rem;
  text-decoration: none;
  color: #889391;
}

@media only screen and (min-width: 48em) {
  .search-filter a {
    margin-right: 24px;
    margin-right: 1.5rem;
  }
}

@media only screen and (min-width: 62em) {
  .search-filter a {
    margin-right: 24px;
    margin-right: 1.5rem;
  }
}

.search-filter a i {
  font-style: normal;
}

.search-filter a span {
  min-width: 40px;
  min-width: 2.5rem;
  min-height: 16px;
  min-height: 1rem;
  border-radius: 32px;
  border-radius: 2rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 3px;
  margin-top: 0.1875rem;
  margin-left: 4px;
  margin-left: 0.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  border: 1px solid #e8e7e7;
  display: inline-block;
  text-align: center;
}

@media only screen and (min-width: 48em) {
  .search-filter a span {
    margin-left: 8px;
    margin-left: 0.5rem;
  }
}

@media only screen and (min-width: 62em) {
  .search-filter a span {
    margin-left: 8px;
    margin-left: 0.5rem;
  }
}

.search-filter a.on {
  color: #0083c2;
}

.search-filter a.on span {
  background: #0083c2;
  color: #ffffff;
  border: 1px solid #005e9b;
}

.search-filter a:last-child {
  margin-right: 0;
}

/******************************/

/*  #37 - Search Result       */

/******************************/

.search-result {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 112%;
  border-top: 1px solid #e8e7e7;
  padding-top: 36px;
  padding-top: 2.25rem;
  padding-bottom: 36px;
  padding-bottom: 2.25rem;
  margin-left: -6%;
  margin-right: -6%;
  padding-left: 6%;
  padding-right: 6%;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
  position: relative;
  z-index: 1;
}

.search-result {
  *zoom: 1;
}

.search-result:before,
.search-result:after {
  content: "";
  display: table;
}

.search-result:after {
  clear: both;
}

.search-result:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  z-index: 2;
}

.search-result h2 a {
  color: #000000;
  text-decoration: none;
}

.search-result h2 a:hover {
  color: #0083c2;
}

.search-result .image {
  width: 31.42857%;
  float: left;
  margin-right: 2.85714%;
}

.search-result .image img {
  max-width: 80%;
  margin: 0 auto;
  display: block;
}

@media (min-width: 48em) {
  .search-result .image {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%;
  }
}

.search-result .description {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  float: right;
  margin-right: 0;
}

@media (min-width: 48em) {
  .search-result .description {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: right;
    margin-right: 0;
  }
}

.search-result .description a {
  text-decoration: none;
}

.search-result h2,
.search-result p {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.search-result h2 {
  margin-top: 0;
}

@media (min-width: 48em) {
  .search-result h2 {
    margin-top: 16px;
    margin-top: 1rem;
  }
}

.search-result p {
  color: #889391;
  text-decoration: none;
}

.Compare-overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #efefef;
  z-index: 50;
}

.Compare-title {
  width: 70%;
}

.Compare-navButton {
  top: 9rem;
}

.CompareTable {
  margin-top: 48px;
  margin-top: 3rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
  width: 100%;
  text-align: left;
  table-layout: fixed;
}

.CompareTable-item {
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  padding-left: 24px;
  padding-left: 1.5rem;
  vertical-align: top;
}

.CompareTable-itemTitle {
  margin: 0;
  color: #0083c2;
  font-family: "Telkom123-Bold", sans-serif;
  white-space: normal;
}

@media (max-width: 48em) {
  .CompareTable-itemTitle {
    font-size: 170%;
    line-height: 1.1;
  }
}

@media (max-width: 48em) {
  .CompareTable-featureTitle {
    font-size: 150%;
    line-height: 1.1;
  }
}

.CompareTable-featureList {
  line-height: 20px;
  line-height: 1.25rem;
  white-space: normal;
  margin: 0;
  padding-left: 20px;
}

.CompareTable-img {
  display: block;
  margin: 0 auto;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.slider-select {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.slider-select .SumoSelect {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .slider-select .SumoSelect {
    display: none;
  }
}

.slider-select .ss-slider {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  display: table;
  table-layout: fixed;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 48em) {
  .slider-select .ss-slider {
    display: none;
  }
}

.slider-select .ss-slider > li {
  display: table-cell;
  position: relative;
  vertical-align: top;
  text-align: center;
}

.slider-select .ss-slider > li:after {
  content: '';
  position: absolute;
  display: block;
  background: #dddddd;
  width: 100%;
  height: 5.6px;
  height: 0.35rem;
  margin-left: 2.66667px;
  margin-left: 0.16667rem;
  top: 17.6px;
  top: 1.1rem;
  left: 50%;
  z-index: 0;
}

.slider-select .ss-slider > li:last-child:after {
  display: none;
}

.slider-select .ss-slider > li > a {
  display: block;
  padding: 0 1rem;
  color: #dddddd;
  font-family: "Telkom123-Bold", sans-serif;
  line-height: 1;
  text-decoration: none;
  background: none;
  border: none;
  width: 100%;
}

.slider-select .ss-slider > li > a:before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  content: '';
  display: block;
  margin: 0 auto;
  border: 5px solid #dddddd;
  background-color: #dddddd;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  padding: 7px;
  padding: 0.4375rem;
  text-align: center;
  line-height: 1;
  border-radius: 100%;
  position: relative;
  z-index: 1000;
  font-family: "Telkom123-Bold", sans-serif;
}

.slider-select .ss-slider > li > a:hover:before {
  background-color: #0083c2;
}

.slider-select .ss-slider > .active > a {
  color: #666666;
}

.slider-select .ss-slider > .active > a:before {
  background-color: #0083c2;
}

.slider-select .ss-slider > .active .pill-holder {
  display: table;
}

.slider-select .ss-slider > .active .pill-holder + a {
  pointer-events: none;
}

.slider-select .pill-holder {
  display: none;
  table-layout: fixed;
  width: 100%;
  max-width: 192px;
  max-width: 12rem;
  height: 40px;
  height: 2.5rem;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 2000;
  border: 5px solid #e8e7e7;
  background-color: #e8e7e7;
  border-radius: 25px;
}

.slider-select .pill-holder a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 100%;
  border-radius: 25px;
  text-decoration: none;
  color: #0083c2;
}

.slider-select .pill-holder .active {
  background-color: #0083c2;
  color: #ffffff;
}

[class*="promo-tile"]:not(.promo-tile-grid) {
  padding: 2.85714%;
  background: #ffffff;
  border: #e8e7e7;
  position: relative;
}

[class*="promo-tile"]:not(.promo-tile-grid) .price-ranges {
  margin-bottom: 2.85714%;
  width: 100%;
}

[class*="promo-tile"]:not(.promo-tile-grid) .counter {
  text-align: center;
  border-radius: 400px;
  border-radius: 25rem;
  padding: 8px;
  padding: 0.5rem;
  width: 88px;
  width: 5.5rem;
  height: 88px;
  height: 5.5rem;
  position: absolute;
  right: -16px;
  right: -1rem;
  top: -16px;
  top: -1rem;
  z-index: 2;
  box-shadow: -3px 3px 0px #efefef;
  color: #ffffff;
}

[class*="promo-tile"]:not(.promo-tile-grid) .promo-location {
  margin-top: 0;
  margin-bottom: 2.85714%;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
}

[class*="promo-tile"]:not(.promo-tile-grid) .promo-location small {
  margin-top: 8px;
  margin-top: 0.5rem;
}

[class*="promo-tile"]:not(.promo-tile-grid) .promo-location,
[class*="promo-tile"]:not(.promo-tile-grid) .price {
  font-family: "Telkom123-Bold", sans-serif;
}

[class*="promo-tile"]:not(.promo-tile-grid) .price {
  font-size: 32px;
  font-size: 2rem;
  line-height: 34.4px;
  line-height: 2.15rem;
  margin: 0;
}

[class*="promo-tile"]:not(.promo-tile-grid) .price small {
  font-size: 50%;
}

[class*="promo-tile"]:not(.promo-tile-grid) .price-ranges {
  margin-bottom: 2.85714%;
  margin-left: -16px;
  margin-left: -1rem;
  display: table;
  table-row: fixed;
}

[class*="promo-tile"]:not(.promo-tile-grid) .price-ranges .item {
  display: table-cell;
  padding: 0;
  padding-left: 16px;
  padding-left: 1rem;
  border-left: 1px solid #e8e7e7;
  border-right: 1px solid #e8e7e7;
}

[class*="promo-tile"]:not(.promo-tile-grid) .price-ranges .item:first-child {
  border-left: 0;
}

[class*="promo-tile"]:not(.promo-tile-grid) .price-ranges .item:last-child {
  border-right: 0;
}

[class*="promo-tile"]:not(.promo-tile-grid) .price-ranges .focal-point,
[class*="promo-tile"]:not(.promo-tile-grid) .price-ranges .description {
  margin: 0;
  max-width: 100%;
  padding-right: 16px;
  padding-right: 1rem;
}

[class*="promo-tile"]:not(.promo-tile-grid) .price-ranges .description {
  text-align: left;
  color: #0083c2;
}

[class*="promo-tile"]:not(.promo-tile-grid) .unavailable * {
  color: #cccccc !important;
}

[class*="promo-tile"]:not(.promo-tile-grid).entry-open .counter .count {
  font-size: 40px;
  font-size: 2.5rem;
  font-family: "Telkom123-Bold", sans-serif;
  line-height: 0.7;
  margin-top: 14.4px;
  margin-top: 0.9rem;
  margin-left: -2px;
  margin-left: -0.125rem;
}

[class*="promo-tile"]:not(.promo-tile-grid).entry-open .counter .description {
  font-size: 90%;
}

[class*="promo-tile"]:not(.promo-tile-grid).entry-closed .counter .description {
  font-family: "Telkom123-Bold", sans-serif;
  font-size: 25.6px;
  font-size: 1.6rem;
  line-height: 0.95;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-left: -2.496px;
  margin-left: -0.156rem;
}

[class*="promo-tile"]:not(.promo-tile-grid).entry-closed .unavailable * {
  text-decoration: line-through;
}

[class*="promo-tile"]:not(.promo-tile-grid) > [class*="btn-"] {
  margin-top: 0;
}

.promo-tile-white .counter {
  background-color: #ffffff;
}

.promo-tile-white .price,
.promo-tile-white .promo-location {
  color: #ffffff;
}

.promo-tile-white .price small,
.promo-tile-white .promo-location small {
  color: #ffffff;
}

.promo-tile-white .promo-location {
  color: #000000;
}

.promo-tile-blue .counter {
  background-color: #0083c2;
}

.promo-tile-blue .price,
.promo-tile-blue .promo-location {
  color: #0083c2;
}

.promo-tile-blue .price small,
.promo-tile-blue .promo-location small {
  color: #0083c2;
}

.promo-tile-blue .promo-location {
  color: #000000;
}

.promo-tile-blue-alt .counter {
  background-color: #0083c2;
}

.promo-tile-blue-alt .price,
.promo-tile-blue-alt .promo-location {
  color: #0083c2;
}

.promo-tile-blue-alt .price small,
.promo-tile-blue-alt .promo-location small {
  color: #0083c2;
}

.promo-tile-blue-alt .promo-location {
  color: #000000;
}

.promo-tile-blue-dark .counter {
  background-color: #005e9b;
}

.promo-tile-blue-dark .price,
.promo-tile-blue-dark .promo-location {
  color: #005e9b;
}

.promo-tile-blue-dark .price small,
.promo-tile-blue-dark .promo-location small {
  color: #005e9b;
}

.promo-tile-blue-dark .promo-location {
  color: #000000;
}

.promo-tile-pink .counter {
  background-color: #da1b60;
}

.promo-tile-pink .price,
.promo-tile-pink .promo-location {
  color: #da1b60;
}

.promo-tile-pink .price small,
.promo-tile-pink .promo-location small {
  color: #da1b60;
}

.promo-tile-pink .promo-location {
  color: #000000;
}

.promo-tile-orange .counter {
  background-color: #f04e23;
}

.promo-tile-orange .price,
.promo-tile-orange .promo-location {
  color: #f04e23;
}

.promo-tile-orange .price small,
.promo-tile-orange .promo-location small {
  color: #f04e23;
}

.promo-tile-orange .promo-location {
  color: #000000;
}

.promo-tile-cyan .counter {
  background-color: #00d0ff;
}

.promo-tile-cyan .price,
.promo-tile-cyan .promo-location {
  color: #00d0ff;
}

.promo-tile-cyan .price small,
.promo-tile-cyan .promo-location small {
  color: #00d0ff;
}

.promo-tile-cyan .promo-location {
  color: #000000;
}

.promo-tile-green .counter {
  background-color: #00a850;
}

.promo-tile-green .price,
.promo-tile-green .promo-location {
  color: #00a850;
}

.promo-tile-green .price small,
.promo-tile-green .promo-location small {
  color: #00a850;
}

.promo-tile-green .promo-location {
  color: #000000;
}

.promo-tile-lime .counter {
  background-color: #bfd730;
}

.promo-tile-lime .price,
.promo-tile-lime .promo-location {
  color: #bfd730;
}

.promo-tile-lime .price small,
.promo-tile-lime .promo-location small {
  color: #bfd730;
}

.promo-tile-lime .promo-location {
  color: #000000;
}

.promo-tile-grey .counter {
  background-color: #889391;
}

.promo-tile-grey .price,
.promo-tile-grey .promo-location {
  color: #889391;
}

.promo-tile-grey .price small,
.promo-tile-grey .promo-location small {
  color: #889391;
}

.promo-tile-grey .promo-location {
  color: #000000;
}

.promo-tile-grey-light .counter {
  background-color: #cccccc;
}

.promo-tile-grey-light .price,
.promo-tile-grey-light .promo-location {
  color: #cccccc;
}

.promo-tile-grey-light .price small,
.promo-tile-grey-light .promo-location small {
  color: #cccccc;
}

.promo-tile-grey-light .promo-location {
  color: #000000;
}

.promo-tile-black .counter {
  background-color: #000000;
}

.promo-tile-black .price,
.promo-tile-black .promo-location {
  color: #000000;
}

.promo-tile-black .price small,
.promo-tile-black .promo-location small {
  color: #000000;
}

.promo-tile-black .promo-location {
  color: #000000;
}

.autocomplete-suggestions {
  padding-top: 32px;
  padding-top: 2rem;
  margin-top: -30.4px;
  margin-top: -1.9rem;
  background-size: 8px;
  background: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/caret-down.png?dda7b1769bfa') no-repeat 192px 11px;
  border: 1px solid #ffffff;
}

.autocomplete-suggestions .autocomplete-suggestion {
  padding: 8px;
  padding: 0.5rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  background-color: #0083c2;
  color: #ffffff;
}

.autocomplete-suggestions .autocomplete-suggestion:hover {
  cursor: pointer;
}

.autocomplete-suggestions .autocomplete-suggestion strong {
  font-family: "Telkom123-Bold", sans-serif;
}

.search-inpage.white .autocomplete-suggestions {
  background: none;
  border: none;
  border-top: 1px solid #e8e7e7;
  padding: 0;
  margin: 0;
  margin-top: 0.5rem;
}

.search-inpage.white .autocomplete-suggestions .autocomplete-suggestion {
  background-color: #0083c2;
  color: #ffffff;
}

.search-inpage.white .autocomplete-suggestions .autocomplete-suggestion:hover {
  cursor: pointer;
}

.search-inpage.white .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
  background-color: #0072A9;
}

.search-inpage.white .autocomplete-suggestions .autocomplete-suggestion strong {
  font-family: "Telkom123-Bold", sans-serif;
}

.search-inpage .inpage input {
  width: 90%;
}

.brochure-row-grey.card-video-grid {
  padding: 1%;
}

.brochure-row-grey.card-video-grid .card-video {
  width: 100%;
  margin-bottom: 1%;
}

.brochure-row-grey.card-video-grid .card-video:nth-child(3n) {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .brochure-row-grey.card-video-grid .card-video {
    width: 32.666666667%;
    margin-right: 1%;
    margin-bottom: 0;
    float: left;
  }

  .brochure-row-grey.card-video-grid .card-video:nth-child(3n) {
    margin-right: 0;
  }
}

.card-video {
  position: relative;
  min-height: 180px;
}

.card-video .clickable {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 101;
}

.card-video .center-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 10%;
  height: 10%;
  margin: auto;
  min-width: 32px;
  min-width: 2rem;
  min-height: 32px;
  min-height: 2rem;
  max-width: 48px;
  max-width: 3rem;
  max-height: 48px;
  max-height: 3rem;
}

.card-video .foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.card-video .foreground .center-icon.icon-circle-play {
  width: 64px;
  width: 4rem;
  height: 64px;
  height: 4rem;
  background-size: 100% 100%;
  opacity: .5;
}

.card-video .foreground .content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 16px;
  margin: 1rem;
  overflow: hidden;
}

@media (min-width: 75em) {
  .card-video .foreground .content {
    margin: 24px;
    margin: 1.5rem;
  }
}

@media (min-width: 120em) {
  .card-video .foreground .content {
    margin: 32px;
    margin: 2rem;
  }
}

.card-video .foreground .category {
  color: #ffffff;
  font-family: "Telkom123-Bold", sans-serif;
  text-transform: uppercase;
  font-size: 11.2px;
  font-size: 0.7rem;
  margin-bottom: 1.6px;
  margin-bottom: 0.1rem;
}

@media (min-width: 75em) {
  .card-video .foreground .category {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 4.8px;
    margin-bottom: 0.3rem;
  }
}

@media (min-width: 120em) {
  .card-video .foreground .category {
    font-size: 19.2px;
    font-size: 1.2rem;
    margin-bottom: 6.4px;
    margin-bottom: 0.4rem;
  }
}

.card-video .foreground .title {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Telkom123-Light", sans-serif;
  overflow: hidden;
  padding-bottom: 6.4px;
  padding-bottom: 0.4rem;
  max-height: 51.2px;
  max-height: 3.2rem;
  font-size: 19.2px;
  font-size: 1.2rem;
  line-height: 22.4px;
  line-height: 1.4rem;
}

@media (min-width: 62em) {
  .card-video .foreground .title {
    width: 75%;
  }
}

@media (min-width: 75em) {
  .card-video .foreground .title {
    width: 77%;
    max-height: 56px;
    max-height: 3.5rem;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 25.6px;
    line-height: 1.6rem;
  }
}

@media (min-width: 120em) {
  .card-video .foreground .title {
    width: 75%;
    max-height: 75.2px;
    max-height: 4.7rem;
    font-size: 32px;
    font-size: 2rem;
    line-height: 34.4px;
    line-height: 2.15rem;
  }
}

.card-video .foreground.light {
  color: #0083c2;
}

.card-video .background {
  position: relative;
  min-height: 180px;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.card-video .background img {
  display: block;
  position: absolute;
  left: 50%;
  width: 100%;
  min-width: 320px;
  margin: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.CardGrid {
  width: 100%;
  height: 100%;
  padding: 1% 0;
  float: left;
}

.CardGrid + .CardGrid {
  padding-top: 0;
}

@media (min-width: 62em) {
  .CardGrid {
    display: table;
    padding: 1rem !important;
  }

  .CardGrid + .CardGrid {
    padding-top: 0 !important;
  }
}

.CardGrid--white {
  background-color: #ffffff;
}

.CardGrid--blue {
  background-color: #0083c2;
}

.CardGrid--grey {
  background-color: #efefef;
}

.Card {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: #ffffff;
}

.Card + .Card {
  margin-top: 1%;
}

.Card-content {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.Card-focalPoint {
  display: block;
  width: 100%;
}

@media (min-width: 48em) {
  .Card-focalPoint {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }
}

.Card-desc {
  display: block;
  position: relative;
  width: 100%;
  padding: 1.5rem 2rem;
  z-index: 100;
}

@media (min-width: 48em) {
  .Card-desc {
    display: table-cell;
    width: 22em;
    max-width: 100%;
    vertical-align: middle;
  }
}

.Card-desc h2 {
  margin-top: 0 !important;
  color: #0083c2;
  font-family: "Telkom123-Regular", sans-serif !important;
}

.Card-desc p {
  color: #666666;
  font-family: "Telkom123-Light", sans-serif;
}

@media (min-width: 62em) {
  .Card--twoCol {
    display: table-cell;
    width: 50%;
    margin-top: 0;
    padding: 0;
    border: 0 solid transparent;
    background-clip: padding-box;
    vertical-align: middle;
  }

  .Card--twoCol:nth-child(2n) {
    border-left-width: 1rem;
  }
}

.Card--blue {
  background-color: #0083c2;
}

.Card--imageLayout-text-shadow .Card-desc h2,
.Card--imageLayout-text-shadow .Card-desc p {
  text-shadow: 0 0 4px #102e41;
}

.Card--blue .Card-desc h2,
.Card--blue .Card-desc p,
.Card--imageLayout-color-invert .Card-desc h2,
.Card--imageLayout-color-invert .Card-desc p {
  color: #ffffff;
}

.Card--grey {
  background-color: #efefef;
}

.Card--imageLayout-background-image .Card-focalPoint {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
}

.Card--imageLayout-background-image .Card-img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 90em) {
  .Card--imageLayout-background-image .Card-img {
    width: 100%;
  }
}

.Card--imageLayout-image-bottom .Card-img,
.Card--imageLayout-image-left .Card-img,
.Card--imageLayout-image-right .Card-img {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain";
  width: 80%;
  min-width: 200px;
  max-width: 600px;
  height: auto;
}

.Card--imageLayout-image-bottom .Card-focalPoint {
  vertical-align: bottom;
}

.Card--imageLayout-image-bottom .Card-img {
  width: 80%;
  margin: 0 auto;
  padding-top: 2rem;
}

@media (min-width: 62em) {
  .Card--imageLayout-image-bottom .Card-img {
    width: 80%;
    padding-top: 0;
  }
}

.Card--imageLayout-image-flush-right .Card-img {
  margin-right: 0;
}

.Card--imageLayout-image-flush-left .Card-img {
  margin-left: 0;
}

/* .items .item .image {
  display: flex;
} */
@media (max-width: 48em) {
  .item .inner > .price {
    margin-top: 15%;
  }
}

@media (min-width: 48em) {
  .item .inner > .price {
    margin-top: 5%;
  }
}

.item .inner > .price {
  width: 100%;
}

.items .item .inner > [data-layout*="image-right"] {
  float: right !important;
}

.items .item .inner > [data-layout*="image-left"] {
  float: left !important;
}

.items .item .inner > [data-layout*="image-centered"] {
  float: none !important;
}

.videoWrapper {
  position: relative;
  max-width: 1000px;
  height: 0;
  max-height: 600px;
  margin: 60px auto 0;
  padding-top: 25px;
  padding-bottom: 56.25%;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 1000px;
  height: 100%;
  max-height: 600px;
}

.brochure-selling-items {
  height: 200px;
  display: block;
}

.brochure-selling-items .brochure-selling-items-title {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #000000;
  font-size: 28px;
  font-size: 1.75rem;
  text-align: center;
  min-height: 60px;
}

.brochure-selling-items .brochure-selling-points.hotfix-items .item {
  width: 10%;
}

@media (max-width: 62em) {
  .brochure-selling-items .brochure-selling-points.hotfix-items .item {
    display: block;
    width: 50%;
    float: left;
  }
}

@media (max-width: 48em) {
  .brochure-selling-items .brochure-selling-points.hotfix-items .item {
    display: block;
    width: 100%;
  }
}

.brochure-selling-items .brochure-selling-points .item {
  display: table-cell;
  width: 20%;
}

.brochure-selling-items .brochure-selling-points .item .description {
  position: relative;
}

@media (min-width: 48em) {
  .brochure-selling-items .brochure-selling-points .item .description {
    padding-bottom: 16px;
    padding-bottom: 1rem;
  }
}

.brochure-selling-items .brochure-selling-points .item .links {
  position: relative;
  width: 100%;
}

@media (min-width: 48em) {
  .brochure-selling-items .brochure-selling-points .item .links {
    position: absolute;
    bottom: 0px;
  }
}

@media (max-width: 62em) {
  .brochure-selling-items .brochure-selling-points .item {
    display: block;
    width: 50%;
    float: left;
  }
}

@media (max-width: 48em) {
  .brochure-selling-items .brochure-selling-points .item {
    display: block;
    width: 100%;
  }
}

.brochure-selling-items .brochure-selling-points .item a {
  width: 100%;
}

.brochure-selling-items .brochure-selling-points .item a:first-child {
  margin-top: 28px;
  margin-top: 1.75rem;
}

.has-glass-nav {
  position: relative;
}

.has-glass-nav {
  *zoom: 1;
}

.has-glass-nav:before,
.has-glass-nav:after {
  content: "";
  display: table;
}

.has-glass-nav:after {
  clear: both;
}

.has-glass-nav .hero.carousel .owl-controls {
  display: none !important;
}

@media (min-width: 48em) {
  .has-glass-nav .hero.carousel .owl-controls {
    display: block;
    position: absolute;
    bottom: 9rem;
  }
}

.glass-hero .background img {
  -o-object-position: 50% 50% !important;
  object-position: 50% 50% !important;
}

.glass-tabs {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 144px;
  height: 9rem;
  clear: both;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 3;
  overflow-x: auto;
  overflow-y: hidden;
}

.glass-tabs .glass-tabs-items {
  display: table;
  position: relative;
  width: auto;
  height: 100%;
  table-layout: fixed;
  vertical-align: middle;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 48em) {
  .glass-tabs .glass-tabs-items {
    min-width: 500px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}

@media (min-width: 48em) {
  .glass-tabs .glass-tabs-items {
    max-width: 95%;
  }
}

@media (min-width: 75em) {
  .glass-tabs .glass-tabs-items {
    max-width: 82em;
  }
}

.glass-tabs .glass-tabs-title {
  display: table-cell;
  position: relative;
  -webkit-transition: color .3s;
  transition: color .3s;
  color: #cccccc;
  font-size: 28.8px;
  font-size: 1.8rem;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  padding-right: 1rem;
  padding-left: 1rem;
  width: 20rem;
}

.glass-tabs .glass-tabs-title.active,
.glass-tabs .glass-tabs-title:hover {
  color: #ffffff;
}

.glass-tabs .glass-tabs-title.active:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border: 15px solid transparent;
  border-top-width: 0;
  border-bottom-color: inherit;
  content: "";
}

.glass-tabs .glass-tabs-title.grey:after {
  background-color: #efefef;
}

@media (max-width: 48em) {
  .glass-tabs .glass-tabs-title {
    min-width: 200px;
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.glass-tabs-section {
  display: none;
  width: 100%;
  height: 500px;
}

.glass-tabs-section h1 {
  font-size: 36px;
  font-size: 2.25rem;
  margin-top: 64px;
  margin-top: 4rem;
}

.glass-tabs-section .glass-tabs-subheading {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

@media (max-width: 48em) {
  .glass-tabs-section .glass-tabs-subheading {
    font-size: 16px;
    font-size: 1rem;
    padding-right: 16px;
    padding-right: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
  }
}

.glass-tabs-section.active {
  display: block;
}

.glass-tabs-section .glass-tabs-section-p {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  text-align: left;
}

@media (max-width: 48em) {
  .glass-tabs-section .glass-tabs-section-p {
    font-size: 16px;
    font-size: 1rem;
    padding-right: 16px;
    padding-right: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
  }
}

.glass-tabs-section .glass-tabs-section-p--small {
  font-size: .8rem;
}

@media (min-width: 48em) {
  .glass-tabs-section .glass-tabs-section-p--small {
    font-size: 1rem;
  }
}

.ProductListingTitle {
  margin: 0 0 1rem !important;
  padding: 0 1.5rem;
}

.ProductListingTitle--resultMsg {
  position: relative;
  color: #666666 !important;
  font-family: "Telkom123-Light", sans-serif;
}

.ProductListingTitle--resultMsg strong {
  color: #0083c2;
  font-family: "Telkom123-Regular", sans-serif;
}

@media (min-width: 48em) {
  .ProductListingTitle--resultMsg {
    padding-left: 5rem;
  }
}

.ProductListingTitle-icon {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  margin: auto 0;
  background-position: 50%;
  background-size: 100%;
}

@media (min-width: 48em) {
  .ProductListingTitle-icon {
    display: block;
  }
}

.ProductBlocksWrapper {
  max-width: 320px;
  margin: 0 auto;
  padding-bottom: 3rem;
  font-size: 0;
  text-align: left;
}

@media (min-width: 640px) {
  .ProductBlocksWrapper {
    max-width: 640px;
  }
}

@media (min-width: 960px) {
  .ProductBlocksWrapper {
    max-width: 960px;
  }
}

@media (min-width: 1312px) {
  .ProductBlocksWrapper {
    max-width: 1312px;
  }
}

.ProductBlock {
  display: inline-block;
  width: 100%;
  min-width: 300px;
  margin: 10px 0;
  padding: 20px;
  border: 1px solid #cccccc;
  font-size: initial;
  text-align: left;
  vertical-align: top;
}

.ProductBlock-tag {
  margin-top: 0;
  color: #777777;
  font-family: "Telkom123-Bold", sans-serif;
  font-size: .8rem;
  text-transform: uppercase;
}

.ProductBlock-imageContainer {
  display: block;
  position: relative;
  width: 200px;
  height: 200px;
}

.ProductBlock-image {
  position: absolute;
  width: 100%;
}

.ProductBlock-price {
  display: block;
  margin-top: 27px;
}

.ProductBlock-priceAmount {
  margin: 0;
  color: #2695cb;
  font-family: "Telkom123-Regular", sans-serif;
  font-size: 3rem;
}

.ProductBlock-priceAmount sup {
  top: -0.2em;
}

.ProductBlock-priceTerm {
  display: block;
  margin-top: 10px;
  color: #2695cb;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1rem;
  line-height: 1;
  overflow: hidden;
}

.ProductBlock-description {
  display: none;
  color: #666666;
  font-family: "Telkom123-Light", sans-serif;
}

.ProductBlock-description strong {
  font-family: "Telkom123-Regular", sans-serif;
}

@media (min-width: 30em) {
  .ProductBlock-description {
    display: block;
  }
}

.ProductBlock-featureList {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.ProductBlock-featureListItem {
  position: relative;
  margin-top: 10px;
  padding-left: 30px;
  clear: both;
}

.ProductBlock-featureListItemIcon {
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-size: 100%;
}

.ProductBlock-featureListItemText {
  display: inline-block;
  margin: 0;
  color: #666666;
  font-size: 1rem;
  font-family: "Telkom123-Light", sans-serif;
  vertical-align: top;
}

.ProductBlock-links {
  width: 100%;
  padding: 1.5rem 0 0;
}

.ProductBlock-link {
  display: block;
  position: relative;
  width: 50%;
  padding: 5px 0;
  font-family: "Telkom123-Bold", sans-serif;
  font-size: .9rem;
  text-decoration: none;
  text-transform: uppercase;
}

.ProductBlock-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  height: 10px;
  margin: auto;
  background: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/caret-right-blue.svg?ae3d8ae9a2b9');
  background-repeat: no-repeat;
  background-size: 5px auto;
  content: "";
}

.ProductBlock--featured {
  border-color: #2695cb;
  background-color: #2695cb;
}

.ProductBlock--featured .ProductBlock-tag,
.ProductBlock--featured .ProductBlock-priceAmount,
.ProductBlock--featured .ProductBlock-priceTerm,
.ProductBlock--featured .ProductBlock-description,
.ProductBlock--featured .ProductBlock-featureListItemText,
.ProductBlock--featured .ProductBlock-link {
  color: #ffffff;
}

.ProductBlock--featured .ProductBlock-price {
  margin: 0;
}

.ProductBlock--featured .ProductBlock-link::after {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/caret-right.svg?3be9fd8293bf');
}

.ProductBlock--withImage {
  border: 0;
}

@media (min-width: 30em) {
  .ProductBlock {
    max-width: 300px;
    margin: 10px;
  }
}

.RangeFilter {
  padding: 0 2.5rem;
}

.RangeFilter .irs-bar,
.RangeFilter .irs-line {
  top: 2.3rem;
  height: .2rem;
}

.RangeFilter .irs-bar-edge {
  top: 2.3rem;
  height: .2rem;
}

.RangeFilter .irs-slider {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
}

.RangeFilter .irs-slider.state_hover {
  background-color: #5BC2E7;
}

.RangeFilter .irs-single,
.RangeFilter .irs-to,
.RangeFilter .irs-from {
  background-color: rgba(255, 255, 255, 0);
  color: #2695cb;
  font-size: 1rem;
}

/* Organisms */

/******************************/

/*  #4 - Masthead */

/******************************/

.masthead {
  padding-top: 10.4px;
  padding-top: 0.65rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  padding-left: 24px;
  padding-left: 1.5rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  background: #ffffff;
  font-size: 13.6px;
  font-size: 0.85rem;
  font-family: "Telkom123-Bold", sans-serif;
  position: relative;
  z-index: 1000;
}

.masthead a {
  display: inline;
  padding-top: 0px;
  padding-top: 0rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  padding-left: 0px;
  padding-left: 0rem;
  color: #0083c2;
  text-decoration: none;
  opacity: 0.4;
  position: relative;
}

.masthead .on {
  opacity: 1;
}

.masthead .on:after {
  content: "";
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  position: absolute;
  bottom: -24px;
  bottom: -1.5rem;
  left: 0;
  right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: auto;
  background-color: #0083c2;
}

/******************************/

/*  #5 - Header */

/******************************/

header {
  position: relative;
  z-index: 1002;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 24px;
  padding-left: 1.5rem;
}

header [class*="icon-"] {
  background-position: 50%;
  background-size: cover;
}

header .logo {
  width: 100px;
  width: 6.25rem;
  height: 67px;
  height: 4.1875rem;
  float: left;
  background-size: 100%;
  margin-left: 0;
}

@media (min-width: 48em) {
  header .logo {
    width: 115px;
    width: 7.1875rem;
  }
}

header .logo img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

@media (min-width: 48em) {
  header .logo img {
    margin-top: 18.4px;
    margin-top: 1.15rem;
  }
}

header nav {
  float: right;
  padding-right: 68px;
  padding-right: 4.25rem;
}

header nav a {
  font-family: "Telkom123-Bold", sans-serif;
  color: #ffffff;
  text-decoration: none;
}

header nav a:hover {
  color: #ffffff;
}

header nav a:hover span {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 0.8;
}
.SocialSharing {
  padding-top: 5px;
}

.SocialSharing-item {
  display: inline-block;
}

.social {
  background-color: #0083c2;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-left: -24px;
  margin-left: -1.5rem;
  margin-right: -24px;
  margin-right: -1.5rem;
  margin-bottom: -24px;
  margin-bottom: -1.5rem;
  padding-left: 24px;
  padding-left: 1.5rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  height: 88px;
  height: 5.5rem;
}

@media (min-width: 48em) {
  .social {
    height: 83.2px;
    height: 5.2rem;
  }
}

.social a {
  width: 16.6%;
  height: 59.2px;
  height: 3.7rem;
  background-position: center !important;
  float: left;
}

.social a:hover {
  background-color: #0083c2;
}

.social .icon-help-chat-white {
  background-size: 75%;
}

.social .icon-facebook {
  background-size: 37%;
}

.social .icon-twitter {
  background-size: 65%;
}

.social .icon-google {
  background-size: 53%;
}

.social .icon-linkedin {
  background-size: 53%;
}

.social .icon-youtube {
  background-size: 53%;
}

.social:after {
  content: "";
  clear: both;
  display: block;
}

.site-search,
.sub-menu {
  float: left;
  position: relative;
  display: none;
}

@media only screen and (min-width: 48em) {
  .site-search,
  .sub-menu {
    display: inline-block;
  }
}

@media only screen and (min-width: 62em) {
  .site-search,
  .sub-menu {
    display: inline-block;
  }
}

.site-search.open > a,
.sub-menu.open > a {
  background-color: #005e9b;
  color: #ffffff;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.site-search > a,
.sub-menu > a {
  padding-left: 16px;
  padding-left: 1rem;
  display: inline-block;
  line-height: 67.2px;
  line-height: 4.2rem;
}

@media only screen and (min-width: 48em) {
  .site-search > a,
  .sub-menu > a {
    line-height: 68px;
    line-height: 4.25rem;
  }
}

.ie10 .site-search > a .icon-caret-down,
.ie11 .site-search > a .icon-caret-down,
.no-svg .site-search > a .icon-caret-down,
.ie10
    .sub-menu > a .icon-caret-down,
.ie11
    .sub-menu > a .icon-caret-down,
.no-svg
    .sub-menu > a .icon-caret-down {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/caret-down.png?dda7b1769bfa');
  background-size: 8px;
}

.site-search .icon-caret-down,
.site-search .icon-profile,
.sub-menu .icon-caret-down,
.sub-menu .icon-profile {
  padding-right: 24px;
  padding-right: 1.5rem;
  background-position: center right;
  background-size: 0.7rem;
}

@media only screen and (min-width: 48em) {
  .site-search .icon-caret-down,
  .site-search .icon-profile,
  .sub-menu .icon-caret-down,
  .sub-menu .icon-profile {
    padding-right: 35.2px;
    padding-right: 2.2rem;
    background-position: right 0.65rem center;
  }
}

.site-search h3,
.sub-menu h3 {
  margin: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  display: block;
  font-family: "Telkom123-Regular", sans-serif;
  font-size: 20.8px;
  font-size: 1.3rem;
  line-height: 28.8px;
  line-height: 1.8rem;
  letter-spacing: -1px;
  color: #ffffff;
}

.site-search p,
.sub-menu p {
  color: #ffffff;
  margin: 0;
  line-height: 16px;
  line-height: 1rem;
  margin-top: 4px;
  margin-top: 0.25rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.site-search .sub-drop,
.sub-menu .sub-drop {
  display: none;
  position: absolute;
  right: 0;
  top: 67px;
  top: 4.1875rem;
  background-color: #005e9b;
  padding: 24px;
  padding: 1.5rem;
  padding-top: 19.2px;
  padding-top: 1.2rem;
  padding-bottom: 19.2px;
  padding-bottom: 1.2rem;
}

.site-search .sub-drop a:hover,
.sub-menu .sub-drop a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.site-search .sub-drop li,
.sub-menu .sub-drop li {
  min-width: 169.6px;
  min-width: 10.6rem;
}

.site-search ul,
.sub-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-search ul li a,
.sub-menu ul li a {
  padding-top: 5.6px;
  padding-top: 0.35rem;
  padding-bottom: 5.6px;
  padding-bottom: 0.35rem;
  display: block;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 36px;
  line-height: 2.25rem;
}

.sub-drop {
  display: none;
  position: absolute;
  right: 0;
  top: 67px;
  top: 4.1875rem;
  background: #005e9b;
  padding: 24px;
  padding: 1.5rem;
  padding-top: 19.2px;
  padding-top: 1.2rem;
  padding-bottom: 19.2px;
  padding-bottom: 1.2rem;
}

.sub-drop ul {
  min-width: 154px;
  min-width: 9.625rem;
}

@media only screen and (min-width: 48em) {
  .sub-drop ul {
    min-width: 308.8px;
    min-width: 19.3rem;
  }
}

.sub-drop li {
  min-width: 169.6px;
  min-width: 10.6rem;
}

.sub-drop li a {
  padding-left: 56px;
  padding-left: 3.5rem;
  background-size: 3rem;
  background-position: left center;
  background-repeat: no-repeat;
}

.sub-drop li a:hover {
  opacity: 0.8;
}

.sub-drop img {
  height: 35.2px;
  height: 2.2rem;
  margin: 0 auto;
  display: block;
}

.sub-drop .social a {
  padding-left: 0;
  background-position: center;
}

.sub-drop-my-telkom ul,
.sub-drop-login ul {
  min-width: 154px;
  min-width: 9.625rem;
}

@media only screen and (min-width: 48em) {
  .sub-drop-my-telkom ul,
  .sub-drop-login ul {
    min-width: 648px;
    min-width: 40.5rem;
  }
}

.sub-drop-my-telkom ul li,
.sub-drop-login ul li {
  display: inline-block;
  min-width: 0 !important;
}

.sub-drop-my-telkom ul li:first-child,
.sub-drop-login ul li:first-child {
  width: 45%;
}

.sub-drop-my-telkom ul li:last-child,
.sub-drop-login ul li:last-child {
  width: 45%;
  float: right;
}

.sub-drop-my-telkom ul li.divider,
.sub-drop-login ul li.divider {
  width: 1px;
  height: 81%;
  background: #0083c2;
  margin: 0 auto;
  position: absolute;
  top: 13.6px;
  top: 0.85rem;
  bottom: 12px;
  bottom: 0.75rem;
  left: 0;
  right: 0;
}

.sub-drop-my-telkom ul li a,
.sub-drop-login ul li a {
  padding-top: 13.6px;
  padding-top: 0.85rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-bottom: 14.08px;
  padding-bottom: 0.88rem;
  padding-left: 16px;
  padding-left: 1rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
}

.sub-drop-logout ul li a.btn-primary {
  padding-top: 13.6px;
  padding-top: 0.85rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-bottom: 14.08px;
  padding-bottom: 0.88rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-left: 1rem !important;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
}

.shop .sub-drop li {
  min-width: 169.6px;
  min-width: 10.6rem;
}

.help .sub-drop li {
  min-width: 265.6px;
  min-width: 16.6rem;
}

.site-search {
  display: block;
}

.site-search > a {
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 32px;
  padding-right: 2rem;
  height: 67px;
  height: 4.1875rem;
  display: block;
}

.site-search > a:hover {
  background-color: #0083c2;
  opacity: 0.8;
}

.site-search.open > a {
  background-color: #0083c2;
}

.site-search .icon-search {
  background-size: 20px;
  background-size: 1.25rem;
}

.site-search .icon-search:hover {
  background-color: #0083c2;
}

.site-search .icon-search.open {
  display: none;
}

@media only screen and (min-width: 48em) {
  .site-search .icon-search.open {
    display: inline-block;
  }
}

.site-search .sub-drop {
  padding: 0;
  min-width: 288px;
  min-width: 18rem;
  top: 67px;
  top: 4.1875rem;
  right: 0;
  background-color: #0083c2;
}

@media only screen and (min-width: 48em) {
  .site-search .sub-drop {
    top: 1.6px;
    top: 0.1rem;
    min-width: 384px;
    min-width: 24rem;
    padding: 0;
  }
}

.site-search .sub-drop a.icon-close {
  width: 3rem;
  display: block;
  height: 3rem;
  margin-top: .5rem;
  float: left;
  cursor: pointer;
  background-size: 1rem;
}

.site-search .sub-drop a.icon-close:hover {
  background-color: #0083c2;
}

.site-search .sub-drop input {
  width: 148px;
  width: 9.25rem;
  margin-top: 18.4px;
  margin-top: 1.15rem;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  padding-left: 16px;
  padding-left: 1rem;
  float: left;
  border: 0;
  background-color: #0083c2;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.site-search .sub-drop input::-webkit-input-placeholder {
  color: #ffffff;
}

.site-search .sub-drop input:-moz-placeholder {
  color: #ffffff;
}

.site-search .sub-drop input::-moz-placeholder {
  color: #ffffff;
}

.site-search .sub-drop input:-ms-input-placeholder {
  color: #ffffff;
}

@media only screen and (min-width: 48em) {
  .site-search .sub-drop input {
    width: 244px;
    width: 15.25rem;
  }
}

.site-search .sub-drop button {
  border: 0;
  background-color: #0083c2;
  float: right;
  width: 64px;
  width: 4rem;
  height: 63px;
  height: 3.9375rem;
  background-size: 20px;
  background-size: 1.25rem;
}

.burger {
  width: 68px;
  width: 4.25rem;
  height: 100%;
  float: right;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  vertical-align: middle;
}

.burger > a {
  height: 100%;
  display: block;
  line-height: 67px;
  line-height: 4.1875rem;
}

.burger > a:hover {
  opacity: 0.8;
}

.burger .icon-burger {
  background-size: 19.2px;
  background-size: 1.2rem;
}

.burger .sub-drop-burger,
.burger .sub-drop {
  left: auto;
  right: 0;
  text-align: left;
  overflow: hidden;
}

.burger .sub-drop-burger ul,
.burger .sub-drop ul {
  width: 275.2px;
  width: 17.2rem;
  padding-left: 0;
}

.burger .sub-drop-burger ul a,
.burger .sub-drop ul a {
  padding-left: 0 !important;
}

.burger .sub-drop-burger {
  padding-bottom: 0;
}

.cloned .sub-menu {
  display: block;
  float: none;
}

.cloned .sub-menu > a {
  display: block;
  padding: 0;
  padding-top: 5.6px;
  padding-top: 0.35rem;
  padding-bottom: 5.6px;
  padding-bottom: 0.35rem;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 36px;
  line-height: 2.25rem;
  background-size: 1rem;
}

.cloned .sub-menu .sub-drop {
  top: 56px;
  top: 3.5rem;
  left: 0;
  margin-left: 120%;
  width: 100%;
  padding: 0;
}

.cloned .sub-menu .sub-drop .back {
  width: 100%;
  clear: both;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 36px;
  line-height: 2.25rem;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
  display: block;
  background-size: 0.5rem;
  background-position: left center;
}

.sub-menu.open .sub-drop {
  display: none;
}

@media (min-width: 48em) {
  .sub-menu.open .sub-drop {
    display: block;
  }
}

.sub-menu.open .cloned {
  display: block;
}

@media (min-width: 48em) {
  .sub-menu.open .cloned {
    display: none;
  }
}

.cloned .sub-drop-shop li a,
.cloned .sub-drop-help li a {
  padding-left: 55px !important;
}

.cloned .sub-drop-my-telkom .divider,
.cloned .sub-drop-login .divider {
  display: none;
}

.cloned .sub-drop-my-telkom ul li,
.cloned .sub-drop-login ul li {
  width: 100%;
}

.cloned .sub-drop-my-telkom ul li a,
.cloned .sub-drop-login ul li a {
  display: block;
  padding-left: 16px !important;
}

.cloned .sub-drop-my-telkom br,
.cloned .sub-drop-login br {
  display: none;
}

/******************************/

/*  #5.2 - Theme */

header [role="menuitem"],
#main-menu [role="menuitem"] {
  font-size: 0.66667rem;
}

header,
#main-menu {
  background-color: #0083c2;
}

header [role="menuitem"],
#main-menu [role="menuitem"],
.section-title,
.menu-title {
  color: #ffffff;
}

.burger {
  background-color: #005e9b;
  color: #ffffff;
}

.burger:hover {
  background-color: #005e9b;
  color: #ffffff;
}

/******************************/

/*  #6 - Footer */

/******************************/

/******************************/

/*  CORE (common elements) */

footer {
  padding: 24px;
  padding: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: #0083c2;
}

@media (min-width: 48em) {
  footer {
    padding: 48px;
    padding: 3rem;
  }
}

@media (min-width: 62em) {
  footer {
    padding: 48px;
    padding: 3rem;
  }
}

footer ul {
  width: 100%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

footer nav {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 48em) {
  footer nav {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

footer nav > [role="menubar"] > li {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

footer nav > [role="menubar"] > li:last-child {
  /* width: 100%; */
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-right: 0;
}

@media (min-width: 75em) {
  footer nav > [role="menubar"] > li:last-child {
    width: 15%;
    float: left;
    margin-right: 2.85714%;
    margin-right: 0;
  }
}

@media (min-width: 48em) and (max-width: 75em) {
  footer nav > [role="menubar"] > li {
    width: 17.71429%;
    float: left;
    margin-right: 2.85714%;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
  }

  footer nav > [role="menubar"] > li:nth-child(3),
  footer nav > [role="menubar"] > li:last-child {
    /* float: right;
    margin-right: 0; */
  }
}

@media (min-width: 75em) {
  footer nav > [role="menubar"] > li {
    width: 17%;
    float: left;
    margin-right: 2.85714%;
  }
}

footer li {
  float: none;
  padding: 0;
}

footer h5 {
  color: #ffffff;
}

footer a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  line-height: 24px;
  line-height: 1.5rem;
}

footer a .fa-plus,
footer a .fa-minus {
  float: right;
  display: none;
  margin-top: 1.6px;
  margin-top: 0.1rem;
  margin-left: 16px;
  margin-left: 1rem;
}

@media (min-width: 48em) {
  footer a .fa-plus,
  footer a .fa-minus {
    display: none;
  }
}

@media (min-width: 62em) {
  footer a .fa-plus,
  footer a .fa-minus {
    display: none;
  }
}

footer a:hover {
  color: #ffffff;
  opacity: 0.8;
}

footer .sub-title {
  margin: 0;
}

footer .sub-title a {
  background-position: right center;
  background-size: 1rem;
}

@media (min-width: 48em) {
  footer .sub-title a {
    background-image: none;
  }
}

footer .sub-title a:hover {
  cursor: default;
  opacity: 1;
}

footer .sub-menu {
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  padding: 0;
}

@media (min-width: 48em) {
  footer .sub-menu {
    display: block !important;
  }
}

footer .sub-menu i {
  width: 20px;
  width: 1.25rem;
}

footer .sub-menu li {
  padding-top: 3.2px;
  padding-top: 0.2rem;
  padding-bottom: 3.2px;
  padding-bottom: 0.2rem;
  line-height: 19.2px;
  line-height: 1.2rem;
}

footer form {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 32px;
  padding-bottom: 2rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

footer form {
  *zoom: 1;
}

footer form:before,
footer form:after {
  content: "";
  display: table;
}

footer form:after {
  clear: both;
}

footer form input {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  float: left;
  border: 1px solid #2695cb;
  padding: 5.76px;
  padding: 0.36rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  background: 0;
  color: #ffffff;
}

footer form input::-webkit-input-placeholder {
  color: #ffffff;
}

footer form input:-moz-placeholder {
  color: #ffffff;
}

footer form input::-moz-placeholder {
  color: #ffffff;
}

footer form input:-ms-input-placeholder {
  color: #ffffff;
}

footer form button {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  float: right;
  margin-right: 0;
  text-align: left;
}

@media (min-width: 48em) {
  footer form input {
    width: 82.85714%;
    float: left;
    margin-right: 2.85714%;
  }

  footer form button {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  footer form input {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
  }

  footer form button {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

footer form .errorlist {
  padding-bottom: 16px;
  padding-bottom: 1rem;
  font-size: 12px;
  font-size: 0.75rem;
  color: #ffffff;
}

@media (min-width: 48em) {
  footer form .errorlist {
    position: absolute;
    padding-bottom: 0;
    bottom: 12px;
    bottom: 0.75rem;
    left: 16px;
    left: 1rem;
  }
}

footer .icon-logo {
  width: 89px;
  width: 5.5625rem;
  height: 24px;
  height: 1.5rem;
  margin-top: 10.66667px;
  margin-top: 0.66667rem;
  display: inline-block;
  background-size: contain;
  background-position: 50%;
}

footer .link-ios,
footer .link-android {
  display: none;
}

footer small {
  text-align: right;
  display: block;
  padding-top: 16px;
  padding-top: 1rem;
  color: #ffffff;
  font-size: 10.66667px;
  font-size: 0.66667rem;
  line-height: 16px;
  line-height: 1rem;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

footer small a {
  display: inline;
}

footer small a:hover {
  color: #d9d9d9;
}

footer .social-menu a {
  padding-left: 24px;
  padding-left: 1.5rem;
  background-position: left center;
  background-size: 0.9rem;
}

footer .social-menu .icon-help-chat-white {
  background-size: 20.8px;
  background-size: 1.3rem;
}

footer .social-menu .icon-community {
  background-size: 20.8px;
  background-size: 1.3rem;
}

footer .social-menu .icon-facebook {
  background-size: 11.2px;
  background-size: 0.7rem;
}

.back-to-top {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  padding: 1.5rem;
  width: 2.25rem;
  height: 2.25rem;
  opacity: 0;
  background-color: #005e9b;
  -webkit-transition: 1s;
  transition: 1s;
  text-indent: -99999px;
  visibility: hidden;
  background-size: 1rem;
  background-position: 50%;
}

.back-to-top.visible {
  visibility: visible;
  opacity: 0.8;
}

/******************************/

/*  ENHANCEMENTS */

.js footer a .fa-plus,
.js footer a .fa-minus {
  display: inline-block;
  font-size: 80%;
  margin-top: 3.2px;
  margin-top: 0.2rem;
}

@media only screen and (min-width: 48em) {
  .js footer a .fa-plus,
  .js footer a .fa-minus {
    display: none;
  }
}

@media only screen and (min-width: 62em) {
  .js footer a .fa-plus,
  .js footer a .fa-minus {
    display: none;
  }
}

.Feedback-link {
  display: block;
  position: fixed;
  padding: .25em .5em 1.5em;
  transform: translateY(1em);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  border: #ffffff;
  background-color: #0083c2;
  color: #ffffff;
  font-family: "Telkom123-Bold", sans-serif;
  font-size: 1.2rem;
  text-decoration: none;
  box-shadow: 1px 1px 2px 0 #002f4e;
  z-index: 10000;
  top: 55%;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: rotate(270deg) translateY(-1em);
  transform: rotate(270deg) translateY(-1em);
}

.Feedback-link:active,
.Feedback-link:hover {
  color: #ffffff;
}

@media (min-width: 48em) {
  .Feedback-link:active,
  .Feedback-link:hover {
    -webkit-transform: rotate(270deg) translateY(-1.2em);
    transform: rotate(270deg) translateY(-1.2em);
  }
}

.Feedback-wrapper {
  display: none;
}

.Feedback-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 100002;
}

@media (min-width: 48em) {
  .Feedback-container {
    position: fixed;
    top: 5%;
    right: 0;
    bottom: 0;
    left: 12%;
    width: 70%;
    height: 80%;
    background-color: #ffffff;
    overflow: scroll;
    z-index: 100002;
    overflow-x: auto;
    text-align: left;
  }
}

.Feedback-container iframe {
  position: absolute;
  height: 100% !important;
  z-index: -1;
}

.Feedback-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(49, 53, 49, 0.52);
  z-index: 100001;
}

.Feedback-close {
  position: absolute;
  top: 15px;
  right: 5%;
  width: 3rem;
  height: 3rem;
  background-size: 100%;
}

@media (min-width: 48em) {
  .Feedback-close {
    top: 25px;
  }
}

/******************************/

/*  #27 - Product Slider */

/******************************/

.product-slider {
  padding: 16px;
  padding: 1rem;
}

.product-slider div:last-of-type {
  margin-right: 0;
}

.product-slider:after {
  content: "";
  clear: both;
  display: block;
}

/***************************************/

/*  #30 - Drawer                       */

/***************************************/

.drawer {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 48px;
  margin-bottom: 3rem;
  margin-top: -35.2px;
  margin-top: -2.2rem;
  z-index: 1;
  border: 1px solid #e8e7e7;
}

@media (min-width: 48em) {
  .drawer {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 48em) {
  .drawer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.drawer:after {
  content: "";
  display: block;
  clear: both;
}

.row.white .shop-listing-slider .item,
.row .shop-listing-slider .item {
  border: 1px solid #ffffff;
  border-bottom: 0;
}

.row:nth-of-type(2n) .shop-listing-slider .item {
  border: 1px solid #efefef;
  border-bottom: 0;
}

.drawer-grey,
.row.white .drawer,
.drawer,
.shop-wizard-filtered .items .item .item-drawer {
  background: #efefef;
}

.drawer-grey .bill-list li *,
.row.white .drawer .bill-list li *,
.drawer .bill-list li *,
.shop-wizard-filtered .items .item .item-drawer .bill-list li * {
  background: #efefef;
}

.drawer-grey .detail-builder .switch,
.drawer .detail-builder .switch,
.shop-wizard-filtered .items .item .item-drawer .detail-builder .switch,
.drawer-grey .detail-builder .switch input.check + label:before,
.drawer .detail-builder .switch input.check + label:before,
.shop-wizard-filtered .items .item .item-drawer .detail-builder .switch input.check + label:before,
.drawer-grey .detail-builder .switch input.check:checked + label,
.drawer .detail-builder .switch input.check:checked + label,
.shop-wizard-filtered .items .item .item-drawer .detail-builder .switch input.check:checked + label {
  background-color: #efefef;
}

.drawer-white,
.row:nth-of-type(2n + 2) .drawer,
.help-get .item.on .item-drawer,
.device-support .items .item.on .item-drawer {
  background: #ffffff;
}

.drawer-white .bill-list li *,
.row:nth-of-type(2n + 2) .drawer .bill-list li *,
.help-get .item.on .item-drawer .bill-list li *,
.device-support .items .item.on .item-drawer .bill-list li * {
  background: #ffffff;
}

.drawer-white .field.open .dropdown,
.row:nth-of-type(2n + 2) .drawer .field.open .dropdown,
.help-get .item.on .item-drawer .field.open .dropdown,
.device-support .items .item.on .item-drawer .field.open .dropdown,
.drawer-white .field ul.dropdown li,
.row:nth-of-type(2n + 2) .drawer .field ul.dropdown li,
.help-get .item.on .item-drawer .field ul.dropdown li,
.device-support .items .item.on .item-drawer .field ul.dropdown li,
.drawer-white .field .datepickme li,
.row:nth-of-type(2n + 2) .drawer .field .datepickme li,
.help-get .item.on .item-drawer .field .datepickme li,
.device-support .items .item.on .item-drawer .field .datepickme li {
  background: #efefef;
}

.drawer-white .detail-builder .switch,
.row:nth-of-type(2n + 2) .drawer .detail-builder .switch,
.help-get .item.on .item-drawer .detail-builder .switch,
.device-support .items .item.on .item-drawer .detail-builder .switch,
.drawer-white .detail-builder .switch input.check + label:before,
.row:nth-of-type(2n + 2) .drawer .detail-builder .switch input.check + label:before,
.help-get .item.on .item-drawer .detail-builder .switch input.check + label:before,
.device-support .items .item.on .item-drawer .detail-builder .switch input.check + label:before,
.drawer-white .detail-builder .switch input.check:checked + label,
.row:nth-of-type(2n + 2) .drawer .detail-builder .switch input.check:checked + label,
.help-get .item.on .item-drawer .detail-builder .switch input.check:checked + label,
.device-support .items .item.on .item-drawer .detail-builder .switch input.check:checked + label {
  background-color: #ffffff;
}

/***************************************/

/*  #30 - Section Drawer Accounts Edit */

/***************************************/

.accounts-edit .groups:after {
  content: "";
  clear: both;
  display: block;
}

.accounts-edit .group {
  width: 31.42857%;
  float: left;
  margin-right: 2.85714%;
  padding: 16px;
  padding: 1rem;
}

.accounts-edit .group:last-child {
  margin-right: 0;
}

.accounts-edit .buttons {
  width: 31.42857%;
  float: left;
  margin-left: 34.28571%;
  margin-right: -100%;
  text-align: center;
}

.accounts-edit:after {
  content: "";
  clear: both;
  display: block;
}

/***************************************/

/*  #33 - Page Header          */

/***************************************/

.page-title {
  position: relative;
  background-color: inherit;
  z-index: 50;
}

.page-title h1 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 32px;
  margin-top: 2rem;
  margin-bottom: 38.4px;
  margin-bottom: 2.4rem;
  line-height: 40px;
  line-height: 2.5rem;
}

@media only screen and (min-width: 48em) {
  .page-title h1 {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%;
  }
}

@media only screen and (min-width: 62em) {
  .page-title h1 {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%;
  }
}

.page-title h2 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #889391;
}

@media only screen and (min-width: 48em) {
  .page-title h2 {
    margin-top: -24px;
    margin-top: -1.5rem;
    margin-bottom: 36px;
    margin-bottom: 2.25rem;
  }
}

@media only screen and (min-width: 62em) {
  .page-title h2 {
    margin-top: -24px;
    margin-top: -1.5rem;
    margin-bottom: 36px;
    margin-bottom: 2.25rem;
  }
}

.page-title .search-inpage {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-right: 0;
  position: relative;
  right: auto;
}

@media only screen and (min-width: 48em) {
  .page-title .search-inpage {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
    margin-top: 44px;
    margin-top: 2.75rem;
    position: absolute;
    right: 0;
  }
}

@media only screen and (min-width: 62em) {
  .page-title .search-inpage {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
    margin-top: 44px;
    margin-top: 2.75rem;
    position: absolute;
    right: 0;
  }
}

.page-title .search-inpage .inpage input {
  width: 80%;
}

.page-title a[class*="close"] {
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  margin-top: 44px;
  margin-top: 2.75rem;
  float: right;
  background-size: cover;
}

.page-title:after {
  content: "";
  display: block;
  clear: both;
}

/***************************************/

/*  #33 - Drawer Title          */

/***************************************/

.drawer-title {
  padding: 24px;
  padding: 1.5rem;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.drawer-title {
  *zoom: 1;
}

.drawer-title:before,
.drawer-title:after {
  content: "";
  display: table;
}

.drawer-title:after {
  clear: both;
}

.drawer-title.is_stuck {
  z-index: 10001;
  background-color: #0083c2;
}

.drawer-title.is_stuck * {
  color: #ffffff;
}

.drawer-title .close {
  color: #889391;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 32px;
  margin-top: 2rem;
  margin-right: 32px;
  margin-right: 2rem;
  display: block;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  background-size: cover;
}

.drawer-title .title {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  letter-spacing: -1px;
}

.drawer-title .title .secondary {
  font-family: "Telkom123-Regular", sans-serif;
}

.drawer-title .details {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 16px;
  padding-top: 1rem;
}

@media (max-width: 48em) {
  .drawer-title .details .section-value {
    margin-top: 0;
    font-size: 48px;
    font-size: 3rem;
    line-height: 51.6px;
    line-height: 3.225rem;
  }

  .drawer-title .details .section-value sup {
    top: -17.6px;
    top: -1.1rem;
  }
}

@media (min-width: 48em) {
  .drawer-title .title {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    min-height: 80px;
    min-height: 5rem;
  }

  .drawer-title .details {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
    text-align: right;
    padding-top: 0;
  }
}

@media (min-width: 62em) {
  .drawer-title .title {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .drawer-title .details {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

.drawer-title .section-value {
  margin-top: 24px;
  margin-top: 1.5rem;
}

@media (min-width: 48em) {
  .drawer-title .section-value {
    margin-top: 0;
  }
}

.drawer-title h1 {
  font-family: "Telkom123-Bold", sans-serif;
  margin: 0;
  color: #0083c2;
}

.drawer-title h1 br {
  display: none;
}

@media only screen and (min-width: 48em) {
  .drawer-title h1 br {
    display: inline;
  }
}

@media only screen and (min-width: 62em) {
  .drawer-title h1 br {
    display: inline;
  }
}

.drawer-title p {
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.drawer-title .helper {
  display: inline;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

.drawer-title .helper > a {
  display: inline-block;
}

.drawer-title .helper .helper-text {
  top: 0;
  font-family: "Telkom123-Regular", sans-serif;
  margin-top: 16px;
  margin-top: 1rem;
}

@media (min-width: 48em) {
  .drawer-title .helper .helper-text {
    top: -21px;
    margin-top: 0;
  }
}

/***************************************/

/*  #33 - Shop Detail Builder          */

/***************************************/

.detail-builder {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-right: 0;
}

.detail-builder {
  *zoom: 1;
}

.detail-builder:before,
.detail-builder:after {
  content: "";
  display: table;
}

.detail-builder:after {
  clear: both;
}

.detail-builder h3 {
  color: #889391;
}

.detail-builder h3:first-of-type {
  margin-bottom: 0;
}

.detail-builder .builder-grouping {
  padding: 24px;
  padding: 1.5rem;
  border-top: 1px solid #e8e7e7;
  position: relative;
}

.detail-builder .builder-grouping:after {
  content: "";
  display: block;
  clear: both;
}

.detail-builder .builder-grouping .detail-sidebar {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .detail-builder .builder-grouping .detail-sidebar {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }
}

@media (min-width: 75em) {
  .detail-builder .builder-grouping .detail-sidebar {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }
}

.detail-builder .builder-grouping .range,
.detail-builder .builder-grouping .choices {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.detail-builder .builder-grouping .detail-sidebar + .range,
.detail-builder .builder-grouping .detail-sidebar + .choices {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .detail-builder .builder-grouping .detail-sidebar + .range,
  .detail-builder .builder-grouping .detail-sidebar + .choices {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .detail-builder .builder-grouping .detail-sidebar + .range,
  .detail-builder .builder-grouping .detail-sidebar + .choices {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

.detail-builder .builder-grouping h2 {
  margin-top: 0;
  letter-spacing: -1px;
}

@media (min-width: 48em) {
  .detail-builder .builder-grouping h2 {
    margin-bottom: 32px;
    margin-bottom: 2rem;
  }
}

.detail-builder .builder-grouping .button-unit {
  padding: 0;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.detail-builder .builder-grouping .button-unit .button {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .detail-builder .builder-grouping .button-unit .button {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    margin-right: 0;
  }
}

.detail-builder .builder-grouping .button-unit .button a {
  width: 100%;
}

@media (min-width: 48em) {
  .detail-builder .builder-grouping .button-unit .button a {
    width: 90%;
  }
}

.detail-builder .builder-grouping .button-unit .no-margin {
  margin-right: 0;
}

.detail-builder .builder-grouping .button-unit a {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 0;
  display: block;
}

.detail-builder .builder-grouping .extra-unit {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.detail-builder .builder-grouping .extra-unit * {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .detail-builder .builder-grouping .extra-unit * {
    width: 31.5%;
  }
}

.detail-builder .builder-grouping .extra-unit a:hover {
  color: #0083c2;
}

.detail-builder .builder-grouping .extra-unit span:hover {
  color: #889391;
}

.detail-builder .builder-grouping .extra-unit .pdfdownload {
  padding-right: 0;
}

.detail-builder .builder-grouping .slider-select .SumoSelect {
  width: 100%;
  position: relative;
  background-color: #e8e7e7;
}

@media (min-width: 48em) {
  .detail-builder .builder-grouping .slider-select .SumoSelect {
    width: 50%;
  }
}

.detail-builder .builder-grouping .slider-select .SumoSelect .optWrapper ul li {
  padding-left: 16px;
  padding-left: 1rem;
}

.detail-builder .builder-grouping .slider-select .SumoSelect .optWrapper ul li.selected {
  background-color: #0083c2;
}

.detail-builder .builder-grouping .slider-select .SumoSelect .optWrapper ul li.selected label {
  color: #ffffff;
}

.detail-builder .step-details {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.detail-builder .step-details {
  *zoom: 1;
}

.detail-builder .step-details:before,
.detail-builder .step-details:after {
  content: "";
  display: table;
}

.detail-builder .step-details:after {
  clear: both;
}

.detail-builder .step-item {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .detail-builder .step-item {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    padding-top: 0;
  }
}

@media (min-width: 48em) and (max-width: 75em) {
  .detail-builder .step-item:nth-of-type(2n+2) {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .detail-builder .step-item {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }

  .detail-builder .step-item:nth-of-type(4n+4) {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .detail-builder .call-me-back .form-group {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .detail-builder .call-me-back .form-group:nth-of-type(3n+3),
  .detail-builder .call-me-back .form-group:nth-of-type(3) {
    float: right;
    margin-right: 0;
  }
}

.detail-builder .call-me-back .form-group .message-error .errorlist {
  margin-top: 16px;
  margin-top: 1rem;
  padding: 16px;
  padding: 1rem;
  background: #da1b60;
  color: #ffffff;
}

@media (max-width: 48em) {
  .detail-builder .step5 .order-image {
    padding-bottom: 16px;
    padding-bottom: 1rem;
  }
}

@media (min-width: 48em) {
  .detail-builder .step5 .order-image {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }
}

@media (min-width: 48em) and (max-width: 62em) {
  .detail-builder .step5 .order-summary {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .detail-builder .step5 .order-summary {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
}

@media (min-width: 48em) {
  .detail-builder .step5 .order-terms {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.detail-builder .choices {
  margin-bottom: 36px;
  margin-bottom: 2.25rem;
}

.detail-builder .choices .option p {
  margin-bottom: 0;
}

.detail-builder .choices .option img {
  max-width: 65%;
  display: block;
  text-align: center;
  margin: auto;
}

.detail-builder .choices .option .no-image {
  max-width: 100%;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-position: center;
  background-size: 40%;
}

.detail-builder .choices .option-bundle {
  margin-top: 12px;
  margin-top: 0.75rem;
  position: relative;
}

@media (min-width: 48em) {
  .detail-builder .choices .option-bundle {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

.detail-builder .choices .option-bundle .SumoSelect {
  border: 1px solid #e8e7e7;
}

.detail-builder .choices .option-bundle .SumoSelect .SelectBox span {
  color: #889391;
}

.detail-builder .choices .option-bundle .SumoSelect ul {
  background: #ffffff;
}

.detail-builder .choices .option-bundle .SumoSelect li {
  padding-left: 0;
}

.detail-builder .choices p {
  font-size: 14.4px;
  font-size: 0.9rem;
  line-height: 19.2px;
  line-height: 1.2rem;
}

.detail-builder .choices .helper [class*="icon-"] {
  margin: 0 auto;
  margin-top: 12px;
  margin-top: 0.75rem;
}

.detail-builder .choices .helper-text {
  text-align: left;
  width: 272px;
  width: 17rem;
  min-width: 272px;
  min-width: 17rem;
}

.detail-builder .switch {
  height: 22px;
  height: 1.375rem;
  padding-right: 6.4px;
  padding-right: 0.4rem;
  margin: 0;
  float: left;
  background: #ffffff;
}

.detail-builder .switch input.check + label {
  width: 22px;
  width: 1.375rem;
  height: 22px;
  height: 1.375rem;
  padding: 0;
}

.detail-builder .switch input.check + label:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
  border: 1px solid #e8e7e7;
}

.detail-builder .switch input.check + label:after {
  width: 22px;
  width: 1.375rem;
  height: 24px;
  height: 1.5rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding-left: 3.2px;
  padding-left: 0.2rem;
}

.detail-builder .switch input.check:checked + label {
  background-color: #ffffff;
}

.detail-builder .switch input.check:checked + label:after {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/check-blue.png?ecef87a8c36d');
  background-size: 80%;
  background-position: 50%;
  background-repeat: no-repeat;
}

.svg .detail-builder .switch input.check:checked + label:after {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/check-blue.svg?9d3616326ccf');
}

.detail-builder .order-steps h3 {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.detail-builder .order-steps h2 {
  padding-top: 16px;
  padding-top: 1rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@media (min-width: 48em) {
  .detail-builder .order-steps h2 {
    padding-top: 0;
  }
}

.detail-builder .order-steps .order-image img {
  max-width: 75%;
  display: block;
  margin: 0 auto;
}

.detail-builder .order-steps .bill-list,
.detail-builder .order-steps .order-terms {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.detail-builder .order-steps .bill-item .switch {
  margin-right: 16px;
  margin-right: 1rem;
  float: left;
}

.detail-builder .order-steps .bill-item .switch input.toggler {
  position: absolute;
}

.detail-builder .order-steps .bill-item .switch input.check + label:after {
  height: 16px;
  height: 1rem;
}

.detail-builder .step-item .opt-in {
  padding-top: 16px;
  padding-top: 1rem;
  padding-left: 8px;
  padding-left: 0.5rem;
}

.detail-builder .step-item .switch {
  margin-right: 16px;
  margin-right: 1rem;
  float: left;
}

.detail-builder .step-item .switch input.check + label:after {
  height: 16px;
  height: 1rem;
}

.detail-builder .step-item .opt-in {
  padding-top: 0;
}

.detail-builder .step-item .errorlist {
  color: #da1b60;
  padding-top: 16px;
  padding-top: 1rem;
}

.detail-builder .other-banks {
  display: none;
}

.detail-builder .order-terms > p {
  font-size: 12px;
  font-size: 0.75rem;
}

.detail-builder .order-terms .opt-in {
  padding-top: 16px;
  padding-top: 1rem;
  padding-left: 8px;
  padding-left: 0.5rem;
}

.detail-builder .order-terms .opt-in input.toggler {
  position: absolute;
}

.detail-builder .order-terms .switch {
  margin-right: 16px;
  margin-right: 1rem;
  float: left;
}

.detail-builder .order-terms .switch input.check + label:after {
  height: 16px;
  height: 1rem;
}

.detail-builder .order-terms .errorlist {
  margin-top: 80px;
  margin-top: 5rem;
  padding: 16px;
  padding: 1rem;
  background: #da1b60;
  color: #ffffff;
  clear: both;
}

.detail-builder .order-buttons {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 24px;
  padding-top: 1.5rem;
  margin-right: 0;
}

@media (min-width: 48em) {
  .detail-builder .order-buttons {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }
}

.detail-builder .order-buttons .button-back {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.detail-builder .order-buttons .button-back a {
  display: block;
  text-align: right;
}

.detail-builder .order-buttons .button-call-back {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.detail-builder .order-buttons .button-call-back a {
  display: block;
}

.detail-builder .order-buttons .button-cancel {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.detail-builder .order-buttons .button-cancel a {
  margin: 0;
  display: block;
}

.detail-builder .order-buttons .button-continue {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: block;
  float: right;
  margin-right: 0;
}

.detail-builder .order-buttons .button-continue a {
  display: block;
}

.detail-builder .order-buttons .button-continue [type="submit"] {
  width: 100%;
  display: block;
}

.detail-builder .order-buttons .button-call {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: block;
  float: right;
  margin-right: 0;
}

.detail-builder .order-buttons .button-call a {
  display: block;
}

.detail-builder .detail-content {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-right: 0;
}

.detail-builder .detail-content > h2 {
  margin: 0;
}

@media (min-width: 48em) {
  .detail-builder .detail-content {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%;
    padding-left: 24px;
    padding-left: 1.5rem;
    margin-right: 0;
  }
}

.detail-builder .confirmation {
  width: 100%;
  min-height: 288px;
  min-height: 18rem;
  display: table;
}

.detail-builder .confirmation .confirmation-message {
  width: 100%;
  padding-right: 0;
  display: table-cell;
  vertical-align: middle;
  background-image: url('//static.telkom.co.za/today/static/web/img/thumbs_up_arm.png?b913b6203f48');
  background-size: 314px 207px;
  background-repeat: no-repeat;
  padding-bottom: 272px;
  padding-bottom: 17rem;
  background-position: bottom;
}

@media (min-width: 48em) {
  .detail-builder .confirmation .confirmation-message {
    background-position: right center;
    padding-right: 50%;
    padding-bottom: 0;
  }
}

.detail-builder .confirmation h1 {
  margin: 0;
  color: #0083c2;
}

.detail-builder .confirmation h2 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
  margin: 0;
}

.detail-builder .confirmation h5 {
  margin-top: 32px;
  margin-top: 2rem;
}

.detail-builder .detail-sidebar h2:first-child {
  margin-top: 0;
}

.detail-builder .detail-sidebar p {
  margin-top: 0;
}

.detail-builder .detail-sidebar .small-links a {
  float: left;
  margin: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #889391;
}

.detail-builder .detail-sidebar .small-links a:hover {
  color: #0083c2;
}

.detail-builder .detail-sidebar .small-links .extra-link-right {
  float: right;
}

.detail-builder .detail-sidebar .small-links:after {
  content: "";
  display: block;
  clear: both;
}

.detail-builder .sidebar-value {
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
}

.detail-builder .sidebar-value span {
  font-weight: bold;
  color: #0083c2;
}

.detail-builder .choices-carousel + .shop-wizard-product {
  margin-top: 36px;
  margin-top: 2.25rem;
}

.detail-builder .toggler {
  position: relative;
}

.detail-builder .toggler label {
  padding: 0;
  line-height: 32px;
  line-height: 2rem;
  display: block;
  color: #889391;
}

.detail-builder .toggler label:hover {
  cursor: pointer;
}

.detail-builder .toggler label div {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #e8e7e7;
  padding: 1px;
  border-radius: 36px;
  border-radius: 2.25rem;
}

.detail-builder .toggler label div i {
  float: left;
  text-transform: uppercase;
  font-style: normal;
  font-size: 12.8px;
  font-size: 0.8rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  border-radius: 36px;
  border-radius: 2.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  display: inline-block;
  color: #889391;
}

.detail-builder .toggler label div i.months24 {
  color: #ffffff;
  background: #0083c2;
}

.detail-builder .toggler input:checked + label div .months24 {
  background: #ffffff;
  color: #889391;
}

.detail-builder .toggler input:checked + label div .months36 {
  background: #0083c2;
  color: #ffffff;
}

.detail-builder .toggler input {
  display: none;
}

.detail-builder .toggler label:before,
.detail-builder .toggler label:after {
  display: none;
}

.detail-builder .Form {
  padding: 0;
}

.detail-builder .irs-with-grid {
  height: 56px;
  height: 3.5rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

.detail-builder .irs .irs-slider {
  width: 29.6px;
  width: 1.85rem;
  height: 29.6px;
  height: 1.85rem;
  border-radius: 29.6px;
  border-radius: 1.85rem;
  top: 20.96px;
  top: 1.31rem;
  border: 3px solid #e8e7e7;
  z-index: 3;
}

.detail-builder .irs .irs-slider:hover {
  cursor: pointer;
}

.detail-builder .irs .irs-line,
.detail-builder .irs .irs-line span,
.detail-builder .irs .irs-bar,
.detail-builder .irs .irs-bar-edge {
  height: 6px;
  height: 0.375rem;
}

.detail-builder .irs .irs-line,
.detail-builder .irs .irs-bar,
.detail-builder .irs .irs-bar-edge {
  top: 17.6px;
  top: 1.1rem;
  height: 37.44px;
  height: 2.34rem;
  background: transparent url('//static.telkom.co.za/today/static/web/img/track.png?bddbc6fecd7b') repeat-x center !important;
  background-size: 50%;
}

.detail-builder .irs .irs-line {
  z-index: 2;
}

.detail-builder .irs .irs-bar,
.detail-builder .irs .irs-bar-edge {
  z-index: 3;
}

.detail-builder .irs .irs-bar-edge {
  display: none;
}

.detail-builder .irs .irs-grid-pol {
  width: 37.44px;
  width: 2.34rem;
  height: 37.44px;
  height: 2.34rem;
  border-radius: 40px;
  border-radius: 2.5rem;
  margin-left: -17.92px;
  margin-left: -1.12rem;
  margin-top: -30.4px;
  margin-top: -1.9rem;
  background: #e8e7e7;
  opacity: 1;
  z-index: 1;
  display: none;
}

.detail-builder .irs .irs-grid-pol:hover {
  cursor: pointer;
}

.detail-builder .irs .irs-grid-text {
  font-size: 13.12px;
  font-size: 0.82rem;
  line-height: 16px;
  line-height: 1rem;
  font-family: "Telkom123-Bold", sans-serif;
  color: #cccccc;
  top: 12px;
  white-space: normal;
  width: 75px;
}

/***************************************/

/*  #33 - Shop Detail Text/Table       */

/***************************************/

.text-table {
  width: 74.28571%;
  float: left;
  margin-right: 2.85714%;
  padding: 16px;
  padding: 1rem;
  margin-right: 0;
}

.text-table .extra-link-blue {
  float: right;
  margin-top: 8px;
  margin-top: 0.5rem;
}

.text-table table {
  width: 100%;
}

.text-table table tr {
  border-bottom: 1px solid #e8e7e7;
}

.text-table table tr:last-child {
  border: 0;
}

.text-table table th,
.text-table table td {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  text-align: left;
  vertical-align: middle;
}

.text-table table th {
  width: 40%;
}

/***************************************/

/*  #33 - Shop Bespoke                 */

/***************************************/

.shop-bespoke {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.shop-bespoke .drawer-title {
  padding-left: 0;
  padding-right: 0;
}

.shop-bespoke .builder-grouping {
  padding-left: 6%;
  padding-right: 6%;
  margin-left: -6%;
  margin-right: -6%;
}

.shop-bespoke .choices .option img {
  opacity: 1 !important;
}

.shop-bespoke:after {
  content: "";
  clear: both;
  display: block;
}

/***************************************/

/*  #33 - Call Back                    */

/***************************************/

.call-back {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
  padding-left: 24px;
  padding-left: 1.5rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  background: #005e9b;
}

@media (min-width: 48em) {
  .call-back {
    padding-left: 5%;
    padding-right: 5%;
  }
}

.call-back h1 {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  color: #ffffff;
}

.call-back .form-group,
.call-back .buttons {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.call-back .field {
  border-color: #4687b2;
}

.call-back .label {
  color: #ffffff;
}

.call-back input[type="text"],
.call-back input[type="password"] {
  color: #ffffff;
}

.call-back input[type="text"]:active,
.call-back input[type="password"]:active {
  color: #ffffff;
}

.call-back input[type="text"]:focus,
.call-back input[type="password"]:focus {
  color: #ffffff;
}

.call-back input[type="text"]::-webkit-input-placeholder,
.call-back input[type="password"]::-webkit-input-placeholder {
  color: #2695cb;
}

.call-back input[type="text"]:-moz-placeholder,
.call-back input[type="password"]:-moz-placeholder {
  color: #2695cb;
}

.call-back input[type="text"]::-moz-placeholder,
.call-back input[type="password"]::-moz-placeholder {
  color: #2695cb;
}

.call-back input[type="text"]:-ms-input-placeholder,
.call-back input[type="password"]:-ms-input-placeholder {
  color: #2695cb;
}

.call-back:after {
  content: "";
  clear: both;
  display: block;
}

.call-back .buttons .btn-pink {
  border: 1px solid #743a7c;
}

@media (min-width: 48em) {
  .call-back .field {
    margin-right: 24px;
    margin-right: 1.5rem;
  }

  .call-back .form-group {
    width: 35.71429%;
    float: left;
    margin-right: 2.85714%;
  }

  .call-back .buttons {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .call-back .form-group {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }
}

.call-back-icon {
  width: 90%;
  min-height: 320px;
  min-height: 20rem;
  display: block;
  margin: 5%;
  background-position: center center;
}

@media (min-width: 48em) {
  .call-back-icon {
    width: 40%;
    float: left;
  }
}

.call-back-explore {
  width: 100% !important;
  display: block !important;
  float: none !important;
}

@media (min-width: 48em) {
  .call-back-explore {
    width: 50% !important;
    float: right !important;
  }
}

.call-back-explore .buttons {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.call-back-explore .buttons {
  *zoom: 1;
}

.call-back-explore .buttons:before,
.call-back-explore .buttons:after {
  content: "";
  display: table;
}

.call-back-explore .buttons:after {
  clear: both;
}

.call-back-explore .buttons .button {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .call-back-explore .buttons .button {
    width: 44.28571%;
    float: left;
    margin-right: 2.85714%;
  }
}

/***************************************/

/*  #34 - Shop Listing Slider          */

/***************************************/

.shop-listing-slider {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
  padding-top: 16px;
  padding-top: 1rem;
  padding-right: 0px;
  padding-right: 0rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-left: 0px;
  padding-left: 0rem;
  /*h2 {
        @include rem-fallback(line-height, ms(1) * 0.8);
    }*/
}

@media (min-width: 48em) {
  .shop-listing-slider {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 48em) {
  .shop-listing-slider {
    padding-top: 33.216px;
    padding-top: 2.076rem;
    padding-right: 0px;
    padding-right: 0rem;
    padding-bottom: 33.216px;
    padding-bottom: 2.076rem;
    padding-left: 0px;
    padding-left: 0rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.shop-listing-slider .items:after {
  content: "";
  display: block;
  clear: both;
}

.no-js .shop-listing-slider .items {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.no-js .shop-listing-slider .items {
  *zoom: 1;
}

.no-js .shop-listing-slider .items:before,
.no-js .shop-listing-slider .items:after {
  content: "";
  display: table;
}

.no-js .shop-listing-slider .items:after {
  clear: both;
}

.shop-listing-slider .item {
  width: 100%;
  display: block;
  padding-top: 0px;
  padding-top: 0rem;
  padding-right: 0px;
  padding-right: 0rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  padding-left: 0px;
  padding-left: 0rem;
  padding-bottom: 0;
  text-align: center;
  position: relative;
  z-index: 2;
  border-bottom: 0;
}

.shop-listing-slider .item p {
  height: auto !important;
  overflow: hidden;
  min-height: 58px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 48em) {
  .no-js .shop-listing-slider .item {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .no-js .shop-listing-slider .item:nth-of-type(2n + 2) {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 48em) and (max-width: 62em) {
  .no-js .shop-listing-slider .item {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }

  .no-js .shop-listing-slider .item:nth-of-type(4n + 4) {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .no-js .shop-listing-slider .item {
    width: 17.71429%;
    float: left;
    margin-right: 2.85714%;
  }

  .no-js .shop-listing-slider .item:nth-of-type(5n + 5) {
    float: right;
    margin-right: 0;
  }
}

.shop-listing-slider .item .tag {
  position: absolute;
  width: 4rem;
  height: 4rem;
  top: 1rem;
  right: 1rem;
  border-radius: 4rem;
  background: #da1b60;
}

.shop-listing-slider .item .tag .label {
  width: 3.6rem;
  height: 3.6rem;
  padding-top: 0.4rem;
  margin-top: 0.2rem;
  margin-left: 0.2rem;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Telkom123-Bold", sans-serif;
  text-align: center;
  font-size: 0.75rem;
  border: 2px solid #ffffff;
  border-radius: 3.6rem;
}

.shop-listing-slider .item a {
  width: 100%;
  float: left;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #889391;
}

.shop-listing-slider .item img {
  max-height: 75%;
  width: 100%;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 48em) {
  .shop-listing-slider .item img {
    max-width: 55%;
    height: auto;
  }
}

.shop-listing-slider .item p {
  margin: 0;
  padding-top: 0px;
  padding-top: 0rem;
  padding-right: 32px;
  padding-right: 2rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  padding-left: 32px;
  padding-left: 2rem;
  font-size: 28px;
  font-size: 1.2rem;
  line-height: 30.4px;
  line-height: 1.3rem;
  min-height: 80px;
  min-height: 5rem;
  font-family: "Telkom123-Light", sans-serif;
  letter-spacing: -1.5px;
}

.shop-listing-slider .item.on {
  background: #efefef;
  border: 1px solid #e8e7e7;
  border-bottom: 0;
}

.shop-listing-slider .item.deselect {
  background: transparent;
  border-color: transparent;
}

.shop-listing-slider .item:after {
  content: "";
  display: block;
  clear: both;
}

.shop-listing-slider .item:last-child {
  margin-right: 0;
}

.shop-listing-slider .no-image {
  max-width: 100%;
  min-height: 184px;
  min-height: 11.5rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  background-position: top;
  background-size: 32%;
}

.shop-listing-slider .pick {
  position: relative;
}

.shop-listing-slider .pick input {
  display: none;
  margin-top: -16px;
  margin-top: -1rem;
  padding: 24px;
  padding: 1.5rem;
}

.shop-listing-slider .pick input + label {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

.shop-listing-slider .pick .indicator {
  bottom: 0;
  left: 50%;
  display: none;
}

.shop-listing-slider .pick input + label {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.shop-listing-slider .pick input + label .indicator .icon-product-add {
  opacity: 1;
}

.shop-listing-slider .pick input + label .indicator .icon-product-added {
  opacity: 0;
}

.shop-listing-slider .pick.to-compare label > * {
  display: block;
  pointer-events: none;
}

.shop-listing-slider .pick.to-compare img {
  opacity: 0.25;
}

.shop-listing-slider .pick input:checked + label img {
  opacity: 1;
}

.shop-listing-slider .pick input:checked + label .indicator .icon-product-add {
  opacity: 0;
}

.shop-listing-slider .pick input:checked + label .indicator .icon-product-added {
  opacity: 1;
}

/***************************************/

/*  #35 - Shop Wizard Sidebar          */

/***************************************/

.shop-wizard-sidebar {
  background: #efefef;
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
  padding-left: 5.5%;
  padding-right: 4%;
  position: relative;
}

.shop-wizard-sidebar h2:first-child {
  color: #0083c2;
  margin-top: 0;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.shop-wizard-sidebar h3 {
  color: #0083c2;
}

.shop-wizard-sidebar p {
  color: #ffffff;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.shop-wizard-sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.shop-wizard-sidebar li {
  height: 36px;
  height: 2.25rem;
  position: relative;
  color: #e8e7e7;
}

.shop-wizard-sidebar li span {
  min-width: 40px;
  min-width: 2.5rem;
  min-height: 16px;
  min-height: 1rem;
  border-radius: 32px;
  border-radius: 2rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 3px;
  margin-top: 0.1875rem;
  float: right;
  text-align: center;
  border: 1px solid #e8e7e7;
}

.shop-wizard-sidebar label {
  padding-left: 36px;
  padding-left: 2.25rem;
  line-height: 32px;
  line-height: 2rem;
  display: block;
  color: #889391;
}

.shop-wizard-sidebar label:hover {
  cursor: pointer;
}

.shop-wizard-sidebar label div {
  display: inline-block;
  background: #efefef;
  border: 1px solid #e8e7e7;
  padding: 1px;
  border-radius: 36px;
  border-radius: 2.25rem;
}

.shop-wizard-sidebar label div i {
  float: left;
  text-transform: uppercase;
  font-style: normal;
  font-size: 12.8px;
  font-size: 0.8rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  border-radius: 36px;
  border-radius: 2.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  display: inline-block;
  color: #889391;
}

.shop-wizard-sidebar label div i.no {
  color: #ffffff;
  background: #0083c2;
}

.shop-wizard-sidebar input + label:before {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  border-radius: 18px;
  border-radius: 1.125rem;
  display: block;
  position: absolute;
  top: -5px;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  border: 1px solid #e8e7e7;
}

.shop-wizard-sidebar input:checked + label {
  color: #0083c2;
  border-color: #0083c2;
}

.shop-wizard-sidebar input:checked + label:before,
.shop-wizard-sidebar input:checked + label span {
  background: #0083c2;
  color: #e8e7e7;
  border-color: #0083c2;
}

.shop-wizard-sidebar input:checked + label div .yes {
  background: #0083c2;
  color: #ffffff;
}

.shop-wizard-sidebar input:checked + label div .no {
  background: transparent;
  color: #889391;
}

.shop-wizard-sidebar input {
  display: none;
}

.shop-wizard-sidebar .toggler label {
  padding: 0;
}

.shop-wizard-sidebar .toggler label:before,
.shop-wizard-sidebar .toggler label:after,
.shop-wizard-sidebar .toggler span {
  display: none;
}

.shop-wizard-sidebar .radios {
  background: #ffffff;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  display: inline-block;
  padding: 1px;
  border: 1px solid #e8e7e7;
  border-radius: 36px;
  border-radius: 2.25rem;
}

.shop-wizard-sidebar .radios li {
  float: left;
  height: 31.2px;
  height: 1.95rem;
}

.shop-wizard-sidebar .radios li label {
  text-transform: uppercase;
  font-style: normal;
  font-size: 12.8px;
  font-size: 0.8rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  border-radius: 36px;
  border-radius: 2.25rem;
  line-height: 28.8px;
  line-height: 1.8rem;
}

.shop-wizard-sidebar .radios li input + label {
  border: 1px solid #ffffff;
}

.shop-wizard-sidebar .radios li input:checked + label {
  background: #0083c2;
  border: 1px solid #0083c2;
  color: #ffffff;
}

.shop-wizard-sidebar .radios:after {
  content: "";
  clear: both;
  display: block;
}

.shop-wizard-sidebar .radio-list input + label:before {
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  border: 0;
  border-radius: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: transparent;
}

.shop-wizard-sidebar .radio-list .playing-games-wizard label:before,
.shop-wizard-sidebar .radio-list .playing-games-wizard-home label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-games.png?23c69fb44c57');
}

.shop-wizard-sidebar .radio-list .playing-games-wizard input:checked + label:before,
.shop-wizard-sidebar .radio-list .playing-games-wizard-home input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-games-blue.png?c55b55990f40');
}

.shop-wizard-sidebar .radio-list .chatting-people-wizard label:before,
.shop-wizard-sidebar .radio-list .chatting-people-wizard-home label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-chatting.png?e72a59c08ccb');
}

.shop-wizard-sidebar .radio-list .chatting-people-wizard input:checked + label:before,
.shop-wizard-sidebar .radio-list .chatting-people-wizard-home input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-chatting-blue.png?07b788f02123');
}

.shop-wizard-sidebar .radio-list .emails label:before,
.shop-wizard-sidebar .radio-list .checking-emails-wizard label:before,
.shop-wizard-sidebar .radio-list .checking-emails-wizard-home label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-email.png?b9dc92b8ede7');
}

.shop-wizard-sidebar .radio-list .emails input:checked + label:before,
.shop-wizard-sidebar .radio-list .checking-emails-wizard input:checked + label:before,
.shop-wizard-sidebar .radio-list .checking-emails-wizard-home input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-email-blue.png?2b332e6bfbe8');
}

.shop-wizard-sidebar .radio-list .listening-music-wizard label:before,
.shop-wizard-sidebar .radio-list .listening-music-wizard-home label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-music.png?b4854f3fbd16');
}

.shop-wizard-sidebar .radio-list .listening-music-wizard input:checked + label:before,
.shop-wizard-sidebar .radio-list .listening-music-wizard-home input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-music-blue.png?0d3a931875e9');
}

.shop-wizard-sidebar .radio-list .audio-and-video-streaming label:before,
.shop-wizard-sidebar .radio-list .watching-videos-wizard label:before,
.shop-wizard-sidebar .radio-list .watching-videos-wizard-home label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-videos.png?6608f44a7ad2');
}

.shop-wizard-sidebar .radio-list .audio-and-video-streaming input:checked + label:before,
.shop-wizard-sidebar .radio-list .watching-videos-wizard input:checked + label:before,
.shop-wizard-sidebar .radio-list .watching-videos-wizard-home input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-videos-blue.png?1d8d561da978');
}

.shop-wizard-sidebar .radio-list .social-networking label:before,
.shop-wizard-sidebar .radio-list .social-media-wizard label:before,
.shop-wizard-sidebar .radio-list .social-media-wizard-home label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-social.png?56dfc2a76d85');
}

.shop-wizard-sidebar .radio-list .social-networking input:checked + label:before,
.shop-wizard-sidebar .radio-list .social-media-wizard input:checked + label:before,
.shop-wizard-sidebar .radio-list .social-media-wizard-home input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-social-blue.png?be599bd29b59');
}

.shop-wizard-sidebar .radio-list .general-browsing label:before,
.shop-wizard-sidebar .radio-list .browsing-searching-wizard label:before,
.shop-wizard-sidebar .radio-list .browsing-searching-wizard-home label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-browsing.png?625209ce2af7');
}

.shop-wizard-sidebar .radio-list .general-browsing input:checked + label:before,
.shop-wizard-sidebar .radio-list .browsing-searching-wizard input:checked + label:before,
.shop-wizard-sidebar .radio-list .browsing-searching-wizard-home input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-browsing-blue.png?fb0079e54224');
}

.shop-wizard-sidebar .radio-list .transferring-large-files label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-file-transfer.png?d94e4523c468');
}

.shop-wizard-sidebar .radio-list .transferring-large-files input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-file-transfer-blue.png?7f088eb1902d');
}

.shop-wizard-sidebar .radio-list .cloud-services label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-cloud.png?f2c7307ee6fd');
}

.shop-wizard-sidebar .radio-list .cloud-services input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-file-transfer-blue.png?7f088eb1902d');
}

.shop-wizard-sidebar .radio-list .video-conferencing label:before,
.shop-wizard-sidebar .radio-list .voip-calls label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-voip.png?ab44b6f2c1d0');
}

.shop-wizard-sidebar .radio-list .video-conferencing input:checked + label:before,
.shop-wizard-sidebar .radio-list .voip-calls input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-voip-blue.png?70fe4a8e1097');
}

.shop-wizard-sidebar .image-group li {
  width: 20%;
  float: left;
  position: relative;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.shop-wizard-sidebar .image-group li label:before {
  width: 35.2px;
  width: 2.2rem;
  height: 35.2px;
  height: 2.2rem;
  margin: 0 auto;
  border: 0;
  background-color: transparent;
  background-size: 120%;
  background-position: center center;
  border-radius: 0;
}

.shop-wizard-sidebar .image-group li input:checked + label:before {
  background-color: transparent;
}

.shop-wizard-sidebar .image-group li:hover > .helper .helper-text {
  min-width: 288px;
  min-width: 18rem;
  text-align: left;
  display: block;
}

.shop-wizard-sidebar .image-group li:hover > .helper .helper-text:after {
  display: none;
}

.shop-wizard-sidebar .image-group li:hover:after {
  width: 0;
  height: 0;
  background: #005e9b;
  content: " ";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 6px;
  right: 0;
  bottom: -25px;
  z-index: 19;
}

@media (min-width: 48em) {
  .shop-wizard-sidebar .image-group li:hover:after {
    width: 18px;
    height: 18px;
  }
}

.shop-wizard-sidebar .image-group .voice-fixed label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/voiceit-fixedline.png?91a740432127');
}

.shop-wizard-sidebar .image-group .voice-fixed input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/voiceit-fixedline-blue.png?e8049d154855');
}

.shop-wizard-sidebar .image-group .voice-pbx label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/voiceit-pbx.png?a9d72e6c003c');
}

.shop-wizard-sidebar .image-group .voice-pbx input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/voiceit-pbx-blue.png?3d7041dc9740');
}

.shop-wizard-sidebar .image-group .employee-browsing label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-search.png?b99a7b3155a3');
}

.shop-wizard-sidebar .image-group .employee-browsing input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-search-blue.png?df18a978c1b9');
}

.shop-wizard-sidebar .image-group .employee-emails label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-email.png?c324ff387d10');
}

.shop-wizard-sidebar .image-group .employee-emails input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-email-blue.png?aacb068e3e73');
}

.shop-wizard-sidebar .image-group .employee-voip label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-voipcalls.png?50c758cf6a6b');
}

.shop-wizard-sidebar .image-group .employee-voip input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-voipcalls-blue.png?411758b55db2');
}

.shop-wizard-sidebar .image-group .employee-video label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-videoconf.png?34ff57db0090');
}

.shop-wizard-sidebar .image-group .employee-video input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-videoconf-blue.png?093a0ab11542');
}

.shop-wizard-sidebar .image-group .employee-cloud label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-cloudservices.png?c373bf8404f2');
}

.shop-wizard-sidebar .image-group .employee-cloud input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-cloudservices-blue.png?8db3ee9b3659');
}

.shop-wizard-sidebar .image-group .employee-streaming label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-streaming.png?0de4b9a0f76c');
}

.shop-wizard-sidebar .image-group .employee-streaming input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-streaming-blue.png?de2931733a0f');
}

.shop-wizard-sidebar .image-group .employee-backups label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-backup.png?b4a6f446948f');
}

.shop-wizard-sidebar .image-group .employee-backups input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-backup-blue.png?bdb6a501d1fa');
}

.shop-wizard-sidebar .image-group .employee-transfers label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-filetransfer.png?14b45d03f63a');
}

.shop-wizard-sidebar .image-group .employee-transfers input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-filetransfer-blue.png?ac926a6ce779');
}

.shop-wizard-sidebar .image-group .employee-social label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-social.png?f4f3db3d4f28');
}

.shop-wizard-sidebar .image-group .employee-social input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/data-social-blue.png?655be22429b2');
}

.shop-wizard-sidebar .image-group .services-pcs label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-pc.png?464aa4c8d600');
}

.shop-wizard-sidebar .image-group .services-pcs input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-pc-blue.png?bd3af09d100a');
}

.shop-wizard-sidebar .image-group .services-pcs label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-pc.png?464aa4c8d600');
}

.shop-wizard-sidebar .image-group .services-pcs input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-pc-blue.png?bd3af09d100a');
}

.shop-wizard-sidebar .image-group .services-laptops label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-laptop.png?4ebba31ee0c8');
}

.shop-wizard-sidebar .image-group .services-laptops input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-laptop-blue.png?857eaf2f6667');
}

.shop-wizard-sidebar .image-group .services-monitors label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-monitors.png?0c36ee7afc34');
}

.shop-wizard-sidebar .image-group .services-monitors input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-monitors-blue.png?a6f32e7831d4');
}

.shop-wizard-sidebar .image-group .services-printers label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-printer.png?82a007429d7a');
}

.shop-wizard-sidebar .image-group .services-printers input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-printer-blue.png?b07aabf70aa0');
}

.shop-wizard-sidebar .image-group .services-hosting label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-hosting.png?5139afac4344');
}

.shop-wizard-sidebar .image-group .services-hosting input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-hosting-blue.png?dd4e013c1f08');
}

.shop-wizard-sidebar .image-group .services-dedicated label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-dedicatedservers.png?437dab407ef1');
}

.shop-wizard-sidebar .image-group .services-dedicated input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-dedicatedservers-blue.png?3282f055d2c3');
}

.shop-wizard-sidebar .image-group .services-virtual label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-virtualservers.png?51c62b103bdd');
}

.shop-wizard-sidebar .image-group .services-virtual input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-virtualservers-blue.png?f0300771fe00');
}

.shop-wizard-sidebar .image-group .services-storage label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-storage.png?4a46fe20d371');
}

.shop-wizard-sidebar .image-group .services-storage input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-storage-blue.png?4dba165dc29e');
}

.shop-wizard-sidebar .image-group .services-backup label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-backup.png?4d89c0f0f220');
}

.shop-wizard-sidebar .image-group .services-backup input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-backup-blue.png?4c9f9b36a222');
}

.shop-wizard-sidebar .image-group .services-lan label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-lan.png?fea172b42967');
}

.shop-wizard-sidebar .image-group .services-lan input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-lan-blue.png?cd16b4458673');
}

.shop-wizard-sidebar .image-group .services-email label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-email.png?6f5aa172a690');
}

.shop-wizard-sidebar .image-group .services-email input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-email-blue.png?ab0fc97f5157');
}

.shop-wizard-sidebar .image-group .services-security label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-security.png?ad99ddadda23');
}

.shop-wizard-sidebar .image-group .services-security input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-security-blue.png?223d9d40400a');
}

.shop-wizard-sidebar .image-group .services-software label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-businessoftware.png?d85ab6b0447a');
}

.shop-wizard-sidebar .image-group .services-software input:checked + label:before {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/itservices-businessoftware-blue.png?ec2a9f69cef8');
}

.shop-wizard-sidebar .image-group:after {
  content: "";
  clear: both;
  display: block;
}

.shop-wizard-sidebar .check-coverage {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.shop-wizard-sidebar .check-coverage .field {
  position: relative;
}

.shop-wizard-sidebar .check-coverage .field input {
  width: 100%;
  float: left;
  display: block;
  color: #0083c2;
  position: relative;
}

.shop-wizard-sidebar .check-coverage .field input ::-webkit-input-placeholder {
  color: #889391;
}

.shop-wizard-sidebar .check-coverage .field input :-moz-placeholder {
  color: #889391;
}

.shop-wizard-sidebar .check-coverage .field input ::-moz-placeholder {
  color: #889391;
}

.shop-wizard-sidebar .check-coverage .field input :-ms-input-placeholder {
  color: #889391;
}

.shop-wizard-sidebar .check-coverage .field button {
  width: 20%;
  height: 32px;
  height: 2rem;
  float: left;
  background: #efefef;
  border: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: i;
}

.shop-wizard-sidebar .check-coverage .field button i {
  width: 24px;
  width: 1.5rem;
  height: 32px;
  height: 2rem;
  float: right;
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-right: 16px;
  margin-right: 1rem;
  display: block;
  background-size: 100%;
}

.shop-wizard-sidebar .check-coverage .mapcontainer {
  height: 0;
  position: relative;
  overflow: hidden;
}

.shop-wizard-sidebar .check-coverage .map {
  height: 244px;
  height: 15.25rem;
  margin-top: 16px;
  margin-top: 1rem;
}

.shop-wizard-sidebar .check-coverage .maploader {
  width: 100%;
  display: none;
  height: 80px;
  height: 5rem;
  text-align: center;
  position: relative;
}

.shop-wizard-sidebar .check-coverage .result {
  display: none;
  background: #0083c2;
  padding: 16px;
  padding: 1rem;
  padding-top: 4px;
  padding-top: 0.25rem;
}

.shop-wizard-sidebar .check-coverage .result input + label:before,
.shop-wizard-sidebar .check-coverage .result input + label {
  color: #005e9b;
  border-color: #005e9b;
}

.shop-wizard-sidebar .check-coverage .result input:checked + label:before,
.shop-wizard-sidebar .check-coverage .result input:checked + label {
  color: #ffffff;
  border-color: #ffffff;
}

.shop-wizard-sidebar .check-coverage .result input:checked + label:before {
  background: #ffffff;
}

.shop-wizard-sidebar .check-coverage .result h4 {
  color: #00d0ff;
  text-transform: uppercase;
  font-family: "Telkom123-Bold", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
}

.shop-wizard-sidebar .check-coverage .result .no-results {
  display: none;
}

.shop-wizard-sidebar .slider-grey .irs-with-grid {
  height: 56px;
  height: 3.5rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
  margin-top: -16px;
  margin-top: -1rem;
}

.shop-wizard-sidebar .slider-grey .irs .irs-slider {
  width: 29.6px;
  width: 1.85rem;
  height: 29.6px;
  height: 1.85rem;
  border-radius: 29.6px;
  border-radius: 1.85rem;
  top: 19.36px;
  top: 1.21rem;
  margin-left: -1.6px;
  margin-left: -0.1rem;
  border: 3px solid #e8e7e7;
  z-index: 3;
}

.shop-wizard-sidebar .slider-grey .irs .irs-slider:hover {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.shop-wizard-sidebar .slider-grey .irs .irs-line,
.shop-wizard-sidebar .slider-grey .irs .irs-line span,
.shop-wizard-sidebar .slider-grey .irs .irs-bar,
.shop-wizard-sidebar .slider-grey .irs .irs-bar-edge {
  height: 6px;
  height: 0.375rem;
}

.shop-wizard-sidebar .slider-grey .irs .irs-line,
.shop-wizard-sidebar .slider-grey .irs .irs-bar,
.shop-wizard-sidebar .slider-grey .irs .irs-bar-edge {
  top: 17.6px;
  top: 1.1rem;
  height: 32.8px;
  height: 2.05rem;
  background: transparent url('//static.telkom.co.za/today/static/web/img/track.png?bddbc6fecd7b') repeat-x center !important;
  background-size: 50%;
}

.shop-wizard-sidebar .slider-grey .irs .irs-line {
  z-index: 2;
  border-radius: 29.6px;
  border-radius: 1.85rem;
}

.shop-wizard-sidebar .slider-grey .irs .irs-bar,
.shop-wizard-sidebar .slider-grey .irs .irs-bar-edge {
  z-index: 3;
}

.shop-wizard-sidebar .slider-grey .irs .irs-bar-edge {
  display: none;
}

.shop-wizard-sidebar .slider-grey .irs .irs-grid-pol {
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  border-radius: 40px;
  border-radius: 2.5rem;
  margin-left: -17.92px;
  margin-left: -1.12rem;
  margin-top: -30.4px;
  margin-top: -1.9rem;
  background: #e8e7e7;
  opacity: 1;
  z-index: 1;
  display: none;
}

.shop-wizard-sidebar .slider-grey .irs .irs-grid-pol:hover {
  cursor: pointer;
}

.shop-wizard-sidebar .slider-grey .irs .irs-grid-text {
  font-size: 13.12px;
  font-size: 0.82rem;
  line-height: 16px;
  line-height: 1rem;
  font-family: "Telkom123-Bold", sans-serif;
  color: #889391;
  top: 12px;
  visibility: visible !important;
}

.shop-wizard-sidebar .slider-normal {
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

.shop-wizard-sidebar .slider-normal .irs-with-grid {
  height: 56px;
  height: 3.5rem;
  margin-top: -32px;
  margin-top: -2rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.shop-wizard-sidebar .slider-normal .irs .irs-slider {
  width: 26.4px;
  width: 1.65rem;
  height: 26.4px;
  height: 1.65rem;
  border-radius: 26.4px;
  border-radius: 1.65rem;
  background: #0083c2;
}

.shop-wizard-sidebar .slider-normal .irs .irs-line-left,
.shop-wizard-sidebar .slider-normal .irs .irs-line-mid,
.shop-wizard-sidebar .slider-normal .irs .irs-line-right {
  background: #e8e7e7;
}

.shop-wizard-sidebar .slider-normal .irs .irs-bar {
  background: #005e9b;
}

.shop-wizard-sidebar .slider-normal .irs .irs-line,
.shop-wizard-sidebar .slider-normal .irs .irs-line span,
.shop-wizard-sidebar .slider-normal .irs .irs-bar,
.shop-wizard-sidebar .slider-normal .irs .irs-bar-edge {
  height: 6px;
  height: 0.375rem;
}

.shop-wizard-sidebar .slider-normal .irs .irs-line,
.shop-wizard-sidebar .slider-normal .irs .irs-bar,
.shop-wizard-sidebar .slider-normal .irs .irs-bar-edge {
  top: 33.6px;
  top: 2.1rem;
}

.shop-wizard-sidebar .slider-normal .irs .irs-grid-pol {
  display: none;
}

.shop-wizard-sidebar .slider-normal .irs .irs-grid-text {
  font-size: 13.12px;
  font-size: 0.82rem;
  font-family: "Telkom123-Bold", sans-serif;
  color: #889391;
}

.shop-wizard-sidebar .message-enterprise {
  padding: 16px;
  padding: 1rem;
  padding-top: 8px;
  padding-top: 0.5rem;
  background: #005e9b;
  position: absolute;
  left: 80px;
  left: 5rem;
  right: 60px;
  right: 3.75rem;
  top: 0;
  z-index: 4;
  display: none;
}

.shop-wizard-sidebar .message-enterprise h3 {
  color: #ffffff;
}

.shop-wizard-sidebar .message-enterprise p {
  color: #00d0ff;
}

.shop-wizard-sidebar .message-enterprise .field label {
  display: table-cell;
  padding-left: 0;
  line-height: 16px;
  line-height: 1rem;
  color: #ffffff;
}

.shop-wizard-sidebar .message-enterprise .field input[type="text"],
.shop-wizard-sidebar .message-enterprise .field input[type="tel"],
.shop-wizard-sidebar .message-enterprise .field input[type="email"] {
  display: table-cell;
  color: #ffffff;
}

.shop-wizard-sidebar .message-enterprise .field input[type="text"]::-webkit-input-placeholder,
.shop-wizard-sidebar .message-enterprise .field input[type="tel"]::-webkit-input-placeholder,
.shop-wizard-sidebar .message-enterprise .field input[type="email"]::-webkit-input-placeholder {
  color: #0083c2;
}

.shop-wizard-sidebar .message-enterprise .field input[type="text"]:-moz-placeholder,
.shop-wizard-sidebar .message-enterprise .field input[type="tel"]:-moz-placeholder,
.shop-wizard-sidebar .message-enterprise .field input[type="email"]:-moz-placeholder {
  color: #0083c2;
}

.shop-wizard-sidebar .message-enterprise .field input[type="text"]::-moz-placeholder,
.shop-wizard-sidebar .message-enterprise .field input[type="tel"]::-moz-placeholder,
.shop-wizard-sidebar .message-enterprise .field input[type="email"]::-moz-placeholder {
  color: #0083c2;
}

.shop-wizard-sidebar .message-enterprise .field input[type="text"]:-ms-input-placeholder,
.shop-wizard-sidebar .message-enterprise .field input[type="tel"]:-ms-input-placeholder,
.shop-wizard-sidebar .message-enterprise .field input[type="email"]:-ms-input-placeholder {
  color: #0083c2;
}

.shop-wizard-sidebar .message-enterprise .buttons {
  margin-top: 16px;
  margin-top: 1rem;
}

.shop-wizard-sidebar .message-enterprise .btn-primary {
  width: 100%;
  display: block;
}

.shop-wizard-sidebar .message-enterprise:after {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  background: #005e9b;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -7px;
  right: 8px;
  z-index: 19;
}

.shop-wizard-sidebar .separator-or {
  text-align: center;
  margin-top: 56px;
  margin-top: 3.5rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 38.7px;
  line-height: 2.41875rem;
  color: #0083c2;
}

.shop-wizard-sidebar .btn-restart {
  display: none;
}

/***************************************/

/*  #35 - Shop Wizard Product          */

/***************************************/

.shop-wizard-product {
  padding: 0;
  padding-right: 5.5%;
  margin-right: 0;
}

.shop-wizard-product h2 {
  margin: 0;
}

@media (min-width: 48em) {
  .shop-wizard-product h2 {
    margin: 0;
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
}

.shop-wizard-product .product-image {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  margin-right: 0;
  text-align: center;
}

@media (min-width: 62em) {
  .shop-wizard-product .product-image {
    width: 40%;
    float: left;
    margin-right: 2.85714%;
    margin-right: inherit;
  }
}

.shop-wizard-product .product-image img {
  max-width: 250px;
}

.shop-wizard-product .product-image .no-image {
  max-width: 100%;
  min-height: 240px;
  min-height: 15rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-position: center;
  background-size: 30%;
}

.shop-wizard-product .product-details {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

@media (min-width: 62em) {
  .shop-wizard-product .product-details {
    width: 57.14286%;
    float: left;
    margin-right: 2.85714%;
    margin-right: 0;
    padding-left: 24px;
    padding-left: 1.5rem;
  }
}

.shop-wizard-product .product-details h1 {
  font-weight: bold;
  color: #0083c2;
  margin: 0;
}

.shop-wizard-product .product-details h2:first-of-type {
  color: #0083c2;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.shop-wizard-product .product-details .section-value {
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
}

/***************************************************/

/*  #35 - Shop Wizard Other Recommended Products   */

/***************************************************/

.shop-wizard-other {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-right: 5.5%;
  padding-left: 5%;
  margin-right: 0;
}

.shop-wizard-other .items {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.shop-wizard-other .items {
  *zoom: 1;
}

.shop-wizard-other .items:before,
.shop-wizard-other .items:after {
  content: "";
  display: table;
}

.shop-wizard-other .items:after {
  clear: both;
}

.shop-wizard-other .item {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  min-height: 320px;
  min-height: 20rem;
  text-align: center;
}

@media (max-width: 48em) {
  .shop-wizard-other .item:nth-child(2n+2) {
    margin-right: 0;
  }

  .shop-wizard-other .item img {
    max-width: 65%;
  }
}

@media (min-width: 48em) and (max-width: 62em) {
  .shop-wizard-other .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .shop-wizard-other .item:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media (min-width: 62em) and (max-width: 75em) {
  .shop-wizard-other .item {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }

  .shop-wizard-other .item:nth-child(4n+4) {
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .shop-wizard-other .item {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }

  .shop-wizard-other .item:nth-child(4n+4) {
    margin-right: 0;
  }
}

.shop-wizard-other .item .no-image {
  max-width: 100%;
  min-height: 149.28px;
  min-height: 9.33rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-position: center;
  background-size: 35%;
}

.shop-wizard-other .item p {
  line-height: 16px;
  line-height: 1rem;
  display: block;
}

.shop-wizard-other .item > a {
  display: block;
  font-size: 12.8px;
  font-size: 0.8rem;
  text-decoration: none;
  color: #889391;
}

@media (max-width: 48em) {
  .shop-wizard-business-other .item:nth-child(2n+2) {
    float: left;
    margin-right: 0;
  }
}

@media (min-width: 48em) and (max-width: 62em) {
  .shop-wizard-business-other .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .shop-wizard-business-other .item:nth-child(3n+3) {
    float: left;
    margin-right: 0;
  }
}

@media (min-width: 62em) and (max-width: 75em) {
  .shop-wizard-business-other .item {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }

  .shop-wizard-business-other .item:nth-child(4n+4) {
    float: left;
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .shop-wizard-business-other .item {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }

  .shop-wizard-business-other .item:nth-child(4n+4) {
    float: left;
    margin-right: 0;
  }
}

.shop-wizard-business-other .item img {
  max-width: 75%;
}

.shop-wizard-business-other .item p {
  line-height: 20px;
  line-height: 1.25rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
}

.shop-wizard-business-other .item a {
  font-size: 16px;
  font-size: 1rem;
}

/*****************************************/

/*  #35 - Shop Wizard Filtered           */

/*****************************************/

.shop-wizard-filtered {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.shop-wizard-filtered .items {
  *zoom: 1;
}

.shop-wizard-filtered .items:before,
.shop-wizard-filtered .items:after {
  content: "";
  display: table;
}

.shop-wizard-filtered .items:after {
  clear: both;
}

.shop-wizard-filtered .items .item {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
  padding: 24px;
  padding: 1.5rem;
  border: 1px solid #ffffff;
  border-bottom: 0;
  z-index: 100;
}

.shop-wizard-filtered .items .item:nth-child(2n+2) {
  float: right;
  margin-right: 0;
}

@media (min-width: 62em) {
  .shop-wizard-filtered .items .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .shop-wizard-filtered .items .item:nth-child(2n+2) {
    float: left;
    margin-right: 2.85714%;
  }

  .shop-wizard-filtered .items .item:nth-child(3n+3) {
    float: right;
    margin-right: 0;
  }
}

.shop-wizard-filtered .items .item .item-content > .image {
  max-height: 176px;
  max-height: 11rem;
}

.shop-wizard-filtered .items .item .item-content > .image img {
  height: 160px;
  height: 10rem;
}

.shop-wizard-filtered .items .item .item-content > img {
  max-width: 60%;
}

.shop-wizard-filtered .items .item .item-content > h3 {
  min-height: 56px;
  min-height: 3.5rem;
  color: #889391;
}

.shop-wizard-filtered .items .item .item-content > p {
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  line-height: 19.2px;
  line-height: 1.2rem;
  min-height: 64px;
  min-height: 4rem;
}

.shop-wizard-filtered .items .item .item-content > p:last-of-type {
  margin-top: 0;
}

.shop-wizard-filtered .items .item .item-content > p:last-of-type a {
  max-width: 128px;
  max-width: 8rem;
  display: block;
  margin: 0 auto;
  padding-top: 4.8px;
  padding-top: 0.3rem;
  padding-bottom: 6.4px;
  padding-bottom: 0.4rem;
}

.shop-wizard-filtered .items .item.on {
  border-color: #e8e7e7;
  background: #efefef;
  z-index: 101;
  position: relative;
}

.shop-wizard-filtered .items .item.on .item-content {
  margin: -24px;
  margin: -1.5rem;
  margin-top: 0;
  padding: 24px;
  padding: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  padding-top: 0;
  z-index: 105;
  background: #efefef;
  position: relative;
}

.shop-wizard-filtered .items .item .item-drawer {
  margin-top: 0;
  border: 1px solid #e8e7e7;
  position: absolute;
  top: 0;
  bottom: auto;
  left: -1px;
  right: 0;
  display: none;
  z-index: 101;
  text-align: left;
}

.shop-wizard-filtered .buttons {
  padding-top: 24px;
  padding-top: 1.5rem;
  border-top: 1px solid #e8e7e7;
}

.shop-wizard-filtered .buttons {
  *zoom: 1;
}

.shop-wizard-filtered .buttons:before,
.shop-wizard-filtered .buttons:after {
  content: "";
  display: table;
}

.shop-wizard-filtered .buttons:after {
  clear: both;
}

.shop-wizard-filtered .buttons .button-unit {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 62em) {
  .shop-wizard-filtered .buttons .button-unit {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }
}

.shop-wizard-filtered .buttons .button a {
  display: block;
}

.shop-wizard-filtered .drawer {
  max-width: 100% !important;
  margin-top: -27.68px;
  margin-top: -1.73rem;
}

.shop-wizard-filtered .show-sidebar {
  width: 100%;
  height: 40px;
  height: 2.5rem;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background: #efefef;
  border-bottom: 1px solid #e8e7e7;
}

@media (min-width: 48em) {
  .shop-wizard-filtered .show-sidebar {
    width: 3%;
    height: 100%;
    background: 0;
    border: 0;
    padding-top: 48px;
    padding-top: 3rem;
  }
}

.shop-wizard-filtered .show-sidebar span {
  width: 100%;
  height: 40px;
  height: 2.5rem;
  display: block;
  background-size: 16px 29px;
  background-position: center;
  display: none;
}

.shop-wizard-filtered .show-sidebar span.icon-wizard-arrow {
  background-size: 16px 29px;
  display: none;
}

@media (min-width: 48em) {
  .shop-wizard-filtered .show-sidebar span.icon-wizard-arrow {
    display: block;
  }
}

.shop-wizard-filtered .show-sidebar span.icon-caret-down-blue {
  background-size: 29px 16px;
  display: block;
}

@media (min-width: 48em) {
  .shop-wizard-filtered .show-sidebar span.icon-caret-down-blue {
    display: none;
  }
}

/***************************************/

/*  #36 - Get Help                     */

/***************************************/

.search-help .nav-hero li a:after {
  background-color: #0083c2;
}

.search-help h1 {
  color: #ffffff;
}

.search-help .search-inpage {
  border: 0;
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 42px;
  padding-bottom: 2.625rem;
}

.search-help .search-inpage .inpage {
  border-color: #2695cb;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}

.search-help .search-inpage .inpage input {
  font-size: 24px;
  font-size: 1.5rem;
  color: #ffffff;
}

.search-help .search-inpage .inpage input::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.search-help .search-inpage .inpage input:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

.search-help .search-inpage .inpage input::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

.search-help .search-inpage .inpage input:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

@media only screen and (min-width: 48em) {
  .search-help .search-inpage .inpage input {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 62em) {
  .search-help .search-inpage .inpage input {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

.search-help .search-inpage .inpage .search-btn {
  width: 48px;
  width: 3rem;
  font-size: 24px;
  font-size: 1.5rem;
  margin-top: 4px;
  margin-top: 0.25rem;
  color: #ffffff;
}

.search-help .search-inpage .inpage .search-btn:after {
  color: #ffffff;
}

@media only screen and (min-width: 48em) {
  .search-help .search-inpage .inpage .search-btn {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

@media only screen and (min-width: 62em) {
  .search-help .search-inpage .inpage .search-btn {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.help-subnav {
  display: none;
}

.js-help-content .container {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 48em) {
  .js-help-content .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.help-get {
  position: relative;
}

.help-get .heading-interactive-title {
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.help-get h2 {
  margin: 0;
  line-height: 19.2px;
  line-height: 1.2rem;
}

.help-get h3 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 28px;
  line-height: 1.75rem;
  margin-bottom: 0;
}

.help-get .button-unit.vertical {
  padding-top: 0;
}

.help-get .js-hidden-content {
  border: 1px solid #e8e7e7;
  background: #ffffff;
  color: #0083c2;
  padding: 16px;
  padding: 1rem;
}

.help-get .detail-builder .builder-grouping:first-child {
  border: 0;
}

.help-get .items {
  position: relative;
}

.help-get .item {
  z-index: 100;
}

.help-get .item:hover img {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}

.help-get .item.on {
  z-index: 101;
  position: relative;
}

.help-get .item.on .item-content {
  margin: -24px;
  margin: -1.5rem;
  margin-top: 0;
  padding: 24px;
  padding: 1.5rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
  padding-top: 0;
  z-index: 105;
  background: #ffffff;
  position: relative;
}

.help-get .item.on .item-drawer {
  margin-top: 0;
  border: 1px solid #e8e7e7;
  position: absolute;
  top: 0;
  bottom: auto;
  left: -1px;
  right: 0;
  display: none;
  z-index: 101;
}

.help-get .item.on .item-drawer .drop > span {
  margin-top: 10.656px;
  margin-top: 0.666rem;
}

.help-get .help-topics {
  background: #0083c2;
  padding-bottom: 2rem;
}

.help-get .help-topics .foundry-listing-horizontal {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 1rem;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

@media (min-width: 48em) {
  .help-get .help-topics .foundry-listing-horizontal {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 48em) {
  .help-get .help-topics .foundry-listing-horizontal {
    padding-left: 0;
    padding-right: 0;
  }
}

.help-get .help-topics .title {
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.75rem;
  line-height: 1.8rem;
  color: #ffffff;
  letter-spacing: -1px;
}

.help-get .help-topics .items .item {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

.help-get .help-topics .items .item:nth-child(2n) {
  margin-right: 0;
}

@media (min-width: 48em) {
  .help-get .help-topics .items .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .help-get .help-topics .items .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .help-get .help-topics .items .item:nth-child(3n) {
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .help-get .help-topics .items .item {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%;
  }

  .help-get .help-topics .items .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .help-get .help-topics .items .item:nth-child(3n) {
    margin-right: 2.85714%;
  }

  .help-get .help-topics .items .item:nth-child(6n) {
    margin-right: 0;
  }
}

.help-question {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  width: 112%;
  padding: 16px;
  padding: 1rem;
  padding-bottom: 0;
  margin-left: -24px;
  margin-left: -1.5rem;
  margin-right: -24px;
  margin-right: -1.5rem;
  border-top: 1px solid #e8e7e7;
}

.help-question p {
  margin: 0;
}

.help-question a {
  text-decoration: none;
}

.help-community {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 48em) {
  .help-community {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

/***************************************/

/*  #36 - Help Sidebar                 */

/***************************************/

.help-sidebar {
  padding: 0;
  padding-top: 16px;
  padding-top: 1rem;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .help-sidebar {
    padding: 24px;
    padding: 1.5rem;
    padding-left: 0;
    padding-right: 0;
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }
}

@media (min-width: 62em) {
  .help-sidebar {
    padding: 24px;
    padding: 1.5rem;
    padding-left: 0;
    padding-right: 0;
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }
}

.help-sidebar p.label {
  font-family: "Telkom123-Bold", sans-serif;
  font-size: 12.8px;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.help-sidebar h2 {
  border-bottom: 1px solid #e8e7e7;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  z-index: 2;
  position: relative;
}

.help-sidebar h2 a {
  background-size: 12.8px;
  background-size: 0.8rem;
  background-position: right center;
  display: block;
  text-decoration: none;
}

.help-sidebar .sidebar-drop {
  position: relative;
}

.help-sidebar .sidebar-drop ul {
  width: 100%;
  position: absolute;
  left: 0;
  top: -16px;
  top: -1rem;
  display: none;
  z-index: 1;
  border: 1px solid #e8e7e7;
  padding-top: 60px;
  padding-top: 3.75rem;
  background: #ffffff;
}

.help-sidebar .sidebar-drop ul li {
  height: auto;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}

.help-sidebar .sidebar-drop ul li:first-child {
  padding-top: 16px;
  padding-top: 1rem;
}

.help-sidebar .sidebar-drop ul li:last-child {
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.help-sidebar .sidebar-drop ul li:hover {
  color: #0083c2;
  display: block;
}

.help-sidebar .sidebar-drop ul a {
  display: block;
  text-decoration: none;
  color: #889391;
}

.help-sidebar .sidebar-drop ul a:hover {
  color: #0083c2;
}

.help-sidebar .sidebar-drop.open {
  margin-left: -16px;
  margin-left: -1rem;
  margin-right: -16px;
  margin-right: -1rem;
}

.help-sidebar .sidebar-drop.open h2 {
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
}

.help-sidebar .sidebar-drop.open ul {
  display: block;
}

.help-sidebar ul {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

.help-sidebar ul {
  *zoom: 1;
}

.help-sidebar ul:before,
.help-sidebar ul:after {
  content: "";
  display: table;
}

.help-sidebar ul:after {
  clear: both;
}

.help-sidebar li {
  font-size: 20px;
  font-size: 1.25rem;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin: 2.5% 0;
}

.help-sidebar li span {
  min-width: 40px;
  min-width: 2.5rem;
  min-height: 16px;
  min-height: 1rem;
  margin-top: 3px;
  margin-top: 0.1875rem;
  border-radius: 32px;
  border-radius: 2rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-size: 16px;
  font-size: 1rem;
  float: right;
  text-align: center;
  border: 1px solid #e8e7e7;
}

.help-sidebar label {
  padding-left: 36px;
  padding-left: 2.25rem;
  display: block;
  position: relative;
}

.help-sidebar label:hover {
  cursor: pointer;
}

.help-sidebar label div {
  display: inline-block;
  background: #efefef;
  border: 1px solid #e8e7e7;
  padding: 1px;
  border-radius: 36px;
  border-radius: 2.25rem;
}

.help-sidebar label div i {
  float: left;
  text-transform: uppercase;
  font-style: normal;
  font-size: 12.8px;
  font-size: 0.8rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  border-radius: 36px;
  border-radius: 2.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  display: inline-block;
  color: #889391;
}

.help-sidebar label div i.no {
  color: #ffffff;
  background: #0083c2;
}

.help-sidebar input + label:before {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  border-radius: 18px;
  border-radius: 1.125rem;
  display: block;
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 0;
  content: "";
  border: 1px solid #e8e7e7;
}

.help-sidebar input:checked + label {
  color: #0083c2;
}

.help-sidebar input:checked + label:before,
.help-sidebar input:checked + label span {
  background: #0083c2;
  color: #ffffff;
}

.help-sidebar input:checked + label div .yes {
  background: #0083c2;
  color: #ffffff;
}

.help-sidebar input:checked + label div .no {
  background: transparent;
  color: #889391;
}

.help-sidebar li input {
  display: none;
}

.help-sidebar .search-inpage {
  position: relative;
  margin-top: 24px;
  margin-top: 1.5rem;
}

.help-sidebar .search-inpage input,
.help-sidebar .search-inpage .search-btn {
  font-size: 20px;
  font-size: 1.25rem;
  color: #0083c2;
}

.help-sidebar .search-inpage input::-webkit-input-placeholder,
.help-sidebar .search-inpage .search-btn::-webkit-input-placeholder {
  color: #0083c2;
  opacity: 1;
}

.help-sidebar .search-inpage input:-moz-placeholder,
.help-sidebar .search-inpage .search-btn:-moz-placeholder {
  color: #0083c2;
  opacity: 1;
}

.help-sidebar .search-inpage input::-moz-placeholder,
.help-sidebar .search-inpage .search-btn::-moz-placeholder {
  color: #0083c2;
  opacity: 1;
}

.help-sidebar .search-inpage input:-ms-input-placeholder,
.help-sidebar .search-inpage .search-btn:-ms-input-placeholder {
  color: #0083c2;
  opacity: 1;
}

.help-sidebar .search-inpage .search-btn:after {
  color: #0083c2;
}

/***************************************/

/*  #36 - Help FAQs                    */

/***************************************/

.help-faqs {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  padding-top: 16px;
  padding-top: 1rem;
  margin-right: 0;
}

@media (min-width: 48em) {
  .help-faqs {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    padding: 24px;
    padding: 1.5rem;
    padding-top: 128px;
    padding-top: 8rem;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .help-faqs {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%;
    padding: 24px;
    padding: 1.5rem;
    padding-top: 128px;
    padding-top: 8rem;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}

.faq-group {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.faq-group .foundry-listing {
  padding: 0;
}

.faq-group .foundry-listing .title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 34.4px;
  line-height: 2.15rem;
}

.faq-group .foundry-listing .items {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.faq-group .foundry-listing .items {
  *zoom: 1;
}

.faq-group .foundry-listing .items:before,
.faq-group .foundry-listing .items:after {
  content: "";
  display: table;
}

.faq-group .foundry-listing .items:after {
  clear: both;
}

.faq-group .foundry-listing .item {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .faq-group .foundry-listing .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .faq-group .foundry-listing .item:nth-child(3n + 3) {
    float: right;
    margin-right: 0;
  }
}

.faq-group .foundry-listing .item h3 {
  line-height: 32px;
  line-height: 2rem;
}

.faq-group .foundry-listing .item img {
  max-width: 70%;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  margin: 0 auto;
  display: block;
}

.faq {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.faq:last-child .faq-content {
  border: 0;
}

.faq-content {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e8e7e7;
}

.faq-content > a {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 21.5px;
  line-height: 1.34375rem;
  font-family: "Telkom123-Bold", sans-serif;
  margin: 0;
  display: block;
  padding-right: 24px;
  padding-right: 1.5rem;
  background-size: 11px;
  background-size: 0.6875rem;
  background-position: right center;
  text-decoration: none;
  color: #0083c2;
  font-family: "Telkom123-Regular", sans-serif;
}

.faq-content p:last-of-type {
  margin-bottom: 0;
}

.faq-content .faq-text > div {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.faq-content table {
  width: 100%;
}

.faq-content table tr {
  border-bottom: 1px solid #e8e7e7;
}

.faq-content table tr:last-child {
  border: 0;
}

.faq-content table th,
.faq-content table td {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  text-align: left;
  vertical-align: middle;
}

.faq-content table th {
  width: 40%;
}

.btn-invert-blue.description-toggler {
  margin: 0;
}

.get-started {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.get-started img {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  margin: 0 auto;
  display: block;
}

.get-started .btn-invert-blue {
  padding: 0;
  margin: 0;
}

.get-started:last-child {
  float: right;
  margin-right: 0;
}

/***************************************/

/*  #36 - Help Tools                   */

/***************************************/

.help-tools {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 24px;
  margin-top: 1.5rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
}

.help-tools .items {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.help-tools .item {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 24px;
  padding: 1.5rem;
  min-height: 364.32px;
  min-height: 22.77rem;
}

@media (min-width: 48em) {
  .help-tools .item {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .help-tools .item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .help-tools .item {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
    min-height: 364.32px;
    min-height: 22.77rem;
  }

  .help-tools .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .help-tools .item:nth-child(4n) {
    margin-right: 0;
  }
}

.help-tools .item .item-image {
  text-align: center;
}

.help-tools .item .item-content p {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.help-tools .item .item-content .btn-secondary {
  border: 1px solid #e8e7e7;
}

.help-tools .item .item-content .drop a {
  margin-top: -3.2px;
  margin-top: -0.2rem;
  margin-bottom: 4.8px;
  margin-bottom: 0.3rem;
}

.help-tools .item .item-content .drop > span {
  margin-top: 10.656px;
  margin-top: 0.666rem;
}

.help-tools .item .item-drawer .drawer-title .title {
  min-height: 0;
}

.help-tools .item a[disabled] {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/caret-right-grey.png?10eee834b848');
}

.help-tools.owl-theme .owl-controls .owl-buttons .owl-prev,
.help-tools.owl-theme .owl-controls .owl-buttons .owl-next {
  top: -3% !important;
  bottom: -3% !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.help-tools:after {
  content: "";
  display: block;
  clear: both;
}

.help-tools .ghost {
  position: relative;
}

.help-tools .ghost:after {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
}

.help-topic-items-nav {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none;
  padding: 0;
}

@media (min-width: 48em) {
  .help-topic-items-nav {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.help-topic-items-nav > .icon-arrow-left-blue {
  margin-left: 1.5rem;
}

.help-topic-group {
  padding-left: 0;
  padding-right: 0;
}

.help-topic-items {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 48em) {
  .help-topic-items {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

/***************************************/

/*  #36 - Help Guides                  */

/***************************************/

.help-guides {
  padding: 24px;
  padding: 1.5rem;
  border-top: 1px solid #e8e7e7;
}

.help-guides h2 {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
}

.help-guides .field {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid #e8e7e7 !important;
}

@media only screen and (min-width: 48em) {
  .help-guides .field {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }
}

@media only screen and (min-width: 62em) {
  .help-guides .field {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }
}

.help-guides .field li a {
  color: #889391;
}

.help-guides .help-pdfs {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 36px;
  padding-bottom: 2.25rem;
  padding-right: 0;
}

@media only screen and (min-width: 48em) {
  .help-guides .help-pdfs {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    padding-right: 24px;
    padding-right: 1.5rem;
  }
}

@media only screen and (min-width: 62em) {
  .help-guides .help-pdfs {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    padding-right: 24px;
    padding-right: 1.5rem;
  }
}

.help-guides .help-pdfs h2 {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #0083c2;
}

.help-guides .help-pdfs .pdf {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin: 0;
  margin-top: 16px;
  margin-top: 1rem;
  line-height: 21.6px;
  line-height: 1.35rem;
}

.help-guides .help-pdfs .pdf .btn-secondary {
  display: block;
  float: none;
  margin: 0;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  border: 1px solid #e8e7e7;
}

@media only screen and (min-width: 48em) {
  .help-guides .help-pdfs .pdf .btn-secondary {
    display: inline-block;
    float: right;
    margin-left: 16px;
    margin-left: 1rem;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 62em) {
  .help-guides .help-pdfs .pdf .btn-secondary {
    display: inline-block;
    float: right;
    margin-left: 16px;
    margin-left: 1rem;
    margin-bottom: 0;
  }
}

.help-guides .help-pdfs.full {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (min-width: 48em) {
  .help-guides .help-pdfs.full {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 62em) {
  .help-guides .help-pdfs.full {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.help-guides .help-pdfs.full .pdf {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (min-width: 48em) {
  .help-guides .help-pdfs.full .pdf {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
}

@media only screen and (min-width: 62em) {
  .help-guides .help-pdfs.full .pdf {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
}

.help-guides .help-pdfs.full .pdf:nth-of-type(2n) {
  margin-right: 0;
}

.help-guides .help-videos {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 36px;
  padding-bottom: 2.25rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding-left: 0;
  margin-right: 0;
}

.help-guides .help-videos h2 {
  margin-top: 24px;
  margin-top: 1.5rem;
  color: #0083c2;
}

@media only screen and (min-width: 48em) {
  .help-guides .help-videos {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    padding-top: 36px;
    padding-top: 2.25rem;
    padding-left: 24px;
    padding-left: 1.5rem;
    margin-right: 0;
  }
}

.help-guides .help-videos .video {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin: 0;
  margin-top: 16px;
  margin-top: 1rem;
}

.help-guides .help-videos .video img {
  float: left;
  margin-right: 24px;
  margin-right: 1.5rem;
}

.help-guides .help-videos .video p {
  margin-top: 0;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  line-height: 18.4px;
  line-height: 1.15rem;
}

.help-guides .help-videos .video .btn-secondary {
  margin: 0;
}

.help-guides:after {
  content: "";
  display: block;
  clear: both;
}

/***************************************/

/*  #36 - Help WiFi                  */

/***************************************/

.help-wifi-slider {
  padding: 24px;
  padding: 1.5rem;
  border-top: 1px solid #e8e7e7;
  overflow: hidden;
}

.help-wifi-slider .slide {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: none;
  position: relative;
  display: table;
}

@media (min-width: 48em) {
  .help-wifi-slider .slide {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
}

.help-wifi-slider .slide img {
  display: block;
  max-width: 100%;
}

.help-wifi-slider .slide .slide > a span {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.help-wifi-slider .slide .prev {
  width: 14.28571%;
  float: left;
  margin-right: 2.85714%;
  display: table-cell;
  float: none;
  background: url('//static.telkom.co.za/today/static/web/img/owl-prev.png?bafd7223c44e') left center no-repeat;
  opacity: 0.5;
}

.help-wifi-slider .slide .prev span {
  left: 0;
}

.help-wifi-slider .slide .next {
  width: 14.28571%;
  float: left;
  margin-right: 2.85714%;
  float: right;
  margin-right: 0;
  display: table-cell;
  float: none;
  background: url('//static.telkom.co.za/today/static/web/img/owl-next.png?7fec08b7980a') right center no-repeat;
  opacity: 0.5;
}

.help-wifi-slider .slide .next span {
  right: 0;
}

.help-wifi-slider .slide .prev:hover,
.help-wifi-slider .slide .next:hover {
  opacity: 1;
}

.help-wifi-slider .slide .track {
  width: 65.71429%;
  float: left;
  margin-right: 2.85714%;
  text-align: center;
  overflow: hidden;
  display: table-cell;
  float: none;
}

.help-wifi-slider .slide .track div {
  width: 100%;
  float: left;
  display: none;
}

.help-wifi-slider .slide .track div:first-child {
  display: block;
}

.help-wifi-slider .steps {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .help-wifi-slider .steps {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

.help-wifi-slider .steps ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 6%;
}

.help-wifi-slider .steps ul li {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 28.432px;
  line-height: 1.777rem;
}

.help-wifi-slider .steps ul li span {
  width: 28.432px;
  width: 1.777rem;
  margin-right: 16px;
  margin-right: 1rem;
  float: left;
  border-radius: 16px;
  border-radius: 1rem;
  text-align: center;
  border: 1px solid #e8e7e7;
}

.help-wifi-slider .steps ul li.on {
  font-family: "Telkom123-Bold", sans-serif;
}

.help-wifi-slider .steps ul li.on span {
  background: #0083c2;
  border-color: #0083c2;
  color: #ffffff;
}

.help-wifi-slider .steps .on {
  color: #0083c2;
}

.help-wifi-slider:after {
  content: "";
  display: block;
  clear: both;
}

/***************************************/

/*  #36 - Help - Talk To Us            */

/***************************************/

.help-talk {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 32px;
  padding-top: 2rem;
}

@media (min-width: 48em) {
  .help-talk {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 62em) {
  .help-talk {
    background-image: url('//static.telkom.co.za/today/static/web/img/help/talk-people.png?b0b0e394bbe1');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 352px;
    background-size: 22rem;
  }
}

.help-talk h2 {
  margin-top: 0;
}

.help-talk .items {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  display: table;
}

@media (min-width: 62em) {
  .help-talk .items {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

.help-talk .item {
  width: 48.57143%;
  float: left;
  padding-top: 32px;
  padding-top: 2rem;
  padding-bottom: 64px;
  padding-bottom: 4rem;
  padding-right: 0;
  display: table-cell;
  color: #0083c2;
  text-decoration: none;
  text-align: left;
  vertical-align: middle;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, -webkit-transform;
  transition-property: color, -webkit-transform;
  transition-property: color, transform;
  transition-property: color, transform, -webkit-transform;
  font-size: 1.75rem;
  line-height: 1.8rem;
  font-family: "Telkom123-Light", sans-serif;
}

@media (min-width: 75em) {
  .help-talk .item {
    width: 19.42857%;
    float: left;
  }
}

.help-talk .item .interactive-icon {
  height: 48px;
  height: 3rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  position: relative;
}

.help-talk .item .interactive-icon > div {
  background-position: 0;
}

.help-talk .item:hover,
.help-talk .item.active {
  color: #0083c2;
}

.help-talk .item:hover .interactive-icon .default,
.help-talk .item.active .interactive-icon .default {
  opacity: 1;
}

.help-talk .item:hover .interactive-icon .active,
.help-talk .item.active .interactive-icon .active {
  opacity: 1;
}

.help-talk:after {
  content: "";
  display: block;
  clear: both;
}

@media (min-width: 48em) {
  .most-viewed {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
}

.most-viewed .foundry-listing-horizontal {
  padding-bottom: 3rem;
}

.most-viewed .foundry-listing-horizontal .title {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.75rem;
  line-height: 1.8rem;
  color: #0083c2;
  letter-spacing: -1px;
}

.most-viewed .foundry-listing-horizontal .items .item {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

.most-viewed .foundry-listing-horizontal .items .item:nth-child(2n) {
  margin-right: 0;
}

@media (min-width: 48em) {
  .most-viewed .foundry-listing-horizontal .items .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .most-viewed .foundry-listing-horizontal .items .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .most-viewed .foundry-listing-horizontal .items .item:nth-child(3n) {
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .most-viewed .foundry-listing-horizontal .items .item {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%;
  }

  .most-viewed .foundry-listing-horizontal .items .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .most-viewed .foundry-listing-horizontal .items .item:nth-child(3n) {
    margin-right: 2.85714%;
  }

  .most-viewed .foundry-listing-horizontal .items .item:nth-child(6n) {
    margin-right: 0;
  }
}

.most-viewed .foundry-listing-horizontal .items .item a {
  text-decoration: none;
}

.most-viewed .foundry-listing-horizontal .items .item a .image {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: 10rem;
}

.most-viewed .foundry-listing-horizontal .items .item a .image img {
  max-height: 10rem;
}

.most-viewed .foundry-listing-horizontal .items .item a .text {
  position: relative;
  display: block;
  padding-top: 0.5rem;
}

.most-viewed .foundry-listing-horizontal .items .item a .text h2 {
  margin-bottom: 0;
  padding-top: 1.25rem;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.2rem;
  line-height: 1.3rem;
  letter-spacing: -1px;
  text-align: left;
}

.most-viewed .foundry-listing-horizontal .items .item a .text h2 strong {
  font-family: "Telkom123-Bold", sans-serif;
}

.most-viewed .foundry-listing-horizontal .items .item a .text h3 {
  margin: 0;
  position: absolute;
  top: 0;
  font-size: 0.8rem;
  line-height: 1rem;
  text-transform: uppercase;
  color: #889391;
}

.latest-accepted {
  padding-top: 1.5rem;
}

@media (min-width: 48em) {
  .latest-accepted {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    margin-right: 0 !important;
  }
}

.latest-accepted .title {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.75rem;
  line-height: 1.8rem;
  color: #0083c2;
  letter-spacing: -1px;
}

.latest-accepted .items {
  margin-top: 2rem;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  position: relative;
}

.latest-accepted .item {
  padding: 1rem 0;
  border-top: 1px solid #cccccc;
  position: relative;
}

.latest-accepted .item a {
  text-decoration: none;
  color: #000000;
}

.latest-accepted .item a:hover {
  color: #0083c2;
}

.latest-accepted .item span {
  position: absolute;
  right: 0;
  top: 1.2rem;
  width: .8rem;
  height: .8rem;
}

.latest-accepted .item:last-child {
  border-bottom: 1px solid #cccccc;
}

.help-top-faqs {
  padding-top: 1.5rem;
  padding-bottom: 3rem;
}

.help-top-faqs .foundry-listing-collapsable {
  padding-bottom: 2rem;
}

.help-top-faqs .foundry-listing-collapsable h2 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  margin: 0;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.75rem;
  line-height: 1.8rem;
  color: #0083c2;
  letter-spacing: -1px;
}

.help-top-faqs .foundry-listing-collapsable .items {
  clear: both;
}

.help-top-faqs .foundry-listing-collapsable .items .item .collapsable-item .toggler {
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.2rem;
  line-height: 1.3rem;
  letter-spacing: -1px;
  text-decoration: none;
  color: #000000;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #efefef;
  display: block;
  background: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/caret-right-black.svg?2a1ccaf5aff4') right center no-repeat;
  background-size: 0.35rem;
}

.help-top-faqs .foundry-listing-collapsable .items .item .collapsable-item .container {
  border-bottom: 1px solid #efefef;
}

.help-top-faqs .foundry-listing-collapsable .items .item .collapsable-item .collapse {
  display: none;
}

/******************************/

/* roaming-form */

/******************************/

.roaming-builder {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-right: 0;
}

.roaming-builder {
  *zoom: 1;
}

.roaming-builder:before,
.roaming-builder:after {
  content: "";
  display: table;
}

.roaming-builder:after {
  clear: both;
}

.roaming-builder h3 {
  color: #889391;
}

.roaming-builder h3:first-of-type {
  margin-bottom: 0;
}

.roaming-builder .center-buttons {
  padding-top: 24px;
  padding-top: 1.5rem;
  text-align: center;
}

.roaming-builder .roaming-form {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.roaming-builder .roaming-form {
  *zoom: 1;
}

.roaming-builder .roaming-form:before,
.roaming-builder .roaming-form:after {
  content: "";
  display: table;
}

.roaming-builder .roaming-form:after {
  clear: both;
}

.roaming-builder .form-group {
  width: 100%;
  float: none;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .roaming-builder .form-group {
    width: 48.57143%;
    padding-top: 0;
    float: none;
  }
}

@media (min-width: 48em) and (max-width: 75em) {
  .roaming-builder .form-group:nth-of-type(2n+2) {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .roaming-builder .form-group {
    width: 48.57143%;
    padding-top: 0;
    float: none;
  }
}

.roaming-builder .field > label,
.roaming-builder .field > .label {
  white-space: normal;
}

@media (min-width: 48em) {
  .roaming-builder .field > label,
  .roaming-builder .field > .label {
    width: 20%;
  }
}

.roaming-builder label + .SumoSelect .options li {
  padding-left: 22%;
}

.page-help-roaming .title-center {
  margin-top: 32px;
  margin-top: 2rem;
  text-align: center;
  color: #0083c2;
}

.page-help-roaming .nav-hero a {
  display: inline-block;
}

.page-help-roaming .instruction-message {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 48em) {
  .page-help-roaming .instruction-message {
    width: 48.57143%;
  }
}

.page-help-roaming .activation-title,
.page-help-roaming .activation-desc {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 48em) {
  .page-help-roaming .activation-title,
  .page-help-roaming .activation-desc {
    width: 48.57143%;
  }
}

.page-help-roaming .subtitle-small {
  text-align: center;
  color: #ffffff;
}

.page-help-roaming .subtitle-small br {
  display: none;
}

@media (min-width: 48em) {
  .page-help-roaming .subtitle-small br {
    display: block;
  }
}

.page-help-roaming .search-inpage .inpage input {
  font-size: 32px;
  font-size: 2rem;
}

.page-help-roaming .search-inpage .autocomplete-suggestions {
  width: 54% !important;
}

.page-help-roaming .search-inpage .autocomplete-suggestions .autocomplete-suggestion:hover {
  background-color: #00d0ff;
}

.page-help-roaming .search-btn {
  width: 56px;
  width: 3.5rem;
  height: 32px;
  height: 2rem;
  margin-top: 8px;
  margin-top: 0.5rem;
}

.page-help-roaming .notification {
  text-align: center;
  color: #A2AAAD;
}

.page-help-roaming .notification.hidden {
  display: none;
}

/******************************/

/* roaming-faqs */

/******************************/

.international-roaming-faqs-terms .pill-group-centered-transparent-grey-bordered {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.international-roaming-faqs-terms a[class*="pill-"] {
  font-size: 1rem;
  font-family: "Telkom123-Light", sans-serif;
  line-height: 1.25rem;
}

.international-roaming-faqs-terms .content .term-block {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .international-roaming-faqs-terms .content .term-block {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .international-roaming-faqs-terms .content .term-block.last {
    float: right;
    margin-right: 0;
  }
}

/******************************/

/* roaming-faqs */

/******************************/

.international-roaming-setup .title-setup,
.international-roaming-setup .desc-setup,
.international-roaming-setup .title-download {
  text-align: center;
  color: #ffffff;
}

.international-roaming-setup a,
.international-roaming-setup a:hover {
  color: inherit;
}

.international-roaming-setup .desc-download {
  text-align: center;
  color: #A2AAAD;
}

.international-roaming-setup .stepbar.with-icons {
  margin: 0 -5%;
}

@media (max-width: 48em) {
  .international-roaming-setup .stepbar.with-icons {
    margin: 0 auto;
  }
}

.international-roaming-setup .stepbar.with-icons > li:before {
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding: 0px;
  padding: 0rem;
  text-align: center;
  line-height: 1.75;
}

.international-roaming-setup .stepbar.with-icons > li:after {
  height: 4px;
  height: 0.25rem;
  margin-left: 2.66667px;
  margin-left: 0.16667rem;
  top: 14.8px;
  top: 0.925rem;
}

.international-roaming-setup .stepbar.with-icons > li.is-complete {
  color: #ffffff;
}

.international-roaming-setup .stepbar.with-icons p strong {
  font-size: 14px;
}

.international-roaming-setup .pill-group-centered-transparent-white-bordered {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.international-roaming-setup [class*="pill-group"] a[class*="icon-roaming"] {
  width: 56px;
  width: 3.5rem;
  height: 33.6px;
  height: 2.1rem;
  background-size: 56px;
  background-size: 3.5rem;
  background-repeat: no-repeat;
  background-position: center;
}

.international-roaming-setup [class*="pill-group"] {
  display: table;
  border-radius: 32px;
  border-radius: 2rem;
}

.international-roaming-setup .icon-roaming-apple-white.active {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/roaming-apple.png?5d445f73c95d');
}

.international-roaming-setup .icon-roaming-android-white.active {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/roaming-android.png?27b7380747b7');
}

.international-roaming-setup .icon-roaming-blackberry-white.active {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/roaming-blackberry.png?bcd23a3a68f1');
}

.international-roaming-setup .icon-roaming-windows-white.active {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/roaming-windows.png?8c789f632fd2');
}

.international-roaming-setup .content .term-block {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .international-roaming-setup .content .term-block {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .international-roaming-setup .content .term-block.last {
    float: right;
    margin-right: 0;
  }
}

.international-roaming-setup .sim-toolkit .no-sim-toolkit-desc {
  display: block;
}

.international-roaming-setup .sim-toolkit .sim-toolkit-guide-panel {
  display: none;
}

.international-roaming-setup .sim-toolkit.active .sim-toolkit-guide-panel {
  display: block;
}

.international-roaming-setup .sim-toolkit.active .no-sim-toolkit-desc {
  display: none;
}

/******************************/

/*  #37 - Search Results      */

/******************************/

.search-results {
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}

.search-results .search-result:first-of-type {
  border: 0;
}

/***************************************/

/*  #38 - Chat with an Agent          */

/***************************************/

.chat-cta {
  display: none;
  z-index: 10000;
  position: fixed;
  bottom: 5%;
  left: 5%;
}

.chat-cta .chat-avatar {
  width: 70px;
  width: 4.375rem;
  height: 76px;
  height: 4.75rem;
  background-size: cover;
  float: left;
}

@media (min-width: 48em) {
  .chat-cta .chat-avatar {
    height: 60px;
    height: 3.75rem;
  }
}

@media (min-width: 62em) {
  .chat-cta .chat-avatar {
    height: 60px;
    height: 3.75rem;
  }
}

.chat-cta .chat-tooltip {
  padding: 16px;
  padding: 1rem;
  padding-right: 48px;
  padding-right: 3rem;
  margin-top: 3.2px;
  margin-top: 0.2rem;
  margin-left: 96px;
  margin-left: 6rem;
  background: #005e9b;
  color: #ffffff;
  position: relative;
  max-width: 70%;
  cursor: pointer;
}

@media (min-width: 48em) {
  .chat-cta .chat-tooltip {
    margin-left: 16px;
    margin-left: 1rem;
    float: left;
    max-width: 100%;
  }
}

@media (min-width: 62em) {
  .chat-cta .chat-tooltip {
    margin-left: 16px;
    margin-left: 1rem;
    float: left;
    max-width: 100%;
  }
}

.chat-cta .chat-tooltip p {
  margin: 0;
  line-height: 22px;
  line-height: 1.375rem;
}

.chat-cta .chat-tooltip p strong {
  line-height: 22px;
  line-height: 1.375rem;
}

.chat-cta .chat-tooltip .close {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  background: url('//static.telkom.co.za/today/static/web/img/chat-close.png?fbb734c04faf') center no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  right: 1rem;
  margin: auto;
}

.chat-cta .chat-tooltip:after {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  background: #005e9b;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -8px;
  left: -0.5rem;
}

.move-left {
  left: -120%;
}

.chat-content {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  float: none;
  margin: 0 auto;
  padding-top: 16px;
  padding-top: 1rem;
  background-size: 13%;
  background-position-x: center;
  background-position-y: top;
  min-height: 125px;
}

@media (min-width: 48em) {
  .chat-content {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    float: none;
    margin: 0 auto;
    padding-top: 0;
  }
}

.chat-content .icon-nav-close {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  background-size: cover;
  position: absolute;
  top: 16px;
  top: 1rem;
  right: 16px;
  right: 1rem;
  margin: auto;
}

.chat-content > .icon-close {
  position: absolute;
  background-size: contain;
  background-position: 50%;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  right: 36px;
  right: 2.25rem;
  top: 36px;
  top: 2.25rem;
}

.chat-content .call-category {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

@media (min-width: 48em) {
  .chat-content .call-category {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    float: none;
    margin: 0 auto;
  }
}

.chat-content .call-group {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

.chat-content .call-group > div {
  display: none;
}

.chat-content .call-group > div:first-child {
  display: block;
}

.chat-content .huge {
  border: 0;
  text-align: center;
}

.chat-content .huge .SelectBox {
  width: auto;
  margin: 0 auto;
  display: inline-block;
}

.chat-content .huge .SelectBox span {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
}

.chat-content .huge .SelectBox i {
  background-size: 16px;
  background-size: 1rem;
}

.chat-content .huge .optWrapper {
  text-align: left;
  padding-top: 51.2px;
  padding-top: 3.2rem;
}

.chat-content .hotlines {
  text-align: center;
}

.chat-content .number[href*="tel"] {
  color: #0083c2;
  font-family: "Telkom123-Bold", sans-serif;
  display: inline-block;
  text-decoration: none;
  font-size: 48px;
  font-size: 3rem;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
}

.chat-content .number[href*="tel"] small {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "Telkom123-Regular", sans-serif;
  text-align: center;
}

@media (min-width: 48em) {
  .chat-content .number[href*="tel"] {
    font-size: 80px;
    font-size: 5rem;
    padding-left: 32px;
    padding-left: 2rem;
    padding-right: 32px;
    padding-right: 2rem;
  }
}

.chat-content .free {
  color: #2695cb;
  margin: 0;
}

.js .chat-form {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: none;
  position: relative;
}

@media (min-width: 48em) {
  .js .chat-form {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.js .chat-form .icon-close-blue {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  float: right;
}

.js .chat-form .loader-container {
  position: relative;
  padding: 2.25rem;
}

.js .chat-form .loader-container .spinnerbox {
  position: relative;
  height: auto;
}

.call-back-explore .buttons {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.no-js #coverage {
  display: none;
}

.js .standalone-chat-form {
  display: block;
}

.js .standalone-chat-form .chat-form {
  display: block;
}

.standalone-chat-form a.icon-close {
  display: none;
}

/***************************************/

/*  #36 - Content Toggler              */

/***************************************/

.content-toggler {
  margin: 1rem 2rem;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  margin-left: 32px;
  margin-left: 2rem;
  margin-right: 32px;
  margin-right: 2rem;
}

.content-toggler .btn {
  display: block;
}

@media (min-width: 48em) {
  .content-toggler .btn {
    display: inline-block;
  }
}

@media (min-width: 48em) {
  .content-toggler .btn-group .btn {
    margin-top: 4px;
    margin-top: 0.25rem;
  }
}

.content-toggler .content-toggler-selector {
  padding: 0;
  padding-top: 16px;
  padding-top: 1rem;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .content-toggler .content-toggler-selector {
    padding: 24px;
    padding: 1.5rem;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 62em) {
  .content-toggler .content-toggler-selector {
    padding: 24px;
    padding: 1.5rem;
    padding-left: 0;
    padding-right: 0;
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }
}

.content-toggler .content-toggler-selector p.label {
  font-family: "Telkom123-Bold", sans-serif;
  font-size: 12.8px;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.content-toggler .content-toggler-selector h2 {
  border-bottom: 1px solid #e8e7e7;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  z-index: 2;
  position: relative;
}

.content-toggler .content-toggler-selector h2 a {
  background-size: 12.8px;
  background-size: 0.8rem;
  background-position: right center;
  display: block;
  text-decoration: none;
}

.content-toggler .content-toggler-selector ul {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

.content-toggler .content-toggler-selector ul {
  *zoom: 1;
}

.content-toggler .content-toggler-selector ul:before,
.content-toggler .content-toggler-selector ul:after {
  content: "";
  display: table;
}

.content-toggler .content-toggler-selector ul:after {
  clear: both;
}

.content-toggler .content-toggler-selector li {
  font-size: 20px;
  font-size: 1.25rem;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin: 2.5% 0;
}

.content-toggler .content-toggler-selector li .content-toggler-icon {
  min-width: 40px;
  min-width: 2.5rem;
  min-height: 16px;
  min-height: 1rem;
  margin-top: 3px;
  margin-top: 0.1875rem;
  border-radius: 32px;
  border-radius: 2rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-size: 16px;
  font-size: 1rem;
  float: right;
  text-align: center;
  display: none;
}

.content-toggler .content-toggler-selector label {
  padding-left: 36px;
  padding-left: 2.25rem;
  display: block;
  position: relative;
}

.content-toggler .content-toggler-selector label:hover {
  cursor: pointer;
}

.content-toggler .content-toggler-selector label div {
  display: inline-block;
  background: #efefef;
  border: 1px solid #e8e7e7;
  padding: 1px;
  border-radius: 36px;
  border-radius: 2.25rem;
}

.content-toggler .content-toggler-selector label div i {
  float: left;
  text-transform: uppercase;
  font-style: normal;
  font-size: 12.8px;
  font-size: 0.8rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  border-radius: 36px;
  border-radius: 2.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  display: inline-block;
  color: #889391;
}

.content-toggler .content-toggler-selector label div i.no {
  color: #ffffff;
  background: #0083c2;
}

.content-toggler .content-toggler-selector input + label:before {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  border-radius: 18px;
  border-radius: 1.125rem;
  display: block;
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 0;
  content: "";
  border: 1px solid #e8e7e7;
}

.content-toggler .content-toggler-selector input:checked + label {
  color: #0083c2;
}

.content-toggler .content-toggler-selector input:checked + label:before,
.content-toggler .content-toggler-selector input:checked + label span {
  background: #0083c2;
  color: #ffffff;
}

.content-toggler .content-toggler-selector input:checked + label .content-toggler-icon {
  display: inline-block;
  background: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-arrow.png?ba6bd827d8ac');
  background-size: auto 100%;
  border: 0;
  width: 22.4px;
  width: 1.4rem;
  height: 20.8px;
  height: 1.3rem;
  background-repeat: no-repeat;
}

.content-toggler .content-toggler-selector input:checked + label div .yes {
  background: #0083c2;
  color: #ffffff;
}

.content-toggler .content-toggler-selector input:checked + label div .no {
  background: transparent;
  color: #889391;
}

.content-toggler .content-toggler-selector li input {
  display: none;
}

.content-toggler .content-toggler-content {
  width: 65.71429%;
  float: left;
  margin-right: 2.85714%;
  display: inline-block;
}

@media (max-width: 62em) {
  .content-toggler .content-toggler-content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content-toggler .content-toggler-content .content-toggler-section {
  display: none;
}

.content-toggler .content-toggler-content .content-toggler-section.active {
  display: block;
}

/* @mixin box-sizing($box) {
  @include prefixer(box-sizing, $box, webkit moz spec);

  @warn "The box-sizing mixin is deprecated and will be removed in the next major version release. This property can now be used un-prefixed.";
} */

/******************************/

/*  #21 - Hero */

/******************************/

/*** Hero Variables ***
    ============================================== */

/* ============================================ / Hero Variables */

/*** Hero Structure ***
    ============================================== */

.foundry-listing-promo {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.hero-new {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  position: relative;
  background-color: #006fad;
  color: #ffffff;
  /* ========================= /Line Position */
  /*** Promo Block ========================= */
  /* ========================= /Promo Block */
}

@media(max-width: 34rem){
    .home-hero .hero-new {
      height: 100vw !important;
    }
}

@media(min-width: 34rem) and (max-width: 62rem){
    .home-hero .hero-new {
      height: 35vw !important;
    }
}

@media (min-width: 62rem){
    .home-hero .hero-new {
      height: 30vw !important;
    }
}

.hero-new .wrapper {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
}

@media (min-width: 48em) {
  .hero-new .wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.hero-new[data-layout*="no-overlay"] .v-overlay { 
  display: none;
}

.hero-new .foreground {
  padding: 20px;
  padding: 1.25rem;
  position: relative;
  z-index: 5;
}

@media (min-width: 48em) {
  .hero-new .foreground {
    padding: 40px;
    padding: 2.5rem;
  }
}

@media (min-width: 75em) {
  .hero-new .foreground {
    padding-left: 160px;
    padding-left: 10rem;
    padding-right: 160px;
    padding-right: 10rem;
  }
}

@media (min-width: 62em) {
  .hero-new {
    /*** Lines ========================= */
    /* ========================= /Lines */
    /*** Line Position ========================= */
  }

  .hero-new [class*="line-x"],
  .hero-new [class*="line-y"] {
    position: absolute;
    background-color: #ffffff;
  }

  .hero-new [class*="line-x"] {
    height: 4px;
  }

  .hero-new [class*="line-x"][class*="-outer"] {
    width: 5000px;
  }

  .hero-new [class*="line-y"] {
    width: 4px;
  }

  .hero-new [class*="line-y"][class*="-outer"] {
    height: 5000px;
  }

  .hero-new [class*="lines-"] {
    position: absolute;
    /* @include rem-fallback(top, -($hero-border-width));
                     @include rem-fallback(right, -($hero-border-width));
                     @include rem-fallback(bottom, -($hero-border-width));
                     @include rem-fallback(left, -($hero-border-width)); */
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-right"] {
    /* @include rem-fallback(border-left-width, $hero-border-notch-width);
                             @include rem-fallback(border-bottom-width, $hero-border-notch-width); */
    border-left-width: 12px;
    border-bottom-width: 12px;
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-right"] [class*="line-x"] {
    top: 0;
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-right"] [class*="line-x"][class*="-inner"] {
    left: 0;
    width: calc(100% - 28px);
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-right"] [class*="line-x"][class*="-outer"] {
    right: 0;
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-right"] [class*="line-y"] {
    bottom: 0;
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-right"] [class*="line-y"][class*="-inner"] {
    right: 0;
    height: calc(100% - 28px);
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-right"] [class*="line-y"][class*="-outer"] {
    right: 0;
    top: 0;
  }

  .no-csstransforms .hero-new [class*="lines-"][class*="-top-"][class*="-right"] .line-x-outer {
    left: 4984px;
  }

  .no-csstransforms .hero-new [class*="lines-"][class*="-top-"][class*="-right"] .line-y-outer {
    top: -4984px;
  }

  .csstransforms .hero-new [class*="lines-"][class*="-top-"][class*="-right"] .line-x-outer {
    -webkit-transform: translateX(4984px);
    transform: translateX(4984px);
  }

  .csstransforms .hero-new [class*="lines-"][class*="-top-"][class*="-right"] .line-y-outer {
    -webkit-transform: translateY(-4984px);
    transform: translateY(-4984px);
  }

  .csstransforms3d .hero-new [class*="lines-"][class*="-top-"][class*="-right"] .line-x-outer {
    -webkit-transform: translate3d(4984px, 0, 0);
    transform: translate3d(4984px, 0, 0);
  }

  .csstransforms3d .hero-new [class*="lines-"][class*="-top-"][class*="-right"] .line-y-outer {
    -webkit-transform: translate3d(0, -4984px, 0);
    transform: translate3d(0, -4984px, 0);
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-left"] [class*="line-x"] {
    top: 0;
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-left"] [class*="line-x"][class*="-inner"] {
    right: 0;
    width: calc(100% - 28px);
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-left"] [class*="line-x"][class*="-outer"] {
    left: 0;
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-left"] [class*="line-y"] {
    bottom: 0;
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-left"] [class*="line-y"][class*="-inner"] {
    left: 0;
    height: calc(100% - 28px);
  }

  .hero-new [class*="lines-"][class*="-top-"][class*="-left"] [class*="line-y"][class*="-outer"] {
    top: 0;
  }

  .no-csstransforms .hero-new [class*="lines-"][class*="-top-"][class*="-left"] .line-x-outer {
    left: -4984px;
  }

  .no-csstransforms .hero-new [class*="lines-"][class*="-top-"][class*="-left"] .line-y-outer {
    top: -4984px;
  }

  .csstransforms .hero-new [class*="lines-"][class*="-top-"][class*="-left"] .line-x-outer {
    -webkit-transform: translateX(-4984px);
    transform: translateX(-4984px);
  }

  .csstransforms .hero-new [class*="lines-"][class*="-top-"][class*="-left"] .line-y-outer {
    -webkit-transform: translateY(-4984px);
    transform: translateY(-4984px);
  }

  .csstransforms3d .hero-new [class*="lines-"][class*="-top-"][class*="-left"] .line-x-outer {
    -webkit-transform: translate3d(-4984px, 0, 0);
    transform: translate3d(-4984px, 0, 0);
  }

  .csstransforms3d .hero-new [class*="lines-"][class*="-top-"][class*="-left"] .line-y-outer {
    -webkit-transform: translate3d(0, -4984px, 0);
    transform: translate3d(0, -4984px, 0);
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] {
    right: -4px;
    /* @include rem-fallback(border-left-width, $hero-border-notch-width);
                             @include rem-fallback(border-top-width, $hero-border-notch-width); */
    border-left-width: 12px;
    border-top-width: 12px;
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] [class*="line-x"] {
    bottom: 0;
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] [class*="line-x"][class*="-inner"] {
    left: 0;
    width: calc(100% - 28px);
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] [class*="line-x"][class*="-outer"] {
    right: 0;
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] [class*="line-y"] {
    right: 0;
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] [class*="line-y"][class*="-inner"] {
    top: 0;
    height: calc(100% - 28px);
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] [class*="line-y"][class*="-outer"] {
    bottom: 0;
    right: 0;
  }

  .no-csstransforms .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] .line-x-outer {
    right: 4984px;
  }

  .no-csstransforms .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] .line-y-outer {
    bottom: 4984px;
  }

  .csstransforms .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] .line-x-outer {
    -webkit-transform: translateX(4984px);
    transform: translateX(4984px);
  }

  .csstransforms .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] .line-y-outer {
    -webkit-transform: translateY(4984px);
    transform: translateY(4984px);
  }

  .csstransforms3d .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] .line-x-outer {
    -webkit-transform: translate3d(4984px, 0, 0);
    transform: translate3d(4984px, 0, 0);
  }

  .csstransforms3d .hero-new [class*="lines-"][class*="-bottom-"][class*="-right"] .line-y-outer {
    -webkit-transform: translate3d(0, 4984px, 0);
    transform: translate3d(0, 4984px, 0);
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] {
    left: -4px;
    /*  @include rem-fallback(border-right-width, $hero-border-notch-width);
                            @include rem-fallback(border-top-width, $hero-border-notch-width); */
    border-right-width: 12px;
    border-top-width: 12px;
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] .line-x,
  .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] .line-y {
    bottom: 0;
    left: 0;
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] [class*="line-x"] {
    bottom: 0;
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] [class*="line-x"][class*="-inner"] {
    right: 0;
    width: calc(100% - 28px);
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] [class*="line-x"][class*="-outer"] {
    left: 0;
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] [class*="line-y"] {
    left: 0;
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] [class*="line-y"][class*="-inner"] {
    top: 0;
    height: calc(100% - 28px);
  }

  .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] [class*="line-y"][class*="-outer"] {
    bottom: 0;
  }

  .no-csstransforms .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] .line-x-outer {
    left: -4984px;
  }

  .no-csstransforms .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] .line-y-outer {
    bottom: 4984px;
  }

  .csstransforms .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] .line-x-outer {
    -webkit-transform: translateX(-4984px);
    transform: translateX(-4984px);
  }

  .csstransforms .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] .line-y-outer {
    -webkit-transform: translateY(4984px);
    transform: translateY(4984px);
  }

  .csstransforms3d .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] .line-x-outer {
    -webkit-transform: translate3d(-4984px, 0, 0);
    transform: translate3d(-4984px, 0, 0);
  }

  .csstransforms3d .hero-new [class*="lines-"][class*="-bottom-"][class*="-left"] .line-y-outer {
    -webkit-transform: translate3d(0, 4984px, 0);
    transform: translate3d(0, 4984px, 0);
  }

  .hero-new[data-line-position] .lines-top-left,
  .hero-new[data-line-position] .lines-top-right,
  .hero-new[data-line-position] .lines-bottom-left,
  .hero-new[data-line-position] .lines-bottom-right,
  .hero-new[data-line-position] .none {
    display: none;
  }

  .hero-new[data-line-position="top-right"] .line-block {
    border-top-color: transparent !important;
    border-right-color: transparent !important;
  }

  .hero-new[data-line-position="top-right"] .lines-top-right {
    display: block;
  }

  .hero-new[data-line-position="top-left"] .line-block {
    border-top-color: transparent !important;
    border-left-color: transparent !important;
  }

  .hero-new[data-line-position="top-left"] .lines-top-left {
    display: block;
  }

  .hero-new[data-line-position="bottom-right"] .line-block {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
  }

  .hero-new[data-line-position="bottom-right"] .lines-bottom-right {
    display: block;
  }

  .hero-new[data-line-position="bottom-left"] .line-block {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
  }

  .hero-new[data-line-position="bottom-left"] .lines-bottom-left {
    display: block;
  }
}

/* Begin No-Expand device styling  */
.hero-new[data-layout*="no-expand"] .wrapper {
  padding-top: 0%;
}

.hero-new[data-layout*="no-expand"] .promo-block .content .text .title {
  font-size: 2.8125rem;
  line-height: 100%;
}

.hero-new[data-layout*="no-expand"] .promo-block .content .line-block{
  border-style: none !important;
}

.hero-new[data-layout*="no-expand"] .line-block .lines-top-left, .hero-new[data-layout*="no-expand"] .line-block .lines-top-right, .hero-new[data-layout*="no-expand"] .line-block .lines-bottom-right, .hero-new[data-layout*="no-expand"] .line-block .lines-bottom-left {
  display: none !important;
}

@media (max-width: 48em) { 
  .hero-new[data-layout*="no-expand"] .promo-block .content .text .title {
    font-size: 21px;
    line-height: 100%;
  }
}

/* End No-Expand device styling  */

.hero-new .promo-block {
  /*** Content Block ========================= */
  /* ========================= /Content Block */
  /*** Focal Point ========================= */
  /* ========================= /Focal Point */
}

@media (min-width: 62em) {
  .hero-new .promo-block {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: relative;
    min-height: 363.2px;
    min-height: 22.7rem;
  }

  .hero-new .promo-block::after {
    clear: both;
    content: "";
    display: table;
  }

  .firefox .hero-new .promo-block {
    height: 1px;
  }
}

.hero-new .promo-block .content {
  pointer-events: auto;
}

@media (min-width: 62em) {
  .hero-new .promo-block .content .line-block {
    padding: 21.76px;
    padding: 1.36rem;
    border-color: #ffffff;
    border-style: solid;
    background-color: #006fad;
    border-width: 4px;
    position: relative;
  }
}

@media (min-width: 62em) and (min-width: 75em) {
  .hero-new .promo-block .content .line-block {
    padding: 27.2px;
    padding: 1.7rem;
    padding-bottom: 11.2px;
    padding-bottom: 0.7rem;
  }
}

.hero-new .promo-block .content .text {
  position: relative;
  margin-top: 5%;
  vertical-align: middle;
  z-index: 5;
}

.hero-new .promo-block .content .text *:last-child {
  margin-bottom: 0;
}

.hero-new .promo-block .content .text .title {
  margin-top: -12px;
  margin-top: -0.75rem;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 25.8px;
  line-height: 1.6125rem;
  font-family: "Telkom123-Bold", sans-serif;
  color: #ffffff;
}

.hero-new .promo-block .content .text .title .secondary {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 38.7px;
  line-height: 2.41875rem;
  font-family: "Telkom123-Regular", sans-serif;
}

@media (min-width: 48em) {
  .hero-new .promo-block .content .text .title {
    font-size: 46.4px;
    font-size: 2.9rem;
    line-height: 51.2px;
    line-height: 3.2rem;
  }

  .hero-new .promo-block .content .text .title .secondary {
    font-size: 46.4px;
    font-size: 2.9rem;
    line-height: 51.2px;
    line-height: 3.2rem;
  }
}

.hero-new .promo-block .content .text p,
.hero-new .promo-block .content .text li {
  font-size: 120%;
  line-height: 130%;
  color: #ffffff;
}

.hero-new .promo-block .content .text p small,
.hero-new .promo-block .content .text li small {
  font-size: 50%;
}

.hero-new .promo-block .content .text > p {
  display: none;
}

@media (min-width: 48em) {
  .hero-new .promo-block .content .text > p {
    display: block;
  }
}

.hero-new .promo-block .content .text .usp-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  padding: 1rem;
  border: 1px solid #00d0ff;
  display: none;
}

.hero-new .promo-block .content .text .usp-list::after {
  clear: both;
  content: "";
  display: table;
}

@media (min-width: 48em) {
  .hero-new .promo-block .content .text .usp-list {
    display: block;
  }
}

.hero-new .promo-block .content .text .usp-list li {
  display: inline-block;
}

.hero-new .promo-block .content .text .usp-list li:before {
  content: '+';
  color: #00d0ff;
  padding-right: 8px;
  padding-right: 0.5rem;
  padding-left: 12.8px;
  padding-left: 0.8rem;
  line-height: 1.5;
}

.hero-new .promo-block .content .text .deal-showcase {
  margin-top: 32px;
  margin-top: 2rem;
  margin-bottom: 0;
}

.hero-new .promo-block .content .text .section-value {
  font-size: 32px;
  font-size: 2rem;
  line-height: 16px;
  line-height: 1rem;
}

@media (min-width: 62em) {
  .hero-new .promo-block .content .text .section-value {
    font-size: 48px;
    font-size: 3rem;
    line-height: 32px;
    line-height: 2rem;
    margin-top: -24px;
    margin-top: -1.5rem;
    font-family: "Telkom123-Bold", sans-serif;
    font-weight: 400;
  }
}

.hero-new .promo-block .content .text .section-value span {
  display: inline;
  color: #ffffff;
  font-size: 20%;
}

@media (min-width: 20em) {
  .hero-new .promo-block .content .text .section-value span {
    font-size: 30%;
  }
}

.hero-new .promo-block .content .text .section-value sup {
  top: -18.4px;
  top: -1.15rem;
}

@media (min-width: 48em) {
  .hero-new .promo-block .content .text .section-value {
    font-size: 64px;
    font-size: 4rem;
    line-height: 64px;
    line-height: 4rem;
  }

  .hero-new .promo-block .content .text .section-value sup {
    top: -24px;
    top: -1.5rem;
  }
}

@media (min-width: 75em) {
  .hero-new .promo-block .content .text .section-value sup {
    top: -24px;
    top: -1.5rem;
  }
}

.hero-new .promo-block .content .text .btn-group {
  margin-top: 16px;
  margin-top: 1rem;
}

@media (max-width: 20em) {
  .hero-new .promo-block .content .text .btn-group > .btn {
    display: block;
    width: 100%;
    float: none;
  }
}

@media (min-width: 48em) {
  .hero-new .promo-block .content .text .btn-group {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-new .promo-block .content .text .btn-group::after {
    clear: both;
    content: "";
    display: table;
  }

  .hero-new .promo-block .content .text .btn-group > .btn {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }

  .hero-new .promo-block .content .text .btn-group > .btn:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}

.hero-new .promo-block .content .text .btn-group:after {
  width: 100%;
  content: "";
  clear: both;
  display: block;
}

.hero-new .promo-block .content .text .badge {
  width: 115px;
  width: 7.1875rem;
}

@media (max-width: 31.25em) {
  .hero-new .promo-block .content .text .badge {
    position: absolute;
    top: -48px;
    top: -3rem;
    right: -104px;
    right: -6.5rem;
  }
}

@media (min-width: 31.25em) {
  .hero-new .promo-block .content .text .badge {
    float: right;
    margin-top: 16px;
    margin-top: 1rem;
  }
}

.hero-new .promo-block .content .tag {
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: -2rem;
  right: -2rem;
  border-radius: 4rem;
  z-index: 1;
}

.hero-new .promo-block .content .tag .label {
  width: 4.6rem;
  height: 4.6rem;
  padding-top: 1.1rem;
  margin-top: 0.25rem;
  margin-left: 0.2rem;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Telkom123-Bold", sans-serif;
  text-align: center;
  font-size: 0.75rem;
  border: 2px solid #ffffff;
  border-radius: 3.6rem;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-blue-dark"] {
  background-color: #141B4D;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-blue-mid"] {
  background-color: #0033A0;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-blue-light"] {
  background-color: #5BC2E7;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-purple"] {
  background-color: #84329B;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-teal"] {
  background-color: #00B2A9;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-teal-light"] {
  background-color: #ADCAB8;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-green"] {
  background-color: #84BD00;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-green-dark"] {
  background-color: #009639;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-green-light"] {
  background-color: #C7E995;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-yellow"] {
  background-color: #FFCD00;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-yellow-dark"] {
  background-color: #FFC72C;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-gold"] {
  background-color: #AC8400;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-orange"] {
  background-color: #DC4405;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-orange-light"] {
  background-color: #DE7C00;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-red"] {
  background-color: #CB333B;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-brown"] {
  background-color: #9E652E;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-brown-dark"] {
  background-color: #6B4C4C;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-brown-dark-heavy"] {
  background-color: #6D4F47;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-metal"] {
  background-color: #425563;
}

.hero-new .promo-block .content .tag[data-sticker-background*="ci-grey"] {
  background-color: #A2AAAD;
}

.hero-new .promo-block .content .tag[data-sticker-background*="blue-darkest"] {
  background-color: #005e9b;
}

.hero-new .promo-block .focal-point a {
  width: 100%;
  min-height: 363.2px;
  min-height: 22.7rem;
  display: block;
}

.hero-new .promo-block .focal-point img {
  display: block;
  margin: 0 auto;
  max-height: 379.2px;
  max-height: 23.7rem;
}

@media (max-width: 62em) {
  .hero-new .promo-block .focal-point {
    padding-bottom: 27.2px;
    padding-bottom: 1.7rem;
  }

  .hero-new .promo-block .focal-point img {
    max-width: 60%;
    margin: 0 auto;
  }
}

@media (min-width: 62em) {
  .hero-new .promo-block .focal-point {
    position: relative;
    z-index: 5;
  }

  .hero-new .promo-block .focal-point img {
    pointer-events: none;
  }
}

@media (min-width: 62em) and (max-width: 62em) {
  .hero-new .promo-block .focal-point img {
    max-width: inherit;
  }
}

/*** ============================================ /Hero Structure ***/

/*** Variations ***
    ============================================== */

.hero-new {
  /*
            &[data-layout*="has-nav"] {
                .content {
                    .line-block {
                        @include rem-fallback(margin-bottom, 5.5rem);

                        @include breakpoint($bp-tablet) {
                            @include rem-fallback(margin-bottom, 3.5rem);
                        }

                        @include breakpoint($bp-desktop) {
                            @include rem-fallback(margin-bottom, 7.5rem);
                        }
                    }
                }
            }
*/
}

@media (max-width: 62em) {
  .hero-new[data-layout*="image-bleed"] .foreground {
    padding-top: 0;
  }

  .hero-new[data-layout*="image-bleed"] .foreground .focal-point {
    padding-bottom: 0;
  }
}

@media (min-width: 62em) {
  .hero-new[data-layout*="image-bleed"] .foreground {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-new[data-layout*="image-bleed"] .foreground .focal-point {
    position: relative;
  }

  .hero-new[data-layout*="image-bleed"] .foreground .focal-point img {
    width: auto;
    height: 102%;
    position: absolute;
    bottom: 0;
    max-width: inherit;
    max-height: 100%;
    left: 0;
    right: 0;
  }

  .hero-new[data-layout*="image-bleed"] .foreground .line-block {
    margin-top: 40px;
    margin-top: 2.5rem;
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 62em) {
  .hero-new[data-layout*="image-bleed"][data-layout*="not-hero"] .focal-point img {
    right: 27.2px;
    right: 1.7rem;
  }
}

@media (min-width: 62em) {
  .hero-new[data-layout*="image-bleed"][data-layout*="image-right"] .focal-point img {
    left: 27.2px;
    left: 1.7rem;
  }
}

@media (min-width: 62em) {
  .hero-new[data-layout*="centered"] .promo-block {
    display: table;
    table-layout: fixed;
  }

  .hero-new[data-layout*="centered"] .promo-block .promo-row {
    display: table-row;
  }
}

@media (min-width: 62em) {
  .hero-new[data-layout*="centered"] .focal-point,
  .hero-new[data-layout*="centered"] .focal-point + .content {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
  }
}

@media (min-width: 62em) {
  .hero-new[data-layout*="centered"] .focal-point + .content {
    margin-top: 40px;
    margin-top: 2.5rem;
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 62em) {
  .hero-new[data-layout*="centered"][data-layout*="image-right"] .focal-point {
    padding-right: 13.6px;
    padding-right: 0.85rem;
  }
}

@media (min-width: 62em) {
  .hero-new[data-layout*="centered"][data-layout*="image-right"] .focal-point {
    padding-left: 27.2px;
    padding-left: 1.7rem;
  }

  .csstransforms .hero-new[data-layout*="centered"][data-layout*="image-right"] .focal-point {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  .csstransforms3d .hero-new[data-layout*="centered"][data-layout*="image-right"] .focal-point {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@media (min-width: 62em) {
  .csstransforms .hero-new[data-layout*="centered"][data-layout*="image-right"] .focal-point + .content {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  .csstransforms3d .hero-new[data-layout*="centered"][data-layout*="image-right"] .focal-point + .content {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@media (max-width: 62em) {
  .hero-new[data-layout*="centered"][data-layout*="image-left"] .focal-point {
    padding-left: 13.6px;
    padding-left: 0.85rem;
  }
}

@media (min-width: 62em) {
  .hero-new[data-layout*="centered"][data-layout*="image-left"] .focal-point {
    padding-right: 27.2px;
    padding-right: 1.7rem;
  }
}

.hero-new[data-layout*="not-hero"] {
  background-color: transparent;
}

.hero-new[data-layout*="not-hero"] .promo-block .focal-point img {
  max-height: none;
}

.hero-new[data-layout*="not-hero"] .promo-block .content .line-block {
  background-color: transparent;
  border-style: none;
}

.hero-new[data-layout*="not-hero"] .promo-block .content .line-block .text h1.title {
  color: #0083c2;
}

.hero-new[data-layout*="not-hero"] .promo-block .content .line-block .text p {
  color: #889391;
  display: block;
}

.hero-new[data-layout*="background-image"] .foreground {
  width: 70%;
  min-height: 224px;
  min-height: 14rem;
}

.hero-new[data-layout*="no-title"].center-content .title {
  display: none !important;
}

.hero-new.center-content.t_cvc .text{
  width: 50%;
  font-size: 1.5rem;
  vertical-align: top;
  display: inline-block;
}

.hero-new.center-content.t_cvc .text .title{
  font-size: 45px;
  color: #FFF;
}

.hero-new.center-content.t_cvc .image{
  display: inline-block;
  width: 49%;
}

@media (max-width: 48em) {
  .hero-new[data-layout*="background-image"] [id*="foreground-"].foreground {
    width: 100% !important;
  }
}

@media (max-width: 62em) {

  .hero-new.center-content.t_cvc .image{
    display: block;
    width: 100% !important;
  }

  .hero-new.center-content.t_cvc .text{
    display: block;
    width: 100%;
    font-size: 18px;
  }
}

@media (min-width: 48em) {
  .hero-new[data-layout*="background-image"] .foreground {
    width: 50%;
  }
}

@media (min-width: 62em) {
  .hero-new[data-layout*="background-image"] .foreground {
    width: 100%;
    float: left;
  }
}

@media (max-width: 62em) {
  .hero-new[data-layout*="background-image"][data-layout*="focus-bottom"] .foreground {
    padding-bottom: 320px;
    padding-bottom: 20rem;
  }
}

@media (max-width: 62em) {
  .hero-new[data-layout*="background-image"][data-layout*="focus-top"] .foreground {
    padding-top: 320px;
    padding-top: 20rem;
  }
}

.hero-new[data-layout*="background-image"] .background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.hero-new[data-layout*="background-image"] .background .video {
  display: none;
}

.hero-new[data-layout*="background-image"] .background iframe {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hero-new[data-layout*="background-image"] .background .v--climatic iframe {
  top: -100px;
}

.hero-new[data-layout*="background-image"] .background picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hero-new[data-layout*="background-image"] .background picture img {
  width: 105%;
  max-width: inherit;
  position: absolute;
}

.objectfit .hero-new[data-layout*="background-image"] .background picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0% 83%;
  object-position: 0% 83%;
}

@media(max-width: 34rem){
    .objectfit .hero-new[data-layout*="background-image"] .background picture img {
        object-position: center;
    }
}

.csstransforms .hero-new[data-layout*="background-image"] .background picture img {
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.hero-new[data-layout*="background-image"] .focal-point {
  padding: 0;
}

.hero-new[data-layout*="background-image"] .content [class*="lines-"] {
  border-color: transparent;
}

.hero-new[data-layout*="background-image"] .content .line-block {
  background-color: transparent;
}

.hero-new[data-layout*="color-invert"] {
  background-color: #efefef;
}

.hero-new[data-layout*="color-invert"] .content [class*="lines-"] {
  border-color: transparent;
}

.hero-new[data-layout*="color-invert"] .content [class*="lines-"] [class*="line-"] {
  background-color: #0083c2;
}

.hero-new[data-layout*="color-invert"] .content .line-block {
  border-color: #0083c2;
  background-color: transparent;
}

.hero-new[data-layout*="color-invert"] .content .text .title,
.hero-new[data-layout*="color-invert"] .content .text p,
.hero-new[data-layout*="color-invert"] .content .text .usp-list li,
.hero-new[data-layout*="color-invert"] .content .text .section-value,
.hero-new[data-layout*="color-invert"] .content .text .section-value span {
  color: #0083c2;
}

.hero-new[data-layout*="text-invert"] {
  background-color: #efefef;
}

.hero-new[data-layout*="text-invert"] .content .text .title,
.hero-new[data-layout*="text-invert"] .content .text p,
.hero-new[data-layout*="text-invert"] .content .text .usp-list li,
.hero-new[data-layout*="text-invert"] .content .text .section-value,
.hero-new[data-layout*="text-invert"] .content .text .section-value span {
  color: #0083c2;
}

.hero-new[data-layout*="no-cta"] .content .btn-group {
  display: none;
}

.hero-new[data-layout*="cta-only"] {
  background-color: transparent;
}

.hero-new[data-layout*="cta-only"] .foreground {
  padding: 2.5% 5%;
}

.hero-new[data-layout*="cta-only"] .promo-block {
  min-height: 0;
}

.hero-new[data-layout*="cta-only"] .promo-block .line-block {
  border: 0;
  background-color: transparent;
  padding: 0;
}

.hero-new[data-layout*="cta-only"] .promo-block .line-block [class*="lines-"] {
  display: none;
}

.hero-new[data-layout*="cta-only"] .promo-block .line-block .text h1.title {
  color: #0083c2;
  letter-spacing: -1px;
  font-size: 32px;
  font-size: 2rem;
  line-height: 34.4px;
  line-height: 2.15rem;
  margin-top: 0;
  font-family: "Telkom123-Regular", sans-serif;
  font-weight: normal;
}

.hero-new[data-layout*="cta-only"] .promo-block .line-block .text .btn-group > .btn {
  width: auto;
  float: none;
}

.hero-new[data-layout*="clean"] .foreground .promo-block .content {
  display: none;
}

.hero-new.center-content .wrapper,
.hero-new.center-content .promo-block {
  height: 100%;
}

/* ============================================ / Variations */

/*** Carousel Hero ========================= */

.hero.carousel {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.hero.carousel::after {
  clear: both;
  content: "";
  display: table;
}

.hero.carousel .owl-item {
  overflow: hidden;
}

.hero.carousel .owl-item .item {
  position: relative;
}

.hero.carousel .owl-wrapper-outer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.hero.carousel .owl-controls {
  padding-left: 5%;
  padding-right: 5%;
  background-color: transparent;
  position: absolute;
  text-align: center;
}

@media (min-width: 48em) {
  .hero.carousel .owl-controls .owl-pagination {
    max-width: 1340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 48em) and (min-width: 48em) {
  .hero.carousel .owl-controls .owl-pagination {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 48em) {
  .hero.carousel .owl-controls .owl-page:first-child {
    padding-left: 1.7rem;
  }
}

.hero.carousel .owl-controls .owl-page span {
  opacity: 1 !important;
  background: #4687b2 !important;
  border: 3px solid #141B4D !important;
  width: 18px !important;
  height: 18px !important;
  margin: 1rem 0.2rem !important;
}

@media (max-width: 48em) {
  .hero.carousel .owl-controls .owl-page span {
    border: 6px solid #141B4D !important;
    background: #4687b2 !important;
    width: 36px !important;
    height: 36px !important;
    margin: 1rem 1rem !important;
  }
}

.hero.carousel .owl-controls .owl-page.active span {
  background: #ffffff !important;
}

@media (max-width: 48em) {
  .hero.carousel .owl-controls .owl-page.active span {
    background: #ffffff !important;
  }
}

@media (min-width: 48em) {
  .hero.carousel .owl-controls {
    margin: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}

.hero.carousel .simulate-banner {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.hero.carousel .simulate-banner img {
  width: 100%;
  height: auto !important;
  -o-object-fit: none !important;
  object-fit: none !important;
}

/* ========================= / .parent .child */

/* ============================================ /HERO NEW CI */

/* ============================================
*** Scroll Button ***
============================================== */

.sub-hero-controls {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

#scroll-to-main {
  display: none;
  height: 0;
  visibility: none;
}

@media (min-width: 48em) {
  .js #scroll-to-main {
    float: left;
    visibility: hidden;
    display: block;
    width: 3.375rem;
    height: 3.375rem;
    text-indent: -9999px;
    position: absolute;
    opacity: 0;
    -webkit-transition-property: height, opacity;
    transition-property: height, opacity;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background-size: 100%;
    background-size: cover;
    background-position: 50% 53.5%;
    z-index: 999;
  }

  .js #scroll-to-main.inside {
    top: -4.875rem;
    right: 1.5rem;
    background-color: #005e9b;
    background-size: 1rem;
  }

  .js #scroll-to-main.outside {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    background-image: url('//static.telkom.co.za/today/static/web/img/scroll-down-arrow.png?366df576f285');
    background-repeat: no-repeat;
    background-size: 32px;
    background-size: 2rem;
  }

  .js #scroll-to-main.visible {
    visibility: visible;
    opacity: 0.8;
  }
}

/* ============================================ / Scroll Button */

#first-hero {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#first-hero::after {
  clear: both;
  content: "";
  display: table;
}

.home-hero .foreground {
  padding-left: 5%;
  padding-right: 5%;
}

@media (min-width: 20em) {
  .home-hero .foreground {
    display: block;
    padding-top: 1.7rem;
    width: 100%;
  }
}

.home-hero .promo-block {
  min-height: 13.7rem;
}

.home-hero .promo-block .content .text .title {
  font-family: "Telkom123-Regular", sans-serif;
  font-size: 1.75rem;
  line-height: 1.8rem;
  letter-spacing: -1px;
}

.home-hero .promo-block .content .text p {
  font-size: 100%;
  line-height: 120%;
}

.home-hero .promo-block .content .btn-group .btn {
  margin-bottom: 0.6rem;
  padding-top: 0.4rem;
  padding-bottom: 0.6rem;
}

.promo-tile-grid {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5.71429%;
}

.promo-tile-grid > [class*="promo-tile-"] {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 3.5rem;
}

@media (min-width: 48em) and (max-width: 62em) {
  .promo-tile-grid > [class*="promo-tile-"] {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .promo-tile-grid > [class*="promo-tile-"]:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .promo-tile-grid > [class*="promo-tile-"] {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .promo-tile-grid > [class*="promo-tile-"]:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}

.BrochureTabs {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.BrochureTabs::after {
  clear: both;
  content: "";
  display: table;
}

.BrochureTabs-tabBar {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.BrochureTabs-tabBar::after {
  clear: both;
  content: "";
  display: table;
}

.BrochureTabs-tabBar,
.BrochureTabs-panel {
  max-width: 90.0625em !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.BrochureTabs-tabItem {
  display: block;
  float: left;
  width: 50%;
  padding: 1.5rem;
  text-decoration: none;
  color: #cccccc;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.BrochureTabs-tabItem[aria-selected="true"] {
  background-color: #efefef;
  color: #666666;
}

.BrochureTabs-tabItem:hover {
  color: #666666;
}

.BrochureTabs-tabItem img {
  display: block;
  width: 11.39062rem;
  margin: 0 auto 1rem;
}

@media (min-width: 48em) {
  .BrochureTabs-tabItem {
    display: inline-block;
    width: 19%;
    width: calc(20% - 3px);
    text-align: center;
  }

  .BrochureTabs-tabItem img {
    width: 11.39062rem;
  }
}

.BrochureTabs-panelGroup {
  padding: 3.375rem 2%;
  background-color: #efefef;
}

.BrochureTabs-title {
  color: #666666;
  text-align: center;
  text-decoration: none;
}

.BrochureTabs-panel {
  color: #666666;
}

.BrochureTabs-cta {
  display: block;
  margin: 0 auto;
}

.TeaserList {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: justify;
}

.TeaserList::after {
  clear: both;
  content: "";
  display: table;
}

.TeaserList:after {
  display: inline-block;
  width: 100%;
  content: "";
}

.TeaserList-item {
  display: inline-block;
  width: 48.57143%;
  padding: 1.5rem 0;
  text-align: center;
  vertical-align: top;
}

@media (min-width: 48em) {
  .TeaserList-item {
    width: 22.85714%;
  }
}

@media (min-width: 62em) {
  .TeaserList-item {
    width: 14.28571%;
  }
}

.TeaserList-link {
  display: block;
  color: #666666;
  text-decoration: none;
}

.TeaserList-link:hover {
  color: #666666;
}

.TeaserList-link:hover .TeaserList-thumbnail {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.TeaserList-thumbnail[class] {
  display: block;
  width: 100%;
  margin-bottom: 1.5rem;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.Concertina {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.Concertina::after {
  clear: both;
  content: "";
  display: table;
}

.Concertina-item + .Concertina-item {
  margin-top: 1.5rem;
}

.Concertina-tab {
  position: relative;
  display: block;
  margin-bottom: 1rem;
  padding-right: 1.5em;
  color: #0083c2;
  font-size: 1.15rem;
  text-decoration: none;
}

.Concertina-tab[aria-selected="true"] .Concertina-tabIcon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media (min-width: 48em) {
  .Concertina-tab--width10 {
    max-width: 10%;
  }

  .Concertina-tab--width20 {
    max-width: 20%;
  }

  .Concertina-tab--width30 {
    max-width: 30%;
  }

  .Concertina-tab--width40 {
    max-width: 40%;
  }

  .Concertina-tab--width50 {
    max-width: 50%;
  }
}

.Concertina-tabIcon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  margin: auto 0;
  border-style: solid;
  border-width: 0.375em;
  border-color: transparent transparent transparent #0083c2;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.Concertina-panel {
  display: block;
  max-height: 100em;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0s ease, max-height .5s ease, opacity .5s ease;
  transition: visibility 0s ease, max-height .5s ease, opacity .5s ease;
}

.Concertina-panel[aria-hidden="true"] {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: .5s, 0s, 0s;
  transition-delay: .5s, 0s, 0s;
}

.MediaListing-title,
.MediaListing-subtitle {
  margin-top: .3rem;
  margin-bottom: .3rem;
  line-height: 1.5rem;
}

.MediaListing-title:first-child,
.MediaListing-subtitle:first-child {
  margin-top: 1rem;
}

.MediaListing {
  clear: both;
}

.MediaListing-heading {
  color: #cccccc;
  font-size: 1.5rem;
  margin: 0;
  text-align: center;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.MediaListing-mediaContainer {
  border-top: 1px solid #cccccc;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.MediaListing-item {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 30em) {
  .MediaListing-item {
    width: 50%;
  }
}

@media (min-width: 48em) {
  .MediaListing-item {
    width: 25%;
  }
}

.MediaListing-picture {
  display: inline-block;
}

.MediaListing-picture--inline {
  float: left;
  height: 100%;
  margin-right: 1rem;
  max-width: 5rem;
}

.MediaListing-image {
  display: block;
  fill: #0072a9;
}

.MediaListing-caption {
  overflow: hidden;
}

.MediaListing-title {
  color: #0072a9;
  font-size: 1.2rem;
}

.MediaListing-subtitle {
  color: #cccccc;
  font-size: 1rem;
}

.MediaListing-link {
  color: #cccccc;
  font-family: "Telkom123-Bold", sans-serif;
  text-decoration: none;
}

.TabSelector {
  position: relative;
  padding-top: 2rem;
  background-color: #efefef;
  overflow-y: hidden;
  text-align: center;
}

.TabSelector-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.TabSelector-input {
  display: none;
}

.TabSelector-input:checked + .TabSelector-figure {
  opacity: 1;
}

.TabSelector-input:checked + .TabSelector-figure::after {
  opacity: 1;
}

.TabSelector-label {
  width: 100%;
  display: block;
}

.TabSelector-item {
  display: inline-block;
  width: 8.5rem;
}

@media (min-width: 75em) {
  .TabSelector-item {
    width: 10rem;
  }
}

.TabSelector-figure {
  position: relative;
  display: inline-block;
  margin: 0;
  opacity: 0.5;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: 11.2rem;
  cursor: pointer;
}

@media (min-width: 75em) {
  .TabSelector-figure {
    height: 12.5rem;
  }
}

.TabSelector-figure:after {
  position: absolute;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  right: 50%;
  bottom: -.75rem;
  opacity: 0;
  background-color: #ffffff;
  -webkit-transform: translateX(50%) rotate(45deg);
  transform: translateX(50%) rotate(45deg);
}

.TabSelector-caption {
  overflow: auto;
}

.TabSelector-picture {
  display: inline-block;
  max-width: 65%;
}

.TabSelector-image {
  display: block;
}

.TabSelector-title {
  margin-bottom: 2rem;
  color: #0072a9;
  font-size: 1rem;
  text-align: center;
}

.FibreTool {
  padding: 5%;
  background-color: #efefef;
  text-align: center;
}

.FibreTool::after {
  clear: both;
  content: "";
  display: table;
}

.FibreTool-title {
  display: inline-block;
  width: 100%;
  margin: 2rem 0;
  padding-bottom: 0.375rem;
  color: #000000 !important;
  line-height: 1;
  font-size: 1.5rem !important;
}

@media (min-width: 48em) {
  .FibreTool-title {
    font-size: 2.5rem !important;
  }
}

.FibreTool-titleSub {
  color: #889391;
  font-size: 1rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 48em) {
  .FibreTool-titleSub {
    font-size: 1.5rem;
  }
}

.FibreTool-content {
  width: 90%;
  margin: 0 auto;
}

.FibreTool-description {
  color: #0083c2;
  font-weight: bold;
  font-size: 1rem;
}

@media (min-width: 48em) {
  .FibreTool-description {
    font-size: 1.5rem !important;
  }
}

.FibreTool .button a#next {
  width: 100%;
}

@media (min-width: 48em) {
  .FibreTool .button a#next {
    width: 50%;
  }
}

.FibreTool-nextBtn {
  background-size: 0.5rem !important;
  font-size: 1rem !important;
}

.FibreTool-submitBtn {
  padding-bottom: 0.375rem;
  border: 0;
  background-color: transparent;
  color: #0083c2;
  font-size: 1.5rem;
}

.FibreTool-submitIcon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-bottom: 0.25rem;
  background-size: 100% 100%;
  vertical-align: middle;
}

.FibreTool-row {
  min-height: 3rem;
  padding: 0.5rem 0;
}

.FibreTool-line {
  display: inline-block;
  width: 1px;
  height: 3rem;
  background-color: #0083c2;
}

.FibreTool-line--transparent {
  background-color: #80c1e1;
}

.FibreTool-step {
  display: inline-block;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: #0083c2;
  color: #ffffff;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 2rem;
  line-height: 3rem;
}

.FibreTool .media,
.FibreTool .user {
  position: relative;
  display: inline-block;
  border: 1px solid #889391;
  border-radius: 50%;
  background-color: #efefef;
  vertical-align: middle;
}

.FibreTool .media.active,
.FibreTool .user.active {
  border: 1px solid #0083c2;
  background-color: #0083c2;
}

.FibreTool .user {
  width: 6rem;
  height: 6rem;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 80% 80%;
}

.FibreTool .media {
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  margin: 1rem;
}

.FibreTool .media.active::after {
  position: absolute;
  bottom: -5px;
  right: -5px;
  border-radius: 0.8rem;
  display: block;
  color: white;
  text-align: center;
  font-size: 0.8rem;
  content: attr(data-num);
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  background-color: #0083c2;
}

.FibreTool .media.hoverbar:hover::before {
  position: absolute;
  content: attr(data-activity-title);
  border: #0083c2 0.125rem solid;
  background-color: #ffffff;
  left: 4.5rem;
  padding: 0.1rem;
  width: 10rem;
  z-index: 2;
  height: auto;
  line-height: 3.5;
  border-radius: 1rem;
}

.FibreTool .media img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.FibreTool hr {
  margin-top: 5rem;
}

.FibreTool .irs {
  display: inline-block;
  width: 90%;
  vertical-align: middle;
}

.FibreTool .irs-single {
  top: 3.5rem;
}

.FibreTool .irs .irs-single {
  color: #889391;
  background-color: #efefef;
}

.FibreTool .irs-min {
  display: none;
}

.MeOrMine {
  width: 100%;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  float: none;
  text-align: center;
}

@media (min-width: 62em) {
  .MeOrMine {
    width: 48%;
    margin-bottom: 0;
    float: left;
  }
}

@media (min-width: 75em) {
  .MeOrMine {
    margin-right: 0;
  }
}

.MeOrMine a {
  margin-top: 1rem;
}

.UserTypes {
  display: inline-block;
  border: 1px solid #0083c2;
  border-radius: 2px;
}

.UserTypes-text {
  display: inline-block;
  min-width: 16rem;
  padding: 0.5rem 0.5rem 1.5rem;
  color: #80c1e1;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 2.5rem;
  line-height: 1;
}

.UserTypes-text + .UserTypes-text {
  border-left: 1px solid #0083c2;
}

.ResultsTable {
  font-family: "Telkom123-Light", sans-serif;
  text-align: left;
}

.ResultsTable-progressBar {
  display: block;
  height: 2rem;
  margin-top: 0.25rem;
  border-radius: 1rem;
  background-color: #00a850;
  max-width: 100%;
}

.ResultsTable-cell {
  padding: 1rem;
  color: #00a850;
}

.ResultsTable-cell--xAxis {
  color: #000000;
  font-size: 1.5rem;
}

.ResultsTable-cell--yAxis {
  color: #0083c2;
}

.ResultsTable-cell + .ResultsTable-cell {
  border-left: 1px solid #cccccc;
}

.fibre-tool-result {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}

@media (min-width: 48em) {
  .fibre-tool-result {
    display: inline-block;
    width: 40%;
    margin-right: 5rem;
  }
}

.SmartBanner {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #efefef;
  position: relative;
}

.SmartBanner:after {
  display: block;
  content: "";
  clear: both;
}

.SmartBanner.is-hidden {
  display: none;
}

.SmartBanner-icon {
  width: 14.28571%;
  float: left;
  margin-right: 2.85714%;
}

.SmartBanner-icon-image {
  width: 100%;
  display: block;
}

.SmartBanner-title {
  font-size: 0.9rem;
  color: #000000;
}

.SmartBanner-description {
  width: 52.85714%;
  float: left;
  margin-right: 2.85714%;
  padding-top: 0.25rem;
  margin: 0;
  font-size: 0.8rem;
}

.SmartBanner-link {
  width: 22.85714%;
  float: left;
  margin-right: 2.85714%;
  float: right;
  margin-right: 0;
  height: 1.75rem;
  line-height: 1.5rem;
  background: #0083c2;
  padding: 0 0.75rem;
  color: #ffffff;
  display: inline-block;
  font-size: 0.8rem;
  border-radius: 3px;
  text-decoration: none;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5rem;
  margin: auto;
}

.SmartBanner-close {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  background-size: 100%;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

.Leads {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.Leads-intro {
  padding: 2.25rem;
  border-bottom: 1px solid #e8e7e7;
  background-color: #efefef;
  font-family: "Telkom123-Light", sans-serif;
  line-height: 1.2rem;
  text-align: center;
}

.Leads-intro-title {
  margin: 0;
  padding-bottom: 1.5rem;
  font-size: 2.25rem;
  font-weight: normal;
  color: #0083c2;
}

.Leads-intro-description {
  margin: 0;
  font-size: 1.5rem;
  color: #000000;
}

.Leads-drawer {
  padding: 1rem 0 3rem 0;
  background: #ffffff;
}

.Leads-drawer-section {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 62em) {
  .Leads-drawer-section {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    float: none;
    margin: auto;
  }
}

.Leads-drawer-title {
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.5rem;
  margin-top: 1.5rem;
  text-align: center;
}

.Leads-drawer-description {
  font-family: "Telkom123-Light", sans-serif;
  line-height: 1.5rem;
  margin-top: 1rem;
  text-align: center;
}

.Leads-drawer .field {
  border: 0;
  margin-bottom: 0.5rem;
}

.Leads-drawer .field.valid-box input::-webkit-input-placeholder,
.Leads-drawer .field.error-box input::-webkit-input-placeholder {
  color: #ffffff;
}

.Leads-drawer .field.valid-box input:-ms-input-placeholder,
.Leads-drawer .field.error-box input:-ms-input-placeholder {
  color: #ffffff;
}

.Leads-drawer .field.valid-box input::placeholder,
.Leads-drawer .field.error-box input::placeholder {
  color: #ffffff;
}

.Leads-drawer .field > label {
  width: 100%;
  border: 0;
  display: block;
  text-align: left;
  text-transform: capitalize;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1rem;
  background: #ffffff !important;
  color: #889391 !important;
}

.Leads-drawer .field > input {
  width: 100%;
  border: 1px solid #e8e7e7;
  display: block;
}

.Leads-drawer .field label + .SumoSelect .SelectBox {
  border: 1px solid #e8e7e7 !important;
}

.Leads-drawer .field label + .SumoSelect .optWrapper {
  top: 5.5rem;
  padding-top: 0;
}

.Leads-drawer .field label + .SumoSelect .options li {
  padding-left: 1rem;
}

.Leads-drawer .field .errorlist {
  padding: 0.5rem 0 0 0;
  display: block;
}

.Leads-drawer .buttons {
  margin-top: 1.5rem;
}

.Leads .row {
  background: #ffffff;
}

/* Templates */

/***************************************/

/* #39.1 - Shop Wizard */

/***************************************/

.shop-wizard {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
}

.shop-wizard::after {
  clear: both;
  content: "";
  display: table;
}

@media (min-width: 48em) {
  .shop-wizard {
    max-width: 1340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none;
  }
}

@media (min-width: 48em) and (min-width: 48em) {
  .shop-wizard {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 48em) {
  .shop-wizard .shop-wizard-content,
  .shop-wizard .shop-wizard-sidebar {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
}

.shop-wizard-content {
  padding: 0 5%;
  padding-top: 48px;
  padding-top: 3rem;
  background-color: #ffffff;
}

.shop-wizard-content h2 {
  margin-top: 0;
}

.row.lightblue .call-back {
  padding-top: 5%;
  padding-bottom: 5%;
  background-color: #0072a9;
}

.wizard-explore {
  position: relative;
  padding-top: 32px;
  padding-top: 2rem;
}

@media (min-width: 48em) {
  .wizard-explore {
    padding-top: 0;
  }
}

.wizard-explore .show-sidebar {
  display: block;
}

.wizard-explore .shop-wizard-sidebar {
  display: none;
}

@media (min-width: 48em) {
  .wizard-explore .shop-wizard-sidebar {
    width: 3%;
    margin-right: -1px;
    padding: 0;
    display: block;
  }

  .wizard-explore .shop-wizard-sidebar * {
    display: none;
  }
}

@media (min-width: 48em) {
  .wizard-explore .shop-wizard-content {
    width: 97%;
    float: right;
    border-left: 1px solid #e8e7e7;
  }
}

.wizard-explore .shop-wizard-content .shop-wizard-filtered hr {
  display: none;
}

.wizard-explore .shop-wizard-content .shop-wizard-filtered .items {
  padding-top: 0;
}

.wizard-explore .shop-wizard-content .builder-grouping {
  overflow: visible;
}

.wizard-explore .shop-wizard-content .builder-grouping .product-image img {
  max-width: 60%;
}

.wizard-explore .shop-wizard-content .builder-grouping .custom-number {
  margin-top: 16px;
  margin-top: 1rem;
}

.wizard-explore .shop-wizard-content .builder-grouping .range {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.wizard-explore .shop-wizard-content .builder-grouping .range .irs .irs-grid .irs-grid-text.on {
  color: #0083c2;
  font-size: 16px;
  font-size: 1rem;
  padding: 0;
}

.wizard-explore .shop-wizard-content .builder-grouping .choices {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.wizard-explore .shop-wizard-content .builder-grouping .choices .helper [class*="icon-"] {
  margin: 0 auto;
  margin-top: 12px;
  margin-top: 0.75rem;
}

.wizard-explore .shop-wizard-content .builder-grouping .choices .helper-text {
  text-align: left;
  width: 224px;
  width: 14rem;
  min-width: 224px;
  min-width: 14rem;
}

.wizard-explore .shop-wizard-business-other {
  display: none;
}

@media (min-width: 48em) {
  .shop-wizard-sidebar {
    width: 40%;
    float: left;
  }

  .shop-wizard-content {
    width: 60%;
    float: left;
  }

  .shop-wizard-product,
  .shop-wizard-other {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 62em) {
  .shop-wizard-sidebar {
    width: 31%;
    float: left;
  }

  .shop-wizard-content {
    width: 69%;
    float: left;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .shop-wizard-sidebar {
    width: 27%;
    float: left;
  }

  .shop-wizard-content {
    width: 73%;
    float: left;
    float: right;
    margin-right: 0;
  }

  .shop-wizard-product,
  .shop-wizard-other {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.brochure-page {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.brochure-page .shop-listing-slider .item img {
  width: 128px;
  width: 8rem;
}

@media (min-width: 48em) {
  .brochure-page .shop-listing-slider .item img {
    width: 192px;
    width: 12rem;
  }
}

.brochure-page .brochure-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.brochure-page .brochure-block p,
.brochure-page .brochure-block-inverted p {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  margin-left: 0;
  margin-right: 0;
}

.brochure-page .brochure-block [class*="btn"],
.brochure-page .brochure-block-inverted [class*="btn"] {
  width: 100%;
}

@media (min-width: 48em) {
  .brochure-page .brochure-block [class*="btn"],
  .brochure-page .brochure-block-inverted [class*="btn"] {
    width: 50%;
  }
}

.brochure-page .section-close {
  width: 1rem;
  height: 1rem;
  background-size: contain;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 5;
}

@media (min-width: 48em) {
  .brochure-page .section-close {
    width: 1.5rem;
    height: 1.5rem;
    top: 2.25rem;
    right: 5%;
  }
}

.brochure-page .brochure-hero-nav {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .brochure-page .brochure-hero-nav {
    margin-top: -60.8px;
    margin-top: -3.8rem;
    position: relative;
  }
}

@media (min-width: 62em) {
  .brochure-page .brochure-hero-nav {
    margin-top: -68px;
    margin-top: -4.25rem;
  }
}

@media (max-width: 290.0625em) {
  .brochure-page .brochure-hero-nav {
    padding: 0 5%;
  }
}

.brochure-page .brochure-map {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 35%;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  margin-bottom: -1px;
}

.brochure-page .brochure-map #map {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.brochure-page .shop-wizard-product {
  padding: 0;
}

.brochure-page .category-togglers {
  margin-top: 24px;
  margin-top: 1.5rem;
}

[class*="brochure-row"] {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  padding: 2%;
}

[class*="brochure-row"].arrow:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 20;
  bottom: -24px;
  bottom: -1.5rem;
  border-left-width: 24px;
  border-left-width: 1.5rem;
  border-right-width: 24px;
  border-right-width: 1.5rem;
  border-top-width: 24px;
  border-top-width: 1.5rem;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: #ffffff;
  border-bottom-color: transparent;
  border-style: solid;
}

@media (min-width: 48em) {
  [class*="brochure-row"].arrow:after {
    bottom: -36px;
    bottom: -2.25rem;
    border-left-width: 36px;
    border-left-width: 2.25rem;
    border-right-width: 36px;
    border-right-width: 2.25rem;
    border-top-width: 36px;
    border-top-width: 2.25rem;
  }
}

[class*="brochure-row"] .title {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
  color: #0083c2;
  margin-top: 0;
  margin-bottom: 5%;
}

[class*="brochure-row"] .title-center {
  color: #0083c2;
}

@media (min-width: 48em) {
  [class*="brochure-row"] .title-center {
    text-align: center;
  }
}

[class*="brochure-row"] .subtitle-big,
[class*="brochure-row"] .subtitle-small {
  margin: 0 auto;
  margin-top: 24px;
  margin-top: 1.5rem;
}

@media (min-width: 48em) {
  [class*="brochure-row"] .subtitle-big,
  [class*="brochure-row"] .subtitle-small {
    width: 74.28571%;
  }
}

[class*="brochure-row"] .subtitle-big b,
[class*="brochure-row"] .subtitle-big strong,
[class*="brochure-row"] .subtitle-small b,
[class*="brochure-row"] .subtitle-small strong {
  color: #0083c2;
}

[class*="brochure-row"] .subtitle-big {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
}

[class*="brochure-row"] .subtitle-small {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 21.5px;
  line-height: 1.34375rem;
  font-family: "Telkom123-Bold", sans-serif;
  font-family: "Telkom123-Regular", sans-serif;
  line-height: 1.6rem;
}

[class*="brochure-row"] .subtitle-small a,
[class*="brochure-row"] .subtitle-small a:hover {
  color: inherit;
}

[class*="brochure-row"] .centered {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media (min-width: 48em) {
  [class*="brochure-row"] .centered {
    max-width: 20rem;
  }
}

.brochure-row-white,
.brochure-row {
  background-color: #ffffff;
  color: #889391;
}

.brochure-row-white.arrow:after,
.arrow.brochure-row:after {
  border-top-color: #ffffff;
}

/*ACTIVATE INTERNATIONAL ROAMING*/

.base-application {
    width: 600px;
    padding-left: 30px;
}

.base-application .Form {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 20px !important;
}

@media (max-width: 50rem) {
    .base-application {
        width: 90%;
    }
}

.base-application-header {
    font-size: 20px;
    margin-top: 50px;
    color: #000000;
    text-align: center;
    padding-top: 40px;
}

.base-application-title {
    color: #0072a9;
    font-size: 33px;
    font-weight: bold;
}

@media (min-width: 50rem) {
    .base-application {
        margin: auto;
    }
}

.base-application .field > input {
    height: 30px !important;
    margin-bottom: 10px;
    border-width: 1px !important;
    border-color: #808080;
    padding: 0 0 0 13px !important;
}

.base-application .Form .field.error-box > select {
    border-color: #CB333B;
}

.base-application .Form .field.valid-box > select {
    border-color: #009639;
}

.base-application .field > select {
    width: 100%;
    height: 30px;
    background-color: #ffffff;
    margin-bottom: 10px;
    border-radius: 0px;
    border-width: 1px;
    border-color: #606060;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('/today/static/smart/img/icons/icon-library/png/arrow-down-grey.png') no-repeat right center;
    background-size: 20px;
    background-position-x: 95%;
    padding-left: 10px;

}

.base-application .Form .field > label {
    margin-bottom: 10px !important;
    font-size: 11px !important;
    color: #555555 !important;
    border-bottom-width: 1px !important;
}

.base-application input[type="submit"] {
    margin-top: 30px;
    width: 70%;
}

.base-application input::-webkit-input-placeholder {
    font-size: 12px;
}

.base-application a {
    text-decoration: none;
    margin-top: 20px;
}

.roaming-form-switcher {
    text-align: center;
}

.roaming-form-switcher .button-active{
    color: #ffffff;
    font-weight: bold;
    background-color: #0072a9;
}

.roaming-form-switcher .deactivate-btn,.activate-btn {
    display: inline-block;
    margin-right: 20px;
    border: 1px solid;
    border-radius: 10px;
    padding: 5px;
    width: 130px;
}

@media (max-width: 25rem){
    .roaming-form-switcher .deactivate-btn,.activate-btn {
        display: inline-block;
        margin-right: 0;
        border: 1px solid;
        border-radius: 10px;
        padding: 5px;
        width: 115px;
    }
}

.roaming-form-switcher .deactivate-btn,.activate-btn:hover {
    cursor: pointer;
}

.base-application .form-hidden {
    display: none;
}

.call-center-message {
    color: #040404;
}

.download-icon {
    height: 20px;
    margin-right: 10px;
}

.download-section {
    display: flex;
}

.buttons-container {
    display: flex;
    align-items: baseline;
}

.buttons-container input[type="submit"] {
    margin-right: 15px;
}

.coverage-result-info {
    color: #0072a9;
    text-align: center;
    font-size: 20px;
}

.CoverageOrderForm{
    width: 100% !important;
}

.CoverageOrderForm-title{
    text-align: center !important;
}

.CoverageOrderForm-block{
    text-align: center !important;
}

.order-form-tick-box-field {
    margin: 40px 0;
}

.base-application .tick-box-field {
    margin-top: 20px;
}

.base-application .tick-box-field label {
    margin-top: 2px;
}

.tick-box-field input[type="checkbox"] {
    -webkit-appearance: none;
    outline: none;
    width: 18px;
    height: 18px !important;
    float: left;
    line-height: 10px;
    margin: 0 15px 0 0;
    border: 2px solid #00557f;
    background-color: #0072a9 !important;
    padding-left: 3px !important;
}

.tick-box-field input[type="checkbox"]:checked:after {
    content: "\002714";
    color: #ffffff;
}

.ui-datepicker [class*="icon-"] {
    background-size: auto !important;
}

.loader-container.submitLoader {
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 999;
    visibility: hidden;
}

.table-container {
    overflow-y: visible;
    overflow-x: auto;
}

.standard-table {
    border-collapse: collapse;
    color: #0083c2;
    width: 100%;
}

.standard-table td {
    padding: 10px;
}

/***********************************/

/*  -----     Row Types    -----  */

/**********************************/

.foundry-listing-promo .tcp_cta .container .background, 
.foundry-listing-promo .tcp_cta[data-layout*="background-parallax"] .container .background, 
.foundry-listing-promo .tcp_cta[data-layout*="no-bg-parallax"] .container .background{
  background-color: #000;
  display: block !important;
}

.foundry-listing-promo .tcp_cta .container .text{
  padding: 20px;
}

.foundry-listing-promo .tcp_cta[data-layout*="no-bg-parallax"] .container .background > img {
  top: 0px;
  width: 50% !important;
  position: absolute;
}

.foundry-listing-promo .tcp_cta[data-layout*="image-left"] .container .background > img {
  top: -20;
  left: 0;
  bottom: 0;
  height: 150%;
  max-width: 49% !important;
}

.foundry-listing-promo .row_parallax .container .background > img,
.foundry-listing-promo .row_parallax[data-layout*="background-parallax"] .container .background > img, 
.foundry-listing-promo .row_parallax[data-layout*="no-bg-parallax"] .container .background > img {
  left: 0;
}

.foundry-listing-promo .tcp_cta[data-layout*="image-left"] .container .foreground img {
  float: left;
}

.foundry-listing-promo .tcp_cta[data-layout*="image-right"] .container .foreground img {
  float: right;
}

.foundry-listing-promo .tcp_cta[data-layout*="image-right"] .container .background > img {
  top: 0;
  right: 0;
  bottom: 0;
  height: 150%;
  max-width: 49% !important;
}

.foundry-listing-promo .tcp_cta .container .foreground, 
.foundry-listing-promo .tcp_cta[data-layout*="background-parallax"] .container .foreground, 
.foundry-listing-promo .tcp_cta[data-layout*="no-bg-parallax"] .container .foreground  {
  z-index: 2;
  position: relative;
}

@media (max-width: 48em) {
  .foundry-listing-promo .tcp_cta .container .background, 
  .foundry-listing-promo .tcp_cta[data-layout*="background-parallax"] .container .background,
  .foundry-listing-promo .tcp_cta[data-layout*="background-parallax"] .container .foreground,
  .foundry-listing-promo .tcp_cta[data-layout*="no-bg-parallax"] .container .background, 
  .foundry-listing-promo .tcp_cta[data-layout*="no-bg-parallax"] .container .foreground {
    display: none !important;
  }
  /* This is very bad, I know. I need to override the !important */
  .foundry-listing-promo .countown-hero .tcp_cta .container .background, 
  .foundry-listing-promo .countown-hero .tcp_cta[data-layout*="background-parallax"] .container .background, 
  .foundry-listing-promo .countown-hero .tcp_cta[data-layout*="no-bg-parallax"] .container .background {
    display: block !important;
  }
}

@media (max-width: 62em) {
  .foundry-listing-promo .tcp_cta .container .background, 
  .foundry-listing-promo .tcp_cta[data-layout*="background-parallax"] .container .background,
  .foundry-listing-promo .tcp_cta[data-layout*="background-parallax"] .container .foreground,
  .foundry-listing-promo .tcp_cta[data-layout*="no-bg-parallax"] .container .background, 
  .foundry-listing-promo .tcp_cta[data-layout*="no-bg-parallax"] .container .foreground {
      display: none !important;
  }
  /* This is very bad, I know. I need to override the !important */
  .foundry-listing-promo .countown-hero .tcp_cta .container .background, 
  .foundry-listing-promo .countown-hero .tcp_cta[data-layout*="background-parallax"] .container .background, 
  .foundry-listing-promo .countown-hero .tcp_cta[data-layout*="no-bg-parallax"] .container .background {
      display: block !important;
  }
}

.protected-login-container p,
.protected-login-container div
 {
  text-align: center;
}

/* Revolution slider */

.revslider-scope a[class*="btn-"] {
  padding: 0.6rem 1rem 0.7rem;
  font-size: 0.7rem;
  line-height: 0.9rem;
  display: inline-block;
  font-family: Telkom123-Bold, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid transparent;
  transition: all 0.1s ease-in-out 0s;
  word-spacing: 0.0625rem;
  letter-spacing: 0.018rem;
}

.revslider-scope a[class*="icon-"][class*="btn-"] {
  background-size: 0.3rem;
}

.revslider-scope a[class*="right"][class*="btn-"] {
  padding-right: 2.2rem;
  background-position: right 0.8rem center;
  text-align: left;
}

.revslider-scope a[class*="btn-"]:focus {
  transform: scale(1.02);
}

.revslider-scope .btn-pink {
  color: rgb(255, 255, 255);
  background-color: rgb(218, 27, 96);
}

.revslider-scope .btn-pink:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(150, 19, 66);
}

.revslider-scope .btn-lime {
  color: rgb(255, 255, 255);
  background-color: rgb(191, 215, 48);
}

.revslider-scope .btn-lime:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(138, 156, 30);
}

.revslider-scope .section-value {
  font-weight: bold;
  font-size: 4.5rem;
  line-height: 5rem;
  letter-spacing: -0.15rem;
}

.revslider-scope .section-value span {
  display: block;
  color: rgb(136, 147, 145);
  padding-left: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  font-family: Telkom123-Regular, sans-serif;
  letter-spacing: 0px;
}

@media (min-width: 62em) {
  /* .revslider-scope .hero-new .promo-block {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: relative;
    min-height: 22.7rem;
  } */

  /* .revslider-scope .hero-new .promo-block::after {
    clear: both;
    content: "";
    display: table;
  } */
}

.revslider-scope .content {
  pointer-events: auto;
}

.revslider-scope .content .text {
  position: relative;
  margin-top: 5%;
  vertical-align: middle;
  z-index: 5;
}

.revslider-scope .content .text :last-child {
  margin-bottom: 0px;
}

.revslider-scope .content .text .title {
  margin-top: -0.75rem;
  font-size: 1.5rem;
  line-height: 1.6125rem;
  font-family: Telkom123-Bold, sans-serif;
  color: rgb(255, 255, 255);
  letter-spacing: -1px;
}

@media (min-width: 48em) {
  .revslider-scope .content .text .title {
    font-size: 1.75rem;
    line-height: 1.8rem;
  }
}

.revslider-scope .content .text p {
  font-size: 90%;
  line-height: 130%;
  color: rgb(255, 255, 255);
}

/* .revslider-scope .hero-new .promo-block .content .text>p {
  display: none;
} */

@media (min-width: 48em) {
  .revslider-scope .content .text>p {
    display: block;
  }
}

.revslider-scope .content .text .deal-showcase {
  margin-top: 2rem;
  margin-bottom: 0px;
}

.revslider-scope .content .text .section-value {
  font-size: 2rem;
  line-height: 1rem;
  color: #FFF;
}

@media (min-width: 62em) {
  .revslider-scope .content .text .section-value {
    font-size: 3rem;
    line-height: 2rem;
    margin-top: -1.5rem;
    font-family: Telkom123-Bold, sans-serif;
    font-weight: 400;
  }
}

.revslider-scope .content .text .section-value span {
  display: inline;
  color: rgb(255, 255, 255);
  font-size: 20%;
}

@media (min-width: 20em) {
  .revslider-scope .content .text .section-value span {
    font-size: 30%;
  }
}

@media (min-width: 48em) {
  .revslider-scope .content .text .section-value {
    font-size: 4rem;
    line-height: 4rem;
  }
}

.revslider-scope .content .text .btn-group {
  margin-top: 1rem;
}

@media (max-width: 20em) {
  .revslider-scope .content .text .btn-group>.btn {
    display: block;
    width: 100%;
    float: none;
  }
}

@media (min-width: 48em) {
  .revslider-scope .content .text .btn-group {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .revslider-scope .content .text .btn-group::after {
    clear: both;
    content: "";
    display: table;
  }

  .revslider-scope .content .text .btn-group>.btn {
    width: 48.5714%;
    float: left;
    margin-right: 2.85714%;
    margin-bottom: 1rem;
  }

  .revslider-scope .content .text .btn-group>.btn:nth-child(2n) {
    float: right;
    margin-right: 0px;
  }
}

.revslider-scope .content .text .btn-group::after {
  width: 100%;
  content: "";
  clear: both;
  display: block;
}
.brochure-row-white h1,
.brochure-row h1,
.brochure-row-white .h1,
.brochure-row .h1,
.brochure-row-white h2,
.brochure-row h2,
.brochure-row-white .h2,
.brochure-row .h2,
.brochure-row-white .device-support .css-wds-context-scenario-title,
.device-support .brochure-row-white .css-wds-context-scenario-title,
.brochure-row .device-support .css-wds-context-scenario-title,
.device-support .brochure-row .css-wds-context-scenario-title,
.brochure-row-white
  .device-support .css-wds-context-explorer-user-panel-text-name,
.device-support .brochure-row-white .css-wds-context-explorer-user-panel-text-name,
.brochure-row
  .device-support .css-wds-context-explorer-user-panel-text-name,
.device-support .brochure-row .css-wds-context-explorer-user-panel-text-name,
.brochure-row-white h3,
.brochure-row h3,
.brochure-row-white .h3,
.brochure-row .h3,
.brochure-row-white .device-support .css-wds-context-explorer-user-component-name,
.device-support .brochure-row-white .css-wds-context-explorer-user-component-name,
.brochure-row .device-support .css-wds-context-explorer-user-component-name,
.device-support .brochure-row .css-wds-context-explorer-user-component-name,
.brochure-row-white h4,
.brochure-row h4,
.brochure-row-white .h4,
.brochure-row .h4,
.brochure-row-white h5,
.brochure-row h5,
.brochure-row-white .h5,
.brochure-row .h5 {
  color: #0083c2;
}

.brochure-row-white p,
.brochure-row p {
  color: #889391;
}

.brochure-row-cyan {
  background-color: #00d0ff;
  color: #ffffff;
}

.brochure-row-cyan.arrow:after {
  border-top-color: #00d0ff;
}

.brochure-row-cyan h1,
.brochure-row-cyan .h1,
.brochure-row-cyan h2,
.brochure-row-cyan .h2,
.brochure-row-cyan .device-support .css-wds-context-scenario-title,
.device-support .brochure-row-cyan .css-wds-context-scenario-title,
.brochure-row-cyan
  .device-support .css-wds-context-explorer-user-panel-text-name,
.device-support .brochure-row-cyan .css-wds-context-explorer-user-panel-text-name,
.brochure-row-cyan h3,
.brochure-row-cyan .h3,
.brochure-row-cyan .device-support .css-wds-context-explorer-user-component-name,
.device-support .brochure-row-cyan .css-wds-context-explorer-user-component-name,
.brochure-row-cyan h4,
.brochure-row-cyan .h4,
.brochure-row-cyan h5,
.brochure-row-cyan .h5 {
  color: #ffffff;
}

.brochure-row-cyan p {
  color: #ffffff;
}

.brochure-row-grey {
  background-color: #efefef;
  color: #889391;
}

.brochure-row-grey.arrow:after {
  border-top-color: #efefef;
}

.brochure-row-grey h1,
.brochure-row-grey .h1,
.brochure-row-grey h2,
.brochure-row-grey .h2,
.brochure-row-grey .device-support .css-wds-context-scenario-title,
.device-support .brochure-row-grey .css-wds-context-scenario-title,
.brochure-row-grey
  .device-support .css-wds-context-explorer-user-panel-text-name,
.device-support .brochure-row-grey .css-wds-context-explorer-user-panel-text-name,
.brochure-row-grey h3,
.brochure-row-grey .h3,
.brochure-row-grey .device-support .css-wds-context-explorer-user-component-name,
.device-support .brochure-row-grey .css-wds-context-explorer-user-component-name,
.brochure-row-grey h4,
.brochure-row-grey .h4,
.brochure-row-grey h5,
.brochure-row-grey .h5 {
  color: #0083c2;
}

.brochure-row-grey p {
  color: #889391;
}

.brochure-row-lime {
  background-color: #bfd730;
  color: #ffffff;
}

.brochure-row-lime.arrow:after {
  border-top-color: #bfd730;
}

.brochure-row-lime h1,
.brochure-row-lime .h1,
.brochure-row-lime h2,
.brochure-row-lime .h2,
.brochure-row-lime .device-support .css-wds-context-scenario-title,
.device-support .brochure-row-lime .css-wds-context-scenario-title,
.brochure-row-lime
  .device-support .css-wds-context-explorer-user-panel-text-name,
.device-support .brochure-row-lime .css-wds-context-explorer-user-panel-text-name,
.brochure-row-lime h3,
.brochure-row-lime .h3,
.brochure-row-lime .device-support .css-wds-context-explorer-user-component-name,
.device-support .brochure-row-lime .css-wds-context-explorer-user-component-name,
.brochure-row-lime h4,
.brochure-row-lime .h4,
.brochure-row-lime h5,
.brochure-row-lime .h5 {
  color: #ffffff;
}

.brochure-row-lime p {
  color: #ffffff;
}

.brochure-row-pink {
  background-color: #da1b60;
  color: #ffffff;
}

.brochure-row-pink.arrow:after {
  border-top-color: #da1b60;
}

.brochure-row-pink h1,
.brochure-row-pink .h1,
.brochure-row-pink h2,
.brochure-row-pink .h2,
.brochure-row-pink .device-support .css-wds-context-scenario-title,
.device-support .brochure-row-pink .css-wds-context-scenario-title,
.brochure-row-pink
  .device-support .css-wds-context-explorer-user-panel-text-name,
.device-support .brochure-row-pink .css-wds-context-explorer-user-panel-text-name,
.brochure-row-pink h3,
.brochure-row-pink .h3,
.brochure-row-pink .device-support .css-wds-context-explorer-user-component-name,
.device-support .brochure-row-pink .css-wds-context-explorer-user-component-name,
.brochure-row-pink h4,
.brochure-row-pink .h4,
.brochure-row-pink h5,
.brochure-row-pink .h5 {
  color: #ffffff;
}

.brochure-row-pink p {
  color: #ffffff;
}

.brochure-row-blue-dark {
  background-color: #005e9b;
  color: #ffffff;
}

.brochure-row-blue-dark.arrow:after {
  border-top-color: #005e9b;
}

.brochure-row-blue-dark h1,
.brochure-row-blue-dark .h1,
.brochure-row-blue-dark h2,
.brochure-row-blue-dark .h2,
.brochure-row-blue-dark .device-support .css-wds-context-scenario-title,
.device-support .brochure-row-blue-dark .css-wds-context-scenario-title,
.brochure-row-blue-dark
  .device-support .css-wds-context-explorer-user-panel-text-name,
.device-support .brochure-row-blue-dark .css-wds-context-explorer-user-panel-text-name,
.brochure-row-blue-dark h3,
.brochure-row-blue-dark .h3,
.brochure-row-blue-dark .device-support .css-wds-context-explorer-user-component-name,
.device-support .brochure-row-blue-dark .css-wds-context-explorer-user-component-name,
.brochure-row-blue-dark h4,
.brochure-row-blue-dark .h4,
.brochure-row-blue-dark h5,
.brochure-row-blue-dark .h5 {
  color: #ffffff;
}

.brochure-row-blue-dark p {
  color: #ffffff;
}

.brochure-row-blue {
  background-color: #0083c2;
  color: #ffffff;
}

.brochure-row-blue.arrow:after {
  border-top-color: #0083c2;
}

.brochure-row-blue h1,
.brochure-row-blue .h1,
.brochure-row-blue h2,
.brochure-row-blue .h2,
.brochure-row-blue .device-support .css-wds-context-scenario-title,
.device-support .brochure-row-blue .css-wds-context-scenario-title,
.brochure-row-blue
  .device-support .css-wds-context-explorer-user-panel-text-name,
.device-support .brochure-row-blue .css-wds-context-explorer-user-panel-text-name,
.brochure-row-blue h3,
.brochure-row-blue .h3,
.brochure-row-blue .device-support .css-wds-context-explorer-user-component-name,
.device-support .brochure-row-blue .css-wds-context-explorer-user-component-name,
.brochure-row-blue h4,
.brochure-row-blue .h4,
.brochure-row-blue h5,
.brochure-row-blue .h5 {
  color: #ffffff;
}

.brochure-row-blue p {
  color: #ffffff;
}

.brochure-row-blue-grey {
  background-color: #102e41;
  color: #ffffff;
}

.brochure-row-blue-grey.arrow:after {
  border-top-color: #102e41;
}

.brochure-row-blue-grey h1,
.brochure-row-blue-grey .h1,
.brochure-row-blue-grey h2,
.brochure-row-blue-grey .h2,
.brochure-row-blue-grey .device-support .css-wds-context-scenario-title,
.device-support .brochure-row-blue-grey .css-wds-context-scenario-title,
.brochure-row-blue-grey
  .device-support .css-wds-context-explorer-user-panel-text-name,
.device-support .brochure-row-blue-grey .css-wds-context-explorer-user-panel-text-name,
.brochure-row-blue-grey h3,
.brochure-row-blue-grey .h3,
.brochure-row-blue-grey .device-support .css-wds-context-explorer-user-component-name,
.device-support .brochure-row-blue-grey .css-wds-context-explorer-user-component-name,
.brochure-row-blue-grey h4,
.brochure-row-blue-grey .h4,
.brochure-row-blue-grey h5,
.brochure-row-blue-grey .h5 {
  color: #ffffff;
}

.brochure-row-blue-grey p {
  color: #ffffff;
}

.search-state {
  display: none;
}

.lead-form,
.lead-form-blue {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  /* Themes */
}

@media (min-width: 48em) {
  .lead-form .wrapper,
  .lead-form-blue .wrapper {
    max-width: 1340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: table;
    table-layout: fixed;
    min-height: 500px;
  }
}

@media (min-width: 48em) and (min-width: 48em) {
  .lead-form .wrapper,
  .lead-form-blue .wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 48em) {
  .lead-form .order-form,
  .lead-form-blue .order-form,
  .lead-form .additional,
  .lead-form-blue .additional {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
  }
}

.lead-form .order-form,
.lead-form-blue .order-form {
  padding: 5%;
}

@media (min-width: 48em) {
  .lead-form .order-form:first-child,
  .lead-form-blue .order-form:first-child {
    padding-right: 0;
  }

  .lead-form .order-form:last-child,
  .lead-form-blue .order-form:last-child {
    padding-left: 0;
  }
}

@media (min-width: 290.0625em) {
  .lead-form .order-form:first-child,
  .lead-form-blue .order-form:first-child {
    padding-left: 0;
  }

  .lead-form .order-form:last-child,
  .lead-form-blue .order-form:last-child {
    padding-right: 0;
  }
}

.lead-form .additional.people,
.lead-form-blue .additional.people {
  vertical-align: bottom;
}

@media (min-width: 48em) {
  .lead-form .additional.people,
  .lead-form-blue .additional.people {
    background-size: 133%;
    background-repeat: no-repeat;
  }
}

@media (min-width: 62em) {
  .lead-form .additional.people,
  .lead-form-blue .additional.people {
    background-size: contain;
    background-position: bottom;
  }
}

.lead-form .additional.people img,
.lead-form-blue .additional.people img {
  width: 70%;
}

@media (min-width: 48em) {
  .lead-form .additional:first-child,
  .lead-form-blue .additional:first-child {
    padding-left: 5%;
  }
}

@media (min-width: 48em) and (min-width: 48em) {
  .lead-form .additional:first-child.people,
  .lead-form-blue .additional:first-child.people {
    background-position: right 26% bottom;
  }
}

@media (min-width: 48em) {
  .lead-form .additional:last-child,
  .lead-form-blue .additional:last-child {
    padding-right: 5%;
  }
}

@media (min-width: 48em) and (min-width: 48em) {
  .lead-form .additional:last-child.people,
  .lead-form-blue .additional:last-child.people {
    background-position: left 26% bottom;
  }
}

.lead-form .additional img,
.lead-form-blue .additional img {
  display: block;
  margin: auto;
}

.lead-form .padded,
.lead-form-blue .padded {
  padding: 5%;
}

.lead-form .intro,
.lead-form-blue .intro {
  color: #0083c2;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
  margin-top: 0;
}

@media (min-width: 48em) {
  .lead-form .intro,
  .lead-form-blue .intro {
    width: 74.28571%;
  }
}

@media (min-width: 48em) {
  .lead-form .form-group,
  .lead-form-blue .form-group {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .lead-form .form-group:nth-of-type(2n + 2),
  .lead-form-blue .form-group:nth-of-type(2n + 2) {
    float: right;
    margin-right: 0;
  }
}

.lead-form-blue {
  background-color: #005e9b;
  color: #ffffff;
}

.lead-form-blue .intro {
  color: #ffffff;
}

.lead-form-blue .field {
  border-color: #ffffff;
}

.lead-form-blue .field label,
.lead-form-blue .field input,
.lead-form-blue .field input:focus,
.lead-form-blue .field input:active {
  color: #ffffff;
}

.lead-form-blue .field input::-webkit-input-placeholder {
  color: #efefef !important;
}

.lead-form-blue .field input::-moz-placeholder {
  color: #efefef !important;
}

.lead-form-blue .field input:-moz-placeholder {
  color: #efefef !important;
}

.lead-form-blue .field input:-ms-input-placeholder {
  color: #efefef !important;
}

.lead-form--grey {
  background-color: #efefef;
}

.brochure-button-group .btn.btn-blue,
.brochure-button-group .btn.btn-invert-blue {
  margin: 0;
  display: inline-block;
  width: auto;
}

.brochure-button-group .btn.btn-blue {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.featured-blog {
  padding: 0;
}

.featured-blog .title small {
  color: #889391;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .featured-blog.hand .focal-point {
    vertical-align: bottom;
  }
}

.featured-blog.hand .focal-point img {
  width: 50%;
  margin-top: 48px;
  margin-top: 3rem;
}

.featured-blog [class*="btn-"] {
  display: block;
  text-align: left;
}

.featured-blog [class*="btn-"].icon-play-blue,
.featured-blog [class*="btn-"].icon-download-blue {
  background-position: left center;
  background-size: 16px;
  background-size: 1rem;
  padding-left: 28px;
  padding-left: 1.75rem;
  margin-top: 8px;
  margin-top: 0.5rem;
}

.ajax-container {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.heading-group-half {
  margin-bottom: 2.25rem;
}

.heading-group-half .title {
  margin-bottom: 1.5rem;
}

@media (min-width: 48em) {
  .heading-group-half {
    width: 48.57143%;
  }
}

.page-big-business .hero-big-business .backdrop {
  background-color: #50667d;
}

.page-big-business .hero-big-business .backdrop picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.page-big-business .hero-big-business .backdrop picture img {
  height: 130%;
  width: auto;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 48em) {
  .page-big-business .hero-big-business .backdrop picture img {
    left: 0;
  }
}

@media (min-width: 48em) {
  .page-big-business .hero-big-business .backdrop picture img {
    height: 175%;
    right: -10%;
  }
}

@media (min-width: 48em) and (orientation: portrait) {
  .page-big-business .hero-big-business .backdrop picture img {
    height: 85%;
    right: -13%;
    top: -14%;
    -webkit-transform: none;
    transform: none;
  }
}

.page-big-business .hero-unified-communications .backdrop {
  background-color: #005e9b;
}

.page-big-business .hero-unified-communications .backdrop picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.page-big-business .hero-unified-communications .backdrop picture img {
  height: 100%;
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media (max-width: 48em) {
  .page-big-business .hero-unified-communications .backdrop picture img {
    left: 0;
  }
}

.page-big-business .hero-unified-communications .block .title {
  font-size: 49.6px;
  font-size: 3.1rem;
  line-height: 53.32px;
  line-height: 3.3325rem;
}

.page-big-business .hero-unified-communications .block .desc {
  font-size: 19.2px;
  font-size: 1.2rem;
  line-height: 22.4px;
  line-height: 1.4rem;
}

.page-big-business [role="tabpanel"] h6 {
  color: #f04e23;
}

.page-big-business [role="tab"] {
  display: inline-block;
  width: 3.375rem;
  height: 3.375rem;
}

.page-big-business [role="tab"] svg * {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.page-big-business [role="tab"].active svg * {
  fill: #f04e23;
}

.page-big-business .collapse .active {
  color: #f04e23;
}

.page-big-business .collapse .content {
  padding: 1rem 0;
}

.page-big-business .collapse .content p:first-child {
  margin-top: 0;
}

.page-big-business .button-unit.two .button {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

.page-big-business .button-unit.two .button:nth-child(2n) {
  float: right;
  margin-right: 0;
}

.page-big-business .button-unit.two .btn {
  width: 100%;
  display: block;
}

.brochure-separator {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  padding-left: 5%;
  padding-right: 5%;
  background-color: #0083c2;
  z-index: 5;
}

.brochure-separator:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  border-left: 1.5rem solid transparent;
  border-right: 1.5rem solid transparent;
  border-top: 1.5rem solid #0083c2;
}

@media (min-width: 48em) {
  .brochure-separator:after {
    border-left: 2.25rem solid transparent;
    border-right: 2.25rem solid transparent;
    border-top: 2.25rem solid #0083c2;
  }
}

.brochure-separator-blue {
  background-color: #0083c2;
}

.brochure-separator-blue .search-inpage .inpage {
  border-color: #ffffff;
}

.brochure-separator-blue:after {
  border-color: #ffffff;
}

.brochure-separator-pink {
  background-color: #da1b60;
}

.brochure-separator-pink .search-inpage .inpage {
  border-color: #ffffff;
}

.brochure-separator-pink:after {
  border-color: #ffffff;
}

.brochure-faq-nav {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: table;
  table-layout: fixed;
}

.brochure-faq-nav [role="tab"] {
  position: relative;
  display: table-cell;
  border: 1px solid #e8e7e7;
  border-right: 0;
  border-bottom: 0;
  background-color: #ffffff;
  padding: 1.5rem;
  text-decoration: none;
  font-family: "Telkom123-Bold", sans-serif;
  text-align: center;
  vertical-align: middle;
  color: #889391;
}

.brochure-faq-nav [role="tab"]:last-child {
  border-right: 1px solid #e8e7e7;
}

.brochure-faq-nav [role="tab"].active {
  color: #0083c2;
}

.brochure-faq-nav [role="tab"].active:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  height: 1px;
  bottom: -1px;
  left: 0;
  right: 0;
  background-color: #ffffff;
}

.brochure-faqs {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.brochure-faqs .content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border: 1px solid #e8e7e7;
  padding: 1.5rem;
}

.brochure-faqs .content::after {
  clear: both;
  content: "";
  display: table;
}

.brochure-faqs .content h4 {
  color: #0083c2;
  font-family: "Telkom123-Bold", sans-serif;
}

@media (min-width: 48em) {
  .brochure-faqs .content .faq-block {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .brochure-faqs .content .faq-block:nth-child(2n + 2) {
    float: right;
    margin-right: 0;
  }
}

.brochure-faqs .content .open-answer {
  color: #0083c2;
  padding: 0;
  margin: 0;
  text-decoration: underline;
}

.brochure-faqs .content .open-answer:hover {
  color: #005e9b;
}

.brochure-faqs .content .open-answer:hover:after:hover {
  color: #005e9b;
}

.brochure-faqs .content .open-answer:before {
  display: block;
  content: "+";
  float: left;
  margin-right: 5px;
}

.brochure-faqs .content .open-answer.active {
  color: #f04e23;
}

.brochure-faqs .content .open-answer.active:before {
  color: #f04e23;
  content: "-";
}

@media (min-width: 48em) {
  .brochure-faqs .content .open-answer {
    display: none;
  }
}

.no-js .brochure-faqs .content .open-answer {
  display: none;
}

@media (max-width: 48em) {
  .js .brochure-faqs .content .answer {
    display: none;
  }
}

@media (min-width: 48em) {
  .js .brochure-faqs .content .answer {
    display: block !important;
  }
}

.brochure-faqs [class*="title"] + .content {
  margin-top: 2.5%;
}

.brochure-block .btn-group,
.brochure-block-inverted .btn-group,
.brochure-block-inverted .btn-group {
  width: 100% !important;
  margin-top: 24px;
  margin-top: 1.5rem;
}

@media (max-width: 48em) {
  .brochure-block .btn-group > .btn,
  .brochure-block-inverted .btn-group > .btn,
  .brochure-block-inverted .btn-group > .btn {
    display: block;
  }
}

@media (min-width: 48em) {
  .brochure-block .btn-group,
  .brochure-block-inverted .btn-group,
  .brochure-block-inverted .btn-group {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .brochure-block .btn-group::after,
  .brochure-block-inverted .btn-group::after,
  .brochure-block-inverted .btn-group::after {
    clear: both;
    content: "";
    display: table;
  }

  .brochure-block .btn-group > .btn,
  .brochure-block-inverted .btn-group > .btn,
  .brochure-block-inverted .btn-group > .btn {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
  }

  .brochure-block .btn-group > .btn:nth-child(2),
  .brochure-block-inverted .btn-group > .btn:nth-child(2),
  .brochure-block-inverted .btn-group > .btn:nth-child(2) {
    float: right;
    margin-right: 0;
  }
}

.brochure-deals .product-image img {
  max-height: 350px;
  float: right;
}

.brochure-deals h1 {
  text-align: center;
  margin-bottom: 64px;
  margin-bottom: 4rem;
}

.brochure-deals .deals {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media (min-width: 48em) {
  .brochure-deals .deals {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%;
    margin-right: auto;
    float: none;
  }
}

@media (min-width: 75em) {
  .brochure-deals .deals {
    width: 57.14286%;
    float: left;
    margin-right: 2.85714%;
    margin-right: auto;
    float: none;
  }
}

.brochure-deals .deals h3 b {
  font-family: "Telkom123-Bold", sans-serif;
  font-weight: normal;
}

.brochure-deals .deals .deal-image {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.brochure-deals .deals .deal-image img {
  width: 50%;
}

@media (min-width: 48em) {
  .brochure-deals .deals .deal-image img {
    width: 75%;
  }
}

@media (min-width: 48em) {
  .brochure-deals .deals .deal-image {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
}

.brochure-deals .deals .deal-text {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.brochure-deals .deals .deal-text h2 {
  color: #0083c2;
  margin: 0;
  line-height: 36.8px;
  line-height: 2.3rem;
}

.brochure-deals .deals .deal-text h2.text-black {
  color: #000000;
}

@media (min-width: 48em) {
  .brochure-deals .deals .deal-text {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

.future-business {
  padding-bottom: 0;
}

.future-business img {
  width: 75%;
}

.future-business .description {
  padding-bottom: 6%;
}

.flatpage {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

.flatpage h3 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 34.4px;
  line-height: 2.15rem;
}

.flatpage h4 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 25.8px;
  line-height: 1.6125rem;
}

.flatpage table {
  width: 100%;
}

.flatpage table tr {
  border-bottom: 1px solid #e8e7e7;
}

.flatpage table tr:last-child {
  border: 0;
}

.flatpage table th,
.flatpage table td {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  text-align: left;
  vertical-align: middle;
}

.flatpage table th {
  width: 40%;
}

.sitemap {
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 36px;
  padding-bottom: 2.25rem;
}

.sitemap:after {
  clear: both;
}

.sitemap > .title {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
  color: #000000;
  margin-top: 36px;
  margin-top: 2.25rem;
  margin-bottom: 36px;
  margin-bottom: 2.25rem;
}

.message-splash .description {
  text-align: left;
}

.message-splash .description h1,
.message-splash .description p {
  color: #0083c2;
}

.message-splash .description h1 {
  font-family: "Telkom123-Bold", sans-serif;
}

@media (min-width: 62em) {
  .message-splash .description h1 {
    font-size: 68px;
    font-size: 4.25rem;
    line-height: 73.1px;
    line-height: 4.56875rem;
    letter-spacing: -3px;
    letter-spacing: -0.1875rem;
  }
}

@media (min-width: 93.75rem) {
  .message-splash .description h1 {
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 90.3px;
    line-height: 5.64375rem;
  }
}

.message-splash .description p {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 31.2px;
  line-height: 1.95rem;
  margin: 1rem 0 1.5rem 0;
}

/* Pages */

.page-ftth .background {
  min-height: inherit;
}

@media (min-width: 48em) and (orientation: portrait) {
  .page-ftth .background {
    padding-top: 35%;
  }
}

.page-ftth .irs .irs-slider {
  background: #f04e23;
}

.page-ftth .irs .irs-bar,
.page-ftth .irs-bar-edge {
  background: #f04e23;
  border-color: #f04e23;
}

.page-ftth .js-irs-0 {
  z-index: 600;
  position: absolute;
  top: 5%;
  left: 5%;
  right: 5%;
}

@media (min-width: 48em) {
  .page-ftth .js-irs-0 {
    top: auto;
    bottom: 20px;
  }
}

.page-ftth .btn.active {
  display: none;
}

#ftth-slider-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#ftth-slider-container img {
  max-width: inherit !important;
}

#ftth-slider {
  display: none;
}

.overflow-container {
  overflow: hidden;
  position: relative;
  background-color: #32bfdd;
  height: 100%;
}

.scroll-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}

.layer-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.full-width {
  width: auto;
  height: 100%;
}

.redraw-fix {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.layer-fix {
  position: absolute;
  top: 0;
  left: 0;
}

#design {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: 20;
}

#landscape {
  z-index: 0;
  max-height: 1080px;
  height: 100%;
}

#middleground-home {
  z-index: 3;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#foreground-home {
  z-index: 6;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#red-rocket {
  z-index: 2;
  position: absolute;
  bottom: 29%;
  left: 32.2%;
  width: 1.7%;
  -webkit-animation: rocket-launch 12s linear infinite;
  animation: rocket-launch 12s linear infinite;
}

#sign1 {
  z-index: 7;
  position: absolute;
  bottom: 26%;
  left: 36.9%;
  width: 1.1%;
  -webkit-animation: floatsign 5s ease-in-out infinite;
  animation: floatsign 5s ease-in-out infinite;
}

#sign2 {
  z-index: 7;
  position: absolute;
  bottom: 26%;
  left: 41.45%;
  width: 1%;
  -webkit-animation: floatsign 4s ease-in-out infinite;
  animation: floatsign 4s ease-in-out infinite;
}

#sign3 {
  z-index: 7;
  position: absolute;
  bottom: 31.6%;
  left: 37.9%;
  width: 0.8%;
}

#sign4 {
  z-index: 7;
  position: absolute;
  bottom: 22%;
  left: 38.32%;
  width: 0.55%;
  -webkit-animation: floatsign 4.5s ease-in-out infinite;
  animation: floatsign 4.5s ease-in-out infinite;
}

#billboard1 {
  z-index: 7;
  position: absolute;
  bottom: 56%;
  left: 45.65%;
  width: 1.35%;
  -webkit-animation: floatsign 5s ease-in-out infinite;
  animation: floatsign 5s ease-in-out infinite;
}

#billboard2 {
  z-index: 7;
  position: absolute;
  bottom: 62%;
  left: 47.19%;
  width: 2.6%;
  -webkit-animation: floatsign 3s ease-in-out infinite;
  animation: floatsign 3s ease-in-out infinite;
}

#car-green {
  z-index: 4;
  position: absolute;
  bottom: 23.1%;
  left: 46.15%;
  width: 0.95%;
  -webkit-animation: ltrpath 30s infinite linear;
  animation: ltrpath 30s infinite linear;
}

#car-pink {
  z-index: 4;
  position: absolute;
  bottom: 25.7%;
  left: 53.1%;
  width: 1.1%;
  -webkit-animation: rtlpath 30s infinite linear;
  animation: rtlpath 30s infinite linear;
}

#car-blue {
  z-index: 4;
  position: absolute;
  bottom: 23.1%;
  left: 67.69%;
  width: 1.1%;
  -webkit-animation: ltrpath 30s infinite linear;
  animation: ltrpath 30s infinite linear;
}

#car-yellow {
  z-index: 4;
  position: absolute;
  bottom: 25.7%;
  left: 70.6;
  width: 1%;
  -webkit-animation: rtlpath 30s infinite linear;
  animation: rtlpath 30s infinite linear;
}

#car-orange {
  z-index: 4;
  position: absolute;
  bottom: 26.1%;
  left: 75.18%;
  width: 1%;
  -webkit-animation: rtlpath 30s infinite linear;
  animation: rtlpath 30s infinite linear;
}

#train1 {
  z-index: 2;
  position: absolute;
  bottom: 41%;
  left: 69%;
  width: 2.4%;
  -webkit-animation: train1 9s ease-in-out infinite;
  animation: train1 9s ease-in-out infinite;
}

#train2 {
  z-index: 2;
  position: absolute;
  bottom: 45.5%;
  left: 77.5%;
  width: 2.4%;
  -webkit-animation: train2 10s ease-in-out infinite;
  animation: train2 10s ease-in-out infinite;
}

#train-tunnel {
  z-index: 3;
  position: absolute;
  bottom: 45.5%;
  left: 68.75%;
  width: 2.73%;
  height: 4%;
}

#bubble-main {
  z-index: 5;
  position: absolute;
  bottom: 24.1%;
  left: 3%;
  width: 8%;
}

@media only screen and (min-width: 480px) {
  #bubble-main {
    left: 10%;
  }
}

@media only screen and (min-width: 900px) {
  #bubble-main {
    left: 23.4%;
  }
}

#bubble-2 {
  position: absolute;
  bottom: 47.5%;
  left: 34.05%;
  width: 5.5%;
}

#bubble-3 {
  position: absolute;
  bottom: 38%;
  left: 39.3%;
  width: 5.5%;
}

#bubble-4 {
  position: absolute;
  bottom: 38%;
  left: 48.4%;
  width: 5.5%;
}

#bubble-5 {
  position: absolute;
  bottom: 57.3%;
  left: 56.7%;
  width: 5.5%;
}

#bubble-6 {
  position: absolute;
  bottom: 31.2%;
  left: 64.5%;
  width: 5.5%;
}

#bubble-7 {
  position: absolute;
  bottom: 68.15%;
  left: 69.55%;
  width: 5.5%;
}

#bubble-learn-more {
  display: block;
  position: absolute;
  bottom: 50%;
  left: 79.55%;
  width: 5.5%;
  z-index: 60;
}

#bubble-learn-more img {
  width: 100%;
}

.bubble {
  position: absolute;
  z-index: 60;
  width: 3%;
}

@media (max-width: 48em) {
  .bubble {
    -webkit-animation: flickerAnimation 2s infinite alternate none;
    animation: flickerAnimation 2s infinite alternate none;
    -webkit-transition: 1s ease;
    transition: 1s ease;
  }
}

.bubble-expand {
  -webkit-animation: none;
  animation: none;
  -webkit-transform: scale(2.5) translateY(25%);
  transform: scale(2.5) translateY(25%);
  bottom: 50% !important;
  z-index: 70;
}

@media (min-width: 48em) and (orientation: portrait) {
  #ftth-slider-container .overflow-container,
  #ftth-slider-container #landscape {
    min-height: 600px !important;
  }
}

@media (min-width: 62em) {
  #ftth-wizard {
    position: relative;
    margin: initial;
    left: initial;
    right: initial;
    width: 100%;
    height: auto;
  }

  #ftth-wizard .hero-cta {
    padding: 3% 7%;
  }

  #ftth-wizard .hero-section-slider {
    padding-bottom: 3%;
  }
}

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes floatsign {
  from {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }

  65% {
    -webkit-transform: translate3d(0, 8%, 0);
    transform: translate3d(0, 8%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
}

@keyframes floatsign {
  from {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }

  65% {
    -webkit-transform: translate3d(0, 8%, 0);
    transform: translate3d(0, 8%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
}

@-webkit-keyframes ltrpath {
  0% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
}

@keyframes ltrpath {
  0% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
}

@-webkit-keyframes rtlpath {
  0% {
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
}

@keyframes rtlpath {
  0% {
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
}

@-webkit-keyframes train1 {
  0% {
    left: 74%;
  }

  10% {
    left: 74%;
  }

  50% {
    left: 58%;
  }

  60% {
    left: 58%;
  }

  100% {
    left: 74%;
  }
}

@keyframes train1 {
  0% {
    left: 74%;
  }

  10% {
    left: 74%;
  }

  50% {
    left: 58%;
  }

  60% {
    left: 58%;
  }

  100% {
    left: 74%;
  }
}

@-webkit-keyframes train2 {
  0% {
    left: 77.5%;
  }

  10% {
    left: 77.5%;
  }

  50% {
    left: 58.5%;
  }

  60% {
    left: 58.5%;
  }

  100% {
    left: 77.5%;
  }
}

@keyframes train2 {
  0% {
    left: 77.5%;
  }

  10% {
    left: 77.5%;
  }

  50% {
    left: 58.5%;
  }

  60% {
    left: 58.5%;
  }

  100% {
    left: 77.5%;
  }
}

@-webkit-keyframes rocket-launch {
  0% {
    -webkit-transform: translate3d(0, 74%, 0);
    transform: translate3d(0, 74%, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }

  75.5% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }

  76% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }

  76.5% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }

  77% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }

  77.5% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }

  78% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }

  78.5% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }

  79% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }

  79.5% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  80% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -800%, 0);
    transform: translate3d(0, -800%, 0);
  }
}

@keyframes rocket-launch {
  0% {
    -webkit-transform: translate3d(0, 74%, 0);
    transform: translate3d(0, 74%, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }

  75.5% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }

  76% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }

  76.5% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }

  77% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }

  77.5% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }

  78% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }

  78.5% {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%);
  }

  79% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%);
  }

  79.5% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  80% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -800%, 0);
    transform: translate3d(0, -800%, 0);
  }
}

.brochure-wifi {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.brochure-wifi .hero-wifi {
  background-color: #efefef;
}

.brochure-wifi .hero-wifi .backdrop {
  background-size: 88%;
  background-position: 199% 50%;
}

@media (min-width: 48em) and (orientation: portrait) {
  .brochure-wifi .hero-wifi .backdrop {
    background-size: 60%;
    background-position: 95% 10%;
  }
}

@media (min-width: 62em) {
  .brochure-wifi .hero-wifi .backdrop {
    background-size: 36%;
    background-position: 80% 50%;
  }
}

@media (min-width: 75em) {
  .brochure-wifi .hero-wifi .backdrop {
    background-size: 30%;
  }
}

.brochure-wifi .hero .plain-title {
  max-height: 13rem;
}

.brochure-wifi .hero .plain-title .desc {
  font-size: 1.25rem;
  line-height: 1.45rem;
}

.brochure-wifi .hero .plain-title h1 {
  font-size: 36px;
  line-height: 36px;
}

.brochure-wifi .hero-new img {
  display: block;
}

@media (min-width: 48em) {
  .brochure-wifi .hero .plain-title {
    max-height: 22rem;
  }

  .brochure-wifi .hero .plain-title h1 {
    font-size: 5.25rem;
    line-height: 5.25rem;
  }

  .brochure-wifi .hero .plain-title .desc {
    width: 300px;
    font-size: 1.75rem;
    line-height: 1.95rem;
  }
}

.brochure-wifi .brochure-map {
  border: 20px solid #ffffff;
}

.brochure-wifi #prepaid table {
  width: 90%;
  margin: 30px auto;
}

@media (min-width: 90.0625em) {
  .brochure-wifi #prepaid table {
    width: 100%;
  }
}

.brochure-wifi #prepaid table tr {
  border-bottom: 1px solid #889391;
}

.brochure-wifi #prepaid table tr.no-border {
  border-bottom: none;
}

.brochure-wifi #prepaid table td {
  padding: 10px;
  color: #2695cb;
  text-align: center;
  border-right: 1px solid #889391;
  font-size: 17.5px;
}

.brochure-wifi #prepaid table td.purple {
  color: #da1b5f;
  font-weight: bold;
}

.brochure-wifi #prepaid table td.no-border {
  border-right: none;
}

.brochure-wifi .call-us {
  position: relative;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background: #005e9b;
  color: #ffffff;
  text-align: center;
}

.brochure-wifi .call-us .title-center {
  margin-bottom: 1.5rem;
}

.brochure-wifi .call-us .big-text {
  font-size: 30px;
}

.brochure-wifi .call-us .big-text img {
  display: inline-block;
  height: 50px;
  width: auto;
  vertical-align: middle;
}

.brochure-wifi .call-us .increased-text {
  color: #ffffff;
  font-size: 19.2px;
  font-size: 1.2rem;
}

.brochure-wifi .call-us h1,
.brochure-wifi .call-us a {
  color: #ffffff;
}

@media (min-width: 48em) {
  .brochure-wifi .big-text {
    font-size: 48px;
  }

  .brochure-wifi .big-text img {
    height: 75px;
  }
}

.brochure-wifi .qualify {
  background: #0083c2;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.brochure-wifi .qualify .do-i-qualify {
  display: none;
}

.brochure-wifi .qualify .do-i-qualify input#id_wifi_contract::-webkit-input-placeholder {
  color: #ffffff;
}

.brochure-wifi .qualify .do-i-qualify input#id_wifi_contract:-moz-placeholder {
  color: #ffffff;
}

.brochure-wifi .qualify .do-i-qualify input#id_wifi_contract::-moz-placeholder {
  color: #ffffff;
}

.brochure-wifi .qualify .do-i-qualify input#id_wifi_contract:-ms-input-placeholder {
  color: #ffffff;
}

.brochure-wifi .qualify .do-i-qualify .field .SumoSelect .SelectBox span {
  font-size: 19.2px;
  font-size: 1.2rem;
}

.brochure-wifi .qualify .do-i-qualify .field .SumoSelect li {
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
}

.brochure-wifi .qualify .do-i-qualify .field .SumoSelect li label {
  font-size: 19.2px;
  font-size: 1.2rem;
}

.brochure-wifi .qualify .do-i-qualify .title-center {
  color: #ffffff;
  margin-bottom: 1rem;
}

.brochure-wifi .qualify .do-i-qualify .form-group,
.brochure-wifi .qualify .do-i-qualify .buttons {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.brochure-wifi .qualify .do-i-qualify .field {
  border-color: #4687b2;
}

.brochure-wifi .qualify .do-i-qualify .field .SelectBox {
  padding: 0.7rem 1rem 0.8rem;
}

.brochure-wifi .qualify .do-i-qualify .field .optWrapper {
  border-color: #0083c2;
}

.brochure-wifi .qualify .do-i-qualify .message-large-success,
.brochure-wifi .qualify .do-i-qualify .message-large-error {
  color: #ffffff;
  padding-bottom: 0;
}

.brochure-wifi .qualify .do-i-qualify .message-large-success h2,
.brochure-wifi .qualify .do-i-qualify .message-large-success p,
.brochure-wifi .qualify .do-i-qualify .message-large-error h2,
.brochure-wifi .qualify .do-i-qualify .message-large-error p {
  color: #ffffff;
}

.brochure-wifi .qualify .do-i-qualify .label {
  color: #ffffff;
}

.brochure-wifi .qualify .do-i-qualify .btn-lime {
  display: block;
}

.brochure-wifi .qualify .do-i-qualify [type="submit"] {
  width: 100%;
}

.brochure-wifi .qualify .do-i-qualify input[type="text"],
.brochure-wifi .qualify .do-i-qualify input[type="password"] {
  color: #ffffff;
}

.brochure-wifi .qualify .do-i-qualify input[type="text"]:active,
.brochure-wifi .qualify .do-i-qualify input[type="password"]:active {
  color: #ffffff;
}

.brochure-wifi .qualify .do-i-qualify input[type="text"]:focus,
.brochure-wifi .qualify .do-i-qualify input[type="password"]:focus {
  color: #ffffff;
}

.brochure-wifi .qualify .do-i-qualify input[type="text"]::-webkit-input-placeholder,
.brochure-wifi .qualify .do-i-qualify input[type="password"]::-webkit-input-placeholder {
  color: #2695cb;
}

.brochure-wifi .qualify .do-i-qualify input[type="text"]:-moz-placeholder,
.brochure-wifi .qualify .do-i-qualify input[type="password"]:-moz-placeholder {
  color: #2695cb;
}

.brochure-wifi .qualify .do-i-qualify input[type="text"]::-moz-placeholder,
.brochure-wifi .qualify .do-i-qualify input[type="password"]::-moz-placeholder {
  color: #2695cb;
}

.brochure-wifi .qualify .do-i-qualify input[type="text"]:-ms-input-placeholder,
.brochure-wifi .qualify .do-i-qualify input[type="password"]:-ms-input-placeholder {
  color: #2695cb;
}

.brochure-wifi .qualify .do-i-qualify:after {
  content: "";
  clear: both;
  display: block;
}

.brochure-wifi .qualify .do-i-qualify .buttons .btn-pink {
  border: 1px solid #743a7c;
}

@media (min-width: 48em) {
  .brochure-wifi .qualify .do-i-qualify .form-group {
    width: 35.71429%;
    float: none;
    margin: 0 auto;
  }
}

.brochure-wifi .qualify .buy-prepaid-wifi {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
}

.brochure-wifi .qualify .buy-prepaid-wifi h1,
.brochure-wifi .qualify .buy-prepaid-wifi p {
  text-align: center;
  color: #ffffff;
}

.brochure-wifi .qualify .buy-prepaid-wifi p a {
  color: #ffffff;
}

.brochure-wifi .qualify .buy-prepaid-wifi .buy-circles {
  width: 90%;
  margin: 20px auto 0;
  text-align: center;
}

.brochure-wifi .qualify .buy-prepaid-wifi .buy-circles img {
  margin: 0 10px;
  width: 86px;
  height: auto;
}

@media (min-width: 48em) {
  .brochure-wifi .qualify .buy-prepaid-wifi .buy-circles {
    width: 464px;
    margin: 30px auto 0;
  }

  .brochure-wifi .qualify .buy-prepaid-wifi .buy-circles img {
    margin: 0 20px;
    width: 172px;
    height: auto;
  }
}

.brochure-wifi .qualify .how-do-i-get-it {
  display: none;
}

.brochure-wifi .qualify .how-do-i-get-it h1 {
  margin-bottom: 40px;
  text-align: center;
  color: #ffffff;
}

.brochure-wifi .qualify .how-do-i-get-it p {
  text-align: center;
  color: #ffffff;
}

.brochure-wifi .qualify .how-do-i-get-it p a {
  color: #ffffff;
}

@media (min-width: 90.0625em) {
  .brochure-wifi .qualify .how-do-i-get-it .brochure-selling-points {
    max-width: 70%;
  }
}

.brochure-wifi #setup {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.brochure-wifi .setup-android {
  display: block;
}

.brochure-wifi .setup-ios,
.brochure-wifi .setup-blackberry {
  display: none;
}

@media (max-width: 960px) {
  .brochure-wifi #setup {
    display: none;
    visibility: none;
    height: 0;
    overflow: hidden;
  }
}

.brochure-wifi .wififour-android,
.brochure-wifi .wififour-ios,
.brochure-wifi .wififour-blackberry {
  background-position: 50% 0;
  background-repeat: no-repeat;
}

.brochure-wifi .android-item-solutions div,
.brochure-wifi android-item-network div,
.brochure-wifi .ios-item-solutions div,
.brochure-wifi ios-item-network div,
.brochure-wifi .blackberry-item-solutions div,
.brochure-wifi blackberry-item-network div {
  display: none;
}

.brochure-wifi .new-container {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.brochure-wifi .new-container,
.brochure-wifi .set-up-device-holder {
  position: relative;
}

.brochure-wifi .set-up-device-holder {
  height: 505px;
}

.brochure-wifi .brochure-wifi .set-up-device-holder .android-holder,
.brochure-wifi .brochure-wifi .set-up-device-holder .ios-holder,
.brochure-wifi .brochure-wifi .set-up-device-holder .blackberry-holder {
  height: 506px;
  width: 100%;
}

.brochure-wifi .set-up-device-holder h2 {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px 0 0 490px;
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.brochure-wifi ul.device-nav {
  list-style: none;
  position: absolute;
  top: 132px;
  right: -10px;
}

.brochure-wifi ul.device-nav li {
  float: left;
}

.brochure-wifi ul.device-nav a {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  margin-right: 10px;
  background-size: contain;
}

.brochure-wifi ul.device-nav .ios {
  margin-top: -2px;
}

.brochure-wifi ul.device-nav .blackberry {
  margin-top: 5px;
}

.brochure-wifi .secondary {
  margin: 250px 0 0 490px;
}

.brochure-wifi .open-popup-link {
  display: inline-block;
}

.brochure-wifi .android-item-solutions img {
  position: absolute;
  top: 51px;
  left: 27px;
}

.brochure-wifi .ios-item-solutions img {
  position: absolute;
  top: 50px;
  left: 26px;
}

.brochure-wifi .blackberry-item-solutions img {
  position: absolute;
  top: 51px;
  left: 30px;
}

.brochure-wifi ul.device-navigator {
  position: absolute;
  left: 0;
  z-index: 300;
  padding: 0 0 0 490px;
}

.brochure-wifi ul.device-navigator li {
  list-style: none;
  margin-bottom: 0.5em;
}

.brochure-wifi ul.device-navigator li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 20px;
  opacity: 0.5;
}

.brochure-wifi ul.device-navigator li a span {
  display: inline-block;
  background-color: #bfd730;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  margin-right: 20px;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
}

.brochure-wifi ul.device-navigator li a.active {
  opacity: 1;
}

.brochure-wifi .device-navigator-network,
.brochure-wifi device-navigator-contract {
  display: none;
}

.brochure-wifi p.step-text {
  position: relative;
  top: 180px;
  font-size: 16px;
}

.brochure-wifi .set-up-device-holder p {
  color: #fff;
  font-size: 20px;
  text-align: left;
  padding: 0 20px 0 490px;
}

.brochure-wifi .triangle {
  position: absolute;
  left: calc(50% - 1.5em);
  top: 0;
  z-index: 5;
}

.brochure-wifi .triangle > i {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 1.5em solid transparent;
  border-top: 1.5em solid #0083c2;
  left: 0;
  top: 0;
}

.brochure-wifi .triangle-white > i {
  border-top: 1.5em solid #ffffff;
}

.brochure-wifi .triangle-map > i {
  border-top: 1.5em solid #e9e6dd;
}

.brochure-wifi #participating .brochure-selling-points {
  padding-top: 16px;
  padding-top: 1rem;
  text-align: center;
}

.brochure-wifi #participating .brochure-selling-points .item .focal-point {
  margin-bottom: 0;
}

.brochure-wifi #participating .increased-text {
  margin-top: 48px;
  margin-top: 3rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

@media (min-width: 48em) {
  .brochure-wifi #participating .brochure-selling-points {
    text-align: inherit;
  }
}

@media (min-width: 48em) and (max-width: 75em) {
  .brochure-wifi #participating .brochure-selling-points .item {
    width: 22.85714%;
    float: left;
  }
}

#secondarypop {
  width: 555px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 150px;
}

#secondarypop .secondary-container {
  position: relative;
  background-color: #ffffff;
}

#secondarypop .secondary-container img.laptop {
  position: absolute;
  left: 127.5px;
  top: -140px;
}

#secondarypop .secondary-container a.close {
  position: absolute;
  right: 0;
  top: -42px;
  width: auto;
  height: auto;
  padding: 1.025rem 1rem 0.9rem 2.2rem;
  font-size: 11.2px;
  font-size: 0.7rem;
  line-height: 9.6px;
  line-height: 0.6rem;
  display: inline-block;
  color: #fff;
  font-family: "FSAlbertWebBold", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid transparent;
  background-position: center;
  background-size: 15px;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/close.svg?6bc426389c1e');
}

#secondarypop .secondary-container h2 {
  font-family: "Telkom123-Bold", sans-serif;
  padding-top: 122px;
}

#secondarypop .secondary-container h3 {
  padding-bottom: 30px;
}

#secondarypop .secondary-container h2,
#secondarypop .secondary-container h3 {
  text-align: center;
  color: #0083c2;
  padding-left: 20px;
  padding-right: 20px;
}

#secondarypop .secondary-container .secondary-tabs div {
  float: left;
  width: 185px;
  background-color: #efefef;
  color: #889391;
  font-size: 17.5px;
  box-sizing: border-box;
  text-align: center;
  padding: 13px 0;
}

#secondarypop .secondary-container .secondary-tabs div.active {
  background-color: #0083c2;
  color: #ffffff;
}

#secondarypop .secondary-container .secondary-tabs div.tab-win {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

#secondarypop .secondary-container .secondary-tabs div.tab-win.active {
  border-left: 1px solid #0083c2;
  border-right: 1px solid #0083c2;
}

#secondarypop .secondary-container #instructions-linux,
#secondarypop .secondary-container #instructions-win {
  display: none;
}

#secondarypop .secondary-container .instructions {
  background-color: #0083c2;
  color: #ffffff;
  padding: 20px 20px 60px;
  clear: left;
}

#secondarypop .secondary-container .instructions h4 {
  color: #ffffff;
  font-family: "Telkom123-Bold", sans-serif;
}

#secondarypop .secondary-container .instructions ol,
#secondarypop .secondary-container .instructions li {
  margin-left: 0;
}

#secondarypop .secondary-container .instructions ol {
  padding-left: 20px;
}

.page-ftth .brochure-hero-nav {
  margin-top: 0;
  margin: auto;
  padding: 48px;
  padding: 3rem;
  text-align: center;
}

@media (min-width: 62em) {
  .page-ftth .brochure-hero-nav [class*="pill"].active:after {
    border-width: 20px;
    border-width: 1.25rem;
  }
}

.page-ftth .brochure-hero-nav li {
  margin: 0;
}

@media (min-width: 48em) {
  .page-ftth .brochure-hero-nav li {
    margin-left: 4px;
    margin-left: 0.25rem;
    margin-right: 4px;
    margin-right: 0.25rem;
  }
}

.page-ftth .brochure-hero-nav a {
  background-color: #ffffff;
  border: 2px solid #cccccc;
  color: #cccccc;
  padding-top: 9.6px;
  padding-top: 0.6rem;
  padding-bottom: 13.6px;
  padding-bottom: 0.85rem;
}

.page-ftth .brochure-hero-nav a:hover {
  background-color: #ffffff;
  border-color: #0083c2;
  color: #0083c2;
}

.page-ftth .brochure-hero-nav a.active {
  background-color: #0083c2;
  padding-top: 10.4px;
  padding-top: 0.65rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  border: 0;
  color: #ffffff;
}

.page-ftth .brochure-hero-nav a.active:hover:after {
  border-top-color: #0083c2 !important;
}

.page-ftth .coverage-map-container {
  background: #efefef;
}

.page-ftth .coverage-map-container .coverage-map {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

@media (min-width: 48em) {
  .page-ftth .coverage-map-container .coverage-map {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
}

.page-ftth .coverage-map-container .coverage-map h1 {
  margin-top: 0;
  font-size: 32px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 2rem;
}

.page-ftth .coverage-map-container .coverage-products {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 16px;
  padding: 1rem;
}

@media (min-width: 48em) {
  .page-ftth .coverage-map-container .coverage-products {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
    padding-top: 32px;
    padding-top: 2rem;
  }
}

.page-ftth .coverage-map-container .coverage-products h1,
.page-ftth .coverage-map-container .coverage-products h2 {
  color: #0083c2;
}

.page-ftth .coverage-map-container .coverage-products ul li {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 16px;
  padding-top: 1rem;
}

@media (min-width: 48em) {
  .page-ftth .coverage-map-container .coverage-products ul li {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
}

@media (min-width: 48em) {
  .page-ftth .coverage-map-container .coverage-products ul li:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}

.page-ftth .coverage-map-container .coverage-products ul h3 {
  color: #889391;
  font-size: 32px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 2.5rem;
  font-family: "Telkom123-Light", sans-serif;
  letter-spacing: -2px;
}

.page-ftth .coverage-map-container .coverage-products ul a {
  display: block;
  text-decoration: none;
  color: #889391;
}

.page-ftth .coverage-map-container .coverage-products img {
  width: 160px;
  width: 10rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  display: block;
  float: left;
}

.page-ftth .coverage-map-container .search-inpage {
  width: 100%;
  z-index: 1;
  background: #0083c2;
  padding: 16px;
  padding: 1rem;
  padding-top: 6.4px;
  padding-top: 0.4rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}

@media (min-width: 48em) {
  .page-ftth .coverage-map-container .search-inpage {
    width: 288px;
    width: 18rem;
    border-radius: 3px;
    position: absolute;
    top: 32px;
    top: 2rem;
    left: 112px;
    left: 7rem;
  }
}

@media (min-width: 62em) {
  .page-ftth .coverage-map-container .search-inpage {
    width: 352px;
    width: 22rem;
  }
}

.page-ftth .coverage-map-container .search-inpage .inpage {
  border: 0;
  padding: 0;
}

.page-ftth .coverage-map-container .search-inpage input {
  width: 100%;
  color: #ffffff;
}

.page-ftth .coverage-map-container .search-inpage input::-webkit-input-placeholder {
  color: #ffffff;
}

.page-ftth .coverage-map-container .search-inpage input::-moz-placeholder {
  color: #ffffff;
}

.page-ftth .coverage-map-container .search-inpage input:-moz-placeholder {
  color: #ffffff;
}

.page-ftth .coverage-map-container .search-inpage input:-ms-input-placeholder {
  color: #ffffff;
}

.page-ftth .coverage-map-container .search-state {
  width: 100%;
  padding: 16px;
  padding: 1rem;
  background: #0083c2;
  color: #ffffff;
  z-index: 1;
}

@media (min-width: 48em) {
  .page-ftth .coverage-map-container .search-state {
    width: 320px;
    width: 20rem;
    border-radius: 3px;
    position: absolute;
    bottom: 32px;
    bottom: 2rem;
    right: 32px;
    right: 2rem;
  }
}

.page-ftth .coverage-map-container .search-state a {
  color: #ffffff;
  margin: 0;
}

.page-ftth .coverage-map-container .brochure-map {
  min-height: 600px;
}

.page-ftth #futurecrib .lead-form .field,
.page-ftth #futurecrib .lead-form-blue .field {
  background-color: #ffffff;
  border: 0;
  margin-bottom: 2.85714%;
}

.page-ftth #futurecrib .lead-form p.SelectBox,
.page-ftth #futurecrib .lead-form-blue p.SelectBox {
  margin: 0;
}

.page-ftth #futurecrib .lead-form input:not([type="submit"]),
.page-ftth #futurecrib .lead-form-blue input:not([type="submit"]) {
  color: #0083c2;
}

.page-ftth #futurecrib .lead-form input:not([type="submit"])::-webkit-input-placeholder,
.page-ftth #futurecrib .lead-form-blue input:not([type="submit"])::-webkit-input-placeholder {
  color: #0083c2;
}

.page-ftth #futurecrib .lead-form input:not([type="submit"])::-moz-placeholder,
.page-ftth #futurecrib .lead-form-blue input:not([type="submit"])::-moz-placeholder {
  color: #0083c2;
}

.page-ftth #futurecrib .lead-form input:not([type="submit"]):-moz-placeholder,
.page-ftth #futurecrib .lead-form-blue input:not([type="submit"]):-moz-placeholder {
  color: #0083c2;
}

.page-ftth #futurecrib .lead-form input:not([type="submit"]):-ms-input-placeholder,
.page-ftth #futurecrib .lead-form-blue input:not([type="submit"]):-ms-input-placeholder {
  color: #0083c2;
}

.page-ftth #futurecrib .lead-form label,
.page-ftth #futurecrib .lead-form-blue label {
  background-color: #ffffff;
  color: #0083c2;
}

@media (min-width: 48em) {
  .page-ftth #futurecrib .futurecrib-image {
    -webkit-transform: scale(1.2) translateX(-8.5%);
    transform: scale(1.2) translateX(-8.5%);
  }
}

.page-lte-referral .container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.page-lte-referral .container::after {
  clear: both;
  content: "";
  display: table;
}

@media (min-width: 48em) {
  .page-lte-referral .container {
    width: 48.57143%;
    margin: 0 auto;
  }
}

.page-lte-referral .container .subtitle-small {
  width: 100%;
}

.page-lte-referral .blue {
  color: #0083c2;
}

.page-lte-referral .form-simple {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.page-lte-referral .form-simple::after {
  clear: both;
  content: "";
  display: table;
}

@media (min-width: 48em) {
  .page-lte-referral .form-simple {
    width: 48.57143%;
  }
}

.page-lte-referral .form-simple .button {
  width: 100%;
}

@media (min-width: 48em) {
  .page-lte-referral .form-simple .button {
    margin-top: 16px;
    margin-top: 1rem;
    width: 48.57143%;
    margin: 0 auto;
  }
}

.page-lte-referral .form-simple .button [type="submit"] {
  width: 100%;
}

.page-lte-referral .lte-dash {
  margin-top: 48px;
  margin-top: 3rem;
}

.page-lte-referral .lte-dash .button-unit.one {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 32px;
  padding-top: 2rem;
}

@media (min-width: 48em) {
  .page-lte-referral .lte-dash .button-unit.one {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    margin: auto;
    float: none;
  }
}

@media (min-width: 62em) {
  .page-lte-referral .lte-dash .button-unit.one {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
    margin: auto;
    float: none;
  }
}

.page-lte-referral .referees-list {
  padding-top: 16px;
  padding-top: 1rem;
}

.page-lte-referral .referees-listHeading {
  padding-bottom: 0.0625rem;
  color: #889391;
  font-size: 0.5625rem;
}

.page-lte-referral .referees-listItems {
  color: #666666;
  font-size: 0.8125rem;
}

.page-lte-referral .referees-listItem {
  text-align: left;
}

.page-lte-referral .referees-listItem--uppercase {
  text-transform: uppercase;
}

.page-lte-referral .referees-listItem--nopadding {
  padding: 0;
}

.page-lte-referral table {
  width: 100%;
}

.page-lte-referral table td {
  padding: 4px;
  padding: 0.25rem;
}

.page-lte-referral table td:first-child {
  padding-left: 0;
}

.page-lte-referral table tr:first-child td {
  padding-top: 0;
}

.page-lte-referral table tr:last-child td {
  padding-bottom: 0;
}

.page-lte-referral .refer-forms {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.page-lte-referral .refer-forms form {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.page-lte-referral .referrees {
  margin-top: 32px;
  margin-top: 2rem;
}

.page-lte-referral .referrees p {
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #666666;
  text-align: center;
}

.page-lte-referral .refer-friend,
.page-lte-referral .friend-status {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  margin-top: 1rem;
}

.page-lte-referral .refer-friend::after,
.page-lte-referral .friend-status::after {
  clear: both;
  content: "";
  display: table;
}

.page-lte-referral .refer-friend fieldset,
.page-lte-referral .friend-status fieldset {
  padding: 0;
  border: 0;
}

.page-lte-referral .refer-friend {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .page-lte-referral .refer-friend .field {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    margin-bottom: 0;
  }

  .page-lte-referral .refer-friend .field:nth-child(3n) {
    margin-right: 0;
  }

  .page-lte-referral .refer-friend .button {
    float: right;
    margin-right: 0;
  }

  .page-lte-referral .refer-friend .button [type="submit"] {
    width: 100%;
  }
}

.page-lte-referral .button-unit {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  margin-top: 1rem;
  padding: 0;
}

.page-lte-referral .button-unit::after {
  clear: both;
  content: "";
  display: table;
}

@media (min-width: 48em) {
  .page-lte-referral .button-unit {
    max-width: 48.57143%;
  }
}

.page-lte-referral .button-unit .button {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

.page-lte-referral .button-unit .button:last-child {
  float: right;
  margin-right: 0;
}

.page-lte-referral .button-unit.three .button {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

@media (min-width: 48em) {
  .page-lte-referral .button-unit.three .button {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .page-lte-referral .button-unit.three .button:last-child {
    margin-right: 0;
  }
}

@media (min-width: 48em) {
  .page-lte-referral .friend-status {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: table;
  }
}

.page-lte-referral .friend-status fieldset .field {
  border: 0;
}

@media (max-width: 48em) {
  .page-lte-referral .friend-status fieldset {
    padding: gutter;
    background-color: #ffffff;
  }

  .page-lte-referral .friend-status fieldset .field input,
  .page-lte-referral .friend-status fieldset .status-icon {
    text-align: center;
  }
}

@media (min-width: 48em) {
  .page-lte-referral .friend-status fieldset {
    display: table-row;
  }

  .page-lte-referral .friend-status fieldset .status-icon,
  .page-lte-referral .friend-status fieldset .field,
  .page-lte-referral .friend-status fieldset .button {
    display: table-cell;
    vertical-align: middle;
  }

  .page-lte-referral .friend-status fieldset .status-icon {
    width: 5%;
  }

  .page-lte-referral .friend-status fieldset .field {
    width: 25%;
  }

  .page-lte-referral .friend-status fieldset .field input[readonly] {
    font-size: 24px;
    font-size: 1.5rem;
    color: #ffffff;
    text-align: center;
    opacity: .8;
  }

  .page-lte-referral .friend-status fieldset .button {
    width: 15%;
  }

  .page-lte-referral .friend-status fieldset .icon {
    width: 36px;
    width: 2.25rem;
    height: 36px;
    height: 2.25rem;
    display: block;
    background-size: contain;
  }
}

@media (max-width: 48em) {
  .page-lte-referral .friend-status.declined input[readonly] {
    color: #da1b60;
  }
}

@media (min-width: 48em) {
  .page-lte-referral .friend-status.declined {
    opacity: .5;
  }
}

.page-lte-referral .friend-status.accepted input[readonly] {
  font-family: "Telkom123-Bold", sans-serif;
}

@media (max-width: 48em) {
  .page-lte-referral .friend-status.accepted input[readonly] {
    color: #00a850;
  }
}

.page-lte-referral .search-help,
.page-lte-referral .search-state {
  padding-top: 48px;
  padding-top: 3rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
}

.page-lte-referral .search-inpage {
  padding: 0;
}

.page-lte-referral .brochure-map #map {
  margin: 24px;
  margin: 1.5rem;
  width: auto;
  height: auto;
}

.page-lte-referral .lte-referral-invite-forms .message {
  margin-bottom: 2.85714%;
}

.page-lte-referral .terms {
  margin-top: 32px;
  margin-top: 2rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  line-height: 16px;
  line-height: 1rem;
  color: #cccccc;
  font-size: 80%;
}

.page-lte-referral .terms a {
  color: #0083c2;
}

/***************************************/

/*  #36 - Help Device Support          */

/***************************************/

#wds {
  min-height: 160px;
  min-height: 10rem;
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

@media (min-width: 48em) {
  #wds {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (min-width: 48em) {
  #wds {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.device-search {
  float: none;
  position: relative;
  z-index: 2;
  margin-top: 32px;
  margin-top: 2rem;
  border-bottom: 1px solid #e8e7e7;
}

@media (min-width: 48em) {
  .device-search {
    float: right;
  }
}

.device-search input,
.device-search button {
  border: 0;
}

.device-search input {
  background: 0;
  padding: 12px;
  padding: 0.75rem;
  width: auto;
  color: #000000;
  font-size: 24px;
  font-size: 1.5rem;
}

@media (min-width: 48em) {
  .device-search input {
    width: 400px;
    width: 25rem;
  }
}

.device-search input::-webkit-input-placeholder {
  color: #0083c2;
}

.device-search input:-moz-placeholder {
  color: #0083c2;
}

.device-search input::-moz-placeholder {
  color: #0083c2;
}

.device-search input:-ms-input-placeholder {
  color: #0083c2;
}

.device-search button {
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  background-color: transparent;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  text-indent: -1000px;
}

.device-support {
  position: relative;
  padding-top: 33.216px;
  padding-top: 2.076rem;
  padding-bottom: 33.216px;
  padding-bottom: 2.076rem;
}

.device-support h2 {
  padding-top: 16px;
  padding-top: 1rem;
  line-height: 19.2px;
  line-height: 1.2rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.device-support .items {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.device-support .items .item {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
  min-height: 272px;
  min-height: 17rem;
  text-align: center;
  position: relative;
  z-index: 100;
}

.device-support .items .item:nth-child(2n) {
  float: right;
  margin-right: 0;
}

@media (min-width: 48em) {
  .device-support .items .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .device-support .items .item:nth-child(2n) {
    margin-right: 2.85714%;
    float: left;
  }

  .device-support .items .item:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .device-support .items .item {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }

  .device-support .items .item:nth-child(2n) {
    margin-right: 2.85714%;
    float: left;
  }

  .device-support .items .item:nth-child(3n) {
    margin-right: 2.85714%;
    float: left;
  }

  .device-support .items .item:nth-child(4n) {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .device-support .items .item {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%;
  }

  .device-support .items .item:nth-child(2n) {
    margin-right: 2.85714%;
    float: left;
  }

  .device-support .items .item:nth-child(3n) {
    margin-right: 2.85714%;
    float: left;
  }

  .device-support .items .item:nth-child(4n) {
    margin-right: 2.85714%;
    float: left;
  }

  .device-support .items .item:nth-child(6n) {
    float: right;
    margin-right: 0;
  }
}

.device-support .items .item .item-close {
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  position: absolute;
  right: 0;
  top: 299.2px;
  top: 18.7rem;
  background-size: cover;
  z-index: 106;
  display: none;
  cursor: pointer;
}

.device-support .items .item .item-image {
  padding-top: 24px;
  padding-top: 1.5rem;
  min-height: 192px;
  min-height: 12rem;
}

.device-support .items .item .item-image:hover {
  cursor: pointer;
}

.device-support .items .item .item-image img {
  max-width: 100%;
  max-height: 160px;
  max-height: 10rem;
}

.device-support .items .item .item-content {
  padding-top: 16px;
  padding-top: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.device-support .items .item .item-content:hover {
  cursor: pointer;
}

.device-support .items .item a {
  display: block;
  color: #889391;
  text-decoration: none;
}

.device-support .items .item .item-drawer {
  border: 1px solid #e8e7e7;
  background: #ffffff;
  display: none;
}

.device-support .items .item .item-drawer .drawer-title .primary {
  padding-right: 48px;
  padding-right: 3rem;
}

.device-support .items .item.on {
  z-index: 101;
  position: relative;
  background: #ffffff;
  border: 1px solid #e8e7e7;
  border-bottom: 0;
}

.device-support .items .item.on .item-close {
  display: block;
}

.device-support .items .item.on .item-content {
  margin-top: 0;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 32px;
  padding-bottom: 2rem;
  z-index: 105;
  background: #ffffff;
  position: relative;
}

.device-support .items .item.on .item-drawer {
  margin-top: -4px;
  margin-top: -0.25rem;
  border: 1px solid #e8e7e7;
  position: relative;
  top: 0;
  bottom: auto;
  left: -1px;
  right: 0;
  z-index: 101;
  display: block;
  text-align: left;
}

.device-support .items:after {
  content: "";
  display: block;
  clear: both;
}

.device-support .drawer-title {
  border-bottom: 1px solid #e8e7e7;
}

.device-support .drawer-title .title {
  min-height: 0;
}

.device-support .drawer-container {
  padding: 24px;
  padding: 1.5rem;
}

.device-support .drawer-container::after {
  clear: both;
  content: "";
  display: table;
}

.device-support .drawer-container h2 {
  padding-top: 0;
}

.device-support .drawer-sidebar {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

@media (min-width: 48em) {
  .device-support .drawer-sidebar {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }
}

.device-support .drawer-sidebar select {
  width: 100%;
  padding: 8px;
  padding: 0.5rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  border: 1px solid #e8e7e7;
  color: #000000;
}

.device-support .drawer-sidebar a.btn-primary {
  margin-top: 16px;
  margin-top: 1rem;
  display: block;
  color: #ffffff;
}

.device-support .drawer-content {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  float: right;
  margin-right: 0;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  position: relative;
}

@media (min-width: 48em) {
  .device-support .drawer-content {
    width: 70%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

.device-support .drawer-content img {
  max-width: initial;
}

.device-support .drawer-content article h2 {
  display: none;
}

.device-support .drawer-postloader {
  display: none;
}

.device-support .iframe-contents {
  color: #889391 !important;
}

.device-support .iframe-contents > div > div > h3,
.device-support .iframe-contents > div > div > strong > span,
.device-support .iframe-contents > div > div > span:first-child > strong,
.device-support .iframe-contents > div > div > span:first-child > strong > span,
.device-support .iframe-contents > div > div > p > span:first-child > strong > span,
.device-support .iframe-contents .faq-wds-question,
.device-support .iframe-contents .faq-wds-question h3,
.device-support .iframe-contents .faq-wds-question strong,
.device-support .iframe-contents #tsg-wds-title h3,
.device-support .iframe-contents #tsg-wds-title h3 strong {
  font-size: 32px;
  font-size: 2rem;
  letter-spacing: -1.5px;
  letter-spacing: -0.09375rem;
  font-family: "Telkom123-Regular", sans-serif !important;
  font-weight: normal !important;
  color: #000000 !important;
}

.device-support table {
  width: 100%;
  border: 0;
  background: #ffffff !important;
}

.device-support table tr {
  border-bottom: 1px solid #e8e7e7;
}

.device-support table tr:last-child {
  border: 0;
}

.device-support table th,
.device-support table td {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  text-align: left;
  vertical-align: middle;
  background: #ffffff !important;
}

.device-support table th {
  font-weight: normal !important;
  color: #000000 !important;
}

.device-support #wds-sim-menu {
  display: none;
}

.device-support #wds-sim-context-orientation-tool {
  width: 100%;
  float: left;
}

@media (min-width: 48em) {
  .device-support #wds-sim-context-orientation-tool {
    width: 48%;
  }
}

.device-support .css-wds-context-scenario-title,
.device-support .css-wds-context-explorer-user-panel-text-name {
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  color: #000000;
}

.device-support .css-wds-context-explorer-user-component-name {
  margin-top: 32px;
  margin-top: 2rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  color: #0083c2;
  min-height: 21px;
}

.device-support .css-wds-context-scenario-text,
.device-support .css-wds-context-explorer-user-component-description {
  margin-top: 0;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  min-height: 16px;
  min-height: 1rem;
}

.device-support .css-wds-context-explorer-navigation-panel {
  width: auto;
  border: 0;
  background: transparant !important;
  position: absolute;
  bottom: 32px;
  bottom: 2rem;
  left: 0;
}

.device-support .css-wds-context-explorer-orientation-widget {
  width: auto;
  border: 0;
  background: transparant !important;
}

.device-support .css-wds-context-explorer-orientation-widget tr,
.device-support .css-wds-context-explorer-orientation-widget td,
.device-support .css-wds-context-explorer-orientation-widget th {
  padding: 0;
  border: 0;
}

.device-support .css-wds-context-explorer-margin {
  min-height: 150px;
}

.device-support .css-wds-context-explorer-orien-topleft {
  width: 36px;
  height: 34px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') 0 0 no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-topleft-on {
  width: 36px;
  height: 34px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') 0 -125px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-topright {
  width: 36px;
  height: 34px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') -54px 0 no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-topright-on {
  width: 36px;
  height: 34px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') -54px -125px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-bottomleft,
.device-support .css-wds-context-explorer-orien-bottomleft-on {
  width: 36px;
  height: 25px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') 0 -53px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-bottomright,
.device-support .css-wds-context-explorer-orien-bottomright-on {
  width: 36px;
  height: 25px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') -54px -53px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-top {
  width: 18px;
  height: 34px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') -36px 0 no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-top-on {
  width: 18px;
  height: 34px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') -36px -125px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-bottom {
  width: 18px;
  height: 25px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') -36px -53px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-bottom-on {
  width: 18px;
  height: 25px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') -36px -178px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-left {
  width: 36px;
  height: 19px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') 0 -34px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-left-on {
  width: 36px;
  height: 19px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') 0 -160px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-right {
  width: 36px;
  height: 19px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') -54px -34px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-right-on {
  width: 36px;
  height: 19px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') -54px -160px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-center {
  width: 18px;
  height: 19px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') -36px -34px no-repeat;
  display: block;
}

.device-support .css-wds-context-explorer-orien-center-on {
  width: 18px;
  height: 19px;
  background: url('//static.telkom.co.za/today/static/web/img/player/arrows.png?bc5dd5c4710e') -36px -159px no-repeat;
  display: block;
}

.device-support .device-simulator #wds-sim-canvas {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 112px;
  margin-bottom: 7rem;
  float: right;
}

@media (min-width: 48em) {
  .device-support .device-simulator #wds-sim-canvas {
    margin-bottom: 0;
  }
}

.device-support .device-simulator .css-wds-context-scenario-steps {
  position: absolute;
  bottom: 48px;
  bottom: 3rem;
  left: 88px;
  left: 5.5rem;
  color: #000000;
}

.device-support .device-simulator > p {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.device-support .css-wds-navigation-next {
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  display: block;
  background-color: #0083c2;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/caret-right.svg?3be9fd8293bf');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  position: absolute;
  bottom: 48px;
  bottom: 3rem;
  left: 40px;
  left: 2.5rem;
}

.no-svg .device-support .css-wds-navigation-next {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/caret-right.png?9a664f6cc412');
}

.device-support .css-wds-navigation-next-disabled {
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  display: block;
  background-color: #889391;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/caret-right.svg?3be9fd8293bf');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  position: absolute;
  bottom: 48px;
  bottom: 3rem;
  left: 40px;
  left: 2.5rem;
}

.no-svg .device-support .css-wds-navigation-next-disabled {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/caret-right.png?9a664f6cc412');
}

.device-support .css-wds-navigation-back {
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  display: block;
  background-color: #0083c2;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/caret-left.svg?991bb5631ff3');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  position: absolute;
  bottom: 48px;
  bottom: 3rem;
  left: 0;
}

.no-svg .device-support .css-wds-navigation-back {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/caret-left.png?34546bf66243');
}

.device-support .css-wds-navigation-back-disabled {
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  display: block;
  background-color: #889391;
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/caret-left.svg?991bb5631ff3');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  position: absolute;
  bottom: 48px;
  bottom: 3rem;
  left: 0;
}

.no-svg .device-support .css-wds-navigation-back-disabled {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/caret-left.png?34546bf66243');
}

.device-support iframe {
  width: 100%;
  height: 360px;
  border: 0;
}

.device-support .device-setup:hover {
  cursor: pointer;
}

.page-generic-product {
  /* OLD PRODUCT PAGE STYLING -- LEAVE INTACT */
  /* SCROLL DOWN TO "ROWS" FOR THE LATEST */
  /* ROWS */
  /* Max Width changes */
  /* SECTIONS */
  /* COLOURS */
  /* LEGALITIES */
}

.page-generic-product h2 {
  color: #000000;
  letter-spacing: -1px;
  font-family: "Telkom123-Regular", sans-serif;
}

.page-generic-product h2 b,
.page-generic-product h2 strong {
  font-family: "Telkom123-Bold", sans-serif;
}

.page-generic-product p b,
.page-generic-product p strong {
  font-family: "Telkom123-Bold", sans-serif;
}

.page-generic-product .brochure-block,
.page-generic-product .brochure-block-inverted,
.page-generic-product .brochure-block-inverted {
  padding: 0;
}

.page-generic-product .brochure-block .focal-point img,
.page-generic-product .brochure-block-inverted .focal-point img,
.page-generic-product .brochure-block-inverted .focal-point img {
  width: 75%;
}

.page-generic-product .brochure-row-blue-dark {
  padding-top: 0;
  padding-bottom: 0;
}

.page-generic-product .brochure-row-blue-dark .description h1 {
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 64.5px;
  line-height: 4.03125rem;
  font-family: "Telkom123-Bold", sans-serif;
}

.page-generic-product .brochure-row-blue-dark .description p {
  font-size: 20px;
  font-size: 1.25rem;
  color: #ffffff;
  margin-bottom: 0;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.page-generic-product .brochure-row-blue-dark .focal-point * {
  width: 75%;
}

.page-generic-product article .content .description ul li {
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  padding-left: 32px;
  padding-left: 2rem;
  position: relative;
}

.page-generic-product article .content .description ul li:before {
  position: absolute;
  left: 0;
  margin-top: -2px;
  display: block;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "Telkom123-Bold", sans-serif;
  color: #bfd730;
  content: "\002B";
}

.page-generic-product article .content .description ol {
  padding-left: 31.2px;
  padding-left: 1.95rem;
}

.page-generic-product .icon-generic-tick,
.page-generic-product .icon-generic-plus {
  height: 160px;
  height: 10rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  display: table;
  background-position: center;
}

@media (min-width: 48em) {
  .page-generic-product .icon-generic-tick,
  .page-generic-product .icon-generic-plus {
    height: 192px;
    height: 12rem;
    margin: auto;
  }
}

@media (min-width: 62em) {
  .page-generic-product .icon-generic-tick,
  .page-generic-product .icon-generic-plus {
    height: 256px;
    height: 16rem;
    margin: auto;
  }
}

@media (min-width: 75em) {
  .page-generic-product .icon-generic-tick,
  .page-generic-product .icon-generic-plus {
    height: 288px;
    height: 18rem;
    margin: auto;
  }
}

.page-generic-product .brochure-row {
  padding: 1.5% 5%;
}

.page-generic-product .listings .foundry-container {
  background-color: #efefef;
}

.page-generic-product .listings .foundry-container--white {
  background-color: #ffffff !important;
}

.page-generic-product .listings .foundry-container--grey {
  background-color: #efefef !important;
}

.page-generic-product .listings .foundry-container--blue {
  background-color: #0083c2 !important;
}

.page-generic-product .listings .foundry-container:nth-of-type(2n) {
  background-color: #ffffff;
}

.page-generic-product .listings .foundry-listing-promo .items .container,
.page-generic-product .listings .foundry-listing-plaintext .items,
.page-generic-product .listings .foundry-listing-horizontal .items,
.page-generic-product .listings .foundry-listing-picker .items,
.page-generic-product .listings .foundry-listing-collapsable .items,
.page-generic-product .section-legalities .items {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.listing-lightbox-double-form .container{
  padding: 1.5% 5%;
  padding-bottom: 30px;
  text-align: center;
}

.listing-lightbox-double-form .container h2 {
  text-align: center;
}

.listing-lightbox-double-form .container p {
  text-align: center;
  font-size: 21px;
}

.listing-lightbox-double-form .fancybox-content .brochure-block {
  padding: 0;
}

.listing-two-column-row-form .container form {
  padding-top: 60px;
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.listing-two-column-row-form .container form h2 {
  display: none;
}

.listing-two-column-row-form .container .text {
  padding: 30px 45px;
}

.listing-two-column-row-form .container .text p {
  font-size: 21px;
}

.listing-two-column-row-form .container .image {
  padding: 0;
}

.listing-two-column-row-form .container .image img {
  width: 100%;
}

.listing-carousel .product-carousel .more {
  display: none;
}

@media (min-width: 48em) {
  .listing-two-column-row-form .container .image {
    text-align: center;
    padding: 60px 0;
  }

  .listing-two-column-row-form .container .image img {
    width: auto;
  }
}

.listing-two-column-row-form .container .text h2 {
  font-family: "Telkom123-Regular", sans-serif;
  font-size: 35px;
}

@media (min-width: 48em) {
  .page-generic-product .listings .foundry-listing-promo .items .container,
  .page-generic-product .listings .foundry-listing-plaintext .items,
  .page-generic-product .listings .foundry-listing-horizontal .items,
  .page-generic-product .listings .foundry-listing-picker .items,
  .page-generic-product .listings .foundry-listing-collapsable .items,
  .page-generic-product .section-legalities .items {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.page-generic-product .listings .foundry-listing-promo:first-child .items {
  max-width: 100% !important;
}

@media (min-width: 48em) {
  .page-generic-product .listings .foundry-listing-promo:first-child .items {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.hero-usp[data-layout*="background-parallax"] .container .background img {
  top: 0px;
  position: absolute;
}

.page-generic-product .listings .foundry-listing-promo .items .item .hero-usp {
  padding-left: 0;
  padding-right: 0;
}

.page-generic-product .listings .foundry-listing-promo:first-child .items {
  max-width: 100% !important;
}

.page-generic-product .foundry-listing > h2 {
  padding: 1.5% 5%;
  margin: 0;
  color: #0083c2;
  text-align: center;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing > h2 {
    padding: 0 15%;
  }
}

.page-generic-product .foundry-listing > p {
  padding: 1.5% 5%;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 29.6px;
  line-height: 1.85rem;
  text-align: center;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing > p {
    padding: 2.5% 10%;
    padding-top: 0;
  }
}

.page-generic-product .foundry-listing-plaintext {
  padding: 1.5% 5%;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 29.6px;
  line-height: 1.85rem;
  text-align: center;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-plaintext {
    padding: 1.5% 15%;
  }
}

.page-generic-product .foundry-listing-lane {
  padding: 1.5% 5%;
}

.page-generic-product .foundry-listing-lane .row {
  padding: 0;
}

.page-generic-product .foundry-listing-lane > p {
  padding-bottom: 0;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-left"] .container,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-right"] .container,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="split-column"] .container {
  padding: 1.5% 5%;
  background: transparent;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-left"] .container > div,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-right"] .container > div,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container > div,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="split-column"] .container > div {
  width: 100%;
  display: block;
  vertical-align: middle;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-left"] .container > div:last-child,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-right"] .container > div:last-child,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container > div:last-child {
  margin-right: 0;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-left"] .container > div,
  .page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-right"] .container > div,
  .page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container > div,
  .page-generic-product .foundry-listing-promo .hero-usp[data-layout*="split-column"] .container > div {
    width: 50%;
    display: table-cell;
  }
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-left"] .container .image,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-right"] .container .image,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container .image {
  text-align: center;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-left"] .container .image img,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-right"] .container .image img,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container .image img {
  margin: 0 auto;
  display: inline-block;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-left"] .container .text h2,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-right"] .container .text h2,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container .text h2 {
  color: #0083c2;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-left"] .container .text h2,
  .page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-right"] .container .text h2,
  .page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container .text h2 {
    margin-top: 0;
  }
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-left"] .container .text p,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-right"] .container .text p,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container .text p,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="split-column"] .container .text p {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 29.6px;
  line-height: 1.85rem;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-left"] .container:after,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-right"] .container:after,
.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container:after {
  content: "";
  display: block;
  clear: both;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="no-title"] h2 {
  display: none;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="text-right"] .text {
  text-align: left;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-promo .hero-usp[data-layout*="text-right"] .text {
    text-align: right;
  }
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="no-pad-top"] {
  padding-top: 0;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="no-pad-bottom"] {
  padding-bottom: 0;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="background-grey"] {
  background: #efefef;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="background-blue"] {
  background: #efefef;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="background-blue"] .text * {
  color: #ffffff;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container > div {
  width: 100%;
  display: block;
  text-align: center;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container .image {
  padding-top: 16px;
  padding-top: 1rem;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container .text {
  padding: 0 5%;
}

.page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container .text h2 {
  color: #0083c2;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container .text h2 {
    margin-top: 0;
  }
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-promo .hero-usp[data-layout*="image-centered"] .container .text {
    padding: 0 15%;
  }
}

.page-generic-product .foundry-listing-horizontal {
  padding: 1.5% 5%;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-horizontal {
    table-layout: fixed;
    height: 100%;
  }
}

.page-generic-product .foundry-listing-horizontal > .title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 2.5rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #0083c2;
  text-align: center;
}

.page-generic-product .foundry-listing-horizontal .items {
  margin: 0 auto;
  text-align: center;
  display: block;
}

.page-generic-product .foundry-listing-horizontal .items .item {
  width: 100%;
  display: block;
  float: left;
  padding: 16px;
  padding: 1rem;
}

@media (min-width: 62em) {
  .page-generic-product .foundry-listing-horizontal .items .item {
    height: 100%;
    width: 16%;
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  .page-generic-product .foundry-listing-horizontal .items .item:first-child:nth-last-child(1),
  .page-generic-product .foundry-listing-horizontal .items .item:first-child:nth-last-child(1) {
    width: 50%;
  }

  .page-generic-product .foundry-listing-horizontal .items .item:first-child:nth-last-child(2),
  .page-generic-product .foundry-listing-horizontal .items .item:first-child:nth-last-child(2) ~ .item {
    width: 30%;
  }

  .page-generic-product .foundry-listing-horizontal .items .item:first-child:nth-last-child(3),
  .page-generic-product .foundry-listing-horizontal .items .item:first-child:nth-last-child(3) ~ .item {
    width: 33%;
  }

  .page-generic-product .foundry-listing-horizontal .items .item:first-child:nth-last-child(4),
  .page-generic-product .foundry-listing-horizontal .items .item:first-child:nth-last-child(4) ~ .item {
    width: 24%;
  }

  .page-generic-product .foundry-listing-horizontal .items .item:first-child:nth-last-child(5),
  .page-generic-product .foundry-listing-horizontal .items .item:first-child:nth-last-child(5) ~ .item {
    width: 19%;
  }
}

.page-generic-product .foundry-listing-horizontal .items .item h2 {
  color: #0083c2;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 25.8px;
  line-height: 1.6125rem;
  letter-spacing: -1px;
}

.page-generic-product .foundry-listing-picker {
  padding: 1.5% 5%;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-picker {
    height: 100%;
  }
}

.page-generic-product .foundry-listing-picker > h2 {
  padding-bottom: 3%;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-picker > h2 {
    height: 100%;
  }
}

.page-generic-product .foundry-listing-picker .items {
  margin: 0 auto;
  margin-top: 16px;
  margin-top: 1rem;
  text-align: center;
  display: block;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-picker .items {
    table-layout: fixed;
  }
}

.page-generic-product .foundry-listing-picker .items .item {
  width: 100%;
  display: block;
  float: left;
  text-align: left;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-picker .items .item {
    width: 100%;
  }
}

@media (min-width: 62em) {
  .page-generic-product .foundry-listing-picker .items .item {
    width: auto;
  }
}

@media (min-width: 75em) {
  .page-generic-product .foundry-listing-picker .items .item {
    height: 100%;
    width: 1%;
    float: none;
    display: table-cell;
  }
}

.page-generic-product .foundry-listing-picker .items .item .inner {
  position: relative;
  padding: 16px;
  padding: 1rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
  box-sizing: content-box;
}

@media (min-width: 75em) {
  .page-generic-product .foundry-listing-picker .items .item .inner {
    height: 100%;
  }
}

.page-generic-product .foundry-listing-picker .items .item .tag {
  position: absolute;
  width: 64px;
  width: 4rem;
  height: 64px;
  height: 4rem;
  top: -32px;
  top: -2rem;
  left: -32px;
  left: -2rem;
  border-radius: 64px;
  border-radius: 4rem;
}

.page-generic-product .foundry-listing-picker .items .item .tag .label {
  width: 57.6px;
  width: 3.6rem;
  height: 57.6px;
  height: 3.6rem;
  padding-top: 6.4px;
  padding-top: 0.4rem;
  margin-top: 3.2px;
  margin-top: 0.2rem;
  margin-left: 3.2px;
  margin-left: 0.2rem;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Telkom123-Bold", sans-serif;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  border: 2px solid #ffffff;
  border-radius: 57.6px;
  border-radius: 3.6rem;
}

.page-generic-product .foundry-listing-picker .items .item .image {
  height: 185px;
  text-align: center;
  margin-bottom: 30px;
  /* margin-bottom: 1rem; */
}

.page-generic-product .foundry-listing-picker .items .item .image img {
  max-width: 192px;
  max-width: 14rem;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-picker .items .item .image img {
    max-width: 168px;
    max-width: 12rem;
  }
}

.page-generic-product .foundry-listing-picker .items .item h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #0083c2;
}

.page-generic-product .foundry-listing-picker .items .item h2 span {
  font-family: "Telkom123-Bold", sans-serif;
}

.page-generic-product .foundry-listing-picker .items .item .price {
  font-family: "Telkom123-Bold", sans-serif;
  height: 60px;
  color: #0083c2;
  display: inline-block;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: -1px;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-picker .items .item .price {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}

.page-generic-product .foundry-listing-picker .items .item .price span {
  display: block;
  font-size: 12.8px;
  font-size: 0.8rem;
  font-family: "Telkom123-Regular", sans-serif;
  text-transform: uppercase;
  color: #0083c2;
  letter-spacing: 0;
}

.page-generic-product .foundry-listing-picker .items .item .price sup {
  font-size: 50%;
  top: -1rem;
}

.page-generic-product .foundry-listing-picker .items .item .includes {
  display: block;
  font-size: 12.8px;
  font-size: 0.8rem;
  font-family: "Telkom123-Regular", sans-serif;
  text-transform: uppercase;
  color: #0083c2;
  letter-spacing: 0;
}

.page-generic-product .foundry-listing-picker .items .item ul {
  margin: 16px;
  margin: 1rem;
  padding: 0;
}

.page-generic-product .foundry-listing-picker .items .item .btn {
  display: block;
}

.page-generic-product .foundry-listing-picker .items .item-product {
  width: 50%;
}

@media (min-width: 48em) {
  .page-generic-product .foundry-listing-picker .items .item-product {
    width: 33%;
  }
}

.page-generic-product .foundry-listing-picker .items .item-product .btn {
  display: inline-block;
}

.page-generic-product .foundry-listing-picker .items .inner {
  border: 2px solid transparent;
}

.page-generic-product .foundry-listing-picker .items .highlighted {
  background: transparent;
}

.page-generic-product .foundry-listing-collapsable {
  padding: 1.5% 5%;
}

.page-generic-product .foundry-listing-collapsable > h2 {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.page-generic-product .foundry-listing-collapsable .items {
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.page-generic-product .foundry-listing-collapsable .items .item {
  margin-top: 32px;
  margin-top: 2rem;
}

.page-generic-product .foundry-listing-collapsable .items .item a {
  text-decoration: none;
  position: relative;
  padding-right: 20px;
  padding-right: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
}

.page-generic-product .foundry-listing-collapsable .items .item a span {
  width: 6.4px;
  width: 0.4rem;
  height: 35.2px;
  height: 2.2rem;
  position: absolute;
  margin: auto;
  right: 0;
  background-position: center;
  background-size: 6.4px;
  background-size: 0.4rem;
}

.page-generic-product .foundry-listing-collapsable .items .item .collapse {
  display: none;
}

.page-generic-product [data-layout-base-colour*="ci-blue-dark"] .item .highlighted {
  border-color: #141B4D;
}

.page-generic-product [data-layout-base-colour*="ci-blue-dark"] .item .highlighted .tag {
  background-color: #141B4D;
}

.page-generic-product [data-layout-base-colour*="ci-blue-mid"] .item .highlighted {
  border-color: #0033A0;
}

.page-generic-product [data-layout-base-colour*="ci-blue-mid"] .item .highlighted .tag {
  background-color: #0033A0;
}

.page-generic-product [data-layout-base-colour*="ci-blue-light"] .item .highlighted {
  border-color: #5BC2E7;
}

.page-generic-product [data-layout-base-colour*="ci-blue-light"] .item .highlighted .tag {
  background-color: #5BC2E7;
}

.page-generic-product [data-layout-base-colour*="ci-purple"] .item .highlighted {
  border-color: #84329B;
}

.page-generic-product [data-layout-base-colour*="ci-purple"] .item .highlighted .tag {
  background-color: #84329B;
}

.page-generic-product [data-layout-base-colour*="ci-teal"] .item .highlighted {
  border-color: #00B2A9;
}

.page-generic-product [data-layout-base-colour*="ci-teal"] .item .highlighted .tag {
  background-color: #00B2A9;
}

.page-generic-product [data-layout-base-colour*="ci-teal-light"] .item .highlighted {
  border-color: #ADCAB8;
}

.page-generic-product [data-layout-base-colour*="ci-teal-light"] .item .highlighted .tag {
  background-color: #ADCAB8;
}

.page-generic-product [data-layout-base-colour*="ci-green"] .item .highlighted {
  border-color: #84BD00;
}

.page-generic-product [data-layout-base-colour*="ci-green"] .item .highlighted .tag {
  background-color: #84BD00;
}

.page-generic-product [data-layout-base-colour*="ci-green-dark"] .item .highlighted {
  border-color: #009639;
}

.page-generic-product [data-layout-base-colour*="ci-green-dark"] .item .highlighted .tag {
  background-color: #009639;
}

.page-generic-product [data-layout-base-colour*="ci-green-light"] .item .highlighted {
  border-color: #C7E995;
}

.page-generic-product [data-layout-base-colour*="ci-green-light"] .item .highlighted .tag {
  background-color: #C7E995;
}

.page-generic-product [data-layout-base-colour*="ci-yellow"] .item .highlighted {
  border-color: #FFCD00;
}

.page-generic-product [data-layout-base-colour*="ci-yellow"] .item .highlighted .tag {
  background-color: #FFCD00;
}

.page-generic-product [data-layout-base-colour*="ci-yellow-dark"] .item .highlighted {
  border-color: #FFC72C;
}

.page-generic-product [data-layout-base-colour*="ci-yellow-dark"] .item .highlighted .tag {
  background-color: #FFC72C;
}

.page-generic-product [data-layout-base-colour*="ci-gold"] .item .highlighted {
  border-color: #AC8400;
}

.page-generic-product [data-layout-base-colour*="ci-gold"] .item .highlighted .tag {
  background-color: #AC8400;
}

.page-generic-product [data-layout-base-colour*="ci-orange"] .item .highlighted {
  border-color: #DC4405;
}

.page-generic-product [data-layout-base-colour*="ci-orange"] .item .highlighted .tag {
  background-color: #DC4405;
}

.page-generic-product [data-layout-base-colour*="ci-orange-light"] .item .highlighted {
  border-color: #DE7C00;
}

.page-generic-product [data-layout-base-colour*="ci-orange-light"] .item .highlighted .tag {
  background-color: #DE7C00;
}

.page-generic-product [data-layout-base-colour*="ci-red"] .item .highlighted {
  border-color: #CB333B;
}

.page-generic-product [data-layout-base-colour*="ci-red"] .item .highlighted .tag {
  background-color: #CB333B;
}

.page-generic-product [data-layout-base-colour*="ci-brown"] .item .highlighted {
  border-color: #9E652E;
}

.page-generic-product [data-layout-base-colour*="ci-brown"] .item .highlighted .tag {
  background-color: #9E652E;
}

.page-generic-product [data-layout-base-colour*="ci-brown-dark"] .item .highlighted {
  border-color: #6B4C4C;
}

.page-generic-product [data-layout-base-colour*="ci-brown-dark"] .item .highlighted .tag {
  background-color: #6B4C4C;
}

.page-generic-product [data-layout-base-colour*="ci-brown-dark-heavy"] .item .highlighted {
  border-color: #6D4F47;
}

.page-generic-product [data-layout-base-colour*="ci-brown-dark-heavy"] .item .highlighted .tag {
  background-color: #6D4F47;
}

.page-generic-product [data-layout-base-colour*="ci-metal"] .item .highlighted {
  border-color: #425563;
}

.page-generic-product [data-layout-base-colour*="ci-metal"] .item .highlighted .tag {
  background-color: #425563;
}

.page-generic-product [data-layout-base-colour*="ci-grey"] .item .highlighted {
  border-color: #A2AAAD;
}

.page-generic-product [data-layout-base-colour*="ci-grey"] .item .highlighted .tag {
  background-color: #A2AAAD;
}

.page-generic-product [data-layout-base-colour*="blue-darkest"] .item .highlighted {
  border-color: #005e9b;
}

.page-generic-product [data-layout-base-colour*="blue-darkest"] .item .highlighted .tag {
  background-color: #005e9b;
}

.page-generic-product .listings .foundry-listing-colour-blue {
  background: #0083c2 !important;
}

.page-generic-product .listings .foundry-listing-colour-blue * {
  color: #ffffff;
}

.page-generic-product .listings .foundry-listing-colour-blue > p,
.page-generic-product .listings .foundry-listing-colour-blue > h2,
.page-generic-product .listings .foundry-listing-colour-blue .title,
.page-generic-product .listings .foundry-listing-colour-blue .items .item h2,
.page-generic-product .listings .foundry-listing-colour-blue .items .item p {
  color: #ffffff;
}

.page-generic-product .listings .foundry-listing-colour-white {
  background-color: #ffffff;
}

.page-generic-product .listings .foundry-listing-colour-white .hero-new,
.page-generic-product .listings .foundry-listing-colour-white .promo-block .content .line-block {
  background-color: #ffffff;
}

.page-generic-product .listings .foundry-listing-colour-grey {
  background-color: #efefef !important;
}

.page-generic-product .listings .foundry-listing-colour-grey .hero-new,
.page-generic-product .listings .foundry-listing-colour-grey .promo-block .content .line-block {
  background-color: #efefef !important;
}

.page-generic-product .section-legalities h2 {
  font-size: 1.5rem;
  margin: 0 0 0.5rem 0;
}

.page-generic-product .section-legalities p {
  font-size: 1rem;
  margin: 0.5rem 0;
}

.page-generic-product .section-legalities br {
  display: none;
}

@media (min-width: 48em) {
  .page-generic-product .section-legalities br {
    display: block;
  }
}

.page-generic-product [data-disclaimer-background*="grey"] {
  background: #efefef;
}

.page-generic-product .button-unit .button {
  float: none;
}

@media (min-width: 48em) {
  .page-generic-product .button-unit .button {
    float: left;
  }
}

.videoembed-detail .object-header {
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 32px;
  padding-bottom: 2rem;
  clear: both;
}

.videoembed-detail .object-header .title {
  color: #0083c2;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.videoembed-detail .object-header .date {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #cccccc;
}

.videoembed-detail .videoembed-detail-inclusion {
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 32px;
  padding-top: 2rem;
  border-top: 1px solid #e8e7e7;
}

.videoembed-detail .videoembed-detail-inclusion img {
  float: left;
  margin-right: 32px;
  margin-right: 2rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.videoembed-detail .videoembed-detail-inclusion .content p:first-of-type {
  margin-top: 0;
}

.videoembed-detail .object-footer {
  padding-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 16px;
  margin-top: 1rem;
  text-align: right;
}

.videoembed-detail .object-footer .sharing > div {
  display: inline-block;
  margin-left: 8px;
  margin-left: 0.5rem;
}

.videoembed-detail .object-footer .sharing img {
  display: none;
}

.videoembed-detail .object-footer .sharing a {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  display: inline-block;
  background-color: #0083c2;
  background-position: center center;
  background-size: 46%;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -1000px;
  font-size: 0;
  line-height: 0;
}

.videoembed-detail .object-footer .sharing a:hover {
  background-color: #005e9b;
}

.videoembed-detail .object-footer .sharing .facebook a {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/facebook.png?a4ce8087a47b');
  background-size: 34%;
}

.videoembed-detail .object-footer .sharing .twitter a {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/twitter.png?7035a0dd41c4');
}

.videoembed-detail .object-footer .sharing .google a {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/google+.png?ce353da632c0');
}

.campaign-detail .object-header,
.campaign-detail .object-footer {
  display: none;
}

.page-generic-campaign .text-center {
  text-align: center;
}

.page-generic-campaign .brochure-row-grey.brochure-deals {
  padding: 2.5% 5%;
}

.page-generic-campaign .campaign-form {
  padding-top: 16px;
  padding-top: 1rem;
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 48em) {
  .page-generic-campaign .campaign-form {
    padding-right: 10%;
    padding-left: 10%;
  }
}

.page-generic-campaign .form-buttons {
  text-align: center;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.page-generic-campaign .form-buttons .btn {
  display: block;
  width: 100%;
}

@media (min-width: 48em) {
  .page-generic-campaign .form-buttons .btn {
    display: inline-block;
    width: auto;
  }
}

.page-generic-campaign .foundry-listing-lane .shop-listing-slider .heading-interactive-filter {
  display: none !important;
}

.page-generic-campaign .foundry-listing-picker h2 {
  padding: 5%;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 2.5rem;
}

.page-generic-campaign .foundry-listing-picker h2 strong {
  font-family: "Telkom123-Regular", sans-serif;
}

@media (min-width: 48em) {
  .page-generic-campaign .foundry-listing-picker h2 {
    padding: 1% 15% 2%;
  }
}

.page-generic-campaign .foundry-listing-picker p {
  color: #000000;
  font-family: "Telkom123-Light", sans-serif;
}

.page-generic-campaign .foundry-listing-picker p strong {
  font-family: "Telkom123-Regular", sans-serif;
}

.page-generic-campaign .foundry-listing-horizontal .title {
  padding: 5%;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 2.5rem;
}

.page-generic-campaign .foundry-listing-horizontal .title strong {
  font-family: "Telkom123-Regular", sans-serif;
}

@media (min-width: 48em) {
  .page-generic-campaign .foundry-listing-horizontal .title {
    padding: 1% 15% 2%;
  }
}

.page-generic-campaign .foundry-listing-horizontal .items .item h2 {
  margin: 1rem 0;
  color: #000000;
  font-family: "Telkom123-Regular", sans-serif;
  font-size: 1.5rem;
}

.page-generic-campaign .foundry-listing-horizontal .items .item p {
  color: #666666;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1rem;
}

.page-generic-campaign .foundry-listing-horizontal .items .item a {
  font-size: 1rem;
  font-family: "Telkom123-Regular", sans-serif;
}

.page-generic-campaign h2,
.page-generic-campaign h3 {
  font-family: "Telkom123-Light", sans-serif;
}

.page-generic-campaign h2 strong,
.page-generic-campaign h3 strong {
  font-family: "Telkom123-Regular", sans-serif;
}

.page-generic-campaign h2 {
  color: #0083c2;
  font-size: 2.5rem;
  line-height: 1.1;
}

@media (min-width: 62em) {
  .page-generic-campaign h2 {
    margin-top: 2rem;
  }
}

.page-generic-campaign .StaticPlaintext {
  padding: 1.5% 5%;
  font-size: 1.5rem;
  line-height: 1.85rem;
  text-align: center;
}

@media (min-width: 48em) {
  .page-generic-campaign .StaticPlaintext {
    padding: 1.5% 15%;
  }
}

.page-generic-campaign .foundry-listing-picker .buttons .btn {
  display: block;
  margin-bottom: 1rem;
  padding-right: 0;
}

@media (min-width: 48em) {
  .page-generic-campaign .foundry-listing-picker .buttons .btn {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    margin-bottom: 0;
  }

  .page-generic-campaign .foundry-listing-picker .buttons .btn:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}

.page-smbs .hero .title {
  font-size: 51.2px;
  font-size: 3.2rem;
  line-height: 48px;
  line-height: 3rem;
}

.page-smbs #ict-solution .focal-point {
  position: relative;
}

.page-smbs #ict-solution #cog-large,
.page-smbs #ict-solution #cog-small {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.page-smbs #ict-solution #cog-large {
  height: 25%;
  -webkit-animation: cog-large 10s linear infinite;
  animation: cog-large 10s linear infinite;
}

@-webkit-keyframes cog-large {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes cog-large {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.page-smbs #ict-solution #cog-small {
  height: 12.5%;
  -webkit-animation: cog-small 10s linear infinite;
  animation: cog-small 10s linear infinite;
}

@-webkit-keyframes cog-small {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes cog-small {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.page-smbs #business-experience {
  vertical-align: top;
}

.page-smbs #business-experience .focal-point {
  text-align: center;
}

.page-smbs #business-experience #dots-wrapper {
  display: inline-block;
  position: relative;
}

.page-smbs #business-experience #dots {
  position: absolute;
  text-align: center;
  right: 4.5%;
  width: 25%;
}

@media (max-width: 48em) {
  .page-smbs #business-experience #dots {
    top: 20.5%;
  }
}

@media (min-width: 48em) {
  .page-smbs #business-experience #dots {
    top: 22.5%;
  }
}

.page-smbs #business-experience #dots .dot {
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #ffffff;
  border-width: 4px;
  border-width: 0.25rem;
  border-radius: 50%;
  display: inline-block;
  margin: 0 4%;
}

@media (min-width: 48em) {
  .page-smbs #business-experience #dots .dot {
    border-width: 4.992px;
    border-width: 0.312rem;
  }
}

.page-smbs #business-experience #dots .dot:nth-child(1) {
  -webkit-animation: dot1 1.8s ease-in-out infinite;
  animation: dot1 1.8s ease-in-out infinite;
}

@-webkit-keyframes dot1 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes dot1 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.page-smbs #business-experience #dots .dot:nth-child(2) {
  -webkit-animation: dot2 1.8s ease-in-out infinite;
  animation: dot2 1.8s ease-in-out infinite;
}

@-webkit-keyframes dot2 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes dot2 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.page-smbs #business-experience #dots .dot:nth-child(3) {
  -webkit-animation: dot3 1.8s ease-in-out infinite;
  animation: dot3 1.8s ease-in-out infinite;
}

@-webkit-keyframes dot3 {
  0% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes dot3 {
  0% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.page-smbs #networking-opportunities {
  vertical-align: top;
}

.page-smbs #networking-opportunities .focal-point {
  text-align: center;
}

.page-smbs #networking-opportunities .focal-point #world-wrapper {
  display: inline-block;
  position: relative;
}

.page-smbs #networking-opportunities .focal-point #world {
  background-color: #ffcd00;
  -webkit-animation: lightbulb-glow 1s ease-in-out infinite;
  animation: lightbulb-glow 1s ease-in-out infinite;
}

@-webkit-keyframes lightbulb-glow {
  0% {
    background-color: #ffcd00;
  }

  50% {
    background-color: #ffe680;
  }

  100% {
    background-color: #ffcd00;
  }
}

@keyframes lightbulb-glow {
  0% {
    background-color: #ffcd00;
  }

  50% {
    background-color: #ffe680;
  }

  100% {
    background-color: #ffcd00;
  }
}

.page-smbs #networking-opportunities .focal-point #world-cog-large,
.page-smbs #networking-opportunities .focal-point #world-cog-small {
  position: absolute;
}

.page-smbs #networking-opportunities .focal-point #world-cog-large {
  height: 4.5%;
  bottom: 12.9%;
  right: 49%;
  -webkit-animation: world-cog-large 10s linear infinite;
  animation: world-cog-large 10s linear infinite;
}

@-webkit-keyframes world-cog-large {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes world-cog-large {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.page-smbs #networking-opportunities .focal-point #world-cog-small {
  height: 3%;
  bottom: 16.5%;
  right: 48%;
  -webkit-animation: world-cog-small 10s linear infinite;
  animation: world-cog-small 10s linear infinite;
}

@-webkit-keyframes world-cog-small {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes world-cog-small {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.page-flla .item .description h2,
.page-flla .item .description h2 b {
  color: #889391;
}

.page-idols .activation {
  background-image: url('//static.telkom.co.za/today/static/web/img/promo/brochure-pages/idols/bg.png?8579bdbc326f');
  background-repeat: no-repeat;
  background-size: cover;
}

.page-idols .brochure-selling-points h3 {
  margin-bottom: 32px;
  margin-bottom: 2rem;
  color: #889391;
  text-align: center;
  font-family: "Telkom123-Bold", sans-serif;
  font-weight: normal;
}

.page-idols .brochure-selling-points .description p {
  color: #0083c2;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.page-idols .brochure-selling-points .description p b {
  font-family: "Telkom123-Bold", sans-serif;
}

.page-idols .sponsors img {
  height: 96px;
  height: 6rem;
}

.page-carrier-billing .hero-new .promo-block .focal-point img {
  max-width: 404px;
  max-width: 25.25rem;
}

.page-carrier-billing [class*="pill-"] img {
  width: 32px;
  width: 2rem;
  margin-right: 12px;
  margin-right: 0.75rem;
  float: left;
  margin-top: -2px;
  margin-bottom: -8px;
}

.page-carrier-billing .apps {
  text-align: center;
}

.page-carrier-billing .apps .item img {
  max-width: 100px;
}

.page-carrier-billing .step-visuals {
  padding-top: 0;
  padding-bottom: 0;
}

.page-carrier-billing [class*="pill-"].cta {
  text-transform: none;
  margin: 0 auto;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 48px;
  margin-top: 3rem;
  font-family: "Telkom123-Regular", sans-serif;
  padding: 20px;
  padding: 1.25rem;
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 32px;
  padding-right: 2rem;
}

.page-carrier-billing .steps {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 5%;
  padding-bottom: 5%;
}

@media (min-width: 48em) {
  .page-carrier-billing .steps {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
}

.page-carrier-billing .steps .subtitle-big {
  margin: 0;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  text-align: left;
}

.page-carrier-billing .steps .subheading {
  text-transform: uppercase;
  font-family: "Telkom123-Bold", sans-serif;
  font-size: 12.8px;
  font-size: 0.8rem;
  line-height: 16px;
  line-height: 1rem;
}

.page-carrier-billing .steps .SumoSelect {
  width: 100%;
}

@media (min-width: 62em) {
  .page-carrier-billing .steps .SumoSelect {
    width: 87%;
  }
}

@media (min-width: 75em) {
  .page-carrier-billing .steps .SumoSelect {
    width: 75%;
  }
}

.page-carrier-billing .steps .SumoSelect .SelectBox {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 35.2px;
  line-height: 2.2rem;
}

.page-carrier-billing .steps .SumoSelect .SelectBox i {
  background-size: 0.8rem;
}

.page-carrier-billing .steps .SumoSelect .SelectBox label {
  z-index: 1003;
  display: block;
}

.page-carrier-billing .steps .SumoSelect select {
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 1004;
}

.page-carrier-billing .step-group {
  width: 100%;
  display: none;
  margin-top: 32px;
  margin-top: 2rem;
}

@media (min-width: 62em) {
  .page-carrier-billing .step-group {
    width: 87%;
  }
}

@media (min-width: 75em) {
  .page-carrier-billing .step-group {
    width: 75%;
  }
}

.page-carrier-billing .step-group:first-child {
  display: block;
}

.page-carrier-billing .step-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-carrier-billing .step-group li {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 30.4px;
  line-height: 1.9rem;
  position: relative;
  padding-left: 48px;
  padding-left: 3rem;
}

.page-carrier-billing .step-group li::after {
  clear: both;
  content: "";
  display: table;
}

.page-carrier-billing .step-group li span {
  position: absolute;
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  line-height: 29.6px;
  line-height: 1.85rem;
  border-radius: 32px;
  border-radius: 2rem;
  background-color: #e8e7e7;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  left: 0;
}

.page-carrier-billing .step-group li:hover {
  cursor: pointer;
}

.page-carrier-billing .google .SelectBox span,
.page-carrier-billing .google .step-group li.on {
  color: #00a850;
}

.page-carrier-billing .google .SelectBox span span,
.page-carrier-billing .google .step-group li.on span {
  background-color: #00a850;
}

.page-carrier-billing .samsung .SelectBox span,
.page-carrier-billing .samsung .step-group li.on {
  color: #bfd730;
}

.page-carrier-billing .samsung .SelectBox span span,
.page-carrier-billing .samsung .step-group li.on span {
  background-color: #bfd730;
}

.page-carrier-billing .blackberry .SelectBox span,
.page-carrier-billing .blackberry .step-group li.on {
  color: #0083c2;
}

.page-carrier-billing .blackberry .SelectBox span span,
.page-carrier-billing .blackberry .step-group li.on span {
  background-color: #0083c2;
}

.page-carrier-billing .visuals {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-right: 0;
  padding-top: 5%;
  text-align: center;
}

@media (min-width: 48em) {
  .page-carrier-billing .visuals {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    margin-right: 0;
  }
}

.page-carrier-billing .visuals img {
  max-height: 580px;
  max-height: 36.25rem;
}

.page-carrier-billing .faq-collapse .title-center:hover {
  cursor: pointer;
}

.page-carrier-billing .faq-collapse .title-center span {
  width: 16px;
  width: 1rem;
  height: 28px;
  height: 1.75rem;
  margin-left: 8px;
  margin-left: 0.5rem;
  background-size: 16px;
  background-size: 1rem;
  background-position: right center;
  display: inline-block;
}

.page-carrier-billing .faq-collapse .brochure-faqs {
  display: none;
}

.page-carrier-billing .centered-buttons {
  margin-top: 40px;
  text-align: center;
}

.page-carrier-billing .community-link {
  margin-right: 10px;
  background-color: #44c7ee;
  color: #ffffff;
  text-decoration: none;
}

.page-carrier-billing .terms-link {
  margin-left: 10px;
  background-color: #005e9b;
  color: #ffffff;
  text-decoration: none;
}

.page-carrier-billing .Settings-cta {
  margin-top: 32px;
  margin-top: 2rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.foundry-navbar {
  width: 100%;
  float: left;
  padding: 0 5%;
  margin-top: 16px;
  margin-top: 1rem;
  position: relative;
}

@media (min-width: 48em) {
  .foundry-navbar {
    margin-top: -68px;
    margin-top: -4.25rem;
  }
}

.foundry-navbar .items .item {
  display: block;
  margin-right: 16px;
  margin-right: 1rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  border-radius: 80px;
  border-radius: 5rem;
}

@media (min-width: 48em) {
  .foundry-navbar .items .item {
    display: inline-block;
    margin-bottom: 0;
  }
}

.foundry-navbar .items .item a {
  color: #ffffff;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 25px;
  line-height: 1.5625rem;
  text-decoration: none;
  display: block;
  text-align: center;
  min-width: 128px;
  min-width: 8rem;
  padding-top: 10.4px;
  padding-top: 0.65rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-left: 24px;
  padding-left: 1.5rem;
  font-family: "Telkom123-Regular", sans-serif;
  text-transform: none;
  border-radius: 80px;
  border-radius: 5rem;
  position: relative;
}

.foundry-navbar .items .item.btn-active a:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 1.5rem solid transparent;
  border-right: 1.5rem solid transparent;
  border-top: 1.5rem solid transparent;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

.foundry-navbar .items .item.btn-blue.btn-active a:after {
  border-top-color: #0083c2;
}

.foundry-navbar .items .item.btn-green.btn-active a:after {
  border-top-color: #00a850;
}

.foundry-navbar .items .item.btn-orange.btn-active a:after {
  border-top-color: #f04e23;
}

.foundry-navbar .items .item.btn-green.btn-active a:after {
  border-top-color: #bfd730;
}

.foundry-navbar .items .item.btn-pink.btn-active a:after {
  border-top-color: #da1b60;
}

.foundry-navbar .items .item.btn-pink.btn-active a:hover:after {
  border-top-color: #961342;
}

.foundry-listing-left-right .items .item .left,
.foundry-listing-left-right .items .item .right {
  width: 100%;
  padding: 5%;
  display: table;
}

.foundry-listing-left-right .items .item .image {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  float: none;
  text-align: center;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .foundry-listing-left-right .items .item .image {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    float: none;
    margin-right: 0;
    display: table-cell;
    margin-bottom: 0;
  }
}

.foundry-listing-left-right .items .item .image img {
  width: 100%;
  display: block;
  border-radius: 3px;
}

@media (min-width: 48em) {
  .foundry-listing-left-right .items .item .image img {
    width: auto;
    display: inline-block;
  }
}

.foundry-listing-left-right .items .item .text {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  float: none;
  margin-right: 0;
  vertical-align: middle;
}

@media (min-width: 48em) {
  .foundry-listing-left-right .items .item .text {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    float: none;
    margin-right: 0;
    display: table-cell;
  }
}

.foundry-listing-left-right .items .item .text .title,
.foundry-listing-left-right .items .item .text .title a {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
  text-decoration: none;
}

.foundry-listing-left-right .items .item .text .date {
  margin-top: 16px;
  margin-top: 1rem;
  color: #cccccc;
}

.foundry-listing-left-right .items .item .text .description {
  margin-top: 16px;
  margin-top: 1rem;
}

.foundry-listing-left-right .items .item:nth-child(2n) {
  background: #efefef;
}

.post-detail .object-header {
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 32px;
  padding-bottom: 2rem;
  clear: both;
}

.post-detail .object-header .title {
  color: #0083c2;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.post-detail .object-header .date {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #cccccc;
}

.post-detail .post-detail-inclusion {
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 32px;
  padding-top: 2rem;
  border-top: 1px solid #e8e7e7;
}

.post-detail .post-detail-inclusion .image {
  width: 100%;
  float: none;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  text-align: center;
}

@media (min-width: 48em) {
  .post-detail .post-detail-inclusion .image {
    width: auto;
    float: left;
    margin-right: 32px;
    margin-right: 2rem;
  }
}

.post-detail .post-detail-inclusion .image img {
  border-radius: 3px;
  display: inline-block;
}

.post-detail .post-detail-inclusion .content p:first-of-type {
  margin-top: 0;
}

.post-detail .object-footer {
  padding-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 16px;
  margin-top: 1rem;
  text-align: right;
}

.post-detail .object-footer .sharing > div {
  display: inline-block;
  margin-left: 8px;
  margin-left: 0.5rem;
}

.post-detail .object-footer .sharing img {
  display: none;
}

.post-detail .object-footer .sharing a {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  display: inline-block;
  background-color: #0083c2;
  background-position: center center;
  background-size: 46%;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -1000px;
  font-size: 0;
  line-height: 0;
}

.post-detail .object-footer .sharing a:hover {
  background-color: #005e9b;
}

.post-detail .object-footer .sharing .facebook a {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/facebook.png?a4ce8087a47b');
  background-size: 34%;
}

.post-detail .object-footer .sharing .twitter a {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/twitter.png?7035a0dd41c4');
}

.post-detail .object-footer .sharing .google a {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/google+.png?ce353da632c0');
}

.UCM-Container .coverage-map-container {
  height: 1300px;
  background-color: #ffffff;
}

@media (min-width: 48em) {
  .UCM-Container .coverage-map-container .coverage-map {
    width: 40%;
    float: left;
  }
}

@media (min-width: 62em) {
  .UCM-Container .coverage-map-container .coverage-map {
    width: 40%;
    float: left;
  }
}

.UCM-Container .coverage-map-container .brochure-map {
  height: 100%;
  min-height: 0;
  padding-top: 0;
}

.UCM-Container .coverage-map-container .Coverage-wrapper {
  padding-left: 20px;
  background-color: #efefef;
}

.UCM-Container .coverage-map-container .Coverage-wrapper .Coverage-productsTitle {
  margin-top: 0;
}

.UCM-Container .coverage-map-container .Coverage-wrapper .Coverage-productsDeals {
  margin-left: -20px;
  padding-top: 10px;
  background-color: #ffffff;
}

.UCM-Container .coverage-map-container .Coverage-wrapper .Coverage-productsDeal {
  padding-left: 20px;
}

.UCM-Container .coverage-map-container .Coverage-wrapper .Coverage-products-wrapper {
  position: relative;
  background-color: #000000;
}

.ProductBlock-links .ProductBlock-link::after {
  background-image: none;
}

.coverage-map-container[data-map-container-style="vertical-listing"] {
  height: 400px;
}

@media (min-width: 48em) {
  .coverage-map-container[data-map-container-style="vertical-listing"] {
    height: 600px;
  }
}

.CampaignBrochureRow {
  margin: 1rem 0;
}

@media (min-width: 62em) {
  .CampaignBrochureRow {
    margin: 1rem 1rem 0;
  }
}

.CampaignBrochureRow--grey {
  background-color: #efefef;
}

.results .title {
  color: #0083c2;
}

.coverage-map-container {
  position: relative;
}

.coverage-map-container .search-holder {
  top: 60px;
  left: 10px;
  width: 312px;
  border: 10px solid #0083c2;
  overflow: visible;
}

.coverage-map-container .search-holder #search_input {
  background-size: 20px;
  background-size: 1.25rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  width: 322px;
  height: 40px;
  border: 0;
  border-left: 10px solid #0083c2;
  background-position: 90% 50%;
}

.coverage-map-container .search-holder #search_input::ms-clear {
  display: none;
}

@media (min-width: 48em) {
  .coverage-map-container .search-holder {
    top: 10px;
    left: 116px;
    width: 590px;
  }

  .coverage-map-container .search-holder #search_input {
    width: 600px;
    background-position: 95% 50%;
  }
}

.coverage-map-container .find-a .search-holder {
  border-bottom: 10px solid #005e9b;
}

.coverage-map-container .find-a #map-explore-coverage {
  display: none;
}

.coverage-map-container .coverage-map #map-explore-coverage {
  display: none;
}

.coverage-map-container .coverage-map .search-holder {
  width: 310px;
  border-width: 0;
}

.coverage-map-container .coverage-map .search-holder #search_input {
  width: 302px;
  height: 30px;
  border-left: 0 solid #0083c2;
  background-color: #0083c2;
  color: #fff;
}

#coverage-map-search-submit {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  opacity: 0;
}

.gm-style div {
  box-sizing: content-box;
}

.coverage-map-wide {
  position: relative;
  height: 100%;
}

#lte-notice,
#ftth-notice,
#vdsl-notice,
#nf-notice {
  left: -600px;
}

.legend-slider.dynamic-coverage-buttons {
  position: absolute;
  left: -600px;
}

#search-prompt {
  padding: 16px;
  padding: 1rem;
  position: absolute;
  top: 106px;
  left: -600px;
  width: 302px;
  max-width: 590px;
  background-color: #0083c2;
  color: #ffffff;
  z-index: 999;
}

#search-prompt .icon-close {
  width: 16px;
  width: 1rem;
  background-size: 16px;
  background-size: 1rem;
  float: right;
}

@media (min-width: 48em) {
  #search-prompt {
    top: 64px;
    top: 4rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
  }
}

@media (min-width: 48em) {
  .Coverage-products {
    width: 60%;
    height: 100%;
    float: left;
  }
}

.Coverage-products .nav-secondary {
  width: 100%;
  margin-top: 10px;
  margin-top: 10px;
  margin-right: 0;
}

.Coverage-products .nav-secondary a {
  margin-right: 16px;
  margin-right: 1rem;
  margin-top: 4px;
  margin-top: 0.25rem;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  display: inline-block;
  margin-right: 5px;
  border-radius: 0;
  background-color: #ffffff;
  color: #0083c2;
  font-weight: bold;
  text-align: center;
}

.Coverage-products .nav-secondary a:hover {
  background-color: #005e9b;
}

.Coverage-products .nav-secondary a.active {
  background-color: #005e9b;
  color: #ffffff;
}

.Coverage-products .faq-content .title {
  display: none;
}

.Coverage-products.faq-page {
  padding: 24px;
  padding: 1.5rem;
}

.shop-further {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  float: right;
  margin-right: 0;
  width: 100%;
  float: none;
}

.nav-hidden {
  display: none;
}

.faq-heading .icon-arrow-left-blue {
  padding-left: 24px;
  padding-left: 1.5rem;
  background-size: 16px;
  background-size: 1rem;
  background-position: left center;
}

.covered {
  position: relative;
}

.covered.no-deals {
  display: none;
}

.shop-further::after {
  clear: both;
  content: "";
  display: table;
}

body::before {
  display: none;
  content: "mobile";
}

@media (min-width: 62em) {
  body::before {
    content: "desktop";
  }
}

.coverage-cta {
  display: inline-block;
  position: relative;
  width: auto;
  padding: 1.5rem 3rem 2rem 3rem;
  font-family: "Telkom123-Bold", sans-serif;
  font-size: .9rem;
  text-decoration: none;
  text-transform: uppercase;
  background-size: .5rem;
  background-position: 100% 45%;
}

@media (min-width: 48em) {
  .coverage-cta {
    padding: 1.5rem 3rem 2rem 0;
  }

  .coverage-cta-left {
    float: left;
    margin-left: 2.5rem;
  }

  .coverage-cta-right {
    float: right;
    margin-right: 2.5rem;
  }
}

/* GIS OVERRIDES */

.arcgisSearch .searchGroup .searchExpandContainer {
  width: 100%;
  box-sizing: border-box !important;
}

.arcgisSearch .searchGroup .searchAnimate {
  width: 100%;
  box-sizing: border-box !important;
}

.arcgisSearch .searchGroup .searchInputGroup {
  width: 100%;
  box-sizing: border-box !important;
}

.arcgisSearch .searchGroup .searchInput {
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  border: 0 !important;
  padding: 7px 12px !important;
  color: #0083c2 !important;
}

.arcgisSearch .searchSubmit {
  width: 12% !important;
  padding: 0;
  height: auto !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  border: 0 !important;
  display: none !important;
}

.arcgisSearch .searchMenu,
.arcgisSearch .showSuggestions .suggestionsMenu {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.search-holder .arcgisSearch .searchMenu .menuHeader {
  color: #0083c2 !important;
}

.arcgisSearch .hasValue .searchClear {
  display: none !important;
}

.page-help-bill .container {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 48em) {
  .page-help-bill .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.page-help-bill .row {
  padding: 2.5% 5%;
}

.page-help-bill .row.no-pad {
  padding-top: 0;
  padding-bottom: 0;
}

.page-help-bill .nav-hero {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.page-help-bill .nav-hero li a.ci-orange-light {
  background-color: #DE7C00;
}

.page-help-bill .nav-hero li a.ci-green {
  background-color: #84BD00;
}

.page-help-bill .nav-hero li a.ci-blue-light {
  background-color: #5BC2E7;
}

.page-help-bill .language {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 32px;
  padding-bottom: 2rem;
}

@media (min-width: 48em) {
  .page-help-bill .language {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    margin: 0 auto;
    float: none;
  }
}

.page-help-bill .language .selector {
  width: 100%;
  float: none;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .page-help-bill .language .selector {
    width: 240px;
    width: 15rem;
  }
}

.page-help-bill .language .selector > p {
  margin: 0;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Telkom123-Bold", sans-serif;
}

.page-help-bill .language .selector .SumoSelect .SelectBox {
  border: 0;
  border-bottom: 1px solid #e8e7e7;
  padding: 0;
  padding: 8px;
  padding: 0.5rem;
  padding-top: 0;
  line-height: 35.2px;
  line-height: 2.2rem;
}

.page-help-bill .language .selector .SumoSelect .SelectBox span {
  font-size: 24px;
  font-size: 1.5rem;
  color: #0083c2;
}

.page-help-bill .language .selector .SumoSelect .SelectBox i {
  background-size: 12px;
  background-size: 0.75rem;
}

.page-help-bill .image {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

@media (min-width: 48em) {
  .page-help-bill .image {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }
}

.page-help-bill .image img {
  display: inline-block;
}

@media (min-width: 75em) {
  .page-help-bill .image img {
    max-width: 400px;
    max-width: 25rem;
  }
}

.page-help-bill .text {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .page-help-bill .text {
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
  }
}

.page-help-bill .text h2 {
  color: #0083c2;
}

.page-help-bill .text h3 {
  color: #889391;
}

.page-help-bill .text a.toggler {
  line-height: 40px;
  line-height: 2.5rem;
}

.page-help-bill .text a.toggler span {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  line-height: 36.8px;
  line-height: 2.3rem;
  margin-right: 16px;
  margin-right: 1rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  background-size: cover;
  text-align: center;
  float: left;
  color: #ffffff;
}

.page-help-bill .faq-group {
  display: none;
}

.page-help-bill .faq-group:first-child {
  display: block;
}

.page-help-bill .faq-expand {
  color: #889391;
}

.page-help-bill .faq-expand:hover {
  cursor: pointer;
}

.page-help-bill .faq-text {
  margin-left: 56px;
  margin-left: 3.5rem;
}

.page-help-bill .paging {
  margin-left: 56px;
  margin-left: 3.5rem;
}

.page-help-bill .paging a {
  text-decoration: underline;
}

.page-help-bill .paging a:hover {
  cursor: pointer;
}

.page-help-bill .paging .disabled {
  color: #A2AAAD;
}

.page-help-bill .paging .disabled:hover {
  cursor: default;
}

.crime .title-center br {
  display: none;
}

@media (min-width: 62em) {
  .crime .title-center br {
    display: block;
  }
}

.crime .brochure-block .focal-point img,
.crime .brochure-block-inverted .focal-point img,
.crime .brochure-block-inverted .focal-point img {
  width: 50%;
}

.crime .brochure-selling-points {
  padding-top: 16px;
  padding-top: 1rem;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.crime .brochure-selling-points .item .focal-point img {
  width: 65%;
}

.crime .brochure-selling-points h3 {
  color: #889391;
}

.crime .brochure-selling-points .description br {
  display: none;
}

@media (min-width: 62em) {
  .crime .brochure-selling-points .description br {
    display: block;
  }
}

.crime .report-form .form-group {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .crime .report-form .form-group {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .crime .report-form .form-group:nth-of-type(3n) {
    float: right;
    margin-right: 0;
  }
}

.crime .report-form .field input {
  color: #ffffff;
}

.crime .report-form .textarea {
  border: 0;
}

.crime .report-form .textarea textarea {
  width: 100%;
  border: 0;
  height: 144px;
  height: 9rem;
  padding: 16px;
  padding: 1rem;
  color: #889391;
}

.cancellation .brochure-block,
.cancellation .brochure-block-inverted {
  display: block;
  margin: 2% 0;
  padding: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  overflow: hidden;
}

.cancellation .brochure-block .cancellation-margin-bottom,
.cancellation .brochure-block-inverted .cancellation-margin-bottom {
  margin-bottom: .5rem;
  color: #889391;
  font-size: 1rem;
  font-weight: bold;
}

.cancellation .brochure-block .form-container,
.cancellation .brochure-block-inverted .form-container {
  padding-top: 4.5rem;
  padding-right: 5%;
  padding-bottom: 2.5rem;
  padding-left: 5%;
}

.cancellation .brochure-block .success-page-cancellation img,
.cancellation .brochure-block-inverted .success-page-cancellation img {
  width: 50%;
  margin-bottom: -2.5rem;
}

.cancellation .brochure-block h1,
.cancellation .brochure-block-inverted h1 {
  margin-top: 0;
  text-align: center;
}

.cancellation .brochure-block .cancellation-header,
.cancellation .brochure-block-inverted .cancellation-header {
  color: #0083c2;
}

.cancellation .brochure-block .download-link,
.cancellation .brochure-block-inverted .download-link {
  color: #ffffff;
}

@media (min-width: 48em) {
  .cancellation .brochure-block .next-submit-btn,
  .cancellation .brochure-block-inverted .next-submit-btn {
    width: 25%;
    float: right;
  }
}

.cancellation .brochure-block .form-content,
.cancellation .brochure-block-inverted .form-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.cancellation .brochure-block .form-content::after,
.cancellation .brochure-block-inverted .form-content::after {
  clear: both;
  content: "";
  display: table;
}

.cancellation .brochure-block .form-group,
.cancellation .brochure-block-inverted .form-group {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .cancellation .brochure-block .form-group,
  .cancellation .brochure-block-inverted .form-group {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .cancellation .brochure-block .form-group:nth-child(2n),
  .cancellation .brochure-block-inverted .form-group:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}

.cancellation .brochure-block .field ul,
.cancellation .brochure-block-inverted .field ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1.5rem;
}

.cancellation .brochure-block .field ul li,
.cancellation .brochure-block-inverted .field ul li {
  width: 100%;
  margin-bottom: .5rem;
  font-size: .75rem;
}

.cancellation .brochure-block .field ul li > label,
.cancellation .brochure-block-inverted .field ul li > label {
  width: 100%;
}

.cancellation .brochure-block .field ul li > label input,
.cancellation .brochure-block-inverted .field ul li > label input {
  width: auto;
  margin-right: .25;
}

.cancellation .brochure-block .field input:not([type="submit"]),
.cancellation .brochure-block-inverted .field input:not([type="submit"]) {
  color: #000000;
  font-size: 1rem;
}

.cancellation .brochure-block .field > label,
.cancellation .brochure-block-inverted .field > label {
  width: 25%;
  text-align: left;
}

.cancellation .brochure-block .field > label.stacked,
.cancellation .brochure-block-inverted .field > label.stacked {
  display: block;
  width: 100%;
  font-size: 1rem;
  text-transform: none;
  white-space: normal;
}

.cancellation .brochure-block .field .SumoSelect .SelectBox,
.cancellation .brochure-block-inverted .field .SumoSelect .SelectBox {
  margin: 0%;
  font-size: .75rem;
}

.cancellation .brochure-block .field .SumoSelect .optWrapper,
.cancellation .brochure-block-inverted .field .SumoSelect .optWrapper {
  right: 0;
  left: auto;
  width: 75%;
}

.cancellation .brochure-block .field .SumoSelect .options li,
.cancellation .brochure-block-inverted .field .SumoSelect .options li {
  margin-bottom: 0;
  padding-left: 3%;
}

.cancellation .brochure-block .valid-box textarea,
.cancellation .brochure-block-inverted .valid-box textarea {
  background-color: transparent;
}

.cancellation .brochure-block textarea,
.cancellation .brochure-block-inverted textarea {
  width: 100%;
  height: 3.125rem;
  padding: .5rem;
  border: 0;
  background-color: #0072a9;
}

.cancellation .brochure-block textarea.icon-check,
.cancellation .brochure-block-inverted textarea.icon-check {
  padding-right: 3.5rem;
  background-position: 99% 50%;
  background-size: 2.5rem;
}

.cancellation .brochure-block .stacked-options ul li,
.cancellation .brochure-block-inverted .stacked-options ul li {
  display: block;
  margin-top: .5rem;
  margin-right: 0;
  font-size: 1rem;
}

.cancellation .brochure-block .stepbar,
.cancellation .brochure-block-inverted .stepbar {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.cancellation .brochure-block .step1 .stepbar.inverted-blue > li[data-step="1"],
.cancellation .brochure-block-inverted .step1 .stepbar.inverted-blue > li[data-step="1"] {
  color: #ffffff;
}

.cancellation .brochure-block .step1 .stepbar.inverted-blue > li[data-step="1"]:before,
.cancellation .brochure-block-inverted .step1 .stepbar.inverted-blue > li[data-step="1"]:before {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step1 .stepbar.inverted-blue > li[data-step="1"]:after,
.cancellation .brochure-block-inverted .step1 .stepbar.inverted-blue > li[data-step="1"]:after {
  background: #0072a9;
  color: #0083c2;
}

.cancellation .brochure-block .step2 .stepbar.inverted-blue > li[data-step="2"],
.cancellation .brochure-block-inverted .step2 .stepbar.inverted-blue > li[data-step="2"] {
  color: #ffffff;
}

.cancellation .brochure-block .step2 .stepbar.inverted-blue > li[data-step="2"]:before,
.cancellation .brochure-block-inverted .step2 .stepbar.inverted-blue > li[data-step="2"]:before {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step2 .stepbar.inverted-blue > li[data-step="2"]:after,
.cancellation .brochure-block-inverted .step2 .stepbar.inverted-blue > li[data-step="2"]:after {
  background: #0072a9;
  color: #0083c2;
}

.cancellation .brochure-block .step3 .stepbar.inverted-blue > li[data-step="3"],
.cancellation .brochure-block-inverted .step3 .stepbar.inverted-blue > li[data-step="3"] {
  color: #ffffff;
}

.cancellation .brochure-block .step3 .stepbar.inverted-blue > li[data-step="3"]:before,
.cancellation .brochure-block-inverted .step3 .stepbar.inverted-blue > li[data-step="3"]:before {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step3 .stepbar.inverted-blue > li[data-step="3"]:after,
.cancellation .brochure-block-inverted .step3 .stepbar.inverted-blue > li[data-step="3"]:after {
  background: #0072a9;
  color: #0083c2;
}

.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="4"],
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="4"] {
  color: #ffffff;
}

.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="4"]:before,
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="4"]:before {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="4"]:after,
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="4"]:after {
  background: #0072a9;
  color: #0083c2;
}

.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="5"],
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="5"] {
  color: #ffffff;
}

.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="5"]:before,
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="5"]:before {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="5"]:after,
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="5"]:after {
  background: #0072a9;
  color: #0083c2;
}

.cancellation .brochure-block .step2 .stepbar.inverted-blue > li[data-step="1"],
.cancellation .brochure-block-inverted .step2 .stepbar.inverted-blue > li[data-step="1"] {
  color: #ffffff;
}

.cancellation .brochure-block .step2 .stepbar.inverted-blue > li[data-step="1"]:before,
.cancellation .brochure-block-inverted .step2 .stepbar.inverted-blue > li[data-step="1"]:before,
.cancellation .brochure-block .step2 .stepbar.inverted-blue > li[data-step="1"]:after,
.cancellation .brochure-block-inverted .step2 .stepbar.inverted-blue > li[data-step="1"]:after {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step3 .stepbar.inverted-blue > li[data-step="1"],
.cancellation .brochure-block-inverted .step3 .stepbar.inverted-blue > li[data-step="1"] {
  color: #ffffff;
}

.cancellation .brochure-block .step3 .stepbar.inverted-blue > li[data-step="1"]:before,
.cancellation .brochure-block-inverted .step3 .stepbar.inverted-blue > li[data-step="1"]:before,
.cancellation .brochure-block .step3 .stepbar.inverted-blue > li[data-step="1"]:after,
.cancellation .brochure-block-inverted .step3 .stepbar.inverted-blue > li[data-step="1"]:after {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step3 .stepbar.inverted-blue > li[data-step="2"],
.cancellation .brochure-block-inverted .step3 .stepbar.inverted-blue > li[data-step="2"] {
  color: #ffffff;
}

.cancellation .brochure-block .step3 .stepbar.inverted-blue > li[data-step="2"]:before,
.cancellation .brochure-block-inverted .step3 .stepbar.inverted-blue > li[data-step="2"]:before,
.cancellation .brochure-block .step3 .stepbar.inverted-blue > li[data-step="2"]:after,
.cancellation .brochure-block-inverted .step3 .stepbar.inverted-blue > li[data-step="2"]:after {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="1"],
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="1"] {
  color: #ffffff;
}

.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="1"]:before,
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="1"]:before,
.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="1"]:after,
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="1"]:after {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="2"],
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="2"] {
  color: #ffffff;
}

.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="2"]:before,
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="2"]:before,
.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="2"]:after,
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="2"]:after {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="3"],
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="3"] {
  color: #ffffff;
}

.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="3"]:before,
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="3"]:before,
.cancellation .brochure-block .step4 .stepbar.inverted-blue > li[data-step="3"]:after,
.cancellation .brochure-block-inverted .step4 .stepbar.inverted-blue > li[data-step="3"]:after {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="1"],
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="1"] {
  color: #ffffff;
}

.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="1"]:before,
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="1"]:before,
.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="1"]:after,
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="1"]:after {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="2"],
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="2"] {
  color: #ffffff;
}

.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="2"]:before,
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="2"]:before,
.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="2"]:after,
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="2"]:after {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="3"],
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="3"] {
  color: #ffffff;
}

.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="3"]:before,
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="3"]:before,
.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="3"]:after,
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="3"]:after {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="4"],
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="4"] {
  color: #ffffff;
}

.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="4"]:before,
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="4"]:before,
.cancellation .brochure-block .step5 .stepbar.inverted-blue > li[data-step="4"]:after,
.cancellation .brochure-block-inverted .step5 .stepbar.inverted-blue > li[data-step="4"]:after {
  background: #ffffff;
  color: #0083c2;
}

.cancellation .step-items {
  position: relative;
}

.cancellation .step-item {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  position: relative;
  padding: 1rem;
}

.cancellation .step-item span {
  float: left;
  color: #0083c2;
  font-size: 9.4rem;
}

@media (min-width: 62em) {
  .cancellation .step-item span {
    display: block;
    width: 100%;
  }
}

@media (min-width: 75em) {
  .cancellation .step-item span {
    display: inline-block;
    width: auto;
  }
}

.cancellation .step-item h1 {
  color: #005e9b;
}

@media (min-width: 48em) {
  .cancellation .step-item h1 {
    margin-top: 5.9rem;
  }
}

@media (min-width: 75em) {
  .cancellation .step-item h1 {
    margin-top: 2.9rem;
    margin-left: 6rem;
  }
}

.cancellation .step-item p {
  display: inline-block;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 20em) {
  .cancellation .step-item p {
    width: 100%;
    margin-top: 0rem;
  }
}

@media (min-width: 62em) {
  .cancellation .step-item p {
    text-align: left;
  }
}

@media (min-width: 75em) {
  .cancellation .step-item p {
    text-align: center;
  }
}

@media (min-width: 62em) {
  .cancellation .step-item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    padding: 3rem;
  }
}

.cancellation .step-item a {
  width: 100%;
  max-width: 20rem;
}

.cancellation .step-item:after {
  display: block;
  position: absolute;
  top: 7.625rem;
  right: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/png/wizard-arrow-grey.png?b9709ff2b3cf');
  background-repeat: no-repeat;
  background-size: auto 100%;
  content: "";
}

@media (min-width: 75em) {
  .cancellation .step-item:after {
    right: -2.5rem;
  }
}

@media (max-width: 62em) {
  .cancellation .step-item:after {
    display: none;
  }
}

.cancellation .step-item:last-child {
  margin-right: 0rem;
}

.cancellation .step-item:last-child:after {
  display: none;
}

.cancellation .title {
  color: #889391;
  font-size: 1.25rem;
  text-align: center;
}

.cancellation .title br {
  display: none;
}

.cancellation .title-divider {
  margin-top: 2rem;
  margin-bottom: 6rem;
  text-align: center;
}

.cancellation .subtitle-small {
  width: 100%;
}

.cancellation .subtitle-small strong {
  color: #889391;
}

.cancellation .brochure-block .focal-point img,
.cancellation .brochure-block-inverted .focal-point img,
.cancellation .brochure-block-inverted .focal-point img {
  width: 75%;
}

.cancellation .hand .focal-point img {
  width: 50%;
}

@media (min-width: 48em) {
  .cancellation .brochure-block .description,
  .cancellation .brochure-block-inverted .description,
  .cancellation .brochure-block-inverted .description {
    padding-right: 2.25rem;
  }
}

.cancellation .brochure-block .description br,
.cancellation .brochure-block-inverted .description br,
.cancellation .brochure-block-inverted .description br {
  display: none;
}

@media (min-width: 62em) {
  .cancellation .brochure-block .description br,
  .cancellation .brochure-block-inverted .description br,
  .cancellation .brochure-block-inverted .description br {
    display: block;
  }
}

.cancellation .brochure-selling-items {
  display: table;
  padding-top: 1rem;
  padding-right: 2.5%;
  padding-left: 2.5%;
  table-layout: fixed;
}

.cancellation .brochure-selling-items .brochure-selling-points {
  display: table-row;
  float: none;
  table-layout: initial;
}

.cancellation .brochure-selling-items .item {
  padding: 0;
}

.cancellation .brochure-selling-items .inner {
  position: relative;
  height: 100%;
  padding: 0 .75rem;
  padding-bottom: 4.6rem;
  box-sizing: content-box;
}

.cancellation .brochure-selling-items .links {
  right: 0;
  left: 0;
  padding-right: .75rem;
  padding-left: .75rem;
}

.cancellation .brochure-selling-items .links a:first-child:last-child {
  margin-bottom: 2.3rem;
}

.cancellation .brochure-selling-items .item .focal-point img {
  width: 80%;
}

.cancellation .brochure-selling-items h3 {
  color: #889391;
}

.cancellation .brochure-selling-items .description br {
  display: none;
}

@media (min-width: 62em) {
  .cancellation .brochure-selling-items .description br {
    display: block;
  }
}

.cancellation .brochure-selling-items [class*="btn-"] {
  display: block;
  text-align: left;
}

.cancellation .brochure-selling-items [class*="btn-"].icon-play-blue,
.cancellation .brochure-selling-items [class*="btn-"].icon-download-blue {
  padding-left: 1.75rem;
  background-position: left center;
  background-size: 1rem;
}

.cancellation .lead-form,
.cancellation .lead-form-blue {
  padding-top: 0;
  padding-bottom: 0;
}

.cancellation .detail-builder .builder-grouping {
  border-top: 0;
}

.cancellation .button-next {
  width: 100%;
  float: none;
}

@media (min-width: 48em) {
  .cancellation .button-next {
    width: 25%;
    float: right;
  }
}

.cancellation .button-cancel {
  width: 100%;
  float: none;
}

@media (min-width: 48em) {
  .cancellation .button-cancel {
    width: 25%;
    float: left;
  }
}

@media (min-width: 48em) {
  .cancellation .wizard-buttons .btn[class] {
    width: 100%;
  }
}

.Vault {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.Vault-intro {
  max-width: 43.75rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin: 0;
  padding: 2.25rem 5%;
  color: #000000;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
}

@media (min-width: 48em) {
  .Vault-intro {
    padding: 2.25rem 3.375rem;
    font-size: 1.5rem;
  }
}

.Vault-intro strong {
  display: block;
  margin-bottom: 1.5rem;
  color: #0072a9;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.5rem;
}

@media (min-width: 48em) {
  .Vault-intro strong {
    font-size: 2.25rem;
  }
}

.Vault-section {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  border-top: 1px solid #e8e7e7;
  background-color: #efefef;
}

.Vault-plainButton {
  display: block;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  color: #0083c2;
  text-decoration: none;
}

.Vault-plainButton:after {
  display: inline-block;
  width: .5em;
  height: .5em;
  margin-top: -.4em;
  margin-left: 1.5em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-bottom: 0;
  border-left: 0;
  border-top-width: 2px;
  border-right-width: 2px;
  border-style: solid;
  border-color: #0083c2;
  content: "";
  vertical-align: middle;
}

.Vault-plainButton.is-selected:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.CurrencyValue {
  display: inline-block;
  color: #005e9b;
  text-align: center;
}

.CurrencyValue--inheritColor {
  color: inherit;
}

.CurrencyValue-sum {
  font-family: "Telkom123-Regular", sans-serif;
  font-size: 1em;
}

.CurrencyValue-sum--fontLight {
  font-family: "Telkom123-Light", sans-serif;
}

.CurrencyValue-cents {
  font-size: 60%;
}

.CurrencyValue-secondary {
  display: block;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 35%;
}

.VaultShopListing {
  margin-bottom: 3.375rem;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.VaultShopListing-item {
  display: inline-block;
  max-width: 12.5rem;
  text-align: center;
}

.VaultShopListing-item + .VaultShopListing-item {
  margin-left: 11.39062rem;
}

.VaultShopListing-link {
  text-decoration: none;
}

.DealTout {
  display: block;
  margin: 0;
}

.DealTout-graphic {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.DealTout-graphic--small {
  max-width: 5rem;
}

.DealTout-graphic--medium {
  max-width: 10rem;
}

.DealTout-graphic--large {
  max-width: 20rem;
}

.DealTout-title {
  color: #000000;
  font-size: 1.5rem;
}

.DealTout-title--colorBlue {
  color: #0083c2;
}

@media (min-width: 48em) {
  .DealTout-title {
    font-size: 2.25rem;
  }
}

.DealTout-subtitle {
  color: #000000;
  font-size: 1rem;
}

.DealTout-price {
  margin-top: -.5rem;
  font-size: 1.5rem;
}

@media (min-width: 48em) {
  .DealTout-price {
    font-size: 2.25rem;
  }
}

.DealTout-title,
.DealTout-subtitle,
.DealTout-graphic {
  display: block;
  margin-bottom: 0.44444rem;
}

.DealTout .DealTout-title,
.DealTout .DealTout-subtitle {
  font-family: "Telkom123-Light", sans-serif;
}

.StoreLocator #map {
  width: 100%;
  height: 600px;
}

.StoreLocator .StoreLocator-map--info {
  display: none;
}

@media (max-width: 48em) {
  .StoreLocator .store .store-drawer {
    display: none;
  }

  .StoreLocator .store.open .store-drawer {
    display: initial;
  }

  .StoreLocator #map {
    display: none;
  }

  .StoreLocator .store.open #map {
    display: block;
  }
}

.Vumatel-promoTitle {
  font-family: "Telkom123-Bold", sans-serif !important;
}

.Vumatel-promoAnchor {
  font-size: 1.5rem !important;
  text-decoration: none;
}

.Vumatel-promoAnchor--colorGrey {
  color: #889391 !important;
}

/* Partners */

.help-get > h2 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  margin: 0;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.75rem;
  line-height: 1.8rem;
  color: #ffffff;
  letter-spacing: -1px;
}

.help-get .foundry-listing-horizontal .item {
  text-align: left;
  color: #ffffff;
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

.help-get .foundry-listing-horizontal .item:nth-child(2n) {
  margin-right: 0;
}

@media (min-width: 48em) {
  .help-get .foundry-listing-horizontal .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .help-get .foundry-listing-horizontal .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .help-get .foundry-listing-horizontal .item:nth-child(3n) {
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .help-get .foundry-listing-horizontal .item {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%;
  }

  .help-get .foundry-listing-horizontal .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .help-get .foundry-listing-horizontal .item:nth-child(3n) {
    margin-right: 2.85714%;
  }

  .help-get .foundry-listing-horizontal .item:nth-child(6n) {
    margin-right: 0;
  }
}

.help-get .foundry-listing-horizontal .item .text h2 {
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.2rem;
  line-height: 1.3rem;
  letter-spacing: -1px;
  text-decoration: none;
  color: #ffffff;
}

.help-get .foundry-listing-horizontal .item .text h3 {
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1rem;
  line-height: 1.3rem;
  letter-spacing: -1px;
  color: #95bfdf;
}

.help-get .help-topics .item span.image {
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
  height: 11em;
  width: auto;
}

.help-topic-items .item {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

.help-topic-items .item:nth-child(2n) {
  margin-right: 0;
}

@media (min-width: 48em) {
  .help-topic-items .item {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }

  .help-topic-items .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .help-topic-items .item:nth-child(4n) {
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .help-topic-items .item {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%;
  }

  .help-topic-items .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .help-topic-items .item:nth-child(4n) {
    margin-right: 2.85714%;
  }

  .help-topic-items .item:nth-child(6n) {
    margin-right: 0;
  }
}

@media (min-width: 75em) {
  .help-topic-items .item {
    width: 10%;
    float: left;
    margin-right: 2.85714%;
  }

  .help-topic-items .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .help-topic-items .item:nth-child(4n) {
    margin-right: 2.85714%;
  }

  .help-topic-items .item:nth-child(6n) {
    margin-right: 2.85714%;
  }

  .help-topic-items .item:nth-child(8n) {
    margin-right: 0;
  }
}

.help-topic-items .item span.image,
.help-topic-items .item div.image {
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
  height: 7em;
  width: auto;
}

.help-drawer-items .drawer-item {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .help-drawer-items .drawer-item {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .help-drawer-items .drawer-item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .help-drawer-items .drawer-item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .help-drawer-items .drawer-item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .help-drawer-items .drawer-item:nth-child(3n) {
    margin-right: 0;
  }
}

.help-drawer-items .drawer-item .help-icon-external {
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
  padding-left: 80px;
  padding-left: 5rem;
  background-image: url('//static.telkom.co.za/today/static/web/images/icons/extra/external_hyperlinks_white.png?1f5f1ea8c9c3');
  background-position: left top;
  background-size: 64px;
  background-size: 4rem;
  display: block;
}

.help-drawer-items .drawer-item .help-icon-download {
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
  padding-left: 80px;
  padding-left: 5rem;
  background-image: url('//static.telkom.co.za/today/static/web/images/icons/extra/pdf_white.png?98ad4ceb40d3');
  background-position: left top;
  background-size: 64px;
  background-size: 4rem;
  display: block;
}

.help-drawer-items .drawer-item .help-icon-video {
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
  padding-left: 80px;
  padding-left: 5rem;
  background-image: url('//static.telkom.co.za/today/static/web/images/icons/extra/self_help_videos_white.png?0ad6669c1d3d');
  background-position: left top;
  background-size: 64px;
  background-size: 4rem;
  display: block;
}

/* Vendor */

/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
  position: absolute;
  display: block;
  top: 0;
}

.irs-line-left {
  left: 0;
  width: 11%;
}

.irs-line-mid {
  left: 9%;
  width: 82%;
}

.irs-line-right {
  right: 0;
  width: 11%;
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}

.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1;
}

.irs-slider.type_last {
  z-index: 2;
}

.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default;
}

.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}

.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: transparent;
  z-index: 2;
}

.irs-disabled {
  opacity: 0.4;
}

.lt-ie9 .irs-disabled {
  filter: alpha(opacity=40);
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
  /*height: 55px;*/
}

.irs-with-grid {
  height: 75px;
}

.irs-line {
  height: 10px;
  top: 33px;
  background: #EEE;
  background: -webkit-linear-gradient(top, #DDD -50%, #FFF 150%);
  background: linear-gradient(to bottom, #DDD -50%, #FFF 150%);
  /* W3C */
  border: 1px solid #CCC;
  border-radius: 16px;
  -moz-border-radius: 16px;
}

.irs-line-left {
  height: 8px;
}

.irs-line-mid {
  height: 8px;
}

.irs-line-right {
  height: 8px;
}

.irs-bar {
  height: 10px;
  top: 33px;
  border-top: 1px solid #428bca;
  border-bottom: 1px solid #428bca;
  background: #428bca;
  background: -webkit-linear-gradient(bottom, #428bca 0%, #7fc3e8 100%);
  background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
  /* W3C */
}

.irs-bar-edge {
  height: 10px;
  top: 33px;
  width: 14px;
  border: 1px solid #428bca;
  border-right: 0;
  background: #428bca;
  background: -webkit-linear-gradient(bottom, #428bca 0%, #7fc3e8 100%);
  background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
  /* W3C */
  border-radius: 16px 0 0 16px;
  -moz-border-radius: 16px 0 0 16px;
}

.irs-shadow {
  height: 2px;
  top: 38px;
  background: #000;
  opacity: 0.3;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.lt-ie9 .irs-shadow {
  filter: alpha(opacity=30);
}

.irs-slider {
  top: 25px;
  width: 27px;
  height: 27px;
  border: 1px solid #AAA;
  background: #DDD;
  background: -webkit-linear-gradient(top, white 0%, gainsboro 20%, white 100%);
  background: linear-gradient(to bottom, white 0%, gainsboro 20%, white 100%);
  /* W3C */
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.irs-slider.state_hover,
.irs-slider:hover {
  background: #FFF;
}

.irs-min,
.irs-max {
  color: #333;
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 5px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -moz-border-radius: 3px;
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
  background: #ccc;
}

.irs-from,
.irs-to,
.irs-single {
  color: #fff;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #428bca;
  border-radius: 3px;
  -moz-border-radius: 3px;
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
  background: #999;
}

.irs-grid {
  height: 27px;
}

.irs-grid-pol {
  opacity: 0.5;
  background: #428bca;
}

.irs-grid-pol.small {
  background: #999;
}

.irs-grid-text {
  bottom: 5px;
  color: #99a4ac;
}

/*
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */

/* clearfix */

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */

.grabbing {
  /*cursor:url('//static.telkom.co.za/today/static/web/css/grabbing.png') 8 8, move;*/
}

/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/*
*   Owl Carousel Owl Demo Theme
*   v1.3.3
*/

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-nav div,
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 1;
}

/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */

.owl-theme .owl-controls.clickable .owl-nav div:hover,
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px;
}

/* preloading images */

.owl-item.loading {
  min-height: 150px;
  /*background: url('//static.telkom.co.za/today/static/web/css/AjaxLoader.gif') no-repeat center center*/
}

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */

.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

/* backSlide */

.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */

.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

/* scaleUp */

.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/* Keyframes */

/*empty*/

@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}

@keyframes empty {
  0% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}

@keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px);
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    transform: translateZ(-500px) translateX(-200%);
  }
}

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
    transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
  }
}

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}

@keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}

@keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

/* Molecules */

.StoreLocator-messageTitle {
  margin-bottom: 1.25rem;
  color: #CB333B;
  text-align: center;
}

.StoreLocator-messageDescription {
  color: #0083c2;
  font-size: 1.5625rem;
  text-align: center;
}

.mfp-close-btn-in .mfp-close {
  background-image: url('//static.telkom.co.za/today/static/web/img/icons/icon-library/close-white.svg?b3b9f59ecd61');
}

.mfp-iframe-holder .mfp-content {
  max-width: none;
}

.videoWrapper iframe {
  background-color: black;
}

.VideoPopupLink {
  display: table;
  margin-top: 1rem;
  color: #ffffff;
  font-family: "Telkom123-Bold", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
}

.hero-new[data-layout*="text-invert"] .VideoPopupLink {
  color: #0083c2;
}

.VideoPopupLink-text {
  padding-left: 16px;
  padding-left: 1rem;
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 30em) {
  .VideoPopupLink-text {
    display: none;
  }
}

.VideoPopupLink-icon {
  display: table-cell;
  width: 4em;
  height: 4em;
}

.VideoPopupLink-icon .playbutton-outer {
  fill: #DC4405;
}

.VideoPopupLink-icon .playbutton-inner {
  fill: #ffffff;
}

.VideoPopupLink:hover {
  color: #ffffff;
}

.TogglePlay {
  display: block;
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 2rem;
  height: 2rem;
  background-size: 100%;
  z-index: 5;
}

.TogglePlay.hidden {
  display: none;
}

.VideoBanner-container {
  width: 100%;
  height: 100%;
}

.VideoBanner-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.v-bezel {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -26px;
  margin-top: -26px;
  font-size: 60px;
}
.v-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.v-controls-containers {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: bottom 0.3s;
}
.v-controls {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 60px;
  max-width: 1240px;
  margin: 0 auto;
}
.v-control-left {
  display: flex;
}
.v-control-right {
  display: flex;
}
.v-control-center {
  flex: 1 1 auto;
}
.v-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  cursor: pointer;
  z-index: 10;
}
.v-icon svg {
  font-size: 1em;
  height: 1em;
}
.v-controls-left {
}
.v-control-center {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
}
.v-controls-right {
}
.v-progres-bar {
  height: 16px;
  background: rgba(255,255,255,0.1);
}
.v-progres-loaded {
  width: 0;
  height: 16px;
  background: rgba(255,255,255,0.2);
}
.v-icon-pause,
.v-icon-unmute,
.v-icon-compress {
  display: none;
}
.v-fullscreen-icons{
  display: none;
}

.v--stopped .v-bezel,
.v--paused .v-bezel{
    display: block;
}

.v-controls-containers, .v-bezel, .v-controls-containers {
  display: none;
}
.v--controls-hidden .v-controls-containers {
  bottom: -60px;
}
.v--fullscreen-enabled .v-fullscreen-icons {
  display: block;
}
.v--played .v-icon-pause {
  display: flex;
}
.v--played .v-icon-play {
  display: none;
}
.v--muted .v-icon-unmute {
  display: flex;
}
.v--muted .v-icon-mute {
  display: none;
}
body.fullscreen .v-icon-expand {
  display: none;
}
body.fullscreen .v-icon-compress {
  display: flex;
}

.VideoBanner-climaticShield {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.PageSteps {
  display: inline-block;
  width: 100%;
  background: #efefef;
}

.PageSteps--bottomNav .PageSteps-items {
  background-color: #0072a9;
}

.PageSteps--bottomNav .PageSteps-number {
  color: #ffffff;
}

.PageSteps--bottomNav .PageSteps-pageDescription {
  color: #ffffff;
}

.PageSteps--bottomNav .PageSteps-line {
  color: #0072a9;
}

.PageSteps-landing {
  background-color: #efefef;
  overflow: auto;
}

.PageSteps--is-active-1 .PageSteps-items:nth-child(1) ~ .PageSteps-items .PageSteps-number {
  opacity: 0.3;
}

.PageSteps--is-active-1 .PageSteps-items:nth-child(1) ~ .PageSteps-items .PageSteps-pageDescription {
  opacity: 0.3;
}

.PageSteps--is-active-1 .PageSteps-items:nth-child(1) ~ .PageSteps-items .PageSteps-line {
  background-color: #efefef;
}

.PageSteps--is-active-2 .PageSteps-items:nth-child(2) ~ .PageSteps-items .PageSteps-number {
  opacity: 0.3;
}

.PageSteps--is-active-2 .PageSteps-items:nth-child(2) ~ .PageSteps-items .PageSteps-pageDescription {
  opacity: 0.3;
}

.PageSteps--is-active-2 .PageSteps-items:nth-child(2) ~ .PageSteps-items .PageSteps-line {
  background-color: #efefef;
}

.PageSteps--is-active-3 .PageSteps-items:nth-child(3) ~ .PageSteps-items .PageSteps-number {
  opacity: 0.3;
}

.PageSteps--is-active-3 .PageSteps-items:nth-child(3) ~ .PageSteps-items .PageSteps-pageDescription {
  opacity: 0.3;
}

.PageSteps--is-active-3 .PageSteps-items:nth-child(3) ~ .PageSteps-items .PageSteps-line {
  background-color: #efefef;
}

.PageSteps--is-active-4 .PageSteps-items:nth-child(4) ~ .PageSteps-items .PageSteps-number {
  opacity: 0.3;
}

.PageSteps--is-active-4 .PageSteps-items:nth-child(4) ~ .PageSteps-items .PageSteps-pageDescription {
  opacity: 0.3;
}

.PageSteps--is-active-4 .PageSteps-items:nth-child(4) ~ .PageSteps-items .PageSteps-line {
  background-color: #efefef;
}

.PageSteps--is-active-5 .PageSteps-items:nth-child(5) ~ .PageSteps-items .PageSteps-number {
  opacity: 0.3;
}

.PageSteps--is-active-5 .PageSteps-items:nth-child(5) ~ .PageSteps-items .PageSteps-pageDescription {
  opacity: 0.3;
}

.PageSteps--is-active-5 .PageSteps-items:nth-child(5) ~ .PageSteps-items .PageSteps-line {
  background-color: #efefef;
}

.PageSteps-landingHeading {
  font-size: 1.5rem;
  color: #0083c2;
  margin: 2rem 0;
  font-family: "Telkom123-Regular", sans-serif;
}

@media (min-width: 30em) {
  .PageSteps-landingHeading {
    font-size: 2rem;
  }
}

.PageSteps-landingNumber,
.PageSteps-number {
  display: inline-block;
  font-size: 3rem;
  font-family: "Telkom123-Regular", sans-serif;
  color: #0083c2;
  vertical-align: middle;
  padding-bottom: 0.6rem;
  text-align: left;
  margin: 0;
}

@media (min-width: 48em) {
  .PageSteps-landingNumber,
  .PageSteps-number {
    font-size: 3.5rem;
    margin: 1.5rem 0;
  }
}

@media (min-width: 62em) {
  .PageSteps-landingNumber,
  .PageSteps-number {
    font-size: 4rem;
  }
}

.PageSteps-landingNumber {
  vertical-align: top;
  margin: 0;
}

.PageSteps-pageDescription {
  margin: 0.25rem 0;
  width: 10rem;
  font-size: 1rem;
  display: inline-block;
  font-family: "Telkom123-Light", sans-serif;
  color: #0083c2;
  vertical-align: middle;
}

@media (min-width: 30em) {
  .PageSteps-pageDescription {
    margin: 0;
  }
}

@media (min-width: 62em) {
  .PageSteps-pageDescription {
    font-size: 1.25rem;
    width: 12rem;
  }
}

.PageSteps-previewText {
  display: none;
}

@media (min-width: 30em) {
  .PageSteps-previewText {
    display: block;
    color: #666666;
    font-family: "Telkom123-Regular", sans-serif;
    width: 13rem;
    text-align: left;
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 48em) {
  .PageSteps-previewText {
    margin-bottom: 4rem;
  }
}

.PageSteps-contentWrap,
.PageSteps-landingTextWrap {
  display: inline-block;
  margin: 0;
}

@media (min-width: 48em) {
  .PageSteps-contentWrap,
  .PageSteps-landingTextWrap {
    margin: 0 0.5rem;
  }
}

@media (min-width: 62em) {
  .PageSteps-contentWrap,
  .PageSteps-landingTextWrap {
    margin: 0 1rem;
    text-align: left;
  }
}

.PageSteps-landingTextWrap {
  margin: 0;
}

.PageSteps-line,
.PageSteps-lineBlue {
  width: 100%;
  height: 3px;
  background-color: #0072a9;
}

.PageSteps-group {
  width: 100%;
  display: inline-block;
  float: left;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

@media (min-width: 48em) {
  .PageSteps-group {
    display: table;
    float: none;
  }
}

.PageSteps-items {
  background-color: #efefef;
  margin: 0;
  display: inline-block;
  text-align: left;
  padding: 0;
  float: left;
  width: 50%;
}

@media (min-width: 48em) {
  .PageSteps-items {
    display: table-cell;
    float: none;
    width: auto;
  }
}

.PageSteps-items > a {
  text-decoration: none;
}

.PageSteps-items:first-child .PageSteps-contentWrap {
  margin-left: 0;
  padding-left: 1.5rem;
}

.PageSteps-items:last-child .PageSteps-contentWrap {
  margin-right: 0;
  padding-right: 1.5rem;
}

.PageSteps-bold {
  font-family: "Telkom123-Bold", sans-serif;
}

.NavMenu {
  margin: 2rem 0;
}

.NavMenu::after {
  clear: both;
  content: "";
  display: table;
}

.NavMenu-heading {
  font-size: 1.5rem;
  margin: 2rem 0;
  color: #0083c2;
}

@media (min-width: 48em) {
  .NavMenu-heading {
    font-size: 2rem;
  }
}

.NavMenu-navBottomBorder {
  margin-right: -15rem;
  margin-left: -15rem;
}

.NavMenu-main {
  list-style: none;
}

@media (min-width: 48em) {
  .NavMenu-main {
    margin-left: 4rem;
    padding: 0;
  }
}

.NavMenu-mainItem {
  display: block;
  position: relative;
  width: 100%;
  height: 15rem;
}

@media (min-width: 48em) {
  .NavMenu-mainItem {
    display: inline-block;
    max-width: 30%;
    width: 100%;
  }
}

.NavMenu-mainLink {
  text-decoration: none;
  cursor: pointer;
}

.NavMenu-mainImage {
  display: block;
  width: 100px;
  height: 9rem;
}

@media (min-width: 48em) {
  .NavMenu-mainImage {
    width: 150px;
  }
}

.NavMenu-mainNumber,
.NavMenu-mainTitle {
  display: inline-block;
}

.NavMenu-mainNumber {
  font-size: 1.5rem;
  color: #0083c2;
  margin: 2rem 0;
  font-family: "Telkom123-Regular", sans-serif;
}

@media (min-width: 30em) {
  .NavMenu-mainNumber {
    font-size: 2rem;
  }
}

.NavMenu-mainTitle {
  font-size: 1.5rem;
  color: #0083c2;
}

@media (min-width: 48em) {
  .NavMenu-mainTitle {
    font-size: 2rem;
  }
}

.NavMenu-dropdown {
  display: none;
  width: 100%;
  padding-left: 0;
  z-index: 1;
}

.NavMenu-dropdownDescription {
  height: 2.5rem;
}

.NavMenu-dropdownList {
  display: block;
  width: 100%;
  margin-top: 6rem;
  padding-left: 0;
}

@media (min-width: 48em) {
  .NavMenu-dropdownList {
    margin-top: 2rem;
  }
}

.NavMenu-dropdownItem {
  display: block;
  max-width: 100%;
  float: none;
  list-style: none;
}

@media (min-width: 48em) {
  .NavMenu-dropdownItem {
    display: inline-block;
    max-width: 45%;
    margin-right: 2rem;
    float: left;
  }
}

.NavMenu-dropdownItem--thirdWidth {
  max-width: 100%;
}

@media (min-width: 48em) {
  .NavMenu-dropdownItem--thirdWidth {
    max-width: 30%;
  }
}

.NavMenu-dropdownItem--right {
  float: right;
}

.NavMenu-dropdownLink {
  text-decoration: none;
  line-height: 1.5rem;
}

.NavMenu-dropdownImage--small {
  width: 25px;
  height: auto;
}

.NavMenu-dropdownImage--medium {
  width: 50px;
  height: auto;
}

@media (min-width: 48em) {
  .NavMenu-dropdownImage--medium {
    width: 75px;
  }
}

.NavMenu-dropdownImage--large {
  display: block;
  width: 200px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 4rem;
}

@media (min-width: 48em) {
  .NavMenu-dropdownImage--large {
    display: inline-block;
    width: 400px;
    margin: 0 auto;
  }
}

.NavMenu-dropdownHeading {
  color: #0083c2;
}

.NavMenu-dropdownSub {
  width: 100%;
  list-style: none;
}

.NavMenu-dropdownSubTitle {
  padding-left: 2rem;
  background: url('//static.telkom.co.za/today/static/web/img/connected-home/curved-arrow.svg?bdc4bcfe8636') no-repeat left;
  background-size: 1rem;
  font-size: 1rem;
  color: #0083c2;
}

@media (min-width: 48em) {
  .NavMenu-dropdownSubTitle {
    font-size: 1.5rem;
  }
}

.NavMenu-mainItem.active::after {
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 15rem;
  left: 5rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: auto;
  background-color: #ffffff;
  border-right: solid 0.0125rem #cccccc;
  border-top: solid 0.0125rem #cccccc;
  z-index: 2;
}

@media (min-width: 20em) {
  .NavMenu-mainItem.active::after {
    display: none;
  }
}

@media (min-width: 48em) {
  .NavMenu-mainItem.active::after {
    display: block;
  }
}

.ComparisonTool {
  /* BEM cannot save us from overly broad styles */
}

.ComparisonTool-content {
  max-width: 100%;
}

.ComparisonTool-title {
  color: #000000;
  font-size: 20px;
  text-align: left;
}

.ComparisonTool-section {
  width: 45%;
}

@media (min-width: 20em) {
  .ComparisonTool-section {
    display: none;
  }
}

@media (min-width: 48em) {
  .ComparisonTool-section {
    display: inline-block;
  }
}

@media (min-width: 62em) {
  .ComparisonTool-section {
    display: inline-block;
  }
}

.ComparisonTool-sectionTitle {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

@media (min-width: 20em) {
  .ComparisonTool-sectionTitle {
    display: none;
  }
}

@media (min-width: 48em) {
  .ComparisonTool-sectionTitle {
    display: inline-block;
  }
}

@media (min-width: 62em) {
  .ComparisonTool-sectionTitle {
    display: inline-block;
  }
}

.ComparisonTool-bottomMargin {
  margin-bottom: 15px;
}

.ComparisonTool-textBlock {
  display: block;
  width: 34%;
  margin: 0 0 10px;
  float: left;
}

@media (min-width: 48em) {
  .ComparisonTool-textBlock {
    width: 10%;
    margin: 0 5px 0 0;
  }
}

@media (min-width: 62em) {
  .ComparisonTool-textBlock {
    width: 10%;
    margin: 0 5px 0 0;
  }
}

.ComparisonTool-text {
  width: 100%;
  margin: 0;
}

.ComparisonTool-planTitle {
  width: 100%;
  margin: 0;
  color: #0083c2;
  cursor: pointer;
}

.ComparisonTool-barBlock {
  float: left;
}

@media (min-width: 20em) {
  .ComparisonTool-barBlock {
    display: block;
    width: 100%;
    margin: 0 0 10px;
  }
}

@media (min-width: 48em) {
  .ComparisonTool-barBlock {
    width: 45%;
    margin: 0 5px 0 0;
  }
}

@media (min-width: 62em) {
  .ComparisonTool-barBlock {
    width: 45%;
    margin: 0 5px 0 0;
  }
}

.ComparisonTool-bar {
  width: 100%;
  line-height: 1.7;
}

.ComparisonTool-btnBlock {
  display: block;
  width: 33%;
  margin: 0 0 10px;
  float: right;
}

@media (min-width: 48em) {
  .ComparisonTool-btnBlock {
    width: 15%;
    margin: 0 5px 0 0;
  }
}

@media (min-width: 62em) {
  .ComparisonTool-btnBlock {
    width: 15%;
    margin: 0 5px 0 0;
  }
}

.ComparisonTool-btnText {
  margin: 0;
}

.ComparisonTool-button {
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.ComparisonTool-button[class*="btn-invert"] {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.ComparisonTool-button[class*="btn-invert"]:hover {
  background-color: transparent;
}

.ComparisonTool a.btn-inverted-blue.ComparisonTool-button {
  text-align: right;
}

.DetailPane-title {
  margin: 0;
  padding-bottom: 0;
  color: #666666;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: left;
}

.DetailPane-block {
  padding: 1rem 1.5rem;
  text-align: left;
}

@media (min-width: 48em) {
  .DetailPane-block {
    padding: 1rem 2.5rem 0;
  }
}

.Selector {
  background-color: #efefef;
}

.Selector-nav {
  position: relative;
  width: 100%;
  margin: 0;
  padding-bottom: 2rem;
  white-space: nowrap;
  list-style-type: none;
  overflow-x: auto;
  overflow-y: hidden;
}

.Selector-item {
  display: inline-block;
  position: relative;
  border: solid 1px #cccccc;
  border-radius: 3px;
  background-color: #efefef;
  color: #0083c2;
  font-family: "Telkom123-Regular", sans-serif;
  text-align: center;
}

.Selector-item:hover {
  background-color: #0083c2;
}

.Selector-item:hover a {
  color: #ffffff;
}

.Selector-item + .Selector-item {
  margin-left: .5rem;
}

.Selector-item.active {
  background-color: #0083c2;
  color: #ffffff;
}

.Selector-item.active::after {
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  -webkit-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
  border: 15px solid transparent;
  border-bottom-width: 0;
  border-top-color: #ffffff;
  content: "";
}

.Selector-item--no-border {
  border: 0;
}

.Selector-item--no-border.active {
  background-color: #efefef;
  color: #0083c2;
}

.Selector-navLink {
  display: inline-block;
  min-width: 5rem;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
  font-family: "Telkom123-Regular", sans-serif;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: .65rem 1rem 1rem;
}

.Selector-navLink--meta {
  color: #cccccc;
}

.Selector-navLink--withIcon {
  padding-left: 4rem;
  font-family: "Telkom123-Light", sans-serif;
  text-transform: capitalize;
}

.Selector-navLink--grey {
  background-color: #efefef;
}

.Selector-navLink--blue {
  background-color: #0083c2;
}

.Selector-navLinkIcon {
  display: inline-block;
  position: absolute;
  left: 1.5rem;
  width: 25px;
  height: 25px;
  margin-right: .5rem;
  background-size: 100%;
  vertical-align: middle;
}

.technologySelector:hover,
.technologySelector:active,
.technologySelector:visited,
.technologySelector:focus {
  background-color: #0083c2;
  color: #ffffff;
}

.Stepper {
  margin: 2rem auto;
  text-align: center;
}

.Stepper-item {
  display: block;
  width: 80%;
  min-width: 240px;
  margin: 0 auto;
  text-align: center;
  vertical-align: top;
}

.Stepper-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 2rem auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.Stepper-inner {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  padding: 1rem 1rem 3rem;
  box-sizing: content-box;
}

.Stepper-count {
  display: block;
  width: 3rem;
  height: 3rem;
  margin: 0 auto;
  padding: 0;
  border-radius: 50%;
  background-color: #0083c2;
  color: #ffffff;
  font-family: "Telkom123-Regular", sans-serif;
  font-size: 2rem;
}

.Stepper-title {
  color: #000000;
  font-family: "Telkom123-Regular", sans-serif !important;
  font-size: 1.5rem;
  min-height: 3rem;
}

.Stepper-desc {
  color: #666666 !important;
  font-family: "Telkom123-Light", sans-serif;
  font-size: 1rem;
  min-height: 6rem;
}

.Stepper-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 48em) {
  .Stepper--2 .Stepper-icon {
    display: inline-block;
    margin: 8rem 0 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-position-x: 50%;
    background-position-y: center;
  }
}

@media (min-width: 48em) {
  .Stepper--2 .Stepper-item {
    display: inline-block;
    width: 50%;
    max-width: 240px;
  }
}

@media (min-width: 62em) {
  .Stepper--3 .Stepper-icon {
    display: inline-block;
    margin: 8rem 0 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-position-x: 50%;
    background-position-y: center;
  }
}

@media (min-width: 62em) {
  .Stepper--3 .Stepper-item {
    display: inline-block;
    width: 33%;
    max-width: 240px;
  }
}

@media (min-width: 75em) {
  .Stepper--4 .Stepper-icon {
    display: inline-block;
    margin: 8rem 0 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-position-x: 50%;
    background-position-y: center;
  }
}

@media (min-width: 75em) {
  .Stepper--4 .Stepper-item {
    display: inline-block;
    width: 25%;
    max-width: 240px;
  }
}

/* Organisms */

.Concertina--storeLocator .Concertina-tab {
  color: #000000;
}

.Concertina--storeLocator .Concertina-tabIcon {
  border-left-color: #000000;
}

.StoreLocator-cta {
  display: inline-block;
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
}

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

.StoreLocator-ctaListItem {
  list-style: none;
}

.StoreLocator-ctaListItemIcon {
  display: inline;
  vertical-align: middle;
}

@media (min-width: 20em) {
  .StoreLocator-ctaListItemIcon {
    max-width: 1.5625rem;
  }
}

@media (min-width: 48em) {
  .StoreLocator-ctaListItemIcon {
    max-width: 3.125rem;
  }
}

@media (min-width: 62em) {
  .StoreLocator-ctaListItemIcon {
    max-width: 3.125rem;
  }
}

.StoreLocator-ctaListItemText {
  display: inline;
  max-width: 9.375rem;
  width: 100%;
  vertical-align: middle;
}

.StoreLocator-ctaMessage {
  margin-bottom: 1.5625rem;
  color: #000000;
  font-size: 1.25rem;
}

.StoreLocator-inputBlock {
  background-color: #efefef;
  text-align: center;
  position: relative;
}

@media (min-width: 20em) {
  .StoreLocator-inputBlock {
    margin-top: 3.75rem;
    margin-left: -3.125rem;
    margin-right: -3.125rem;
  }
}

@media (min-width: 48em) {
  .StoreLocator-inputBlock {
    margin-top: 0;
  }
}

.StoreLocator-query {
  margin-bottom: 0.9375rem;
  padding: 1.25rem;
}

.StoreLocator-query input {
  max-width: 25rem;
  width: 100%;
  padding: 0.9375rem 0.625rem;
  border: 1px solid #889391;
  background-color: transparent;
}

.ProductAddition {
  border-top: 1px solid #e8e7e7;
}

.ProductAddition-item {
  margin: 0 1.5rem 1.5rem 1.5rem;
}

.ProductAddition-itemContent {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0.625rem;
  padding-top: 0.9375rem;
}

.ProductAddition-itemContent::after {
  clear: both;
  content: "";
  display: table;
}

.ProductAddition-itemText {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

@media (min-width: 48em) {
  .ProductAddition-itemText {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    text-align: left;
  }
}

.ProductAddition-itemImage {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

@media (min-width: 48em) {
  .ProductAddition-itemImage {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
    text-align: left;
  }
}

.ProductAddition-cta {
  padding-top: 0.9375rem;
}

@media (min-width: 20em) {
  .ProductAddition-ctaButton {
    width: 100%;
    margin-bottom: 0.875rem;
  }
}

@media (min-width: 62em) {
  .ProductAddition-ctaButton {
    width: 30%;
    margin-right: 0.875rem;
  }
}

.Richtext-container {
  padding: 1.5% 15%;
  background-color: #efefef;
}

.StaticTable-container {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 5%;
}

.StaticTable-container table {
  border-collapse: separate;
  border-spacing: 1rem;
  margin: 0 auto;
}

.StaticTable-container td,
.StaticTable-container th {
  padding: 0 0.5rem;
  white-space: nowrap;
  text-align: left;
}

.StaticTable-container td {
  color: #ffffff;
  border-radius: 2.5rem;
}

.StaticTable-container img {
  max-width: 50px !important;
}

@media (min-width: 48em) {
  .StaticTable-container img {
    width: 50px;
    max-width: 100%;
  }
}

td.StaticTable-data--backgroundBlue {
  background-color: #0083c2;
}

td.StaticTable-data--backgroundDarkBlue {
  background-color: #0072a9;
}

td.StaticTable-data--backgroundBlueGrey {
  background-color: #102e41;
}

td.StaticTable-data--backgroundGreen {
  background-color: #00a850;
}

td.StaticTable-data--colorBlue {
  color: #0083c2;
}

td.StaticTable-data--colorDarkBlue {
  color: #0072a9;
}

td.StaticTable-data--colorBlueGrey {
  color: #102e41;
}

td.StaticTable-data--colorGreen {
  color: #00a850;
}

/* Pages */

.StoreLocator {
  position: relative;
}

.StoreLocator-wrapper {
  max-width: 50rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0;
  padding: 0 3.125rem;
}

@media (min-width: 48em) {
  .StoreLocator-wrapper {
    display: inline-block;
    width: 40%;
    margin-top: 0;
    padding: 0;
  }
}

.StoreLocator-headline {
  margin-top: 6.25rem;
  margin-bottom: 1.25rem;
  color: #0083c2;
  text-align: center;
}

@media (min-width: 48em) {
  .StoreLocator-results {
    padding: 0 1.5625rem;
  }
}

.StoreLocator-group {
  color: #0083c2;
  font-size: 1.5625rem;
  text-align: center;
}

.StoreLocator-buttons {
  margin-top: 0.9375rem;
  margin-right: 0.5rem;
  margin-bottom: 0.9375rem;
  text-align: center;
}

.StoreLocator-drawer a {
  color: #000000;
}

.StoreLocator-drawer--distance {
  color: #666666;
}

.StoreLocator-drawerButtons {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
}

.StoreLocator-drawerButtons a {
  color: #ffffff;
}

@media (min-width: 20em) {
  .StoreLocator-drawerButtons a {
    width: 100%;
    margin-bottom: 0.5rem;
    text-align: center;
  }
}

@media (min-width: 62em) {
  .StoreLocator-drawerButtons a {
    width: 40%;
    text-align: center;
  }
}

.StoreLocator-drawerTitle {
  color: #000000;
  text-transform: capitalize;
}

.StoreLocator-drawerDetail {
  color: #666666;
  font-weight: normal;
}

.StoreLocator-map--info {
  color: #000000;
  text-transform: capitalize;
}

.StoreLocator-map--detail {
  color: #666666;
  font-weight: normal;
}

#map.StoreLocator-map {
  display: block;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 1.25rem;
}

@media (min-width: 48em) {
  #map.StoreLocator-map {
    display: inline-block;
    width: 60%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
  }
}

@media (min-width: 20em) {
  #map.StoreLocator-map.open {
    position: relative;
    display: block;
  }
}

.Block.active::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border: 0.9375rem solid transparent;
  border-bottom-color: #ffffff;
  content: "";
  border-left: 0.9375rem solid transparent;
  border-right: 0.9375rem solid transparent;
}

.Esap {
  position: relative;
}

.Esap--bluebg {
  background: #0083c2;
}

.Esap-logout {
  position: absolute;
  top: 5.5rem;
  right: 1.5rem;
  color: #ffffff;
  text-decoration: none;
  font-family: "Telkom123-Bold", sans-serif;
}

.Esap-logout--text-blue {
  color: #0083c2;
}

.Esap-container {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

@media (min-width: 48em) {
  .Esap-container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.Esap-form {
  max-width: 100%;
}

@media (min-width: 48em) {
  .Esap-form {
    max-width: 31.25rem;
    margin: 0 auto;
  }
}

.Esap-form .field {
  border: 0;
  display: block;
}

.Esap-form .field label {
  width: 100%;
  color: #ffffff;
  display: block;
  text-align: left;
  font-family: "Telkom123-Bold", sans-serif;
}

.Esap-form .field input {
  border: 1px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  color: #ffffff;
}

.Esap-form .form-buttons .button {
  margin-top: 1.1rem;
}

.Esap-form .form-buttons .button .btn {
  width: 100%;
  display: block;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
}

.Esap-form:before {
  width: 100%;
  clear: both;
  content: "";
}

.Esap-standalone {
  max-width: 100%;
}

@media (min-width: 48em) {
  .Esap-standalone {
    max-width: 31.25rem;
    margin: 0 auto;
  }
}

.Esap-standalone .form-buttons .button {
  margin-top: 1.1rem;
}

.Esap-standalone .form-buttons .button .btn {
  width: 100%;
  display: block;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
}

.Esap-title {
  color: #ffffff;
}

.Esap-title--centerAlign {
  text-align: center;
}

.Esap-hero .Esap-title {
  width: 85%;
  margin: 0;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}

@media (min-width: 48em) {
  .Esap-hero .Esap-title {
    width: 50%;
  }
}

@media (min-width: 62em) {
  .Esap-hero .Esap-title {
    width: 35%;
  }
}

.Esap-hero-text .Esap-initiative-image {
  max-width: 10rem;
  padding: 1rem 0;
  float: none;
}

@media (min-width: 48em) {
  .Esap-hero-text .Esap-initiative-image {
    float: right;
    margin-right: 25%;
  }
}

.Esap-hero-text .Esap-initiative-description {
  margin: 0;
  color: #ffffff;
  padding-bottom: 2rem;
}

@media (min-width: 48em) {
  .Esap-hero-text .Esap-initiative-description {
    width: 50%;
  }
}

@media (min-width: 62em) {
  .Esap-hero-text .Esap-initiative-description {
    width: 35%;
  }
}

.Esap .foundry-listing-picker,
.Esap .foundry-listing-lane {
  padding-bottom: 1.5rem;
}

.Esap .foundry-listing-picker .items,
.Esap .foundry-listing-lane .items {
  padding-top: 1.5rem;
}

.Esap .foundry-listing-picker .item,
.Esap .foundry-listing-lane .item {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .Esap .foundry-listing-picker .item,
  .Esap .foundry-listing-lane .item {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .Esap .foundry-listing-picker .item:nth-child(2n),
  .Esap .foundry-listing-lane .item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .Esap .foundry-listing-picker .item,
  .Esap .foundry-listing-lane .item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  .Esap .foundry-listing-picker .item:nth-child(2n),
  .Esap .foundry-listing-lane .item:nth-child(2n) {
    margin-right: 2.85714%;
  }

  .Esap .foundry-listing-picker .item:nth-child(3n),
  .Esap .foundry-listing-lane .item:nth-child(3n) {
    margin-right: 0;
  }
}

.Esap .foundry-listing-picker .item .inner .image img,
.Esap .foundry-listing-lane .item .inner .image img {
  max-width: 10rem;
}

.Esap .foundry-listing-picker .item .inner h2,
.Esap .foundry-listing-picker .item .inner .price-amount,
.Esap .foundry-listing-lane .item .inner h2,
.Esap .foundry-listing-lane .item .inner .price-amount {
  font-size: 1.5rem;
  color: #0083c2;
  line-height: 2rem;
}

.Esap .foundry-listing-picker .item .inner p,
.Esap .foundry-listing-lane .item .inner p {
  color: #000000;
}

.Esap .foundry-listing-picker .item .inner .btn,
.Esap .foundry-listing-lane .item .inner .btn {
  display: block;
}

.Esap .foundry-listing-picker .item .inner #price-terms,
.Esap .foundry-listing-lane .item .inner #price-terms {
  font-size: 0.75rem;
  color: #000000;
  text-transform: uppercase;
}

.Esap .foundry-listing-picker .item .inner #plan-meta-data ul,
.Esap .foundry-listing-lane .item .inner #plan-meta-data ul {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
}

.Esap .foundry-listing-picker .item .inner #plan-meta-data ul li:before,
.Esap .foundry-listing-lane .item .inner #plan-meta-data ul li:before {
  content: "- ";
  display: inline-block;
  margin-right: 5px;
}

.Esap-buttons {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  text-align: right;
}

.Esap-buttons--alignLeft {
  text-align: left;
}

.Esap-buttons .btn {
  width: 100%;
  margin-left: 0;
  margin-bottom: 1rem;
}

.Esap-buttons .btn--no-margin {
  margin: 0 !important;
}

@media (min-width: 48em) {
  .Esap-buttons .btn {
    width: 25%;
    margin-left: 1rem;
    margin-bottom: 0;
  }
}

@media (min-width: 62em) {
  .Esap-buttons .btn {
    width: 15%;
    margin-left: 1rem;
    margin-bottom: 0;
  }
}

.Esap-lead {
  margin-bottom: 2rem;
}

.Esap-lead .Esap-title {
  margin-top: 2rem;
  color: #0083c2;
}

.Esap-lead .Esap-field-group {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.Esap-lead .Esap-field-group .field {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  border: 0;
}

@media (min-width: 48em) {
  .Esap-lead .Esap-field-group .field {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }

  .Esap-lead .Esap-field-group .field:nth-child(2n) {
    margin-right: 0;
  }
}

.Esap-lead .Esap-field-group .field label {
  width: 100%;
  display: block;
  text-align: left;
}

.Esap-lead .Esap-field-group .field input,
.Esap-lead .Esap-field-group .field .SelectBox {
  width: 100%;
  display: block;
  border: 1px solid #889391 !important;
  border-bottom: 4px solid #889391 !important;
}

.Esap-lead .Esap-field-group .field .SelectBox i {
  background-position: 97%;
}

.Esap-lead .Esap-field-group .field .optWrapper {
  padding-top: 0;
  margin-top: 4.4rem;
  border-color: #889391;
}

.Esap-lead .Esap-field-group .field .optWrapper li {
  padding-left: 1rem;
}

.Esap-lead .Esap-field-group .field .errorlist {
  width: 100%;
  display: block;
  padding-left: 0;
  padding-top: 0.5rem;
}

.ConnectedHome {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ConnectedHome .Recommendation {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.ConnectedHome .Recommendation::after {
  clear: both;
  content: "";
  display: table;
}

.ConnectedHome .Recommendation .container {
  margin: 0 auto;
  padding: 2rem 0;
}

.ConnectedHome .Recommendation-section {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #ffffff !important;
  border-bottom: 2px solid #efefef;
}

.ConnectedHome .Recommendation-type {
  width: 10%;
  float: left;
  margin-right: 2.85714%;
}

.ConnectedHome .Recommendation-image {
  width: 10%;
  float: left;
  margin-right: 2.85714%;
}

.ConnectedHome .Recommendation-title {
  width: 31.42857%;
  float: left;
  margin-right: 2.85714%;
}

.ConnectedHome .Recommendation-description {
  width: 22.85714%;
  float: left;
  margin-right: 2.85714%;
}

.ConnectedHome .Recommendation-cta {
  width: 14.28571%;
  float: left;
  margin-right: 2.85714%;
  margin-right: 0;
}

.ConnectedHome .Recommendation-buttons {
  width: 40%;
  float: left;
  margin-right: 2.85714%;
  margin-right: 0;
}

.ConnectedHome .Recommendation-shopCTA {
  text-align: center;
  float: none;
}

.ConnectedHome .UspList {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 2rem 0;
}

.ConnectedHome .UspList .UspItem {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ConnectedHome .UspList .UspItem span {
  width: 3rem;
  height: 3rem;
  display: block;
  border-radius: 3rem;
  float: left;
  margin-right: 1rem;
  background-color: #84BD00;
  background-size: 1.5rem;
  background-position: center;
}

.ConnectedHome .UspList .UspItem h3 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  color: #0083c2;
  line-height: 3rem;
}

@media (min-width: 62em) {
  .ConnectedHome .UspList .UspItem h3 {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }
}

.ConnectedHome .UspList .UspItem p {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  font-size: 1.25rem;
  font-family: "Telkom123-Light", sans-serif;
  line-height: 1.65rem;
  color: #666666;
}

@media (min-width: 62em) {
  .ConnectedHome .UspList .UspItem p {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%;
    margin-right: 0;
  }
}

.ConnectedHome .PaginationJustArrows {
  background: #005e9b;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.ConnectedHome .PaginationJustArrows::after {
  clear: both;
  content: "";
  display: table;
}

.ConnectedHome .PaginationJustArrows-wrapper {
  margin: 0 auto;
  padding: 2rem 0;
}

.ConnectedHome .PaginationJustArrows-prev {
  display: inline-block;
  font-size: 1.5rem;
  color: #ffffff;
  text-decoration: none;
}

.ConnectedHome .PaginationJustArrows-prev span {
  width: 1rem;
  height: 1rem;
  margin: 9px 1rem 0 0;
  float: left;
  background-size: contain;
  display: block;
}

.ConnectedHome .PaginationJustArrows-next {
  display: inline-block;
  float: right;
  font-size: 1.5rem;
  color: #ffffff;
  text-decoration: none;
}

.ConnectedHome .PaginationJustArrows-next span {
  width: 1rem;
  height: 1rem;
  margin: 9px 0 0 1rem;
  float: right;
  background-size: contain;
  display: block;
}

.ConnectedHome .foundry-listing .items .item-viewproxy .content .UCMLayoutContainer .Coverage-products.DetailPane {
  display: none !important;
}

.Notice {
  padding: 24px;
  padding: 1.5rem;
  position: fixed;
  display: none;
  width: 100%;
  bottom: 0px;
}

.Notice--ci-blue-dark {
  background: #141B4D;
  color: #ffffff;
}

.Notice-description {
  width: 95%;
  margin: 0;
  font-size: 80%;
  padding-right: 24px;
  padding-right: 1.5rem;
}

.Notice-link {
  font-family: "Telkom123-Bold", sans-serif;
  color: #ffffff;
}

.Notice-link:hover {
  cursor: pointer;
}

.Notice-close {
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  background-size: 12px;
  background-size: 0.75rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  right: 1rem;
  margin: auto;
}

.CheckboxGroup,
.RadioGroup {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.CheckboxGroup-title,
.RadioGroup-title {
  display: block;
  width: 100%;
  margin-bottom: .5rem;
  color: #666666;
  font-family: "Telkom123-Regular", sans-serif;
  font-size: 0.66667rem;
  text-transform: uppercase;
}

.CheckboxGroup-options,
.RadioGroup-options {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

.CheckboxGroup-option,
.RadioGroup-option {
  display: block;
  position: relative;
  width: 100%;
}

.CheckboxGroup-checkbox,
.RadioGroup-radio {
  display: block;
  position: relative;
  width: 100%;
  cursor: pointer;
}

.CheckboxGroup-checkbox:before,
.RadioGroup-radio:before {
  display: inline-block;
  content: "";
  vertical-align: middle;
}

.CheckboxGroup-input,
.RadioGroup-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.CheckboxGroup-option + .CheckboxGroup-option {
  margin-top: 1rem;
}

.CheckboxGroup-checkbox:before {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  border: 1px solid #889391;
  background-color: #efefef;
}

.CheckboxGroup-checkbox--large:before {
  width: 2.25rem;
  height: 2.25rem;
}

.CheckboxGroup-input:checked + .CheckboxGroup-checkbox:before {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22216.317%22%20height%3D%22151.321%22%20viewBox%3D%22-2.929%20-3.536%20216.317%20151.321%22%3E%3Cpath%20fill%3D%22%2300A850%22%20d%3D%22M202.783-3.536L72.66%20126.588%207.678%2061.606-2.93%2072.214l75.604%2075.57L213.39%207.072%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 80%;
}

.RadioGroup-option + .RadioGroup-option {
  margin-top: 1rem;
}

.RadioGroup-radio:before {
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  -webkit-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  border: 1px solid #666666;
  border-radius: 50%;
  background-color: transparent;
}

.RadioGroup-input:checked + .RadioGroup-radio:before {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20229%20183.7%22%3E%3Cpath%20fill%3D%22%23CCC%22%20d%3D%22M83.4%20182.5c-6%200-11.7-2.4-15.9-6.6L7.7%20116.1c-8.8-8.8-8.8-23%200-31.8s23-8.8%2031.8%200l42.9%2042.9%20106.3-119c8.3-9.3%2022.5-10.1%2031.8-1.8%209.3%208.3%2010.1%2022.5%201.8%2031.8L100.1%20175c-4.1%204.6-10%207.3-16.1%207.5h-.6z%22%2F%3E%3C%2Fsvg%3E');
}

.RadioGroup--pills {
  border-radius: 1.5625rem;
  background-color: #e8e7e7;
}

.RadioGroup--pills .RadioGroup-option {
  width: 50%;
  float: left;
}

.RadioGroup--pills .RadioGroup-option + .RadioGroup-option {
  margin: 0;
}

.RadioGroup--pills .RadioGroup-radio {
  padding: 0.625rem 0.625rem 0.75rem;
  -webkit-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  border-radius: 1.5625rem;
  color: #666666;
  font-family: "Telkom123-Bold", sans-serif;
  font-size: 0.66667rem;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.RadioGroup--pills .RadioGroup-radio:before {
  display: none;
}

.RadioGroup--pills .RadioGroup-input:checked + .RadioGroup-radio {
  background-color: #0072a9;
  color: #ffffff;
}

.RadioGroup--noCustom ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.RadioGroup--noCustom ul li {
  display: block;
}

.RadioGroup--noCustom ul li + li {
  margin-top: 1rem;
}

.RadioGroup--noCustom label {
  cursor: pointer;
}

.RadioGroup--noCustom input {
  display: inline-block;
  width: auto !important;
  margin-right: 1rem;
}

.RadioGroup--postLogin .RadioGroup-title {
  color: #4e4e4e;
  font-size: 1rem;
  text-transform: none;
  margin: 1.5em 0;
}

.RadioGroup-radio.checkbox::before {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0;
}

.RadioGroup-input:checked + .RadioGroup-radio.checkbox::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22216.317%22%20height%3D%22151.321%22%20viewBox%3D%22-2.929%20-3.536%20216.317%20151.321%22%3E%3Cpath%20fill%3D%22%2300A850%22%20d%3D%22M202.783-3.536L72.66%20126.588%207.678%2061.606-2.93%2072.214l75.604%2075.57L213.39%207.072%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 80%;
}

.UCMLayoutContainer::after {
  clear: both;
  content: "";
  display: table;
}

.CoverageMap {
  height: 400px;
  min-height: 0;
  width: 100%;
}

.CoverageMap--narrow {
  padding-top: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 62em) {
  .CoverageMap--narrow {
    padding-top: 2rem;
  }
}

.CoverageMap--narrow .search-holder {
  top: -3.5rem;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 590px;
  margin: 0 auto;
  border: 1px solid #cccccc;
  border-radius: 2px;
}

@media (min-width: 62em) {
  .CoverageMap--narrow .search-holder {
    top: -1.5rem;
    width: 50%;
  }
}

.CoverageMap--narrow .search-holder div {
  width: 100%;
}

.CoverageMap--narrow .search-holder #search_input {
  width: 100%;
  height: 3rem;
  border: 0;
  padding: 0 4rem 0 1rem;
  background-size: 20px;
  background-position: 96% 50%;
  background-position: right 1rem bottom 50%;
  color: #0083c2;
  font-family: "Telkom123-Light", sans-serif;
}

.CoverageMap--narrow .search-holder #search_input::-webkit-input-placeholder {
  color: #cccccc;
}

.CoverageMap--narrow .search-holder #search_input::-moz-placeholder {
  color: #cccccc;
}

.CoverageMap--narrow .search-holder #search_input:-moz-placeholder {
  color: #cccccc;
}

.CoverageMap--narrow .search-holder #search_input:-ms-input-placeholder {
  color: #cccccc;
}

.CoverageMap--narrow .search-holder #coverage-map-search-submit {
  display: none;
  opacity: 0;
}

.CoverageMap--full {
  height: 1300px;
  background-color: #ffffff;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.CoverageMap--full .CoverageMap-exploreBtn {
  display: none;
}

@media (min-width: 62em) {
  .CoverageMap--full .CoverageMap-exploreBtn {
    display: block;
  }
}

.CoverageMap--full .search-holder {
  top: 3.5rem;
  right: 0;
  left: 0;
  width: 90%;
  max-width: 590px;
  margin: 0 auto;
  border: 1px solid #cccccc;
  border-radius: 2px;
  background: transparent;
  padding: 0;
}

.CoverageMap--full .search-holder #search_input {
  width: 100%;
  height: 3rem;
  border: 0;
  padding: 0 4rem 0 1rem;
  background-size: 20px;
  background-position: 96% 50%;
  background-position: right 1rem bottom 50%;
  color: #0083c2;
  font-family: "Telkom123-Light", sans-serif;
}

.CoverageMap--full .search-holder #search_input::-webkit-input-placeholder {
  color: #cccccc;
}

.CoverageMap--full .search-holder #search_input::-moz-placeholder {
  color: #cccccc;
}

.CoverageMap--full .search-holder #search_input:-moz-placeholder {
  color: #cccccc;
}

.CoverageMap--full .search-holder #search_input:-ms-input-placeholder {
  color: #cccccc;
}

@media (min-width: 62em) {
  .CoverageMap--full .search-holder {
    top: 50%;
    background-color: #0083c2 !important;
    padding: 10px 10px 50px;
    border: 0;
    -webkit-transition: top 500ms;
    transition: top 500ms;
  }

  .CoverageMap--full .search-holder #search_input {
    background-position: 96% 50%;
    background-position: right 1rem bottom 50%;
    background-size: 1.25rem;
    padding-right: 3rem;
    border-radius: 2px;
    height: 40px;
    border: 0;
  }
}

.CoverageMap--full .Coverage-wrapper {
  padding-left: 20px;
  background-color: #efefef;
}

.CoverageMap--full .Coverage-wrapper .Coverage-productsTitle {
  margin-top: 0;
}

.CoverageMap--full .Coverage-wrapper .Coverage-productsDeals {
  margin-left: -20px;
  padding-top: 10px;
  background-color: #ffffff;
}

.CoverageMap--full .Coverage-wrapper .Coverage-productsDeal {
  padding-left: 20px;
}

.CoverageMap--full .Coverage-wrapper .Coverage-products-wrapper {
  position: relative;
  background-color: #000000;
}

@media (min-width: 62em) {
  .CoverageMap--full.hasDetailPane .search-holder,
  .CoverageMap--full.hasSearched .search-holder {
    top: 3.5rem;
    right: initial;
    left: 1rem;
    border: 1px solid #cccccc;
    border-radius: 2px;
    background: transparent;
    padding: 0;
  }
}

.CoverageMap--full.hasSearched .search-holder {
  top: 1rem;
}

@media (min-width: 62em) {
  .CoverageMap--full.hasSearched .search-holder {
    top: 1rem;
    width: 35%;
  }
}

@media (min-width: 62em) {
  .CoverageMap--full.hasDetailPane .search-holder {
    left: 0;
    right: 0;
    width: 90%;
  }
}

.CoverageMap-nav {
  position: absolute;
  top: .5rem;
  left: 0;
  right: 0;
  width: 90%;
  max-width: 590px;
  margin: 0 auto;
  opacity: 1;
  padding: 0;
  z-index: 1001;
  text-align: center;
  font-size: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

@media (min-width: 62em) {
  .CoverageMap-nav {
    top: 43.5%;
  }
}

.CoverageMap-nav .pill-blue.full {
  width: 100%;
  padding: .65rem 1rem 1rem;
  border-radius: 2px;
  background-color: #0083c2;
  color: #ffffff;
}

.CoverageMap-nav .pill-blue.full.active {
  background-color: #005e9b;
  color: #ffffff;
}

.CoverageMap-nav .nonmobile-visible {
  display: none;
}

@media (min-width: 62em) {
  .CoverageMap-nav .nonmobile-visible {
    display: inline;
  }

  .CoverageMap-nav .mobile-visible {
    display: none;
  }
}

.CoverageMap-navItem {
  display: inline-block;
  width: 49%;
  list-style-type: none;
}

.CoverageMap-navItem + .CoverageMap-navItem {
  margin-left: 2%;
}

.CoverageMap-nav.is-hidden {
  opacity: 0;
}

.CoverageMap-exploreBtn {
  position: absolute;
  top: 7rem;
  max-width: 588px;
  margin: 0 10px;
  left: 0;
  right: 0;
  padding-left: 7px;
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.CoverageMap-exploreBtn.is-hidden {
  opacity: 0;
}

@media (min-width: 62em) {
  .CoverageMap-exploreBtn {
    top: 56%;
  }
}

.CoverageMap.hasDetailPane {
  height: 40%;
  width: 100%;
  float: none;
}

@media (min-width: 62em) {
  .CoverageMap.hasDetailPane {
    width: 35%;
    float: left;
  }

  .CoverageMap.hasDetailPane .CoverageMap-nav .nonmobile-visible {
    display: none;
  }

  .CoverageMap.hasDetailPane .CoverageMap-nav .mobile-visible {
    display: inline;
  }
}

.CoverageMap.hasSearched .CoverageMap-nav {
  display: none;
}

.CoverageMap.hasSearched .CoverageMap-exploreBtn {
  display: none;
}

.DetailPane {
  display: none;
  width: 100%;
}

.DetailPane.is-visible {
  display: block;
}

@media (min-width: 62em) {
  .DetailPane {
    width: 65%;
    float: left;
  }
}

.DetailPane .back-to-map {
  background-size: 1.25rem;
  background-position: right;
  cursor: pointer;
  float: right;
  margin: 0.5rem;
  padding-right: 2rem;
}

.Form .field {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.Form .field > label {
  display: block;
  width: inherit;
  padding: 0;
  white-space: normal;
  text-align: left;
  text-transform: none;
  font-size: 1rem;
  vertical-align: inherit;
}

.Form .field > input {
  display: block;
  vertical-align: inherit;
  padding: 0;
}

.Form .field > label,
.Form .field > input {
  color: #666666;
}

.Form .field .errorlist {
  display: block;
  padding: 0;
  margin: 0;
  background-color: inherit;
  caption-side: inherit;
  vertical-align: inherit;
}

.Form .field .errorlist .error {
  display: block;
  padding: 0;
  vertical-align: inherit;
  color: #666666;
}

.Form .field.valid-box,
.Form .field.error-box {
  background-color: inherit;
}

.Form .field.valid-box > label,
.Form .field.valid-box > input,
.Form .field.error-box > label,
.Form .field.error-box > input {
  color: #666666;
}

.Form {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding: 3.375rem;
}

.Form::after {
  clear: both;
  content: "";
  display: table;
}

@media (min-width: 48em) {
  .Form {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

.Form-ctaButtons {
  margin-top: 2.25rem;
}

.Form-title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 2em;
  color: #666666;
  font-family: "Telkom123-Light", sans-serif;
}

.Form .form-wrapper + .form-wrapper {
  margin-top: 2.25rem;
}

.Form .form-group h2 {
  margin-top: 0;
  color: #666666;
  font-family: "Telkom123-Light", sans-serif;
}

.Form .form-group.is-loading {
  opacity: .4;
  pointer-events: none;
}

.Form .form-group + .form-group {
  margin-top: 2.25rem;
}

.Form .formGroup--spacedOut .field + .field {
  margin-top: 2.25rem;
}

.Form .order-form {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: table;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  border-spacing: 1.5rem 0;
  table-layout: fixed;
}

.Form .order-form::after {
  clear: both;
  content: "";
  display: table;
}

@media (max-width: 48em) {
  .Form .order-form {
    border-spacing: 0;
  }
}

.Form .order-form:before,
.Form .order-form:after {
  border-spacing: 0;
}

.Form .order-form + .order-form {
  margin-top: 1.5rem;
}

@media (min-width: 48em) {
  .Form .form-wrapper {
    display: table-row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }

  #id-dynamic-lead-form.Form .form-wrapper {
    display: block;
  }

  .Form .form-group {
    display: table-cell;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 50%;
  }

  #id-dynamic-lead-form.Form h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    color: #0083c2;
    text-align: center;
  }

  #id-dynamic-lead-form.Form .form-group {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-left: 0;
  }

  #id-dynamic-lead-form.Form .form-wrapper .form-group:nth-child(even) {
    margin-left: 1.5rem;
  }
  
  .listing-two-column-row-form #id-dynamic-lead-form.Form .form-wrapper .form-group:nth-child(even) {
    margin-left: 0.5rem;
  }

  #id-dynamic-lead-form.Form .form-wrapper .form-group:nth-child(n+3) {
    margin-top: 20px;
  }

  #id-dynamic-lead-form.Form .form-group label {
    font-family: "Telkom123-Regular", sans-serif;
    color: #565050;
    display: block;
    margin-bottom: 5px;
  }

  .Form .form-group + .form-group {
    margin-top: 0;
    margin-left: 1.5rem;
  }
}

.Form .field > label {
  margin-bottom: .2rem;
  font-family: "Telkom123-Regular", sans-serif;
  font-size: 0.66667rem;
  text-transform: uppercase;
}

.Form .field > input {
  padding: 0.5rem 0.5rem 0.625rem;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
}

.Form .field > input[required],
.Form .field > input[required] + input {
  border-bottom-width: 3px;
}

.Form .field > textarea {
  width: 100%;
  padding: 0.5rem 0.5rem 0.625rem;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  background: transparent;
  color: #666666;
}

.Form .field > textarea[required],
.Form .field > textarea[required] + input {
  border-bottom-width: 3px;
}

.Form .field--disabled {
  opacity: .3;
}

.Form .field--disabled > input[disabled],
.Form .field--disabled > input[readonly] {
  background-color: #efefef;
  cursor: not-allowed;
}

.Form .field .errorlist {
  display: none;
}

.Form .field.field--halfWidth > input,
.Form .field.field--halfWidth > .SumoSelect {
  width: 50%;
}

.Form .field.field--required > label:after,
.Form .field.field--required legend:after {
  color: #0083c2;
  font-size: 1.5em;
  line-height: 0;
  content: " *";
}

.js .Form .field.field--webshimInput input:first-of-type {
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  padding: 0;
  opacity: 0;
}

.js .Form .field.field--webshimInput input.ws-inputreplace {
  width: 100% !important;
}

.Form .field.error-box > input,
.Form .field.error-box > label {
  color: #CB333B;
}

.Form .field.error-box > input {
  border-color: #CB333B;
}

.Form .field.error-box .errorlist {
  display: block;
  margin-top: .5rem;
}

.Form .field.error-box .errorlist .error {
  color: #CB333B;
}

.Form .field.error-box .SumoSelect .SelectBox {
  border-color: #CB333B !important;
}

.Form .field.error-box .SumoSelect .SelectBox span {
  color: #CB333B;
}

.Form .field.valid-box > input,
.Form .field.valid-box > label {
  color: #009639;
}

.Form .field.valid-box > input {
  border-color: #009639;
}

.Form .field.valid-box .SumoSelect .SelectBox {
  border-color: #009639 !important;
}

.Form .field.valid-box .SumoSelect .SelectBox span {
  color: #009639;
}

.Form .field .SumoSelect {
  position: relative;
}

.Form .field .SumoSelect:focus {
  z-index: 500;
}

.Form .field .SumoSelect select {
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  z-index: -100;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.Form .field .SumoSelect select[required] + .SelectBox {
  border-bottom-width: 3px !important;
}

.Form .field .SumoSelect.is-mobile select {
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.Form .field .SumoSelect .SelectBox {
  padding: 0.5rem 0.5rem 0.625rem;
  border: 1px solid #666666 !important;
  line-height: normal;
}

.Form .field .SumoSelect .SelectBox span {
  color: #0083c2;
}

.Form .field .SumoSelect .SelectBox i {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSIxODMiCiAgIGhlaWdodD0iMTgzIgogICB2aWV3Qm94PSIwIDAgMTgzIDE4MyIKICAgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iCiAgIGlkPSJMYXllcl8xIgogICB4bWw6c3BhY2U9InByZXNlcnZlIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMyI+PHJkZjpSREY+PGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMKICAgICBpZD0iZGVmczExIiAvPjxzdHlsZQogICAgIHR5cGU9InRleHQvY3NzIgogICAgIGlkPSJzdHlsZTMiIC8+PGcKICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLC0xLC0xLDAsMTgyLjg3MjAzLDE0NC4xMDA4NSkiCiAgICAgaWQ9Imc1Ij48cG9seWdvbgogICAgICAgcG9pbnRzPSI5MS41LDE4MyAwLDkxLjUgOTEuNSwwIDEwMi4xLDEwLjYgMjEuMiw5MS41IDEwMi4xLDE3Mi40ICIKICAgICAgIGlkPSJwb2x5Z29uNyIKICAgICAgIHN0eWxlPSJmaWxsOiMwMDk2Y2QiIC8+PC9nPjwvc3ZnPgo=');
  background-size: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Form .field .SumoSelect .optWrapper {
  top: 100%;
  padding-top: 0;
  border: 1px solid #666666;
}

.Form .field .SumoSelect .optWrapper li {
  padding: 0.5rem 0.5rem 0.625rem;
  font-size: 1rem;
  line-height: 1.5;
}

.Form .field .SumoSelect .optWrapper li:first-child {
  padding: 0.5rem 0.5rem 0.625rem;
}

.Form .field .SumoSelect .optWrapper li + li {
  border-top: 1px solid #666666;
}

.Form .field .SumoSelect .optWrapper.open {
  box-shadow: 2px 2px 5px #cccccc;
}

.Form .field .switch {
  vertical-align: middle;
}

.Form .field .switch-container {
  margin-bottom: 1rem;
}

.Form .field .switch-container .switch + label {
  position: relative;
}

.Form .field > input {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.Form .field > input:focus {
  border-color: #0083c2;
  background-color: #f7fbfd;
  color: #0083c2;
}

.Form .field > .SumoSelect {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.Form .field > .SumoSelect:focus .SelectBox {
  border-color: #0083c2 !important;
  background-color: #f7fbfd;
  color: #0083c2;
}

.Form .field + .field {
  margin-top: 1rem;
}

.Form--colorInvert .field > input {
  border-color: #ffffff;
  color: #ffffff;
}

.Form--colorInvert .field > input::-webkit-input-placeholder {
  color: #ffffff;
}

.Form--colorInvert .field > input::-moz-placeholder {
  color: #ffffff;
}

.Form--colorInvert .field > input:-moz-placeholder {
  color: #ffffff;
}

.Form--colorInvert .field > input:-ms-input-placeholder {
  color: #ffffff;
}

.Form--colorInvert .field > label {
  color: #ffffff;
}

.Form--colorInvert .field .SumoSelect .SelectBox {
  border-color: #ffffff !important;
}

.Form--colorInvert .field .SumoSelect .SelectBox span {
  color: #ffffff;
}

.Form--unpadded {
  padding: 0;
}

@media (min-width: 48em) {
  .Form--postLogin .order-form {
    margin-bottom: 3.375rem;
  }
}

.Form--postLogin .form-group h2 {
  color: #4e4e4e;
  font-family: "Telkom123-Regular", sans-serif;
}

.Form--postLogin .field > label {
  color: #4e4e4e;
  font-size: 1rem;
}

.FormHelp {
  text-align: center;
}

.FormHelp-requiredText {
  color: #0083c2;
  font-size: 1.5em;
}

.EmailSuggestion {
  margin-top: 0.66667rem;
  text-align: right;
}

.EmailSuggestion-suggestion {
  color: #0083c2;
  font-style: italic;
  text-decoration: underline;
  cursor: pointer;
}

.EmailSuggestion-suggestion:hover {
  color: #0072a9;
}

/****************************************************************/

/*  Ghosting elements                                           */

/*  Indicating when something is disabled                       */

/*  Please note these are mainly overrides, not additions       */

/****************************************************************/

.ghost * {
  color: #889391;
}

.ghost .blue {
  color: #cccccc;
}

.ghost .green {
  color: #cccccc;
}

.ghost .lime {
  color: #cccccc;
}

.ghost .orange {
  color: #cccccc;
}

.ghost .pink {
  color: #cccccc;
}

.ghost a,
.ghost a:hover,
.ghost .btn {
  cursor: default;
  color: #cccccc;
}

.ghost .btn-primary {
  border-color: #cccccc;
  background: #cccccc;
  color: #ffffff;
}

.ghost .btn-primary:hover {
  background: #cccccc;
  color: #ffffff;
}

.ghost .btn-secondary {
  background: #efefef;
}

.ghost .btn-secondary:hover {
  background: #efefef;
}

.ghost [class*="icon-"] {
  background: 0 !important;
}

.ghost:hover {
  cursor: default;
}

.ghost .SelectBox * {
  color: #cccccc !important;
}

.ghost .SelectBox label {
  opacity: 0.25;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}

.ghost *:hover {
  cursor: default;
}

.ghost:after {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
  display: block;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  opacity: 0.7;
}

/* Project 4.0 Form CSS */
#project-4-point-0 {
  padding: 0px 200px;
}

@media (max-width: 62em) {
  #project-4-point-0 {
    padding: 0px;
  }
}

.listing-lightbox-double-form .container #project-4-point-0 .form-group p {
  font-size: 14px;
}

#project-4-point-0 .Form .field.field--halfWidth > input, .Form .field.field--halfWidth > .SumoSelect {
  width: 100%;
}

#project-4-point-0 .field {
  width: 50%;
  float: left;
  padding: 10px 20px;
}

#project-4-point-0 .field.error-box {
  min-height: 120px;
}

#project-4-point-0 .Form .field--wide {
  width: 100%;
  text-align: left;
}

#project-4-point-0 .Form .field + .field {
  margin-top: 0;
}

#project-4-point-0 .Form .form-group {
  display: block;
}

#project-4-point-0 .Form .field > label {
  width: auto;
}

#project-4-point-0 .form-wrapper.captcha {
  width: 325px;
  margin: 0 auto;
  padding-top: 20px;
}

#project-4-point-0 #g-recaptcha > :first-child {
  margin: 0 auto;
}

#project-4-point-0 .form-wrapper .step-btn {
  padding-top: 20px;
}

#project-4-point-0 .btn-cluster {
  margin: 0 auto;
  width: 325px;
}

#project-4-point-0 .brochure-page .brochure-block [class*="btn"] {
  width: 90%;
}

#project-4-point-0 .btn-cluster input {
  width: 90%;
}

.listing-lightbox-double-form .container #project-4-point-0 p.description {
  font-size: 16px;
}

.listing-lightbox-double-form .container #project-4-point-0 p.disclaimer {
  font-size: 14px;
  font-style: italic;
  color: rgb(0, 131, 194);
}

#project-4-point-0 .step-indicator {
  margin-bottom: 30px;
}

#project-4-point-0 .step-indicator .steps {
  max-width: 520px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 5px;
}

@media (max-width: 34em) {
  #project-4-point-0 .step-indicator .steps {
    max-width: 300px;
  }
}

#project-4-point-0 .step-indicator .step {
  float: left;
  position: relative;
}

#project-4-point-0 .step-indicator.total-step-3 .step {
  width: 33.33%;
  opacity: 0.5;
}

#project-4-point-0 .step-indicator.total-step-3 .step.active {
  opacity: 1;
}

#project-4-point-0 .step-indicator .step-icon {
  display: inline-block;
  color: white;
  font-size: 30px;
  background-color: rgb(0, 131, 194);
  padding: 15px 24px;
  border-radius: 40px;
}

#project-4-point-0 .step-indicator .step-label {
  color: rgb(0, 131, 194);
  font-size: 14px;
  margin: 0px;
}

#project-4-point-0 #id_have_services {
  list-style: none;
  text-align: left;
  display: grid;
}

#project-4-point-0 #id_have_services li {
  margin: 10px;
}

#project-4-point-0 #id_have_services input {
  float: left;
  width: 30px;
  height: 30px;
  margin-top: -6px;
  margin-right: 5px;
}

#project-4-point-0 #id_have_services .tooltiptext {
  display: none;
  opacity: 0.8;
  text-align: left;
}

#project-4-point-0 #id_migration_package {
  display: flex;
  list-style: none;
  padding-left: 0;
}

@media (max-width: 48em) {
  #project-4-point-0 #id_migration_package {
    display: block;
  }

  #project-4-point-0 #id_migration_package .service-item {
    text-align: center;
  }
}

@media (min-width: 48em) and (max-width: 62em) {
  #project-4-point-0 #id_migration_package {
    display: block;
  }
  
  #project-4-point-0 #id_migration_package li {
    width: 50%;
    float: left;
  }
}

#project-4-point-0 #id_migration_package .service-item .label {
  text-align: left;
  color: rgb(0, 131, 194);
  font-size: 16px;
}

#project-4-point-0 #id_migration_package .service-item .description {
  text-align: left;
  color: rgb(0, 131, 194);
  font-size: 14px;
}

#project-4-point-0 #id_migration_package input {
  display: none;
}

#project-4-point-0 #id_migration_package label > input + .service-item { 
  cursor:pointer;
  border:2px solid transparent;
  padding: 10px;
}

#project-4-point-0 #id_migration_package label > input:checked + .service-item { 
  border:2px solid rgb(0, 131, 194);
}

@media (max-width: 48em) {
  #project-4-point-0 .form-step1, #project-4-point-0 .form-step2,
  #project-4-point-0 .form-step3, #project-4-point-0 .form-step4 {
    display: inline-block;
  }
}

#project-4-point-0 p.error {
  font-size: 16px;
  color: #CB333B;
}

#project-4-point-0 #id_street_name {
  position: absolute;
  left: -5000px;
}

#project-4-point-0 #id_postal_street_name {
  position: absolute;
  left: -5000px;
}

#project-4-point-0 .cursor-pointer {
  cursor: pointer;
}

.listing-lightbox-double-form #project-4-point-0 .success-message {
  text-align: left;
}

#project-4-point-0 .Form .form-step2 .field--wide .errorlist {
  text-align: center;
}

/* Map CSS */

#project-4-point-0 #search {
  position: relative;
  z-index: 2;
  top: 55px;
  left: 75px;
  width: 300px
}

#project-4-point-0 .arcgisSearch .searchGroup .searchInput {
  width: 15.625rem;
}

#project-4-point-0 .arcgisSearch .searchGroup .searchInput.error {
  border: 1px solid red !important;
}

#project-4-point-0 .spotlight {
  z-index:-1;
  position:absolute;
  left:50%;
  top:50%;
  border-radius:100%;
  opacity:0;
  box-shadow:
  inset rgba(0,0,0,0.25) 0px 0px 20px 20px,
  rgba(0,0,0,0.25) 0px 0px 0px 1000px;
  transition:all 1000ms;
  -moz-transition:all 1000ms;
  -webkit-transition:all 1000ms;
}
#project-4-point-0 .spotlight-active {
  z-index:2;
  opacity:1;
}

#project-4-point-0 .RadioGroup--custom {
  display: flex;
  justify-content: center;
}

#project-4-point-0 .field-third-width {
  width: 32%;
}

@media (max-width: 48em) {
  #project-4-point-0 .Form .form-group + .form-group {
    margin-top: 0;
  }

  #project-4-point-0 .field-third-width {
    width: 100%;
  }
}

/* End of Map CSS */

.flash {
  -moz-animation: flash 1.5s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 1.5s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 1.5s ease-out;
  -ms-animation-iteration-count: 1;
}

@keyframes flash {
    0% { color: rgb(136, 147, 145); font-size: 21px; }
    25% { color: red; font-size: 22px; }
    50% { color: rgb(136, 147, 145); font-size: 21px; }
    75% { color: red; }
    100% { color: rgb(136, 147, 145); font-size: 21px; }
}

@-webkit-keyframes flash {
    0% { color: rgb(136, 147, 145); font-size: 21px; }
    25% { color: red; font-size: 22px; }
    50% { color: rgb(136, 147, 145); font-size: 21px; }
    75% { color: red; }
    100% { color: rgb(136, 147, 145); font-size: 21px; }
}

@-moz-keyframes flash {
    0% { color: rgb(136, 147, 145); font-size: 21px; }
    25% { color: red; font-size: 22px; }
    50% { color: rgb(136, 147, 145); font-size: 21px; }
    75% { color: red; }
    100% { color: rgb(136, 147, 145); font-size: 21px; }
}

@-ms-keyframes flash {
    0% { color: rgb(136, 147, 145); font-size: 21px; }
    25% { color: red; font-size: 22px; }
    50% { color: rgb(136, 147, 145); font-size: 21px; }
    75% { color: red; }
    100% { color: rgb(136, 147, 145); font-size: 21px; }
}

/* End of Project 4.0 Form CSS */

/*
==================================================
 Revolution Slider
==================================================
1. Bullets 
*/

.tp-bullet {  
  background:#4687b2 !important; 
  border: 3px solid #141B4D !important;
}
.tp-bullet.selected {  
  background:#fff !important; 
}
.tp-bullets:hover {  
  
}

/* End Revolution Slider */
/* Registration View */
.black-friday-registration-form h2 {
    font-size: 50px;
}

.black-friday-registration-form h3 {
    font-size: 24px;
    color: white;
    line-height: 30px;
}

.listing-black-friday-game .form-group.inline {
    display: inline-block;
}

.listing-black-friday-game .btn-cluster {
    width: 120px;
    float: right;
}

.listing-black-friday-game .btn-cluster input {
    width: 120px;
    font-size: 20px;
    font-style: italic;
}

.listing-black-friday-game .btn-cluster.mr-20 {
    margin-right: 20px;
}

.listing-black-friday-game .black-friday-registration-form .form-wrapper {
    padding-top: 20px;
}

.listing-black-friday-game .Form .form-wrapper + .form-wrapper {
    margin-top: 0;
}

.listing-black-friday-game #captcha {
    padding-top: 30px;
}

.listing-black-friday-game #g-recaptcha {
    margin: 0 auto;
}

.listing-black-friday-game .register-cta {
    text-align: center;
}

.registration-error {
    text-align: center;
    color: #CB333B;
}

.listing-black-friday-game .register-cta {
    color: white;
}

/* Login View */
.black-friday-login-form h2 {
    font-size: 50px;
}

.black-friday-login-form h3 {
    font-size: 24px;
    color: white;
    line-height: 30px;
}

.listing-black-friday-game .black-friday-login-form .form-wrapper {
    padding-top: 20px;
}

.login-error {
    color: #CB333B;
}

.listing-black-friday-game .login-cta {
    color: white;
}

/* Game View */
.listing-black-friday-game .black-friday-games {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.listing-black-friday-game .black-friday-games .game-row {
    display: inline-block;
    margin-top: 100px;
}

.listing-black-friday-game .black-friday-games .game-card {
    margin: 30px;
    padding: 39px;
    background-color: rgb(12, 55, 142);
    border: solid white 5px;
    min-height: 385px;
}

.listing-black-friday-game .black-friday-games .game-card h3 {
    color: white;
    font-size: 26px;
    padding-bottom: 30px;
    line-height: 32px;
}

.listing-black-friday-game .black-friday-games .game-card p {
    color: white;
    font-size: 18px;
    line-height: 26px;
}
 
.listing-black-friday-game .black-friday-games .game-card a {
    color: white;
    font-size: 30px;
}

.listing-black-friday-game .black-friday-games .btn {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    width: 100%;
    min-height: 50px;
    bottom: 50px;
    margin: 20px 0;
    text-align: center;
    font-style: italic;
    font-weight: 900;
    padding-bottom: 7px;
}

.listing-black-friday-game .black-friday-games .btn.disabled {
    opacity: 0.5;
}

@media (max-width: 1190px) {
    .listing-black-friday-game .black-friday-games .btn {
        min-height: 70px;
    }
}

.listing-black-friday-game .black-friday-games .btn.coming-soon a {
    line-height: 30px;
}

.listing-black-friday-game .black-friday-games .btn.over a {
    line-height: 30px;
}

.listing-black-friday-game .black-friday-games .btn.green {
    background-color: rgb(200, 212, 68);
}

.listing-black-friday-game .black-friday-games .btn.pink {
    background-color: rgb(209, 55, 120);
}

.listing-black-friday-game .black-friday-games .btn.blue {
    background-color: rgb(86, 193, 219);
}

.listing-black-friday-game .black-friday-games .win-text {
    font-style: italic;
    font-weight: 900;
}

@media (min-width: 62em) {
    .listing-black-friday-game .black-friday-games .win-text {
        display:block;
    }
}

/* user 404 view */
.listing-black-friday-game .black-friday-user-404 {
    padding: 50px;
}

.black-friday-user-404 h2 {
    font-size: 50px;
}

.black-friday-user-404 h3 {
    font-size: 24px;
    color: white;
    line-height: 30px;
}

/* registration success view */
.listing-black-friday-game .black-friday-registration-success {
    padding: 50px;
}

.black-friday-registration-success h2 {
    font-size: 50px;
}

.black-friday-registration-success h3 {
    font-size: 24px;
    color: white;
    line-height: 30px;
}

/* Listing styles */
#js-loader {
    text-align: center;
    height: 100%;
    height: 450px;
    position: absolute;
    width: 100%;
    line-height: 450px;
    z-index: 400;
}

.listing-black-friday-game {
    min-height: 450px;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: cover;
}

.listing-black-friday-game h2 {
    color: white;
}

.listing-black-friday-game .field input {
    background-color: white;
}

.black-friday-registration-success {
    display: inline-block;
    width: 90%;
    margin: 0 auto;
}

.listing-black-friday-game .card {
    width: 530px;
    margin: 0 auto;
    padding: 30px;
    background-color: rgb(12, 55, 142);
    border: solid white 5px;
}

@media (max-width: 48em) {
    .listing-black-friday-game .card {
        width: 90%;
        margin: 0 auto;
    }
}

/* IOS safari fix */
.fancybox-slide--iframe .fancybox-content iframe {
    height: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 0;
}
table.foundry-page-row {
    width: 100%;
    margin: 0px 0px 4px 0px;
}    
table.foundry-page-row tr {
    height: 100%;
}
td.foundry-page-column {
    height: 100%;
    vertical-align: top;
    padding: 0;
}    
td.foundry-page-column-1 {
    width: 6%;
}    
td.foundry-page-column-2 {
    width: 12%;
}    
td.foundry-page-column-3 {
    width: 18%;
}    
td.foundry-page-column-4 {
    width: 24%;
}    
td.foundry-page-column-5 {
    width: 30%;
}    
td.foundry-page-column-6 {
    width: 36%;
}    
td.foundry-page-column-7 {
    width: 42%;
}    
td.foundry-page-column-8 {
    width: 48%;
}    
td.foundry-page-column-9 {
    width: 54%;
}    
td.foundry-page-column-10 {
    width: 60%;
}    
td.foundry-page-column-11 {
    width: 66%;
}    
td.foundry-page-column-12 {
    width: 72%;
}    
td.foundry-page-column-13 {
    width: 78%;
}    
td.foundry-page-column-14 {
    width: 84%;
}    
td.foundry-page-column-15 {
    width: 90%;
}    
td.foundry-page-column-16 {
    width: 100%;
}    

div.foundry-page-tile {
    padding: 0px;
} 

.object-comments form label {
    display: block;
}
.object-comments form textarea {
}
.object-comments form p.submit {
}

.foundry-comments-messages-navbar { 
    background-color: #000; 
    color: #555; 
    padding: 3px 3px 5px 3px; 
    clear: both;
}
.foundry-comments-messages-navbar a { 
    color: #fff ;
}
.foundry-comments-messages-navbar div.item { 
    display: inline;
    padding: 0 2px ;
}
.foundry-comments-messages-navbar div.active { 
    background-color: #fff;
}
.foundry-comments-messages-navbar div.active a { 
    color: #323232 ;
}

.foundry-comments-pages-navbar { 
    background-color: #000; 
    color: #555; 
    padding: 3px 3px 5px 3px; 
    clear: both;
}
.foundry-comments-pages-navbar a { 
    color: #fff ;
}
.foundry-comments-pages-navbar div.item { 
    display: inline;
    padding: 0 2px ;
}
.foundry-comments-pages-navbar div.active { 
    background-color: #fff;
}
.foundry-comments-pages-navbar div.active a { 
    color: #323232 ;
}

body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC');background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('//static.telkom.co.za/today/static/web/fonts/fontawesome-webfont.eot?v=4.7.0&674f50d287a8');src:url('//static.telkom.co.za/today/static/web/fonts/fontawesome-webfont.eot?&674f50d287a8#iefix&v=4.7.0') format('embedded-opentype'),url('//static.telkom.co.za/today/static/web/fonts/fontawesome-webfont.woff2?v=4.7.0&af7ae505a9ee') format('woff2'),url('//static.telkom.co.za/today/static/web/fonts/fontawesome-webfont.woff?v=4.7.0&fee66e712a8a') format('woff'),url('//static.telkom.co.za/today/static/web/fonts/fontawesome-webfont.ttf?v=4.7.0&b06871f281fe') format('truetype'),url('//static.telkom.co.za/today/static/web/fonts/fontawesome-webfont.svg?v=4.7.0&912ec66d7572#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/*-----------------------------------------------------------------------------

-	Revolution Slider 5.0 Default Style Settings -

Screen Stylesheet

version:   	5.4.5
date:      	15/05/17
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/
#debungcontrolls,.debugtimeline{width:100%;box-sizing:border-box}.rev_column,.rev_column .tp-parallax-wrap,.tp-svg-layer svg{vertical-align:top}#debungcontrolls{z-index:100000;position:fixed;bottom:0;height:auto;background:rgba(0,0,0,.6);padding:10px}.debugtimeline{height:10px;position:relative;margin-bottom:3px;display:none;white-space:nowrap}.debugtimeline:hover{height:15px}.the_timeline_tester{background:#e74c3c;position:absolute;top:0;left:0;height:100%;width:0}.rs-go-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:9999999!important;background:#fff!important}.debugtimeline.tl_slide .the_timeline_tester{background:#f39c12}.debugtimeline.tl_frame .the_timeline_tester{background:#3498db}.debugtimline_txt{color:#fff;font-weight:400;font-size:7px;position:absolute;left:10px;top:0;white-space:nowrap;line-height:10px}.rtl{direction:rtl}@font-face{font-family:revicons;src:url('//static.telkom.co.za/today/static/web/fonts/revicons/revicons.eot?5510888');src:url('//static.telkom.co.za/today/static/web/fonts/revicons/revicons.eot?5510888#iefix') format('embedded-opentype'),url('//static.telkom.co.za/today/static/web/fonts/revicons/revicons.woff?5510888&04eb8fc57f27') format('woff'),url('//static.telkom.co.za/today/static/web/fonts/revicons/revicons.ttf?5510888&17629a5dfe0d') format('truetype'),url('//static.telkom.co.za/today/static/web/fonts/revicons/revicons.svg?5510888#revicons') format('svg');font-weight:400;font-style:normal}[class*=" revicon-"]:before,[class^=revicon-]:before{font-family:revicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.revicon-search-1:before{content:'\e802'}.revicon-pencil-1:before{content:'\e831'}.revicon-picture-1:before{content:'\e803'}.revicon-cancel:before{content:'\e80a'}.revicon-info-circled:before{content:'\e80f'}.revicon-trash:before{content:'\e801'}.revicon-left-dir:before{content:'\e817'}.revicon-right-dir:before{content:'\e818'}.revicon-down-open:before{content:'\e83b'}.revicon-left-open:before{content:'\e819'}.revicon-right-open:before{content:'\e81a'}.revicon-angle-left:before{content:'\e820'}.revicon-angle-right:before{content:'\e81d'}.revicon-left-big:before{content:'\e81f'}.revicon-right-big:before{content:'\e81e'}.revicon-magic:before{content:'\e807'}.revicon-picture:before{content:'\e800'}.revicon-export:before{content:'\e80b'}.revicon-cog:before{content:'\e832'}.revicon-login:before{content:'\e833'}.revicon-logout:before{content:'\e834'}.revicon-video:before{content:'\e805'}.revicon-arrow-combo:before{content:'\e827'}.revicon-left-open-1:before{content:'\e82a'}.revicon-right-open-1:before{content:'\e82b'}.revicon-left-open-mini:before{content:'\e822'}.revicon-right-open-mini:before{content:'\e823'}.revicon-left-open-big:before{content:'\e824'}.revicon-right-open-big:before{content:'\e825'}.revicon-left:before{content:'\e836'}.revicon-right:before{content:'\e826'}.revicon-ccw:before{content:'\e808'}.revicon-arrows-ccw:before{content:'\e806'}.revicon-palette:before{content:'\e829'}.revicon-list-add:before{content:'\e80c'}.revicon-doc:before{content:'\e809'}.revicon-left-open-outline:before{content:'\e82e'}.revicon-left-open-2:before{content:'\e82c'}.revicon-right-open-outline:before{content:'\e82f'}.revicon-right-open-2:before{content:'\e82d'}.revicon-equalizer:before{content:'\e83a'}.revicon-layers-alt:before{content:'\e804'}.revicon-popup:before{content:'\e828'}.rev_slider_wrapper{position:relative;z-index:0;width:100%}.rev_slider{position:relative;overflow:visible}.entry-content .rev_slider a,.rev_slider a{box-shadow:none}.tp-overflow-hidden{overflow:hidden!important}.group_ov_hidden{overflow:hidden}.rev_slider img,.tp-simpleresponsive img{max-width:none!important;transition:none;margin:0;padding:0;border:none}.rev_slider .no-slides-text{font-weight:700;text-align:center;padding-top:80px}.rev_slider>ul,.rev_slider>ul>li,.rev_slider>ul>li:before,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{list-style:none!important;position:absolute;margin:0!important;padding:0!important;overflow-x:visible;overflow-y:visible;background-image:none;background-position:0 0;text-indent:0;top:0;left:0}.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{visibility:hidden}.tp-revslider-mainul,.tp-revslider-slidesli{padding:0!important;margin:0!important;list-style:none!important}.fullscreen-container,.fullwidthbanner-container{padding:0;position:relative}.rev_slider li.tp-revslider-slidesli{position:absolute!important}.tp-caption .rs-untoggled-content{display:block}.tp-caption .rs-toggled-content{display:none}.rs-toggle-content-active.tp-caption .rs-toggled-content{display:block}.rs-toggle-content-active.tp-caption .rs-untoggled-content{display:none}.rev_slider .caption,.rev_slider .tp-caption{position:relative;visibility:hidden;white-space:nowrap;display:block;-webkit-font-smoothing:antialiased!important;z-index:1}.rev_slider .caption,.rev_slider .tp-caption,.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap :last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap :last-child{margin-bottom:0}.tp-svg-layer svg{width:100%;height:100%;position:relative}.tp-carousel-wrapper{cursor:url('//static.telkom.co.za/today/static/web/css/openhand.cur'),move}.tp-carousel-wrapper.dragged{cursor:url('//static.telkom.co.za/today/static/web/css/closedhand.cur'),move}.tp_inner_padding{box-sizing:border-box;max-height:none!important}.tp-caption.tp-layer-selectable{-moz-user-select:all;-khtml-user-select:all;-webkit-user-select:all;-o-user-select:all}.tp-caption.tp-hidden-caption,.tp-forcenotvisible,.tp-hide-revslider,.tp-parallax-wrap.tp-hidden-caption{visibility:hidden!important;display:none!important}.rev_slider audio,.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider video{max-width:none!important}.tp-element-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.tp-blockmask,.tp-blockmask_in,.tp-blockmask_out{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;transform:scaleX(0) scaleY(0)}.tp-parallax-wrap{transform-style:preserve-3d}.rev_row_zone{position:absolute;width:100%;left:0;box-sizing:border-box;min-height:50px;font-size:0}.rev_column_inner,.rev_slider .tp-caption.rev_row{position:relative;width:100%!important;box-sizing:border-box}.rev_row_zone_top{top:0}.rev_row_zone_middle{top:50%;transform:translateY(-50%)}.rev_row_zone_bottom{bottom:0}.rev_slider .tp-caption.rev_row{display:table;table-layout:fixed;vertical-align:top;height:auto!important;font-size:0}.rev_column{display:table-cell;position:relative;height:auto;box-sizing:border-box;font-size:0}.rev_column_inner{display:block;height:auto!important;white-space:normal!important}.rev_column_bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;background-clip:content-box;border:0 solid transparent}.tp-caption .backcorner,.tp-caption .backcornertop,.tp-caption .frontcorner,.tp-caption .frontcornertop{height:0;top:0;width:0;position:absolute}.rev_column_inner .tp-loop-wrap,.rev_column_inner .tp-mask-wrap,.rev_column_inner .tp-parallax-wrap{text-align:inherit}.rev_column_inner .tp-mask-wrap{display:inline-block}.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{position:relative!important;left:auto!important;top:auto!important;line-height:0}.tp-video-play-button,.tp-video-play-button i{line-height:50px!important;vertical-align:top;text-align:center}.rev_column_inner .rev_layer_in_column,.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{vertical-align:top}.rev_break_columns{display:block!important}.rev_break_columns .tp-parallax-wrap.rev_column{display:block!important;width:100%!important}.fullwidthbanner-container{overflow:hidden}.fullwidthbanner-container .fullwidthabanner{width:100%;position:relative}.tp-static-layers{position:absolute;z-index:101;top:0;left:0}.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;border-top:40px solid #00A8FF;left:-40px}.tp-caption .backcorner{border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00A8FF;right:0}.tp-caption .frontcornertop{border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00A8FF;left:-40px}.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #00A8FF;right:0}.tp-layer-inner-rotation{position:relative!important}img.tp-slider-alternative-image{width:100%;height:auto}.caption.fullscreenvideo,.rs-background-video-layer,.tp-caption.coverscreenvideo,.tp-caption.fullscreenvideo{width:100%;height:100%;top:0;left:0;position:absolute}.noFilterClass{filter:none!important}.rs-background-video-layer{visibility:hidden;z-index:0}.caption.fullscreenvideo audio,.caption.fullscreenvideo iframe,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe audio,.tp-caption.fullscreenvideo iframe video{width:100%!important;height:100%!important;display:none}.fullcoveredvideo audio,.fullscreenvideo audio .fullcoveredvideo video,.fullscreenvideo video{background:#000}.fullcoveredvideo .tp-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0}.videoisplaying .html5vid .tp-poster{display:none}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);border-radius:5px;position:absolute;top:50%;left:50%;color:#FFF;margin-top:-25px;margin-left:-25px;cursor:pointer;width:50px;height:50px;box-sizing:border-box;display:inline-block;z-index:4;opacity:0;transition:opacity .3s ease-out!important}.tp-audio-html5 .tp-video-play-button,.tp-hiddenaudio{display:none!important}.tp-caption .html5vid{width:100%!important;height:100%!important}.tp-video-play-button i{width:50px;height:50px;display:inline-block;font-size:40px!important}.rs-fullvideo-cover,.tp-dottedoverlay,.tp-shadowcover{height:100%;top:0;left:0;position:absolute}.tp-caption:hover .tp-video-play-button{opacity:1;display:block}.tp-caption .tp-revstop{display:none;border-left:5px solid #fff!important;border-right:5px solid #fff!important;margin-top:15px!important;line-height:20px!important;vertical-align:top;font-size:25px!important}.tp-seek-bar,.tp-video-button,.tp-volume-bar{outline:0;line-height:12px;margin:0;cursor:pointer}.videoisplaying .revicon-right-dir{display:none}.videoisplaying .tp-revstop{display:inline-block}.videoisplaying .tp-video-play-button{display:none}.fullcoveredvideo .tp-video-play-button{display:none!important}.fullscreenvideo .fullscreenvideo audio,.fullscreenvideo .fullscreenvideo video{object-fit:contain!important}.fullscreenvideo .fullcoveredvideo audio,.fullscreenvideo .fullcoveredvideo video{object-fit:cover!important}.tp-video-controls{position:absolute;bottom:0;left:0;right:0;padding:5px;opacity:0;transition:opacity .3s;background-image:linear-gradient(to bottom,#000 13%,#323232 100%);display:table;max-width:100%;overflow:hidden;box-sizing:border-box}.rev-btn.rev-hiddenicon i,.rev-btn.rev-withicon i{transition:all .2s ease-out!important;font-size:15px}.tp-caption:hover .tp-video-controls{opacity:.9}.tp-video-button{background:rgba(0,0,0,.5);border:0;border-radius:3px;font-size:12px;color:#fff;padding:0}.tp-video-button:hover{cursor:pointer}.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap{padding:0 5px;display:table-cell;vertical-align:middle}.tp-video-seek-bar-wrap{width:80%}.tp-video-vol-bar-wrap{width:20%}.tp-seek-bar,.tp-volume-bar{width:100%;padding:0}.rs-fullvideo-cover{width:100%;background:0 0;z-index:5}.disabled_lc .tp-video-play-button,.rs-background-video-layer audio::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls-start-playback-button{display:none!important}.tp-audio-html5 .tp-video-controls{opacity:1!important;visibility:visible!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;z-index:3}.tp-dottedoverlay.twoxtwo{background:url('//static.telkom.co.za/today/static/web/assets/gridtile.png')}.tp-dottedoverlay.twoxtwowhite{background:url('//static.telkom.co.za/today/static/web/assets/gridtile_white.png')}.tp-dottedoverlay.threexthree{background:url('//static.telkom.co.za/today/static/web/assets/gridtile_3x3.png')}.tp-dottedoverlay.threexthreewhite{background:url('//static.telkom.co.za/today/static/web/assets/gridtile_3x3_white.png')}.tp-shadowcover{width:100%;background:#fff;z-index:-1}.tp-shadow1{box-shadow:0 10px 6px -6px rgba(0,0,0,.8)}.tp-shadow2:after,.tp-shadow2:before,.tp-shadow3:before,.tp-shadow4:after{z-index:-2;position:absolute;content:"";bottom:10px;left:10px;width:50%;top:85%;max-width:300px;background:0 0;box-shadow:0 15px 10px rgba(0,0,0,.8);transform:rotate(-3deg)}.tp-shadow2:after,.tp-shadow4:after{transform:rotate(3deg);right:10px;left:auto}.tp-shadow5{position:relative;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}.tp-shadow5:after,.tp-shadow5:before{content:"";position:absolute;z-index:-2;box-shadow:0 0 25px 0 rgba(0,0,0,.6);top:30%;bottom:0;left:20px;right:20px;border-radius:100px/20px}.tp-button{padding:6px 13px 5px;border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px;text-decoration:none}.tp-button.big{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6);font-weight:700;padding:9px 20px;font-size:19px;line-height:57px!important}.purchase:hover,.tp-button.big:hover,.tp-button:hover{background-position:bottom,15px 11px}.purchase.green,.purchase:hover.green,.tp-button.green,.tp-button:hover.green{background-color:#21a117;box-shadow:0 3px 0 0 #104d0b}.purchase.blue,.purchase:hover.blue,.tp-button.blue,.tp-button:hover.blue{background-color:#1d78cb;box-shadow:0 3px 0 0 #0f3e68}.purchase.red,.purchase:hover.red,.tp-button.red,.tp-button:hover.red{background-color:#cb1d1d;box-shadow:0 3px 0 0 #7c1212}.purchase.orange,.purchase:hover.orange,.tp-button.orange,.tp-button:hover.orange{background-color:#f70;box-shadow:0 3px 0 0 #a34c00}.purchase.darkgrey,.purchase:hover.darkgrey,.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey{background-color:#555;box-shadow:0 3px 0 0 #222}.purchase.lightgrey,.purchase:hover.lightgrey,.tp-button.lightgrey,.tp-button:hover.lightgrey{background-color:#888;box-shadow:0 3px 0 0 #555}.rev-btn,.rev-btn:visited{outline:0!important;box-shadow:none!important;text-decoration:none!important;line-height:44px;font-size:17px;font-weight:500;padding:12px 35px;box-sizing:border-box;font-family:Roboto,sans-serif;cursor:pointer}.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited{text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:900}.rev-btn.rev-withicon i{font-weight:400;position:relative;top:0;margin-left:10px!important}.rev-btn.rev-hiddenicon i{font-weight:400;position:relative;top:0;opacity:0;margin-left:0!important;width:0!important}.rev-btn.rev-hiddenicon:hover i{opacity:1!important;margin-left:10px!important;width:auto!important}.rev-btn.rev-medium,.rev-btn.rev-medium:visited{line-height:36px;font-size:14px;padding:10px 30px}.rev-btn.rev-medium.rev-hiddenicon i,.rev-btn.rev-medium.rev-withicon i{font-size:14px;top:0}.rev-btn.rev-small,.rev-btn.rev-small:visited{line-height:28px;font-size:12px;padding:7px 20px}.rev-btn.rev-small.rev-hiddenicon i,.rev-btn.rev-small.rev-withicon i{font-size:12px;top:0}.rev-maxround{border-radius:30px}.rev-minround{border-radius:3px}.rev-burger{position:relative;width:60px;height:60px;box-sizing:border-box;padding:22px 0 0 14px;border-radius:50%;border:1px solid rgba(51,51,51,.25);-webkit-tap-highlight-color:transparent;cursor:pointer}.rev-burger span{display:block;width:30px;height:3px;background:#333;transition:.7s;pointer-events:none;transform-style:flat!important}.rev-burger.revb-white span,.rev-burger.revb-whitenoborder span{background:#fff}.rev-burger span:nth-child(2){margin:3px 0}#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child{transform:translateY(6px) rotate(-45deg)}#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2){transform:rotate(-45deg);opacity:0}#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child{transform:translateY(-6px) rotate(-135deg)}.rev-burger.revb-white{border:2px solid rgba(255,255,255,.2)}.rev-burger.revb-darknoborder,.rev-burger.revb-whitenoborder{border:0}.rev-burger.revb-darknoborder span{background:#333}.rev-burger.revb-whitefull{background:#fff;border:none}.rev-burger.revb-whitefull span{background:#333}.rev-burger.revb-darkfull{background:#333;border:none}.rev-burger.revb-darkfull span,.rev-scroll-btn.revs-fullwhite{background:#fff}@keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.rev-scroll-btn{display:inline-block;position:relative;left:0;right:0;text-align:center;cursor:pointer;width:35px;height:55px;box-sizing:border-box;border:3px solid #fff;border-radius:23px}.rev-scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.rev-scroll-btn>.active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{color:#fff}.rev-scroll-btn>.active,.rev-scroll-btn>:active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{opacity:.8}.rev-scroll-btn.revs-fullwhite span{background:#333}.rev-scroll-btn.revs-fulldark{background:#333;border:none}.rev-scroll-btn.revs-fulldark span,.tp-bullet{background:#fff}.rev-scroll-btn span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:50%;animation:rev-ani-mouse 2.5s linear infinite}.rev-scroll-btn.revs-dark{border-color:#333}.rev-scroll-btn.revs-dark span{background:#333}.rev-control-btn{position:relative;display:inline-block;z-index:5;color:#FFF;font-size:20px;line-height:60px;font-weight:400;font-style:normal;font-family:Raleway;text-decoration:none;text-align:center;background-color:#000;border-radius:50px;text-shadow:none;background-color:rgba(0,0,0,.5);width:60px;height:60px;box-sizing:border-box;cursor:pointer}.rev-cbutton-dark-sr,.rev-cbutton-light-sr{border-radius:3px}.rev-cbutton-light,.rev-cbutton-light-sr{color:#333;background-color:rgba(255,255,255,.75)}.rev-sbutton{line-height:37px;width:37px;height:37px}.rev-sbutton-blue{background-color:#3B5998}.rev-sbutton-lightblue{background-color:#00A0D1}.rev-sbutton-red{background-color:#DD4B39}.tp-bannertimer{visibility:hidden;width:100%;height:5px;background:#000;background:rgba(0,0,0,.15);position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{top:auto;bottom:0!important;height:5px}.tp-caption img{background:0 0;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}.caption.slidelink a div,.tp-caption.slidelink a div{width:3000px;height:1500px;background:url('//static.telkom.co.za/today/static/web/assets/coloredbg.png')}.tp-caption.slidelink a span{background:url('//static.telkom.co.za/today/static/web/assets/coloredbg.png')}.tp-loader.spinner0,.tp-loader.spinner5{background-image:url('//static.telkom.co.za/today/static/web/assets/loader.gif');background-repeat:no-repeat}.tp-shape{width:100%;height:100%}.tp-caption .rs-starring{display:inline-block}.tp-caption .rs-starring .star-rating{float:none;display:inline-block;vertical-align:top;color:#FFC321!important}.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating{position:relative;height:1em;width:5.4em;font-family:star;font-size:1em!important}.tp-loader.spinner0,.tp-loader.spinner1{width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:tp-rotateplane 1.2s infinite ease-in-out;background-color:#fff;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before{content:"\73\73\73\73\73";color:#E0DADF;float:left;top:0;left:0;position:absolute}.tp-caption .rs-starring .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em;font-size:1em!important}.tp-caption .rs-starring .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background-position:center center}.tp-loader.spinner5{background-position:10px 10px;background-color:#fff;margin:-22px;width:44px;height:44px;border-radius:3px}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.tp-loader.spinner2{width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:red;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;animation:tp-scaleout 1s infinite ease-in-out}@keyframes tp-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.tp-loader.spinner3{margin:-9px 0 0 -35px;width:70px;text-align:center}.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3{width:18px;height:18px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;display:inline-block;animation:tp-bouncedelay 1.4s infinite ease-in-out;animation-fill-mode:both}.tp-loader.spinner3 .bounce1{animation-delay:-.32s}.tp-loader.spinner3 .bounce2{animation-delay:-.16s}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tp-loader.spinner4{margin:-20px 0 0 -20px;width:40px;height:40px;text-align:center;animation:tp-rotate 2s infinite linear}.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;animation:tp-bounce 2s infinite ease-in-out;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader.spinner4 .dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes tp-rotate{100%{transform:rotate(360deg)}}@keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.tp-bullets.navbar,.tp-tabs.navbar,.tp-thumbs.navbar{border:none;min-height:0;margin:0;border-radius:0}.tp-bullets,.tp-tabs,.tp-thumbs{position:absolute;display:block;z-index:1000;top:0;left:0}.tp-tab,.tp-thumb{cursor:pointer;position:absolute;opacity:.5;box-sizing:border-box}.tp-arr-imgholder,.tp-tab-image,.tp-thumb-image,.tp-videoposter{background-position:center center;background-size:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tp-tab.selected,.tp-tab:hover,.tp-thumb.selected,.tp-thumb:hover{opacity:1}.tp-tab-mask,.tp-thumb-mask{box-sizing:border-box!important}.tp-tabs,.tp-thumbs{box-sizing:content-box!important}.tp-bullet{width:15px;height:15px;position:absolute;background:rgba(255,255,255,.3);cursor:pointer}.tp-bullet.selected,.tp-bullet:hover{background:#fff}.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:1000}.tparrows:hover{background:#000}.tparrows:before{font-family:revicons;font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.hginfo,.hglayerinfo{font-size:12px;font-weight:600}.tparrows.tp-leftarrow:before{content:'\e824'}.tparrows.tp-rightarrow:before{content:'\e825'}body.rtl .tp-kbimg{left:0!important}.dddwrappershadow{box-shadow:0 45px 100px rgba(0,0,0,.4)}.hglayerinfo{position:fixed;bottom:0;left:0;color:#FFF;line-height:20px;background:rgba(0,0,0,.75);padding:5px 10px;z-index:2000;white-space:normal}.helpgrid,.hginfo{position:absolute}.hginfo{top:-2px;left:-2px;color:#e74c3c;background:#000;padding:2px 5px}.indebugmode .tp-caption:hover{border:1px dashed #c0392b!important}.helpgrid{border:2px dashed #c0392b;top:0;left:0;z-index:0}#revsliderlogloglog{padding:15px;color:#fff;position:fixed;top:0;left:0;width:200px;height:150px;background:rgba(0,0,0,.7);z-index:100000;font-size:10px;overflow:scroll}.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}.tp-kbimg-wrap:after,.tp-kbimg-wrap:before{height:500%;width:500%}
/*-----------------------------------------------------------------------------

-	Revolution Slider 5.0 Layer Style Settings -

Screen Stylesheet

version:   	5.0.0
date:      	18/03/15
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tp-caption.Twitter-Content a,.tp-caption.Twitter-Content a:visited
{
	color:#0084B4!important;
}

.tp-caption.Twitter-Content a:hover
{
	color:#0084B4!important;
	text-decoration:underline!important;
}

.tp-caption.medium_grey,.medium_grey
{
	background-color:#888;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:20px;
	font-weight:700;
	line-height:20px;
	margin:0;
	padding:2px 4px;
	position:absolute;
	text-shadow:0 2px 5px rgba(0,0,0,0.5);
	white-space:nowrap;
}

.tp-caption.small_text,.small_text
{
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	margin:0;
	position:absolute;
	text-shadow:0 2px 5px rgba(0,0,0,0.5);
	white-space:nowrap;
}

.tp-caption.medium_text,.medium_text
{
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:20px;
	font-weight:700;
	line-height:20px;
	margin:0;
	position:absolute;
	text-shadow:0 2px 5px rgba(0,0,0,0.5);
	white-space:nowrap;
}

.tp-caption.large_text,.large_text
{
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:40px;
	font-weight:700;
	line-height:40px;
	margin:0;
	position:absolute;
	text-shadow:0 2px 5px rgba(0,0,0,0.5);
	white-space:nowrap;
}

.tp-caption.very_large_text,.very_large_text
{
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:60px;
	font-weight:700;
	letter-spacing:-2px;
	line-height:60px;
	margin:0;
	position:absolute;
	text-shadow:0 2px 5px rgba(0,0,0,0.5);
	white-space:nowrap;
}

.tp-caption.very_big_white,.very_big_white
{
	background-color:#000;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:60px;
	font-weight:800;
	line-height:60px;
	margin:0;
	padding:1px 4px 0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.very_big_black,.very_big_black
{
	background-color:#fff;
	border-style:none;
	border-width:0;
	color:#000;
	font-family:Arial;
	font-size:60px;
	font-weight:700;
	line-height:60px;
	margin:0;
	padding:1px 4px 0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.modern_medium_fat,.modern_medium_fat
{
	border-style:none;
	border-width:0;
	color:#000;
	font-family:"Open Sans", sans-serif;
	font-size:24px;
	font-weight:800;
	line-height:20px;
	margin:0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.modern_medium_fat_white,.modern_medium_fat_white
{
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans", sans-serif;
	font-size:24px;
	font-weight:800;
	line-height:20px;
	margin:0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.modern_medium_light,.modern_medium_light
{
	border-style:none;
	border-width:0;
	color:#000;
	font-family:"Open Sans", sans-serif;
	font-size:24px;
	font-weight:300;
	line-height:20px;
	margin:0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.modern_big_bluebg,.modern_big_bluebg
{
	background-color:#4e5b6c;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans", sans-serif;
	font-size:30px;
	font-weight:800;
	letter-spacing:0;
	line-height:36px;
	margin:0;
	padding:3px 10px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.modern_big_redbg,.modern_big_redbg
{
	background-color:#de543e;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans", sans-serif;
	font-size:30px;
	font-weight:300;
	letter-spacing:0;
	line-height:36px;
	margin:0;
	padding:1px 10px 3px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.modern_small_text_dark,.modern_small_text_dark
{
	border-style:none;
	border-width:0;
	color:#555;
	font-family:Arial;
	font-size:14px;
	line-height:22px;
	margin:0;
	position:absolute;
	text-shadow:none;
	white-space:nowrap;
}

.tp-caption.boxshadow,.boxshadow
{		
	box-shadow:0 0 20px rgba(0,0,0,0.5);
}

.tp-caption.black,.black
{
	color:#000;
	text-shadow:none;
}

.tp-caption.noshadow,.noshadow
{
	text-shadow:none;
}

.tp-caption.thinheadline_dark,.thinheadline_dark
{
	background-color:transparent;
	color:rgba(0,0,0,0.85);
	font-family:"Open Sans";
	font-size:30px;
	font-weight:300;
	line-height:30px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.thintext_dark,.thintext_dark
{
	background-color:transparent;
	color:rgba(0,0,0,0.85);
	font-family:"Open Sans";
	font-size:16px;
	font-weight:300;
	line-height:26px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.largeblackbg,.largeblackbg
{
	
	
	background-color:#000;
	border-radius:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:50px;
	font-weight:300;
	line-height:70px;
	padding:0 20px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.largepinkbg,.largepinkbg
{
	
	
	background-color:#db4360;
	border-radius:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:50px;
	font-weight:300;
	line-height:70px;
	padding:0 20px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.largewhitebg,.largewhitebg
{
	
	
	background-color:#fff;
	border-radius:0;
	color:#000;
	font-family:"Open Sans";
	font-size:50px;
	font-weight:300;
	line-height:70px;
	padding:0 20px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.largegreenbg,.largegreenbg
{
	
	
	background-color:#67ae73;
	border-radius:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:50px;
	font-weight:300;
	line-height:70px;
	padding:0 20px;
	position:absolute;
	text-shadow:none;
}

.tp-caption.excerpt,.excerpt
{
	background-color:rgba(0,0,0,1);
	border-color:#fff;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Arial;
	font-size:36px;
	font-weight:700;
	height:auto;
	letter-spacing:-1.5px;
	line-height:36px;
	margin:0;
	padding:1px 4px 0;
	text-decoration:none;
	text-shadow:none;
	white-space:normal!important;
	width:150px;
}

.tp-caption.large_bold_grey,.large_bold_grey
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#666;
	font-family:"Open Sans";
	font-size:60px;
	font-weight:800;
	line-height:60px;
	margin:0;
	padding:1px 4px 0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.medium_thin_grey,.medium_thin_grey
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#666;
	font-family:"Open Sans";
	font-size:34px;
	font-weight:300;
	line-height:30px;
	margin:0;
	padding:1px 4px 0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.small_thin_grey,.small_thin_grey
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#757575;
	font-family:"Open Sans";
	font-size:18px;
	font-weight:300;
	line-height:26px;
	margin:0;
	padding:1px 4px 0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.lightgrey_divider,.lightgrey_divider
{
	background-color:rgba(235,235,235,1);
	background-position:initial;
	background-repeat:initial;
	border-color:#222;
	border-style:none;
	border-width:0;
	height:3px;
	text-decoration:none;
	width:370px;
}

.tp-caption.large_bold_darkblue,.large_bold_darkblue
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#34495e;
	font-family:"Open Sans";
	font-size:58px;
	font-weight:800;
	line-height:60px;
	text-decoration:none;
}

.tp-caption.medium_bg_darkblue,.medium_bg_darkblue
{
	background-color:#34495e;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:20px;
	font-weight:800;
	line-height:20px;
	padding:10px;
	text-decoration:none;
}

.tp-caption.medium_bold_red,.medium_bold_red
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#e33a0c;
	font-family:"Open Sans";
	font-size:24px;
	font-weight:800;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.medium_light_red,.medium_light_red
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#e33a0c;
	font-family:"Open Sans";
	font-size:21px;
	font-weight:300;
	line-height:26px;
	padding:0;
	text-decoration:none;
}

.tp-caption.medium_bg_red,.medium_bg_red
{
	background-color:#e33a0c;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:20px;
	font-weight:800;
	line-height:20px;
	padding:10px;
	text-decoration:none;
}

.tp-caption.medium_bold_orange,.medium_bold_orange
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#f39c12;
	font-family:"Open Sans";
	font-size:24px;
	font-weight:800;
	line-height:30px;
	text-decoration:none;
}

.tp-caption.medium_bg_orange,.medium_bg_orange
{
	background-color:#f39c12;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:20px;
	font-weight:800;
	line-height:20px;
	padding:10px;
	text-decoration:none;
}

.tp-caption.grassfloor,.grassfloor
{
	background-color:rgba(160,179,151,1);
	border-color:#222;
	border-style:none;
	border-width:0;
	height:150px;
	text-decoration:none;
	width:4000px;
}

.tp-caption.large_bold_white,.large_bold_white
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:58px;
	font-weight:800;
	line-height:60px;
	text-decoration:none;
}

.tp-caption.medium_light_white,.medium_light_white
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:30px;
	font-weight:300;
	line-height:36px;
	padding:0;
	text-decoration:none;
}

.tp-caption.mediumlarge_light_white,.mediumlarge_light_white
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:34px;
	font-weight:300;
	line-height:40px;
	padding:0;
	text-decoration:none;
}

.tp-caption.mediumlarge_light_white_center,.mediumlarge_light_white_center
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:34px;
	font-weight:300;
	line-height:40px;
	padding:0;
	text-align:center;
	text-decoration:none;
}

.tp-caption.medium_bg_asbestos,.medium_bg_asbestos
{
	background-color:#7f8c8d;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:20px;
	font-weight:800;
	line-height:20px;
	padding:10px;
	text-decoration:none;
}

.tp-caption.medium_light_black,.medium_light_black
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#000;
	font-family:"Open Sans";
	font-size:30px;
	font-weight:300;
	line-height:36px;
	padding:0;
	text-decoration:none;
}

.tp-caption.large_bold_black,.large_bold_black
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#000;
	font-family:"Open Sans";
	font-size:58px;
	font-weight:800;
	line-height:60px;
	text-decoration:none;
}

.tp-caption.mediumlarge_light_darkblue,.mediumlarge_light_darkblue
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#34495e;
	font-family:"Open Sans";
	font-size:34px;
	font-weight:300;
	line-height:40px;
	padding:0;
	text-decoration:none;
}

.tp-caption.small_light_white,.small_light_white
{
	background-color:transparent;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:17px;
	font-weight:300;
	line-height:28px;
	padding:0;
	text-decoration:none;
}

.tp-caption.roundedimage,.roundedimage
{
	border-color:#222;
	border-style:none;
	border-width:0;
}

.tp-caption.large_bg_black,.large_bg_black
{
	background-color:#000;
	border-color:#ffd658;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Open Sans";
	font-size:40px;
	font-weight:800;
	line-height:40px;
	padding:10px 20px 15px;
	text-decoration:none;
}

.tp-caption.mediumwhitebg,.mediumwhitebg
{
	background-color:#fff;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#000;
	font-family:"Open Sans";
	font-size:30px;
	font-weight:300;
	line-height:30px;
	padding:5px 15px 10px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.maincaption,.maincaption
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#212a40;
	font-family:roboto;
	font-size:33px;
	font-weight:500;
	line-height:43px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.miami_title_60px,.miami_title_60px
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Source Sans Pro";
	font-size:60px;
	font-weight:700;
	letter-spacing:1px;
	line-height:60px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.miami_subtitle,.miami_subtitle
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,0.65);
	font-family:"Source Sans Pro";
	font-size:17px;
	font-weight:400;
	letter-spacing:2px;
	line-height:24px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.divideline30px,.divideline30px
{
	background:#fff;
	background-color:#fff;
	border-color:#222;
	border-style:none;
	border-width:0;
	height:2px;
	min-width:30px;
	text-decoration:none;
}

.tp-caption.Miami_nostyle,.Miami_nostyle
{
	border-color:#222;
	border-style:none;
	border-width:0;
}

.tp-caption.miami_content_light,.miami_content_light
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Source Sans Pro";
	font-size:22px;
	font-weight:400;
	letter-spacing:0;
	line-height:28px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.miami_title_60px_dark,.miami_title_60px_dark
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#333;
	font-family:"Source Sans Pro";
	font-size:60px;
	font-weight:700;
	letter-spacing:1px;
	line-height:60px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.miami_content_dark,.miami_content_dark
{
	background-color:transparent;
	border-color:#000;
	border-style:none;
	border-width:0;
	color:#666;
	font-family:"Source Sans Pro";
	font-size:22px;
	font-weight:400;
	letter-spacing:0;
	line-height:28px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.divideline30px_dark,.divideline30px_dark
{
	background-color:#333;
	border-color:#222;
	border-style:none;
	border-width:0;
	height:2px;
	min-width:30px;
	text-decoration:none;
}

.tp-caption.ellipse70px,.ellipse70px
{
	background-color:rgba(0,0,0,0.14902);
	border-color:#222;
	border-radius:50px 50px 50px 50px;
	border-style:none;
	border-width:0;
	cursor:pointer;
	line-height:1px;
	min-height:70px;
	min-width:70px;
	text-decoration:none;
}

.tp-caption.arrowicon,.arrowicon
{
	border-color:#222;
	border-style:none;
	border-width:0;
	line-height:1px;
}

.tp-caption.MarkerDisplay,.MarkerDisplay
{
	background-color:transparent;
	border-color:#000;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	font-family:"Permanent Marker";
	font-style:normal;
	padding:0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Restaurant-Display,.Restaurant-Display
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Roboto;
	font-size:120px;
	font-style:normal;
	font-weight:700;
	line-height:120px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Restaurant-Cursive,.Restaurant-Cursive
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:"Nothing you could do";
	font-size:30px;
	font-style:normal;
	font-weight:400;
	letter-spacing:2px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Restaurant-ScrollDownText,.Restaurant-ScrollDownText
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:400;
	letter-spacing:2px;
	line-height:17px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Restaurant-Description,.Restaurant-Description
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Roboto;
	font-size:20px;
	font-style:normal;
	font-weight:300;
	letter-spacing:3px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Restaurant-Price,.Restaurant-Price
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:#fff;
	font-family:Roboto;
	font-size:30px;
	font-style:normal;
	font-weight:300;
	letter-spacing:3px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Restaurant-Menuitem,.Restaurant-Menuitem
{
	background-color:rgba(0,0,0,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:400;
	letter-spacing:2px;
	line-height:17px;
	padding:10px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Furniture-LogoText,.Furniture-LogoText
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(230,207,163,1.00);
	font-family:Raleway;
	font-size:160px;
	font-style:normal;
	font-weight:300;
	line-height:150px;
	padding:0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Furniture-Plus,.Furniture-Plus
{
	background-color:rgba(255,255,255,1.00);
	border-color:transparent;
	border-radius:30px 30px 30px 30px;
	border-style:none;
	border-width:0;
	box-shadow:rgba(0,0,0,0.1) 0 1px 3px;
	color:rgba(230,207,163,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:400;
	line-height:20px;
	padding:6px 7px 4px;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Furniture-Title,.Furniture-Title
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(0,0,0,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:700;
	letter-spacing:3px;
	line-height:20px;
	padding:0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Furniture-Subtitle,.Furniture-Subtitle
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(0,0,0,1.00);
	font-family:Raleway;
	font-size:17px;
	font-style:normal;
	font-weight:300;
	line-height:20px;
	padding:0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Gym-Display,.Gym-Display
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:80px;
	font-style:normal;
	font-weight:900;
	line-height:70px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Gym-Subline,.Gym-Subline
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:30px;
	font-style:normal;
	font-weight:100;
	letter-spacing:5px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Gym-SmallText,.Gym-SmallText
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:17px;
	font-style:normal;
	font-weight:300;
	line-height:22;
	padding:0;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Fashion-SmallText,.Fashion-SmallText
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:12px;
	font-style:normal;
	font-weight:600;
	letter-spacing:2px;
	line-height:20px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Fashion-BigDisplay,.Fashion-BigDisplay
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(0,0,0,1.00);
	font-family:Raleway;
	font-size:60px;
	font-style:normal;
	font-weight:900;
	letter-spacing:2px;
	line-height:60px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Fashion-TextBlock,.Fashion-TextBlock
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(0,0,0,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:400;
	letter-spacing:2px;
	line-height:40px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Sports-Display,.Sports-Display
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:130px;
	font-style:normal;
	font-weight:100;
	letter-spacing:13px;
	line-height:130px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Sports-DisplayFat,.Sports-DisplayFat
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:130px;
	font-style:normal;
	font-weight:900;
	line-height:130px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Sports-Subline,.Sports-Subline
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(0,0,0,1.00);
	font-family:Raleway;
	font-size:32px;
	font-style:normal;
	font-weight:400;
	letter-spacing:4px;
	line-height:32px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Instagram-Caption,.Instagram-Caption
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:20px;
	font-style:normal;
	font-weight:900;
	line-height:20px;
	padding:0;
	text-decoration:none;
}

.tp-caption.News-Title,.News-Title
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:"Roboto Slab";
	font-size:70px;
	font-style:normal;
	font-weight:400;
	line-height:60px;
	padding:0;
	text-decoration:none;
}

.tp-caption.News-Subtitle,.News-Subtitle
{
	background-color:rgba(255,255,255,0);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:"Roboto Slab";
	font-size:15px;
	font-style:normal;
	font-weight:300;
	line-height:24px;
	padding:0;
	text-decoration:none;
}

.tp-caption.News-Subtitle:hover,.News-Subtitle:hover
{
	background-color:rgba(255,255,255,0);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,0.65);
	text-decoration:none;
}

.tp-caption.Photography-Display,.Photography-Display
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:80px;
	font-style:normal;
	font-weight:100;
	letter-spacing:5px;
	line-height:70px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-Subline,.Photography-Subline
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(119,119,119,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:300;
	letter-spacing:3px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-ImageHover,.Photography-ImageHover
{
	background-color:transparent;
	border-color:rgba(255,255,255,0);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-size:20px;
	font-style:normal;
	font-weight:400;
	line-height:22;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-ImageHover:hover,.Photography-ImageHover:hover
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Photography-Menuitem,.Photography-Menuitem
{
	background-color:rgba(0,0,0,0.65);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:300;
	letter-spacing:2px;
	line-height:20px;
	padding:3px 5px 3px 8px;
	text-decoration:none;
}

.tp-caption.Photography-Menuitem:hover,.Photography-Menuitem:hover
{
	background-color:rgba(0,255,222,0.65);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Photography-Textblock,.Photography-Textblock
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:17px;
	font-style:normal;
	font-weight:300;
	letter-spacing:2px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-Subline-2,.Photography-Subline-2
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,0.35);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:300;
	letter-spacing:3px;
	line-height:30px;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-ImageHover2,.Photography-ImageHover2
{
	background-color:transparent;
	border-color:rgba(255,255,255,0);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Arial;
	font-size:20px;
	font-style:normal;
	font-weight:400;
	line-height:22;
	padding:0;
	text-decoration:none;
}

.tp-caption.Photography-ImageHover2:hover,.Photography-ImageHover2:hover
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.WebProduct-Title,.WebProduct-Title
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(51,51,51,1.00);
	font-family:Raleway;
	font-size:90px;
	font-style:normal;
	font-weight:100;
	line-height:90px;
	padding:0;
	text-decoration:none;
}

.tp-caption.WebProduct-SubTitle,.WebProduct-SubTitle
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(153,153,153,1.00);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:400;
	line-height:20px;
	padding:0;
	text-decoration:none;
}

.tp-caption.WebProduct-Content,.WebProduct-Content
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(153,153,153,1.00);
	font-family:Raleway;
	font-size:16px;
	font-style:normal;
	font-weight:600;
	line-height:24px;
	padding:0;
	text-decoration:none;
}

.tp-caption.WebProduct-Menuitem,.WebProduct-Menuitem
{
	background-color:rgba(51,51,51,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:500;
	letter-spacing:2px;
	line-height:20px;
	padding:3px 5px 3px 8px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.WebProduct-Menuitem:hover,.WebProduct-Menuitem:hover
{
	background-color:rgba(255,255,255,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(153,153,153,1.00);
	text-decoration:none;
}

.tp-caption.WebProduct-Title-Light,.WebProduct-Title-Light
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:90px;
	font-style:normal;
	font-weight:100;
	line-height:90px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.WebProduct-SubTitle-Light,.WebProduct-SubTitle-Light
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,0.35);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:400;
	line-height:20px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.WebProduct-Content-Light,.WebProduct-Content-Light
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,0.65);
	font-family:Raleway;
	font-size:16px;
	font-style:normal;
	font-weight:600;
	line-height:24px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.FatRounded,.FatRounded
{
	background-color:rgba(0,0,0,0.50);
	border-color:rgba(211,211,211,1.00);
	border-radius:50px 50px 50px 50px;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:30px;
	font-style:normal;
	font-weight:900;
	line-height:30px;
	padding:20px 22px 20px 25px;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.FatRounded:hover,.FatRounded:hover
{
	background-color:rgba(0,0,0,1.00);
	border-color:rgba(211,211,211,1.00);
	border-radius:50px 50px 50px 50px;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.NotGeneric-Title,.NotGeneric-Title
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:70px;
	font-style:normal;
	font-weight:800;
	line-height:70px;
	padding:10px 0;
	text-decoration:none;
}

.tp-caption.NotGeneric-SubTitle,.NotGeneric-SubTitle
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:13px;
	font-style:normal;
	font-weight:500;
	letter-spacing:4px;
	line-height:20px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-CallToAction,.NotGeneric-CallToAction
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:14px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:14px;
	padding:10px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-CallToAction:hover,.NotGeneric-CallToAction:hover
{
	background-color:transparent;
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.NotGeneric-Icon,.NotGeneric-Icon
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:30px;
	font-style:normal;
	font-weight:400;
	letter-spacing:3px;
	line-height:30px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-Menuitem,.NotGeneric-Menuitem
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.15);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:14px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:14px;
	padding:27px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-Menuitem:hover,.NotGeneric-Menuitem:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.MarkerStyle,.MarkerStyle
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:"Permanent Marker";
	font-size:17px;
	font-style:normal;
	font-weight:100;
	line-height:30px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Gym-Menuitem,.Gym-Menuitem
{
	background-color:rgba(0,0,0,1.00);
	border-color:rgba(255,255,255,0);
	border-radius:3px 3px 3px 3px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:20px;
	font-style:normal;
	font-weight:300;
	letter-spacing:2px;
	line-height:20px;
	padding:3px 5px 3px 8px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Gym-Menuitem:hover,.Gym-Menuitem:hover
{
	background-color:rgba(0,0,0,1.00);
	border-color:rgba(255,255,255,0.25);
	border-radius:3px 3px 3px 3px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Newspaper-Button,.Newspaper-Button
{
	background-color:rgba(255,255,255,0);
	border-color:rgba(255,255,255,0.25);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:13px;
	font-style:normal;
	font-weight:700;
	letter-spacing:2px;
	line-height:17px;
	padding:12px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Newspaper-Button:hover,.Newspaper-Button:hover
{
	background-color:rgba(255,255,255,1.00);
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(0,0,0,1.00);
	text-decoration:none;
}

.tp-caption.Newspaper-Subtitle,.Newspaper-Subtitle
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(168,216,238,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:900;
	line-height:20px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Newspaper-Title,.Newspaper-Title
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:"Roboto Slab";
	font-size:50px;
	font-style:normal;
	font-weight:400;
	line-height:55px;
	padding:0 0 10px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Newspaper-Title-Centered,.Newspaper-Title-Centered
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:"Roboto Slab";
	font-size:50px;
	font-style:normal;
	font-weight:400;
	line-height:55px;
	padding:0 0 10px;
	text-align:center;
	text-decoration:none;
}

.tp-caption.Hero-Button,.Hero-Button
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:14px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:14px;
	padding:10px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Hero-Button:hover,.Hero-Button:hover
{
	background-color:rgba(255,255,255,1.00);
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(0,0,0,1.00);
	text-decoration:none;
}

.tp-caption.Video-Title,.Video-Title
{
	background-color:rgba(0,0,0,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:30px;
	font-style:normal;
	font-weight:900;
	line-height:30px;
	padding:5px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Video-SubTitle,.Video-SubTitle
{
	background-color:rgba(0,0,0,0.35);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:12px;
	font-style:normal;
	font-weight:600;
	letter-spacing:2px;
	line-height:12px;
	padding:5px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-Button,.NotGeneric-Button
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:14px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:14px;
	padding:10px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-Button:hover,.NotGeneric-Button:hover
{
	background-color:transparent;
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.NotGeneric-BigButton,.NotGeneric-BigButton
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.15);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:14px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:14px;
	padding:27px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.NotGeneric-BigButton:hover,.NotGeneric-BigButton:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.WebProduct-Button,.WebProduct-Button
{
	background-color:rgba(51,51,51,1.00);
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:16px;
	font-style:normal;
	font-weight:600;
	letter-spacing:1px;
	line-height:48px;
	padding:0 40px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.WebProduct-Button:hover,.WebProduct-Button:hover
{
	background-color:rgba(255,255,255,1.00);
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:2px;
	color:rgba(51,51,51,1.00);
	text-decoration:none;
}

.tp-caption.Restaurant-Button,.Restaurant-Button
{
	background-color:rgba(10,10,10,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:500;
	letter-spacing:3px;
	line-height:17px;
	padding:12px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Restaurant-Button:hover,.Restaurant-Button:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,224,129,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Gym-Button,.Gym-Button
{
	background-color:rgba(139,192,39,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:600;
	letter-spacing:1px;
	line-height:15px;
	padding:13px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Gym-Button:hover,.Gym-Button:hover
{
	background-color:rgba(114,168,0,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Gym-Button-Light,.Gym-Button-Light
{
	background-color:transparent;
	border-color:rgba(255,255,255,0.25);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:600;
	line-height:15px;
	padding:12px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Gym-Button-Light:hover,.Gym-Button-Light:hover
{
	background-color:rgba(114,168,0,0);
	border-color:rgba(139,192,39,1.00);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Sports-Button-Light,.Sports-Button-Light
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:17px;
	font-style:normal;
	font-weight:600;
	letter-spacing:2px;
	line-height:17px;
	padding:12px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Sports-Button-Light:hover,.Sports-Button-Light:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Sports-Button-Red,.Sports-Button-Red
{
	background-color:rgba(219,28,34,1.00);
	border-color:rgba(219,28,34,0);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:17px;
	font-style:normal;
	font-weight:600;
	letter-spacing:2px;
	line-height:17px;
	padding:12px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Sports-Button-Red:hover,.Sports-Button-Red:hover
{
	background-color:rgba(0,0,0,1.00);
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Photography-Button,.Photography-Button
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.25);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	font-family:Raleway;
	font-size:15px;
	font-style:normal;
	font-weight:600;
	letter-spacing:1px;
	line-height:15px;
	padding:13px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Photography-Button:hover,.Photography-Button:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,1.00);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:1px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Newspaper-Button-2,.Newspaper-Button-2
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.50);
	border-radius:3px 3px 3px 3px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:900;
	line-height:15px;
	padding:10px 30px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Newspaper-Button-2:hover,.Newspaper-Button-2:hover
{
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,1.00);
	border-radius:3px 3px 3px 3px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Feature-Tour,.Feature-Tour
{
	background-color:rgba(139,192,39,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:700;
	line-height:17px;
	padding:17px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Feature-Tour:hover,.Feature-Tour:hover
{
	background-color:rgba(114,168,0,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Feature-Examples,.Feature-Examples
{
	background-color:transparent;
	border-color:rgba(33,42,64,0.15);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(33,42,64,0.50);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:700;
	line-height:17px;
	padding:15px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Feature-Examples:hover,.Feature-Examples:hover
{
	background-color:transparent;
	border-color:rgba(139,192,39,1.00);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(139,192,39,1.00);
	text-decoration:none;
}

.tp-caption.subcaption,.subcaption
{
	background-color:transparent;
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(111,124,130,1.00);
	font-family:roboto;
	font-size:19px;
	font-style:normal;
	font-weight:400;
	line-height:24px;
	padding:0;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.menutab,.menutab
{
	background-color:transparent;
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(41,46,49,1.00);
	font-family:roboto;
	font-size:25px;
	font-style:normal;
	font-weight:300;
	line-height:30px;
	padding:0;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.menutab:hover,.menutab:hover
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(213,0,0,1.00);
	text-decoration:none;
}

.tp-caption.maincontent,.maincontent
{
	background-color:transparent;
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(41,46,49,1.00);
	font-family:roboto;
	font-size:21px;
	font-style:normal;
	font-weight:300;
	line-height:26px;
	padding:0;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.minitext,.minitext
{
	background-color:transparent;
	border-color:rgba(0,0,0,1.00);
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(185,186,187,1.00);
	font-family:roboto;
	font-size:15px;
	font-style:normal;
	font-weight:400;
	line-height:20px;
	padding:0;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
}

.tp-caption.Feature-Buy,.Feature-Buy
{
	background-color:rgba(0,154,238,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:700;
	line-height:17px;
	padding:17px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Feature-Buy:hover,.Feature-Buy:hover
{
	background-color:rgba(0,133,214,1.00);
	border-color:rgba(0,0,0,0);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Feature-Examples-Light,.Feature-Examples-Light
{
	background-color:transparent;
	border-color:rgba(255,255,255,0.15);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:17px;
	font-style:normal;
	font-weight:700;
	line-height:17px;
	padding:15px 35px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Feature-Examples-Light:hover,.Feature-Examples-Light:hover
{
	background-color:transparent;
	border-color:rgba(255,255,255,1.00);
	border-radius:30px 30px 30px 30px;
	border-style:solid;
	border-width:2px;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Facebook-Likes,.Facebook-Likes
{
	background-color:rgba(59,89,153,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:500;
	line-height:22px;
	padding:5px 15px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Twitter-Favorites,.Twitter-Favorites
{
	background-color:rgba(255,255,255,0);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(136,153,166,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:500;
	line-height:22px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Twitter-Link,.Twitter-Link
{
	background-color:rgba(255,255,255,1.00);
	border-color:transparent;
	border-radius:30px 30px 30px 30px;
	border-style:none;
	border-width:0;
	color:rgba(135,153,165,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:500;
	line-height:15px;
	padding:11px 11px 9px;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Twitter-Link:hover,.Twitter-Link:hover
{
	background-color:rgba(0,132,180,1.00);
	border-color:transparent;
	border-radius:30px 30px 30px 30px;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	text-decoration:none;
}

.tp-caption.Twitter-Retweet,.Twitter-Retweet
{
	background-color:rgba(255,255,255,0);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(136,153,166,1.00);
	font-family:Roboto;
	font-size:15px;
	font-style:normal;
	font-weight:500;
	line-height:22px;
	padding:0;
	text-align:left;
	text-decoration:none;
}

.tp-caption.Twitter-Content,.Twitter-Content
{
	background-color:rgba(255,255,255,1.00);
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(41,47,51,1.00);
	font-family:Roboto;
	font-size:20px;
	font-style:normal;
	font-weight:500;
	line-height:28px;
	padding:30px 30px 70px;
	text-align:left;
	text-decoration:none;
}

.revtp-searchform input[type="text"],
.revtp-searchform input[type="email"],
.revtp-form input[type="text"],
.revtp-form input[type="email"]{ 	
	font-family: "Arial", sans-serif;
    font-size: 15px;
    color: #000;
    background-color: #fff;
    line-height: 46px;
    padding: 0 20px;
    cursor: text;
    border: 0;
    width: 400px;
    margin-bottom: 0px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
    
    
    border-radius: 0px;
}


.tp-caption.BigBold-Title,
.BigBold-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 110px;
    line-height: 100px;
    font-weight: 800;
    font-style: normal;
    font-family: Raleway;
    padding: 10px 0px 10px 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.BigBold-SubTitle,
.BigBold-SubTitle {
    color: rgba(255, 255, 255, 0.50);
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.BigBold-Button,
.BigBold-Button {
    color: rgba(255, 255, 255, 1.00);
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 50px 15px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.50);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.BigBold-Button:hover,
.BigBold-Button:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.FoodCarousel-Content,
.FoodCarousel-Content {
    color: rgba(41, 46, 49, 1.00);
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 30px 30px 30px 30px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(41, 46, 49, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.FoodCarousel-Button,
.FoodCarousel-Button {
    color: rgba(41, 46, 49, 1.00);
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 70px 15px 50px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(41, 46, 49, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.FoodCarousel-Button:hover,
.FoodCarousel-Button:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(41, 46, 49, 1.00);
    border-color: rgba(41, 46, 49, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.FoodCarousel-CloseButton,
.FoodCarousel-CloseButton {
    color: rgba(41, 46, 49, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 14px 14px 14px 16px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(41, 46, 49, 0);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.FoodCarousel-CloseButton:hover,
.FoodCarousel-CloseButton:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(41, 46, 49, 1.00);
    border-color: rgba(41, 46, 49, 0);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px
}
.tp-caption.Video-SubTitle,
.Video-SubTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.35);
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    letter-spacing: 2px;
    text-align: left
}
.tp-caption.Video-Title,
.Video-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    font-style: normal;
    font-family: Raleway;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 1.00);
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Travel-BigCaption,
.Travel-BigCaption {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Travel-SmallCaption,
.Travel-SmallCaption {
    color: rgba(255, 255, 255, 1.00);
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Travel-CallToAction,
.Travel-CallToAction {
    color: rgba(255, 255, 255, 1.00);
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 20px 12px 20px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 5px 5px 5px 5px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.Travel-CallToAction:hover,
.Travel-CallToAction:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 5px 5px 5px 5px
}


.tp-caption.RotatingWords-TitleWhite,
.RotatingWords-TitleWhite {
    color: rgba(255, 255, 255, 1.00);
    font-size: 70px;
    line-height: 70px;
    font-weight: 800;
    font-style: normal;
    font-family: Raleway;
    padding: 0px 0px 0px 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.RotatingWords-Button,
.RotatingWords-Button {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 20px 50px 20px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15);
    border-style: solid;
    border-width: 2px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 3px
}
.tp-caption.RotatingWords-Button:hover,
.RotatingWords-Button:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.RotatingWords-SmallText,
.RotatingWords-SmallText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    text-shadow: none
}




.tp-caption.ContentZoom-SmallTitle,
.ContentZoom-SmallTitle {
    color: rgba(41, 46, 49, 1.00);
    font-size: 33px;
    line-height: 45px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-SmallSubtitle,
.ContentZoom-SmallSubtitle {
    color: rgba(111, 124, 130, 1.00);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-SmallIcon,
.ContentZoom-SmallIcon {
    color: rgba(41, 46, 49, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Raleway;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-SmallIcon:hover,
.ContentZoom-SmallIcon:hover {
    color: rgba(111, 124, 130, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px
}
.tp-caption.ContentZoom-DetailTitle,
.ContentZoom-DetailTitle {
    color: rgba(41, 46, 49, 1.00);
    font-size: 70px;
    line-height: 70px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-DetailSubTitle,
.ContentZoom-DetailSubTitle {
    color: rgba(111, 124, 130, 1.00);
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-DetailContent,
.ContentZoom-DetailContent {
    color: rgba(111, 124, 130, 1.00);
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ContentZoom-Button,
.ContentZoom-Button {
    color: rgba(41, 46, 49, 1.00);
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 15px 50px 15px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(41, 46, 49, 0.50);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.ContentZoom-Button:hover,
.ContentZoom-Button:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(41, 46, 49, 1.00);
    border-color: rgba(41, 46, 49, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.ContentZoom-ButtonClose,
.ContentZoom-ButtonClose {
    color: rgba(41, 46, 49, 1.00);
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    font-family: Raleway;
    padding: 14px 14px 14px 16px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(41, 46, 49, 0.50);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: left;
    letter-spacing: 1px
}
.tp-caption.ContentZoom-ButtonClose:hover,
.ContentZoom-ButtonClose:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(41, 46, 49, 1.00);
    border-color: rgba(41, 46, 49, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px
}
.tp-caption.Newspaper-Title,
.Newspaper-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 55px;
    font-weight: 400;
    font-style: normal;
    font-family: "Roboto Slab";
    padding: 0 0 10px 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Newspaper-Subtitle,
.Newspaper-Subtitle {
    color: rgba(168, 216, 238, 1.00);
    font-size: 15px;
    line-height: 20px;
    font-weight: 900;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Newspaper-Button,
.Newspaper-Button {
    color: rgba(255, 255, 255, 1.00);
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto;
    padding: 12px 35px 12px 35px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0.25);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    letter-spacing: 2px;
    text-align: left
}
.tp-caption.Newspaper-Button:hover,
.Newspaper-Button:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.rtwhitemedium,
.rtwhitemedium {
    font-size: 22px;
    line-height: 26px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
    text-shadow: none
}

@media only screen and (max-width: 767px) {
	.revtp-searchform input[type="text"],
	.revtp-searchform input[type="email"],
	.revtp-form input[type="text"],
	.revtp-form input[type="email"] { width: 200px !important; }
}

.revtp-searchform input[type="submit"],
.revtp-form input[type="submit"] {	
	font-family: "Arial", sans-serif;
    line-height: 46px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    padding: 0 20px;
    border: 0;
    background: #009aee;
    color: #fff;
    
    
    border-radius: 0px;
}

.tp-caption.Twitter-Content a,
    .tp-caption.Twitter-Content a:visited {
        color: #0084B4 !important
    }
    .tp-caption.Twitter-Content a:hover {
        color: #0084B4 !important;
        text-decoration: underline !important
    }
    .tp-caption.Concept-Title,
    .Concept-Title {
        color: rgba(255, 255, 255, 1.00);
        font-size: 70px;
        line-height: 70px;
        font-weight: 700;
        font-style: normal;
        font-family: "Roboto Condensed";
        padding: 0px 0px 10px 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 5px
    }
    .tp-caption.Concept-SubTitle,
    .Concept-SubTitle {
        color: rgba(255, 255, 255, 0.65);
        font-size: 25px;
        line-height: 25px;
        font-weight: 700;
        font-style: italic;
        font-family: ""Playfair Display"";
        padding: 0px 0px 10px 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.Concept-Content,
    .Concept-Content {
        color: rgba(255, 255, 255, 1.00);
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        font-style: normal;
        font-family: "Roboto Condensed";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: center;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(255, 255, 255, 1.00);
        border-style: none;
        border-width: 2px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.Concept-MoreBtn,
    .Concept-MoreBtn {
        color: rgba(255, 255, 255, 1.00);
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 10px 8px 7px 10px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px;
        letter-spacing: 1px;
        text-align: left
    }
    .tp-caption.Concept-MoreBtn:hover,
    .Concept-MoreBtn:hover {
        color: rgba(255, 255, 255, 1.00);
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px
    }
    .tp-caption.Concept-LessBtn,
    .Concept-LessBtn {
        color: rgba(255, 255, 255, 1.00);
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 10px 8px 7px 10px;
        text-decoration: none;
        text-align: left;
        background-color: rgba(0, 0, 0, 1.00);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px;
        letter-spacing: 1px;
        text-align: left
    }
    .tp-caption.Concept-LessBtn:hover,
    .Concept-LessBtn:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(255, 255, 255, 1.00);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px
    }
    .tp-caption.Concept-SubTitle-Dark,
    .Concept-SubTitle-Dark {
        color: rgba(0, 0, 0, 0.65);
        font-size: 25px;
        line-height: 25px;
        font-weight: 700;
        font-style: italic;
        font-family: "Playfair Display";
        padding: 0px 0px 10px 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.Concept-Title-Dark,
    .Concept-Title-Dark {
        color: rgba(0, 0, 0, 1.00);
        font-size: 70px;
        line-height: 70px;
        font-weight: 700;
        font-style: normal;
        font-family: "Roboto Condensed";
        padding: 0px 0px 10px 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 5px
    }
    .tp-caption.Concept-MoreBtn-Dark,
    .Concept-MoreBtn-Dark {
        color: rgba(0, 0, 0, 1.00);
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 10px 8px 7px 10px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px;
        letter-spacing: 1px;
        text-align: left
    }
    .tp-caption.Concept-MoreBtn-Dark:hover,
    .Concept-MoreBtn-Dark:hover {
        color: rgba(255, 255, 255, 1.00);
        text-decoration: none;
        background-color: rgba(0, 0, 0, 1.00);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 50px 50px 50px 50px
    }
    .tp-caption.Concept-Content-Dark,
    .Concept-Content-Dark {
        color: rgba(0, 0, 0, 1.00);
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        font-style: normal;
        font-family: "Roboto Condensed";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: center;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(255, 255, 255, 1.00);
        border-style: none;
        border-width: 2px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.Concept-Notice,
    .Concept-Notice {
        color: rgba(255, 255, 255, 1.00);
        font-size: 15px;
        line-height: 15px;
        font-weight: 400;
        font-style: normal;
        font-family: "Roboto Condensed";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: center;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(255, 255, 255, 1.00);
        border-style: none;
        border-width: 2px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 2px
    }
    .tp-caption.Concept-Content a,
    .tp-caption.Concept-Content a:visited {
        color: #fff !important;
        border-bottom: 1px solid #fff !important;
        font-weight: 700 !important;
    }
    .tp-caption.Concept-Content a:hover {
        border-bottom: 1px solid transparent !important;
    }
    .tp-caption.Concept-Content-Dark a,
    .tp-caption.Concept-Content-Dark a:visited {
        color: #000 !important;
        border-bottom: 1px solid #000 !important;
        font-weight: 700 !important;
    }
    .tp-caption.Concept-Content-Dark a:hover {
        border-bottom: 1px solid transparent !important;
    }

    .tp-caption.Twitter-Content a,
    .tp-caption.Twitter-Content a:visited {
        color: #0084B4 !important
    }
    .tp-caption.Twitter-Content a:hover {
        color: #0084B4 !important;
        text-decoration: underline !important
    }
    .tp-caption.Creative-Title,
    .Creative-Title {
        color: rgba(255, 255, 255, 1.00);
        font-size: 70px;
        line-height: 70px;
        font-weight: 400;
        font-style: normal;
        font-family: "Playfair Display";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.Creative-SubTitle,
    .Creative-SubTitle {
        color: rgba(205, 176, 131, 1.00);
        font-size: 14px;
        line-height: 14px;
        font-weight: 400;
        font-style: normal;
        font-family: Lato;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 2px
    }
    .tp-caption.Creative-Button,
    .Creative-Button {
        color: rgba(205, 176, 131, 1.00);
        font-size: 13px;
        line-height: 13px;
        font-weight: 400;
        font-style: normal;
        font-family: Lato;
        padding: 15px 50px 15px 50px;
        text-decoration: none;
        text-align: left;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(205, 176, 131, 0.25);
        border-style: solid;
        border-width: 1px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 2px
    }
    .tp-caption.Creative-Button:hover,
    .Creative-Button:hover {
        color: rgba(205, 176, 131, 1.00);
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(205, 176, 131, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 0px 0px 0px 0px
    }

.tp-caption.subcaption,
    .subcaption {
        color: rgba(111, 124, 130, 1.00);
        font-size: 19px;
        line-height: 24px;
        font-weight: 400;
        font-style: normal;
        font-family: roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: rgba(0, 0, 0, 1.00);
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-shadow: none;
        text-align: left
    }
    .tp-caption.RedDot,
    .RedDot {
        color: rgba(0, 0, 0, 1.00);        
        font-weight: 400;
        font-style: normal;        
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: left;
        background-color: rgba(213, 0, 0, 1.00);
        border-color: rgba(255, 255, 255, 1.00);
        border-style: solid;
        border-width: 5px;
        border-radius: 50px 50px 50px 50px
    }
    .tp-caption.RedDot:hover,
    .RedDot:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0.75);
        border-color: rgba(213, 0, 0, 1.00);
        border-style: solid;
        border-width: 5px;
        border-radius: 50px 50px 50px 50px
    }

    .tp-caption.SlidingOverlays-Title,
    .SlidingOverlays-Title {
        color: rgba(255, 255, 255, 1.00);
        font-size: 50px;
        line-height: 50px;
        font-weight: 400;
        font-style: normal;
        font-family: "Playfair Display";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }
    .tp-caption.SlidingOverlays-Title,
    .SlidingOverlays-Title {
        color: rgba(255, 255, 255, 1.00);
        font-size: 50px;
        line-height: 50px;
        font-weight: 400;
        font-style: normal;
        font-family: "Playfair Display";
        padding: 0px 0px 0px 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }

     .tp-caption.Woo-TitleLarge,
    .Woo-TitleLarge {
        color: rgba(0, 0, 0, 1.00);
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        font-style: normal;
        font-family: "Playfair Display";
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        
    }
    .tp-caption.Woo-Rating,
    .Woo-Rating {
        color: rgba(0, 0, 0, 1.00);
        font-size: 14px;
        line-height: 30px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: left;
        
    }
    .tp-caption.Woo-SubTitle,
    .Woo-SubTitle {
        color: rgba(0, 0, 0, 1.00);
        font-size: 18px;
        line-height: 18px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        letter-spacing: 2px;
        
    }
    .tp-caption.Woo-PriceLarge,
    .Woo-PriceLarge {
        color: rgba(0, 0, 0, 1.00);
        font-size: 60px;
        line-height: 60px;
        font-weight: 700;
        font-style: normal;
        font-family: Roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        
    }
    .tp-caption.Woo-ProductInfo,
    .Woo-ProductInfo {
        color: rgba(0, 0, 0, 1.00);
        font-size: 15px;
        line-height: 15px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 12px 75px 12px 50px;
        text-decoration: none;
        background-color: rgba(254, 207, 114, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px;
        text-align: left;
        
    }
    .tp-caption.Woo-ProductInfo:hover,
    .Woo-ProductInfo:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(243, 168, 71, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px
    }
    .tp-caption.Woo-AddToCart,
    .Woo-AddToCart {
        color: rgba(0, 0, 0, 1.00);
        font-size: 15px;
        line-height: 15px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 12px 35px 12px 35px;
        text-decoration: none;
        background-color: rgba(254, 207, 114, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px;
        text-align: left;
        
    }
    .tp-caption.Woo-AddToCart:hover,
    .Woo-AddToCart:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(243, 168, 71, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px
    }
    .tp-caption.Woo-TitleLarge,
    .Woo-TitleLarge {
        color: rgba(0, 0, 0, 1.00);
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        font-style: normal;
        font-family: "Playfair Display";
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        
    }
    .tp-caption.Woo-SubTitle,
    .Woo-SubTitle {
        color: rgba(0, 0, 0, 1.00);
        font-size: 18px;
        line-height: 18px;
        font-weight: 300;
        font-style: normal;
        font-family: Roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        letter-spacing: 2px;
        
    }
    .tp-caption.Woo-PriceLarge,
    .Woo-PriceLarge {
        color: rgba(0, 0, 0, 1.00);
        font-size: 60px;
        line-height: 60px;
        font-weight: 700;
        font-style: normal;
        font-family: Roboto;
        padding: 0 0 0 0px;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center;
        
    }
    .tp-caption.Woo-ProductInfo,
    .Woo-ProductInfo {
        color: rgba(0, 0, 0, 1.00);
        font-size: 15px;
        line-height: 15px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 12px 75px 12px 50px;
        text-decoration: none;
        background-color: rgba(254, 207, 114, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px;
        text-align: left;
        
    }
    .tp-caption.Woo-ProductInfo:hover,
    .Woo-ProductInfo:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(243, 168, 71, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px
    }
    .tp-caption.Woo-AddToCart,
    .Woo-AddToCart {
        color: rgba(0, 0, 0, 1.00);
        font-size: 15px;
        line-height: 15px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 12px 35px 12px 35px;
        text-decoration: none;
        background-color: rgba(254, 207, 114, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px;
        text-align: left;
        
    }
    .tp-caption.Woo-AddToCart:hover,
    .Woo-AddToCart:hover {
        color: rgba(0, 0, 0, 1.00);
        text-decoration: none;
        background-color: rgba(243, 168, 71, 1.00);
        border-color: rgba(0, 0, 0, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 4px 4px 4px 4px
    }

    .tp-caption.FullScreen-Toggle,
    .FullScreen-Toggle {
        color: rgba(255, 255, 255, 1.00);
        font-size: 20px;
        line-height: 20px;
        font-weight: 400;
        font-style: normal;
        font-family: Raleway;
        padding: 11px 8px 11px 12px;
        text-decoration: none;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.50);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px;
        letter-spacing: 3px;
        text-align: left
    }
    .tp-caption.FullScreen-Toggle:hover,
    .FullScreen-Toggle:hover {
        color: rgba(255, 255, 255, 1.00);
        text-decoration: none;
        background-color: rgba(0, 0, 0, 1.00);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0px;
        border-radius: 0px 0px 0px 0px
    }

    .tp-caption.Agency-Title,
.Agency-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 70px;
    line-height: 70px;
    font-weight: 900;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 10px
}
.tp-caption.Agency-SubTitle,
.Agency-SubTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.Agency-PlayBtn,
.Agency-PlayBtn {
    color: rgba(255, 255, 255, 1.00);
    font-size: 30px;
    line-height: 71px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}
.tp-caption.Agency-PlayBtn:hover,
.Agency-PlayBtn:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}
.tp-caption.Agency-SmallText,
.Agency-SmallText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 5px
}
.tp-caption.Agency-Social,
.Agency-Social {
    color: rgba(51, 51, 51, 1.00);
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(51, 51, 51, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 30px 30px 30px 30px;
    text-align: center
}
.tp-caption.Agency-Social:hover,
.Agency-Social:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(51, 51, 51, 1.00);
    border-color: rgba(51, 51, 51, 1.00);
    border-style: solid;
    border-width: 2px;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer
}
.tp-caption.Agency-CloseBtn,
.Agency-CloseBtn {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0);
    border-style: none;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}
.tp-caption.Agency-CloseBtn:hover,
.Agency-CloseBtn:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0);
    border-style: none;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}

.tp-caption.Dining-Title,
.Dining-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 70px;
    line-height: 70px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 10px
}
.tp-caption.Dining-SubTitle,
.Dining-SubTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Dining-BtnLight,
.Dining-BtnLight {
    color: rgba(255, 255, 255, 0.50);
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    font-style: normal;
    font-family: Lato;
    padding: 17px 73px 17px 50px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.25);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 2px
}
.tp-caption.Dining-BtnLight:hover,
.Dining-BtnLight:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px
}
.tp-caption.Dining-Social,
.Dining-Social {
    color: rgba(255, 255, 255, 1.00);
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.25);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    text-align: center
}
.tp-caption.Dining-Social:hover,
.Dining-Social:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer
}
tp-caption.Team-Thumb,
.Team-Thumb {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Team-Thumb:hover,
.Team-Thumb:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    cursor: pointer
}
.tp-caption.Team-Name,
.Team-Name {
    color: rgba(255, 255, 255, 1.00);
    font-size: 70px;
    line-height: 70px;
    font-weight: 900;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Team-Position,
.Team-Position {
    color: rgba(255, 255, 255, 1.00);
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Team-Description,
.Team-Description {
    color: rgba(255, 255, 255, 1.00);
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Team-Social,
.Team-Social {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.Team-Social:hover,
.Team-Social:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}

.tp-caption.VideoControls-Play,
.VideoControls-Play {
    color: rgba(0, 0, 0, 1.00);
    font-size: 50px;
    line-height: 120px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 7px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}
.tp-caption.VideoControls-Play:hover,
.VideoControls-Play:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}
.tp-caption.VideoPlayer-Title,
.VideoPlayer-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 10px
}
.tp-caption.VideoPlayer-SubTitle,
.VideoPlayer-SubTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.VideoPlayer-Social,
.VideoPlayer-Social {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.VideoPlayer-Social:hover,
.VideoPlayer-Social:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}
.tp-caption.VideoControls-Mute,
.VideoControls-Mute {
    color: rgba(0, 0, 0, 1.00);
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}
.tp-caption.VideoControls-Mute:hover,
.VideoControls-Mute:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
}
.tp-caption.VideoControls-Pause,
.VideoControls-Pause {
    color: rgba(0, 0, 0, 1.00);
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    text-align: center
}
.tp-caption.VideoControls-Pause:hover,
.VideoControls-Pause:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 100px 100px 100px 100px;
    cursor: pointer
 }

.soundcloudwrapper iframe {
    width: 100% !important
}
.tp-caption.SleekLanding-Title,
.SleekLanding-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 35px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 5px
}
.tp-caption.SleekLanding-ButtonBG,
.SleekLanding-ButtonBG {
    color: rgba(0, 0, 0, 1.00);
        
    font-weight: 700;
    font-style: normal;    
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.10);
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 0px;
    border-radius: 5px 5px 5px 5px;
    text-align: left;    
    box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.15)
}
.tp-caption.SleekLanding-SmallTitle,
.SleekLanding-SmallTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 13px;
    line-height: 50px;
    font-weight: 900;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left;
    letter-spacing: 2px
}
.tp-caption.SleekLanding-BottomText,
.SleekLanding-BottomText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.SleekLanding-Social,
.SleekLanding-Social {
    color: rgba(255, 255, 255, 1.00);
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.SleekLanding-Social:hover,
.SleekLanding-Social:hover {
    color: rgba(0, 0, 0, 0.25);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    cursor: pointer
}
#rev_slider_429_1_wrapper .tp-loader.spinner2 {
    background-color: #555555 !important;
}
.tp-fat {
    font-weight: 900 !important;
}

.tp-caption.PostSlider-Category,
.PostSlider-Category {
    color: rgba(0, 0, 0, 1.00);
    font-size: 15px;
    line-height: 15px;
    font-weight: 300;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    letter-spacing: 3px;
    text-align: left
}
.tp-caption.PostSlider-Title,
.PostSlider-Title {
    color: rgba(0, 0, 0, 1.00);
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    font-style: normal;
    font-family: "Playfair Display";
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.PostSlider-Content,
.PostSlider-Content {
    color: rgba(119, 119, 119, 1.00);
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.PostSlider-Button,
.PostSlider-Button {
    color: rgba(0, 0, 0, 1.00);
    font-size: 15px;
    line-height: 40px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 1px 56px 1px 32px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    text-align: left
}
.tp-caption.PostSlider-Button:hover,
.PostSlider-Button:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(238, 238, 238, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}

/* media queries */

@media only screen and (max-width: 960px) {} @media only screen and (max-width: 768px) {} .tp-caption.LandingPage-Title,
.LandingPage-Title {
    color:rgba(255,
    255,
    255,
    1.00);
    font-size:70px;
    line-height:80px;
    font-weight:900;
    font-style:normal;
    font-family:Lato;
    padding:0 0 0 0px;
    text-decoration:none;
    background-color:transparent;
    border-color:transparent;
    border-style:none;
    border-width:0px;
    border-radius:0 0 0 0px;
    text-align:left;
    letter-spacing:10px
}
.tp-caption.LandingPage-SubTitle,
.LandingPage-SubTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia, serif;
    padding: 0 0 0 0px;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.LandingPage-Button,
.LandingPage-Button {
    color: rgba(0, 0, 0, 1.00);
    font-size: 15px;
    line-height: 54px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 35px 0px 35px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    letter-spacing: 3px
}
.tp-caption.LandingPage-Button:hover,
.LandingPage-Button:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}
.tp-caption.App-Content a,
.tp-caption.App-Content a:visited {
    color: #89124e !important;
    border-bottom: 1px solid transparent !important;
    font-weight: bold !important;
}
.tp-caption.App-Content a:hover {
    border-bottom: 1px solid #89124e !important;
}
.tp-caption.RockBand-LogoText,
.RockBand-LogoText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-style: normal;
    font-family: Oswald;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #fff !important;
    text-decoration: underline !important;
}
.tp-caption.Twitter-Content a:hover {
    color: #fff !important;
    text-decoration: none !important;
}
.soundcloudwrapper iframe {
    width: 100% !important
}

.tp-caption.Agency-LogoText,
.Agency-LogoText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 1px
}
.tp-caption.ComingSoon-Highlight,
.ComingSoon-Highlight {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 37px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 20px 3px 20px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(0, 154, 238, 1.00);
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ComingSoon-Count,
.ComingSoon-Count {
    color: rgba(255, 255, 255, 1.00);
    font-size: 50px;
    line-height: 50px;
    font-weight: 900;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.ComingSoon-CountUnit,
.ComingSoon-CountUnit {
    color: rgba(255, 255, 255, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.ComingSoon-NotifyMe,
.ComingSoon-NotifyMe {
    color: rgba(164, 157, 143, 1.00);
    font-size: 27px;
    line-height: 35px;
    font-weight: 600;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}

#mc_embed_signup input#mce-EMAIL {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    color: #000;
    background-color: #fff;
    line-height: 46px;
    padding: 0 20px;
    cursor: text;
    border: 1px solid #fff;
    width: 400px;
    margin-bottom: 0px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
    
    
    border-radius: 0px;
}
#mc_embed_signup input#mce-EMAIL[type="email"]:focus {
    background-color: #fff;
    border: 1px solid #666;
    border-right: 0;
}
#mc_embed_signup input#mc-embedded-subscribe,
#mc_embed_signup input#mc-embedded-subscribe:focus {
    font-family: "Lato", sans-serif;
    line-height: 46px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    padding: 0 20px;
    border: 1px solid #009aee;
    background: #009aee;
    color: #fff;
    
    
    border-radius: 0px;
}
#mc_embed_signup input#mc-embedded-subscribe:hover {
    background: #0083d4;
}
@media only screen and (max-width: 767px) {
    #mc_embed_signup input#mce-EMAIL {
        width: 200px;
    }
}
.tp-caption.Agency-SmallTitle,
.Agency-SmallTitle {
    color: rgba(255, 255, 255, 1.00);
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 6px
}
.tp-caption.Agency-SmallContent,
.Agency-SmallContent {
    color: rgba(255, 255, 255, 1.00);
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.Agency-SmallLink,
.Agency-SmallLink {
    color: rgba(248, 124, 9, 1.00);
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0px 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 1px solid #f87c09 !important
}
.tp-caption.Agency-SmallLink:hover,
.Agency-SmallLink:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    cursor: pointer
}
.tp-caption.Agency-NavButton,
.Agency-NavButton {
    color: rgba(51, 51, 51, 1.00);
    font-size: 17px;
    line-height: 50px;
    font-weight: 500;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    text-align: center;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    text-align: center
}
.tp-caption.Agency-NavButton:hover,
.Agency-NavButton:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(51, 51, 51, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}
.tp-caption.Agency-SmallLinkGreen,
.Agency-SmallLinkGreen {
    color: rgba(109, 177, 155, 1.00);
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0px 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 1px solid #6db19b !important
}
.tp-caption.Agency-SmallLinkGreen:hover,
.Agency-SmallLinkGreen:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    cursor: pointer
}
.tp-caption.Agency-SmallLinkBlue,
.Agency-SmallLinkBlue {
    color: rgba(153, 153, 153, 1.00);
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    font-family: lato;
    padding: 0 0 0px 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 1px solid #999 !important
}
.tp-caption.Agency-SmallLinkBlue:hover,
.Agency-SmallLinkBlue:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    cursor: pointer
}
.tp-caption.Agency-LogoText,
.Agency-LogoText {
    color: rgba(255, 255, 255, 1.00);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
    letter-spacing: 1px
}
.tp-caption.Agency-ArrowTooltip,
.Agency-ArrowTooltip {
    color: rgba(51, 51, 51, 1.00);
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: "Permanent Marker";
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: left
}
.tp-caption.Agency-SmallSocial,
.Agency-SmallSocial {
    color: rgba(255, 255, 255, 1.00);
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: Arial;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center
}
.tp-caption.Agency-SmallSocial:hover,
.Agency-SmallSocial:hover {
    color: rgba(51, 51, 51, 1.00);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}
.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #0084B4 !important
}
.tp-caption.Twitter-Content a:hover {
    color: #0084B4 !important;
    text-decoration: underline !important
}
.tp-caption.CreativeFrontPage-Btn,
.CreativeFrontPage-Btn {
    color: rgba(255, 255, 255, 1.00);
    font-size: 14px;
    line-height: 60px;
    font-weight: 900;
    font-style: normal;
    font-family: Roboto;
    padding: 0px 50px 0px 50px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(0, 104, 92, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 4px 4px 4px 4px;
    letter-spacing: 2px
}
.tp-caption.CreativeFrontPage-Btn:hover,
.CreativeFrontPage-Btn:hover {
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer
}
.tp-caption.CreativeFrontPage-Menu,
.CreativeFrontPage-Menu {
    color: rgba(255, 255, 255, 1.00);
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    font-style: normal;
    font-family: roboto;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    letter-spacing: 2px
}
.tp-flip-index {
    z-index: 1000 !important;
}
.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #0084B4 !important
}
.tp-caption.Twitter-Content a:hover {
    color: #0084B4 !important;
    text-decoration: underline !important
}
.tp-caption.FullScreenMenu-Category,
.FullScreenMenu-Category {
    color: rgba(17, 17, 17, 1.00);
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: BenchNine;
    padding: 21px 30px 16px 30px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.90);
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    letter-spacing: 3px
}
.tp-caption.FullScreenMenu-Title,
.FullScreenMenu-Title {
    color: rgba(255, 255, 255, 1.00);
    font-size: 65px;
    line-height: 70px;
    font-weight: 700;
    font-style: normal;
    font-family: BenchNine;
    padding: 21px 30px 16px 30px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(17, 17, 17, 0.90);
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px
}
.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a:visited {
    color: #0084B4 !important
}
.tp-caption.Twitter-Content a:hover {
    color: #0084B4 !important;
    text-decoration: underline !important
}
.tp-caption.TechJournal-Button,
.TechJournal-Button {
    color: rgba(255, 255, 255, 1.00);
    font-size: 13px;
    line-height: 40px;
    font-weight: 900;
    font-style: normal;
    font-family: Raleway;
    padding: 1px 30px 1px 30px;
    text-decoration: none;
    text-align: left;
    background-color: rgba(138, 0, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    letter-spacing: 3px
}
.tp-caption.TechJournal-Button:hover,
.TechJournal-Button:hover {
    color: rgba(0, 0, 0, 1.00);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1.00);
    border-color: rgba(0, 0, 0, 1.00);
    border-style: solid;
    border-width: 0px;
    border-radius: 0px 0px 0px 0px;
    cursor: pointer
}
.tp-caption.TechJournal-Big,
.TechJournal-Big {
    color: rgba(255, 255, 255, 1.00);
    font-size: 120px;
    line-height: 120px;
    font-weight: 900;
    font-style: normal;
    font-family: Raleway;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    letter-spacing: 0px
}
.rev_slider {
    overflow: hidden;
}
.effect_layer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.tp-caption.Twitter-Content a,
    .tp-caption.Twitter-Content a:visited {
        color: #0084B4 !important
    }
    .tp-caption.Twitter-Content a:hover {
        color: #0084B4 !important;
        text-decoration: underline !important
    }
    #menu_forcefullwidth {
        z-index: 5000;
        position: fixed !important;
        top: 0px;
        left: 0px;
        width: 100%
    }
    .tp-caption.FullSiteBlock-Title,
    .FullSiteBlock-Title {
        color: rgba(51, 51, 51, 1.00);
        font-size: 55px;
        line-height: 65px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link,
    .FullSiteBlock-Link {
        color: rgba(0, 150, 255, 1.00);
        font-size: 25px;
        line-height: 24px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link:hover,
    .FullSiteBlock-Link:hover {
        color: rgba(51, 51, 51, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-DownButton,
    .FullSiteBlock-DownButton {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 32px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: rgba(51, 51, 51, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-DownButton:hover,
    .FullSiteBlock-DownButton:hover {
        color: rgba(0, 150, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: rgba(0, 150, 255, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-Title,
    .FullSiteBlock-Title {
        color: rgba(51, 51, 51, 1.00);
        font-size: 55px;
        line-height: 65px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link,
    .FullSiteBlock-Link {
        color: rgba(0, 150, 255, 1.00);
        font-size: 25px;
        line-height: 24px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link:hover,
    .FullSiteBlock-Link:hover {
        color: rgba(51, 51, 51, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-DownButton,
    .FullSiteBlock-DownButton {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 32px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: rgba(51, 51, 51, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-DownButton:hover,
    .FullSiteBlock-DownButton:hover {
        color: rgba(0, 150, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: rgba(0, 150, 255, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-Title,
    .FullSiteBlock-Title {
        color: rgba(51, 51, 51, 1.00);
        font-size: 55px;
        line-height: 65px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-DownButton,
    .FullSiteBlock-DownButton {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 32px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: rgba(51, 51, 51, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-DownButton:hover,
    .FullSiteBlock-DownButton:hover {
        color: rgba(0, 150, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: rgba(0, 150, 255, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-Title,
    .FullSiteBlock-Title {
        color: rgba(51, 51, 51, 1.00);
        font-size: 55px;
        line-height: 65px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link,
    .FullSiteBlock-Link {
        color: rgba(0, 150, 255, 1.00);
        font-size: 25px;
        line-height: 24px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link:hover,
    .FullSiteBlock-Link:hover {
        color: rgba(51, 51, 51, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-DownButton,
    .FullSiteBlock-DownButton {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 32px;
        font-weight: 500;
        font-style: normal;
        font-family: Roboto;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: rgba(51, 51, 51, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-DownButton:hover,
    .FullSiteBlock-DownButton:hover {
        color: rgba(0, 150, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: rgba(0, 150, 255, 1.00);
        border-style: solid;
        border-width: 1px;
        border-radius: 30px 30px 30px 30px;
        cursor: pointer
    }
    .rev_slider {
        overflow: hidden;
    }
    .effect_layer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
    .gyges .tp-thumb {
        opacity: 1
    }
    .gyges .tp-thumb-img-wrap {
        padding: 3px;
        background-color: rgba(0, 0, 0, 0.25);
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
        margin: 0px;
        box-sizing: border-box;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    .gyges .tp-thumb-image {
        padding: 3px;
        display: block;
        box-sizing: border-box;
        position: relative;
        -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
        box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
    }
    .gyges .tp-thumb:hover .tp-thumb-img-wrap,
    .gyges .tp-thumb.selected .tp-thumb-img-wrap {
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    }
    .tp-caption.FullSiteBlock-Title,
    .FullSiteBlock-Title {
        color: rgba(51, 51, 51, 1.00);
        font-size: 55px;
        line-height: 65px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link,
    .FullSiteBlock-Link {
        color: rgba(0, 150, 255, 1.00);
        font-size: 25px;
        line-height: 24px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-Link:hover,
    .FullSiteBlock-Link:hover {
        color: rgba(51, 51, 51, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.FullSiteBlock-FooterLink,
    .FullSiteBlock-FooterLink {
        color: rgba(85, 85, 85, 1.00);
        font-size: 15px;
        line-height: 20px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: left
    }
    .tp-caption.FullSiteBlock-FooterLink:hover,
    .FullSiteBlock-FooterLink:hover {
        color: rgba(0, 150, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .fb-share-button.fb_iframe_widget iframe {
        width: 115px!important;
    }
    #tp-socialwrapper {
        opacity: 0;
    }

        .tp-caption.Twitter-Content a,
    .tp-caption.Twitter-Content a:visited {
        color: #0084B4 !important
    }
    .tp-caption.Twitter-Content a:hover {
        color: #0084B4 !important;
        text-decoration: underline !important
    }
    #menu_forcefullwidth {
        z-index: 5000;
        position: fixed !important;
        top: 0px;
        left: 0px;
        width: 100%
    }
    #tp-menubg {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
        /* FF3.6-15 */
        
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000', GradientType=0);
        /* IE6-9 */
    }
    #mc_embed_signup input[type="email"] {
        font-family: "Lato", sans-serif;
        font-size: 16px;
        font-weight: 400;
        background-color: #fff;
        color: #888 !important;
        line-height: 46px;
        padding: 0 20px;
        cursor: text;
        border: 0;
        width: 400px;
        margin-bottom: 0px;
        -webkit-transition: background-color 0.5s;
        -moz-transition: background-color 0.5s;
        -o-transition: background-color 0.5s;
        -ms-transition: background-color 0.5s;
        transition: background-color 0.5s;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    #mc_embed_signup input[type="email"]::-webkit-input-placeholder {
        color: #888 !important;
    }
    #mc_embed_signup input[type="email"]::-moz-placeholder {
        color: #888 !important;
    }
    #mc_embed_signup input[type="email"]:-ms-input-placeholder {
        color: #888 !important;
    }
    #mc_embed_signup input[type="email"]:focus {
        background-color: #f5f5f5;
        color: #454545;
    }
    #mc_embed_signup input#mc-embedded-subscribe,
    #mc_embed_signup input#mc-embedded-subscribe:focus {
        font-family: "Lato", sans-serif;
        line-height: 46px;
        font-size: 16px;
        font-weight: 700;
        padding: 0 30px;
        border: 0;
        background: #f04531;
        text-transform: none;
        color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    #mc_embed_signup input#mc-embedded-subscribe:hover {
        background: #e03727;
    }
    @media only screen and (max-width: 767px) {
        #mc_embed_signup input[type="email"] {
            width: 260px;
        }
    }
    @media only screen and (max-width: 480px) {
        #mc_embed_signup input[type="email"] {
            width: 160px;
        }
    }
    #rev_slider_167_6 .uranus.tparrows {
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, 0);
    }
    #rev_slider_167_6 .uranus.tparrows:before {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 40px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
    #rev_slider_167_6 .uranus.tparrows:hover:before {
        opacity: 0.75;
    }
    .tp-caption.FullSiteBlock-SubTitle,
    .FullSiteBlock-SubTitle {
        color: rgba(51, 51, 51, 1.00);
        font-size: 25px;
        line-height: 34px;
        font-weight: 300;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: center;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        text-align: center
    }
    .tp-caption.ParallaxWebsite-FooterItem,
    .ParallaxWebsite-FooterItem {
        color: rgba(255, 255, 255, 0.50);
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-style: normal;
        font-family: Lato;
        padding: 0 0 0 0px;
        text-decoration: none;
        text-align: left;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px
    }
    .tp-caption.ParallaxWebsite-FooterItem:hover,
    .ParallaxWebsite-FooterItem:hover {
        color: rgba(255, 255, 255, 1.00);
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
        border-style: none;
        border-width: 0px;
        border-radius: 0 0 0 0px;
        cursor: pointer
    }
    .fb-share-button.fb_iframe_widget iframe {
        width: 115px!important;
    }
    iframe.twitter-share-button {
        display: none;
    }
    .fb-share-button.fb_iframe_widget iframe {
        display: none;
    }

    .tp-caption.FullSiteBlock-Link, 
    .FullSiteBlock-Link {
    color: rgba(0,150,255,1.00);
    font-size: 25px;
    line-height: 24px;
    font-weight: 300;
    font-style: normal;
    font-family: Lato;
    padding: 0 0 0 0px;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    border-radius: 0 0 0 0px;
    text-align: center;
}
/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ARES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
.ares.tparrows {
  cursor:pointer;
  background:#fff;
  min-width:60px;
    min-height:60px;
  position:absolute;
  display:block;
  z-index:100;
    border-radius:50%;
}
.ares.tparrows:hover {
}
.ares.tparrows:before {
  font-family: "revicons";
  font-size:25px;
  color:#aaa;
  display:block;
  line-height: 60px;
  text-align: center;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    z-index:2;
    position:relative;
}
.ares.tparrows.tp-leftarrow:before {
  content: "\e81f";
}
.ares.tparrows.tp-rightarrow:before {
  content: "\e81e";
}
.ares.tparrows:hover:before {
 color:#000;
      }
.ares .tp-title-wrap { 
  position:absolute;
  z-index:1;
  display:inline-block;
  background:#fff;
  min-height:60px;
  line-height:60px;
  top:0px;
  margin-left:30px;
  border-radius:0px 30px 30px 0px;
  overflow:hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform:scaleX(0);  
  -webkit-transform:scaleX(0);  
  transform-origin:0% 50%; 
   -webkit-transform-origin:0% 50%;
}
 .ares.tp-rightarrow .tp-title-wrap { 
   right:0px;
   margin-right:30px;margin-left:0px;
   -webkit-transform-origin:100% 50%;
border-radius:30px 0px 0px 30px;
 }
.ares.tparrows:hover .tp-title-wrap {
  transform:scaleX(1) scaleY(1);
    -webkit-transform:scaleX(1) scaleY(1);
}
.ares .tp-arr-titleholder {
  position:relative;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform:translateX(200px);  
  text-transform:uppercase;
  color:#000;
  font-weight:400;
  font-size:14px;
  line-height:60px;
  white-space:nowrap;
  padding:0px 20px;
  margin-left:10px;
  opacity:0;
}

.ares.tp-rightarrow .tp-arr-titleholder {
   transform:translateX(-200px); 
   margin-left:0px; margin-right:10px;
      }

.ares.tparrows:hover .tp-arr-titleholder {
   transform:translateX(0px);
   -webkit-transform:translateX(0px);
  transition-delay: 0.1s;
  opacity:1;
}

/* BULLETS */
.ares.tp-bullets {
}
.ares.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
}
.ares .tp-bullet {
	width:13px;
	height:13px;
	position:absolute;
	background:#e5e5e5;
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
}
.ares .tp-bullet:hover,
.ares .tp-bullet.selected {
	background:#fff;
}
.ares .tp-bullet-title {
  position:absolute;
  color:#888;
  font-size:12px;
  padding:0px 10px;
  font-weight:600;
  right:27px;
  top:-4px;
  background:#fff;
  background:rgba(255,255,255,0.75);
  visibility:hidden;
  transform:translateX(-20px);
  -webkit-transform:translateX(-20px);
  transition:transform 0.3s;
  -webkit-transition:transform 0.3s;
  line-height:20px;
  white-space:nowrap;
}     

.ares .tp-bullet-title:after {
    width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent rgba(255,255,255,0.75);
	content:" ";
    position:absolute;
    right:-10px;
	top:0px;
}
    
.ares .tp-bullet:hover .tp-bullet-title{
  visibility:visible;
   transform:translateX(0px);
  -webkit-transform:translateX(0px);
}

.ares .tp-bullet.selected:hover .tp-bullet-title {
    background:#fff;
        }
.ares .tp-bullet.selected:hover .tp-bullet-title:after {
  border-color:transparent transparent transparent #fff;
}
.ares.tp-bullets:hover .tp-bullet-title {
        visibility:hidden;
}
.ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title {
    visibility:visible;
      }

/* TABS */
.ares .tp-tab { 
  opacity:1;      
  padding:10px;
  box-sizing:border-box;
  font-family: "Roboto", sans-serif;
  border-bottom: 1px solid #e5e5e5;
 }
.ares .tp-tab-image 
{ 
  width:60px;
  height:60px; max-height:100%; max-width:100%;
  position:relative;
  display:inline-block;
  float:left;

}
.ares .tp-tab-content 
{
    background:rgba(0,0,0,0); 
    position:relative;
    padding:15px 15px 15px 85px;
 left:0px;
 overflow:hidden;
 margin-top:-15px;
    box-sizing:border-box;
    color:#333;
    display: inline-block;
    width:100%;
    height:100%;
 position:absolute; }
.ares .tp-tab-date
  {
  display:block;
  color: #aaa;
  font-weight:500;
  font-size:12px;
  margin-bottom:0px;
  }
.ares .tp-tab-title 
{
    display:block;	
    text-align:left;
    color:#333;
    font-size:14px;
    font-weight:500;
    text-transform:none;
    line-height:17px;
}
.ares .tp-tab:hover,
.ares .tp-tab.selected {
	background:#eee; 
}

.ares .tp-tab-mask {
}

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {

}
@media only screen and (max-width: 768px) {

}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 CUSTOM SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.custom.tparrows {
	cursor:pointer;
	background:#000;
	background:rgba(0,0,0,0.5);
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	z-index:10000;
}
.custom.tparrows:hover {
	background:#000;
}
.custom.tparrows:before {
	font-family: "revicons";
	font-size:15px;
	color:#fff;
	display:block;
	line-height: 40px;
	text-align: center;
}
.custom.tparrows.tp-leftarrow:before {
	content: "\e824";
}
.custom.tparrows.tp-rightarrow:before {
	content: "\e825";
}



/* BULLETS */
.custom.tp-bullets {
}
.custom.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
}
.custom .tp-bullet {
	width:12px;
	height:12px;
	position:absolute;
	background:#aaa;
    background:rgba(125,125,125,0.5);
	cursor: pointer;
	box-sizing:content-box;
}
.custom .tp-bullet:hover,
.custom .tp-bullet.selected {
	background:rgb(125,125,125);
}
.custom .tp-bullet-image {
}
.custom .tp-bullet-title {
}


/* THUMBS */


/* TABS */


/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 DIONE SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.dione.tparrows {
  height:100%;
  width:100px;
  background:transparent;
  background:rgba(0,0,0,0);
  line-height:100%;
  transition:all 0.3s;
-webkit-transition:all 0.3s;
}

.dione.tparrows:hover {
 background:rgba(0,0,0,0.45);
 }
.dione .tp-arr-imgwrapper {
 width:100px;
 left:0px;
 position:absolute;
 height:100%;
 top:0px;
 overflow:hidden;
 }
.dione.tp-rightarrow .tp-arr-imgwrapper {
left:auto;
right:0px;
}

.dione .tp-arr-imgholder {
background-position:center center;
background-size:cover;
width:100px;
height:100%;
top:0px;
visibility:hidden;
transform:translateX(-50px);
-webkit-transform:translateX(-50px);
transition:all 0.3s;
-webkit-transition:all 0.3s;
opacity:0;
left:0px;
}

.dione.tparrows.tp-rightarrow .tp-arr-imgholder {
  right:0px;
  left:auto;
  transform:translateX(50px);
 -webkit-transform:translateX(50px);
}

.dione.tparrows:before {
position:absolute;
line-height:30px;
margin-left:-22px;
top:50%;
left:50%;
font-size:30px;
margin-top:-15px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}

.dione.tparrows.tp-rightarrow:before {
margin-left:6px;
}

.dione.tparrows:hover:before {
  transform:translateX(-20px);
-webkit-transform:translateX(-20px);
opacity:0;
}

.dione.tparrows.tp-rightarrow:hover:before {
  transform:translateX(20px);
-webkit-transform:translateX(20px);
}

.dione.tparrows:hover .tp-arr-imgholder {
 transform:translateX(0px);
-webkit-transform:translateX(0px);
opacity:1;
visibility:visible;
}



/* BULLETS */
.dione .tp-bullet { 
    opacity:1;
    width:50px;
    height:50px;    
    padding:3px;
    background:#000;
    background-color:rgba(0,0,0,0.25);
    margin:0px;
    box-sizing:border-box;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;

  }

.dione .tp-bullet-image {
   display:block;
   box-sizing:border-box;
   position:relative;
    -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  width:44px;
  height:44px;
  background-size:cover;
  background-position:center center;
 }  
.dione .tp-bullet-title { 
     position:absolute; 
   bottom:65px;
     display:inline-block;
     left:50%;
     background:#000;
     background:rgba(0,0,0,0.75);
     color:#fff;
     padding:10px 30px;
     border-radius:4px;
   -webkit-border-radius:4px;
     opacity:0;
      transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin:50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin:50% 100%;
    opacity:0;
    white-space:nowrap;
 }

.dione .tp-bullet:hover .tp-bullet-title {
     transform:rotateX(0deg) translateX(-50%);
    -webkit-transform:rotateX(0deg) translateX(-50%);
    opacity:1;
}

.dione .tp-bullet.selected,
.dione .tp-bullet:hover  {
  
   background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
 
      }
.dione .tp-bullet-title:after {
        content:" ";
        position:absolute;
        left:50%;
        margin-left:-8px;
        width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(0,0,0,0.75) transparent transparent transparent;
        bottom:-8px;
   }


/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ERINYEN SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.erinyen.tparrows {
  cursor:pointer;
  background:#000;
  background:rgba(0,0,0,0.5);
  min-width:70px;
  min-height:70px;
  position:absolute;
  display:block;
  z-index:1000;
  border-radius:35px;   
}

.erinyen.tparrows:before {
  font-family: "revicons";
  font-size:20px;
  color:#fff;
  display:block;
  line-height: 70px;
  text-align: center;    
  z-index:2;
  position:relative;
}
.erinyen.tparrows.tp-leftarrow:before {
  content: "\e824";
}
.erinyen.tparrows.tp-rightarrow:before {
  content: "\e825";
}

.erinyen .tp-title-wrap { 
  position:absolute;
  z-index:1;
  display:inline-block;
  background:#000;
  background:rgba(0,0,0,0.5);
  min-height:70px;
  line-height:70px;
  top:0px;
  margin-left:0px;
  border-radius:35px;
  overflow:hidden; 
  transition: opacity 0.3s;
  -webkit-transition:opacity 0.3s;
  -moz-transition:opacity 0.3s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);  
  visibility:hidden;
  opacity:0;
}

.erinyen.tparrows:hover .tp-title-wrap{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity:1;
  visibility:visible;
}
        
 .erinyen.tp-rightarrow .tp-title-wrap { 
   right:0px;
   margin-right:0px;margin-left:0px;
   -webkit-transform-origin:100% 50%;
  border-radius:35px;
  padding-right:20px;
  padding-left:10px;
 }


.erinyen.tp-leftarrow .tp-title-wrap { 
   padding-left:20px;
  padding-right:10px;
}

.erinyen .tp-arr-titleholder {
  letter-spacing: 3px;
   position:relative;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform:translateX(200px);  
  text-transform:uppercase;
  color:#fff;
  font-weight:600;
  font-size:13px;
  line-height:70px;
  white-space:nowrap;
  padding:0px 20px;
  margin-left:11px;
  opacity:0;  
}

.erinyen .tp-arr-imgholder {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  background-position:center center;
  background-size:cover;
    }
 .erinyen .tp-arr-img-over {
   width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
   background:#000;
   background:rgba(0,0,0,0.5);
        }
.erinyen.tp-rightarrow .tp-arr-titleholder {
   transform:translateX(-200px); 
   margin-left:0px; margin-right:11px;
      }

.erinyen.tparrows:hover .tp-arr-titleholder {
   transform:translateX(0px);
   -webkit-transform:translateX(0px);
  transition-delay: 0.1s;
  opacity:1;
}

/* BULLETS */
.erinyen.tp-bullets {
}
.erinyen.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background: #555555; /* old browsers */
    background: -moz-linear-gradient(top,  #555555 0%, #222222 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#222222)); /* chrome,safari4+ */
    background: -webkit-linear-gradient(top,  #555555 0%,#222222 100%); /* chrome10+,safari5.1+ */
    background: -o-linear-gradient(top,  #555555 0%,#222222 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(top,  #555555 0%,#222222 100%); /* ie10+ */
    background: linear-gradient(to bottom,  #555555 0%,#222222 100%); /* w3c */
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#555555", endcolorstr="#222222",gradienttype=0 ); /* ie6-9 */
	padding:10px 15px;
	margin-left:-15px;margin-top:-10px;
	box-sizing:content-box;
   border-radius:10px;
   box-shadow:0px 0px 2px 1px rgba(33,33,33,0.3);
}
.erinyen .tp-bullet {
	width:13px;
	height:13px;
	position:absolute;
	background:#111;	
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
}
.erinyen .tp-bullet:hover,
.erinyen .tp-bullet.selected {
	background: #e5e5e5; /* old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #999999 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#999999)); /* chrome,safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#999999 100%); /* chrome10+,safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#999999 100%); /* opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#999999 100%); /* ie10+ */
background: linear-gradient(to bottom,  #e5e5e5 0%,#999999 100%); /* w3c */
filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#e5e5e5", endcolorstr="#999999",gradienttype=0 ); /* ie6-9 */
  border:1px solid #555;
  width:12px;height:12px;
}
.erinyen .tp-bullet-image {
}
.erinyen .tp-bullet-title {
}


/* THUMBS */
.erinyen .tp-thumb {
opacity:1
}

.erinyen .tp-thumb-over {
  background:#000;
  background:rgba(0,0,0,0.25);
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

.erinyen .tp-thumb-more:before {
  font-family: "revicons";
  font-size:12px;
  color:#aaa;
  color:rgba(255,255,255,0.75);
  display:block;
  line-height: 12px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:20px;
  right:20px;
  z-index:2;
}
.erinyen .tp-thumb-more:before {
  content: "\e825";
}

.erinyen .tp-thumb-title {
  font-family:"Raleway";
  letter-spacing:1px;
  font-size:12px;
  color:#fff;
  display:block;
  line-height: 15px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
  padding:20px 35px 20px 20px;
  width:100%;
  height:100%;
  box-sizing:border-box;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  font-weight:500;
}

.erinyen .tp-thumb.selected .tp-thumb-more:before,
.erinyen .tp-thumb:hover .tp-thumb-more:before {
 color:#aaa;

}

.erinyen .tp-thumb.selected .tp-thumb-over,
.erinyen .tp-thumb:hover .tp-thumb-over {
 background:#fff;
}
.erinyen .tp-thumb.selected .tp-thumb-title,
.erinyen .tp-thumb:hover .tp-thumb-title {
  color:#000;

}


/* TABS */
.erinyen .tp-tab-title {
    color:#a8d8ee;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    font-family:"Roboto Slab"
    margin-bottom:5px;
}

.erinyen .tp-tab-desc {
	font-size:18px;
    font-weight:400;
    color:#fff;
    line-height:25px;
	font-family:"Roboto Slab";
}
      

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 GYGES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */


/* BULLETS */
.gyges.tp-bullets {
}
.gyges.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background: #777777; /* Old browsers */
    background: -moz-linear-gradient(top,  #777777 0%, #666666 100%); 
    background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#777777), color-stop(100%,#666666)); 
    background: -webkit-linear-gradient(top,  #777777 0%,#666666 100%); 
    background: -o-linear-gradient(top,  #777777 0%,#666666 100%); 
    background: -ms-linear-gradient(top,  #777777 0%,#666666 100%); 
    background: linear-gradient(to bottom,  #777777 0%,#666666 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#777777", 
    endColorstr="#666666",GradientType=0 ); 
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
  border-radius:10px;
}
.gyges .tp-bullet {
	width:12px;
	height:12px;
	position:absolute;
	background:#333;
	border:3px solid #444;
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
}
.gyges .tp-bullet:hover,
.gyges .tp-bullet.selected {
	background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", 
    endColorstr="#e1e1e1",GradientType=0 ); /* IE6-9 */

}
.gyges .tp-bullet-image {
}
.gyges .tp-bullet-title {
}
	

/* THUMBS */
.gyges .tp-thumb { 
      opacity:1
  }
.gyges .tp-thumb-img-wrap {
  padding:3px;
    background:#000;
  background-color:rgba(0,0,0,0.25);
  display:inline-block;

  width:100%;
  height:100%;
  position:relative;
  margin:0px;
  box-sizing:border-box;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.gyges .tp-thumb-image {
   padding:3px; 
   display:block;
   box-sizing:border-box;
   position:relative;
    -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
 }  
.gyges .tp-thumb-title { 
     position:absolute; 
     bottom:100%; 
     display:inline-block;
     left:50%;
     background:rgba(255,255,255,0.8);
     padding:10px 30px;
     border-radius:4px;
	 -webkit-border-radius:4px;
     margin-bottom:20px;
     opacity:0;
      transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin:50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin:50% 100%;
    white-space:nowrap;
 }
.gyges .tp-thumb:hover .tp-thumb-title {
  	 transform:rotateX(0deg) translateX(-50%);
    -webkit-transform:rotateX(0deg) translateX(-50%);
    opacity:1;
}

.gyges .tp-thumb:hover .tp-thumb-img-wrap,
 .gyges .tp-thumb.selected .tp-thumb-img-wrap {

  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
 }
.gyges .tp-thumb-title:after {
        content:" ";
        position:absolute;
        left:50%;
        margin-left:-8px;
        width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 8px 0 8px;
		border-color: rgba(255,255,255,0.8) transparent transparent transparent;
        bottom:-8px;
   }


/* TABS */
.gyges .tp-tab { 
  opacity:1;      
  padding:10px;
  box-sizing:border-box;
  font-family: "Roboto", sans-serif;
  border-bottom: 1px solid rgba(255,255,255,0.15);
 }
.gyges .tp-tab-image 
{ 
  width:60px;
  height:60px; max-height:100%; max-width:100%;
  position:relative;
  display:inline-block;
  float:left;

}
.gyges .tp-tab-content 
{
    background:rgba(0,0,0,0); 
    position:relative;
    padding:15px 15px 15px 85px;
 left:0px;
  overflow:hidden;
 margin-top:-15px;
    box-sizing:border-box;
    color:#333;
    display: inline-block;
    width:100%;
    height:100%;
 position:absolute; }
.gyges .tp-tab-date
  {
  display:block;
  color: rgba(255,255,255,0.25);
  font-weight:500;
  font-size:12px;
  margin-bottom:0px;
  }
.gyges .tp-tab-title 
{
    display:block;  
    text-align:left;
    color:#fff;
    font-size:14px;
    font-weight:500;
    text-transform:none;
    line-height:17px;
}
.gyges .tp-tab:hover,
.gyges .tp-tab.selected {
  background:rgba(0,0,0,0.5); 
}

.gyges .tp-tab-mask {
}

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {

}
@media only screen and (max-width: 768px) {

}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HADES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hades.tparrows {
	cursor:pointer;
	background:#000;
	background:rgba(0,0,0,0.15);
	width:100px;
	height:100px;
	position:absolute;
	display:block;
	z-index:1000;
}

.hades.tparrows:before {
	font-family: "revicons";
	font-size:30px;
	color:#fff;
	display:block;
	line-height: 100px;
	text-align: center;
  transition: background 0.3s, color 0.3s;
}
.hades.tparrows.tp-leftarrow:before {
	content: "\e824";
}
.hades.tparrows.tp-rightarrow:before {
	content: "\e825";
}

.hades.tparrows:hover:before {
   color:#aaa;
   background:#fff;
   background:rgba(255,255,255,1);
 }
.hades .tp-arr-allwrapper {
  position:absolute;
  left:100%;
  top:0px;
  background:#888; 
  width:100px;height:100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0;
  -webkit-transform: rotatey(-90deg);
  transform: rotatey(-90deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.hades.tp-rightarrow .tp-arr-allwrapper {
   left:auto;
   right:100%;
   -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
   -webkit-transform: rotatey(90deg);
  transform: rotatey(90deg);
}

.hades:hover .tp-arr-allwrapper {
   -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;  
    -webkit-transform: rotatey(0deg);
  transform: rotatey(0deg);

 }
    
.hades .tp-arr-iwrapper {
}
.hades .tp-arr-imgholder {
  background-size:cover;
  position:absolute;
  top:0px;left:0px;
  width:100%;height:100%;
}
.hades .tp-arr-titleholder {
}
.hades .tp-arr-subtitleholder {
}


/* BULLETS */
.hades.tp-bullets {
}
.hades.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
}
.hades .tp-bullet {
	width:3px;
	height:3px;
	position:absolute;
	background:#888;	
	cursor: pointer;
    border:5px solid #fff;
	box-sizing:content-box;
    box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
    -webkit-perspective:400;
    perspective:400;
    -webkit-transform:translatez(0.01px);
    transform:translatez(0.01px);
}
.hades .tp-bullet:hover,
.hades .tp-bullet.selected {
	background:#555;
  
}

.hades .tp-bullet-image {
  position:absolute;top:-80px; left:-60px;width:120px;height:60px;
  background-position:center center;
  background-size:cover;
  visibility:hidden;
  opacity:0;
  transition:all 0.3s;
  -webkit-transform-style:flat;
  transform-style:flat;
  perspective:600;
  -webkit-perspective:600;
  transform: rotatex(-90deg);
  -webkit-transform: rotatex(-90deg);
  box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);
  transform-origin:50% 100%;
  -webkit-transform-origin:50% 100%;
  
  
}
.hades .tp-bullet:hover .tp-bullet-image {
  display:block;
  opacity:1;
  transform: rotatex(0deg);
  -webkit-transform: rotatex(0deg);
  visibility:visible;
    }
.hades .tp-bullet-title {
}


/* THUMBS */
.hades .tp-thumb { 
      opacity:1
  }
.hades .tp-thumb-img-wrap {
  border-radius:50%;
  padding:3px;
  display:inline-block;
background:#000;
  background-color:rgba(0,0,0,0.25);
  width:100%;
  height:100%;
  position:relative;
  margin:0px;
  box-sizing:border-box;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.hades .tp-thumb-image {
   padding:3px; 
   border-radius:50%;
   display:block;
   box-sizing:border-box;
   position:relative;
    -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
 }  


.hades .tp-thumb:hover .tp-thumb-img-wrap,
.hades .tp-thumb.selected .tp-thumb-img-wrap {
  
   background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
 
      }
.hades .tp-thumb-title:after {
        content:" ";
        position:absolute;
        left:50%;
        margin-left:-8px;
        width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 8px 0 8px;
		border-color: rgba(0,0,0,0.75) transparent transparent transparent;
        bottom:-8px;
   }


/* TABS */
.hades .tp-tab {
  opacity:1;
 }
    
.hades .tp-tab-title
 {
      display:block;
      color:#333;
      font-weight:600;
      font-size:18px;
      text-align:center;
      line-height:25px;      
    } 
.hades .tp-tab-price
 {
	display:block;
    text-align:center;
    color:#999;
    font-size:16px;
    margin-top:10px;
   line-height:20px
}

.hades .tp-tab-button {
    display:inline-block;
    margin-top:15px;
    text-align:center;
	padding:5px 15px;
  	color:#fff;
  	font-size:14px;
  	background:#219bd7;
   	border-radius:4px;
   font-weight:400;
}
.hades .tp-tab-inner {
	text-align:center;
}

              

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HEBE SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hebe.tparrows {
  cursor:pointer;
  background:#fff;
  min-width:70px;
    min-height:70px;
  position:absolute;
  display:block;
  z-index:1000;
}
.hebe.tparrows:hover {
}
.hebe.tparrows:before {
  font-family: "revicons";
  font-size:30px;
  color:#aaa;
  display:block;
  line-height: 70px;
  text-align: center;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  z-index:2;
  position:relative;
   background:#fff;
  min-width:70px;
    min-height:70px;
}
.hebe.tparrows.tp-leftarrow:before {
  content: "\e824";
}
.hebe.tparrows.tp-rightarrow:before {
  content: "\e825";
}
.hebe.tparrows:hover:before {
 color:#000;
      }
.hebe .tp-title-wrap { 
  position:absolute;
  z-index:0;
  display:inline-block;
  background:#000;
  background:rgba(0,0,0,0.75);
  min-height:60px;
  line-height:60px;
  top:-10px;
  margin-left:0px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transform:scaleX(0);  
  -webkit-transform:scaleX(0);  
  transform-origin:0% 50%; 
   -webkit-transform-origin:0% 50%;
}
 .hebe.tp-rightarrow .tp-title-wrap { 
   right:0px;
   -webkit-transform-origin:100% 50%;
 }
.hebe.tparrows:hover .tp-title-wrap {
  transform:scaleX(1);
  -webkit-transform:scaleX(1);
}
.hebe .tp-arr-titleholder {
  position:relative;
  text-transform:uppercase;
  color:#fff;
  font-weight:600;
  font-size:12px;
  line-height:90px;
  white-space:nowrap;
  padding:0px 20px 0px 90px;
}

.hebe.tp-rightarrow .tp-arr-titleholder {
   margin-left:0px; 
   padding:0px 90px 0px 20px;
 }

.hebe.tparrows:hover .tp-arr-titleholder {
   transform:translateX(0px);
   -webkit-transform:translateX(0px);
  transition-delay: 0.1s;
  opacity:1;
}

.hebe .tp-arr-imgholder{
      width:90px;
      height:90px;
      position:absolute;
      left:100%;
      display:block;
      background-size:cover;
      background-position:center center;
  	 top:0px; right:-90px;
    }
.hebe.tp-rightarrow .tp-arr-imgholder{
        right:auto;left:-90px;
      }

/* BULLETS */
.hebe.tp-bullets {
}
.hebe.tp-bullets:before {
  content:" ";
  position:absolute;
  width:100%;
  height:100%;
  background:transparent;
  padding:10px;
  margin-left:-10px;margin-top:-10px;
  box-sizing:content-box;
}

.hebe .tp-bullet {
  width:3px;
  height:3px;
  position:absolute;
  background:#fff;  
  cursor: pointer;
  border:5px solid #222;
  border-radius:50%;
  box-sizing:content-box;
  -webkit-perspective:400;
  perspective:400;
  -webkit-transform:translateZ(0.01px);
  transform:translateZ(0.01px);
   transition:all 0.3s;
}
.hebe .tp-bullet:hover,
.hebe .tp-bullet.selected {
  background:#222;
  border-color:#fff;
}

.hebe .tp-bullet-image {
  position:absolute;
  top:-90px; left:-40px;
  width:70px;
  height:70px;
  background-position:center center;
  background-size:cover;
  visibility:hidden;
  opacity:0;
  transition:all 0.3s;
  -webkit-transform-style:flat;
  transform-style:flat;
  perspective:600;
  -webkit-perspective:600;
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin:50% 100%;
  -webkit-transform-origin:50% 100%;
border-radius:6px;
  
  
}
.hebe .tp-bullet:hover .tp-bullet-image {
  display:block;
  opacity:1;
  transform: scale(1);
  -webkit-transform: scale(1);
  visibility:visible;
    }
.hebe .tp-bullet-title {
}


/* TABS */
.hebe .tp-tab-title {
    color:#a8d8ee;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    font-family:"Roboto Slab"
    margin-bottom:5px;
}

.hebe .tp-tab-desc {
	font-size:18px;
    font-weight:400;
    color:#fff;
    line-height:25px;
	font-family:"Roboto Slab";
}


/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HEPHAISTOS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hephaistos.tparrows {
	cursor:pointer;
	background:#000;
	background:rgba(0,0,0,0.5);
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	z-index:1000;
    border-radius:50%;
}
.hephaistos.tparrows:hover {
	background:#000;
}
.hephaistos.tparrows:before {
	font-family: "revicons";
	font-size:18px;
	color:#fff;
	display:block;
	line-height: 40px;
	text-align: center;
}
.hephaistos.tparrows.tp-leftarrow:before {
	content: "\e82c";
  margin-left:-2px;
  
}
.hephaistos.tparrows.tp-rightarrow:before {
	content: "\e82d";
   margin-right:-2px;
}



/* BULLETS */
.hephaistos.tp-bullets {
}
.hephaistos.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
}
.hephaistos .tp-bullet {
	width:12px;
	height:12px;
	position:absolute;
	background:#999;
	border:3px solid #f5f5f5;
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
  box-shadow: 0px 0px 2px 1px rgba(130,130,130, 0.3);

}
.hephaistos .tp-bullet:hover,
.hephaistos .tp-bullet.selected {
	background:#fff;
    border-color:#000;
}
.hephaistos .tp-bullet-image {
}
.hephaistos .tp-bullet-title {
}


/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HERMES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hermes.tparrows {
	cursor:pointer;
	background:#000;
	background:rgba(0,0,0,0.5);
	width:30px;
	height:110px;
	position:absolute;
	display:block;
	z-index:1000;
}

.hermes.tparrows:before {
	font-family: "revicons";
	font-size:15px;
	color:#fff;
	display:block;
	line-height: 110px;
	text-align: center;
    transform:translateX(0px);
    -webkit-transform:translateX(0px);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.hermes.tparrows.tp-leftarrow:before {
	content: "\e824";
}
.hermes.tparrows.tp-rightarrow:before {
	content: "\e825";
}
.hermes.tparrows.tp-leftarrow:hover:before {
    transform:translateX(-20px);
    -webkit-transform:translateX(-20px);
     opacity:0;
}
.hermes.tparrows.tp-rightarrow:hover:before {
    transform:translateX(20px);
    -webkit-transform:translateX(20px);
     opacity:0;
}

.hermes .tp-arr-allwrapper {
    overflow:hidden;
    position:absolute;
	width:180px;
    height:140px;
    top:0px;
    left:0px;
    visibility:hidden;
      -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  -webkit-perspective: 1000px;
  perspective: 1000px;
    }
.hermes.tp-rightarrow .tp-arr-allwrapper {
   right:0px;left:auto;
      }
.hermes.tparrows:hover .tp-arr-allwrapper {
   visibility:visible;
          }
.hermes .tp-arr-imgholder {
  width:180px;position:absolute;
  left:0px;top:0px;height:110px;
  transform:translateX(-180px);
  -webkit-transform:translateX(-180px);
  transition:all 0.3s;
  transition-delay:0.3s;
}
.hermes.tp-rightarrow .tp-arr-imgholder{
    transform:translateX(180px);
  -webkit-transform:translateX(180px);
      }
  
.hermes.tparrows:hover .tp-arr-imgholder {
   transform:translateX(0px);
   -webkit-transform:translateX(0px);            
}
.hermes .tp-arr-titleholder {
  top:110px;
  width:180px;
  text-align:left; 
  display:block;
  padding:0px 10px;
  line-height:30px; background:#000;
  background:rgba(0,0,0,0.75);color:#fff;
  font-weight:600; position:absolute;
  font-size:12px;
  white-space:nowrap;
  letter-spacing:1px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  box-sizing:border-box;

}
.hermes.tparrows:hover .tp-arr-titleholder {
    -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}


/* BULLETS */
.hermes.tp-bullets {
}

.hermes .tp-bullet {
    overflow:hidden;
    border-radius:50%;
    width:16px;
    height:16px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px #FFF;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    position:absolute;
}

.hermes .tp-bullet:hover {
	  background-color: rgba(0, 0, 0, 0.2);
}
.hermes .tp-bullet:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  height: 0;
  left: 0;
  width: 100%;
  background-color: #FFF;
  box-shadow: 0 0 1px #FFF;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.hermes .tp-bullet.selected:after {
  height:100%;
}


/* TABS */
.hermes .tp-tab { 
  opacity:1;  
  padding-right:10px;
  box-sizing:border-box;
 }
.hermes .tp-tab-image 
{ 
  width:100%;
  height:60%;
  position:relative;
}
.hermes .tp-tab-content 
{
    background:rgb(54,54,54); 
    position:absolute;
    padding:20px 20px 20px 30px;
    box-sizing:border-box;
    color:#fff;
  display:block;
  width:100%;
  min-height:40%;
  bottom:0px;
  left:-10px;
  }
.hermes .tp-tab-date
  {
  display:block;
  color:#888;
  font-weight:600;
  font-size:12px;
  margin-bottom:10px;
  }
.hermes .tp-tab-title 
{
    display:block;	
    color:#fff;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
   line-height:19px;
}

.hermes .tp-tab.selected .tp-tab-title:after {
    width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 0 30px 10px;
	border-color: transparent transparent transparent rgb(54,54,54);
	content:" ";
    position:absolute;
    right:-9px;
    bottom:50%;
    margin-bottom:-30px;
}
.hermes .tp-tab-mask {
     padding-right:10px !important;
          }

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {
  .hermes .tp-tab .tp-tab-title {font-size:14px;line-height:16px;}
  .hermes .tp-tab-date { font-size:11px; line-height:13px;margin-bottom:10px;}
  .hermes .tp-tab-content { padding:15px 15px 15px 25px;}
}
@media only screen and (max-width: 768px) {
  .hermes .tp-tab .tp-tab-title {font-size:12px;line-height:14px;}
  .hermes .tp-tab-date {font-size:10px; line-height:12px;margin-bottom:5px;}
  .hermes .tp-tab-content {padding:10px 10px 10px 20px;}
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 HESPERIDEN SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.hesperiden.tparrows {
	cursor:pointer;
	background:#000;
	background:rgba(0,0,0,0.5);
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	z-index:1000;
    border-radius: 50%;
}
.hesperiden.tparrows:hover {
	background:#000;
}
.hesperiden.tparrows:before {
	font-family: "revicons";
	font-size:20px;
	color:#fff;
	display:block;
	line-height: 40px;
	text-align: center;
}
.hesperiden.tparrows.tp-leftarrow:before {
	content: "\e82c";
    margin-left:-3px;
}
.hesperiden.tparrows.tp-rightarrow:before {
	content: "\e82d";
    margin-right:-3px;
}

/* BULLETS */
.hesperiden.tp-bullets {
}
.hesperiden.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
   border-radius:8px;
  
}
.hesperiden .tp-bullet {
	width:12px;
	height:12px;
	position:absolute;
	background: #999999; /* old browsers */
    background: -moz-linear-gradient(top,  #999999 0%, #e1e1e1 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), 
    color-stop(100%,#e1e1e1)); /* chrome,safari4+ */
    background: -webkit-linear-gradient(top,  #999999 0%,#e1e1e1 100%); /* chrome10+,safari5.1+ */
    background: -o-linear-gradient(top,  #999999 0%,#e1e1e1 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(top,  #999999 0%,#e1e1e1 100%); /* ie10+ */
    background: linear-gradient(to bottom,  #999999 0%,#e1e1e1 100%); /* w3c */
    filter: progid:dximagetransform.microsoft.gradient( 
    startcolorstr="#999999", endcolorstr="#e1e1e1",gradienttype=0 ); /* ie6-9 */
	border:3px solid #e5e5e5;
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
}
.hesperiden .tp-bullet:hover,
.hesperiden .tp-bullet.selected {
	background:#666;
}
.hesperiden .tp-bullet-image {
}
.hesperiden .tp-bullet-title {
}


/* THUMBS */
.hesperiden .tp-thumb {
  opacity:1;
  -webkit-perspective: 600px;
  perspective: 600px;
}
.hesperiden .tp-thumb .tp-thumb-title {
    font-size:12px;
    position:absolute;
    margin-top:-10px;
    color:#fff;
    display:block;
    z-index:10000;
    background-color:#000;
    padding:5px 10px; 
    bottom:0px;
    left:0px;
    width:100%;
  box-sizing:border-box;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transform:rotatex(90deg) translatez(0.001px);
    transform-origin:50% 100%;
    -webkit-transform:rotatex(90deg) translatez(0.001px);
    -webkit-transform-origin:50% 100%;
    opacity:0;
 }
.hesperiden .tp-thumb:hover .tp-thumb-title {
  	 transform:rotatex(0deg);
    -webkit-transform:rotatex(0deg);
    opacity:1;
}

/* TABS */
.hesperiden .tp-tab { 
  opacity:1;      
  padding:10px;
  box-sizing:border-box;
  font-family: "Roboto", sans-serif;
  border-bottom: 1px solid #e5e5e5;
 }
.hesperiden .tp-tab-image 
{ 
  width:60px;
  height:60px; max-height:100%; max-width:100%;
  position:relative;
  display:inline-block;
  float:left;

}
.hesperiden .tp-tab-content 
{
    background:rgba(0,0,0,0); 
    position:relative;
    padding:15px 15px 15px 85px;
 left:0px;
 overflow:hidden;
 margin-top:-15px;
    box-sizing:border-box;
    color:#333;
    display: inline-block;
    width:100%;
    height:100%;
 position:absolute; }
.hesperiden .tp-tab-date
  {
  display:block;
  color: #aaa;
  font-weight:500;
  font-size:12px;
  margin-bottom:0px;
  }
.hesperiden .tp-tab-title 
{
    display:block;	
    text-align:left;
    color:#333;
    font-size:14px;
    font-weight:500;
    text-transform:none;
    line-height:17px;
}
.hesperiden .tp-tab:hover,
.hesperiden .tp-tab.selected {
	background:#eee; 
}

.hesperiden .tp-tab-mask {
}

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {

}
@media only screen and (max-width: 768px) {

}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 METIS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.metis.tparrows {
  background:#fff;
  padding:10px;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  width:60px;
  height:60px;
  box-sizing:border-box;
 }
 
 .metis.tparrows:hover {
   background:#fff;
   background:rgba(255,255,255,0.75);
 }
 
 .metis.tparrows:before {
  color:#000;  
   transition:all 0.3s;
  -webkit-transition:all 0.3s;
 }
 
 .metis.tparrows:hover:before {
   transform:scale(1.5);
  }
 

/* BULLETS */
.metis .tp-bullet { 
    opacity:1;
    width:50px;
    height:50px;    
    padding:3px;
    background:#000;
    background-color:rgba(0,0,0,0.25);
    margin:0px;
    box-sizing:border-box;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    border-radius:50%;
  }

.metis .tp-bullet-image {

   border-radius:50%;
   display:block;
   box-sizing:border-box;
   position:relative;
    -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
  width:44px;
  height:44px;
  background-size:cover;
  background-position:center center;
 }  
.metis .tp-bullet-title { 
     position:absolute; 
	 bottom:65px;
     display:inline-block;
     left:50%;
     background:#000;
     background:rgba(0,0,0,0.75);
     color:#fff;
     padding:10px 30px;
     border-radius:4px;
	 -webkit-border-radius:4px;
     opacity:0;
      transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    transform-origin:50% 100%;
    -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px);
    -webkit-transform-origin:50% 100%;
    opacity:0;
    white-space:nowrap;
 }

.metis .tp-bullet:hover .tp-bullet-title {
  	 transform:rotateX(0deg) translateX(-50%);
    -webkit-transform:rotateX(0deg) translateX(-50%);
    opacity:1;
}

.metis .tp-bullet.selected,
.metis .tp-bullet:hover  {
  
   background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(119,119,119,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(119,119,119,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 );
 
      }
.metis .tp-bullet-title:after {
        content:" ";
        position:absolute;
        left:50%;
        margin-left:-8px;
        width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 8px 0 8px;
		border-color: rgba(0,0,0,0.75) transparent transparent transparent;
        bottom:-8px;
   }

.metis .tp-tab-number {
        color: #fff;
        font-size: 40px;
        line-height: 30px;
        font-weight: 400;
        font-family: "Playfair Display";
        width: 50px;
        margin-right: 17px;
        display: inline-block;
        float: left;
    }
    .metis .tp-tab-mask {
        padding-left: 20px;
        left: 0px;
        max-width: 90px !important;
        transition: 0.4s padding-left, 0.4s left, 0.4s max-width;
    }
    .metis:hover .tp-tab-mask {
        padding-left: 0px;
        left: 50px;
        max-width: 500px !important;
    }
    .metis .tp-tab-divider {
        border-right: 1px solid transparent;
        height: 30px;
        width: 1px;
        margin-top: 5px;
        display: inline-block;
        float: left;
    }
    .metis .tp-tab-title {
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        font-weight: 400;
        font-family: "Playfair Display";
        position: relative;
        padding-top: 10px;
        padding-left: 30px;
        display: inline-block;
        transform: translateX(-100%);
        transition: 0.4s all;
    }
    .metis .tp-tab-title-mask {
        position: absolute;
        overflow: hidden;
        left: 67px;
    }
    .metis:hover .tp-tab-title {
        transform: translateX(0);
    }
    .metis .tp-tab {
        opacity: 0.15;
        transition: 0.4s all;
    }
    .metis .tp-tab:hover,
    .metis .tp-tab.selected {
        opacity: 1;
    }
    .metis .tp-tab.selected .tp-tab-divider {
        border-right: 1px solid #cdb083;
    }
    .metis.tp-tabs {
        max-width: 118px !important;
        padding-left: 50px;
    }
    .metis.tp-tabs:before {
        content: " ";
        height: 100%;
        width: 88px;
        background: rgba(0, 0, 0, 0.15);
        border-right: 1px solid rgba(255, 255, 255, 0.10);
        left: 0px;
        top: 0px;
        position: absolute;
        transition: 0.4s all;
    }
    .metis.tp-tabs:hover:before {
        width: 118px;
    }
    @media (max-width: 499px) {
        .metis.tp-tabs:before {
            background: rgba(0, 0, 0, 0.75);
        }
    }

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 PERSEPHONE SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.persephone.tparrows {
	cursor:pointer;
	background:#aaa;
	background:rgba(200,200,200,0.5);
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	z-index:100;
  border:1px solid #f5f5f5;
}
.persephone.tparrows:hover {
	background:#333;
}
.persephone.tparrows:before {
	font-family: "revicons";
	font-size:15px;
	color:#fff;
	display:block;
	line-height: 40px;
	text-align: center;
}
.persephone.tparrows.tp-leftarrow:before {
	content: "\e824";
}
.persephone.tparrows.tp-rightarrow:before {
	content: "\e825";
}



/* BULLETS */
.persephone.tp-bullets {
}
.persephone.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:#transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
}
.persephone .tp-bullet {
	width:12px;
	height:12px;
	position:absolute;
	background:#aaa;
	border:1px solid #e5e5e5;	
	cursor: pointer;
	box-sizing:content-box;
}
.persephone .tp-bullet:hover,
.persephone .tp-bullet.selected {
	background:#222;
}
.persephone .tp-bullet-image {
}
.persephone .tp-bullet-title {
}


/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 URANUS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.uranus.tparrows {
  width:50px;
  height:50px;
  background:transparent;
 }
 .uranus.tparrows:before {
 width:50px;
 height:50px;
 line-height:50px;
 font-size:40px;
 transition:all 0.3s;
-webkit-transition:all 0.3s;
 }
 
  .uranus.tparrows:hover:before {
    opacity:0.75;
  }

/* BULLETS */
.uranus .tp-bullet{
	border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  background:transparent;
}
.uranus .tp-bullet.selected,
.uranus .tp-bullet:hover {
  box-shadow: 0 0 0 2px #FFF;
  border:none;
  border-radius: 50%;

   background:transparent;
}



.uranus .tp-bullet-inner {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
  border-radius: 50%;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.3);
  text-indent: -999em;
  cursor: pointer;
  position: absolute;
}

.uranus .tp-bullet.selected .tp-bullet-inner,
.uranus .tp-bullet:hover .tp-bullet-inner{
 transform: scale(0.4);
 -webkit-transform: scale(0.4);
 background-color:#fff;
}

/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ZEUS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.zeus.tparrows {
  cursor:pointer;
  min-width:70px;
  min-height:70px;
  position:absolute;
  display:block;
  z-index:100;
  border-radius:35px;   
  overflow:hidden;
  background:rgba(0,0,0,0.10);
}

.zeus.tparrows:before {
  font-family: "revicons";
  font-size:20px;
  color:#fff;
  display:block;
  line-height: 70px;
  text-align: center;    
  z-index:2;
  position:relative;
}
.zeus.tparrows.tp-leftarrow:before {
  content: "\e824";
}
.zeus.tparrows.tp-rightarrow:before {
  content: "\e825";
}

.zeus .tp-title-wrap {
  background:#000;
  background:rgba(0,0,0,0.5);
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  position:absolute;
  opacity:0;
  transform:scale(0);
  -webkit-transform:scale(0);
   transition: all 0.3s;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
   border-radius:50%;
 }
.zeus .tp-arr-imgholder {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  background-position:center center;
  background-size:cover;
  border-radius:50%;
  transform:translateX(-100%);
  -webkit-transform:translateX(-100%);
   transition: all 0.3s;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;

 }
.zeus.tp-rightarrow .tp-arr-imgholder {
    transform:translateX(100%);
  -webkit-transform:translateX(100%);
      }
.zeus.tparrows:hover .tp-arr-imgholder {
  transform:translateX(0);
  -webkit-transform:translateX(0);
  opacity:1;
}
      
.zeus.tparrows:hover .tp-title-wrap {
  transform:scale(1);
  -webkit-transform:scale(1);
  opacity:1;
}
 

/* BULLETS */
.zeus .tp-bullet {
     box-sizing:content-box; -webkit-box-sizing:content-box; border-radius:50%;
      background-color: rgba(0, 0, 0, 0);
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
	  width:13px;height:13px;
	  border:2px solid #fff;
 }
.zeus .tp-bullet:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  background-color: #FFF;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}
.zeus .tp-bullet:hover:after,
.zeus .tp-bullet.selected:after{
    -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
  
 .zeus .tp-bullet-image,
 .zeus .tp-bullet-imageoverlay{
        width:135px;
        height:60px;
        position:absolute;
        background:#000;
        background:rgba(0,0,0,0.5);
        bottom:25px;
        left:50%;
        margin-left:-65px;
        box-sizing:border-box;
        background-size:cover;
        background-position:center center;
        visibility:hidden;
        opacity:0;
         -webkit-backface-visibility: hidden; 
      	backface-visibility: hidden;
        -webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
  		-webkit-transition: all 0.3s ease;
  		transition: all 0.3s ease;
        border-radius:4px;

}
          

.zeus .tp-bullet-title,
.zeus .tp-bullet-imageoverlay {
        z-index:2;
        -webkit-transition: all 0.5s ease;
	  	transition: all 0.5s ease;
}     
.zeus .tp-bullet-title { 
        color:#fff;
        text-align:center;
        line-height:15px;
        font-size:13px;
        font-weight:600;  
        z-index:3;
         visibility:hidden;
        opacity:0;
         -webkit-backface-visibility: hidden; 
      	backface-visibility: hidden;
        -webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
  		-webkit-transition: all 0.3s ease;
  		transition: all 0.3s ease;
        position:absolute;
        bottom:45px;
        width:135px;
    	vertical-align:middle;
        left:-57px;
}
      
.zeus .tp-bullet:hover .tp-bullet-title,
.zeus .tp-bullet:hover .tp-bullet-image,
.zeus .tp-bullet:hover .tp-bullet-imageoverlay{
      opacity:1;
      visibility:visible;
	  -webkit-transform:translateY(0px);
      transform:translateY(0px);         
    }

/* THUMBS */
.zeus .tp-thumb {
opacity:1
}

.zeus .tp-thumb-over {
  background:#000;
  background:rgba(0,0,0,0.25);
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

.zeus .tp-thumb-more:before {
  font-family: "revicons";
  font-size:12px;
  color:#aaa;
  color:rgba(255,255,255,0.75);
  display:block;
  line-height: 12px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:20px;
  right:20px;
  z-index:2;
}
.zeus .tp-thumb-more:before {
  content: "\e825";
}

.zeus .tp-thumb-title {
  font-family:"Raleway";
  letter-spacing:1px;
  font-size:12px;
  color:#fff;
  display:block;
  line-height: 15px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
  padding:20px 35px 20px 20px;
  width:100%;
  height:100%;
  box-sizing:border-box;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  font-weight:500;
}

.zeus .tp-thumb.selected .tp-thumb-more:before,
.zeus .tp-thumb:hover .tp-thumb-more:before {
 color:#aaa;

}

.zeus .tp-thumb.selected .tp-thumb-over,
.zeus .tp-thumb:hover .tp-thumb-over {
 background:#000;
}
.zeus .tp-thumb.selected .tp-thumb-title,
.zeus .tp-thumb:hover .tp-thumb-title {
  color:#fff;

}


/* TABS */
.zeus .tp-tab { 
  opacity:1;      
  box-sizing:border-box;
}

.zeus .tp-tab-title { 
display: block;
text-align: center;
background: rgba(0,0,0,0.25);
font-family: "Roboto Slab", serif; 
font-weight: 700; 
font-size: 13px; 
line-height: 13px;
color: #fff; 
padding: 9px 10px; }

.zeus .tp-tab:hover .tp-tab-title,
.zeus .tp-tab.selected .tp-tab-title {
 color: #000;
  background:rgba(255,255,255,1); 
}



/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 ZEUS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/


.post-tabs .tp-thumb {
opacity:1
}

.post-tabs .tp-thumb-over {
  background:#252525;
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
}

.post-tabs .tp-thumb-more:before {
  font-family: "revicons";
  font-size:12px;
  color:#aaa;
  color:rgba(255,255,255,0.75);
  display:block;
  line-height: 12px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:15px;
  right:15px;
  z-index:2;
}
.post-tabs .tp-thumb-more:before {
  content: "\e825";
}

.post-tabs .tp-thumb-title {
  font-family:"raleway";
  letter-spacing:1px;
  font-size:12px;
  color:#fff;
  display:block;
  line-height: 15px;
  text-align: left;    
  z-index:2;
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
  padding:15px 30px 15px 15px;
  width:100%;
  height:100%;
  box-sizing:border-box;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  font-weight:500;
}

.post-tabs .tp-thumb.selected .tp-thumb-more:before,
.post-tabs .tp-thumb:hover .tp-thumb-more:before {
 color:#aaa;

}

.post-tabs .tp-thumb.selected .tp-thumb-over,
.post-tabs .tp-thumb:hover .tp-thumb-over {
 background:#fff;
}
.post-tabs .tp-thumb.selected .tp-thumb-title,
.post-tabs .tp-thumb:hover .tp-thumb-title {
  color:#000;

}

/*

    GalleryView Stylesheet
    
    Use the CSS rules below to modify the look of your gallery.
     
    To create additional rules, use the markup below as a guide to GalleryView's architecture.
*/

/* GALLERY LIST */
/* IMPORTANT - Change '#myGallery' to the ID of your gallery list to prevent a flash of unstyled content */
#myGallery { display: none; }

.gv_galleryWrap { position: relative; background: #d9d9d9; font-size: 10pt;margin: 0 auto; }

/* GALLERY DIV */
.gv_gallery { overflow: hidden; position: relative;}


/*************************************************/
/**   PANEL STYLES                              **/
/*************************************************/

.gv_panelWrap { filter: inherit; position: absolute; overflow: hidden; }

.gv_panel-loading { background: url('//static.telkom.co.za/today/static/web/gallery/images/img-loader.gif') 50% 50% no-repeat #aaa; }
.gv_frame-loading { background: url('//static.telkom.co.za/today/static/web/gallery/images/img-loader.gif') 50% 50% no-repeat #aaa; }

/* GALLERY PANELS */
.gv_panel { filter: inherit; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 100; }
.gv_panel img { position: absolute; }

.gv_overlay { position: absolute; background: black; color: white; z-index: 200; }
.gv_showOverlay { 
    position: absolute; 
    width: 20px; 
    height: 20px; 
    cursor: pointer;
    z-index: 200;
    /*background: #d9d9d9;*/
    background-image:url('//static.telkom.co.za/today/static/web/gallery/images/gallery-info.png?c1ec014237ed');
}
.gv_overlay h4 { color: white; margin: 1em; font-weight: bold; }
.gv_overlay p { color: white; margin: 1em; }

.gv_infobar {
    background: #222;
    padding: 0 0.5em;
    line-height: 1.5em;
    height: 1.5em;
    font-size: 10pt;
    font-weight: bold;
    color: white;
    
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    vertical-align: middle;
    z-index: 2000;
    
}


/*************************************************/
/**   FILMSTRIP STYLES                          **/
/*************************************************/

.gv_filmstripWrap { overflow: hidden; position: absolute; }


/* FILMSTRIP */
.gv_filmstrip { margin: 0; padding: 0; position: absolute; top: 0; left: 0; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.gv_frame { 
    cursor: pointer;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}

/* WRAPPER FOR FILMSTRIP IMAGES */
.gv_frame .gv_thumbnail { position: relative;overflow: hidden !important; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.gv_frame.current .gv_thumbnail {}

/* FRAME IMAGES */
.gv_frame img { border: none; position: absolute; }

/* FRAME CAPTION */
.gv_frame .gv_caption { height: 14px; line-height: 14px; font-size: 10px; text-align: center; color:white; }

/* CURRENT FRAME CAPTION */
.gv_frame.current .gv_caption { }

/* POINTER FOR CURRENT FRAME */
.gv_pointer {
    border-color: black;
}

/* NAVIGATION BUTTONS */
.gv_navWrap {
    text-align: center;
    position: absolute;
}
.gv_navPlay,
.gv_navPause,
.gv_navNext,
.gv_navPrev {
    
    opacity: 0.3;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    filter:alpha(opacity=30);
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align: middle;
}
.gv_navPlay:hover,
.gv_navPause:hover,
.gv_navNext:hover,
.gv_navPrev:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    filter:alpha(opacity=80);
}

.gv_panelNavPrev,
.gv_panelNavNext {
    position: absolute;
    display: none;
    opacity: 0.50;
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    filter:alpha(opacity=50);
    z-index: 200;
}

.gv_panelNavPrev:hover,
.gv_panelNavNext:hover {
    opacity: 0.9;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    filter:alpha(opacity=90);
}

.gv_navPlay {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background: url('//static.telkom.co.za/today/static/web/gallery/images/play-big.png') top left no-repeat;
}
.gv_navPause {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background: url('//static.telkom.co.za/today/static/web/gallery/images/pause-big.png') top left no-repeat;
}
.gv_navNext {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: url('//static.telkom.co.za/today/static/web/gallery/images/next.png') top left no-repeat;
}
.gv_navPrev {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: url('//static.telkom.co.za/today/static/web/gallery/images/prev.png') top right no-repeat;
}
.gv_panelNavNext {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: url('//static.telkom.co.za/today/static/web/gallery/images/panel-next.png') top left no-repeat;
}
.gv_panelNavPrev {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: url('//static.telkom.co.za/today/static/web/gallery/images/panel-prev.png') top right no-repeat;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .gv_pointer {
    filter: chroma(color=pink);
}

/*
    AnythingSlider v1.7+ Default (base) theme
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/

#slider { width: 600px; height: 378px; list-style: none; overflow-y: auto; overflow-x: hidden; }
.anythingBase { max-width: 32766px; }

/*****************
  SET COLORS HERE
 *****************/

div.anythingSlider.activeSlider .anythingControls ul a.cur { color: #c5c5c5; }
div.anythingSlider.activeSlider .anythingControls ul a { color: #666; line-height: 18px; }

/***********************
  COMMON SLIDER STYLING
 ***********************/

div.anythingSlider { display: block; margin: 0 auto; overflow: visible !important; position: relative; padding: 0; }
div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; }
.anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; }
.anythingBase .panel { display: block; overflow: hidden; float: left; padding: 0; margin: 0; position: relative; }
.anythingBase .panel.vertical { float: none; }
.anythingBase .panel .info { width: 560px; height: 113px; padding: 0 20px; background: url('//static.telkom.co.za/today/static/web/images/slider_bg.png?5582b49a9240') repeat; position: absolute; bottom: 40px; left: 0; z-index: 3; }
.anythingBase .panel .info .subtitle { padding: 15px 0 5px 0; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; }
.anythingBase .panel .info .title { padding: 15px 0 0 0; font-size: 22px; font-weight: bold; color: #fff; background: transparent!important; border: 0; margin: 0; padding: 0; }
.anythingBase .panel .info .title a { color: #fff; }
.anythingBase .panel .info .description { padding: 10px 0 0 0; color: #fff; font-size: 12px; }
div.anythingSlider .arrow { bottom: 15px; position: absolute; display: block; left: 0; z-index: 2; }
div.anythingSlider .arrow a { width: 9px; height: 11px; display: block; text-align: center; outline: 0; }
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
div.anythingSlider .back { left: 87px; }
div.anythingSlider .back a { background: url('//static.telkom.co.za/today/static/web/images/slider_arrow_left.png?ae0ed70b97fd') top no-repeat; }
div.anythingSlider .back a:hover, 
div.anythingSlider .back a.hover { background: url('//static.telkom.co.za/today/static/web/images/slider_arrow_left.png?ae0ed70b97fd') bottom no-repeat; }
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
div.anythingSlider .forward { left: 500px; }
div.anythingSlider .forward a { background: url('//static.telkom.co.za/today/static/web/images/slider_arrow_right.png?5b86259d1d15') top no-repeat; }
div.anythingSlider .forward a:hover, 
div.anythingSlider .forward a.hover { background: url('//static.telkom.co.za/today/static/web/images/slider_arrow_right.png?5b86259d1d15') bottom no-repeat; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
div.anythingSlider .anythingControls { width: 600px; height: 40px; position: absolute; bottom: 0; left: 0; z-index: 1; background: #fff; outline: 0; display: none; }
div.anythingSlider .anythingControls ul { width: 95px; margin: 15px auto; padding: 0 0 0 20px; }
div.anythingSlider .anythingControls ul li { width: 10px; height: 10px; float: left; margin: 0 5px 0 0; display: inline; }
div.anythingSlider .anythingControls ul li a { background: url('//static.telkom.co.za/today/static/web/images/slider_dots.png?d11c5c005bdf') top no-repeat; }
div.anythingSlider .anythingControls ul li a:hover { background: url('//static.telkom.co.za/today/static/web/images/slider_dots.png?d11c5c005bdf') center no-repeat; }
div.anythingSlider .anythingControls ul li a.cur,
div.anythingSlider .anythingControls ul li a.cur:hover { background: url('//static.telkom.co.za/today/static/web/images/slider_dots.png?d11c5c005bdf') bottom no-repeat; }
div.anythingSlider .anythingControls ul a { width: 10px; height: 10px; float: left; text-decoration: none; text-align: left; outline: 0; overflow: hidden; text-indent: -100px; }
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; }
div.anythingSlider .start-stop { padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; }


div.social-buttons a {
    cursor: pointer;
    font: -webkit-small-control;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: none;
    box-shadow: none;
    font-weight: bold;
    line-height: 45px;
    border-radius: 2px;
    border: none;
    height: 45px;
    width: auto;
    white-space: nowrap;
    font-size: 0.9em;
    display: inline-block;
    margin: 1em;
    padding-right: 8px
}
div.social-buttons a.facebook {
    background-color: #536A97;
    background: -webkit-linear-gradient(top, #536A97, #3D5382);
    background: -moz-linear-gradient(top, #536A97, #3D5382);
    background: -o-linear-gradient(top, #536A97, #3D5382);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#536a97',endColorstr='#4f77a7');
    background-image: -ms-linear-gradient(#536A97, #3D5382);
    color: #fff;
    
}
div.social-buttons a.twitter {
    background-color: #5EAADC;
    background: -webkit-linear-gradient(top, #5EAADC, #4797D3);
    background: -moz-linear-gradient(top, #5EAADC, #4797D3);
    background: -o-linear-gradient(top, #5EAADC, #4797D3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EAADC',endColorstr='#4f77a7');
    background-image: -ms-linear-gradient(#5EAADC, #4797D3);
    color: #fff;    
}
div.social-buttons a.google {
    background-color: #D14836;
    background: -webkit-linear-gradient(top, #C53717, #D14836);
    background: -moz-linear-gradient(top, #C53717, #D14836);
    background: -o-linear-gradient(top, #C53717, #D14836);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5eeadc',endColorstr='#D14836');
    background-image: -ms-linear-gradient(#c53717, #D14836);
    color: #fff;    
}
div.social-buttons a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
}
div.social-buttons a.facebook span {
    background: url('//static.telkom.co.za/today/static/web/images/facebook-connect-button.png?e453b099c1bf') 0 10px no-repeat;
    width: 36px;
    height: 45px;
}
div.social-buttons a.twitter span {
    background: url('//static.telkom.co.za/today/static/web/images/twitter-oauth-button.png?44f0c7bf41c1') 0 10px no-repeat;
    width: 36px;
    height: 45px;
}

div.social-buttons a.google span {
    background: url('//static.telkom.co.za/today/static/web/images/google-oauth2-button.png?caa32451dfb1') 0 10px no-repeat;
    width: 36px;
    height: 45px;
}

/* */
.prevent-shop-click { width: 100%; height: 100%; position: absolute; z-index: 1000; }
a .item.ghost { position: relative; }