/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  padding-right: 0 !important; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/*** Text Colors ***/
/*** Brand Colors ***/
/*** Secondary Colors ***/
/**Velocity Color*/
/** Finder Colors Palette */
html {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden; }
  html {
    font-size: 15px; }
    @media screen and (min-width: 320px) {
      html {
        font-size: calc(15px + 5 * ((100vw - 320px) / 1600)); } }
    @media screen and (min-width: 1920px) {
      html {
        font-size: 20px; } }

strong {
  font-weight: 600; }

i {
  font-style: italic; }

.strong {
  font-weight: 600 !important; }

.case-low {
  text-transform: lowercase !important; }

.brand-name {
  text-transform: none !important; }

h1 {
  font-size: 1.85rem;
  font-weight: 500;
  line-height: 1.21;
  letter-spacing: -1px; }

h2 {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -1px; }

h3 {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -1px; }

h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -1px; }

.highlight-txt {
  display: inline-block;
  margin: 1.25% 0;
  padding: 1.5% 2.5%;
  color: #FFF;
  background-color: #FF6666; }

.iprimus-us {
  text-decoration: none;
  position: relative; }
  .iprimus-us:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 6px;
    border-width: 0 0 8px 0;
    border-style: solid; }
  .iprimus-us.orange:after {
    border-color: #ff9900; }
  .iprimus-us.blue:after {
    border-color: #0099ff; }
  .iprimus-us.purple:after {
    border-color: #993399; }
  .iprimus-us.green:after {
    border-color: #35cc99 !important; }

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

.txt-center {
  text-align: center; }

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

.txt-iprimus-blue {
  color: #22296c !important; }

.txt-soft-blue {
  color: #8ffff6 !important; }

.txt-soft-grape {
  color: #ad5cad !important; }

.txt-vibrant-purple {
  color: #993399 !important; }

.txt-salmon-pink {
  color: #FF6666 !important; }

.txt-bright-orange {
  color: #ff9900 !important; }

.txt-digital-blue {
  color: #0099ff !important; }

.txt-pastel-blue {
  color: #99CCFF !important; }

.txt-mint-green {
  color: #35cc99 !important; }

.txt-wisteria {
  color: #c285c2; }

.txt-white {
  color: #FFF !important; }

.txt-black {
  color: #333 !important; }

.txt-velocity-purple {
  color: #512797 !important; }

.txt-velocity-red {
  color: #ff3300 !important; }

.txt-finder-blue {
  color: #0271e1 !important; }

.txt-basic {
  color: #FFb850 !important; }

.txt-optimal {
  color: #FF6666 !important; }

.txt-premium {
  color: #9D3f9F !important; }

.bg-base {
  background-color: #f2f2f2 !important; }

.bg-basic {
  background-color: #FFb850 !important; }

.bg-optimal {
  background-color: #FF6666 !important; }

.bg-premium {
  background-color: #9D3f9F !important; }

.bg-dark-grey {
  background-color: #f1f1f1 !important; }

.bg-soft-grape {
  background-color: #ad5cad !important; }

.bg-iprimus-blue {
  background-color: #22296c !important; }

.bg-soft-blue {
  background-color: #8ffff6 !important; }

.bg-vibrant-purple {
  background-color: #993399 !important; }

.bg-salmon-pink {
  background-color: #FF6666 !important; }

.bg-bright-orange {
  background-color: #ff9900 !important; }

.bg-digital-blue {
  background-color: #0099ff !important; }

.bg-pastel-blue {
  background-color: #99CCFF !important; }

.bg-mint-green {
  background-color: #35cc99 !important; }

.bg-apricot {
  background-color: #ffc266 !important; }

.bg-pale-red {
  background-color: #e43f3f !important; }

.bg-velocity-purple {
  background-color: #512797 !important; }

.bg-velocity-red {
  background-color: #ff3300 !important; }

.bg-velocity-grey {
  background-color: #e7e5f0 !important; }

.bg-finder-blue {
  background-color: #0271e1 !important; }

.bg-finder-grey {
  background-color: #f3f3f3 !important; }

.bg-soft-white {
  background-color: #f5f2f1 !important;
  color: #22296c !important; }

.row {
  margin-right: 0;
  margin-left: 0; }

.move-right {
  float: right; }

.move-left {
  float: left; }

.stretch {
  padding-right: 0;
  padding-left: 0; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.flex {
  width: 100%;
  padding: 0.9375rem 15% !important; }

.flex-sm {
  width: 100%;
  padding: 0.75rem 15% !important; }

.cover-mobile {
  display: none; }

.cover-desktop {
  display: block; }

.step-img {
  width: 50%; }

.uplift-custom-space {
  height: 10vh !important;
  display: block;
  display: none; }

.transform-hide {
  transform: translateX(100%);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }

.left-in {
  transform: translateX(0) !important; }

.rigtht-in {
  right: 0; }

@media (max-device-width: 1023px) {
  .uplift-custom-space {
    display: block; } }

@media (max-width: 786px) {
  .cover-mobile {
    display: block; }
  .cover-desktop {
    display: none; } }

.btn {
  font-size: 0.9375rem;
  font-weight: 500;
  padding: 1rem 15%;
  text-transform: capitalize;
  border-width: 3px;
  border-radius: .15rem;
  cursor: pointer; }

.grp-btn {
  font-size: 0.8rem !important;
  text-transform: capitalize !important;
  border: 2px solid #FFF !important;
  font-weight: 500 !important; }

.grp-btn-mint-green {
  background-color: #f4f4f4 !important; }

.grp-btn-digital-blue {
  background-color: #fff !important;
  border: 2px solid #f4f4f4 !important; }

.grp-btn-soft-grape {
  background-color: #f4f4f4 !important; }

.grp-btn-mint-green:hover {
  background-color: #35cc99 !important;
  color: #FFF !important; }

.grp-btn-mint-green.focus, .grp-btn-mint-green:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #35cc99 !important;
  color: #FFF !important; }

.grp-btn-mint-green.active, .grp-btn-mint-green:active {
  background-color: #35cc99 !important; }

.grp-btn-digital-blue:hover {
  background-color: #0099ff !important;
  color: #FFF !important; }

.grp-btn-digital-blue.focus, .grp-btn-digital-blue:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #0099ff !important;
  color: #FFF !important; }

.grp-btn-digital-blue.active, .grp-btn-digital-blue:active {
  background-color: #0099ff !important; }

.grp-btn-soft-grape:hover {
  background-color: #ad5cad !important;
  color: #FFF !important; }

.grp-btn-soft-grape.focus, .grp-btn-soft-grape:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #ad5cad !important;
  color: #FFF !important; }

.grp-btn-soft-grape.active, .grp-btn-soft-grape:active {
  background-color: #ad5cad !important; }

.active {
  color: #FFF !important; }

.grp-btn-three {
  padding: 0.8rem 1rem; }

.grp-btn-two {
  padding: 0.8rem 0 !important;
  width: 9rem !important; }

a {
  cursor: pointer !important; }

.btn-width {
  width: 17.5rem;
  padding: 1rem 0; }

.sm {
  font-size: 1rem;
  font-weight: normal;
  padding: 0.5rem 5%;
  text-transform: uppercase;
  border-width: 3px;
  border-radius: 0.125rem; }

.btn-digital-blue {
  color: #fff !important;
  background-color: #0099ff;
  border-color: #0099ff; }

.btn-digital-blue:hover {
  color: #fff !important;
  background-color: #0099ff;
  border-color: #0099ff;
  opacity: 0.75; }

.btn-digital-blue:focus, .btn-digital-blue.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); }

.btn-digital-blue.disabled, .btn-digital-blue:disabled {
  cursor: not-allowed !important;
  background-color: #0275d8;
  border-color: #0275d8; }

.btn-digital-blue:active, .btn-digital-blue.active,
.show > .btn-digital-blue.dropdown-toggle {
  color: #fff !important;
  background-color: #025aa5;
  background-image: none;
  border-color: #01549b; }

.btn-basic {
  color: #fff !important;
  background-color: #FFb850;
  border-color: #FFb850; }

.btn-basic:hover {
  color: #fff !important;
  background-color: #FFb850;
  border-color: #FFb850;
  opacity: 0.75; }

.btn-basic:focus, .btn-basic.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); }

.btn-basic.disabled, .btn-basic:disabled {
  cursor: not-allowed !important;
  background-color: #FFb850;
  border-color: #FFb850; }

.btn-basic:active, .btn-basic.active,
.show > .btn-basic.dropdown-toggle {
  color: #fff !important;
  background-color: #FFb850;
  background-image: none;
  border-color: #FFb850; }

.btn-bright-orange {
  color: #fff !important;
  background-color: #ff9900;
  border-color: #ff9900; }

.btn-bright-orange:hover {
  color: #fff !important;
  background-color: #ff9900;
  border-color: #ff9900;
  opacity: 0.75; }

.btn-bright-orange:focus, .btn-bright-orange.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.5);
  box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.5); }

.btn-bright-orange.disabled, .btn-bright-orange:disabled {
  cursor: not-allowed !important;
  background-color: #ff9900;
  border-color: #ff9900; }

.btn-bright-orange:active, .btn-bright-orange.active,
.show > .btn-bright-orange.dropdown-toggle {
  color: #fff !important;
  background-color: #ff9900;
  background-image: none;
  border-color: #ff9900; }

.btn-soft-grape {
  color: #fff !important;
  background-color: #ad5cad;
  border-color: #ad5cad; }

.btn-soft-grape::hover {
  color: #fff !important;
  background-color: #ad5cad;
  border-color: #ad5cad;
  opacity: 0.75; }

.btn-soft-grape:focus, .btn-soft-grape.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(173, 92, 173, 0.5);
  box-shadow: 0 0 0 2px rgba(173, 92, 173, 0.5); }

.btn-soft-grape.disabled, .btn-soft-grape:disabled {
  cursor: not-allowed !important;
  background-color: #ad5cad;
  border-color: #ad5cad; }

.btn-soft-grape:active, .btn-soft-grape.active,
.show > .btn-soft-grape.dropdown-toggle {
  color: #fff !important;
  background-color: #ad5cad;
  background-image: none;
  border-color: #ad5cad; }

.btn-mint-green {
  color: #fff !important;
  background-color: #35cc99;
  border-color: #35cc99; }

.btn-mint-green::hover {
  color: #fff !important;
  background-color: #35cc99;
  border-color: #35cc99;
  opacity: 0.75; }

.btn-mint-green:focus, .btn-mint-green.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(53, 204, 153, 0.5);
  box-shadow: 0 0 0 2px rgba(53, 204, 153, 0.5); }

.btn-mint-green.disabled, .btn-mint-green:disabled {
  cursor: not-allowed !important;
  background-color: #35cc99;
  border-color: #35cc99; }

.btn-mint-green:active, .btn-mint-green.active,
.show > .btn-mint-green.dropdown-toggle {
  color: #fff !important;
  background-color: #35cc99;
  background-image: none;
  border-color: #35cc99; }

.btn-outline-transparent-mint-green {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: #35cc99; }

.btn-outline-transparent-mint-green:hover {
  color: #fff !important;
  border-color: #35cc99;
  background-color: #35cc99; }

.btn-outline-transparent-soft-grape {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: #ad5cad; }

.btn-outline-transparent-soft-grape:hover {
  color: #fff !important;
  border-color: #ad5cad;
  background-color: #ad5cad; }

.btn-outline-transparent-digital-blue {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: #0099ff; }

.btn-outline-transparent-digital-blue:hover {
  color: #fff !important;
  border-color: #0099ff;
  background-color: #0099ff; }

.btn-outline-default {
  color: #22296c;
  border-color: #22296c;
  background-color: transparent;
  background-image: none; }

.btn-outline-default:hover {
  color: #fff !important;
  border-color: #22296c;
  background-color: #22296c; }

.btn-outline-default.focus,
.btn-outline-default:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(34, 41, 108, 0.5);
  box-shadow: 0 0 0 2px rgba(34, 41, 108, 0.5); }

.btn-outline-default.disabled,
.btn-outline-default:disabled {
  cursor: not-allowed !important;
  color: #22296c;
  background-color: transparent; }

.btn-outline-default.active,
.btn-outline-default:active,
.show > .btn-outline-default.dropdown-toggle {
  color: #fff !important;
  border-color: #22296c;
  background-color: #22296c; }

.btn-outline-soft-grape {
  color: #ad5cad;
  border-color: #ad5cad;
  background-color: transparent;
  background-image: none; }

.btn-outline-soft-grape:hover {
  color: #fff !important;
  border-color: #ad5cad;
  background-color: #ad5cad; }

.btn-outline-soft-grape.focus,
.btn-outline-soft-grape:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(173, 92, 173, 0.5);
  box-shadow: 0 0 0 2px rgba(173, 92, 173, 0.5); }

.btn-outline-soft-grape.disabled,
.btn-outline-soft-grape:disabled {
  cursor: not-allowed !important;
  color: #ad5cad;
  background-color: transparent; }

.btn-outline-soft-grape.active,
.btn-outline-soft-grape:active,
.show > .btn-outline-soft-grape.dropdown-toggle {
  color: #fff !important;
  border-color: #ad5cad;
  background-color: #ad5cad; }

.btn-outline-basic {
  color: #FFb850;
  border-color: #FFb850;
  background-color: transparent;
  background-image: none; }

.btn-outline-basic:hover {
  color: #fff !important;
  border-color: #FFb850;
  background-color: #FFb850; }

.btn-outline-basic.focus,
.btn-outline-basic:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(255, 184, 80, 0.5);
  box-shadow: 0 0 0 2px rgba(255, 184, 80, 0.5); }

.btn-outline-basic.disabled,
.btn-outline-basic:disabled {
  cursor: not-allowed !important;
  color: #FFb850;
  background-color: transparent; }

.btn-outline-basic.active,
.btn-outline-basic:active,
.show > .btn-outline-basic.dropdown-toggle {
  color: #fff !important;
  border-color: #FFb850;
  background-color: #FFb850; }

.btn-outline-optimal {
  color: #FF6666;
  border-color: #FF6666;
  background-color: transparent;
  background-image: none; }

.btn-outline-optimal:hover {
  color: #fff !important;
  border-color: #FF6666;
  background-color: #FF6666; }

.btn-outline-optimal.focus,
.btn-outline-optimal:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(255, 102, 102, 0.5);
  box-shadow: 0 0 0 2px rgba(255, 102, 102, 0.5); }

.btn-outlin-optimal.disabled,
.btn-outline-optimal:disabled {
  cursor: not-allowed !important;
  color: #FF6666;
  background-color: transparent; }

.btn-outline-optimal.active,
.btn-outline-optimal:active,
.show > .btn-outline-optimal.dropdown-toggle {
  color: #fff !important;
  border-color: #FF6666;
  background-color: #FF6666; }

.btn-outline-premium {
  color: #9D3f9F;
  border-color: #9D3f9F;
  background-color: transparent;
  background-image: none; }

.btn-outline-premium:hover {
  color: #fff !important;
  border-color: #9D3f9F;
  background-color: #9D3f9F; }

.btn-outline-premium.focus,
.btn-outline-premium:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(157, 63, 159, 0.5);
  box-shadow: 0 0 0 2px rgba(157, 63, 159, 0.5); }

.btn-outline-premium.disabled,
.btn-outline-premium:disabled {
  cursor: not-allowed !important;
  color: #9D3f9F;
  background-color: transparent; }

.btn-outline-premium.active,
.btn-outline-premium:active,
.show > .btn-outline-premium.dropdown-toggle {
  color: #fff !important;
  border-color: #9D3f9F;
  background-color: #9D3f9F; }

.btn-outline-mint-green {
  color: #35cc99;
  border-color: #35cc99;
  background-color: transparent;
  background-image: none; }

.btn-outline-mint-green:hover {
  color: #fff !important;
  border-color: #35cc99;
  background-color: #35cc99; }

.btn-outline-mint-green.focus,
.btn-outline-mint-green:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(53, 204, 153, 0.5);
  box-shadow: 0 0 0 2px rgba(53, 204, 153, 0.5); }

.btn-outline-mint-green.disabled,
.btn-outline-mint-green:disabled {
  cursor: not-allowed !important;
  color: #35cc99;
  background-color: transparent; }

.btn-outline-mint-green.active,
.btn-outline-mint-green:active,
.show > .btn-outline-mint-green.dropdown-toggle {
  color: #fff !important;
  border-color: #35cc99;
  background-color: #35cc99; }

.btn-outline-digital-blue {
  color: #0099ff;
  border-color: #0099ff;
  background-color: transparent;
  background-image: none; }

.btn-outline-digital-blue:hover {
  color: #fff !important;
  border-color: #0099ff;
  background-color: #0099ff; }

.btn-outline-digital-blue.focus,
.btn-outline-digital-blue:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 153, 255, 0.5);
  box-shadow: 0 0 0 2px rgba(0, 153, 255, 0.5); }

.btn-outline-digital-blue.disabled,
.btn-outline-digital-blue:disabled {
  cursor: not-allowed !important;
  color: #0099ff;
  background-color: transparent; }

.btn-outline-digital-blue.active,
.btn-outline-digital-blue:active,
.show > .btn-outline-digital-blue.dropdown-toggle {
  color: #fff !important;
  border-color: #0099ff;
  background-color: #0099ff; }

/*Velocity button*/
.btn-velocity-purple {
  color: #fff !important;
  background-color: #512797;
  border-color: #512797; }

.btn-outline-velocity-purple {
  color: #512797;
  border-color: #512797;
  background-color: transparent;
  background-image: none; }

.btn-outline-velocity-purple:hover {
  color: #fff !important;
  border-color: #512797;
  background-color: #512797; }

.btn-outline-velocity-purple.focus,
.btn-outline-velocity-purple:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(81, 38, 152, 0.5);
  box-shadow: 0 0 0 2px rgba(81, 38, 152, 0.5); }

.btn-outline-velocity-purple.disabled,
.btn-outline-velocity-purple:disabled {
  cursor: not-allowed !important;
  color: #512797;
  background-color: transparent; }

.btn-outline-velocity-purple.active,
.btn-outline-velocity-purple:active,
.show > .btn-outline-velocity-purple.dropdown-toggle {
  color: #fff !important;
  border-color: #512797;
  background-color: #512797; }

.btn-velocity-red {
  color: #fff !important;
  background-color: #ff3300;
  border-color: #ff3300; }

.btn-outline-velocity-red {
  color: #ff3300;
  border-color: #ff3300;
  background-color: transparent;
  background-image: none; }

.btn-outline-velocity-red:hover {
  color: #fff !important;
  border-color: #ff3300;
  background-color: #ff3300; }

.btn-outline-velocity-red.focus,
.btn-outline-velocity-red:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(214, 8, 59, 0.5);
  box-shadow: 0 0 0 2px rgba(214, 8, 59, 0.5); }

.btn-velocity-red.disabled,
.btn-outline-velocity-red:disabled {
  cursor: not-allowed !important;
  color: #ff3300;
  background-color: transparent; }

/* FINDER BUTTONS */
/*Velocity button*/
.btn-finder-blue {
  color: #fff !important;
  background-color: #0271e1;
  border-color: #0271e1; }

.btn-outline-finder-blue {
  color: #0271e1;
  border-color: #0271e1;
  background-color: transparent;
  background-image: none; }

.btn-outline-finder-blue:hover {
  color: #fff !important;
  border-color: #1591fe;
  background-color: #1591fe; }

.btn-outline-finder-blue.focus,
.btn-outline-finder-blue:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(29, 62, 175, 0.5);
  box-shadow: 0 0 0 2px rgba(29, 62, 175, 0.5); }

.btn-outline-finder-blue.disabled,
.btn-outline-finder-blue:disabled {
  cursor: not-allowed !important;
  color: #0271e1;
  background-color: transparent; }

.btn-outline-finder-blue.active,
.btn-outline-finder-blue:active,
.show > .btn-outline-finder-blue.dropdown-toggle {
  color: #fff !important;
  border-color: #0271e1;
  background-color: #0271e1; }

.form-control {
  font-family: 'Poppins', sans-serif;
  width: 100%;
  padding: 1rem .75rem;
  line-height: 1.25;
  color: #7a7fa7;
  border-radius: 0;
  font-size: 16px !important; }

/** RANGE SLIDER **/
input[type=range] {
  -webkit-appearance: none;
  background: none;
  width: 100%; }

#fetch input[type=range]::-webkit-slider-runnable-track {
  height: 10px;
  background: #8c8fa9;
  border: none; }

#fetch input[type=range]::-ms-track {
  height: 8px;
  background: #8c8fa9;
  border: none; }

#fetch input[type=range]::-moz-range-track {
  height: 8px;
  background: #8c8fa9;
  border: none; }

input[type=range]::-webkit-slider-runnable-track {
  height: 10px;
  background: #EEE;
  border: none; }

input[type=range]::-ms-track {
  height: 8px;
  background: #f1f1f1;
  border: none; }

input[type=range]::-moz-range-track {
  height: 8px;
  background: #EEE;
  border: none; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 2px solid #FFF;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #33cc99;
  margin-top: -8px;
  position: relative; }

input[type='range']::-ms-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 25px;
  /*border-radius: 50%;*/
  background: #35cc99;
  margin-top: -5px;
  position: relative; }

input[type=range]:focus::-ms-fill-lower {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
  background: #dcdce4; }

input[type=range]:focus::-ms-fill-upper {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
  background: #dcdce4; }

input[type=range]::-ms-fill-lower {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
  background: #dcdce4; }

input[type=range]::-ms-fill-upper {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
  background: #dcdce4; }

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #555;
  margin-top: -5px;
  position: relative; }

input[type=range]:focus {
  outline: none; }
  input[type=range]:focus::-webkit-slider-thumb:after {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: #eee;
    border-radius: 5px;
    color: #555;
    padding: 5px 10px;
    border: 2px solid #555; }
  input[type=range]:focus::-ms-thumb:after {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: #eee;
    border-radius: 5px;
    color: #555;
    padding: 5px 10px;
    border: 2px solid #555; }
  input[type=range]:focus::-moz-range-thumb:after {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: #eee;
    border-radius: 5px;
    color: #555;
    padding: 5px 10px;
    border: 2px solid #555; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc; }

input[type=range]:focus::-ms-track {
  background: #ccc; }

input[type=range]:focus::-moz-range-track {
  background: #ccc; }

/* SQ Search Menu */
.custom-popup-wrapper {
  position: absolute;
  top: 100%;
  left: 0 !important;
  right: 0;
  margin: auto;
  width: 80%;
  z-index: 1000;
  display: none;
  background-color: #f9f9f9; }
  .custom-popup-wrapper.mobile {
    width: 97%; }
    .custom-popup-wrapper.mobile .dropdown-menu > li:first-child > a {
      background-color: #545da8;
      text-align: left; }
      .custom-popup-wrapper.mobile .dropdown-menu > li:first-child > a:hover {
        background: #1F2155;
        color: #FFF !important;
        text-decoration: none; }
    .custom-popup-wrapper.mobile .dropdown-menu li.active a {
      background: #22296c; }

@media (max-width: 767px) {
  .custom-popup-wrapper {
    width: 95%; } }

.custom-popup-wrapper > .message {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  color: #868686; }

.custom-popup-wrapper > .dropdown-menu {
  position: static;
  float: none;
  display: block;
  min-width: 160px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0; }

.custom-popup-wrapper > .dropdown-menu {
  position: static;
  float: none;
  display: block;
  min-width: 160px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0; }
  .custom-popup-wrapper > .dropdown-menu li.active a {
    background: #22296c; }
  .custom-popup-wrapper > .dropdown-menu a {
    width: 100%;
    background: #545da8;
    display: block;
    padding: 1rem 8.5%;
    color: #FFF !important; }
  .custom-popup-wrapper > .dropdown-menu a:hover {
    background: #1F2155;
    color: #FFF !important;
    text-decoration: none; }

.custom-popup-wrapper > .dropdown-menu > li:first-child > a {
  background-color: #ef706b;
  text-align: right; }
  .custom-popup-wrapper > .dropdown-menu > li:first-child > a span {
    color: #FFF !important; }

.invalid {
  color: #e43f3f; }

.valid {
  color: #35cc99; }

.input-invalid {
  border: 1px solid #e43f3f; }

.input-valid {
  border: 1px solid #35cc99; }

.input-valid {
  color: #35cc99;
  border: 2px solid #35cc99; }

.input-invalid {
  color: #e43f3f;
  border: 2px solid #e43f3f; }

.multi-address {
  text-align: center;
  width: 100%; }
  .multi-address .highlight-addr {
    background-color: #22296c;
    color: #FFF; }
  .multi-address .addr-list {
    text-align: left;
    background: #FFF;
    padding: 15px 30px;
    margin: 10px 0;
    overflow-y: auto;
    width: 100%;
    height: 27.5vh; }
  .multi-address .addr-item {
    padding: 10px; }
    .multi-address .addr-item:hover {
      background-color: #006DB4;
      cursor: pointer;
      color: #fff; }
    .multi-address .addr-item.selected {
      background-color: #006DB4;
      cursor: pointer;
      color: #fff; }
  .multi-address .fa {
    float: right; }
  @media (max-width: 1024px) {
    .multi-address .fa {
      display: none; } }

.form-component .radio-item {
  display: block;
  position: relative;
  padding: 0;
  margin: 0.75rem 0 0 0; }

.form-component .radio-item input[type='radio'] {
  display: none; }

.form-component .radio-item label {
  color: #22296c;
  font-weight: normal;
  font-size: 0.9rem; }

.form-component .radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 3px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid #22296c;
  background-color: transparent; }

.form-component .radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 7px;
  left: 4px;
  content: " ";
  display: block;
  background: #22296c; }

.form-component .checkbox-item {
  display: block;
  position: relative;
  padding: 0;
  margin: 0.75rem 0 0 0; }
  .form-component .checkbox-item .custom-control-indicator {
    border-radius: 0;
    border: 2px solid #22296c;
    width: 2rem;
    height: 2rem; }
  .form-component .checkbox-item .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #22296c; }
  .form-component .checkbox-item .custom-control-description {
    margin-top: 15.75px;
    margin-left: 25px; }
  .form-component .checkbox-item .no-margin {
    margin-top: 0 !important; }

select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
  height: 3.25rem !important; }

.radio-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 20%;
  background-color: rgba(34, 41, 108, 0.925); }
  .sidebar .header {
    /*display: flex;*/
    box-sizing: border-box;
    height: 18vh;
    border-bottom: 2px #22296c solid;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 5vh;
    text-align: center; }
    .sidebar .header .contact-number {
      color: white;
      font-size: 1.6rem;
      display: block;
      /*position: absolute;
            bottom: 2px;*/ }
      .sidebar .header .contact-number img {
        width: 20px;
        height: 20px;
        margin-right: 5px; }
    .sidebar .header a {
      /*display: flex;*/
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 1.1rem; }
      .sidebar .header a img {
        width: 50%; }
  .sidebar .navigation {
    height: 48vh; }
    .sidebar .navigation ul {
      height: 100%;
      list-style: none; }
      .sidebar .navigation ul li {
        box-sizing: border-box;
        height: 12vh;
        border-bottom: 2px #22296c solid; }
      .sidebar .navigation ul a {
        font-size: 1.5rem;
        font-weight: 100;
        line-height: 12vh;
        display: inline-block;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        text-transform: capitalize;
        padding: 0 10%; }
        .sidebar .navigation ul a:hover {
          text-decoration: none;
          color: inherit; }
        .sidebar .navigation ul a img {
          vertical-align: middle;
          margin: 0 7.5%; }
      .sidebar .navigation ul .internet-highlight {
        background-color: #35cc99;
        color: #FFF !important;
        text-decoration: none; }
      .sidebar .navigation ul .mobile-highlight {
        background-color: #FF6666;
        color: #FFF !important;
        text-decoration: none; }
      .sidebar .navigation ul .tv-highlight {
        background-color: #0099ff;
        color: #FFF !important;
        text-decoration: none; }
      .sidebar .navigation ul .support-highlight {
        background-color: #ff9900;
        color: #FFF !important;
        text-decoration: none; }
      .sidebar .navigation ul .flexies-highlight {
        background-color: #8ffff6;
        color: #FFF !important;
        text-decoration: none; }
  .sidebar .shortcut {
    background-color: #22296c;
    height: 34vh;
    padding: 2vh;
    box-sizing: border-box; }
    .sidebar .shortcut ul {
      height: 100%;
      list-style: none; }
      .sidebar .shortcut ul li {
        box-sizing: border-box;
        height: 6vh;
        border-bottom: 2px #22296c solid; }
      .sidebar .shortcut ul a {
        font-size: 0.85rem;
        font-weight: 100;
        line-height: 6vh;
        text-decoration: none;
        display: inline-block;
        width: 100%;
        height: 100%;
        /*text-transform: uppercase;*/
        color: rgba(255, 255, 255, 0.45);
        padding: 0 3.5%; }
        .sidebar .shortcut ul a:hover {
          text-decoration: none; }
        .sidebar .shortcut ul a img {
          vertical-align: middle;
          margin: 0 7.5%; }
        .sidebar .shortcut ul a.url-account:hover {
          color: #35afff; }
        .sidebar .shortcut ul a.url-relocate:hover {
          color: #e56e6e; }
        .sidebar .shortcut ul a.url-bill:hover {
          color: #f294f2; }
        .sidebar .shortcut ul a.url-contact:hover {
          color: #ffd699; }
        .sidebar .shortcut ul a.url-chat:hover {
          color: #a3ff93; }

main {
  width: 80%;
  margin: 0 0 0 20%; }
  main.stretch {
    width: 100%;
    margin: 0; }

.footer .white-content-box {
  padding: 2%;
  background: #fff; }
  .footer .white-content-box .footer-txt a {
    color: #4e5489;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    margin-right: 6%; }
    .footer .white-content-box .footer-txt a.info:hover {
      color: #35cc99; }
    .footer .white-content-box .footer-txt a.legal:hover {
      color: #FF6666; }
    .footer .white-content-box .footer-txt a.privacy:hover {
      color: #0099ff; }
    .footer .white-content-box .footer-txt a.contact {
      margin-right: 0; }
    .footer .white-content-box .footer-txt a.contact:hover {
      color: #ff9900; }
  .footer .white-content-box .flex-footer, .footer .white-content-box .flex-footer-imgs {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .footer .white-content-box .flex-footer-imgs {
    justify-content: flex-end; }
    .footer .white-content-box .flex-footer-imgs a {
      margin-right: 6%; }

.footer .grey-content-box {
  padding: 2%;
  background: #dcdce4;
  padding: 2%; }
  .footer .grey-content-box .flex-footer, .footer .grey-content-box .flex-footer-imgs {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .footer .grey-content-box .flex-footer .brand-rights, .footer .grey-content-box .flex-footer-imgs .brand-rights, .footer .grey-content-box .flex-footer .brand-rights-abn, .footer .grey-content-box .flex-footer-imgs .brand-rights-abn {
      color: #7a7fa7;
      font-size: 0.87rem;
      font-weight: 500;
      margin-right: 1.5%;
      text-align: left; }
    .footer .grey-content-box .flex-footer .brand-rights-abn, .footer .grey-content-box .flex-footer-imgs .brand-rights-abn {
      margin-right: 0; }
  .footer .grey-content-box .flex-footer-imgs {
    justify-content: flex-end; }
    .footer .grey-content-box .flex-footer-imgs a {
      margin-right: 3%; }

@media (max-width: 785px) {
  .footer .grey-content-box .flex-footer-imgs {
    display: none; } }

@media (max-width: 767px) {
  .footer .white-content-box .flex-footer, .footer .white-content-box .flex-footer-imgs {
    justify-content: center;
    margin-bottom: 10px; }
  .footer .white-content-box .flex-footer-imgs {
    justify-content: center;
    margin-bottom: 0; }
  .footer .grey-content-box .flex-footer, .footer .grey-content-box .flex-footer-imgs {
    justify-content: center; }
    .footer .grey-content-box .flex-footer .brand-rights-abn, .footer .grey-content-box .flex-footer-imgs .brand-rights-abn {
      display: none; } }

@media (max-width: 420px) and (orientation: portrait) {
  .footer .white-content-box, .footer .grey-content-box {
    padding: 4% 2%; } }

.join-us-endorsement {
  padding: 5vh 0;
  text-align: center;
  background-color: #f1f1f1; }
  .join-us-endorsement .join-us-banner {
    width: 40%; }
  .join-us-endorsement .join-us-url {
    margin: 5vh 0;
    display: block;
    font-size: 0.75rem; }
  .join-us-endorsement .carousel-cell {
    position: relative;
    width: 100%;
    height: 600px;
    background: #f1f1f1; }
    .join-us-endorsement .carousel-cell .container {
      height: 100%; }
    .join-us-endorsement .carousel-cell .capsule {
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center; }
  .join-us-endorsement .cell {
    min-height: 539px;
    padding: 2rem .5rem;
    border-radius: 5px;
    background: #fff; }
    .join-us-endorsement .cell .title, .join-us-endorsement .cell .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .join-us-endorsement .cell .subtitle {
      font-size: 1rem;
      font-weight: 400;
      color: #22296c; }
    .join-us-endorsement .cell img {
      width: 100%;
      margin: 2rem 0; }
    .join-us-endorsement .cell .description {
      font-size: 0.81rem;
      line-height: 1.62;
      text-align: center;
      color: #22296c;
      width: 80%;
      margin: auto; }
    .join-us-endorsement .cell .learnmore {
      position: absolute;
      bottom: 4%;
      left: 0;
      right: 0; }
  .join-us-endorsement .flickity-page-dots {
    bottom: -5px; }

.join-us-mobile {
  display: none !important; }
  .join-us-mobile .carousel-cell {
    height: 450px; }
  .join-us-mobile .cell {
    /*min-height: 383px;*/
    min-height: 425px; }
  .join-us-mobile .cell .title, .join-us-mobile .cell .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .join-us-mobile .cell .subtitle {
    font-size: 1rem; }
  .join-us-mobile .cell .description {
    font-size: 0.75rem; }
  .join-us-mobile .cell .learnmore {
    position: absolute;
    bottom: 6%;
    left: 0;
    right: 0; }

@media (max-width: 1023px) {
  .join-us-mobile {
    display: block !important; }
  .join-us-endorsement .cell .description {
    width: 100%; } }

.pre-loader {
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  z-index: 99999999999999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .pre-loader .animation {
    width: 70%;
    background: #FFF;
    height: 50vh; }

@media (max-width: 1024px) {
  .pre-loader .animation {
    width: 90%; } }

.advertisement {
  position: relative;
  width: 100%;
  height: 70vh;
  background-size: contain;
  background-position: center; }
  .advertisement .top-banners {
    position: absolute;
    width: 100%; }
    .advertisement .top-banners .notice {
      z-index: 999;
      padding: 0.3rem;
      margin: 0 0 0.6rem 0;
      position: absolute;
      border: 1px solid #000;
      background: rgba(255, 255, 255, 0.95);
      font-size: 0.7rem;
      line-height: 1.25;
      font-weight: 200;
      text-align: center;
      color: #000000;
      bottom: 15vh;
      display: none; }
  .advertisement .static-banner {
    width: 100%;
    height: 60vh;
    background: #FFF url("../../../../media/rebrand/banner-carousel/Hipster_Standing_Guitar.jpg") no-repeat;
    background-size: contain;
    background-position: center; }
  .advertisement .no-padding {
    padding: 0; }
  .advertisement .carousel-banner {
    width: 100%;
    height: 70vh; }
    .advertisement .carousel-banner .active {
      display: block !important; }
    .advertisement .carousel-banner .carousel-fade .carousel-inner .carousel-item {
      opacity: 0;
      transition-property: opacity; }
    .advertisement .carousel-banner .carousel-fade .carousel-inner .active {
      opacity: 1; }
    .advertisement .carousel-banner .carousel-fade .carousel-inner .active.left,
    .advertisement .carousel-banner .carousel-fade .carousel-inner .active.right {
      left: 0;
      opacity: 0;
      z-index: 1; }
    .advertisement .carousel-banner .carousel-fade .carousel-inner .next.left,
    .advertisement .carousel-banner .carousel-fade .carousel-inner .prev.right {
      opacity: 1; }
    .advertisement .carousel-banner .image1 {
      height: 55vh;
      background: #FFF url("../../../../media/rebrand/banner-carousel/home-carousel-1.svg") no-repeat;
      background-size: contain;
      background-position: center;
      display: none; }
    .advertisement .carousel-banner .image2 {
      height: 55vh;
      background: #FFF url("../../../../media/rebrand/banner-carousel/image-banner-desktop.jpg") no-repeat;
      background-size: cover;
      background-position: center;
      display: none; }
    .advertisement .carousel-banner .text-on-banner {
      display: flex;
      position: absolute;
      left: 12%;
      bottom: 75px;
      align-items: flex-start;
      justify-content: space-around;
      top: 20px;
      flex-direction: column; }
      .advertisement .carousel-banner .text-on-banner span {
        display: block; }
      .advertisement .carousel-banner .text-on-banner .txt-on-mint-green {
        font-size: 1.8rem;
        font-weight: 600;
        padding: 10px;
        display: inline-block; }
        .advertisement .carousel-banner .text-on-banner .txt-on-mint-green .trademark {
          font-weight: 600;
          font-size: 1rem; }
      .advertisement .carousel-banner .text-on-banner .txt-on-blue {
        font-size: 1.8rem;
        font-weight: 500;
        padding: 10px; }
      .advertisement .carousel-banner .text-on-banner .txt-no-bg {
        font-size: 0.75rem;
        line-height: 1.3; }
    .advertisement .carousel-banner .image3 {
      height: 55vh;
      background: #FFF url("../../../../media/rebrand/banner-carousel/home-carousel-3.svg") no-repeat;
      background-size: contain;
      background-position: center;
      display: none; }
    .advertisement .carousel-banner .image4 {
      height: 55vh;
      background: #FFF url("../../../../media/rebrand/homepage-banner4.svg") no-repeat;
      background-size: contain;
      background-position: center;
      display: none; }

@media (max-width: 991px) {
  .advertisement {
    background-size: contain;
    background-position: center;
    background-position-y: top;
    /* SAN BHAI CHNAGE HEIGHT BACK TO 52vh AFTER REMOVAL OF NOTICE */
    height: 55vh; }
    .advertisement .static-banner {
      display: none; }
    .advertisement .carousel-banner {
      position: absolute;
      height: 52vh; }
      .advertisement .carousel-banner .image2 {
        height: 55vh;
        background: #FFF url("../../../../media/rebrand/banner-carousel/image-banner-desktop.jpg") no-repeat;
        background-size: cover;
        background-position: center;
        display: none; }
      .advertisement .carousel-banner .image1, .advertisement .carousel-banner .image2, .advertisement .carousel-banner .image3, .advertisement .carousel-banner .image4 {
        background-position-y: center;
        background-size: cover;
        background-position: center;
        /*background-position-y: top;*/
        height: 42vh; } }

@media (min-width: 768px) and (max-width: 991px) {
  .carosel-banner-mobile {
    display: block; }
  .advertisement .carousel-banner .image3, .advertisement .carousel-banner .image4 {
    background-position-y: center;
    background-size: contain;
    background-position: center;
    /*background-position-y: top;*/
    height: 40vh; } }

@media (max-width: 991px) {
  .carosel-banner-mobile {
    display: block; }
  .advertisement .top-banners .notice {
    font-size: 0.55rem;
    z-index: auto;
    display: flex;
    align-items: center;
    height: 25vh;
    position: relative;
    bottom: 0;
    display: none; } }

@media (max-width: 767px) {
  .advertisement .carousel-banner .text-on-banner {
    left: 15px; }
    .advertisement .carousel-banner .text-on-banner .txt-no-bg {
      color: #000; }
  .advertisement .carousel-banner .image2 {
    background-image: none; } }

@media (max-height: 560px) {
  .advertisement .carousel-banner .text-on-banner {
    top: 40px; }
    .advertisement .carousel-banner .text-on-banner .txt-on-mint-green {
      font-size: 1rem;
      font-weight: 600;
      padding: 10px;
      display: inline-block; }
      .advertisement .carousel-banner .text-on-banner .txt-on-mint-green .trademark {
        font-weight: 600;
        font-size: 0.8rem; }
    .advertisement .carousel-banner .text-on-banner .txt-on-blue {
      font-size: 1rem;
      font-weight: 500;
      padding: 10px; }
    .advertisement .carousel-banner .text-on-banner .txt-no-bg {
      font-size: 0.75rem;
      line-height: 1.1;
      margin-top: 10px; } }

/*.advertisement {
    position: relative;
    width: 100%;
    height: 70vh;
    //background: #FFF url('images/advertisement-desktop.png') no-repeat;
    //background-size: contain;
    //background-position: center;
    .banner-illustration {
        img {
            width: 100%;
            height: 70vh;
        }
    }

    .banner-carousel {
        width: 100%;
        height: 50vh;
    }

    .carousel-item {
        width: 100%;
        height: 50vh;

        img {
            width: 85%;
        }
    }
}*/
/*
.advertisement
{
    position: relative;

    width: 100%;
    height: 70vh;




    .banner-illustration
    {
        img
        {
            width: 100%;
            height: 70vh;
        }
    }

    .banner-carousel
    {
        width: 100%;
        height: 50vh;

        .us-carousel
        {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;

            overflow: hidden;

            width: 100%;

            .panes
            {
                position: relative;

                overflow: hidden;

                width: 400%;
                height: 100%;

                list-style: none;

                -webkit-animation: carousel 30s infinite;
                   -moz-animation: carousel 30s infinite;
                        animation: carousel 30s infinite;

                        li
                        {
                            position: relative;

                            float: left;

                            width: 25%;
                            height: 100%;

                        }
            }

            @-webkit-keyframes carousel
            {
              0%
              {
                left: 0;
              }
              15%
              {
                left: 0;
              }
              16%
              {
                left: -100%;
              }
              31%
              {
                left: -100%;
              }
              32%
              {
                left: -200%;
              }
              50%
              {
                left: -200%;
              }
              51%
              {
                left: -300%;
              }
              66%
              {
                left: -300%;
              }
              67%
              {
                left: -200%;
              }
              82%
              {
                left: -200%;
              }
              83%
              {
                left: -100%;
              }
              98%
              {
                left: -100%;
              }
              100%
              {
                left: 0;
              }
            }

            @-moz-keyframes carousel
            {
              0%
              {
                left: 0;
              }
              15%
              {
                left: 0;
              }
              16%
              {
                left: -100%;
              }
              31%
              {
                left: -100%;
              }
              32%
              {
                left: -200%;
              }
              50%
              {
                left: -200%;
              }
              51%
              {
                left: -300%;
              }
              66%
              {
                left: -300%;
              }
              67%
              {
                left: -200%;
              }
              82%
              {
                left: -200%;
              }
              83%
              {
                left: -100%;
              }
              98%
              {
                left: -100%;
              }
              100%
              {
                left: 0;
              }
            }

            @-moz-keyframes carousel
            {
              0%
              {
                left: 0;
              }
              15%
              {
                left: 0;
              }
              16%
              {
                left: -100%;
              }
              31%
              {
                left: -100%;
              }
              32%
              {
                left: -200%;
              }
              50%
              {
                left: -200%;
              }
              51%
              {
                left: -300%;
              }
              66%
              {
                left: -300%;
              }
              67%
              {
                left: -200%;
              }
              82%
              {
                left: -200%;
              }
              83%
              {
                left: -100%;
              }
              98%
              {
                left: -100%;
              }
              100%
              {
                left: 0;
              }
            }
        }
    }
}

@media(max-width: 992px) {
  .advertisement .banner-illustration {
    display: none;
  }
  .advertisement .banner-carousel .us-carousel .panes li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

    */
.search {
  position: absolute;
  bottom: 0;
  width: 100%;
  /*height: 20vh;*/
  height: 17vh;
  background-color: rgba(55, 62, 130, 0.95);
  display: flex;
  align-items: center;
  justify-content: center; }
  .search .box {
    width: 80%;
    min-height: 6vh;
    margin: 6vh auto;
    background-color: #fff;
    display: flex;
    align-items: center;
    box-shadow: 0 0.25rem 0 0 rgba(212, 186, 147, 0.75); }
    .search .box img {
      width: 2rem;
      height: 5%; }
    .search .box .icon {
      margin: 0.75% 2.5%; }
    .search .box input {
      width: 88%;
      border: none;
      font-family: "Poppins", sans-serif;
      font-size: 16px; }
      .search .box input:focus {
        outline: none; }
      .search .box input[placeholder]:focus::-webkit-input-placeholder {
        opacity: 0; }
  .search .result {
    width: 80%;
    /*height: 8vh;*/
    /*margin: 5vh auto;*/
    background-color: transparent;
    text-align: center;
    /*line-height: 5vh;*/ }
    .search .result .nbn-message {
      display: block;
      font-size: 1rem;
      margin: 5px auto;
      width: 80%; }
    .search .result .address {
      font-size: 1rem;
      font-weight: 400;
      color: #0099ff;
      margin-bottom: 2%; }
    .search .result .message {
      font-size: 1.5rem;
      color: #fff;
      font-weight: 400;
      margin: 0 0 2% 0;
      display: inline-block; }
    .search .result .fttn-message {
      display: block;
      font-size: 0.57rem;
      line-height: 1.45;
      color: #FFF;
      /*margin:2% 0;*/ }

.fixedSearch {
  position: fixed;
  z-index: 999;
  bottom: auto;
  width: 80%; }

@media (max-width: 1023px) {
  .search {
    height: 15vh;
    background-color: #373e82; }
  .search .result .address {
    font-size: 1rem; }
  .search .result .message {
    font-size: 1rem; }
  .fixedSearch {
    width: 100%; } }

@media only screen and (max-width: 1024px) and (min-height: 769px) and (max-height: 1366px) {
  .fixedSearch {
    width: 100%; } }

@media (max-height: 768px) {
  .search {
    padding-top: 5px; }
    .search .result .message {
      margin-bottom: 1%;
      font-size: 1.25rem; }
    .search .result .address {
      margin-bottom: 1%; } }

/*.search {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20vh;
    background-color: rgba(245, 218, 167, .95);

    .box {
        width: 80%;
        min-height: 8vh;
        margin: 6vh auto;
        background-color: #fff;
        display: flex;
        align-items: center;
        box-shadow: 0 0.25rem 0 0 rgba(212, 186, 147, 0.75);

        img {
            width: 2rem;
            height: 5%;
        }

        .icon {
            margin: 0.75% 2.5%;
        }


        input {
            width: 85%;
            border: none;
            font-family: "Poppins", sans-serif;

            &:focus {
                outline: none;
            }
        }
    }

    .result {
        width: 80%;
        height: 10vh;
        margin: 5vh auto;
        background-color: transparent;
        text-align: center;
        line-height: 5vh;

        .address {
            font-size: 1.1875rem;
            font-weight: 600;
            color: $digital-blue;
        }

        .message {
            font-size: 1.75rem;
            color: $iprimus-blue;
            font-weight: 600;
        }
    }
}

@media (max-device-width : 1023px) {
    .search .result .address {
        font-size: 1rem;
    }

    .search .result .message {
        font-size: 1rem;
    }
}*/
.products {
  box-sizing: border-box;
  width: 100%;
  min-height: 30vh;
  padding: 3vh 0;
  text-align: center;
  background-color: #fff; }
  .products .service-available {
    display: block;
    font-size: 0.75rem;
    margin: 1.85rem auto 0 auto;
    width: 80%;
    line-height: 1.45; }
  .products .fttn-message {
    display: block;
    font-size: 0.57rem;
    margin: 5px auto;
    width: 80%;
    line-height: 1.45; }
  .products .inactive-plan {
    background: #e0dcdc;
    border: #ad5cad;
    border-style: double;
    border-bottom-width: 3px; }
  .products .product {
    position: relative; }
    .products .product .product-popular {
      position: absolute;
      width: 23%;
      right: 5%;
      top: 35px; }
    .products .product h1 {
      font-size: 1.5rem; }
    .products .product h4 {
      font-size: 1rem;
      margin: 0; }
    .products .product .btn {
      padding: 0.5rem 15%;
      text-transform: unset; }
    .products .product .price-details .price {
      font-size: 0.85rem;
      display: flex;
      padding: 1.5% 0 0 0;
      color: #22296c;
      align-items: center;
      justify-content: center; }
      .products .product .price-details .price .summation {
        font-size: 2.5rem;
        font-weight: 400;
        margin-right: 1%;
        margin-left: 1%; }
    .products .product .price-details .duration {
      font-size: 0.5rem;
      margin: 0.5rem 0; }

.hide-fetch-searchbar {
  display: none; }

.hideThisClass {
  display: none; }

.search-topbar {
  background-color: #FFF;
  opacity: 0.92;
  height: 200%;
  width: 100%;
  position: absolute;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center; }

.search-or-exit {
  position: fixed;
  top: 35%;
  left: 42%; }
  .search-or-exit img {
    width: 30rem; }

.showcase {
  width: 100%;
  /*.hideThisClass {
        display: none;
    }*/
  /*.search-topbar {
        background-color: #FFF;
        opacity: 0.92;
        height: 200%;
        width: 100%;
        position: absolute;
        z-index: 100;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .search-or-exit{
        position:fixed;
        top:35%;
        left:42%;
        img{
            width:30rem;
        }
    }*/ }
  .showcase .product {
    min-height: 100vh; }
  .showcase .description {
    display: flex;
    overflow: auto;
    flex-direction: column; }
  .showcase .purchase {
    display: flex;
    background-color: #FFF;
    flex-direction: column; }

@media (max-width: 1024px) {
  .showcase .purchase {
    display: flex;
    background-color: #FFF;
    flex-direction: column; }
  .search-or-exit {
    left: auto;
    top: 52%; }
    .search-or-exit img {
      width: 20rem; } }

#accordion .card {
  border: none;
  background-color: #e8ecff; }
  #accordion .card .card-header {
    padding: 1.5rem 5%;
    cursor: pointer;
    border-bottom: 5px solid #f1f1f1;
    background-color: #fff; }
    #accordion .card .card-header a {
      font-size: 1.125rem;
      font-weight: 500;
      color: #0099ff; }
  #accordion .card .collapse {
    font-size: 1rem;
    line-height: 1.75;
    color: #4e5489; }

/*.modal-open{
    position:fixed;
}*/
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px; }

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.25); }

#modal-manual-address .modal-body {
  /*padding: 6.5vh 0;*/
  overflow-y: scroll; }

#modal-manual-address .form .form-group .col-md-6.col-12 {
  margin-top: 1rem; }

#modal-manual-address .form .form-group .col-md-4.col-12 {
  margin-top: 1rem; }

#modal-manual-address .form .label {
  margin-bottom: 0.5rem;
  display: inline-block; }

#modal-manual-address .form .form-error {
  color: red;
  display: block; }

.modal-open .modal {
  overflow: hidden; }

.modal {
  margin: 7vh auto;
  overflow: hidden; }
  .modal .modal-content {
    background-color: #F1F1F1; }
  .modal .modal-header {
    text-align: center;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .modal .modal-header .modal-title {
      margin: auto;
      font-size: 1.8125rem;
      font-weight: 600; }
    .modal .modal-header .close {
      font-size: 2.25rem;
      color: #FFF;
      text-shadow: none;
      opacity: 1;
      font-weight: normal; }
  .modal .modal-body {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden; }
  .modal .modal-footer {
    justify-content: center;
    border: none;
    margin: 0 0 2.5% 0; }

#contact-us .modal-body, #contact-us-velocity .modal-body {
  max-height: 55vh; }

#contact-us .contact, #contact-us-velocity .contact {
  margin: 1.5% 0; }

#contact-us .title, #contact-us .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature #contact-us .subtitle, #contact-us-velocity .title, #contact-us-velocity .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature #contact-us-velocity .subtitle {
  font-size: 1.65rem;
  font-weight: 400;
  margin: 1.5% 0; }
  #contact-us .title .tel, #contact-us .fetch .fetch-device-features .feature .subtitle .tel, .fetch .fetch-device-features .feature #contact-us .subtitle .tel, #contact-us-velocity .title .tel, #contact-us-velocity .fetch .fetch-device-features .feature .subtitle .tel, .fetch .fetch-device-features .feature #contact-us-velocity .subtitle .tel {
    margin: 0 2.5%; }

#contact-us .hours, #contact-us-velocity .hours {
  color: #22296c;
  font-size: 1.175rem;
  opacity: 0.5;
  font-weight: 500;
  margin: 0.75% 0;
  line-height: 1.25; }

#result-sq {
  text-align: center; }
  #result-sq .result-sq-header {
    margin: auto; }
  #result-sq .modal-content {
    width: 120%; }
    #result-sq .modal-content .modal-header .modal-title {
      font-size: 1.25rem;
      font-weight: 400; }
    #result-sq .modal-content .modal-body {
      padding-bottom: 4%; }
      #result-sq .modal-content .modal-body .hfc-order {
        font-size: 0.75rem;
        width: 100%;
        position: relative;
        top: -17px;
        line-height: 1.35; }
  #result-sq .title, #result-sq .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature #result-sq .subtitle {
    font-size: 1.25rem;
    font-weight: 400;
    margin: 1.5% 0; }
  #result-sq .grey-box {
    background-color: #dcdce4;
    border-radius: 18px;
    padding: 1%; }
  #result-sq .address {
    color: #22296c;
    font-size: 1.125rem;
    /*opacity: 0.5;*/
    font-weight: 400;
    /*margin: 0.75% 0;*/
    margin: 1% 0 5% 0;
    text-transform: unset; }
    #result-sq .address a {
      font-size: 1rem;
      font-weight: 500;
      font-style: italic;
      margin-left: 2%; }
  #result-sq .desktop-modal-sqsearch .inactive-plan {
    background: #e0dcdc;
    border: #ad5cad;
    border-style: double;
    border-bottom-width: 3px; }
  #result-sq .desktop-modal-sqsearch .product {
    position: relative; }
    #result-sq .desktop-modal-sqsearch .product .product-popular {
      position: absolute;
      width: 18%;
      right: 8%;
      top: 35px; }
    #result-sq .desktop-modal-sqsearch .product h2 {
      font-size: 1.5rem; }
    #result-sq .desktop-modal-sqsearch .product h4 {
      font-size: 1rem;
      margin: 0; }
    #result-sq .desktop-modal-sqsearch .product .btn {
      padding: 0.5rem 15%;
      text-transform: unset; }
    #result-sq .desktop-modal-sqsearch .product .price-details .price {
      font-size: 0.85rem;
      display: flex;
      padding: 1.5% 0 0 0;
      color: #22296c;
      align-items: center;
      justify-content: center; }
      #result-sq .desktop-modal-sqsearch .product .price-details .price .summation {
        font-size: 2.5rem;
        font-weight: 400;
        margin-right: 1%;
        margin-left: 1%; }
    #result-sq .desktop-modal-sqsearch .product .price-details .duration {
      font-size: 0.5rem;
      margin: 0.5rem 0; }
  #result-sq .view-plan-button {
    display: none; }

@media (max-width: 1023px) {
  #result-sq .modal-content {
    width: 100%; }
    #result-sq .modal-content .modal-body {
      padding-bottom: 0; }
  #result-sq .grey-box {
    padding: 2%; }
  #result-sq .view-plan-button {
    display: block; }
  #result-sq .desktop-modal-sqsearch {
    display: none; } }

@media (max-width: 1300px) {
  #result-sq .address {
    font-size: 1.1rem; }
  #result-sq .desktop-modal-sqsearch .product h1 {
    font-size: 1.2rem; }
  #result-sq .desktop-modal-sqsearch .product .product-popular {
    right: 0; } }

#success-modal {
  text-align: center; }
  #success-modal .modal-title {
    margin: auto;
    font-size: 1.4rem;
    font-weight: 600; }
  #success-modal p {
    line-height: 1.5; }
  #success-modal .title, #success-modal .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature #success-modal .subtitle {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 1.5% 0; }
  #success-modal .address {
    color: #22296c;
    font-size: 1.375rem;
    opacity: 0.5;
    font-weight: 600;
    margin: 0.75% 0; }
    #success-modal .address a {
      font-size: 1rem;
      font-weight: 100;
      font-style: italic; }

#error-modal {
  text-align: center; }
  #error-modal .title, #error-modal .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature #error-modal .subtitle {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 1.5% 0; }
  #error-modal .address {
    color: #22296c;
    font-size: 1.375rem;
    opacity: 0.5;
    font-weight: 600;
    margin: 0.75% 0; }
    #error-modal .address a {
      font-size: 1rem;
      font-weight: 100;
      font-style: italic; }

#error-modal-online-bonus {
  text-align: center; }
  #error-modal-online-bonus .title, #error-modal-online-bonus .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature #error-modal-online-bonus .subtitle {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 1.5% 0; }
  #error-modal-online-bonus .address {
    color: #22296c;
    font-size: 1.375rem;
    opacity: 0.5;
    font-weight: 600;
    margin: 0.75% 0; }
    #error-modal-online-bonus .address a {
      font-size: 1rem;
      font-weight: 100;
      font-style: italic; }

#modal-pre-order-hfc {
  text-align: center; }
  #modal-pre-order-hfc .modal-body {
    max-height: 60vh; }
  #modal-pre-order-hfc .title, #modal-pre-order-hfc .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature #modal-pre-order-hfc .subtitle {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 1.5% 0; }
  #modal-pre-order-hfc .address {
    color: #22296c;
    font-size: 1.375rem;
    opacity: 0.5;
    font-weight: 600;
    margin: 0.75% 0; }
    #modal-pre-order-hfc .address a {
      font-size: 1rem;
      font-weight: 100;
      font-style: italic; }
  #modal-pre-order-hfc .pre-order {
    width: 75%;
    margin: 5vh auto 0 auto; }
  #modal-pre-order-hfc .order-box {
    background-color: #FFF;
    text-align: center;
    margin: 1.5vh 0; }
    #modal-pre-order-hfc .order-box .description {
      padding: 12.5% 0;
      line-height: 1.5; }
    #modal-pre-order-hfc .order-box .url {
      background-color: #35cc99;
      padding: 5% 0;
      color: #FFF;
      font-weight: 600; }

#info-speed .bold {
  font-weight: 600 !important; }

#info-speed .modal-content {
  height: 575px; }

#info-speed .title, #info-speed .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature #info-speed .subtitle {
  font-size: 1.35rem;
  font-weight: 600;
  margin: 1.5% 0; }

#info-speed .description {
  color: #000;
  font-size: 0.85rem;
  line-height: 1;
  font-weight: 200; }

#info-speed .speed-tier {
  height: 35vh; }
  #info-speed .speed-tier .block {
    margin-bottom: 10px; }
  #info-speed .speed-tier .condition {
    margin-top: 10px;
    font-size: 0.75rem;
    display: block; }

#terms-condition .bold {
  font-weight: 600 !important; }

#terms-condition .title, #terms-condition .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature #terms-condition .subtitle {
  font-size: 1.875rem;
  font-weight: 600;
  margin: 1.5% 0; }

#terms-condition .description {
  color: #000;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  margin: 2.5% 0; }

#terms-condition .important {
  color: #4e5489;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 100;
  margin: 2.5% 0; }

#modal-manual-address .submit {
  text-align: center;
  padding-top: 2rem;
  cursor: pointer; }

#modal-manual-address select {
  height: auto; }

#modal-manual-address .form-control {
  line-height: inherit; }

#online-bonus .col-md-4 {
  display: flex;
  align-items: flex-end; }
  #online-bonus .col-md-4 img {
    width: 100%;
    height: 7rem; }

#online-bonus .container {
  max-height: 55vh; }

#online-bonus .selected-countries {
  margin: 5px 0 0 0; }
  #online-bonus .selected-countries a {
    color: #333 !important;
    font-size: 0.75rem; }

#countries-list .modal-content {
  width: 110%; }

#countries-list .mobile-table {
  display: none; }
  #countries-list .mobile-table td {
    padding: 0.5rem; }

@media only screen and (max-width: 1023px) {
  #countries-list .modal-content {
    width: 100%; }
  #countries-list .mobile-table {
    display: block; }
  #countries-list .desktop-table {
    display: none; } }

#internet-countries-list .modal-content {
  width: 110%; }

#internet-countries-list .mobile-table {
  display: none; }
  #internet-countries-list .mobile-table td {
    padding: 0.5rem; }

@media only screen and (max-width: 1023px) {
  #internet-countries-list .modal-content {
    width: 100%; }
  #internet-countries-list .mobile-table {
    display: block; }
  #internet-countries-list .desktop-table {
    display: none; } }

#mobile-app img {
  width: 11.2rem; }

#mobile-app .no-padding {
  padding: 0; }

#mobile-app .row {
  margin-bottom: 5%; }

#mobile-app .modal-description {
  color: #22296c;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem; }

#mobile-app .browser-link {
  font-size: 1.125rem;
  color: #4e5489;
  text-align: center;
  font-weight: 500;
  padding-top: 5%; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 55%;
    margin: 30px auto; } }

@media (max-width: 1300px) {
  #modal-pre-order .pre-order {
    width: 100%; }
  #contact-us .title, #contact-us .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature #contact-us .subtitle {
    font-size: 1rem; }
  #contact-us .hours {
    font-size: 0.9rem; } }

.modal-top-padding {
  padding-top: 2%; }

#why-love-us .modal-header {
  border-bottom: none; }

#why-love-us .modal-content {
  background: #fff;
  width: 80%;
  margin: auto; }
  #why-love-us .modal-content img {
    width: 10rem; }
  #why-love-us .modal-content .loveus-text {
    padding: 0 4% 4%;
    line-height: 1.375rem;
    letter-spacing: 1px; }

#ndc-modem-image .modal-body img {
  width: 64%; }

@media (max-width: 768px) {
  #why-love-us .modal-content {
    width: 100%; }
  #ndc-modem-image .modal-body img {
    width: 100%; } }

.products-info {
  position: fixed;
  z-index: 100;
  top: 7.5vh;
  right: 0;
  left: 0;
  display: none;
  height: 7.5vh;
  color: #fff;
  align-items: center;
  justify-content: center; }
  .products-info .title, .products-info .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .products-info .subtitle {
    font-size: 1.125rem;
    font-weight: 600; }
  .products-info .fa {
    font-size: 1.5rem;
    font-weight: 600;
    vertical-align: text-bottom; }
  .products-info .slide-panel {
    position: fixed;
    left: 0;
    right: 0;
    top: 15vh;
    bottom: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
    background-color: #FFF;
    overflow: auto; }
    .products-info .slide-panel .iprimus-products {
      text-align: center; }
      .products-info .slide-panel .iprimus-products .middle {
        margin: 15% 0; }
    .products-info .slide-panel .order {
      display: block; }

@media (max-width: 1023px) {
  .products-info {
    display: flex; } }

.specification {
  margin: 10vh auto;
  width: 75%; }
  .specification img {
    width: 35%; }
  .specification .title, .specification .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .specification .subtitle {
    font-size: 1.95rem;
    font-weight: 500;
    margin: 0; }
  .specification .sub-title {
    font-size: 1.5rem !important;
    display: inline-block !important;
    margin: 0.5rem 0 0 0; }
  .specification .description {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.57;
    margin: 2rem 0 6rem 0;
    color: #22296c; }
  .specification .inclusion-bonus {
    background: #FFF;
    padding: 2rem;
    box-sizing: border-box; }
    .specification .inclusion-bonus .title, .specification .inclusion-bonus .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .specification .inclusion-bonus .subtitle {
      margin: 0;
      padding: 0;
      font-size: 1.5rem;
      font-weight: 500;
      color: #22296c; }
    .specification .inclusion-bonus .details {
      margin: 1.5rem 0 0 0;
      font-size: .875rem;
      line-height: 1.57;
      color: #22296c;
      font-weight: 300; }
    .specification .inclusion-bonus .bonus {
      display: flex;
      align-items: center;
      margin: 1rem 0; }
      .specification .inclusion-bonus .bonus .fetch-icon-bonus {
        width: 20%; }
      .specification .inclusion-bonus .bonus img {
        width: 15%; }
      .specification .inclusion-bonus .bonus span {
        margin-left: 7.5%;
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.57; }
  .specification .fetch {
    width: 65%;
    margin: 3.5vh 0;
    background: transparent; }
  .specification .em {
    font-size: 0.625rem;
    margin: 1rem 0;
    display: block; }

.top-space {
  padding: 10vh 0 2% 0; }

@media (max-width: 786px) {
  .specification {
    width: 90%; } }

.order {
  width: 90%;
  margin: auto;
  margin-top: 5%;
  transform: translateX(-100%);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }
  .order .purchase-inclusion {
    margin-bottom: 2.5%;
    border-top-left-radius: .1875rem;
    border-top-right-radius: .1875rem;
    background-color: #fff; }
    .order .purchase-inclusion .space {
      padding: 2.5% 7.5%; }
    .order .purchase-inclusion header span {
      font-size: 1.4375rem;
      font-weight: 500;
      color: #22296c; }
    .order .purchase-inclusion .selection {
      background-color: #f2f2f2; }
      .order .purchase-inclusion .selection span {
        font-size: .75rem;
        padding: 1.5% 0;
        color: #787878; }
      .order .purchase-inclusion .selection .caption {
        font-size: .875rem;
        font-weight: 500;
        color: #22296c; }
      .order .purchase-inclusion .selection .amount {
        font-size: 1.5rem;
        font-weight: 500;
        color: #22296c;
        padding: 1.28rem 0; }
    .order .purchase-inclusion .add-ons span {
      font-size: .875rem;
      font-weight: 400;
      padding: .5rem 0;
      color: #22296c; }
    .order .purchase-inclusion .add-ons .footer-note {
      font-size: .6rem !important; }
    .order .purchase-inclusion .online-bonus {
      font-size: .9375rem;
      font-weight: 500;
      padding: 2.5% 0;
      text-align: center;
      color: #fff;
      background-color: #ffc266; }
    .order .purchase-inclusion .discount {
      padding: 2.5% 0;
      text-align: center;
      border-bottom: 1px solid #CCC; }
      .order .purchase-inclusion .discount .amount {
        font-size: 2rem;
        font-weight: 500;
        color: #22296c; }
      .order .purchase-inclusion .discount .duration {
        font-size: .875rem;
        font-weight: 500;
        display: inline-block;
        text-align: left;
        color: #ffc051; }
      .order .purchase-inclusion .discount .min-cost {
        font-family: 'Lato', sans-serif;
        font-size: .5625rem;
        padding: .5rem 0 0 0;
        color: #353c43; }
    .order .purchase-inclusion .inclusion {
      padding: 2.5% 1rem;
      background-color: #f2f2f2; }
      .order .purchase-inclusion .inclusion .caption {
        font-size: 1.25rem;
        font-weight: 500;
        text-align: center;
        color: #00d095; }
        .order .purchase-inclusion .inclusion .caption span {
          padding: 1.25rem 0; }
      .order .purchase-inclusion .inclusion .features ul li {
        font-size: .75rem;
        margin: .25rem 0;
        color: #00d095; }
      .order .purchase-inclusion .inclusion .features ul .fa {
        color: #00d095; }
  .order .upfront .row {
    font-weight: 500;
    padding: 1.5% 0;
    color: #22296c; }
  .order .upfront.top {
    padding: 2.5% 7.5%;
    background-color: #fff; }
    .order .upfront.top span {
      font-size: .875rem; }
  .order .upfront.bottom {
    padding: 2.5% 7.5%;
    border-bottom-right-radius: .1875rem;
    border-bottom-left-radius: .1875rem;
    background-color: #f2f2f2; }
    .order .upfront.bottom span {
      font-size: .9375rem; }

.service-qualification {
  height: 100vh;
  padding: 15vh 0; }
  .service-qualification header {
    width: 90%;
    margin: 0 auto;
    text-align: center; }
    .service-qualification header .title, .service-qualification header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .service-qualification header .subtitle {
      font-size: 1.75rem;
      font-weight: 600; }
    .service-qualification header .description {
      font-size: 0.875rem;
      color: #7a7fa7;
      margin: 1rem 0 3rem 0;
      overflow: hidden; }
  .service-qualification .box {
    width: 90%;
    height: 8vh;
    margin: 0 auto;
    background-color: #fff;
    display: flex;
    box-shadow: 0 0.25rem 0 0 #d8d8d8; }
    .service-qualification .box .icon {
      margin: 0.75% 2.5%;
      width: 2rem; }
    .service-qualification .box input {
      width: 85%;
      border: none;
      font-family: "Poppins", sans-serif; }
      .service-qualification .box input:focus {
        outline: none; }

.personalize {
  width: 100%;
  margin: 8.4% auto 10% auto;
  text-align: center; }
  .personalize .text-size-small {
    font-size: 0.7rem; }
  .personalize .speed-label {
    cursor: default;
    /* outline: 0; */
    border: none; }
  .personalize .destination {
    font-family: 'Lato', sans-serif;
    width: 85%;
    margin: 5% auto 0;
    padding: 1.25vh 0;
    color: #7a7fa7;
    border-radius: 3px;
    background-color: #f1f1f1; }
    .personalize .destination span {
      font-size: .875rem; }
  .personalize .selection {
    padding: 5.5% 0; }
    .personalize .selection .title, .personalize .selection .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .personalize .selection .subtitle {
      font-size: 1.95rem;
      font-weight: 500;
      color: #35cc99; }
    .personalize .selection .broadband {
      font-size: 1.125rem;
      font-weight: 400;
      margin: 1% 0 0 0;
      color: #353c43; }
  .personalize .online-bonus .options {
    position: absolute;
    z-index: 10;
    left: 5%;
    box-sizing: border-box;
    width: 90%;
    padding: 2.75%;
    background: #fafafa; }
  .personalize .online-bonus .bonus {
    padding: 2.5vh 0;
    border: 2px solid #22296c; }
    .personalize .online-bonus .bonus.middle {
      margin: 5% 0; }
    .personalize .online-bonus .bonus span {
      font-size: 1.25rem; }
  .personalize .plan-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3%; }
    .personalize .plan-info .plan-detail {
      width: 10rem;
      font-size: 0.55rem; }
      .personalize .plan-info .plan-detail .title, .personalize .plan-info .plan-detail .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .personalize .plan-info .plan-detail .subtitle {
        font-weight: 600;
        margin: 1% !important;
        font-size: 0.55rem !important; }
  .personalize .customise {
    width: 80%;
    margin: 0 auto;
    padding: 5% 0; }
    .personalize .customise .component .title, .personalize .customise .component .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .personalize .customise .component .subtitle {
      margin: .5rem 0 1rem 0;
      text-align: center;
      font-size: 0.8125rem; }
      .personalize .customise .component .title .fa-info-circle, .personalize .customise .component .fetch .fetch-device-features .feature .subtitle .fa-info-circle, .fetch .fetch-device-features .feature .personalize .customise .component .subtitle .fa-info-circle {
        color: #ff9900; }
    .personalize .customise .component .divisions {
      font-family: 'Lato', sans-serif;
      font-size: .8125rem;
      font-weight: bold;
      margin: .5rem 0;
      color: #8c8fa9; }
    .personalize .customise .component .contract-fetch {
      font-size: 0.8125rem;
      font-weight: 600;
      text-transform: uppercase; }
  .personalize .line-rental-option .line-info {
    padding: 1%;
    line-height: 1.5;
    font-size: 0.75rem;
    /*border: solid;*/
    border-width: thin;
    border-color: #ff9900; }
  .personalize .price {
    width: 55%;
    margin: 0 auto; }
    .personalize .price .caption {
      font-size: .8125rem;
      margin: 0 0 10% 0;
      color: #35cc99; }
    .personalize .price .add-on {
      font-size: .875rem;
      font-weight: 600;
      color: #7a7eaa;
      padding: 5px 0; }
    .personalize .price .add-on-price {
      padding: 5px 0; }
    .personalize .price .amount {
      font-size: 1rem;
      font-weight: 600;
      color: #353c43; }
      .personalize .price .amount:first-child {
        padding: 0 0 10% 0; }
    .personalize .price .unit {
      font-size: 1.9375rem;
      font-weight: 600;
      position: relative;
      bottom: .59375rem;
      left: .25rem;
      color: #7a7fa7; }
    .personalize .price .summation {
      font-size: 3.125rem;
      font-weight: 600; }
    .personalize .price .min-summation {
      font-family: 'Lato', sans-serif;
      font-size: .75rem;
      font-style: italic;
      margin: 10% 0 0 0;
      color: #a8a8a8; }
    .personalize .price .dollar-bonus {
      font-family: 'Lato', sans-serif;
      font-size: .75rem;
      font-style: italic;
      margin: 2% 0 0 0;
      color: #a8a8a8; }
  .personalize .purchase {
    display: block;
    padding: 2.5% 0; }
  .personalize .cis {
    font-family: 'Lato', sans-serif;
    font-size: .75rem;
    color: #a8a8a8; }

@media (max-width: 400px) {
  .personalize {
    margin: 6vh auto; } }

@media (max-width: 991px) {
  .personalize .destination {
    margin-top: 9%; } }

@media (max-width: 767px) {
  .personalize .baseplan-top-margin {
    margin-top: 15%; } }

.best-value-base {
  position: absolute;
  width: 9%;
  right: 7%;
  top: 26%; }

.best-value-unlimited {
  position: absolute;
  width: 15%;
  right: 4%;
  top: 30%; }

.best-value-fetch {
  position: absolute;
  width: 9%;
  right: 7%;
  top: 30%; }

.best-value-velocity {
  position: absolute;
  width: 9%;
  right: 7%;
  top: 30%; }

.bonus-month img {
  width: 15rem; }

.profile {
  height: auto;
  text-align: center; }
  .profile .col,
  .profile .col-1,
  .profile .col-10,
  .profile .col-11,
  .profile .col-12,
  .profile .col-2,
  .profile .col-3,
  .profile .col-4,
  .profile .col-5,
  .profile .col-6,
  .profile .col-7,
  .profile .col-8,
  .profile .col-9,
  .profile .col-lg,
  .profile .col-lg-1,
  .profile .col-lg-10,
  .profile .col-lg-11,
  .profile .col-lg-12,
  .profile .col-lg-2,
  .profile .col-lg-3,
  .profile .col-lg-4,
  .profile .col-lg-5,
  .profile .col-lg-6,
  .profile .col-lg-7,
  .profile .col-lg-8,
  .profile .col-lg-9,
  .profile .col-md,
  .profile .col-md-1,
  .profile .col-md-10,
  .profile .col-md-11,
  .profile .col-md-12,
  .profile .col-md-2,
  .profile .col-md-3,
  .profile .col-md-4,
  .profile .col-md-5,
  .profile .col-md-6,
  .profile .col-md-7,
  .profile .col-md-8,
  .profile .col-md-9,
  .profile .col-sm,
  .profile .col-sm-1,
  .profile .col-sm-10,
  .profile .col-sm-11,
  .profile .col-sm-12,
  .profile .col-sm-2,
  .profile .col-sm-3,
  .profile .col-sm-4,
  .profile .col-sm-5,
  .profile .col-sm-6,
  .profile .col-sm-7,
  .profile .col-sm-8,
  .profile .col-sm-9,
  .profile .col-xl,
  .profile .col-xl-1,
  .profile .col-xl-10,
  .profile .col-xl-11,
  .profile .col-xl-12,
  .profile .col-xl-2,
  .profile .col-xl-3,
  .profile .col-xl-4,
  .profile .col-xl-5,
  .profile .col-xl-6,
  .profile .col-xl-7,
  .profile .col-xl-8,
  .profile .col-xl-9 {
    padding-right: .5rem;
    padding-left: .5rem; }
  .profile header {
    position: relative;
    width: 100%;
    background-color: #fff; }
    .profile header .search-outcome {
      box-sizing: border-box;
      padding: 2.5vh 0; }
      .profile header .search-outcome .destination {
        font-family: 'Lato', sans-serif;
        width: 85%;
        margin: 0 auto;
        padding: 1.25vh 0;
        color: #7a7fa7;
        border-radius: 3px;
        background-color: #f1f1f1; }
        .profile header .search-outcome .destination span {
          font-size: .875rem; }
    .profile header .title, .profile header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .profile header .subtitle {
      font-size: 2rem;
      font-weight: 600; }
    .profile header img {
      padding: 5% 0; }
    .profile header .customer {
      font-family: 'Poppins', sans-serif;
      font-size: 1rem;
      font-weight: 600;
      width: 50%;
      margin: 0 auto; }
      .profile header .customer .active {
        padding: 3.5%;
        color: #35cc99;
        border-bottom: 3px solid #35cc99; }
      .profile header .customer .in-active {
        padding: 3.5%;
        color: #bababa;
        border-bottom: 3px solid #bababa; }
  .profile .form {
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
    padding: 5vh 0; }
    .profile .form .form-horizontal {
      width: 92.5%;
      margin: 0 auto;
      /*.expiry-date-control-year {
                float: right;
                // width: 45%;
                margin: 0 2.5%;
            }*/ }
      .profile .form .form-horizontal .message {
        margin-top: 1.5rem; }
      .profile .form .form-horizontal .label {
        font-size: .6875rem;
        font-weight: 400;
        padding: 1.5% 0;
        text-transform: uppercase;
        color: #b4b4b4;
        display: block; }
      .profile .form .form-horizontal .submit {
        margin: 1.5rem 0; }
      .profile .form .form-horizontal .information {
        font-family: 'Lato', sans-serif;
        font-size: .75rem;
        line-height: 1.0625rem;
        width: 75%;
        margin: 0 auto;
        color: #353c43; }
      .profile .form .form-horizontal .dob-control {
        display: inline-block;
        float: left;
        width: 25%; }
        .profile .form .form-horizontal .dob-control.middle {
          margin: 0 2.5%; }
      .profile .form .form-horizontal .dob-control-year {
        float: right;
        width: 45%; }
      .profile .form .form-horizontal .expiry-date-control {
        display: inline-block;
        float: left;
        width: 45%; }
        .profile .form .form-horizontal .expiry-date-control.year {
          float: right;
          margin: 0 2.5%; }

@media (max-width: 767px) {
  .dob-label {
    margin: 1rem 0 0 0;
    text-align: left;
    color: #8185ab; }
  .stick-button-group {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 2.5%;
    background: #fff; }
    .stick-button-group .btn-outline-transparent {
      background-color: #eee; } }

.creditcheck {
  height: auto;
  text-align: center; }
  .creditcheck .col,
  .creditcheck .col-1,
  .creditcheck .col-10,
  .creditcheck .col-11,
  .creditcheck .col-12,
  .creditcheck .col-2,
  .creditcheck .col-3,
  .creditcheck .col-4,
  .creditcheck .col-5,
  .creditcheck .col-6,
  .creditcheck .col-7,
  .creditcheck .col-8,
  .creditcheck .col-9,
  .creditcheck .col-lg,
  .creditcheck .col-lg-1,
  .creditcheck .col-lg-10,
  .creditcheck .col-lg-11,
  .creditcheck .col-lg-12,
  .creditcheck .col-lg-2,
  .creditcheck .col-lg-3,
  .creditcheck .col-lg-4,
  .creditcheck .col-lg-5,
  .creditcheck .col-lg-6,
  .creditcheck .col-lg-7,
  .creditcheck .col-lg-8,
  .creditcheck .col-lg-9,
  .creditcheck .col-md,
  .creditcheck .col-md-1,
  .creditcheck .col-md-10,
  .creditcheck .col-md-11,
  .creditcheck .col-md-12,
  .creditcheck .col-md-2,
  .creditcheck .col-md-3,
  .creditcheck .col-md-4,
  .creditcheck .col-md-5,
  .creditcheck .col-md-6,
  .creditcheck .col-md-7,
  .creditcheck .col-md-8,
  .creditcheck .col-md-9,
  .creditcheck .col-sm,
  .creditcheck .col-sm-1,
  .creditcheck .col-sm-10,
  .creditcheck .col-sm-11,
  .creditcheck .col-sm-12,
  .creditcheck .col-sm-2,
  .creditcheck .col-sm-3,
  .creditcheck .col-sm-4,
  .creditcheck .col-sm-5,
  .creditcheck .col-sm-6,
  .creditcheck .col-sm-7,
  .creditcheck .col-sm-8,
  .creditcheck .col-sm-9,
  .creditcheck .col-xl,
  .creditcheck .col-xl-1,
  .creditcheck .col-xl-10,
  .creditcheck .col-xl-11,
  .creditcheck .col-xl-12,
  .creditcheck .col-xl-2,
  .creditcheck .col-xl-3,
  .creditcheck .col-xl-4,
  .creditcheck .col-xl-5,
  .creditcheck .col-xl-6,
  .creditcheck .col-xl-7,
  .creditcheck .col-xl-8,
  .creditcheck .col-xl-9 {
    padding-right: .5rem;
    padding-left: .5rem; }
  .creditcheck header {
    position: relative;
    width: 100%;
    background-color: #fff; }
    .creditcheck header .search-outcome {
      box-sizing: border-box;
      padding: 2.5vh 0; }
      .creditcheck header .search-outcome .destination {
        font-family: 'Lato', sans-serif;
        width: 85%;
        margin: 0 auto;
        padding: 1.25vh 0;
        color: #7a7fa7;
        border-radius: 3px;
        background-color: #f1f1f1; }
        .creditcheck header .search-outcome .destination span {
          font-size: .875rem; }
    .creditcheck header .title, .creditcheck header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .creditcheck header .subtitle {
      font-size: 2rem;
      font-weight: 600; }
    .creditcheck header img {
      padding: 5% 0; }
    .creditcheck header .customer {
      font-family: 'Poppins', sans-serif;
      font-size: 1rem;
      font-weight: 600;
      width: 50%;
      margin: 0 auto; }
      .creditcheck header .customer .active {
        padding: 3.5%;
        color: #35cc99;
        border-bottom: 3px solid #35cc99; }
      .creditcheck header .customer .in-active {
        padding: 3.5%;
        color: #bababa;
        border-bottom: 3px solid #bababa; }
  .creditcheck .form {
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
    padding: 5vh 0; }
    .creditcheck .form .form-horizontal {
      width: 92.5%;
      margin: 0 auto; }
      .creditcheck .form .form-horizontal .label {
        font-size: .6875rem;
        font-weight: 400;
        padding: 1.5% 0;
        text-transform: uppercase;
        color: #b4b4b4;
        display: block; }
      .creditcheck .form .form-horizontal .label-txt {
        font-size: .6875rem;
        font-weight: 400;
        padding: 1.5% 0;
        color: #b4b4b4;
        display: block; }
      .creditcheck .form .form-horizontal .submit {
        margin: 1.5rem 0; }
      .creditcheck .form .form-horizontal .information {
        font-family: 'Lato', sans-serif;
        font-size: .75rem;
        line-height: 1.0625rem;
        width: 75%;
        margin: 0 auto;
        color: #353c43; }
      .creditcheck .form .form-horizontal .custom-control-desc {
        margin-top: 5px;
        margin-left: 20px;
        font-size: 0.7rem;
        text-align: left; }
      .creditcheck .form .form-horizontal .expiry-date-control {
        display: inline-block;
        float: left;
        width: 45%; }
        .creditcheck .form .form-horizontal .expiry-date-control.year {
          float: right;
          margin: 0 2.5%; }

.creditfail {
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(34, 41, 108, 0.925);
  height: 100%;
  height: -moz-available;
  height: -webkit-fill-available;
  height: fill-available; }
  .creditfail .failed-message-center {
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 20%; }
  .creditfail .failed-message-title {
    margin-top: 40px;
    text-align: center;
    padding: 30px;
    background: white;
    color: red;
    font-size: 2rem; }
  .creditfail .failed-message {
    margin-top: 2px;
    text-align: left;
    line-height: 2;
    padding: 30px;
    background: white;
    margin-bottom: 20px; }
  .creditfail .failed-order-no {
    text-align: right;
    line-height: 2;
    padding: 4px;
    background: white;
    padding-right: 20px;
    margin-top: -20px;
    font-size: .8rem; }

@media (max-width: 767px) {
  .creditfail .failed-message-center {
    padding-left: 5% !important;
    padding-right: 5% !important;
    padding-top: 0% !important; }
  .creditfail .failed-message-title {
    margin-top: 20px !important;
    padding: 15px !important;
    font-size: 1.5rem !important; }
  .dob-label {
    margin: 1rem 0 0 0;
    text-align: left;
    color: #8185ab; }
  .stick-button-group {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 2.5%;
    background: #fff; }
    .stick-button-group .btn-outline-transparent {
      background-color: #eee; } }

#mobile-installation .installation {
  height: 85vh; }

.installation {
  height: 100vh;
  overflow-y: scroll;
  text-align: center; }
  .installation .col, .installation .col-1, .installation .col-10, .installation .col-11, .installation .col-12, .installation .col-2, .installation .col-3, .installation .col-4, .installation .col-5, .installation .col-6, .installation .col-7, .installation .col-8, .installation .col-9, .installation .col-lg, .installation .col-lg-1, .installation .col-lg-10, .installation .col-lg-11, .installation .col-lg-12, .installation .col-lg-2, .installation .col-lg-3, .installation .col-lg-4, .installation .col-lg-5, .installation .col-lg-6, .installation .col-lg-7, .installation .col-lg-8, .installation .col-lg-9, .installation .col-md, .installation .col-md-1, .installation .col-md-10, .installation .col-md-11, .installation .col-md-12, .installation .col-md-2, .installation .col-md-3, .installation .col-md-4, .installation .col-md-5, .installation .col-md-6, .installation .col-md-7, .installation .col-md-8, .installation .col-md-9, .installation .col-sm, .installation .col-sm-1, .installation .col-sm-10, .installation .col-sm-11, .installation .col-sm-12, .installation .col-sm-2, .installation .col-sm-3, .installation .col-sm-4, .installation .col-sm-5, .installation .col-sm-6, .installation .col-sm-7, .installation .col-sm-8, .installation .col-sm-9, .installation .col-xl, .installation .col-xl-1, .installation .col-xl-10, .installation .col-xl-11, .installation .col-xl-12, .installation .col-xl-2, .installation .col-xl-3, .installation .col-xl-4, .installation .col-xl-5, .installation .col-xl-6, .installation .col-xl-7, .installation .col-xl-8, .installation .col-xl-9 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .installation header {
    position: relative;
    width: 100%;
    background-color: #fff; }
    .installation header .search-outcome {
      box-sizing: border-box;
      padding: 2.5vh 0; }
      .installation header .search-outcome .destination {
        font-family: 'Lato', sans-serif;
        width: 85%;
        margin: 0 auto;
        padding: 1.25vh 0;
        color: #7a7fa7;
        border-radius: 3px;
        background-color: #f1f1f1; }
        .installation header .search-outcome .destination span {
          font-size: .875rem; }
    .installation header .title, .installation header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .installation header .subtitle {
      font-size: 2rem;
      font-weight: 600; }
    .installation header img {
      padding: 5% 0; }
    .installation header .customer {
      font-family: 'Poppins', sans-serif;
      font-size: 1rem;
      font-weight: 600;
      width: 50%;
      margin: 0 auto; }
      .installation header .customer .active {
        padding: 3.5%;
        color: #35cc99;
        border-bottom: 3px solid #35cc99; }
      .installation header .customer .in-active {
        padding: 3.5%;
        color: #bababa;
        border-bottom: 3px solid #bababa; }
  .installation .form {
    box-sizing: border-box;
    width: 100%;
    padding: 2vh 0; }
    .installation .form .methods {
      width: 50%;
      margin: 0 auto 5vh auto; }
      .installation .form .methods img {
        width: 50%;
        height: 100%; }
    .installation .form .form-horizontal {
      width: 85%;
      margin: 0 auto; }
      .installation .form .form-horizontal p {
        margin: 0 0 0.5rem 0;
        line-height: 1.4375rem;
        font-weight: 300;
        font-size: 0.8125rem; }
      .installation .form .form-horizontal .label {
        font-size: 0.9rem;
        font-weight: 400;
        padding: 3.5% 0;
        /*text-transform: capitalize;*/
        color: #22296c;
        line-height: 1.5; }
        .installation .form .form-horizontal .label.sm {
          font-size: .6875rem;
          font-weight: 600;
          padding: 1.5% 0;
          text-transform: uppercase;
          color: #b4b4b4;
          display: block; }
      .installation .form .form-horizontal .submit {
        margin: 1.5rem 0; }
      .installation .form .form-horizontal .information {
        font-family: 'Lato', sans-serif;
        font-size: .75rem;
        line-height: 1.0625rem;
        width: 75%;
        margin: 0 auto;
        color: #353c43; }
      .installation .form .form-horizontal .fttc-condition-img {
        font-size: 0.75rem;
        font-weight: 500;
        margin-top: 0.5rem;
        font-style: italic; }
        .installation .form .form-horizontal .fttc-condition-img a {
          color: #ff9900; }
      .installation .form .form-horizontal .fttc-condition-info {
        font-family: 'Lato', sans-serif;
        font-size: .75rem;
        line-height: 1.0625rem;
        margin: 0 auto;
        color: #353c43; }
      .installation .form .form-horizontal .agreement {
        height: 25vh;
        overflow-y: scroll;
        padding: 1.5%;
        border: 1px solid #f2f2f2;
        background: #fff; }
        .installation .form .form-horizontal .agreement p {
          margin-bottom: 1.5%; }

.payment {
  height: auto;
  text-align: center;
  transform: translateX(100%);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }
  .payment header {
    position: relative;
    width: 100%;
    background-color: #fff; }
    .payment header .search-outcome {
      box-sizing: border-box;
      padding: 2.5vh 0; }
      .payment header .search-outcome .destination {
        font-family: 'Lato', sans-serif;
        width: 85%;
        margin: 0 auto;
        padding: 1.25vh 0;
        color: #7a7fa7;
        border-radius: 3px;
        background-color: #f1f1f1; }
        .payment header .search-outcome .destination span {
          font-size: .875rem; }
    .payment header .title, .payment header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .payment header .subtitle {
      font-size: 2rem;
      font-weight: 600; }
    .payment header img {
      padding: 5% 0; }
    .payment header .pay-summary {
      background: #f1f1f1;
      padding: 3%;
      width: 80%;
      margin: 5% auto;
      color: #22296c;
      font-size: 0.75rem; }
      .payment header .pay-summary .pay-content {
        margin-top: 1.5%; }
      .payment header .pay-summary .left-col {
        width: 69%;
        display: inline-block;
        text-align: left; }
      .payment header .pay-summary .right-col {
        width: 29%;
        display: inline-block;
        font-weight: bold;
        text-align: left; }
    .payment header .customer {
      font-family: 'Poppins', sans-serif;
      font-size: 1rem;
      font-weight: 600;
      width: 67%;
      margin: 0 auto; }
      .payment header .customer .choose-payment-method {
        font-size: 0.875rem;
        font-weight: 500; }
      .payment header .customer .payment-method-options {
        margin: 0 3.5% !important; }
      .payment header .customer .selected-payment-option-mint-green, .payment header .customer .unselected-payment-option, .payment header .customer .selected-payment-option-soft-grape, .payment header .customer .selected-payment-option-digital-blue, .payment header .customer .selected-payment-option-velocity-purple, .payment header .customer .selected-payment-option-finder-blue, .payment header .customer .selected-payment-option-basic, .payment header .customer .selected-payment-option-optimal, .payment header .customer .selected-payment-option-premium {
        background-color: #35cc99;
        border: 3px solid #35cc99;
        color: #fff;
        border-radius: 4px;
        padding: 7% 5%;
        font-size: 0.75rem;
        margin-top: 5%;
        font-weight: 500;
        cursor: pointer; }
      .payment header .customer .unselected-payment-option {
        border: 3px solid #22296c;
        background-color: #fff;
        color: #22296c; }
      .payment header .customer .selected-payment-option-soft-grape {
        background-color: #ad5cad;
        border: 3px solid #ad5cad; }
      .payment header .customer .selected-payment-option-digital-blue {
        background-color: #0099ff;
        border: 3px solid #0099ff; }
      .payment header .customer .selected-payment-option-velocity-purple {
        background-color: #512797;
        border: 3px solid #512797; }
      .payment header .customer .selected-payment-option-finder-blue {
        background-color: #0271e1;
        border: 3px solid #0271e1; }
      .payment header .customer .selected-payment-option-basic {
        background-color: #FFb850;
        border: 3px solid #FFb850; }
      .payment header .customer .selected-payment-option-optimal {
        background-color: #FF6666;
        border: 3px solid #FF6666; }
      .payment header .customer .selected-payment-option-premium {
        background-color: #9D3f9F;
        border: 3px solid #9D3f9F; }
      .payment header .customer .active {
        padding: 3.5%;
        color: #35cc99;
        border-bottom: 3px solid #35cc99; }
      .payment header .customer .in-active {
        padding: 3.5%;
        color: #bababa;
        border-bottom: 3px solid #bababa; }
  .payment .form {
    box-sizing: border-box;
    width: 100%;
    padding: 5vh 0 0 0; }
    .payment .form .methods {
      width: 50%;
      margin: 0 auto 5vh auto; }
      .payment .form .methods img {
        width: 50%;
        height: 100%; }
    .payment .form .failed-message {
      margin-top: 40px;
      text-align: left;
      line-height: 2;
      border: 2px;
      border-style: solid;
      padding: 30px; }
    .payment .form .surcharge .agreement {
      font-family: 'Lato', sans-serif;
      /*padding: .5rem 0 0 0;*/
      font-size: 0.75rem;
      color: #b5b5b7; }
    .payment .form .terms-conditions {
      width: 95%;
      margin: auto;
      border: 1px solid #d9d9d9;
      font-size: 0.65rem; }
      .payment .form .terms-conditions .terms {
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 5%;
        text-align: justify;
        background: #fff;
        height: 35vh; }
        .payment .form .terms-conditions .terms p {
          margin-top: 2.5%; }
      .payment .form .terms-conditions .terms-confirmation .check-box-section {
        background-color: #d9d9d9;
        width: 100%; }
        .payment .form .terms-conditions .terms-confirmation .check-box-section .custom-control {
          margin-left: 0.5rem;
          margin-right: 0; }
        .payment .form .terms-conditions .terms-confirmation .check-box-section .custom-checkbox .custom-control-indicator {
          border-radius: 0;
          border: 1px solid #22296c; }
        .payment .form .terms-conditions .terms-confirmation .check-box-section .left {
          width: 15%;
          background-color: #a3a5c6;
          padding: 0.75rem 0; }
        .payment .form .terms-conditions .terms-confirmation .check-box-section .flex-grid {
          display: flex;
          align-items: center;
          justify-content: center;
          color: #22296c;
          font-size: 1rem; }
      .payment .form .terms-conditions .terms-confirmation .submit-box-section {
        display: none; }
        .payment .form .terms-conditions .terms-confirmation .submit-box-section a {
          color: #FFF;
          background-color: #35cc99;
          padding: 0.85rem;
          display: inline-block;
          width: 100%; }
    .payment .form .confirmation {
      width: 67.5%;
      margin: 5% auto; }
      .payment .form .confirmation .title, .payment .form .confirmation .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .payment .form .confirmation .subtitle {
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.25;
        display: block;
        margin: 1.5rem 0; }
    .payment .form .form-horizontal {
      width: 92.5%;
      margin: 0 auto; }
      .payment .form .form-horizontal .form-input-box {
        border-radius: 4px;
        color: #22296c; }
      .payment .form .form-horizontal .card-number {
        position: relative; }
      .payment .form .form-horizontal .cards-type {
        display: initial;
        position: absolute;
        top: 50%;
        right: 6%; }
      .payment .form .form-horizontal .label {
        font-size: .75rem;
        font-weight: 600;
        padding: 5px 0;
        /*text-transform: uppercase;*/
        color: #7a7a7a; }
      .payment .form .form-horizontal .submit {
        margin: 1.5rem 0; }
      .payment .form .form-horizontal .information {
        font-family: 'Lato', sans-serif;
        font-size: .75rem;
        line-height: 1.0625rem;
        width: 75%;
        margin: 0 auto;
        color: #353c43; }
      .payment .form .form-horizontal .encryption-info {
        color: #7a7a7a;
        font-family: 'Lato';
        font-size: 0.6875rem;
        font-weight: 600; }
      .payment .form .form-horizontal .agreement {
        overflow-y: scroll;
        height: 13vh;
        display: block;
        padding: 1.5%;
        /*border: 1px solid #f2f2f2;
                background: #fff;*/ }
        .payment .form .form-horizontal .agreement p {
          margin-bottom: 1.5%; }
  @media (max-width: 1023px) {
    .payment .header .customer .payment-method-options {
      margin: 0 5% !important; } }
  .payment .toppadding {
    padding-top: 3%; }
  .payment .upfront {
    text-align: left !important;
    width: 85%;
    margin: 0 auto; }
    .payment .upfront .row {
      font-weight: 500;
      padding: 1.5% 0;
      color: #22296c; }
    .payment .upfront.top {
      padding: 2.5% 7.5%;
      background-color: #fff; }
      .payment .upfront.top span {
        font-size: .875rem; }
    .payment .upfront.bottom {
      padding: 2.5% 7.5%;
      border-bottom-right-radius: .1875rem;
      border-bottom-left-radius: .1875rem;
      background-color: #f2f2f2; }
      .payment .upfront.bottom span {
        font-size: .9375rem; }

.relocate {
  background-color: #f1f1f1; }
  .relocate .account {
    padding: 2.5% 0; }
    .relocate .account .container {
      padding: 0; }
    .relocate .account .title, .relocate .account .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .relocate .account .subtitle {
      display: flex;
      align-items: center; }
      .relocate .account .title span, .relocate .account .fetch .fetch-device-features .feature .subtitle span, .fetch .fetch-device-features .feature .relocate .account .subtitle span {
        font-size: 1.375rem;
        font-weight: 500;
        color: #0099ff; }
  .relocate .lookup {
    background-color: #FFF;
    /*padding: 5% 0;

        background: $vibrant-purple url('../../../../media/rebrand/pattern.png') no-repeat;
        background-size: cover;

        .container {
          width: 74.5%;
        }

        .title
        {
            font-size: 3.125rem;
            font-weight: 600;

            color: #fff;


            .highlight
            {
                display: inline-block;

                margin: 1.25% 0;
                padding: 1.5% 2.5%;

                color: #FFF;
                background-color: $salmon-pink;
            }
        }

        .description {
          margin: 1.5vh auto;
          span {
            color: #FFF;
            font-size: 1.75rem;
            line-height: 1.29;
            font-weight: 500;
          }
        }

        .seek
        {
            width: 70%;
            margin: auto;

        }*/ }
  .relocate .relocate-account {
    padding: 0.5vh 0;
    background-color: #e4e4e4; }
    .relocate .relocate-account .container {
      display: flex;
      align-items: center; }
      .relocate .relocate-account .container span {
        margin: 0 5%;
        font-size: 1.125rem;
        color: #3c426e; }
  .relocate .container {
    padding: 5vh 5%; }
  .relocate .relocate-steps {
    margin: 0 15px; }
    .relocate .relocate-steps .title, .relocate .relocate-steps .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .relocate .relocate-steps .subtitle {
      display: inline-block;
      margin: 2.25vh 0;
      padding: 1.5% 2.5%;
      color: #22296c;
      font-size: 1.95rem;
      font-weight: 600; }
    .relocate .relocate-steps .steps .step {
      background-color: #FFF;
      padding: 5%; }
      .relocate .relocate-steps .steps .step .header {
        font-size: 4rem;
        font-weight: 600;
        display: flex;
        align-items: center; }
      .relocate .relocate-steps .steps .step .statement .caption {
        font-size: 1.75rem;
        font-weight: 600; }
      .relocate .relocate-steps .steps .step .statement .description {
        font-size: 1rem;
        line-height: 1.62; }
    .relocate .relocate-steps .steps .center {
      margin: 0.5vh 0; }
  .relocate .relocate-checklist {
    margin: 5vh 15px; }
    .relocate .relocate-checklist .title, .relocate .relocate-checklist .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .relocate .relocate-checklist .subtitle {
      display: inline-block;
      margin: 2.25vh 0;
      padding: 1.5% 2.5%;
      color: #22296c;
      font-size: 1.95rem;
      font-weight: 600; }
    .relocate .relocate-checklist .steps .step {
      background-color: #FFF;
      padding: 5%; }
      .relocate .relocate-checklist .steps .step .header {
        font-size: 2.625rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center; }
      .relocate .relocate-checklist .steps .step .statement {
        display: flex;
        align-items: center; }
        .relocate .relocate-checklist .steps .step .statement .caption {
          font-size: 1.75rem;
          font-weight: 600; }
        .relocate .relocate-checklist .steps .step .statement .description {
          font-size: 1rem;
          line-height: 1.5; }
    .relocate .relocate-checklist .steps .download {
      background-color: #eff1ff; }
    .relocate .relocate-checklist .steps .center {
      margin: 0.5vh 0; }
  .relocate .relocate-time-frame {
    margin: 2.5% 0; }
    .relocate .relocate-time-frame .title, .relocate .relocate-time-frame .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .relocate .relocate-time-frame .subtitle {
      display: inline-block;
      padding: 1.5% 2.5%;
      color: #22296c;
      font-size: 1.95rem;
      font-weight: 600; }
    .relocate .relocate-time-frame .description {
      padding: 2.5vh 5%; }
  .relocate .shortcut {
    padding: 2.5% 0; }
    .relocate .shortcut .topic {
      padding: 10% 0;
      margin: 5% 0;
      text-align: center;
      border-radius: 0.25rem;
      background: #fff; }
      .relocate .shortcut .topic span {
        font-size: 1rem;
        color: #7a7fa7;
        font-weight: 500;
        margin: 7.5% 0 0 0; }
  .relocate .popular {
    padding: 3.5% 0; }
    .relocate .popular .topic {
      padding: 10%;
      margin: 2.5% 0;
      border-radius: 0.25rem;
      background: #fff; }
      .relocate .popular .topic .title, .relocate .popular .topic .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .relocate .popular .topic .subtitle {
        font-size: 1.375rem;
        padding: 2.5% 0; }
      .relocate .popular .topic .description {
        font-size: 1.125rem;
        color: #989898; }

.why-us {
  background-color: #f1f1f1; }
  .why-us .container {
    padding: 5vh 5%;
    width: 95%; }
  .why-us .banner {
    padding: 5% 0;
    background: #22296c; }
    .why-us .banner .title, .why-us .banner .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .why-us .banner .subtitle {
      font-size: 3.125rem;
      font-weight: 600;
      color: #fff; }
      .why-us .banner .title .highlight, .why-us .banner .fetch .fetch-device-features .feature .subtitle .highlight, .fetch .fetch-device-features .feature .why-us .banner .subtitle .highlight {
        display: inline-block;
        padding: 1.5% 2.5%; }
    .why-us .banner .description {
      margin: 2.5vh auto; }
      .why-us .banner .description span {
        color: #FFF;
        font-size: 1.75rem;
        line-height: 1.29;
        font-weight: 500; }
  .why-us .proof-points #why-us-carousel {
    background-color: #FFF;
    min-height: 600px; }
    .why-us .proof-points #why-us-carousel .carousel-indicators {
      position: relative;
      bottom: auto;
      left: auto;
      right: auto;
      padding: 0 0 7.5vh 0; }
  .why-us .proof-points .division {
    width: 100%;
    text-align: center;
    padding: 5vh 0; }
    .why-us .proof-points .division .title, .why-us .proof-points .division .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .why-us .proof-points .division .subtitle {
      font-size: 3rem;
      color: #22296c;
      font-weight: 600; }
    .why-us .proof-points .division img {
      width: 100%;
      margin: 5% 0; }
    .why-us .proof-points .division .description {
      width: 75%;
      font-size: 1.25rem;
      margin: auto; }
  .why-us .proof-points .carousel-indicators li {
    background-color: #d8d8d8; }
  .why-us .proof-points .carousel-indicators .active {
    background-color: #0099ff; }
  .why-us .proof-points .carousel-control-prev-icon {
    background: url("../../../../media/rebrand/back.png") no-repeat; }
  .why-us .proof-points .carousel-control-next-icon {
    background: url("../../../../media/rebrand/next.png") no-repeat; }
  .why-us .proof-points .carousel-control-next-icon, .why-us .proof-points .carousel-control-prev-icon {
    width: 32px;
    height: 32px; }

@media (max-width: 992px) {
  .why-us .banner .title, .why-us .banner .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .why-us .banner .subtitle {
    font-size: 2.125rem; }
  .why-us .banner .description span {
    font-size: 1.25rem; }
  .why-us .proof-points #why-us-carousel {
    min-height: 450px; } }

.fetch {
  background-color: #f2f2f2; }
  .fetch .flex-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/ }
  .fetch .banner {
    width: 100%;
    background-color: #FFF; }
    .fetch .banner img {
      width: 85%; }
  .fetch .marquee {
    width: 100%;
    height: 180px;
    -webkit-animation: marquee 15s infinite linear;
    background-image: url("../../../../media/rebrand/fetch-movies-strip.png"); }

@-webkit-keyframes marquee {
  0% {
    background-position: 0; }
  100% {
    background-position: -1688px; } }
  .fetch .channels .menu {
    text-align: center;
    border-bottom: 1px solid #d3d4e2; }
    .fetch .channels .menu .desktop .option {
      padding: 3.5vh 0;
      border-bottom: 3px solid #0099ff; }
      .fetch .channels .menu .desktop .option span {
        font-size: 1.5rem;
        font-weight: 600;
        color: #22296c; }
  .fetch .channels .offers {
    padding: 2.5vh 0; }
    .fetch .channels .offers .img-channel-banner {
      display: block;
      width: 60%;
      margin: 2.5% auto; }
    .fetch .channels .offers .skinny-packs {
      margin: 1.5vh 0;
      border: 1px solid #e1e1e1;
      border-radius: 10px;
      background-color: #fff; }
      .fetch .channels .offers .skinny-packs .bg-kids-pack {
        background-color: #f10c69; }
      .fetch .channels .offers .skinny-packs .bg-knowledge-pack {
        background-color: #ffcd00; }
      .fetch .channels .offers .skinny-packs .bg-vibe-pack {
        background-color: #2cd98e; }
      .fetch .channels .offers .skinny-packs .bg-variety-pack {
        background-color: #6849ff; }
      .fetch .channels .offers .skinny-packs .bg-ultimate {
        background-color: #09f; }
      .fetch .channels .offers .skinny-packs header {
        font-size: 1.25rem;
        padding: 1.5vh 5%;
        color: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
        .fetch .channels .offers .skinny-packs header .price {
          float: right; }
      .fetch .channels .offers .skinny-packs .skinny-pack.individual {
        min-height: 340px; }
      .fetch .channels .offers .skinny-packs .skinny-pack .skinny-pack-channels {
        padding: 10%; }
        .fetch .channels .offers .skinny-packs .skinny-pack .skinny-pack-channels.kids-pack-channels img {
          width: 50%; }
        .fetch .channels .offers .skinny-packs .skinny-pack .skinny-pack-channels.knowledge-pack-channels img {
          width: 30%; }
        .fetch .channels .offers .skinny-packs .skinny-pack .skinny-pack-channels.vibe-pack-channels img {
          width: 33.3333%; }
        .fetch .channels .offers .skinny-packs .skinny-pack .skinny-pack-channels.variety-pack-channels img {
          width: 48%; }
      .fetch .channels .offers .skinny-packs .skinny-pack .ultimate-pack-channels {
        padding: 2.5%; }
        .fetch .channels .offers .skinny-packs .skinny-pack .ultimate-pack-channels .pack {
          padding: 5%;
          text-align: center;
          color: #fff;
          border-radius: 3px; }
    .fetch .channels .offers .special-interest .logo img {
      width: 100%; }
    .fetch .channels .offers .special-interest .details {
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .fetch .fetch-features {
    padding: 5rem 0;
    background-color: #fff; }
    .fetch .fetch-features .title, .fetch .fetch-features .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .fetch-features .subtitle {
      font-size: 1.375rem;
      font-weight: 400; }
    .fetch .fetch-features hr {
      width: 3.5rem; }
      .fetch .fetch-features hr.hr-mint-green {
        border: 3px solid #35cc99; }
      .fetch .fetch-features hr.hr-vibrant-purple {
        border: 3px solid #993399; }
      .fetch .fetch-features hr.hr-salmon-pink {
        border: 3px solid #FF6666; }
      .fetch .fetch-features hr.hr-digital-blue {
        border: 3px solid #0099ff; }
      .fetch .fetch-features hr.hr-bright-orange {
        border: 3px solid #ff9900; }
    .fetch .fetch-features .description {
      font-size: 1.125rem;
      line-height: 1.33;
      display: inline-block;
      color: #7a7fa7;
      font-weight: 300;
      margin-bottom: 2rem; }
  .fetch .fetch-device-features {
    padding: 5% 0;
    text-align: center;
    background: #2c3366;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(180deg, #2c3366 63%, #f5f2f1 37%);
    /*Safari 5.1-6*/
    background: -o-linear-gradient(180deg, #2c3366 63%, #f5f2f1 37%);
    /*Opera 11.1-12*/
    background: -moz-linear-gradient(180deg, #2c3366 63%, #f5f2f1 37%);
    /*Fx 3.6-15*/
    background: linear-gradient(180deg, #2c3366 63%, #f5f2f1 37%);
    /*Standard*/ }
    .fetch .fetch-device-features img {
      width: 80%;
      margin: 5% 0; }
    .fetch .fetch-device-features .feature {
      width: 65%;
      margin-top: 5%; }
      .fetch .fetch-device-features .feature .custom {
        width: 80%;
        margin-left: 20% !important; }
      .fetch .fetch-device-features .feature .title, .fetch .fetch-device-features .feature .subtitle {
        font-size: 1.875rem;
        margin: 0;
        padding: 3.5% 0; }
      .fetch .fetch-device-features .feature .subtitle {
        padding: 0; }
      .fetch .fetch-device-features .feature .description {
        font-size: 1rem;
        font-weight: 100;
        line-height: 1.4;
        margin-top: 1.5rem;
        color: #fff; }
      .fetch .fetch-device-features .feature .last-description {
        padding-bottom: 5%; }
  .fetch .fetch-with-iprimus {
    padding: 3.5% 0;
    background-color: #dde9ff; }
    .fetch .fetch-with-iprimus span {
      font-size: 1.125rem;
      line-height: 1.56; }
  .fetch .fetch-go {
    background-color: #2c3366; }
    .fetch .fetch-go img {
      width: 65%;
      margin-top: 2.5rem; }
    .fetch .fetch-go .feature {
      width: 65%;
      margin-top: 5%; }
      .fetch .fetch-go .feature .custom {
        width: 80%;
        margin-left: 20% !important; }
      .fetch .fetch-go .feature .title, .fetch .fetch-go .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .fetch-go .feature .subtitle {
        font-size: 2rem;
        margin: 0;
        padding: 3.5% 0; }
      .fetch .fetch-go .feature .description {
        font-size: 1rem;
        font-weight: 100;
        line-height: 1.4;
        margin-top: 1.5rem;
        color: #fff; }
  .fetch .get-fetch {
    padding: 1.5% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    left: 20%;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 80vw; }
    .fetch .get-fetch a {
      color: #FFF;
      font-weight: 500; }
      .fetch .get-fetch a.btn {
        padding: 1rem 8.5%; }

@media (max-device-width: 1023px) {
  .fetch .get-fetch {
    padding: 1.5% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    width: 100vw; } }

@media (max-width: 992px) {
  .fetch .banner img {
    width: 100%; }
  .fetch .channels .offers .skinny-packs .skinny-pack .skinny-pack-channels img {
    width: 85px !important; }
  .fetch .fetch-device-features .feature,
  .fetch .fetch-go .feature {
    width: 85%; }
  .fetch .channels .offers .skinny-packs .skinny-pack .skinny-pack-channels {
    padding: 5% !important; }
  .fetch .channels .offers .skinny-packs .skinny-pack.individual {
    min-height: initial !important; }
  .fetch .channels .offers .img-channel-banner {
    width: 100%; }
  .fetch .banner .title .highlight, .fetch .banner .fetch-device-features .feature .subtitle .highlight, .fetch .fetch-device-features .feature .banner .subtitle .highlight {
    font-size: 2.125rem; } }

.nbn-info {
  background-color: #f1f1f1; }
  .nbn-info .nbn-advertisement {
    position: relative;
    width: 100%;
    height: 62vh; }
  .nbn-info .banner {
    background-color: #FFF;
    position: absolute;
    width: 100%;
    height: 45vh; }
    .nbn-info .banner img {
      width: 100%; }
    .nbn-info .banner .mobile-nbn-cover {
      display: none; }
    .nbn-info .banner .notice {
      border: 1px solid #000;
      padding: 0.5%;
      box-sizing: border-box;
      font-size: 0.65rem;
      text-align: center;
      position: absolute;
      line-height: 1.5;
      bottom: 0;
      display: none; }
  .nbn-info .box {
    padding: 1.275% 15px; }
  .nbn-info .account {
    padding: 2.5% 0; }
    .nbn-info .account .title, .nbn-info .account .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .nbn-info .account .subtitle {
      display: flex;
      align-items: center; }
      .nbn-info .account .title span, .nbn-info .account .fetch .fetch-device-features .feature .subtitle span, .fetch .fetch-device-features .feature .nbn-info .account .subtitle span {
        font-size: 1.375rem;
        font-weight: 500;
        color: #0099ff; }
  .nbn-info .lookup {
    position: absolute;
    height: 17vh;
    width: 100%;
    top: 45vh;
    /*padding: 2.5% 0;*/
    background-color: rgba(55, 62, 130, 0.95);
    display: flex;
    align-items: center;
    justify-content: center; }
    .nbn-info .lookup img {
      width: 2rem;
      height: 5%; }
    .nbn-info .lookup .container {
      width: 74.5%; }
    .nbn-info .lookup .title, .nbn-info .lookup .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .nbn-info .lookup .subtitle {
      font-size: 3.125rem;
      font-weight: 600;
      color: #fff; }
      .nbn-info .lookup .title .highlight, .nbn-info .lookup .fetch .fetch-device-features .feature .subtitle .highlight, .fetch .fetch-device-features .feature .nbn-info .lookup .subtitle .highlight {
        display: inline-block;
        margin: 1.25% 0;
        padding: 1.5% 2.5%;
        color: #FFF;
        background-color: #22296c; }
    .nbn-info .lookup .seek {
      width: 80%;
      /*margin: auto;*/ }
      .nbn-info .lookup .seek .box {
        display: flex;
        min-height: 8vh;
        margin: 3.5vh auto;
        background-color: #fff;
        box-shadow: 0 0.25rem 0 0 rgba(72, 136, 179, 0.75);
        align-items: center; }
        .nbn-info .lookup .seek .box .icon {
          margin: .75% 2.5%; }
        .nbn-info .lookup .seek .box input {
          font-family: 'Poppins', sans-serif;
          width: 85%;
          border: none; }
          .nbn-info .lookup .seek .box input:focus {
            outline: none; }
      .nbn-info .lookup .seek .result {
        width: 100%;
        height: 10vh;
        margin: 5vh auto;
        background-color: transparent;
        text-align: center;
        line-height: 5vh; }
        .nbn-info .lookup .seek .result .address {
          font-size: 1rem;
          font-weight: 400;
          color: #0099ff; }
        .nbn-info .lookup .seek .result .message {
          font-size: 1.1875rem;
          color: #fff;
          font-weight: 400; }
  .nbn-info .fixed-nbn-search {
    position: fixed;
    z-index: 999;
    bottom: auto;
    width: 80%;
    top: 0; }
  .nbn-info .nbn-info-intro {
    padding: 3.5vh 0;
    background-color: #fff;
    text-align: center; }
    .nbn-info .nbn-info-intro span {
      margin: 0 5%;
      font-size: 1.125rem;
      color: #3c426e; }
  .nbn-info .nbn-description {
    padding: 5vh 0;
    position: relative; }
    .nbn-info .nbn-description .nbn-offered-products {
      background-color: #FFF;
      padding: 3.5vh 0; }
      .nbn-info .nbn-description .nbn-offered-products .flex-banner {
        display: flex;
        align-items: center;
        padding: 0 5%;
        flex-wrap: wrap;
        /*.description {
          margin: 0 5%;
        }*/ }
      .nbn-info .nbn-description .nbn-offered-products .nbn-product .row {
        margin-bottom: 5%; }
      .nbn-info .nbn-description .nbn-offered-products .nbn-product .no-padding {
        padding: 0; }
      .nbn-info .nbn-description .nbn-offered-products .nbn-product .heading, .nbn-info .nbn-description .nbn-offered-products .nbn-product .amount, .nbn-info .nbn-description .nbn-offered-products .nbn-product .plan-link {
        color: #fff;
        font-size: 1.375rem;
        font-weight: 600; }
      .nbn-info .nbn-description .nbn-offered-products .nbn-product .amount {
        font-size: 1.875rem; }
      .nbn-info .nbn-description .nbn-offered-products .nbn-product .plan-description, .nbn-info .nbn-description .nbn-offered-products .nbn-product .timespan, .nbn-info .nbn-description .nbn-offered-products .nbn-product .conditions {
        color: #22296c;
        font-size: 0.75rem;
        font-weight: 600;
        margin-bottom: 5%; }
      .nbn-info .nbn-description .nbn-offered-products .nbn-product .timespan {
        color: #fff;
        padding-left: 0.5%; }
      .nbn-info .nbn-description .nbn-offered-products .nbn-product .conditions {
        font-size: 0.6rem;
        font-weight: 500; }
      .nbn-info .nbn-description .nbn-offered-products .nbn-product .plan-link {
        font-size: 0.875rem; }
      .nbn-info .nbn-description .nbn-offered-products .nbn-product .arrow-link {
        color: #fff; }
      .nbn-info .nbn-description .nbn-offered-products .plan-box, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited, .nbn-info .nbn-description .nbn-offered-products .plan-box-last {
        padding: 8% 2%;
        min-height: 14rem;
        border-radius: 5px;
        min-width: 14rem; }
        .nbn-info .nbn-description .nbn-offered-products .plan-box .plan-top-space, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space, .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space {
          margin-top: 16%; }
          .nbn-info .nbn-description .nbn-offered-products .plan-box .plan-top-space a:link, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space a:link, .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space a:link, .nbn-info .nbn-description .nbn-offered-products .plan-box .plan-top-space a:visited, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space a:visited, .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space a:visited, .nbn-info .nbn-description .nbn-offered-products .plan-box .plan-top-space a:hover, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space a:hover, .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space a:hover, .nbn-info .nbn-description .nbn-offered-products .plan-box .plan-top-space a:active, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space a:active, .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space a:active {
            text-decoration: none; }
      .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited {
        padding: 8% 2%;
        min-height: 14rem;
        max-width: 90%; }
        .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space {
          margin-top: 15%; }
          .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space a:link, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space a:visited, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space a:hover, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space a:active {
            text-decoration: none; }
      .nbn-info .nbn-description .nbn-offered-products .plan-box-last {
        max-width: 14rem; }
        .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space {
          margin-top: 0; }
          .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space a:link, .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space a:visited, .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space a:hover, .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space a:active {
            text-decoration: none; }
      .nbn-info .nbn-description .nbn-offered-products img {
        width: 100%; }
      .nbn-info .nbn-description .nbn-offered-products header {
        padding: 0 0 3.5rem 0; }
        .nbn-info .nbn-description .nbn-offered-products header .title, .nbn-info .nbn-description .nbn-offered-products header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .nbn-info .nbn-description .nbn-offered-products header .subtitle {
          font-size: 2rem;
          font-weight: 600; }
        .nbn-info .nbn-description .nbn-offered-products header .description {
          font-size: 1rem;
          color: #22296c;
          line-height: 1.375; }
      .nbn-info .nbn-description .nbn-offered-products .starter {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
      .nbn-info .nbn-description .nbn-offered-products .flex-box-unlimited {
        display: flex;
        align-items: center;
        justify-content: center; }
      .nbn-info .nbn-description .nbn-offered-products .entertainment {
        display: flex;
        align-items: center;
        justify-content: flex-start; }
    .nbn-info .nbn-description .nbn-offered-speeds {
      background-color: #FFF; }
      .nbn-info .nbn-description .nbn-offered-speeds img {
        width: 100%; }
      .nbn-info .nbn-description .nbn-offered-speeds .lrg-title {
        font-size: 5rem;
        vertical-align: middle;
        color: #ff6666; }
      .nbn-info .nbn-description .nbn-offered-speeds .min-title {
        font-size: 3rem;
        font-weight: 500;
        color: #22296c;
        margin: 1rem; }
    .nbn-info .nbn-description .pre-enrol {
      text-align: center;
      background-color: #eceff0;
      padding: 3.5vh 5%; }
      .nbn-info .nbn-description .pre-enrol img {
        margin: 0 0 2.5vh 0;
        width: 90%; }
      .nbn-info .nbn-description .pre-enrol .description {
        color: #22296c;
        line-height: 1.375; }
    .nbn-info .nbn-description .nbn-explained {
      background-color: #FFF;
      padding: 3.5vh 0;
      position: relative; }
      .nbn-info .nbn-description .nbn-explained .abs-img {
        position: absolute;
        right: -10%;
        top: 0;
        width: 25%; }
      .nbn-info .nbn-description .nbn-explained header {
        margin: 0 0 7.5% 0; }
        .nbn-info .nbn-description .nbn-explained header .title, .nbn-info .nbn-description .nbn-explained header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .nbn-info .nbn-description .nbn-explained header .subtitle {
          font-size: 2.5rem;
          font-weight: 400; }
      .nbn-info .nbn-description .nbn-explained .article {
        margin: 0 0 2.5% 0; }
        .nbn-info .nbn-description .nbn-explained .article img {
          width: 100%;
          margin: 1.5rem 0; }
        .nbn-info .nbn-description .nbn-explained .article .title-margin {
          margin-top: 1.5rem; }
        .nbn-info .nbn-description .nbn-explained .article .title, .nbn-info .nbn-description .nbn-explained .article .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .nbn-info .nbn-description .nbn-explained .article .subtitle {
          font-size: 1.2rem;
          font-weight: 500;
          padding: 0 0 5% 0; }
        .nbn-info .nbn-description .nbn-explained .article .description {
          color: #7e8089;
          font-size: 0.875rem;
          line-height: 1.85;
          font-weight: 100; }
      .nbn-info .nbn-description .nbn-explained .cover {
        width: 75%;
        margin: auto; }
    .nbn-info .nbn-description .nbn-featured {
      padding: 5vh 0; }
      .nbn-info .nbn-description .nbn-featured .title, .nbn-info .nbn-description .nbn-featured .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .nbn-info .nbn-description .nbn-featured .subtitle {
        font-size: 2rem;
        font-weight: 600; }
      .nbn-info .nbn-description .nbn-featured img {
        width: 100%; }
    .nbn-info .nbn-description .faq {
      margin: 5vh 0 0 0; }
  @media only screen and (max-width: 1024px) and (min-height: 769px) and (max-height: 1366px) {
    .nbn-info .fixed-nbn-search {
      width: 100%;
      top: 7.5vh; } }
  @media (max-width: 1023px) {
    .nbn-info .nbn-advertisement {
      height: 55vh; }
    .nbn-info .banner {
      height: 40vh;
      display: flex; }
      .nbn-info .banner .desktop-nbn-cover {
        display: none; }
      .nbn-info .banner .mobile-nbn-cover {
        display: block; }
      .nbn-info .banner .notice {
        display: none;
        font-size: 0.8rem;
        padding: 10px;
        position: relative; }
    .nbn-info .lookup {
      height: 15vh;
      top: 40vh; }
      .nbn-info .lookup .seek .result .message {
        font-size: 1rem; }
      .nbn-info .lookup .seek .result .address {
        font-size: 1rem; }
    .nbn-info .account {
      display: none; }
    .nbn-info .fixed-nbn-search {
      width: 100%;
      top: 7.5vh; } }
  @media (max-width: 767px) {
    .nbn-info .lookup .seek {
      width: 95%; }
      .nbn-info .lookup .seek .result {
        width: 95%;
        height: 15vh; }
    .nbn-info .nbn-info .nbn-description .nbn-explained header .title, .nbn-info .nbn-info .nbn-description .nbn-explained header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .nbn-info .nbn-info .nbn-description .nbn-explained header .subtitle {
      font-size: 1.75rem; }
    .nbn-info .nbn-info .nbn-description .nbn-explained .cover {
      width: 85%; }
    .nbn-info .container {
      width: 100%; }
    .nbn-info .nbn-offered-products .starter, .nbn-info .nbn-offered-products .entertainment, .nbn-info .nbn-offered-products .flex-box-unlimited {
      display: block !important; }
    .nbn-info .nbn-offered-products header .title, .nbn-info .nbn-offered-products header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .nbn-info .nbn-offered-products header .subtitle {
      font-size: 1.5rem !important; }
    .nbn-info .nbn-description .nbn-offered-products .nbn-product .plan-description, .nbn-info .nbn-description .nbn-offered-products .nbn-product .timespan, .nbn-info .nbn-description .nbn-offered-products .nbn-product .conditions {
      font-size: 0.875rem; }
    .nbn-info .nbn-description .nbn-offered-products .nbn-product .conditions {
      font-size: 0.75rem; }
    .nbn-info .nbn-description .nbn-offered-products .nbn-product .timespan {
      padding: 0; }
    .nbn-info .nbn-description .nbn-offered-products .nbn-product .plan-link {
      font-size: 1rem; }
    .nbn-info .nbn-description .nbn-offered-products .plan-box, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited, .nbn-info .nbn-description .nbn-offered-products .plan-box-last, .nbn-info .nbn-description .nbn-offered-products .plan-box-last, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited {
      max-width: 100%;
      min-height: 14rem; }
      .nbn-info .nbn-description .nbn-offered-products .plan-box .plan-top-space, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space, .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space, .nbn-info .nbn-description .nbn-offered-products .plan-box-last .plan-top-space, .nbn-info .nbn-description .nbn-offered-products .plan-box-unlimited .plan-top-space {
        margin-top: 10%; }
    .nbn-info .nbn-description .nbn-offered-speeds .min-title {
      font-size: 2rem; } }
  @media (max-width: 400px) {
    .nbn-info .nbn-description .nbn-offered-products header .title, .nbn-info .nbn-description .nbn-offered-products header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .nbn-info .nbn-description .nbn-offered-products header .subtitle {
      font-size: 1.6rem; }
    .nbn-info .nbn-description .nbn-explained header .title, .nbn-info .nbn-description .nbn-explained header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .nbn-info .nbn-description .nbn-explained header .subtitle {
      font-size: 1.4rem; } }

.register-interest {
  background: #FFF;
  margin: 0 15px; }
  .register-interest header .title, .register-interest header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .register-interest header .subtitle {
    font-size: 2.25rem;
    font-weight: 500;
    padding: 2.5%; }
  .register-interest .sub-title {
    font-size: 1.5625rem;
    margin: 2.5vh 0; }
  .register-interest .form {
    padding: 0 2.5%; }
    .register-interest .form .form-control {
      background-color: #eff1ff;
      border: 1px solid #eff1ff; }
    .register-interest .form .btn {
      padding: 1rem 5%; }
    .register-interest .form .information {
      padding: 0 0 1rem 0; }
      .register-interest .form .information .call {
        margin: 2.5% 0;
        font-size: 1.25rem;
        font-weight: 500; }
        .register-interest .form .information .call a {
          font-size: 1.875rem; }

.page-information {
  background-color: #f1f1f1; }

.page-information .account {
  padding: 2.5% 0; }

.page-information .account .title, .page-information .account .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .page-information .account .subtitle {
  display: flex;
  align-items: center; }

.page-information .account .title span, .page-information .account .fetch .fetch-device-features .feature .subtitle span, .fetch .fetch-device-features .feature .page-information .account .subtitle span {
  font-size: 1.375rem;
  font-weight: 500;
  color: #0099ff; }

.page-information .lookup {
  padding: 5% 0;
  background-color: #0099ff; }

.page-information .lookup .title, .page-information .lookup .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .page-information .lookup .subtitle {
  font-size: 3.125rem;
  font-weight: 600;
  color: #fff; }

.page-information .lookup .seek .box {
  display: flex;
  min-height: 8vh;
  margin: 3.5vh auto;
  background-color: #fff;
  box-shadow: 0 0.25rem 0 0 rgba(72, 136, 179, 0.75); }

.page-information .lookup .seek .box .icon {
  margin: .75% 2.5%; }

.page-information .lookup .seek .box input {
  font-family: 'Poppins', sans-serif;
  width: 85%;
  border: none; }

.page-information .lookup .seek .box input:focus {
  outline: none; }

.page-information .breadcrumb {
  padding: 2.5vh 0;
  background: #fff;
  margin-bottom: 0; }

.page-information .breadcrumb a {
  padding-right: 10px;
  padding-left: 10px; }

.page-information .breadcrumb a.active {
  color: #0099ff; }

.page-information .breadcrumb a.passive {
  color: #ceced2; }

.page-information .breadcrumb .fa {
  font-weight: 600;
  color: #ceced2; }

.page-information .content {
  padding: 7.5vh 0; }

.page-information .content h1 {
  font-size: 1.85rem;
  font-weight: bold;
  color: #22296c;
  padding: 0 0 2.5vh 0; }

.page-information .content h2 {
  color: #0099ff;
  font-weight: bold;
  font-size: 1.375rem;
  line-height: 1;
  letter-spacing: initial;
  margin: 2% 0; }

.page-information .content h3 {
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.25;
  color: #0099ff;
  letter-spacing: initial;
  margin: 2% 0; }

.page-information .content h4 {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.25;
  color: #0099ff;
  letter-spacing: initial;
  margin: 2% 0; }

.page-information .content p {
  font-family: 'Lato', sans-serif;
  font-size: 0.9375rem;
  color: #353c43;
  line-height: 1.47;
  margin: 1.5vh 0; }

.page-information .content ul {
  list-style: initial;
  margin-left: 3.5%; }

.page-information .content ul li {
  font-family: 'Lato', sans-serif;
  font-size: 0.9375rem;
  color: #353c43;
  line-height: 1.47;
  margin: 1.5vh 0; }

.page-information .content .content-box {
  background-color: #FFF;
  padding: 2.5vh 2.5%; }

@media (max-device-width: 1024px) {
  .information .lookup .title, .information .lookup .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .information .lookup .subtitle {
    font-size: 1.85rem; }
  .support .menu .dropdown {
    width: 90%; } }

.support-information {
  background-color: #f1f1f1; }
  .support-information .account {
    padding: 2.5% 0; }
    .support-information .account .title, .support-information .account .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .support-information .account .subtitle {
      display: flex;
      align-items: center; }
      .support-information .account .title span, .support-information .account .fetch .fetch-device-features .feature .subtitle span, .fetch .fetch-device-features .feature .support-information .account .subtitle span {
        font-size: 1.375rem;
        font-weight: 500;
        color: #0099ff; }
  .support-information .lookup {
    padding: 5% 0;
    background-color: #0099ff; }
    .support-information .lookup .title, .support-information .lookup .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .support-information .lookup .subtitle {
      font-size: 3.125rem;
      font-weight: 600;
      line-height: 1.15;
      color: #fff; }
    .support-information .lookup .seek .box {
      display: flex;
      min-height: 8vh;
      margin: 3.5vh auto;
      background-color: #fff;
      box-shadow: 0 0.25rem 0 0 rgba(72, 136, 179, 0.75); }
      .support-information .lookup .seek .box .icon {
        margin: .75% 2.5%; }
      .support-information .lookup .seek .box input {
        font-family: 'Poppins', sans-serif;
        width: 85%;
        border: none; }
        .support-information .lookup .seek .box input:focus {
          outline: none; }
  .support-information .menu-desktop-stick {
    position: fixed;
    z-index: 100 !important;
    top: 0;
    right: 0;
    left: 20%; }
  .support-information .menu-mobile-stick {
    position: fixed;
    z-index: 100 !important;
    top: 7.5vh;
    right: 0;
    left: 0; }
  .support-information .menu {
    padding: 2.5vh 0;
    text-align: center;
    background: #ffffff;
    border-bottom: 3px solid #e4e4e4; }
    .support-information .menu .dropdown {
      position: relative;
      display: inline-block;
      width: 35%;
      text-align: left; }
      .support-information .menu .dropdown .default {
        font-size: 1.125rem;
        font-weight: 500;
        color: #0099ff; }
        .support-information .menu .dropdown .default .fa {
          font-size: 1.5rem;
          font-weight: 600;
          position: relative;
          top: -.5vh;
          float: right;
          color: #0099ff; }
      .support-information .menu .dropdown .categories {
        position: absolute;
        z-index: 10;
        top: 4.5vh;
        display: none;
        width: 100%;
        background: #e8e8e8; }
        .support-information .menu .dropdown .categories a {
          font-size: 1rem;
          font-weight: 500;
          display: block;
          padding: 2.5vh 2.5%;
          color: #22296c; }
          .support-information .menu .dropdown .categories a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #22296c; }
  .support-information .topics {
    padding: 2.5vh 0; }
    .support-information .topics h2 {
      font-size: 1.5625rem;
      font-weight: 600;
      padding: 3.5vh 0;
      color: #22296c; }
    .support-information .topics h3 {
      font-size: 1.375rem;
      font-weight: 600;
      color: #0099ff; }
    .support-information .topics h4 {
      font-size: 1rem;
      color: #0099ff;
      line-height: 1.07; }
    .support-information .topics p {
      margin: 3.5% 0;
      font-size: 0.9375;
      line-height: 1.47;
      color: #353c43;
      font-style: 'Lato', sans-serif; }
    .support-information .topics ul {
      list-style: inside; }
      .support-information .topics ul li {
        margin: 1.5% 0; }
  .support-information .faq #accordion .card-header {
    cursor: pointer; }
    .support-information .faq #accordion .card-header a {
      display: block; }
      .support-information .faq #accordion .card-header a .fa {
        font-size: 1.35rem;
        font-weight: 100;
        float: right; }
  .support-information .information .information-topic {
    background-color: #FFF;
    padding: 2.5%; }

@media (max-width: 1024px) {
  .support-information .menu .dropdown {
    width: 90%; }
  .support-information .lookup .title, .support-information .lookup .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .support-information .lookup .subtitle {
    font-size: 2.125rem; } }

.fetch-device-upgrade {
  width: 90%;
  text-align: center;
  margin: auto; }
  .fetch-device-upgrade header {
    text-align: center; }
    .fetch-device-upgrade header .search-outcome {
      box-sizing: border-box;
      padding: 2.5vh 0; }
      .fetch-device-upgrade header .search-outcome .destination {
        font-family: 'Lato', sans-serif;
        width: 85%;
        margin: 0 auto;
        padding: 1.25vh 0;
        color: #7a7fa7;
        border-radius: 3px;
        background-color: #f1f1f1; }
        .fetch-device-upgrade header .search-outcome .destination span {
          font-size: .875rem; }
    .fetch-device-upgrade header .title, .fetch-device-upgrade header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .fetch-device-upgrade header .subtitle {
      font-size: 1.625rem;
      font-weight: 600;
      margin: 1.5% 0; }
    .fetch-device-upgrade header .sub-title {
      font-size: 1rem; }
  .fetch-device-upgrade .might-device {
    margin: 5% 0; }
    .fetch-device-upgrade .might-device .might-jumbo {
      padding: 2.5rem 0;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      position: relative; }
      .fetch-device-upgrade .might-device .might-jumbo .device-selected {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.75);
        align-items: center;
        justify-content: center;
        z-index: 10;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
      .fetch-device-upgrade .might-device .might-jumbo img {
        width: 50%; }
      .fetch-device-upgrade .might-device .might-jumbo em {
        color: #FFF;
        font-size: 1.1875rem;
        margin: 1.5% 0 0 0; }
    .fetch-device-upgrade .might-device .device-features {
      padding: 2.5rem 0;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      background-color: #f3f3f4; }
      .fetch-device-upgrade .might-device .device-features ul li {
        font-size: 1rem;
        color: #4e5489;
        margin: 3.5% 0; }

.fetch-channel-pack {
  width: 100%;
  margin: auto;
  text-align: center;
  overflow-y: auto;
  height: 100vh; }
  .fetch-channel-pack .fetch-channel-jumbo {
    text-align: center; }
    .fetch-channel-pack .fetch-channel-jumbo .search-outcome {
      box-sizing: border-box;
      padding: 2.5vh 0; }
      .fetch-channel-pack .fetch-channel-jumbo .search-outcome .destination {
        font-family: 'Lato', sans-serif;
        width: 85%;
        margin: 0 auto;
        padding: 1.25vh 0;
        color: #7a7fa7;
        border-radius: 3px;
        background-color: #f1f1f1; }
        .fetch-channel-pack .fetch-channel-jumbo .search-outcome .destination span {
          font-size: .875rem; }
    .fetch-channel-pack .fetch-channel-jumbo .title, .fetch-channel-pack .fetch-channel-jumbo .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .fetch-channel-pack .fetch-channel-jumbo .subtitle {
      font-size: 1.625rem;
      font-weight: 600;
      margin: 1.5% 0; }
    .fetch-channel-pack .fetch-channel-jumbo .sub-title {
      font-size: 1rem; }
  .fetch-channel-pack .offers {
    padding: 2.5vh 0; }
    .fetch-channel-pack .offers .skinny-packs {
      margin: 1.5vh 0;
      border: 1px solid #e1e1e1;
      border-radius: 10px;
      background-color: #fff; }
      .fetch-channel-pack .offers .skinny-packs .bg-kids-pack {
        background-color: #f10c69; }
      .fetch-channel-pack .offers .skinny-packs .bg-knowledge-pack {
        background-color: #ffcd00; }
      .fetch-channel-pack .offers .skinny-packs .bg-vibe-pack {
        background-color: #2cd98e; }
      .fetch-channel-pack .offers .skinny-packs .bg-variety-pack {
        background-color: #6849ff; }
      .fetch-channel-pack .offers .skinny-packs .bg-ultimate {
        background-color: #09f; }
      .fetch-channel-pack .offers .skinny-packs header {
        font-size: 1.25rem;
        padding: 1.5vh 5%;
        text-align: left;
        color: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
        .fetch-channel-pack .offers .skinny-packs header .price {
          float: right; }
      .fetch-channel-pack .offers .skinny-packs .skinny-pack.individual {
        min-height: 398px; }
      .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels {
        position: relative;
        padding: 10%;
        cursor: pointer; }
        .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels.kids-pack-channels img {
          width: 50%; }
        .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels.knowledge-pack-channels img {
          width: 30.5%; }
        .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels.vibe-pack-channels img {
          width: 33.3333%; }
        .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels.variety-pack-channels img {
          width: 38%; }
        .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels .channel-selected {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          display: none;
          color: #fff;
          background-color: rgba(0, 0, 0, 0.75);
          align-items: center;
          justify-content: center;
          z-index: 10;
          border-bottom-left-radius: 10px;
          border-bottom-right-radius: 10px; }
          .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels .channel-selected.ultimate {
            min-height: auto; }
        .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels img {
          width: 50%; }
      .fetch-channel-pack .offers .skinny-packs .skinny-pack .ultimate-pack-channels {
        padding: 2.5%; }
        .fetch-channel-pack .offers .skinny-packs .skinny-pack .ultimate-pack-channels .pack {
          font-size: .75rem;
          padding: 10%;
          text-align: center;
          color: #fff;
          border-radius: 3px; }
    .fetch-channel-pack .offers .special-interest .logo img {
      width: 100%; }
    .fetch-channel-pack .offers .special-interest .details {
      display: flex;
      flex-direction: column;
      justify-content: center; }

@media (max-width: 992px) {
  .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels.kids-pack-channels img {
    width: 85px !important; }
  .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels.knowledge-pack-channels img {
    width: 85px !important; }
  .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels.vibe-pack-channels img {
    width: 85px !important; }
  .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels.variety-pack-channels img {
    width: 85px !important; }
  .fetch-channel-pack .offers .skinny-packs .skinny-pack .skinny-pack-channels {
    padding: 3% !important; }
  .fetch-channel-pack .offers .skinny-packs .skinny-pack.individual {
    min-height: initial !important; }
  .fetch .channels .offers .skinny-packs .skinny-pack.individual {
    min-height: initial !important; } }

.app-page {
  background-color: #f1f1f1; }
  .app-page .cover {
    position: relative; }
    .app-page .cover img {
      width: 100%; }
    .app-page .cover .app-url {
      width: 50%;
      position: absolute;
      top: 67%;
      left: 5vw; }
      .app-page .cover .app-url img {
        width: 140px;
        margin-left: 10px; }
  .app-page .app-url-mobile {
    padding: 2.5vh 0px;
    text-align: center;
    background: #FFF;
    border-bottom: 1px solid #CCC;
    display: none; }
    .app-page .app-url-mobile img {
      width: 115px;
      margin-left: 10px; }
  .app-page .pay-bill {
    background-color: #5dd6ad;
    text-align: center;
    padding: 5% 0 0 0; }
    .app-page .pay-bill .title, .app-page .pay-bill .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .app-page .pay-bill .subtitle {
      color: #FFF;
      font-size: 2rem;
      font-weight: 500;
      margin: 0; }
    .app-page .pay-bill .description {
      color: #353c43;
      margin: 3.5% 0;
      line-height: 1.5;
      font-size: 1.25rem; }
    .app-page .pay-bill img {
      width: 25%;
      position: relative;
      bottom: -2px; }
  .app-page .pause-us {
    background: #FFF;
    padding: 5% 0 0 0; }
    .app-page .pause-us img {
      width: 70%; }
    .app-page .pause-us .flex-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
    .app-page .pause-us .title, .app-page .pause-us .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .app-page .pause-us .subtitle {
      color: #FFF;
      font-size: 2rem;
      font-weight: 500;
      margin: 0; }
    .app-page .pause-us .description {
      color: #353c43;
      margin: 3.5% 0;
      line-height: 1.5;
      font-size: 1.25rem; }
  .app-page .check-usage {
    background-color: #ad5cad;
    padding: 5% 0 0 0; }
    .app-page .check-usage img {
      width: 90%; }
    .app-page .check-usage .flex-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
    .app-page .check-usage .marginize {
      margin-top: 5rem !important; }
    .app-page .check-usage .title, .app-page .check-usage .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .app-page .check-usage .subtitle {
      color: #FFF;
      font-size: 2rem;
      font-weight: 500;
      margin: 0; }
    .app-page .check-usage .description {
      color: #FFF;
      margin: 3.5% 0;
      line-height: 1.5;
      font-size: 1.25rem;
      font-weight: 100; }
  .app-page .pause-bill {
    background: #FFF;
    padding: 5% 0 0 0; }
    .app-page .pause-bill .flex-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
    .app-page .pause-bill img {
      width: 40%; }
    .app-page .pause-bill .title, .app-page .pause-bill .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .app-page .pause-bill .subtitle {
      color: #FFF;
      font-size: 2rem;
      font-weight: 500;
      margin: 0; }
    .app-page .pause-bill .description {
      color: #FFF;
      margin: 3.5% 0;
      line-height: 1.5;
      font-size: 1.25rem; }
  .app-page .get-app {
    text-align: center;
    padding: 5% 0; }
    .app-page .get-app .title, .app-page .get-app .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .app-page .get-app .subtitle {
      margin: 3.5% 0;
      color: #4e5489;
      font-size: 2rem;
      font-weight: 400;
      line-height: 1.5; }
    .app-page .get-app img {
      width: 175px; }
      .app-page .get-app img:first-child {
        margin-left: 10px; }

@media (max-width: 787px) {
  .app-url {
    display: none; }
  .app-url-mobile {
    display: block !important; }
  .app-page .pay-bill .description {
    font-size: 1rem; }
  .app-page .pay-bill img {
    width: 50%;
    margin-top: 7%; }
  .app-page .pause-us {
    padding-top: 10vh; }
  .app-page .pause-bill {
    padding-top: 10vh; }
  .app-page .pay-bill {
    padding-top: 10vh; }
  .app-page .pause-bill .description {
    font-size: 1rem; }
  .app-page .pause-us .description {
    font-size: 1rem; }
  .app-page .pause-bill img {
    width: 35%;
    margin-top: 7%; }
  .app-page .pause-us img {
    width: 70%;
    margin-top: 7%; }
  .app-page .get-app .title, .app-page .get-app .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .app-page .get-app .subtitle {
    font-size: 1.2rem; }
  .app-page .get-app img {
    width: 110px; }
  .app-page .pause-us .col-img {
    text-align: center; }
  .app-page .get-app {
    text-align: center;
    padding: 15% 0; } }

@media (max-width: 768px) {
  .mobile .international-price-information .illustration img {
    width: 100%; }
  .mobile .cover .pitch {
    height: 30%; }
    .mobile .cover .pitch span {
      font-size: 0.8rem !important;
      font-weight: 400; }
  .cover-desktop {
    display: none; }
  .cover-mobile {
    display: block; } }

.flex-center, .flex-top, .flex-bottom, .flex-left {
  display: flex;
  align-items: center;
  justify-content: center; }

.flex-top {
  align-items: flex-start; }

.flex-bottom {
  align-items: flex-end; }

.flex-left {
  justify-content: flex-start; }

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

.how-to-use-guide .top-banner {
  height: 40vh; }

.how-to-use-guide .menu {
  /* border-bottom: 3px solid #e4e4e4; */
  width: 40%;
  height: 8vh;
  margin: 0 auto;
  text-align: center;
  background: #222c71; }
  .how-to-use-guide .menu .dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center; }
    .how-to-use-guide .menu .dropdown .default {
      font-size: 1.125rem;
      font-weight: 500;
      color: #fff; }
      .how-to-use-guide .menu .dropdown .default .fa {
        font-size: 1.5rem;
        font-weight: 600;
        position: relative;
        top: 0.5vh;
        color: #fff; }
    .how-to-use-guide .menu .dropdown .categories {
      position: absolute;
      z-index: 10;
      top: 5vh;
      display: none;
      width: 100%;
      background: #22296c;
      text-align: left; }
      .how-to-use-guide .menu .dropdown .categories a {
        font-size: 1rem;
        font-weight: 500;
        display: block;
        padding: 2.5vh 2.5%;
        color: #FFF; }
        .how-to-use-guide .menu .dropdown .categories a:hover {
          text-decoration: none;
          color: #fff;
          background-color: #22296c; }

.how-to-use-guide .fixedDropdown {
  position: fixed;
  top: 0;
  margin: 0 !important;
  left: 42%;
  width: 35% !important;
  z-index: 999; }

.how-to-use-guide .left-banner {
  height: 32vh; }
  .how-to-use-guide .left-banner p {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.25rem;
    margin-top: 10%;
    text-align: justify;
    color: #373e82; }
    .how-to-use-guide .left-banner p.small-text {
      font-size: 0.75rem; }

.how-to-use-guide .banner-extra-margin {
  margin: 4% 0; }

.how-to-use-guide .gif-banner, .how-to-use-guide .gif-banner-wide {
  height: 32vh; }
  .how-to-use-guide .gif-banner img, .how-to-use-guide .gif-banner-wide img {
    width: 15rem; }

.how-to-use-guide .gif-banner-wide img {
  width: 22rem; }

.how-to-use-guide .workflow-steps {
  padding: 4% 0; }

.how-to-use-guide .dependencies {
  padding: 4% 0; }
  .how-to-use-guide .dependencies .dependency-info {
    margin-bottom: 3%; }

.how-to-use-guide .purple-info-close {
  height: 8vh;
  padding: 0 5%;
  cursor: pointer;
  color: #feb417;
  border: 3px solid #9d3f9f;
  background-color: #9d3f9f; }

.how-to-use-guide .green-info-close {
  height: 8vh;
  padding: 0 5%;
  cursor: pointer;
  color: #212b72;
  border: 3px solid #33cb98;
  background-color: #33cb98; }

.how-to-use-guide .purple-plus {
  background: #9d3f9f url("../../../../media/rebrand/how-to-use/purple-plus.svg") no-repeat;
  background-position-x: 95%;
  background-position-y: center; }

.how-to-use-guide .purple-minus {
  background: #9d3f9f url("../../../../media/rebrand/how-to-use/purple-minus.svg") no-repeat;
  background-position-x: 95%;
  background-position-y: center; }

.how-to-use-guide .green-plus {
  background: #33cb98 url("../../../../media/rebrand/how-to-use/green-plus.svg") no-repeat;
  background-position-x: 95%;
  background-position-y: center; }

.how-to-use-guide .green-minus {
  background: #33cb98 url("../../../../media/rebrand/how-to-use/green-minus.svg") no-repeat;
  background-position-x: 95%;
  background-position-y: center; }

.how-to-use-guide .purple-info-open {
  font-size: .875rem;
  font-weight: 400;
  width: 100%;
  padding: 3% 3% 3% 2%;
  color: #fff;
  background-color: rgba(157, 63, 159, 0.95); }
  .how-to-use-guide .purple-info-open .row {
    line-height: 1.25rem;
    margin-bottom: 2%; }
  .how-to-use-guide .purple-info-open i {
    font-weight: 400;
    color: #feb417;
    /*margin-right: 1%;*/ }
  .how-to-use-guide .purple-info-open p {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 2%;
    color: #fff; }

.how-to-use-guide .green-info-open {
  font-size: .875rem;
  font-weight: 400;
  width: 100%;
  padding: 3% 3% 3% 2%;
  color: #fff;
  background-color: rgba(51, 203, 152, 0.95); }
  .how-to-use-guide .green-info-open .row {
    line-height: 1.25rem;
    margin-bottom: 2%; }
  .how-to-use-guide .green-info-open i {
    font-weight: 300;
    margin-right: 1%;
    color: #212b72; }
  .how-to-use-guide .green-info-open p {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 2%;
    color: #fff; }

@media (max-width: 1200px) {
  .how-to-use-guide .left-banner img {
    width: 20rem; }
  .how-to-use-guide .gif-banner-wide img {
    width: 20rem; } }

@media (max-height: 900px) {
  .how-to-use-guide .top-banner {
    margin: 3% 0; }
  .how-to-use-guide .banner-extra-margin {
    margin: 6% 0; }
  .how-to-use-guide .left-banner,
  .how-to-use-guide .gif-banner, .how-to-use-guide .gif-banner-wide {
    height: 55vh; }
  .how-to-use-guide .dependencies {
    padding: 6% 0; }
    .how-to-use-guide .dependencies .dependency-info {
      margin-bottom: 4%; }
  .how-to-use-guide .purple-info-close,
  .how-to-use-guide .green-info-close {
    height: 10vh; } }

@media (max-width: 767px) {
  .how-to-use-guide .top-banner img {
    width: 22rem; }
  .how-to-use-guide .left-banner {
    height: 42vh; }
    .how-to-use-guide .left-banner img {
      width: 17rem; }
    .how-to-use-guide .left-banner p {
      font-size: 1rem; }
  .how-to-use-guide .bill-pause-banner .left-banner {
    height: 42vh; }
    .how-to-use-guide .bill-pause-banner .left-banner img {
      width: 14rem; }
    .how-to-use-guide .bill-pause-banner .left-banner p {
      font-size: 1rem; }
  .how-to-use-guide .gif-banner, .how-to-use-guide .gif-banner-wide {
    height: 38vh; }
    .how-to-use-guide .gif-banner img, .how-to-use-guide .gif-banner-wide img {
      width: 16rem; }
  .how-to-use-guide .gif-banner-wide {
    height: 34vh; }
    .how-to-use-guide .gif-banner-wide img {
      width: 17rem; }
  .how-to-use-guide .workflow-steps img {
    width: 23.5rem; }
  .how-to-use-guide .dependencies .dependency-info {
    margin-bottom: 5%; }
  .how-to-use-guide .dependencies .col-6 {
    margin-bottom: 5%; }
  .how-to-use-guide .dependencies .mobile-center {
    text-align: center; }
  .how-to-use-guide .green-info-open,
  .how-to-use-guide .purple-info-open {
    font-size: 1rem; } }

@media (max-width: 1023px) {
  .how-to-use-guide .menu {
    width: 85%; }
  .how-to-use-guide .fixedDropdown {
    position: fixed;
    top: 7vh;
    margin: 0 !important;
    left: 7%;
    width: 85% !important;
    z-index: 999; } }

@media (max-width: 1024px) and (max-height: 1366px) and (orientation: portrait) {
  .how-to-use-guide .menu {
    width: 85%; }
  .how-to-use-guide .fixedDropdown {
    position: fixed;
    top: 7vh;
    margin: 0 !important;
    left: 7%;
    z-index: 999;
    width: 85% !important; } }

.velocity-modal-body.modal-open {
  position: fixed;
  /*width:100%;*/ }

.velocity {
  background-color: #f1f1f1; }
  .velocity .cover {
    position: relative; }
    .velocity .cover img.desktop-left {
      width: 45%;
      position: absolute;
      height: 74vh;
      right: 0;
      left: 0; }
    .velocity .cover .desktop-right {
      width: 65%;
      float: right;
      height: 74vh;
      background: #FFF url("../../../../media/rebrand/velocity/desktop-right.jpg") no-repeat;
      background-size: cover;
      background-position: center; }

.fixed-search-velocity {
  position: fixed;
  z-index: 999;
  bottom: auto;
  width: 100%; }

.velocity-banner .top-banners img {
  width: 100%;
  height: 53vh; }

.velocity-banner .search-edit {
  color: #f5f2f9; }

.velocity-banner .search {
  background-color: #512698; }
  .velocity-banner .search .result .address {
    color: #FFCD03; }

.contract-duration {
  border: 3px solid #f1f1f1;
  border-radius: 1rem;
  padding: 1% 6%;
  background-color: #f1f1f1;
  /*width: 10rem;*/ }

.velocity-bonus-section {
  padding: 1% 4%; }
  .velocity-bonus-section .velocity-bonus {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 1.5%; }
  .velocity-bonus-section .bonus-value {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 4.5%; }
  .velocity-bonus-section .bonus-condition {
    font-size: 0.75rem; }

.velocity-plan-class {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f2f9;
  width: 60% !important;
  padding-bottom: 2%; }
  .velocity-plan-class .velocity-container {
    padding: 4vh 0; }
  .velocity-plan-class .destination {
    text-transform: lowercase;
    width: 95%; }
  .velocity-plan-class .customise {
    width: 90%; }
  .velocity-plan-class .price {
    width: 85% !important;
    margin: 0 auto; }
  .velocity-plan-class .modem-price, .velocity-plan-class .setup-price {
    margin-top: 1vh; }
  .velocity-plan-class .line-rental-option .line-info {
    border: none;
    font-size: 0.75rem;
    color: #333;
    padding: 0; }
  .velocity-plan-class .purchase {
    background: #f5f2f9; }

.velocity-grey-box {
  border: 3px solid #e7e5f0;
  font-size: 0.875rem;
  color: #512797;
  background: #e7e5f0;
  padding: 4% 7%;
  width: 100%;
  margin-bottom: 5%; }

.velocity-offer .plan-info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3%; }
  .velocity-offer .plan-info .plan-detail {
    width: 10rem;
    font-size: 0.55rem; }
    .velocity-offer .plan-info .plan-detail .title, .velocity-offer .plan-info .plan-detail .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .velocity-offer .plan-info .plan-detail .subtitle {
      font-weight: 600;
      margin: 1% !important;
      font-size: 0.55rem !important; }

.velocity-offer .hideThisClass {
  display: none; }

.velocity-offer .search-topbar {
  background-color: #FFF;
  opacity: 0.92;
  height: 200%;
  width: 100%;
  position: absolute;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center; }

.velocity-offer .search-or-exit {
  position: fixed;
  top: 35%;
  left: 25vw;
  right: 25vw; }
  .velocity-offer .search-or-exit img {
    width: 50vw; }

.velocity-offer .personalize {
  margin: 10vh auto; }
  .velocity-offer .personalize .title, .velocity-offer .personalize .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .velocity-offer .personalize .subtitle {
    font-size: 2rem; }
  .velocity-offer .personalize .selection .broadband {
    font-size: 0.875rem; }

.velocity-offer .specification {
  margin: 10vh auto; }
  .velocity-offer .specification .title, .velocity-offer .specification .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .velocity-offer .specification .subtitle {
    color: #F16667; }

.velocity-offer .product {
  min-height: 0; }

.velocity-offer img.velocity-inclusion {
  width: 22rem; }

.velocity-home .advertisement {
  height: 89vh; }

.velocity-terms {
  font-size: 0.75rem;
  color: #512797;
  font-weight: 400;
  text-align: justify;
  padding: 0 3%; }
  .velocity-terms p {
    line-height: 1.3;
    /*letter-spacing: 0.5px;*/
    margin-bottom: 0.75rem; }

@media (max-width: 1023px) {
  .velocity-banner .top-banners img {
    height: 37vh; }
  .contract-duration {
    padding: 0 7%; }
  .velocity-bonus-section {
    margin: 4% 0;
    padding: 0; }
  .velocity-plan-class {
    width: 100% !important; } }

/*For Ipad Pro Portrait Mode*/
@media (width: 1024px) and (height: 1366px) and (orientation: portrait) {
  .velocity-home .advertisement {
    height: 52vh; }
  .velocity-home .search {
    height: 14vh; }
  .cover-desktop {
    display: none; }
  .cover img.cover-mobile {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 37vh;
    width: 100%; } }

@media (max-width: 768px) {
  .velocity-home .advertisement {
    height: 52vh; }
  .mobile .international-price-information .illustration img {
    width: 100%; }
  .mobile .cover .pitch {
    height: 30%; }
    .mobile .cover .pitch span {
      font-size: 0.8rem !important;
      font-weight: 400; }
  .cover-desktop {
    display: none; }
  .cover img.cover-mobile {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 37vh;
    width: 100%; }
  .velocity-offer .search-or-exit {
    position: fixed;
    top: 65%;
    left: 12.5vw;
    right: 12.5vw; }
    .velocity-offer .search-or-exit img {
      width: 75vw; } }

/*Velocity Unlimited Internet Order Page*/
.velocity-logo img {
  width: 30%; }

/*Velocity Order Page Ends*/
/*Velocity Sign sup color-profile*/
.velocity-no {
  color: #512797;
  font-weight: 500;
  display: block;
  padding-bottom: 1rem; }

/*Velocity Sign Up Profile ends*/
/*Velocity Modal Window*/
#velocity-check .modal-header {
  /*padding-bottom: 0;
        padding-left: 4%;
        padding-right: 5%;*/
  padding: 0 5% 0 4%;
  margin-bottom: 0; }

#velocity-check .modal-body {
  margin-top: 1.5%;
  overflow: auto; }

#velocity-check .modal-content {
  background: #fff;
  width: 60%;
  margin: auto; }

#velocity-check .velocity-grey-box {
  font-size: 1.75rem;
  font-weight: 500; }

#velocity-check .modal-title {
  font-size: 1.625rem;
  font-weight: 500;
  text-align: left; }

#velocity-check .modal-footer {
  padding-top: 0;
  font-size: 0.85rem; }

#velocity-check .velocity-member-form button {
  width: 100%; }

#velocity-check .error {
  border: solid 1px #ff3300;
  background: #ff3300;
  color: #fff;
  font-size: 0.84rem;
  text-align: center;
  font-weight: 400;
  padding: 1.5% 0; }

#velocity-check .purple-line {
  background: #512797;
  line-height: 0.875rem;
  width: 95%;
  margin: 1vh auto;
  height: 1px; }

#velocity-check .join-velocty {
  color: #22296c;
  font-size: 0.875rem; }

#velocity-check .no-padding {
  padding: 0; }

@media (max-width: 1200px) {
  #velocity-check .modal-content {
    background: #fff;
    width: 100%;
    margin: auto; } }

@media (max-width: 768px) {
  #velocity-check .modal-header img {
    width: 7rem; }
  #velocity-check .modal-title {
    font-size: 1.5rem; } }

@media (min-width: 1500px) {
  #velocity-check .modal-content {
    width: 55%; } }

#velocity-supercharged-speed .modal-content {
  width: 80%;
  margin: auto; }

#velocity-supercharged-speed .modal-header {
  margin-bottom: 2%;
  padding: 3%; }

#velocity-supercharged-speed .modal-title {
  font-size: 1.75rem; }

#velocity-supercharged-speed .subheading, #velocity-supercharged-speed .main-text {
  font-weight: 600;
  margin-bottom: 3%;
  font-size: 0.9375rem;
  line-height: 1.5; }

#velocity-supercharged-speed .main-text {
  font-weight: 500; }

@media (max-width: 1200px) {
  #velocity-supercharged-speed .modal-content {
    width: 100%; } }

/*Velocity Loadng class*/
.velocity-loading {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 999; }
  .velocity-loading .loading-text {
    font-size: 2rem;
    color: #512797;
    padding: 10%;
    text-align: center;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 8rem; }

/*Velocity Loading Image CSS*/
@keyframes cloud1 {
  0% {
    top: -600px;
    left: 35%; }
  100% {
    top: -100px;
    left: -1000px; } }

@keyframes cloud2 {
  0% {
    top: -900px;
    left: 30%; }
  100% {
    top: -400px;
    left: -1000px; } }

@keyframes cloud3 {
  0% {
    top: -400px;
    left: 82%; }
  100% {
    top: 200px;
    left: -800px; } }

@keyframes cloud4 {
  0% {
    top: 0px;
    left: 100%; }
  100% {
    top: 500px;
    left: -1000px; } }

@keyframes plane {
  0% {
    transform: translateY(-10px) rotate(-25deg) translate3d(0, 0, 0); }
  100% {
    transform: translateY(10px) rotate(-25deg) translate3d(0, 0, 0); } }

@keyframes plane-shadow {
  0% {
    transform: translateY(35px) scale(0.8) rotate(-25deg) translateZ(0);
    opacity: 0.1; }
  100% {
    transform: translateY(30px) scale(1) rotate(-25deg) translateZ(0);
    opacity: 0.2; } }

.plane-animation .container {
  /*height: 300px;*/
  height: 23rem;
  max-width: 800px;
  background: #F68700;
  background: -moz-linear-gradient(left, #F68700 0%, #DA3A2D 100%);
  background: -webkit-linear-gradient(left, #F68700 0%, #DA3A2D 100%);
  background: linear-gradient(to right, #F68700 0%, #DA3A2D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 );
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #512797; }

.plane-animation .cloud1, .plane-animation .cloud2, .plane-animation .cloud3, .plane-animation .cloud4 {
  position: absolute;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMTI2IDU5NCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij48cmVjdCBpZD0iY2xvdWQyIiB4PSIwLjg1MSIgeT0iMCIgd2lkdGg9IjExMjUiIGhlaWdodD0iNTkzLjc2MSIgc3R5bGU9ImZpbGw6bm9uZTsiLz48cGF0aCBkPSJNMTU2Ljk1Myw5OS43ODZjLTAuMDk2LC0xLjE2NSAtMC4xNDUsLTIuMzQyIC0wLjE0NSwtMy41MjljMCwtMjUuMjMyIDIyLjAzNiwtNDUuNzE2IDQ5LjE3OSwtNDUuNzE2YzE0LjE5OSwwIDI3LjAwMSw1LjYwNiAzNS45ODIsMTQuNTY2YzcuMjA1LC0xNy40NDkgMjQuOTg0LC0yOS44MDUgNDUuNzUyLC0yOS44MDVjMjcuMTQyLDAgNDkuMTc4LDIxLjEwNiA0OS4xNzgsNDcuMTAxbDAsMC4yMjFjMS4xMzQsLTAuMTQ2IDIuMjksLTAuMjIxIDMuNDY0LC0wLjIyMWMxMS45NzUsMCAyMi4xNDEsNy44MDkgMjUuNjc4LDE4LjYwOWM0LjUyNSwtMTUuMzM0IDE5LjIzNSwtMjYuNTgxIDM2LjY2MSwtMjYuNTgxYzE1LjE0NCwwIDI4LjIzNiw4LjQ5NCAzNC4zNzYsMjAuNzgxYzMuNTIyLC0xLjk3NiA3LjYzNywtMy4xMTEgMTIuMDMyLC0zLjExMWM0LjI1OSwwIDguMjU1LDEuMDY2IDExLjcwMywyLjkyOWM1LjgwMSwtOC4wNzQgMTUuMTU2LC0xMy4zMTkgMjUuNzAxLC0xMy4zMTljMTAuMjkzLDAgMTkuNDUzLDQuOTk3IDI1LjI3OSwxMi43NDVjNC44MjEsLTQuNDcgMTEuMjczLC03LjIwNCAxOC4zNTksLTcuMjA0YzkuOTE3LDAgMTguNTk0LDUuMzU2IDIzLjI5MiwxMy4zMzFjNS45ODUsLTUuMjUgMTQuMTM3LC04LjQ4MiAyMy4xMTYsLTguNDgyYzQuNDYsMCA4LjcxNiwwLjc5NyAxMi42MDQsMi4yNDNjNC4yMzIsLTE2LjgwOCAxNi45NDUsLTMwLjU1MyAzMy42NTUsLTM3LjAyNWM3LjUwOCwtMzAuMDgyIDM2LjA2NiwtNTIuNDk0IDcwLjEwOCwtNTIuNDk0YzM5Ljc1OCwwIDcyLjAzNywzMC41NzIgNzIuMDM3LDY4LjIyN2MwLDEuNTMgLTAuMDU0LDMuMDQ3IC0wLjE1OSw0LjU1MmMxNy4wMzEsMC44NzEgMzEuMDA4LDEzLjI2MSAzNC4xMzcsMjkuNDQ4YzEyLjAzMiwyLjAxNiAyMS45NzQsMTEuMzYxIDI2LjE4OSwyMy45MDhjMTUuNjI4LC0xNi4wOSAzOC4wNSwtMjYuMTgxIDYyLjk0MiwtMjYuMTgxYzE3LjM2NywwIDMzLjUzMSw0LjkxMiA0Ny4wMjQsMTMuMzQ1YzMuODYxLC0zLjk2OCA5LjM2OCwtNi40NTEgMTUuNDc2LC02LjQ1MWM1LjAwOCwwIDkuNjEyLDEuNjY5IDEzLjIzNSw0LjQ1N2MxNC4yMjEsLTcuMjU0IDMwLjM0NSwtMTEuMzUxIDQ3LjQyNywtMTEuMzUxYzE0LjkzMSwwIDI5LjEzLDMuMTMgNDEuOTY2LDguNzYzYzQuODczLC01LjM4NiAxMS44NTksLTguNzYzIDE5LjYxNSwtOC43NjNjMTQuNzExLDAgMjYuNjU0LDEyLjE1IDI2LjY1NCwyNy4xMTRjMCw1LjU0OCAtMS42NDEsMTAuNzA4IC00LjQ1NiwxNS4wMDZjMTIuNjIzLDE3LjA0NSAyMC4wODEsMzguMDc3IDIwLjA4MSw2MC44MjJjMCwxMi43NjkgLTIuMzUxLDI0Ljk5OSAtNi42NDYsMzYuMjg2YzcuMjU3LDQuMjYxIDEyLjE2MSwxMi4zNDkgMTIuMTYxLDIxLjYxOGMwLDEzLjA1MiAtOS43MjQsMjMuNzY0IC0yMi4wNTIsMjQuNzQzYzMuNTQxLDguMzIgNS41MDgsMTcuNTE4IDUuNTA4LDI3LjE4N2MwLDM3LjI4NSAtMjkuMjQxLDY3LjU1NSAtNjUuMjU3LDY3LjU1NWMtMS42NDgsMCAtMy4yODEsLTAuMDYzIC00Ljg5OCwtMC4xODhjMC4xOTcsMC44MzYgMC4zMDIsMS43MDYgMC4zMDIsMi42MDFjMCw2LjI3OCAtNS4xNDgsMTEuMzc0IC0xMS40ODksMTEuMzc0Yy0wLjIxMiwwIC0wLjQyMywtMC4wMDYgLTAuNjMzLC0wLjAxN2MtMy45OTIsMTQuNzg2IC0xOC40NTksMjUuNzUyIC0zNS42NzIsMjUuNzUyYy0wLjMxLDAgLTAuNjIsLTAuMDAzIC0wLjkyOCwtMC4wMWMtMS44Myw2LjY0NyAtNi4yNDgsMTIuMzAyIC0xMi4xNjYsMTUuOTI5YzAuMTQ5LDEuNDEyIDAuMjI2LDIuODQ4IDAuMjI2LDQuMzAyYzAsMjEuMzA1IC0xNi40NzQsMzguNjAzIC0zNi43NjUsMzguNjAzYy04LjA5NSwwIC0xNS41ODMsLTIuNzU0IC0yMS42NiwtNy40MTZjMC4wMzksMS4zNTcgLTAuMDA3LDIuNzMgLTAuMTQyLDQuMTE0Yy0xLjg3MSwxOS4xOCAtMjAuMTQyLDMzLjExOSAtNDAuNzc2LDMxLjEwNmMtMTAuNzk0LC0xLjA1MyAtMjAuMTExLC02LjI2NCAtMjYuMjczLC0xMy43NDFjLTYuNzcyLDEyLjczIC0yMS4yMDMsMjAuODA0IC0zNi45OTEsMTkuMjY0Yy0yMC42MzQsLTIuMDEyIC0zNS44MjEsLTE5LjY5IC0zMy44OTMsLTM5LjQ1MmwwLjAxNywtMC4xNjhjLTAuODczLDAuMDI2IC0xLjc1OCwtMC4wMDIgLTIuNjUsLTAuMDg5Yy05LjEwMywtMC44ODggLTE2LjI1MiwtNy41NzggLTE4LjE0MSwtMTYuMDVjLTQuNTc3LDExLjMyIC0xNi41OTMsMTguNzggLTI5Ljg0MSwxNy40ODhjLTExLjUxMiwtMS4xMjMgLTIwLjgzNSwtOC41NTEgLTI0LjU5MSwtMTguMzQ3Yy0yLjgyNCwxLjI0MSAtNi4wMzcsMS43OTkgLTkuMzc4LDEuNDczYy0yLjc4NCwtMC4yNzIgLTUuMzYxLC0xLjEyOCAtNy42MDksLTIuNDI3bC0xLjY3OCwwYy0xLjYyNiwxLjcyMiAtMy40ODUsMy4yMDIgLTUuNTIsNC4zODhjLTAuODExLDIzLjY5NCAtMTkuMzg4LDQzLjEwOSAtNDMuMzU2LDQ2LjM4MmMtOC42MzksOS42MzEgLTIxLjM3OSwxNS43MjUgLTM1LjU3OSwxNS43MjVjLTEyLjgzNSwwIC0yNC40NzgsLTQuOTc5IC0zMi45NzcsLTEzLjA0OWMtOC40MTgsOC4wOTMgLTE5LjcxOCwxMy4wNDkgLTMyLjEzMywxMy4wNDljLTEyLjMxOSwwIC0yMy41NCwtNC44NzkgLTMxLjkzNywtMTIuODYxYy02LjUsMi45MTggLTEzLjc1Miw0LjU0OSAtMjEuMzk4LDQuNTQ5Yy02LjE0MywwIC0xMi4wMzIsLTEuMDUzIC0xNy40OCwtMi45OGMtMi41OCwzNi40NTIgLTM1LjM0OSw2NS4zMTkgLTc1LjMzNiw2NS4zMTljLTI5Ljc4NywwIC01NS41NjgsLTE2LjAxOCAtNjcuODUsLTM5LjI1N2MtMi41MDIsMC4zMDkgLTUuMDU2LDAuNDY4IC03LjY1LDAuNDY4Yy0yMi40NjcsMCAtNDEuOTA1LC0xMS45NTYgLTUxLjExNSwtMjkuMjg3Yy02LjIzNCwzLjY2IC0xMy4zNTgsNS43MzcgLTIwLjkyMiw1LjczN2MtMjMuNjMxLDAgLTQyLjk2OCwtMjAuMjY4IC00NC4yNjEsLTQ1Ljc2NGMtMy44MiwtMC4xMzUgLTcuNTQxLC0wLjU1NiAtMTEuMTI3LC0xLjIzNmMtNS40ODQsMS4zMyAtMTEuMTkyLDIuMDMyIC0xNy4wNTQsMi4wMzJjLTQyLjEwNCwwIC03Ni4yODcsLTM2LjI0MiAtNzYuMjg3LC04MC44ODJjMCwtMi45NzkgMC4xNTIsLTUuOTIxIDAuNDQ5LC04LjgxOGMtMTcuNTA0LC02LjE1OCAtMzAuMTM0LC0yMy41NTUgLTMwLjEzNCwtNDQuMDMxYzAsLTUuNDU4IDAuODk3LC0xMC42OTYgMi41NDUsLTE1LjU2MmMtMTMuMzc4LC03Ljg0MiAtMjIuNjY1LC0yMS4zMDQgLTI0LjEyOCwtMzYuODcxYy0xMC42MzYsLTIuMDQ2IC0xOC41ODUsLTEwLjEwMyAtMTguNTg1LC0xOS43MThjMCwtNS4xOTEgMi4zMTcsLTkuOTI4IDYuMTIzLC0xMy41MWMtMTQuODUxLC05LjY3OCAtMjQuNzc5LC0yNy4xODMgLTI0Ljc3OSwtNDcuMTUyYzAsLTMwLjQzNiAyMy4wNjQsLTU1LjE0NyA1MS40NzEsLTU1LjE0N2M2LjY2OCwwIDEzLjA0MiwxLjM2MiAxOC44OTIsMy44NGMxNy44MzgsLTI5LjMzOSA0OC4zNDQsLTUwLjE0MiA4My45MDEsLTU0Ljc4OVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+") no-repeat;
  width: 1000px;
  height: 800px;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

.plane-animation .cloud1 {
  transform: rotate(-25deg) translateZ(0);
  animation-name: cloud1;
  animation-duration: 25s; }

.plane-animation .cloud2 {
  top: -2000px;
  opacity: 0.4;
  transform: rotate(155deg) translate3d(0, 0, 0);
  animation-name: cloud2;
  animation-duration: 35s; }

.plane-animation .cloud3 {
  top: 0px;
  opacity: 0.4;
  transform: rotate(155deg) translate3d(0, 0, 0);
  animation-name: cloud3;
  animation-duration: 38s; }

.plane-animation .cloud4 {
  top: 0px;
  transform: rotate(-25deg) translate3d(0, 0, 0);
  animation-name: cloud4;
  animation-duration: 24s; }

.plane-animation .plane {
  width: 800px;
  height: 100px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5ODggODYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PGc+PHBhdGggaWQ9ImZsaWdodHMiIGQ9Ik05ODcuMDU2LDQyLjgwM2MwLC0zLjYwNCAtMy4xNTQsLTYuNzU4IC02Ljc1OCwtNi43NThsLTI0Ljc4MSwwbC0yMi41MjgsLTM2LjA0NWwtOS4wMTIsMGwxMS4yNjUsMzYuMDQ1bC0yNC43ODEsMGwtNi43NTksLTkuMDExbC02Ljc1OCwwbDQuNTA1LDE1Ljc2OWwtNC41MDUsMTUuNzdsNi43NTgsMGw2Ljc1OSwtOS4wMTFsMjQuNzgxLDBsLTExLjI2NSwzNi4wNDVsOS4wMTIsMGwyMi41MjgsLTM2LjA0NWwyNC43ODEsMGMzLjYwNCwwIDYuNzU4LC0zLjE1NCA2Ljc1OCwtNi43NTlaIiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik04ODIuNSw0Mi44MDNsLTg4Mi41LDE1bDAsLTMwbDg4Mi41LDE1WiIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLW9wYWNpdHk6MC4yMDA3ODQ7Ii8+PC9nPjwvc3ZnPg==") no-repeat;
  position: absolute;
  top: 250px;
  left: calc(50% - 700px);
  animation-name: plane;
  animation-duration: 2s;
  animation-delay: 0;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

.plane-animation .plane-shadow {
  width: 60px;
  height: 60px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5MiA4NiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij48cGF0aCBpZD0iZmxpZ2h0cyIgZD0iTTkxLjA1Niw0Mi44MDNjMCwtMy42MDQgLTMuMTU0LC02Ljc1OCAtNi43NTgsLTYuNzU4bC0yNC43ODEsMGwtMjIuNTI4LC0zNi4wNDVsLTkuMDEyLDBsMTEuMjY1LDM2LjA0NWwtMjQuNzgxLDBsLTYuNzU5LC05LjAxMWwtNi43NTgsMGw0LjUwNSwxNS43NjlsLTQuNTA1LDE1Ljc3bDYuNzU4LDBsNi43NTksLTkuMDExbDI0Ljc4MSwwbC0xMS4yNjUsMzYuMDQ1bDkuMDEyLDBsMjIuNTI4LC0zNi4wNDVsMjQuNzgxLDBjMy42MDQsMCA2Ljc1OCwtMy4xNTQgNi43NTgsLTYuNzU5WiIgc3R5bGU9ImZpbGw6IzBkMGQwZDtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4=") no-repeat;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 5px);
  opacity: 0.2;
  animation-name: plane-shadow;
  animation-duration: 2s;
  animation-delay: 0;
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

.loading-text {
  font-size: 2rem;
  color: #512797;
  padding: 5%;
  text-align: center;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  height: 38vh; }

.finder-modal-body.modal-open {
  position: fixed;
  /*width:100%;*/ }

.finder {
  background-color: #f1f1f1; }
  .finder .cover {
    position: relative; }
    .finder .cover img.desktop-left {
      width: 50%;
      position: absolute;
      height: 70vh;
      right: 0;
      left: 0; }
    .finder .cover .desktop-right {
      width: 47%;
      float: right;
      height: 74vh;
      background: #FFF url("../../../media/rebrand/finder/desktop-right.jpg") no-repeat;
      background-size: contain;
      background-position: 10%; }

.fixed-search-finder {
  position: fixed;
  z-index: 999;
  bottom: auto;
  width: 100%; }

.finder-banner .top-banners img {
  width: 100%;
  height: 53vh; }

.finder-banner .search-edit {
  color: #f5f2f9; }

.finder-banner .search {
  background: linear-gradient(135deg, #165deb 10%, #276ddf 37%, #1c3eae 90%) !important; }
  .finder-banner .search .result .address {
    color: #FFCD03; }

.contract-duration {
  border: 3px solid #f1f1f1;
  border-radius: 1rem;
  padding: 1% 6%;
  background-color: #f1f1f1;
  /*width: 10rem;*/ }

.finder-bonus-section {
  padding: 1% 4%; }
  .finder-bonus-section .finder-bonus {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 1.5%; }
  .finder-bonus-section .bonus-value {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 4.5%; }
  .finder-bonus-section .bonus-condition {
    font-size: 0.75rem; }

.finder-plan-class {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
  width: 60% !important;
  padding-bottom: 2%; }
  .finder-plan-class .finder-container {
    padding: 4vh 0; }
  .finder-plan-class .destination {
    text-transform: lowercase;
    width: 95%; }
  .finder-plan-class .customise {
    width: 90%; }
  .finder-plan-class .price {
    width: 85% !important;
    margin: 0 auto; }
  .finder-plan-class .modem-price, .finder-plan-class .setup-price {
    margin-top: 1vh; }
  .finder-plan-class .line-rental-option .line-info {
    border: none;
    font-size: 0.75rem;
    color: #333;
    padding: 0; }
  .finder-plan-class .purchase {
    background: #f5f2f9; }

.finder-grey-box {
  border: 3px solid #f3f3f3;
  font-size: 0.875rem;
  color: #0271e1;
  background: #f3f3f3;
  padding: 4% 7%;
  width: 100%;
  margin-bottom: 5%; }

.finder-offer .hideThisClass {
  display: none; }

.finder-offer .search-topbar {
  background-color: #FFF;
  opacity: 0.92;
  height: 200%;
  width: 100%;
  position: absolute;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center; }

.finder-offer .search-or-exit {
  position: fixed;
  top: 35%;
  left: 25vw;
  right: 25vw; }
  .finder-offer .search-or-exit img {
    width: 50vw; }

.finder-offer .personalize {
  margin: 10vh auto; }
  .finder-offer .personalize .title, .finder-offer .personalize .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .finder-offer .personalize .subtitle {
    font-size: 2rem; }
  .finder-offer .personalize .selection .broadband {
    font-size: 0.875rem; }

.finder-offer .specification {
  margin: 10vh auto; }
  .finder-offer .specification .title, .finder-offer .specification .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .finder-offer .specification .subtitle {
    color: #F16667; }

.finder-offer .product {
  min-height: 0; }

.finder-offer img.finder-inclusion {
  width: 22rem; }

.finder-home .advertisement {
  height: 89vh; }

.finder-terms {
  font-size: 0.75rem;
  color: #0271e1;
  font-weight: 400;
  text-align: justify;
  padding: 0 3%; }
  .finder-terms p {
    line-height: 1.3;
    /*letter-spacing: 0.5px;*/
    margin-bottom: 0.75rem; }

@media (max-width: 1023px) {
  .finder-banner .top-banners img {
    height: 37vh; }
  .contract-duration {
    padding: 0 7%; }
  .finder-bonus-section {
    margin: 4% 0;
    padding: 0; }
  .finder-plan-class {
    width: 100% !important; } }

/*For Ipad Pro Portrait Mode*/
@media (width: 1024px) and (height: 1366px) and (orientation: portrait) {
  .finder-home .advertisement {
    height: 52vh; }
  .finder-home .search {
    height: 14vh; }
  .cover-desktop {
    display: none; }
  .cover img.cover-mobile {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 37vh;
    width: 100%; } }

@media (max-width: 768px) {
  .finder-home .advertisement {
    height: 52vh; }
  .mobile .international-price-information .illustration img {
    width: 100%; }
  .mobile .cover .pitch {
    height: 30%; }
    .mobile .cover .pitch span {
      font-size: 0.8rem !important;
      font-weight: 400; }
  .cover-desktop {
    display: none; }
  .cover img.cover-mobile {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 37vh;
    width: 100%; }
  .finder-offer .search-or-exit {
    position: fixed;
    top: 65%;
    left: 12.5vw;
    right: 12.5vw; }
    .finder-offer .search-or-exit img {
      width: 75vw; } }

/*finder Unlimited Internet Order Page*/
.finder-logo img {
  width: 30%; }

/*finder Order Page Ends*/
/*finder Sign sup color-profile*/
.finder-no {
  color: #0271e1;
  font-weight: 500;
  display: block;
  padding-bottom: 1rem; }

/*finder Sign Up Profile ends*/
/*finder Modal Window*/
#finder-check .modal-header {
  /*padding-bottom: 0;
        padding-left: 4%;
        padding-right: 5%;*/
  padding: 0 5% 0 4%;
  margin-bottom: 0; }

#finder-check .modal-body {
  margin-top: 1.5%;
  overflow: auto; }

#finder-check .modal-content {
  background: #fff;
  width: 60%;
  margin: auto; }

#finder-check .finder-grey-box {
  font-size: 1.75rem;
  font-weight: 500; }

#finder-check .modal-title {
  font-size: 1.625rem;
  font-weight: 500;
  text-align: left; }

#finder-check .modal-footer {
  padding-top: 0;
  font-size: 0.85rem; }

#finder-check .finder-member-form button {
  width: 100%; }

#finder-check .error {
  border: solid 1px #ff3300;
  background: #ff3300;
  color: #fff;
  font-size: 0.84rem;
  text-align: center;
  font-weight: 400;
  padding: 1.5% 0; }

#finder-check .purple-line {
  background: #0271e1;
  line-height: 0.875rem;
  width: 95%;
  margin: 1vh auto;
  height: 1px; }

#finder-check .join-velocty {
  color: #22296c;
  font-size: 0.875rem; }

#finder-check .no-padding {
  padding: 0; }

@media (max-width: 1200px) {
  #finder-check .modal-content {
    background: #fff;
    width: 100%;
    margin: auto; } }

@media (max-width: 768px) {
  #finder-check .modal-header img {
    width: 7rem; }
  #finder-check .modal-title {
    font-size: 1.5rem; } }

@media (min-width: 1500px) {
  #finder-check .modal-content {
    width: 55%; } }

#finder-supercharged-speed .modal-content {
  width: 80%;
  margin: auto; }

#finder-supercharged-speed .modal-header {
  margin-bottom: 2%;
  padding: 3%; }

#finder-supercharged-speed .modal-title {
  font-size: 1.75rem; }

#finder-supercharged-speed .subheading, #finder-supercharged-speed .main-text {
  font-weight: 600;
  margin-bottom: 3%;
  font-size: 0.9375rem;
  line-height: 1.5; }

#finder-supercharged-speed .main-text {
  font-weight: 500; }

@media (max-width: 1200px) {
  #finder-supercharged-speed .modal-content {
    width: 100%; } }

/*finder Loadng class*/
.finder-loading {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 999; }
  .finder-loading .loading-text {
    font-size: 2rem;
    color: #0271e1;
    padding: 10%;
    text-align: center;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 8rem; }

/*finder Loading Image CSS*/
@keyframes cloud1 {
  0% {
    top: -600px;
    left: 35%; }
  100% {
    top: -100px;
    left: -1000px; } }

@keyframes cloud2 {
  0% {
    top: -900px;
    left: 30%; }
  100% {
    top: -400px;
    left: -1000px; } }

@keyframes cloud3 {
  0% {
    top: -400px;
    left: 82%; }
  100% {
    top: 200px;
    left: -800px; } }

@keyframes cloud4 {
  0% {
    top: 0px;
    left: 100%; }
  100% {
    top: 500px;
    left: -1000px; } }

@keyframes plane {
  0% {
    transform: translateY(-10px) rotate(-25deg) translate3d(0, 0, 0); }
  100% {
    transform: translateY(10px) rotate(-25deg) translate3d(0, 0, 0); } }

@keyframes plane-shadow {
  0% {
    transform: translateY(35px) scale(0.8) rotate(-25deg) translateZ(0);
    opacity: 0.1; }
  100% {
    transform: translateY(30px) scale(1) rotate(-25deg) translateZ(0);
    opacity: 0.2; } }

.plane-animation .container {
  /*height: 300px;*/
  height: 23rem;
  max-width: 800px;
  background: #F68700;
  background: -moz-linear-gradient(left, #F68700 0%, #DA3A2D 100%);
  background: -webkit-linear-gradient(left, #F68700 0%, #DA3A2D 100%);
  background: linear-gradient(to right, #F68700 0%, #DA3A2D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 );
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #0271e1; }

.plane-animation .cloud1, .plane-animation .cloud2, .plane-animation .cloud3, .plane-animation .cloud4 {
  position: absolute;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMTI2IDU5NCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij48cmVjdCBpZD0iY2xvdWQyIiB4PSIwLjg1MSIgeT0iMCIgd2lkdGg9IjExMjUiIGhlaWdodD0iNTkzLjc2MSIgc3R5bGU9ImZpbGw6bm9uZTsiLz48cGF0aCBkPSJNMTU2Ljk1Myw5OS43ODZjLTAuMDk2LC0xLjE2NSAtMC4xNDUsLTIuMzQyIC0wLjE0NSwtMy41MjljMCwtMjUuMjMyIDIyLjAzNiwtNDUuNzE2IDQ5LjE3OSwtNDUuNzE2YzE0LjE5OSwwIDI3LjAwMSw1LjYwNiAzNS45ODIsMTQuNTY2YzcuMjA1LC0xNy40NDkgMjQuOTg0LC0yOS44MDUgNDUuNzUyLC0yOS44MDVjMjcuMTQyLDAgNDkuMTc4LDIxLjEwNiA0OS4xNzgsNDcuMTAxbDAsMC4yMjFjMS4xMzQsLTAuMTQ2IDIuMjksLTAuMjIxIDMuNDY0LC0wLjIyMWMxMS45NzUsMCAyMi4xNDEsNy44MDkgMjUuNjc4LDE4LjYwOWM0LjUyNSwtMTUuMzM0IDE5LjIzNSwtMjYuNTgxIDM2LjY2MSwtMjYuNTgxYzE1LjE0NCwwIDI4LjIzNiw4LjQ5NCAzNC4zNzYsMjAuNzgxYzMuNTIyLC0xLjk3NiA3LjYzNywtMy4xMTEgMTIuMDMyLC0zLjExMWM0LjI1OSwwIDguMjU1LDEuMDY2IDExLjcwMywyLjkyOWM1LjgwMSwtOC4wNzQgMTUuMTU2LC0xMy4zMTkgMjUuNzAxLC0xMy4zMTljMTAuMjkzLDAgMTkuNDUzLDQuOTk3IDI1LjI3OSwxMi43NDVjNC44MjEsLTQuNDcgMTEuMjczLC03LjIwNCAxOC4zNTksLTcuMjA0YzkuOTE3LDAgMTguNTk0LDUuMzU2IDIzLjI5MiwxMy4zMzFjNS45ODUsLTUuMjUgMTQuMTM3LC04LjQ4MiAyMy4xMTYsLTguNDgyYzQuNDYsMCA4LjcxNiwwLjc5NyAxMi42MDQsMi4yNDNjNC4yMzIsLTE2LjgwOCAxNi45NDUsLTMwLjU1MyAzMy42NTUsLTM3LjAyNWM3LjUwOCwtMzAuMDgyIDM2LjA2NiwtNTIuNDk0IDcwLjEwOCwtNTIuNDk0YzM5Ljc1OCwwIDcyLjAzNywzMC41NzIgNzIuMDM3LDY4LjIyN2MwLDEuNTMgLTAuMDU0LDMuMDQ3IC0wLjE1OSw0LjU1MmMxNy4wMzEsMC44NzEgMzEuMDA4LDEzLjI2MSAzNC4xMzcsMjkuNDQ4YzEyLjAzMiwyLjAxNiAyMS45NzQsMTEuMzYxIDI2LjE4OSwyMy45MDhjMTUuNjI4LC0xNi4wOSAzOC4wNSwtMjYuMTgxIDYyLjk0MiwtMjYuMTgxYzE3LjM2NywwIDMzLjUzMSw0LjkxMiA0Ny4wMjQsMTMuMzQ1YzMuODYxLC0zLjk2OCA5LjM2OCwtNi40NTEgMTUuNDc2LC02LjQ1MWM1LjAwOCwwIDkuNjEyLDEuNjY5IDEzLjIzNSw0LjQ1N2MxNC4yMjEsLTcuMjU0IDMwLjM0NSwtMTEuMzUxIDQ3LjQyNywtMTEuMzUxYzE0LjkzMSwwIDI5LjEzLDMuMTMgNDEuOTY2LDguNzYzYzQuODczLC01LjM4NiAxMS44NTksLTguNzYzIDE5LjYxNSwtOC43NjNjMTQuNzExLDAgMjYuNjU0LDEyLjE1IDI2LjY1NCwyNy4xMTRjMCw1LjU0OCAtMS42NDEsMTAuNzA4IC00LjQ1NiwxNS4wMDZjMTIuNjIzLDE3LjA0NSAyMC4wODEsMzguMDc3IDIwLjA4MSw2MC44MjJjMCwxMi43NjkgLTIuMzUxLDI0Ljk5OSAtNi42NDYsMzYuMjg2YzcuMjU3LDQuMjYxIDEyLjE2MSwxMi4zNDkgMTIuMTYxLDIxLjYxOGMwLDEzLjA1MiAtOS43MjQsMjMuNzY0IC0yMi4wNTIsMjQuNzQzYzMuNTQxLDguMzIgNS41MDgsMTcuNTE4IDUuNTA4LDI3LjE4N2MwLDM3LjI4NSAtMjkuMjQxLDY3LjU1NSAtNjUuMjU3LDY3LjU1NWMtMS42NDgsMCAtMy4yODEsLTAuMDYzIC00Ljg5OCwtMC4xODhjMC4xOTcsMC44MzYgMC4zMDIsMS43MDYgMC4zMDIsMi42MDFjMCw2LjI3OCAtNS4xNDgsMTEuMzc0IC0xMS40ODksMTEuMzc0Yy0wLjIxMiwwIC0wLjQyMywtMC4wMDYgLTAuNjMzLC0wLjAxN2MtMy45OTIsMTQuNzg2IC0xOC40NTksMjUuNzUyIC0zNS42NzIsMjUuNzUyYy0wLjMxLDAgLTAuNjIsLTAuMDAzIC0wLjkyOCwtMC4wMWMtMS44Myw2LjY0NyAtNi4yNDgsMTIuMzAyIC0xMi4xNjYsMTUuOTI5YzAuMTQ5LDEuNDEyIDAuMjI2LDIuODQ4IDAuMjI2LDQuMzAyYzAsMjEuMzA1IC0xNi40NzQsMzguNjAzIC0zNi43NjUsMzguNjAzYy04LjA5NSwwIC0xNS41ODMsLTIuNzU0IC0yMS42NiwtNy40MTZjMC4wMzksMS4zNTcgLTAuMDA3LDIuNzMgLTAuMTQyLDQuMTE0Yy0xLjg3MSwxOS4xOCAtMjAuMTQyLDMzLjExOSAtNDAuNzc2LDMxLjEwNmMtMTAuNzk0LC0xLjA1MyAtMjAuMTExLC02LjI2NCAtMjYuMjczLC0xMy43NDFjLTYuNzcyLDEyLjczIC0yMS4yMDMsMjAuODA0IC0zNi45OTEsMTkuMjY0Yy0yMC42MzQsLTIuMDEyIC0zNS44MjEsLTE5LjY5IC0zMy44OTMsLTM5LjQ1MmwwLjAxNywtMC4xNjhjLTAuODczLDAuMDI2IC0xLjc1OCwtMC4wMDIgLTIuNjUsLTAuMDg5Yy05LjEwMywtMC44ODggLTE2LjI1MiwtNy41NzggLTE4LjE0MSwtMTYuMDVjLTQuNTc3LDExLjMyIC0xNi41OTMsMTguNzggLTI5Ljg0MSwxNy40ODhjLTExLjUxMiwtMS4xMjMgLTIwLjgzNSwtOC41NTEgLTI0LjU5MSwtMTguMzQ3Yy0yLjgyNCwxLjI0MSAtNi4wMzcsMS43OTkgLTkuMzc4LDEuNDczYy0yLjc4NCwtMC4yNzIgLTUuMzYxLC0xLjEyOCAtNy42MDksLTIuNDI3bC0xLjY3OCwwYy0xLjYyNiwxLjcyMiAtMy40ODUsMy4yMDIgLTUuNTIsNC4zODhjLTAuODExLDIzLjY5NCAtMTkuMzg4LDQzLjEwOSAtNDMuMzU2LDQ2LjM4MmMtOC42MzksOS42MzEgLTIxLjM3OSwxNS43MjUgLTM1LjU3OSwxNS43MjVjLTEyLjgzNSwwIC0yNC40NzgsLTQuOTc5IC0zMi45NzcsLTEzLjA0OWMtOC40MTgsOC4wOTMgLTE5LjcxOCwxMy4wNDkgLTMyLjEzMywxMy4wNDljLTEyLjMxOSwwIC0yMy41NCwtNC44NzkgLTMxLjkzNywtMTIuODYxYy02LjUsMi45MTggLTEzLjc1Miw0LjU0OSAtMjEuMzk4LDQuNTQ5Yy02LjE0MywwIC0xMi4wMzIsLTEuMDUzIC0xNy40OCwtMi45OGMtMi41OCwzNi40NTIgLTM1LjM0OSw2NS4zMTkgLTc1LjMzNiw2NS4zMTljLTI5Ljc4NywwIC01NS41NjgsLTE2LjAxOCAtNjcuODUsLTM5LjI1N2MtMi41MDIsMC4zMDkgLTUuMDU2LDAuNDY4IC03LjY1LDAuNDY4Yy0yMi40NjcsMCAtNDEuOTA1LC0xMS45NTYgLTUxLjExNSwtMjkuMjg3Yy02LjIzNCwzLjY2IC0xMy4zNTgsNS43MzcgLTIwLjkyMiw1LjczN2MtMjMuNjMxLDAgLTQyLjk2OCwtMjAuMjY4IC00NC4yNjEsLTQ1Ljc2NGMtMy44MiwtMC4xMzUgLTcuNTQxLC0wLjU1NiAtMTEuMTI3LC0xLjIzNmMtNS40ODQsMS4zMyAtMTEuMTkyLDIuMDMyIC0xNy4wNTQsMi4wMzJjLTQyLjEwNCwwIC03Ni4yODcsLTM2LjI0MiAtNzYuMjg3LC04MC44ODJjMCwtMi45NzkgMC4xNTIsLTUuOTIxIDAuNDQ5LC04LjgxOGMtMTcuNTA0LC02LjE1OCAtMzAuMTM0LC0yMy41NTUgLTMwLjEzNCwtNDQuMDMxYzAsLTUuNDU4IDAuODk3LC0xMC42OTYgMi41NDUsLTE1LjU2MmMtMTMuMzc4LC03Ljg0MiAtMjIuNjY1LC0yMS4zMDQgLTI0LjEyOCwtMzYuODcxYy0xMC42MzYsLTIuMDQ2IC0xOC41ODUsLTEwLjEwMyAtMTguNTg1LC0xOS43MThjMCwtNS4xOTEgMi4zMTcsLTkuOTI4IDYuMTIzLC0xMy41MWMtMTQuODUxLC05LjY3OCAtMjQuNzc5LC0yNy4xODMgLTI0Ljc3OSwtNDcuMTUyYzAsLTMwLjQzNiAyMy4wNjQsLTU1LjE0NyA1MS40NzEsLTU1LjE0N2M2LjY2OCwwIDEzLjA0MiwxLjM2MiAxOC44OTIsMy44NGMxNy44MzgsLTI5LjMzOSA0OC4zNDQsLTUwLjE0MiA4My45MDEsLTU0Ljc4OVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+") no-repeat;
  width: 1000px;
  height: 800px;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

.plane-animation .cloud1 {
  transform: rotate(-25deg) translateZ(0);
  animation-name: cloud1;
  animation-duration: 25s; }

.plane-animation .cloud2 {
  top: -2000px;
  opacity: 0.4;
  transform: rotate(155deg) translate3d(0, 0, 0);
  animation-name: cloud2;
  animation-duration: 35s; }

.plane-animation .cloud3 {
  top: 0px;
  opacity: 0.4;
  transform: rotate(155deg) translate3d(0, 0, 0);
  animation-name: cloud3;
  animation-duration: 38s; }

.plane-animation .cloud4 {
  top: 0px;
  transform: rotate(-25deg) translate3d(0, 0, 0);
  animation-name: cloud4;
  animation-duration: 24s; }

.plane-animation .plane {
  width: 800px;
  height: 100px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5ODggODYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PGc+PHBhdGggaWQ9ImZsaWdodHMiIGQ9Ik05ODcuMDU2LDQyLjgwM2MwLC0zLjYwNCAtMy4xNTQsLTYuNzU4IC02Ljc1OCwtNi43NThsLTI0Ljc4MSwwbC0yMi41MjgsLTM2LjA0NWwtOS4wMTIsMGwxMS4yNjUsMzYuMDQ1bC0yNC43ODEsMGwtNi43NTksLTkuMDExbC02Ljc1OCwwbDQuNTA1LDE1Ljc2OWwtNC41MDUsMTUuNzdsNi43NTgsMGw2Ljc1OSwtOS4wMTFsMjQuNzgxLDBsLTExLjI2NSwzNi4wNDVsOS4wMTIsMGwyMi41MjgsLTM2LjA0NWwyNC43ODEsMGMzLjYwNCwwIDYuNzU4LC0zLjE1NCA2Ljc1OCwtNi43NTlaIiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik04ODIuNSw0Mi44MDNsLTg4Mi41LDE1bDAsLTMwbDg4Mi41LDE1WiIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLW9wYWNpdHk6MC4yMDA3ODQ7Ii8+PC9nPjwvc3ZnPg==") no-repeat;
  position: absolute;
  top: 250px;
  left: calc(50% - 700px);
  animation-name: plane;
  animation-duration: 2s;
  animation-delay: 0;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

.plane-animation .plane-shadow {
  width: 60px;
  height: 60px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5MiA4NiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij48cGF0aCBpZD0iZmxpZ2h0cyIgZD0iTTkxLjA1Niw0Mi44MDNjMCwtMy42MDQgLTMuMTU0LC02Ljc1OCAtNi43NTgsLTYuNzU4bC0yNC43ODEsMGwtMjIuNTI4LC0zNi4wNDVsLTkuMDEyLDBsMTEuMjY1LDM2LjA0NWwtMjQuNzgxLDBsLTYuNzU5LC05LjAxMWwtNi43NTgsMGw0LjUwNSwxNS43NjlsLTQuNTA1LDE1Ljc3bDYuNzU4LDBsNi43NTksLTkuMDExbDI0Ljc4MSwwbC0xMS4yNjUsMzYuMDQ1bDkuMDEyLDBsMjIuNTI4LC0zNi4wNDVsMjQuNzgxLDBjMy42MDQsMCA2Ljc1OCwtMy4xNTQgNi43NTgsLTYuNzU5WiIgc3R5bGU9ImZpbGw6IzBkMGQwZDtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4=") no-repeat;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 5px);
  opacity: 0.2;
  animation-name: plane-shadow;
  animation-duration: 2s;
  animation-delay: 0;
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

.loading-text {
  font-size: 2rem;
  color: #0271e1;
  padding: 5%;
  text-align: center;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  height: 38vh; }

.savers-bonus.txt-mint-green, .savers-bonus.txt-bright-orange {
  padding: 0 15px; }

.savers-promo-page main.stretch {
  margin: 0 !important;
  padding: 0; }

.savers-banner {
  height: 45vh; }

.savers-cover {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 45vh !important;
  background: url("../../../Media/rebrand/9savers/girl-with-phone-9savers.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  background-position-x: 75%;
  background-position-y: bottom;
  font-size: 2rem;
  font-weight: 600; }

.banner-text {
  position: absolute;
  left: 16%; }

.banner-text > div {
  padding: 20px; }

.blue-bg-box {
  width: 300px; }

.banner-flex-box {
  padding: 0 !important;
  display: flex; }
  .banner-flex-box div {
    padding: 20px; }

.savers-offer {
  margin: 8.4% auto 10% auto;
  background-color: #f1f1f1; }
  .savers-offer .personalize .price {
    width: 80%; }

.savers-product .personalize {
  margin: 0; }
  .savers-product .personalize .saver-container div:first-child {
    margin: 0 !important; }
  .savers-product .personalize .saver-container div {
    margin: 30px 0; }
  .savers-product .personalize .selection .title, .savers-product .personalize .selection .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .savers-product .personalize .selection .subtitle {
    font-size: 1rem; }
  .savers-product .personalize .amount .dollar-value {
    font-size: 2rem;
    font-weight: 600;
    margin-right: 5px; }
  .savers-product .personalize .amount .duration {
    font-size: 1.2rem;
    font-weight: 600; }
  .savers-product .personalize .savers-features p {
    margin-bottom: 30px;
    font-size: 14px; }

.savers-imp-info .savers-terms {
  padding: 0 15px; }
  .savers-imp-info .savers-terms p {
    line-height: 1.3;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: justify; }

.savers-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px; }
  .savers-header .images-header {
    display: flex;
    justify-content: space-around;
    align-items: center; }
  .savers-header img {
    display: inline;
    width: 4.5rem;
    padding-right: 18px; }

.savers-heading {
  padding-bottom: 15px; }
  .savers-heading h3 {
    margin: 40px 0 15px;
    font-size: 2.5rem; }

.savers-broadband-search .search {
  top: 0;
  left: 0;
  right: 0;
  z-index: 999; }

.savers-broadband-search .search-topbar {
  top: 17vh;
  left: 0;
  right: 0;
  height: 83vh; }

.savers-broadband-search .search-or-exit {
  left: unset; }

.savers-home .join-us-url {
  margin: 1vh 0 4vh !important;
  font-size: 1rem; }

.savers-unlimited .personalize {
  margin-top: 17vh; }

.savers-unlimited .specification {
  margin-top: 17vh !important; }
  .savers-unlimited .specification img {
    width: unset; }
  .savers-unlimited .specification .offer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 83vh;
    flex-direction: column; }

.savers-unlimited .savers-box {
  padding: 18px;
  margin: 0 auto;
  width: 50%; }

.saver-broadband-offer .showcase {
  border-bottom: 1px solid #f1f1f1; }

@media (max-width: 1299px) {
  .banner-text {
    left: 5%; } }

@media (max-width: 1023px) {
  .savers-banner {
    height: 35vh; }
    .savers-banner .savers-cover {
      background: none;
      height: 35vh !important; }
  .savers-broadband-search .search-topbar {
    top: 19vh;
    height: 85vh; }
  .banner-text > div {
    padding: 10px; }
  .blue-bg-box {
    width: 215px; }
  .banner-flex-box div {
    padding: 10px; }
  .savers-unlimited .savers-box {
    width: 85%; }
  .savers-broadband-features {
    display: none !important; } }

.support {
  background-color: #f1f1f1; }
  .support .account {
    padding: 2.5% 0; }
    .support .account .title, .support .account .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .support .account .subtitle {
      display: flex;
      align-items: center; }
      .support .account .title span, .support .account .fetch .fetch-device-features .feature .subtitle span, .fetch .fetch-device-features .feature .support .account .subtitle span {
        font-size: 1.375rem;
        font-weight: 500;
        color: #0099ff; }
  .support .lookup {
    padding: 5% 0;
    background: #0099ff url("../../../../media/rebrand/pattern.svg") no-repeat;
    background-size: cover; }
    .support .lookup .container {
      width: 74.5%; }
    .support .lookup .title, .support .lookup .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .support .lookup .subtitle {
      font-size: 3.125rem;
      font-weight: 600;
      color: #fff; }
      .support .lookup .title .highlight, .support .lookup .fetch .fetch-device-features .feature .subtitle .highlight, .fetch .fetch-device-features .feature .support .lookup .subtitle .highlight {
        display: inline-block;
        margin: 1.25% 0;
        padding: 1.5% 2.5%;
        color: #35cc99;
        background-color: #22296c; }
    .support .lookup .seek {
      width: 70%;
      margin: auto; }
      .support .lookup .seek .box {
        display: flex;
        min-height: 8vh;
        margin: 3.5vh auto;
        background-color: #fff;
        box-shadow: 0 0.25rem 0 0 rgba(72, 136, 179, 0.75); }
        .support .lookup .seek .box .icon {
          margin: .75% 2.5%; }
        .support .lookup .seek .box input {
          font-family: 'Poppins', sans-serif;
          width: 85%;
          border: none;
          padding: 0 3%; }
          .support .lookup .seek .box input:focus {
            outline: none; }
  .support .menu {
    padding: 2.5vh 0;
    text-align: center;
    background: #fff; }
    .support .menu .dropdown {
      position: relative;
      display: inline-block;
      width: 35%;
      text-align: left; }
      .support .menu .dropdown .default {
        font-size: 1.125rem;
        font-weight: 500;
        color: #0099ff; }
        .support .menu .dropdown .default .fa {
          font-size: 1.5rem;
          font-weight: 600;
          position: relative;
          top: -.5vh;
          float: right; }
      .support .menu .dropdown .categories {
        display: none;
        position: absolute;
        z-index: 10;
        top: 4.5vh;
        width: 100%;
        background: #e8e8e8; }
        .support .menu .dropdown .categories a {
          font-size: 1rem;
          font-weight: 500;
          display: block;
          padding: 2.5vh 2.5%;
          color: #22296c; }
          .support .menu .dropdown .categories a:hover {
            background-color: #22296c;
            text-decoration: none;
            color: #FFF; }
  .support .topics {
    padding: 2.5vh 0; }
  .support .shortcut {
    padding: 2.5% 0; }
    .support .shortcut .topic {
      margin: 5% 0;
      padding: 10% 0;
      text-align: center;
      border-radius: .25rem;
      background: #fff; }
      .support .shortcut .topic span {
        font-size: 1rem;
        font-weight: 500;
        margin: 7.5% 0 0 0;
        color: #7a7fa7; }
  .support .popular {
    padding: 3.5% 0; }
    .support .popular a:hover {
      text-decoration: none; }
    .support .popular .topic {
      margin: 2.5% 0;
      padding: 10%;
      border-radius: .25rem;
      background: #fff; }
      .support .popular .topic .popular-buttons {
        margin-top: 5%;
        text-align: center; }
      .support .popular .topic .title, .support .popular .topic .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .support .popular .topic .subtitle {
        /*font-size: 1.375rem;*/
        padding: 2.5% 0; }
      .support .popular .topic .description {
        font-size: 0.875rem;
        line-height: 1.25rem;
        /*color: #989898;*/ }
  .support .log-me-rescue .log-me {
    background: #fff;
    padding: 3% 0;
    margin-bottom: 4%;
    padding: 5%; }
    .support .log-me-rescue .log-me img {
      width: 5rem;
      margin-bottom: 4%;
      /*padding:0 2%;*/ }
    .support .log-me-rescue .log-me .log-me-heading {
      margin-bottom: 2%; }
    .support .log-me-rescue .log-me .log-me-text {
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin-bottom: 5%; }
  .support .faq .title, .support .faq .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .support .faq .subtitle {
    font-size: 1.5625rem;
    font-weight: 500;
    color: #22296c;
    padding: 3.5vh 0; }

@media (max-device-width: 1024px) {
  .support .menu .dropdown {
    width: 90%; } }

.mobile {
  background-color: #f1f1f1; }
  .mobile .txt-basic {
    color: #FFb850; }
  .mobile .txt-optimal {
    color: #FF6666; }
  .mobile .txt-premium {
    color: #9D3f9F; }
  .mobile .bg-basic {
    background-color: #FFb850; }
  .mobile .bg-basic-transperent {
    background-color: #fbd6a0; }
  .mobile .bg-optimal {
    background-color: #FF6666; }
  .mobile .bg-optimal-transperent {
    background-color: #fbb2b2; }
  .mobile .bg-premium {
    background-color: #9D3f9F; }
  .mobile .bg-premium-transperent {
    background-color: #b589b6; }
  .mobile .bg-base {
    background-color: #f2f2f2; }
  .mobile .mobile-btn {
    width: 85%;
    display: block;
    margin: 1rem auto 2rem;
    padding: 0.8rem 0;
    color: #FFF !important; }
  .mobile .mobile-btn:hover {
    text-decoration: none; }
  .mobile .plans {
    padding: 0 0 3.75rem;
    text-align: center; }
    .mobile .plans .banner {
      background: #fff;
      margin-bottom: 2rem; }
      .mobile .plans .banner img {
        width: 100%; }
    .mobile .plans .title, .mobile .plans .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .mobile .plans .subtitle {
      font-size: 1.4375rem;
      font-weight: 600;
      color: #22296c;
      margin: 0 0 0.9375rem; }
    .mobile .plans .sub-title {
      font-size: 0.85rem;
      color: #666;
      margin: 0 0.5rem 0.9375rem;
      line-height: 1.5; }
      .mobile .plans .sub-title.last-child {
        margin: 0 0.5rem 1.8125rem; }
    .mobile .plans .cis-url {
      font-size: 0.75rem;
      margin: 1rem 0 2rem 0; }
    .mobile .plans .inclusions {
      font-size: 0.8125rem;
      color: #666; }
    .mobile .plans .plan {
      background: #FFF;
      border: 1px solid #e4e4e4;
      margin-bottom: 1rem; }
      .mobile .plans .plan .title, .mobile .plans .plan .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .mobile .plans .plan .subtitle {
        font-size: 0.8125rem;
        font-weight: normal;
        color: #666;
        margin: 0;
        padding: 10px;
        text-align: right; }
        .mobile .plans .plan .title.border-basic, .mobile .plans .plan .fetch .fetch-device-features .feature .border-basic.subtitle, .fetch .fetch-device-features .feature .mobile .plans .plan .border-basic.subtitle {
          border-right: 3px solid #FFb850; }
        .mobile .plans .plan .title.border-optimal, .mobile .plans .plan .fetch .fetch-device-features .feature .border-optimal.subtitle, .fetch .fetch-device-features .feature .mobile .plans .plan .border-optimal.subtitle {
          border-right: 3px solid #FF6666; }
        .mobile .plans .plan .title.border-premium, .mobile .plans .plan .fetch .fetch-device-features .feature .border-premium.subtitle, .fetch .fetch-device-features .feature .mobile .plans .plan .border-premium.subtitle {
          border-right: 3px solid #9D3f9F; }
      .mobile .plans .plan .offer {
        margin: 0 0 0.5rem 0; }
        .mobile .plans .plan .offer .data {
          font-size: 4.375rem;
          font-weight: 600; }
        .mobile .plans .plan .offer .unit {
          font-size: 2.5rem;
          font-weight: 600; }
        .mobile .plans .plan .offer .description {
          font-size: 0.8125rem;
          color: #666; }
      .mobile .plans .plan .offer-special {
        /*margin: 0 0 0.5rem 0;*/
        padding: 0.08rem 0;
        /*background-color: #fbd6a0;*/ }
        .mobile .plans .plan .offer-special .header-description {
          color: #000;
          font-size: 0.7rem;
          font-weight: 800;
          margin: 0.5rem; }
        .mobile .plans .plan .offer-special .content-description {
          color: #000;
          font-size: 0.7rem;
          font-weight: 300;
          margin: 0.5rem; }
      .mobile .plans .plan .feature {
        padding: 1rem 0; }
        .mobile .plans .plan .feature .caption {
          text-transform: uppercase;
          color: #000;
          font-size: 0.75rem;
          font-weight: 500; }
        .mobile .plans .plan .feature .description {
          color: #666;
          font-size: 0.75rem;
          font-weight: 100;
          margin: 0.5rem; }
        .mobile .plans .plan .feature.bg-grey {
          background: #FAFAFA; }
      .mobile .plans .plan .price {
        margin: 1.5rem 0 2.5rem 0; }
        .mobile .plans .plan .price .unit {
          position: relative;
          top: -15px; }
        .mobile .plans .plan .price .amount {
          font-size: 2.25rem;
          font-weight: 500; }
        .mobile .plans .plan .price .period {
          position: relative;
          top: -10px; }
        .mobile .plans .plan .price .min-cost {
          font-size: 0.65rem;
          color: #666;
          margin: 1rem 0 0; }
      .mobile .plans .plan .info {
        color: #000;
        font-size: 0.65rem; }
  .mobile .why-us {
    background-color: #FFF;
    padding: 5rem 0; }
    .mobile .why-us .flex-box .title, .mobile .why-us .flex-box .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .mobile .why-us .flex-box .subtitle {
      font-size: 2.8125rem;
      font-weight: 600;
      color: #22296c; }
    .mobile .why-us .flex-box ul {
      margin: 2.5rem 0; }
      .mobile .why-us .flex-box ul li {
        font-size: 1rem;
        color: #22296c;
        margin-bottom: 10%; }
        .mobile .why-us .flex-box ul li .fa-check {
          margin-right: 1rem; }
    .mobile .why-us .flex-box img {
      width: 80%; }
  .mobile .international-price-information {
    padding: 2.5rem 1rem;
    background-color: #f3f3f3; }
    .mobile .international-price-information .box {
      margin-bottom: 2.5rem;
      position: relative; }
    .mobile .international-price-information .title, .mobile .international-price-information .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .mobile .international-price-information .subtitle {
      font-size: 1.4375rem;
      font-weight: 600;
      line-height: 0.91;
      margin: 1% 0 2% 0;
      color: #22296c; }
    .mobile .international-price-information .description {
      font-size: 0.8125rem;
      line-height: 1.56;
      margin: 1rem 0;
      padding: 1rem 0; }
    .mobile .international-price-information a {
      position: absolute;
      bottom: 0;
      text-decoration: underline; }
    .mobile .international-price-information .illustration {
      display: flex;
      align-items: flex-end;
      justify-content: center; }
      .mobile .international-price-information .illustration img {
        width: 75%; }
  .mobile .faqs {
    padding: 0 0 2.5rem;
    background-color: #FFF !important; }
    .mobile .faqs .mobile-us {
      background-color: #FFF;
      padding: 4.5rem; }
      .mobile .faqs .mobile-us .title, .mobile .faqs .mobile-us .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .mobile .faqs .mobile-us .subtitle {
        font-size: 1.4375rem;
        font-weight: 600; }
      .mobile .faqs .mobile-us .faq {
        padding: 1rem 0;
        border-bottom: 1px solid #CCC; }
        .mobile .faqs .mobile-us .faq .subtitle {
          margin: 1rem 0;
          font-size: 1rem;
          font-weight: 500; }
        .mobile .faqs .mobile-us .faq .description {
          font-size: 0.8125rem;
          line-height: 1.45;
          color: #666; }

@media (max-width: 768px) {
  .mobile .international-price-information .illustration img {
    width: 100%; }
  .mobile .faqs .mobile-us {
    padding: 2.5rem; }
  .why-us .flex-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .cover-desktop {
    display: none; }
  .cover-mobile {
    display: block; } }

.extra-margin-desc {
  margin-bottom: 5% !important; }

.us {
  box-sizing: border-box;
  text-align: center;
  position: relative;
  color: #353c43; }
  .us .border-top {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .us .point {
    width: 75%;
    margin: 0 auto;
    padding: 2.5rem 0; }
    .us .point .title, .us .point .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .us .point .subtitle {
      font-size: 2.75rem;
      padding: 2.5rem 0; }
    .us .point .description {
      font-size: 1.125rem; }
    .us .point a {
      padding: 2.5rem 0; }

.nbn-information {
  background-color: #f1f1f1;
  position: relative;
  padding: 4rem 0; }
  .nbn-information .border-top {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5; }
  .nbn-information img {
    width: 70%; }
  .nbn-information .nbn-information-pitch {
    display: flex;
    align-items: center;
    justify-content: center; }
  .nbn-information .nbn-url span {
    font-size: 1rem;
    color: #22296c;
    padding: 10% 0;
    font-weight: 300;
    line-height: 1.4; }

.us-endorsement {
  background: #F1F1F1;
  box-sizing: border-box;
  padding: 5% 0;
  color: #1F2155; }
  .us-endorsement .header {
    margin: 0 0 10% 0; }
    .us-endorsement .header img {
      width: 75%; }
  .us-endorsement .division {
    margin: 5% 0 0 0; }
    .us-endorsement .division .point .title, .us-endorsement .division .point .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .us-endorsement .division .point .subtitle {
      font-size: 2.25rem;
      font-weight: 600;
      margin: 0 0 3.5% 0; }
    .us-endorsement .division .point .description {
      font-size: 1.125rem;
      line-height: 1.33; }
    .us-endorsement .division img {
      width: 100%; }

.desktop-app-banner {
  padding: 4rem 0 0 0; }

.app-banner {
  background-color: #f6f8fa; }
  .app-banner img {
    width: 15rem; }
  .app-banner .flex-container, .app-banner .mobile-app-banner {
    display: grid;
    align-items: center;
    justify-content: center; }
    .app-banner .flex-container .row, .app-banner .mobile-app-banner .row {
      margin-bottom: 5%; }
      .app-banner .flex-container .row .heading-title, .app-banner .mobile-app-banner .row .heading-title {
        color: #22296c;
        font-weight: 600;
        font-size: 1.5rem; }
      .app-banner .flex-container .row .content, .app-banner .mobile-app-banner .row .content {
        font-size: 1rem;
        color: #4e5489;
        text-align: center;
        font-weight: 400;
        line-height: 1.7rem;
        padding: 0 5%; }
      .app-banner .flex-container .row .learn-more, .app-banner .mobile-app-banner .row .learn-more {
        background-color: #f5a623;
        font-size: 16px;
        color: #fff;
        font-weight: 500; }
  .app-banner .mobile-app-banner {
    display: none; }

@media only screen and (max-width: 767px) {
  .app-banner .desktop-app-banner {
    display: none; }
  .app-banner .mobile-app-banner {
    display: block;
    padding: 5% 0; }
    .app-banner .mobile-app-banner .row:last-child {
      margin-bottom: 0; }
    .app-banner .mobile-app-banner .row {
      margin-bottom: 3%; }
      .app-banner .mobile-app-banner .row .heading-title {
        font-size: 1.375rem; }
      .app-banner .mobile-app-banner .row .content {
        padding: 0 3%; } }

.manual-address-link-mobile {
  display: none !important; }

.manual-address-link-desktop {
  display: block !important; }

@media (max-width: 1023px) {
  .manual-address-link-mobile {
    display: block !important; }
  .manual-address-link-desktop {
    display: none !important; } }

.order-confirmation {
  width: 90%;
  text-align: center;
  margin: auto; }
  .order-confirmation header {
    text-align: center; }
    .order-confirmation header .search-outcome {
      box-sizing: border-box;
      padding: 2.5vh 0; }
      .order-confirmation header .search-outcome .destination {
        font-family: 'Lato', sans-serif;
        width: 85%;
        margin: 0 auto;
        padding: 1.25vh 0;
        color: #7a7fa7;
        border-radius: 3px;
        background-color: #f1f1f1; }
        .order-confirmation header .search-outcome .destination span {
          font-size: .875rem; }
    .order-confirmation header .title, .order-confirmation header .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .order-confirmation header .subtitle {
      color: #22296c;
      font-size: 1.5rem;
      font-weight: 600; }
  .order-confirmation img {
    width: 75%; }
  .order-confirmation .box {
    margin-bottom: 2.5vh; }
  .order-confirmation .information {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: transparent; }
    .order-confirmation .information .message {
      font-size: 1.125rem;
      font-weight: 600;
      color: #22296c;
      line-height: 2.56; }
    .order-confirmation .information .order-number {
      font-size: 1.875rem;
      text-decoration: underline;
      color: #0099ff;
      font-weight: 600;
      line-height: 0.67; }
    .order-confirmation .information .sm-message {
      font-size: 0.875rem;
      line-height: 2.5; }
    .order-confirmation .information .title, .order-confirmation .information .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .order-confirmation .information .subtitle {
      font-size: 1.125rem;
      font-weight: 600;
      color: #22296c;
      line-height: 2.56; }
    .order-confirmation .information .detail {
      font-size: 1rem; }

.page-404 {
  box-sizing: border-box;
  padding: 2.5vw 2.5vh; }
  .page-404 header {
    height: 15vh; }
  .page-404 .description {
    display: flex;
    height: 60vh;
    align-items: center;
    justify-content: center; }
    .page-404 .description img {
      width: 50%; }
  .page-404 footer {
    position: relative;
    box-sizing: border-box;
    height: 15vh;
    text-align: center; }
    .page-404 footer .notice {
      font-size: 1.125rem;
      font-weight: 600;
      color: #7a7fa7;
      display: inline-block;
      margin: 2.5rem 0 0 0; }
    .page-404 footer nav {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0; }
      .page-404 footer nav a {
        font-size: 1.125rem;
        font-weight: 600;
        padding: 0 2.5%; }

.mobile-navigation {
  display: none; }
  .mobile-navigation .header {
    position: fixed;
    z-index: 99999;
    right: 0;
    left: 0;
    display: flex;
    height: 7.5vh;
    text-align: center;
    background-color: #22296c;
    justify-content: center;
    align-items: center; }
    .mobile-navigation .header .hamburger-menu {
      position: absolute;
      left: 5%;
      height: 100%; }
    .mobile-navigation .header a {
      display: flex; }
    .mobile-navigation .header .brand img {
      width: 5.9rem; }
    .mobile-navigation .header .contact-number-mobile {
      color: white;
      font-size: 1.2rem;
      position: fixed;
      right: 20px; }
      .mobile-navigation .header .contact-number-mobile img {
        width: 17px;
        height: 17px;
        margin-right: 2px; }
      .mobile-navigation .header .contact-number-mobile a {
        font-size: 1.1rem;
        color: white; }
  .mobile-navigation .slidebar {
    position: fixed;
    z-index: 999999999999999999;
    top: 7.5vh;
    display: none;
    box-sizing: border-box;
    width: 100%;
    height: 92.5vh; }
    .mobile-navigation .slidebar .navigation {
      box-sizing: border-box;
      height: 75vh;
      padding: 15vh 7.5%;
      position: relative;
      background-color: rgba(34, 41, 108, 0.915); }
      .mobile-navigation .slidebar .navigation ul {
        height: 100%;
        list-style: none; }
        .mobile-navigation .slidebar .navigation ul li {
          box-sizing: border-box;
          height: 11.25vh; }
        .mobile-navigation .slidebar .navigation ul a {
          font-size: 2.5rem;
          font-weight: 600;
          line-height: 11.25vh;
          display: inline-block;
          width: 100%;
          height: 100%;
          padding: 0 10%;
          text-decoration: none;
          text-transform: capitalize; }
      .mobile-navigation .slidebar .navigation .url-relocate {
        position: absolute;
        right: 5%;
        bottom: 3.5%;
        left: 5%;
        display: block;
        width: 90%;
        height: 8.5%; }
        .mobile-navigation .slidebar .navigation .url-relocate img {
          width: 100%; }
    .mobile-navigation .slidebar .shortcut {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      box-sizing: border-box;
      height: 17.5vh;
      padding: 2.5vh 7.5%;
      text-align: center;
      background-color: rgba(34, 41, 108, 0.975); }
      .mobile-navigation .slidebar .shortcut a {
        font-size: .8125rem;
        margin: 15% 0;
        text-transform: uppercase;
        color: #0099ff; }
        .mobile-navigation .slidebar .shortcut a span {
          margin-bottom: 10%; }
      .mobile-navigation .slidebar .shortcut img {
        height: 45%; }

.media-desktop-only {
  display: block !important; }

.media-desktop-flex-only {
  display: flex !important; }

.media-tablet-only {
  display: block !important; }

.media-mobile-only {
  display: block; }

.show-flex {
  display: flex !important; }

@media (max-width: 1023px) {
  .media-desktop-only, .media-desktop-flex-only {
    display: none !important; }
  .payment .form .confirmation {
    width: 95%;
    margin: 5% auto; }
  .page-404 .description img {
    width: 90%; } }

@media (max-device-width: 991px) {
  .footer {
    text-align: center; }
    .footer .navigation {
      display: none; }
    .footer .license {
      text-align: center !important; } }

@media only screen and (max-device-width: 767px) {
  .products .product {
    margin: 0 0 7.5vh 0; }
    .products .product:last-child {
      margin: 0; }
  .promotion .feature {
    margin: 0 0 7.5vh 0; }
    .promotion .feature:last-child {
      margin: 0; }
  .search .box {
    width: 95%; }
  .search .result {
    width: 95%; }
  .support .lookup .seek {
    width: 95%; }
  .installation .form .form-horizontal {
    width: 92.5%; }
  .installation header {
    margin-top: 50px; }
  .profile header {
    margin-top: 50px; }
  #mobile-installation {
    height: 92vh; }
  .step-img {
    width: initial; } }

@media (max-device-width: 1023px) {
  .sidebar {
    display: none; }
  .fetch .get-fetch {
    padding: 1.5% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    width: 100vw; }
  main {
    width: 100vw;
    margin: 0;
    padding: 7.5vh 0 0 0; }
  .mobile-navigation {
    display: block; }
    .mobile-navigation .header {
      height: 10vh; }
  .support .account {
    display: none; }
  .support .lookup .title, .support .lookup .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .support .lookup .subtitle {
    font-size: 1.65rem; }
  .features img {
    width: 100%; } }

@media (max-device-width: 1024px) {
  .mobile-view {
    display: block; }
  .support .lookup .seek {
    width: 95%; } }

@media (max-device-width: 1075px) {
  .payment header .customer {
    width: 100%; }
  .personalize .price {
    width: 67.5%; }
  .profile header .customer {
    width: 100%; } }

@media only screen and (max-device-height: 1366px) and (max-width: 1024px) and (orientation: portrait) {
  .sidebar {
    display: none; }
  main {
    width: 100vw;
    margin: 0;
    padding: 7.5vh 0 0 0; }
  .mobile-navigation {
    display: block; }
    .mobile-navigation .header {
      height: 7.5vh; }
  .support .account {
    display: none; }
  .support .lookup .title, .support .lookup .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .support .lookup .subtitle {
    font-size: 1.65rem; }
  .support .popular .topic .description {
    font-size: 1rem; }
  .relocate .account {
    display: none; }
  .relocate .lookup .title, .relocate .lookup .fetch .fetch-device-features .feature .subtitle, .fetch .fetch-device-features .feature .relocate .lookup .subtitle {
    font-size: 1.65rem; }
  .relocate .popular .topic .description {
    font-size: 1rem; }
  #accordion .card .card-header {
    cursor: pointer; }
    #accordion .card .card-header a {
      font-size: 0.875rem; }
  #accordion .card .collapse {
    font-size: 0.8125rem; } }

@media (max-width: 1450px) {
  .personalize .price .summation {
    font-size: 2.5rem; }
  .personalize .price .unit {
    font-size: 1.5rem; } }