a.default-button {
  background-color: #01a0e1;
  color: #fff;
  text-align: center;
  padding: 10px 25px;
}
a.default-button:hover {
  cursor: pointer;
  background-color: #337ab7;
  text-decoration: none;
}
.menu-top-bar {
  height: 40px;
  border-bottom: 1px solid #2b2b2b;
  width: 100%;
  background: #0b0b0b;
  z-index: 45;
  position: relative;
}
/* c fibre starts */
.accordion-group {
  padding: 0 40px;
}
.accordion-group .panel-default {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.c-fibre-page-container hr {
  margin: 20px 0 !important;
}
.c-fibre-page-container a.expand-icon {
  background-color: #DD4814;
  color: white;
}
.buffer-remove {
  margin-top: 0 !important;
}
.services-page-container .container-fluid.no-padding {
  padding: 0 !important;
}
@media (min-width: 480px) and (max-width: 991px) {
  .services-page-container.support-split-container {
    padding-top: 20px;
  }
}
.services-page-container .services-sidebar-wrapper {
  padding-top: 0;
}
.services-page-container .services-sidebar-wrapper ul li {
  margin-bottom: 0;
}
.services-page-container .services-sidebar-wrapper ul li a {
  cursor: pointer;
}
.services-page-container .services-container {
  margin-left: 355px;
}
@media (min-width: 0) and (max-width: 991px) {
  .services-page-container .services-container {
    margin-left: 0;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .services-page-container .services-container {
    margin-top: 20px;
  }
}
.services-page-container .services-container.white-container-panel,
.services-page-container .services-container.transparent-container-panel {
  margin-bottom: 0;
  padding: 0;
}
.services-page-container .services-container.transparent-container-panel {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.services-page-container .services-container .plaintext {
  font-size: 14px;
  font-family: 'intervogue-reg';
  margin: 0;
  padding: 0;
  color: #313131;
}
.services-page-container .services-container .plaintext .remaining-messages {
  color: #191919;
  font-weight: bold;
}
.services-page-container .services-container .plaintext.grey {
  color: #a3a3a3;
}
.services-page-container .services-container .plaintext.xsmall {
  font-size: 11px;
}
.services-page-container .services-container .plaintext .white-highlight {
  border-radius: 0;
  background-color: #ffffff;
  color: #191919;
  padding: 0px 3px 3px;
}
.services-page-container .services-container .heading-lrg-allcaps {
  font-family: 'intervogue-reg';
  font-size: 22px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.services-page-container .services-container .heading-lrg-allcaps.xlrg-allcaps-reg {
  font-size: 25px;
}
.services-page-container .services-container .heading-lrg-allcaps.white {
  color: #ffffff !important;
}
.services-page-container .services-container .heading-lrg-allcaps-bold {
  font-family: 'intervogue-reg';
  font-size: 20px;
  line-height: 21px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.services-page-container .services-container .heading-lrg-allcaps-bold.no-marg-top {
  margin-top: 10px;
}
.services-page-container .services-container .heading-lrg-allcaps-bold.x-large-allcaps {
  font-size: 28px;
  line-height: 1.1em;
}
.services-page-container .services-container .heading-lrg-allcaps-bold.xsmall-allcaps {
  font-size: 15px;
}
.services-page-container .services-container .heading-lrg-allcaps-bold.white-text {
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .services-page-container .services-container {
    font-size: 18px;
  }
}
.services-page-container .services-container .regular-text {
  font-family: 'intervogue-reg';
  font-size: 25px;
}
.services-page-container .services-container .medium-text {
  font-family: 'intervogue-reg';
}
.services-page-container .services-container .white-highlight {
  background-color: #ffffff;
  color: #191919;
  padding: 11px 8px 8px;
  border-radius: 3px;
}
.services-page-container .services-container .white-highlight.wide {
  padding-left: 27px;
  padding-right: 27px;
}
.services-page-container .services-container .blue-highlight {
  padding: 6px 8px 3px;
  background-color: #01a0e1;
  color: #ffffff;
}
.services-page-container .services-container .black-highlight {
  padding: 6px 8px 3px;
  background-color: #191919;
  color: #ffffff;
}
.services-page-container .services-container .orange-highlight {
  padding: 6px 8px 3px;
  background-color: #f79644;
  color: #ffffff;
}
.services-page-container .light-text {
  font-weight: 300 !important;
}
.services-page-container .inline-block {
  display: inline-block !important;
}
.services-page-container .unstyled-link {
  color: #01a0e1;
  font-weight: 400;
}
.services-page-container .unstyled-link.small {
  font-size: 12px;
}
.services-page-container .unstyled-link.underline {
  text-decoration: underline;
}
.services-page-container .push-left {
  margin-left: 30px;
}
.services-page-container .stage-right {
  text-align: right;
}
.services-page-container .push-down {
  margin-bottom: 20px !important;
}
.services-page-container .push-down-xsmall {
  margin-bottom: 8px !important;
}
.services-page-container .push-down-lrg {
  margin-bottom: 28px !important;
}
.services-page-container .push-down-xlrg {
  margin-bottom: 40px !important;
}
.services-page-container ul.chevron {
  list-style-image: url('cellc/img/icons/list-arrow.png');
  padding-left: 17px;
}
.services-page-container ul.chevron li {
  padding-left: 15px;
}
.services-page-container ul li {
  margin-bottom: 10px;
}
.services-page-container .table-services table {
  border-right: 1px solid #dddddd;
}
.services-page-container .table-services th,
.services-page-container .table-services td {
  padding: 12px 20px;
  vertical-align: middle;
  font-size: 12px;
  border-left: 1px solid #dddddd;
  font-weight: normal;
}
.services-page-container .table-services thead tr th {
  border-bottom: 0 none;
}
.services-page-container .table-services tbody tr th {
  font-weight: bold;
}
.services-page-container .table-services tbody tr th,
.services-page-container .table-services tbody tr td {
  font-family: 'intervogue-reg';
}
.services-page-container .table-services tbody tr.gray-highlight th,
.services-page-container .table-services tbody tr.gray-highlight td {
  background-color: #a6a6a6;
  color: #ffffff;
}
.services-page-container .table-services tbody tr:first-child th,
.services-page-container .table-services tbody tr:first-child td {
  border-top: 0 none;
}
.services-page-container .table-services tbody tr:last-child th,
.services-page-container .table-services tbody tr:last-child td {
  border-bottom: 1px solid #dddddd;
}
.services-page-container .table-services.bold-large .table {
  margin-bottom: 12px;
}
.services-page-container .table-services.bold-large thead tr th {
  font-family: 'intervogue-reg';
  font-size: 18px;
}
.services-page-container .table-services.bold-large tbody tr td,
.services-page-container .table-services.bold-large tbody tr th {
  font-size: 16px;
  font-family: 'intervogue-reg';
}
.services-page-container .table-services.bold-large tbody tr th {
  color: #666666;
  font-weight: normal;
}
.services-page-container .table-services.black-header thead tr th {
  color: #ffffff;
  background-color: #191919;
}
.services-page-container .table-services.grey-header thead tr th {
  color: #ffffff;
  background-color: #6b6868;
}
.services-page-container .table-services.two-col thead tr th {
  width: 50%;
}
.services-page-container .table-services.no-table-head tbody tr:first-child th,
.services-page-container .table-services.no-table-head tbody tr:first-child td {
  border-top: 1px solid #dddddd;
}
.services-page-container .table-services.last-col-right thead tr th:last-child,
.services-page-container .table-services.last-col-right tbody tr td:last-child {
  text-align: right;
}
.services-page-container .tabs-c-fibre li a {
  padding-left: 12px;
  padding-right: 12px;
}
@media (max-width: 1160px) {
  .services-page-container .tabs-c-fibre li a {
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
  }
}
.services-page-container .tabs-c-fibre.five-tab li {
  width: 20%;
}
/**********************************
	Default custom select styles 
**********************************/
div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 10;
  width: 100%;
  max-width: 500px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.cs-select.cs-slect-file {
  z-index: 15;
}
div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */
}
.cs-select select {
  display: none;
}
.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Placeholder and selected option */
.cs-select > span {
  padding-right: 3em;
}
.cs-select > span::after,
.cs-select .cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cs-select > span::after {
  content: '';
  right: 1em;
}
.cs-select .cs-selected span::after {
  content: '';
  margin-left: 1em;
}
.cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
/* Options */
.cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  visibility: hidden;
}
.cs-select.cs-active .cs-options {
  visibility: visible;
}
.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.cs-select ul span {
  padding: 1em;
}
.cs-select ul li.cs-focus span {
  background-color: #ddd;
}
/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
  padding-left: 1em;
}
.cs-select li.cs-optgroup > span {
  cursor: default;
}
div.cs-skin-border {
  background: transparent;
  font-family: 'intervogue-reg';
  font-size: 16px;
  /* text-transform: uppercase; */
  color: #000;
  max-width: 600px;
}
.cs-skin-border > span {
  border: 2px solid #dedede;
  /*border-color: inherit;
	-webkit-transition: background 0.2s, border-color 0.2s;
	transition: background 0.2s, border-color 0.2s;*/
}
.cs-skin-border > span::after,
.cs-skin-border .cs-selected span::after {
  background-image: url('/cellc/img/services/c-fibre/Custom-drop-down-arrow.png');
  height: 10px;
  width: 17px;
  color: #000 !important;
  position: absolute;
  right: 10px;
}
.cs-skin-border ul span::after {
  content: '';
  opacity: 0;
}
.cs-skin-border .cs-selected span::after {
  content: '';
  color: #ddd9c9;
  font-size: 1.5em;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cs-skin-border.cs-active > span {
  background: #fff;
  border-color: #dedede;
  color: #01a0e1;
}
.cs-skin-border .cs-options {
  color: #000;
  font-size: 0.75em;
  opacity: 0;
  -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
  transition: opacity 0.2s, visibility 0s 0.2s;
}
.cs-skin-border.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cs-skin-border ul span {
  padding: 1em 2em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cs-options li {
  margin-bottom: 0 !important;
  border-bottom: 2px solid #dedede;
  border-left: 2px solid #dedede;
  border-right: 2px solid #dedede;
}
.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
  background: #f5f3ec;
}
.legal-split-container {
  position: relative;
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  /*note overflow:hidden removed */
}
.legal-split-container:before,
.legal-split-container:after {
  content: " ";
  display: table;
}
.legal-split-container:after {
  clear: both;
}
.legal-split-container:before,
.legal-split-container:after {
  content: " ";
  display: table;
}
.legal-split-container:after {
  clear: both;
}
@media (min-width: 480px) and (max-width: 991px) {
  .legal-split-container {
    padding-left: 15px;
  }
}
.legal-container .page-content,
.legal-split-container .page-content {
  padding: 20px 40px;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.11);
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.11);
}
@media (min-width: 768px) {
  .legal-container .page-content,
  .legal-split-container .page-content {
    margin: 20px 0;
  }
}
.legal-container .legal-header,
.legal-split-container .legal-header {
  margin-top: 0;
}
.legal-container .legal-content,
.legal-split-container .legal-content {
  margin: 20px 15px 20px 0;
  float: none;
}
@media (min-width: 992px) {
  .legal-container .legal-content,
  .legal-split-container .legal-content {
    margin-right: 15px;
    /* offset .row wrapping div */
    margin-left: 337px;
    /* offset width of accompanying sidenav wrapper */
    width: auto;
    float: none;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .legal-container .legal-content,
  .legal-split-container .legal-content {
    width: auto;
    padding-left: 15px;
    margin-left: 15px;
  }
}
.legal-container .legal-content .p-numbered,
.legal-split-container .legal-content .p-numbered {
  margin-left: 30px;
  text-indent: -30px;
}
.legal-container .legal-content .p-numbered .badge,
.legal-split-container .legal-content .p-numbered .badge {
  line-height: 1.165em;
}
.legal-container .legal-content .push-left,
.legal-split-container .legal-content .push-left {
  margin-left: 20px;
}
.legal-container .legal-content h1,
.legal-split-container .legal-content h1,
.legal-container .legal-content h2,
.legal-split-container .legal-content h2 {
  font-weight: bold;
}
.legal-container .legal-content p,
.legal-split-container .legal-content p {
  font-family: 'intervogue-reg';
  margin-bottom: 20px;
}
.legal-container .legal-content ul,
.legal-split-container .legal-content ul {
  list-style-position: inside;
  list-style-image: url('/cellc/img/icons/list-arrow.png');
  padding-left: 0;
}
.legal-container .legal-content ul li,
.legal-split-container .legal-content ul li {
  margin-bottom: 10px;
}
.legal-container .legal-content .padded-list,
.legal-split-container .legal-content .padded-list {
  padding-left: 35px;
}
.legal-container .legal-content p a,
.legal-split-container .legal-content p a {
  color: #01a0e1;
  text-decoration: underline;
}
.legal-container .legal-content .has-error p.ng-scope,
.legal-split-container .legal-content .has-error p.ng-scope {
  text-align: center !important;
}
.legal-container .legal-content .lead,
.legal-split-container .legal-content .lead {
  text-transform: uppercase;
}
.legal-container .legal-content .lead.lead-lower,
.legal-split-container .legal-content .lead.lead-lower {
  text-transform: none;
}
.legal-container .legal-content .blue-text,
.legal-split-container .legal-content .blue-text {
  color: #01a0e1;
}
.legal-container .legal-content .page-header,
.legal-split-container .legal-content .page-header {
  border-bottom: 0;
  padding-bottom: 0;
}
.legal-container .legal-content .page-header .page-title,
.legal-split-container .legal-content .page-header .page-title {
  text-transform: uppercase;
  font-family: 'intervogue-reg';
  font-weight: bold;
}
.legal-container .legal-content .accordion .panel-default,
.legal-split-container .legal-content .accordion .panel-default {
  margin-top: 0;
  font-family: 'intervogue-reg';
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.legal-container .legal-content .accordion .panel-default .panel-heading,
.legal-split-container .legal-content .accordion .panel-default .panel-heading {
  position: relative;
  padding: 0;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
}
.legal-container .legal-content .accordion .panel-default .panel-heading .icon,
.legal-split-container .legal-content .accordion .panel-default .panel-heading .icon {
  display: block;
  position: absolute;
  width: 60px;
  height: 100%;
  top: 0;
  right: 0;
  background-image: url("/cellc/img/icons/accordion-collapse.png");
  background-repeat: no-repeat;
  background-position: center;
}
.legal-container .legal-content .accordion .panel-default .panel-heading .panel-title,
.legal-split-container .legal-content .accordion .panel-default .panel-heading .panel-title {
  width: 100%;
  height: 100%;
}
.legal-container .legal-content .accordion .panel-default .panel-heading .panel-title a,
.legal-split-container .legal-content .accordion .panel-default .panel-heading .panel-title a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: 30px;
}
.legal-container .legal-content .accordion .panel-default .panel-heading .panel-title a.collapsed.in,
.legal-split-container .legal-content .accordion .panel-default .panel-heading .panel-title a.collapsed.in,
.legal-container .legal-content .accordion .panel-default .panel-heading .panel-title a.expand-icon,
.legal-split-container .legal-content .accordion .panel-default .panel-heading .panel-title a.expand-icon {
  background-color: #01a0e1;
}
.legal-container .legal-content .accordion .panel-default .panel-heading .panel-title a.expand-icon,
.legal-split-container .legal-content .accordion .panel-default .panel-heading .panel-title a.expand-icon {
  color: #ffffff;
}
.legal-container .legal-content .accordion .panel-default .panel-heading .panel-title .expand-icon .icon,
.legal-split-container .legal-content .accordion .panel-default .panel-heading .panel-title .expand-icon .icon {
  background-image: url("/cellc/img/icons/accordion-expand.png");
}
.legal-container .legal-content .accordion .panel-default .panel-heading .panel-title .collapse-icon .icon,
.legal-split-container .legal-content .accordion .panel-default .panel-heading .panel-title .collapse-icon .icon {
  background-image: url("/cellc/img/icons/accordion-collapse.png");
}
.legal-container .legal-content .accordion .panel-default .panel-body,
.legal-split-container .legal-content .accordion .panel-default .panel-body {
  padding-left: 30px;
}
.legal-split-container .sitemap-group {
  margin-bottom: 50px;
}
.legal-split-container .sitemap-group h1 {
  text-transform: uppercase;
  font-family: 'intervogue-reg';
  font-weight: bold;
  font-size: 35px;
  color: #000000;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 40px;
  padding-bottom: 20px;
}
.legal-split-container .sitemap-group ul {
  margin-left: 1.5em;
  list-style: none;
  list-style-position: inside;
}
.legal-split-container .sitemap-group ul li a {
  color: #01a0e1;
  font-family: 'intervogue-reg';
  text-transform: uppercase;
  text-decoration: none;
  font-size: 22px;
  border-bottom: 2px solid #c8efff;
}
.legal-split-container .sitemap-group ul li a:hover {
  text-decoration: none;
  border-color: #01a0e1;
}
.legal-split-container .sitemap-group ul li ul {
  margin: 16px 2em;
  list-style-position: inside;
  list-style-image: url('/cellc/img/icons/icon-chevron-right-grey.png');
}
/*.graph-wrapper {
  position: relative;
  color: #000;
}*/
.graph {
  position: relative;
  height: 220px;
  margin-left: 50px;
}
.graph:before,
.graph:after {
  content: " ";
  display: table;
}
.graph:after {
  clear: both;
}
.graph:before,
.graph:after {
  content: " ";
  display: table;
}
.graph:after {
  clear: both;
}
.graph .bar {
  position: relative;
  width: 30px;
  height: 100%;
  background: #e5e5e5;
  float: left;
  margin-right: 11px;
}
.graph .bar .value-bar {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  background: #40bef1;
}
.graph .bar:last-child {
  margin-right: 0;
}
.graph-markers .marker,
.limit {
  width: 100%;
}
.graph-markers .marker .label,
.limit .label,
.graph-markers .marker .line,
.limit .line {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}
.graph-markers .marker .label,
.limit .label {
  display: inline-block;
  width: 8.5%;
  color: #989898;
}
.graph-markers .marker .line,
.limit .line {
  width: 78.6%;
  height: 8px;
}
.limit {
  display: block;
  width: 100%;
  padding: 0;
}
.limit .label {
  font-size: 16px;
  padding-left: 5px;
  color: #808080;
}
.limit .line {
  width: 90%;
  border-top: 2px dashed rgba(0, 0, 0, 0.2);
}
.graph-markers {
  position: absolute;
  top: 0;
  left: 0;
  width: 105%;
}
.graph-markers .marker .label {
  padding-right: 15px;
  text-align: right;
}
.graph-markers .marker .line {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.graph-labels {
  margin-top: 5px;
  margin-left: 50px;
}
.graph-labels:before,
.graph-labels:after {
  content: " ";
  display: table;
}
.graph-labels:after {
  clear: both;
}
.graph-labels:before,
.graph-labels:after {
  content: " ";
  display: table;
}
.graph-labels:after {
  clear: both;
}
.graph-labels .label-container {
  width: 41px;
  float: left;
  /*.label {
      width: 100%;
      border: 1px red solid;
      margin-right: 11px;
      text-align: center;
      font-size: 11px;
      font-weight: 500;
      color: black;

      &:last-child {
        margin-right: 0;
      }
    }*/
}
.graph-labels .label-container .label-inner {
  text-transform: uppercase;
  font-size: 13px;
  color: #262626;
  font-family: 'intervogue-reg';
}
.graph-carousel {
  width: 690px;
}
.graph-carousel .carousel-control {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-bottom: 40px;
  background-color: #01a0e1;
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.graph-carousel .carousel-control.left,
.graph-carousel .carousel-control.right {
  background-image: none;
}
.graph-carousel .carousel-inner {
  display: inline-block;
  width: 581px;
}
.graph-carousel .yearly-graph-chart {
  width: 600px;
}
.graph-carousel select.form-control {
  padding: 0;
}
.graph-carousel .label-large {
  font-size: 22px;
}
@media (min-width: 1200px) {
  .graph-carousel .dials {
    border-right: 1px solid #dddddd;
  }
}
.noUi-base {
  z-index: 9;
}
.noUi-connect {
  background: #01a0e1;
  height: 4px;
}
.noUi-target {
  border: none;
  margin: 20px 0;
}
.noUi-horizontal {
  height: 4px;
}
.noUi-handle {
  text-align: center;
  z-index: 999999;
}
.noUi-horizontal .noUi-handle {
  top: -11px;
}
.noUi-pips-horizontal {
  padding: 0;
  top: 0;
  left: 0;
  width: 99%;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 4px;
}
.noUi-marker-horizontal.noUi-marker {
  width: 4px;
  height: 4px;
}
.noUi-origin.noUi-background {
  background: url("/cellc/img/range-slider/dots.png") top right;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pagination {
  margin: 0;
}
.pagination-parent {
  display: none;
}
.scroll-indicator {
  background: url('/cellc/img/icons/down-arrow.png') no-repeat top center;
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50%;
  bottom: 60px;
  z-index: 1;
  text-indent: -9999px;
  outline: none;
}
.scroll-indicator:hover {
  background: url('/cellc/img/icons/down-arrow.png') no-repeat bottom center;
  width: 40px;
  height: 40px;
}
.slider-nest-plus {
  position: absolute;
  right: 0;
  top: 205px;
  width: 55px;
  cursor: pointer;
  height: 55px;
  background-color: #fff;
}
.slider-nest-plus:hover {
  background-color: #01a0e1;
}
.slider-nest-plus .cross {
  width: 15px;
  height: 15px;
  display: block;
  position: relative;
  top: 20px;
  left: 20px;
}
.slider-nest-plus .cross:before,
.slider-nest-plus .cross:after {
  content: "";
  position: absolute;
  z-index: 1;
  background: #000;
}
.slider-nest-plus .cross:before {
  left: 50%;
  width: 21%;
  margin-left: -13%;
  height: 100%;
}
.slider-nest-plus .cross:after {
  top: 50%;
  height: 20%;
  margin-top: -10%;
  width: 100%;
}
.pagination-next {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 317px;
  width: 55px;
  cursor: pointer;
  height: 55px;
  color: #fff;
  background-color: #000;
}
.pagination-next:hover {
  background-color: #01a0e1;
}
.pagination-next:before {
  content: '\003E';
  position: absolute;
  font-size: 30px;
  top: 7px;
  left: 22px;
}
.pagination-prev {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 261px;
  width: 55px;
  cursor: pointer;
  height: 55px;
  color: #fff;
  background-color: #000;
}
.pagination-prev:hover {
  background-color: #01a0e1;
}
.pagination-prev:before {
  content: '\003C';
  position: absolute;
  font-size: 30px;
  top: 7px;
  left: 20px;
}
.slider-container {
  background-color: #eaeaea;
}
.slider-container .swiper-slide {
  position: relative;
  overflow: hidden;
}
.slider-container .swiper-slide.main-slider-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.swiper-nested-1 {
  display: none;
  background-color: #ececec;
  position: absolute;
  z-index: 3;
  right: 0;
  width: 340px;
}
.swiper-nested-1 .nested-slide-header {
  background-color: #fff;
  border-bottom: 1px solid #dddddd;
  padding: 20px 0;
  position: absolute;
  z-index: 4;
  top: 0;
  width: 340px;
}
.swiper-nested-1 .nested-slide-header h5 {
  display: inline-block;
  margin: 0;
  font-family: 'intervogue-reg';
  color: #000000;
  width: 265px;
  text-transform: uppercase;
  font-size: 18px;
  padding-left: 25px;
}
.swiper-nested-1 .nested-slide-header .nested-close-btn {
  font-family: 'intervogue-reg';
  color: #000000;
  text-transform: uppercase;
  font-size: 18px;
  display: inline-block;
  width: 68px;
  border-left: 1px solid #e0e0e0;
  cursor: pointer;
  text-align: center;
}
.swiper-nested-1 .nested-slide-header .nested-close-btn:hover {
  color: #fff;
  background-color: #01a0e1;
}
.swiper-nested-1 .swiper-wrapper {
  position: relative;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide {
  float: none;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide.product {
  margin: 0 auto;
  width: 300px;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide .product-inner {
  background-color: #ffffff;
  position: relative;
  margin-bottom: 14px;
  padding: 10px 0;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide .new-product {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #4ca42f transparent transparent transparent;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide .new-product p {
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
  left: 2px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -41px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.swiper-nested-1 .swiper-wrapper .swiper-slide .image-container {
  width: 168px;
  margin: 20px auto 0 auto;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide .product-details {
  margin-top: 30px;
  margin-bottom: 5px;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide .product-details .name {
  margin: 0;
  position: relative;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 15px;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide .product-details .name:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #dddddd;
  width: 100%;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide .product-details .price {
  line-height: 30px;
  margin: 0;
  padding-left: 20px;
  padding-top: 15px;
  font-size: 42px;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide .product-details .deal {
  margin: 0;
  padding-left: 20px;
  font-size: 12px;
  font-family: 'intervogue-reg';
  font-weight: normal;
  text-transform: none;
  color: #a4a4a4;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide:first-child {
  margin-top: 80px;
}
.swiper-nested-1 .swiper-wrapper .swiper-slide:last-child {
  padding-bottom: 166px;
}
.latest-deals,
.similar-deals {
  height: 700px;
  position: relative;
}
.latest-deals .latest-deals-pagination-next,
.similar-deals .latest-deals-pagination-next,
.latest-deals .similar-deals-pagination-next,
.similar-deals .similar-deals-pagination-next {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 35%;
  width: 55px;
  cursor: pointer;
  height: 55px;
  color: #fff;
  background-color: #000;
}
.latest-deals .latest-deals-pagination-next:hover,
.similar-deals .latest-deals-pagination-next:hover,
.latest-deals .similar-deals-pagination-next:hover,
.similar-deals .similar-deals-pagination-next:hover {
  background-color: #01a0e1;
}
.latest-deals .latest-deals-pagination-next:before,
.similar-deals .latest-deals-pagination-next:before,
.latest-deals .similar-deals-pagination-next:before,
.similar-deals .similar-deals-pagination-next:before {
  content: '\003E';
  position: absolute;
  font-size: 30px;
  top: 7px;
  left: 22px;
}
.latest-deals .latest-deals-pagination-prev,
.similar-deals .latest-deals-pagination-prev,
.latest-deals .similar-deals-pagination-prev,
.similar-deals .similar-deals-pagination-prev {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 35%;
  width: 55px;
  cursor: pointer;
  height: 55px;
  color: #fff;
  background-color: #000;
}
.latest-deals .latest-deals-pagination-prev:hover,
.similar-deals .latest-deals-pagination-prev:hover,
.latest-deals .similar-deals-pagination-prev:hover,
.similar-deals .similar-deals-pagination-prev:hover {
  background-color: #01a0e1;
}
.latest-deals .latest-deals-pagination-prev:before,
.similar-deals .latest-deals-pagination-prev:before,
.latest-deals .similar-deals-pagination-prev:before,
.similar-deals .similar-deals-pagination-prev:before {
  content: '\003C';
  position: absolute;
  font-size: 30px;
  top: 7px;
  left: 15px;
}
.latest-deals .swiper-wrapper .swiper-slide,
.similar-deals .swiper-wrapper .swiper-slide {
  width: 300px !important;
  padding-left: 13px;
}
.latest-deals .swiper-wrapper .swiper-slide.product,
.similar-deals .swiper-wrapper .swiper-slide.product {
  margin: 0 auto;
  width: 300px;
}
.latest-deals .swiper-wrapper .swiper-slide .product-inner,
.similar-deals .swiper-wrapper .swiper-slide .product-inner {
  background-color: #ffffff;
  position: relative;
  margin-bottom: 14px;
  padding: 10px 0;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.latest-deals .swiper-wrapper .swiper-slide .new-product,
.similar-deals .swiper-wrapper .swiper-slide .new-product {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #4ca42f transparent transparent transparent;
}
.latest-deals .swiper-wrapper .swiper-slide .new-product p,
.similar-deals .swiper-wrapper .swiper-slide .new-product p {
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
  left: 2px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -41px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.latest-deals .swiper-wrapper .swiper-slide .image-container,
.similar-deals .swiper-wrapper .swiper-slide .image-container {
  width: 168px;
  margin: 20px auto 0 auto;
}
.latest-deals .swiper-wrapper .swiper-slide .product-details,
.similar-deals .swiper-wrapper .swiper-slide .product-details {
  margin-top: 30px;
  margin-bottom: 5px;
}
.latest-deals .swiper-wrapper .swiper-slide .product-details .name,
.similar-deals .swiper-wrapper .swiper-slide .product-details .name {
  margin: 0;
  position: relative;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 15px;
}
.latest-deals .swiper-wrapper .swiper-slide .product-details .name:after,
.similar-deals .swiper-wrapper .swiper-slide .product-details .name:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #dddddd;
  width: 100%;
}
.latest-deals .swiper-wrapper .swiper-slide .product-details .price,
.similar-deals .swiper-wrapper .swiper-slide .product-details .price {
  line-height: 30px;
  margin: 0;
  padding-left: 20px;
  padding-top: 15px;
  font-size: 42px;
}
.latest-deals .swiper-wrapper .swiper-slide .product-details .deal,
.similar-deals .swiper-wrapper .swiper-slide .product-details .deal {
  margin: 0;
  padding-left: 20px;
  font-size: 12px;
  font-family: 'intervogue-reg';
  font-weight: normal;
  text-transform: none;
  color: #a4a4a4;
}
.latest-deals .swiper-wrapper .swiper-slide:first-child,
.similar-deals .swiper-wrapper .swiper-slide:first-child {
  padding-left: 13px;
}
.latest-deals .swiper-wrapper .swiper-slide:last-child,
.similar-deals .swiper-wrapper .swiper-slide:last-child {
  padding-right: 13px;
}
.pagination-latest-deals,
.pagination-similar-deals,
.pagination-device-setup {
  position: absolute;
  bottom: 50px;
  left: 47%;
  text-align: center;
}
.pagination-latest-deals .swiper-pagination-switch,
.pagination-similar-deals .swiper-pagination-switch,
.pagination-device-setup .swiper-pagination-switch {
  background: none repeat scroll 0 0 #999;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 3px;
  width: 10px;
}
.pagination-latest-deals .swiper-visible-switch,
.pagination-similar-deals .swiper-visible-switch,
.pagination-device-setup .swiper-visible-switch {
  background: none repeat scroll 0 0 #2dc2ff;
}
.pagination-latest-deals .swiper-active-switch,
.pagination-similar-deals .swiper-active-switch,
.pagination-device-setup .swiper-active-switch {
  background: none repeat scroll 0 0 #01a0e1;
}
@media (max-height: 768px) {
  .current-phone-slider {
    height: 430px;
  }
}
.current-phone-slider .swiper-slide {
  margin-bottom: 64px;
}
@media (max-height: 768px) {
  .current-phone-slider .swiper-slide {
    margin-bottom: 0;
    height: 430px;
  }
  .current-phone-slider .swiper-slide .image-container {
    text-align: center;
  }
  .current-phone-slider .swiper-slide .image-container img {
    display: inline-block;
    width: auto;
    height: 310px;
  }
}
.current-phone-slider .current-phone-pagination-control {
  position: absolute;
  z-index: 2;
  top: 40%;
  width: 50px;
  cursor: pointer;
  height: 50px;
  color: #202020;
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.current-phone-slider .current-phone-pagination-control:hover {
  background-color: #01a0e1;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #ffffff;
}
.current-phone-slider .current-phone-pagination-next {
  right: 50px;
}
.current-phone-slider .current-phone-pagination-next:before {
  content: '\003E';
  position: absolute;
  font-size: 30px;
  top: 5px;
  left: 20px;
}
.current-phone-slider .current-phone-pagination-prev {
  left: 50px;
}
.current-phone-slider .current-phone-pagination-prev:before {
  content: '\003C';
  position: absolute;
  font-size: 30px;
  top: 5px;
  left: 15px;
}
.pagination-current-phone {
  position: absolute;
  bottom: 95px;
  left: 45%;
  text-align: center;
}
.pagination-current-phone .swiper-pagination-switch {
  background: none repeat scroll 0 0 #999;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 3px;
  width: 10px;
}
.pagination-current-phone .swiper-visible-switch {
  background: none repeat scroll 0 0 #2dc2ff;
}
.pagination-current-phone .swiper-active-switch {
  background: none repeat scroll 0 0 #01a0e1;
}
.device-setup-slider-container {
  position: relative;
  padding: 0 20px;
}
.device-setup-slider-container .device-setup-pagination-next,
.device-setup-slider-container .device-setup-pagination-prev {
  z-index: 2;
  position: absolute;
  top: 35%;
  cursor: pointer;
  height: 55px;
  color: #191919;
  background-color: #ffffff;
}
.device-setup-slider-container .device-setup-pagination-next:hover,
.device-setup-slider-container .device-setup-pagination-prev:hover {
  background-color: #01a0e1;
}
.device-setup-slider-container .device-setup-pagination-next {
  right: 0;
  width: 55px;
}
.device-setup-slider-container .device-setup-pagination-next i {
  position: relative;
}
.device-setup-slider-container .device-setup-pagination-next i:before {
  content: '\003E';
  position: absolute;
  font-size: 30px;
  top: 7px;
  left: 22px;
}
.device-setup-slider-container .device-setup-pagination-prev {
  position: absolute;
  right: auto;
  left: 0;
  top: 35%;
  width: 55px;
  cursor: pointer;
  height: 55px;
  color: #191919;
  background-color: #ffffff;
}
.device-setup-slider-container .device-setup-pagination-prev:hover {
  background-color: #01a0e1;
}
.device-setup-slider-container .device-setup-pagination-prev i {
  position: relative;
}
.device-setup-slider-container .device-setup-pagination-prev i:before {
  content: '\003C';
  position: absolute;
  font-size: 30px;
  top: 7px;
  left: 22px;
}
.device-setup-slider-container .swiper-wrapper {
  margin: 0 auto;
}
.device-setup-slider-container .swiper-wrapper .swiper-slide {
  height: 500px;
  width: 355px;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .device-setup-slider-container .swiper-wrapper .swiper-slide {
    width: 395px;
  }
}
.device-setup-slider-container .swiper-wrapper .swiper-slide .slide-inner {
  display: block;
  padding: 65px 0;
  height: 100%;
  text-align: center;
  background-color: #999999;
}
.device-setup-slider-container .swiper-wrapper .swiper-slide .slide-inner .slide-title {
  text-decoration: none;
}
.device-setup-slider-container .swiper-wrapper .swiper-slide .slide-inner .slide-title span {
  display: block;
}
.device-setup-slider-container .swiper-wrapper .swiper-slide .slide-inner:hover,
.device-setup-slider-container .swiper-wrapper .swiper-slide .slide-inner:focus,
.device-setup-slider-container .swiper-wrapper .swiper-slide .slide-inneractive {
  text-decoration: none;
}
.device-setup-slider-container .swiper-wrapper .swiper-slide .slide-inner:hover .slide-title,
.device-setup-slider-container .swiper-wrapper .swiper-slide .slide-inner:focus .slide-title,
.device-setup-slider-container .swiper-wrapper .swiper-slide .slide-inneractive .slide-title {
  text-decoration: none;
}
.device-setup-slider-container .swiper-wrapper .swiper-slide:last-child {
  padding-right: 0;
}
.device-setup-slider-container .swiper-wrapper .swiper-slide .slide-title,
.device-setup-slider-container .swiper-wrapper .swiper-slide span {
  text-transform: uppercase;
  color: #ffffff !important;
  font-size: 41px;
  font-family: 'intervogue-reg';
}
.device-setup-slider-container .swiper-wrapper .swiper-slide .slide-title span {
  font-family: 'intervogue-reg';
}
.device-setup-slider-container .swiper-wrapper .swiper-slide.most-phones-slide .slide-inner {
  background: #c5c5c5 url("/cellc/img/support/device-setup/bg-slide-most-phones.jpg") no-repeat center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.device-setup-slider-container .swiper-wrapper .swiper-slide.apple-phones-slide .slide-inner {
  background: #999999 url("/cellc/img/support/device-setup/bg-slide-apple-phones.jpg") no-repeat center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.device-setup-slider-container .swiper-wrapper .swiper-slide.blackberry-phones-slide .slide-inner {
  background: #464646 url("/cellc/img/support/device-setup/bg-slide-bb-phones.jpg") no-repeat center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.device-setup-slider-container .swiper-wrapper .swiper-slide.android-phones-slide .slide-inner {
  background: #323232 url("/cellc/img/support/device-setup/bg-slide-android-phones.jpg") no-repeat center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.device-setup-slider-container .swiper-wrapper .swiper-slide.data-setup-slide .slide-inner {
  background: #252525 url("/cellc/img/support/device-setup/bg-slide-data-phones.jpg") no-repeat center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.minimal-form {
  width: 80%;
  max-width: 680px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.minimal-form .label label,
.minimal-form input,
.minimal-form select {
  font-family: 'intervogue-reg';
  font-size: 24px;
  letter-spacing: -0.05em;
  font-weight: normal;
  text-transform: uppercase;
  color: #a4a4a4;
}
.minimal-form .label {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  padding: 0;
  line-height: 90px;
}
.minimal-form .label label {
  display: block;
  padding: 0 70px 0 30px;
}
.minimal-form .input-holder {
  width: 100%;
  height: 90px;
  overflow: hidden;
  background-color: #ffffff;
}
.minimal-form input,
.minimal-form select {
  width: 100%;
  height: 90px;
  padding: 0 70px 0 30px;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.minimal-form input:active,
.minimal-form select:active,
.minimal-form input:focus,
.minimal-form select:focus {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.minimal-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.minimal-form select::-ms-expand {
  display: none;
}
.minimal-form .progress {
  height: 5px;
  margin-bottom: auto;
  background-color: transparent;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.minimal-form .progress .progress-bar {
  background-color: #01a0e1;
}
.minimal-form .next {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 35px;
  height: 35px;
  background-color: #01a0e1;
  cursor: pointer;
  border-bottom-left-radius: 100%;
  border-top-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-top-right-radius: 100%;
  line-height: 35px;
  color: #ffffff;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
.minimal-form .back,
.minimal-form .count {
  text-transform: uppercase;
  font-size: 20px;
}
.minimal-form .back {
  color: #dddddd;
  cursor: pointer;
}
.minimal-form .count {
  float: right;
  color: #ffffff;
}
.rating-stars {
  display: inline-block;
}
.rating-stars span {
  display: inline-block;
  width: 26px;
  height: 24px;
  background-image: url("/cellc/img/icons/rating-star.png");
  cursor: pointer;
}
.rating-stars span.active {
  background-image: url("/cellc/img/icons/rating-star-active.png");
}
.rating-stars span.over {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.rating-stars.disabled span {
  cursor: not-allowed;
}
.notification-popup {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  padding: 25px 0;
  background-color: #ffffff;
  z-index: 9999;
  border-bottom: 1px solid #dddddd;
}
.notification-popup .notification-inner {
  max-width: 1190px;
  margin: auto;
  padding: 0 25px;
}
.notification-popup .main {
  text-transform: uppercase;
  margin-bottom: 0;
}
.sidebar-nav-list-wrapper {
  position: absolute;
  padding-top: 20px;
  padding-bottom: 0;
  width: 337px;
  /* must coincide with page content left position */
}
@media (min-width: 992px) {
  .sidebar-nav-list-wrapper {
    padding-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .sidebar-nav-list-wrapper {
    width: 100%;
    position: relative;
    float: none;
  }
}
.sidebar-nav-list-wrapper.open .nav-list-sidebar-container {
  max-height: 100%;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sidebar-nav-list-wrapper.open .nav-list-sidebar-container ul {
  max-height: 100%;
}
.sidebar-nav-list-wrapper > .dropdown-menu-trigger {
  text-align: left;
  position: relative;
  margin-left: 0;
  margin-bottom: 0;
  padding: 13px 20px;
  width: 100%;
  background-color: #01a0e1;
  border-radius: 0;
  color: #ffffff;
  border: 0 none;
}
@media (min-width: 992px) {
  .sidebar-nav-list-wrapper > .dropdown-menu-trigger {
    display: none;
  }
}
.sidebar-nav-list-wrapper > .dropdown-menu-trigger > span {
  text-transform: uppercase;
  display: block;
  width: 88%;
  font-family: 'intervogue-reg';
}
.sidebar-nav-list-wrapper > .dropdown-menu-trigger > span.dropdown-section {
  font-size: 11px;
  color: #c8efff;
  margin-bottom: 0;
  line-height: 1em;
}
.sidebar-nav-list-wrapper > .dropdown-menu-trigger > span.dropdown-section-title {
  font-size: 16px;
  color: #ffffff;
}
.sidebar-nav-list-wrapper > .dropdown-menu-trigger > span.caret {
  position: absolute;
  right: 20px;
  top: 32px;
  width: auto;
  display: inline-block;
  float: right;
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container {
  max-height: 0;
  overflow-y: hidden;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.11);
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.11);
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  /* Old .transition(all 0.6s ease-in); */
}
@media (min-width: 992px) {
  .sidebar-nav-list-wrapper .nav-list-sidebar-container {
    display: block;
    max-height: 100%;
  }
  .sidebar-nav-list-wrapper .nav-list-sidebar-container ul {
    max-height: 100%;
  }
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul {
  overflow-y: hidden;
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul li a {
  padding: 26px 25px 24px;
  line-height: 1;
  font-family: 'intervogue-reg';
  color: #191919;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-nav-list-wrapper .nav-list-sidebar-container ul li a {
    font-size: 14px;
  }
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul li a:focus {
  background-color: #ffffff;
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul li a:hover {
  color: #ffffff;
  background-color: #01a0e1;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0);
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul li a:hover .icon-chevron-right {
  background-image: url(/cellc/img/icons/icon-chevron-right-white.png);
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul li a:hover .icon-document-link {
  background-image: url(/cellc/img/icons/icon-document-link-white.png);
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul li a .list-icon {
  float: right;
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul li.active a {
  color: #ffffff;
  background-color: #01a0e1;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0);
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul li.active a .icon-chevron-right {
  background-image: url(/cellc/img/icons/icon-chevron-right-white.png);
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul li.active a .icon-document-link {
  background-image: url(/cellc/img/icons/icon-document-link-white.png);
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul .dropdown-menu-container a .list-icon.icon-plus-minus {
  display: block;
  margin-right: -1px;
  margin-top: 2px;
  width: 13px;
  height: 13px;
  background-image: url(/cellc/img/icons/icon-plus-grey.png);
  background-repeat: no-repeat;
  background-position: top center;
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul .dropdown-menu-container.open > a {
  background-color: #01a0e1;
  color: #ffffff;
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul .dropdown-menu-container.open > a .list-icon.icon-plus-minus {
  margin-right: -2px;
  margin-top: 6px;
  width: 13px;
  height: 2px;
  background-image: url(/cellc/img/icons/icon-minus-white.png);
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul .dropdown-menu-container.open .dropdown-menu a:hover,
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul .dropdown-menu-container.open .dropdown-menu a:focus {
  background-color: #282828;
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul .dropdown-menu-container.open .dropdown-menu a:hover .list-icon.icon-plus-minus,
.sidebar-nav-list-wrapper .nav-list-sidebar-container ul .dropdown-menu-container.open .dropdown-menu a:focus .list-icon.icon-plus-minus {
  width: 13px;
  height: 2px;
  background-image: url(/cellc/img/icons/icon-minus-white.png);
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container .dropdown-menu {
  position: static;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #202020;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container .dropdown-menu li a {
  padding-top: 13px;
  padding-bottom: 13px;
  color: #9b9b9b;
  font-size: 13px;
  font-family: 'intervogue-reg';
  border-bottom: 0 none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-nav-list-wrapper .nav-list-sidebar-container .dropdown-menu li a {
    font-size: 12px;
  }
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container .dropdown-menu li a .list-icon.icon-chevron-right {
  -webkit-background-size: 90px;
  background-size: 89%;
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container .dropdown-menu li:nth-child(1) a {
  padding-top: 20px;
}
.sidebar-nav-list-wrapper .nav-list-sidebar-container .dropdown-menu li:nth-last-child(1) a {
  padding-bottom: 20px;
}
.ecommerce-page-container {
  padding: 0 20px 0 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ecommerce-page-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper {
  padding-top: 0;
  margin-top: 20px;
  background-color: #262626;
}
@media (min-width: 992px) {
  .ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper {
    margin-top: 0;
    width: 278px;
    min-height: 482px;
    height: 100%;
    padding: 20px 0 22px;
  }
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper > .dropdown-menu-trigger {
  background-color: #262626;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper > .dropdown-menu-trigger:focus,
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper > .dropdown-menu-trigger:active {
  outline: 0 none;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper > .dropdown-menu-trigger .dropdown-section {
  color: #ffffff;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container {
  background-color: #262626;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: height 0.05s ease;
  -o-transition: height 0.05s ease;
  transition: height 0.05s ease;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container hr {
  border-top-color: #3c3c3c;
  margin-left: 20px;
  margin-right: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container hr {
    display: none;
  }
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container .list-group-header {
  display: block;
  padding: 0 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container .list-group-header {
    display: none;
  }
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container .general-heading {
  color: #ffffff;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul {
  display: none;
  overflow: visible;
  padding-bottom: 22px;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li {
  padding: 8px 20px 24px;
  text-transform: uppercase;
  font-family: 'intervogue-reg';
  font-size: 14px;
  color: rgba(255, 255, 255, 0.55);
}
@media (min-width: 768px) and (max-width: 991px) {
  .ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li {
    padding-left: 0;
  }
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li .list-item-indicator {
  position: relative;
  padding: 3px;
  min-width: 17px;
  min-height: 17px;
  text-align: center;
  width: 17px;
  height: 17px;
  background-color: #262626;
  border: 1px solid #ffffff;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li .list-item-indicator:after {
  content: '';
  position: absolute;
  height: 46px;
  width: 1px;
  background-color: #FFF;
  left: 7px;
  z-index: 0;
  top: 16px;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li.last .list-item-indicator:after {
  display: none;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li.last.active:before {
  margin-top: 17px;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li .line-break {
  display: inline-block;
  width: 70px;
  position: relative;
  top: 20px;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li.list-item-fix {
  padding-bottom: 16px;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li.active {
  font-family: 'intervogue-reg';
  font-size: 14px;
  color: #ffffff;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li.active .list-item-indicator {
  background-color: #ffffff;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li.active .list-item-indicator .icon-wrap {
  display: block;
  border-radius: 500px;
  width: 9px;
  height: 9px;
  background-color: #01a0e1;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li.active:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #ECECEC;
  right: 0;
  top: 0;
  z-index: 1;
  background-color: transparent;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul li.active:before {
    display: none;
  }
}
@media (min-width: 992px) {
  .ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper .nav-list-sidebar-container ul {
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper.open .nav-list-sidebar-container.ecommerce-nav-list-container {
  padding: 10px 0 20px;
  -webkit-transition: height 0.05s ease-out;
  -o-transition: height 0.05s ease-out;
  transition: height 0.05s ease-out;
}
.ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper.open .nav-list-sidebar-container.ecommerce-nav-list-container ul {
  display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ecommerce-page-container .sidebar-nav-list-wrapper.ecommerce-sidebar-wrapper.open .nav-list-sidebar-container.ecommerce-nav-list-container {
    padding: 10px 20px 20px;
  }
}
.ecommerce-container {
  /* Todo add to ecommerce styles */
}
.ecommerce-container .page-header {
  margin-top: 26px;
}
@media (min-width: 992px) {
  .ecommerce-container {
    margin-left: 318px;
  }
}
.sidebar-nav-list-world-of-cellc-wrapper {
  float: left;
  padding-right: 20px;
}
@media (min-width: 480px) and (max-width: 992px) {
  .sidebar-nav-list-world-of-cellc-wrapper {
    float: none;
    padding-right: 0;
  }
}
.sidebar-nav-list-world-of-cellc-wrapper .nav.nav-list-world-of-cellc > li {
  margin-bottom: 0;
  clear: both;
  overflow: hidden;
}
.sidebar-nav-list-world-of-cellc-wrapper .nav.nav-list-world-of-cellc > li > a {
  clear: both;
}
.sidebar-nav-list-world-of-cellc-wrapper .nav.nav-list-world-of-cellc > li > a + .dropdown-menu {
  position: relative;
}
.sidebar-nav-list-world-of-cellc-wrapper .nav.nav-list-world-of-cellc > li > a + .dropdown-menu li {
  margin-bottom: 0;
}
.tab-pane-inner .page-panel-content p{ 
   font-size: 18px;
   font-family: 'intervogue-reg';
   margin: 0;
   padding: 0;
   color: #313131;
   }
  .c-fibre-icon-wifi {
  background-image: url(/cellc/img/services/c-fibre/wifi_calling_icon.png);
  background-repeat: no-repeat;
  height: 96px;
  width: 96px;
  display: inline-block;
}
   .c-fibre-icon {
  background-image: url(/cellc/img/services/c-fibre/C-fibre-icon-sprite.jpg);
  background-repeat: no-repeat;
  height: 96px;
  width: 96px;
  display: inline-block;
}
.cficon-one {
  background-position: 0 0;
}
.cficon-two {
  background-position: 0 -96px;
}
.cficon-three {
  background-position: 0 -192px;
}
.cficon-four {
  background-position: 0 -288px;
}
   /* -----product option------- */
   .c-fibre-page-container hr {
  margin: 20px 0 !important;
}
.c-fibre-page-container #test-it figure {
  margin-top: 73px;
}
.c-fibre-page-container .c-fibre-table .top-row {
  background-color: #000000;
  color: #ffffff;
  font-family: 'intervogue-reg';
}
.c-fibre-page-container .c-fibre-table .top-row span {
  padding: 20px 0;
  display: inline-block;
}
.c-fibre-page-container .c-fibre-table .price-row {
  background-color: #f8f8f8;
}
.c-fibre-page-container .c-fibre-table .price-row p {
  font-size: 28px;
  font-weight: bold;
  font-family: 'intervogue-reg';
  margin-bottom: 0px;
  margin-top: 20px;
}
.c-fibre-page-container .c-fibre-table .price-row .default-button {
  margin-bottom: 20px;
}
.c-fibre-page-container .c-fibre-table .detail-row {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f8f8f8;
  border-top: 1px solid #e4e4e4;
}

/*********************************
		Product options
	*********************************/
#product-options .grey-bg {
  background-color: #f8f8f8;
  padding-top: 10px;
  padding-bottom: 10px;
}
#product-options ul.blue-ticks {
  margin-left: 0;
  padding-left: 0;
  padding-top: 20px;
  font-size: 16px;
  font-weight: bold;
}
#product-options ul.blue-ticks li {
  list-style: none;
  padding-left: 37px;
  padding-bottom: 10px;
  padding-top: 5px;
  background: url('/cellc/img/services/c-fibre/Checkbox.png') no-repeat 0 0px;
}
#product-options ul.c-fibre-speedometer-item {
  padding-top: 120px;
  padding-left: 20px;
  padding-right: 20px;
  /* end li */
}
#product-options ul.c-fibre-speedometer-item.one {
  background: url('/cellc/img/services/c-fibre/Speechbox-bg1.png') no-repeat center top;
  padding-bottom: 45px;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}
#product-options ul.c-fibre-speedometer-item.two {
  background: url('/cellc/img/services/c-fibre/Speechbox-bg2.png') no-repeat center top;
  padding-bottom: 45px;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}
#product-options ul.c-fibre-speedometer-item.three {
  background: url('/cellc/img/services/c-fibre/Speechbox-bg3.png') no-repeat center top;
  padding-bottom: 45px;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}
#product-options ul.c-fibre-speedometer-item li {
  list-style: none;
/*   width: 85%; */
  color: white;
  padding-bottom: 0;
  margin-bottom: 0;
  font-family: 'intervogue-reg';
}
#product-options ul.c-fibre-speedometer-item li.title {
  font-size: 18px;
  text-transform: uppercase;
}
#product-options ul.c-fibre-speedometer-item li.title-type {
  font-size: 15px;
  text-transform: uppercase;
  margin-top: -9px;
}
#product-options ul.c-fibre-speedometer-item li.title-speed {
  font-size: 53px;
  line-height: 52px;
  margin-top: -9px;
}
@media (max-width: 1280px) {
  #product-options ul.c-fibre-speedometer-item li.title-speed {
    font-size: 40px;
  }
}
@media (max-width: 992px) {
  #product-options ul.c-fibre-speedometer-item li.title-speed {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  #product-options ul.c-fibre-speedometer-item li.title-speed {
    font-size: 25px;
  }
}
#product-options ul.c-fibre-speedometer-item li.title-price {
  margin-top: 58px;
  text-align: center;
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}
.lg-text{
	font-size: 46px !important;
}
#product-options ul.c-fibre-speedometer-item li.title-price span{
	padding: 0;
	text-align: left;
}
@media (max-width: 1280px) {
  #product-options ul.c-fibre-speedometer-item li.title-price {
    /*font-size: 35px;*/
  }
}
@media (max-width: 992px) {
  #product-options ul.c-fibre-speedometer-item li.title-price {
    /*font-size: 35px;*/
  }
}
@media (max-width: 768px) {
  #product-options ul.c-fibre-speedometer-item li.title-price {
    /*font-size: 25px;*/
  }
}
#product-options ul.c-fibre-speedometer-item li.button {
  text-align: center;
  margin-top: 35px;
}
#product-options ul.c-fibre-speedometer-item li.button a {
  font-family: 'intervogue-reg';
  font-size: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.c-fibre-page-container #test-it figure {
  margin-top: 55px;
}
.c-fibre-page-container .c-fibre-table .top-row {
  background-color: #000000;
  color: #ffffff;
  font-family: 'intervogue-reg';
}
.c-fibre-page-container .c-fibre-table .top-row span {
  padding: 20px 0;
  display: inline-block;
}
.c-fibre-page-container .c-fibre-table .price-row {
  background-color: #f8f8f8;
}
.c-fibre-page-container .c-fibre-table .price-row p {
  font-size: 28px;
  font-weight: bold;
  font-family: 'intervogue-reg';
  margin-bottom: 0px;
  margin-top: 20px;
}
.c-fibre-page-container .c-fibre-table .price-row .default-button {
  margin-bottom: 20px;
}
.c-fibre-page-container .c-fibre-table .detail-row {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f8f8f8;
  border-top: 1px solid #e4e4e4;
}
.c-fibre-page-container .c-fibre-table .left-border {
  border-left: 1px solid #e4e4e4;
}
.buffer-remove {
  margin-top: 0 !important;
}
.services-page-container .services-container .heading-lrg-allcaps-bold.orTxt{
	text-align: center;
    margin-top: 25px;
}
/* c fibre ends */
/* miassist starts */
 .support-split-container.c-fibre-page-container .services-container.white-container-panel.miassist{
    font-size: 14px;
    font-family: 'intervogue-reg';
	color: #313131;
    }
   .services-container.white-container-panel.miassist .panel-heading .panel-title .download-icon .downicon{ 
    display: block;
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    right: 0;
    background-image: url("/cellc/img/icons/download-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    color: #333;
}
  .c-fibre-page-container a.download-icon.expand-icon {
  background-color: inherit;
  color: #333;
}
.accordion .panel-default .panel-heading .panel-title.miassist_term a{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 30px;
    color: #303030;	
	
}
.services-container .page-panel-content .heading-lrg-allcaps-bold.miassistheading{
	font-size: 21px;
    margin-bottom: 25px;
    padding-top: 24px;
}
/* miassist ends */
.cFibre-four-blocks .col-xs-3{
	padding-left: 5px;
    padding-right: 5px;
}
#product-options .cFibre-four-blocks ul.c-fibre-speedometer-item.oneA, 
#product-options .cFibre-four-blocks ul.c-fibre-speedometer-item.one,
#product-options .cFibre-four-blocks ul.c-fibre-speedometer-item.two,
#product-options .cFibre-four-blocks ul.c-fibre-speedometer-item.three
{
	padding-left: 10px;
    padding-right: 10px;
}
#product-options .cFibre-four-blocks ul.c-fibre-speedometer-item li.title-speed{
	font-size: 48px;
}
#product-options .cFibre-four-blocks ul.c-fibre-speedometer-item li.title-type{
	margin-top: -2px;
}
#product-options .cFibre-four-blocks ul.c-fibre-speedometer-item li.title-price span.col-xs-5{
	text-align: right;
}
#product-options ul.c-fibre-speedometer-item.oneA {
  background: url('/cellc/img/services/c-fibre/Speechbox-bg1A.png') no-repeat center top;
  padding-bottom: 45px;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}
#product-options ul.c-fibre-speedometer-item.oneGB {
  background: url('/cellc/img/services/c-fibre/Speechbox-bg1gb.png') no-repeat center top;
  padding-bottom: 45px;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}.services-container .page-panel-content.product-selection-content {
    padding: 1px 35px;
}
 #product-options ul.c-fibre-speedometer-item.oneA.product1A  {
  background: url('/cellc/img/services/c-fibre/Speechbox-bg1A.png') no-repeat center top;
  padding-bottom: 20px;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}
 #product-options ul.c-fibre-speedometer-item.one.product1 {
    background: url(/cellc/img/services/c-fibre/Speechbox-bg1.png) no-repeat center top;
    padding-bottom: 20px;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}
 #product-options ul.c-fibre-speedometer-item.two.product2 {
    background: url(/cellc/img/services/c-fibre/Speechbox-bg2.png) no-repeat center top;
    padding-bottom: 20px;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}
 
#product-options ul.c-fibre-speedometer-item.three.product3 {
    background: url(/cellc/img/services/c-fibre/Speechbox-bg3.png) no-repeat center top;
    padding-bottom: 20px;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}
 .product-selection #product-options .cFibre-four-blocks ul.c-fibre-speedometer-item li.title-speed {
    font-size: 32px;
	}
 .product-selection #product-options ul.c-fibre-speedometer-item li.button {
    text-align: center;
    margin-top: 11px;
} 
  .product-selection #product-options ul.c-fibre-speedometer-item li.title-price {
    margin-top: 50px;
    text-align: center;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    display: inline-block;
    width: 100%;
}
 .product-selection #product-options ul.c-fibre-speedometer-item li.title-speed {
    line-height: 39px;
    margin-top: -9px;
}
 .product-selection #product-options .grey-bg {
    background-color: #f8f8f8;
    padding-top: 1px;
    padding-bottom: 1px;
}
/** New C-Fibre start **/
.support-split-container.c-fibre-page-container{padding:0}
.support-split-container.c-fibre-page-container .page-content{margin:0}
.support-split-container.c-fibre-page-container .processBarUl{
	list-style-type: none;
	background: #FFF; 
	/* width:80%;  */
	font-family: 'intervogue-reg';
  	font-size: 18px;
  	float:left;  	
  	margin:0;
  	padding:0;
  	line-height: 20px;
  	width: 100%;
}
.support-split-container.c-fibre-page-container .processBarUl>li{
	list-style-type: none;
	color: #333; 
	display:inline-block; 
	width:23%;
	padding: 15px 0 0 0;    
    vertical-align: top;        
    float: left;    
    position: relative;
    font-family: intervogue-bold;
    border-bottom: 1px solid #999;
}
.support-split-container.c-fibre-page-container .processBarUl>li > div{
	padding-left: 20px;
	border-right: 1px solid #999;
	height: 86px;
    margin-bottom: 15px;
    padding-right:10px;
}
.support-split-container.c-fibre-page-container .processBarUl>li:last-child > div{border-right: none;}
.support-split-container.c-fibre-page-container .processBarUl>li:first-child > div{
	padding-left: 40px;
}
.support-split-container.c-fibre-page-container .processBarUl>li:last-child{
	margin-right: 0;
    width: 23%;
}
.support-split-container.c-fibre-page-container .processBarUl>li.visited{
	border-bottom:8px solid #50BFBD;
	color: #333;
    font-family: intervogue-bold;
}
.support-split-container.c-fibre-page-container .processBarUl>li.active{
	border-bottom:8px solid #F05A1E;
	color: #F05A1E;
    font-family: intervogue-bold;
    background-color: #FCF9F6;
}
.support-split-container.c-fibre-page-container .processBarUl>li>div span{    
	font-size: 14px;    
	color: #5C5C5C;
    font-family: intervogue-reg;
}
.support-split-container.c-fibre-page-container .processBarUl>li.visited>div span, .support-split-container.c-fibre-page-container .processBarUl>li.active>div span{
	color: #5C5C5C;
}
.support-split-container.c-fibre-page-container .processBarUl>li.visited>span.arrow{
	background: url(/cellc/img/services/c-fibre/visitedArrow.png) no-repeat center top;
	width: 29px;
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 10%;
}
.support-split-container.c-fibre-page-container .processBarUl>li:first-child.visited>span.arrow{
	left: 15%;
}
.support-split-container.c-fibre-page-container .processBarUl>li.active>span.arrow{
	background: url(/cellc/img/services/c-fibre/activeArrow.png) no-repeat center top;
	width: 29px;
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 10%;
}
.support-split-container.c-fibre-page-container .priceDiv{
	/* background: #181818; 
	width:20%; */ 
	font-family: 'intervogue-reg';
	height:118px;
	float:left;
	color:#FFF;
	/* padding: 30px 20px 0 0; */
	
	/* background: #0088de; */
    width: 100%;
	background: #FFF;
    color: #5C5C5C; 
}
.priceDiv .currency{
	font-size: 50px;
    float: left;
    padding-right: 20px;
}
.priceDiv .amount{
	/* font-size: 26px;
    border-bottom: 1px solid #666; */
    float: left;
    /* width: 175px; */
    text-align: center;
    border-bottom: none;
	font-size: 36px;
	width: 55%;
	font-family: intervogue-bold;
    color: #000;
}
.priceDiv .amount > sup{
	font-size: 14px;
	vertical-align: super;
}
.priceDiv .info{
    float: left;
    font-size: 13px;
    /* padding-top: 5px; */
    text-align: left;
    /* width: 175px; */
    /* border-left: 1px solid #9b9b9b; */
    /* line-height: 64px; */
	width: 100%;
    padding: 10px 0;
    /* height: 88px; */
    margin: 15px 0;
}
.support-split-container.c-fibre-page-container .progressHeader{
    float: left;
    width: 100%;
    /* position: sticky;
    top: 112px; */
    z-index: 20;
}
.support-split-container.c-fibre-page-container .pageContainer{
	padding: 20px 40px;
    clear: both;
    font-family: 'intervogue-reg';
}
.support-split-container.c-fibre-page-container .pageContainer > h1{
	font-size: 30px;
    font-weight: 400;
    font-family: 'intervogue-bold';
    text-transform: none;
    color: #333;
}
.support-split-container.c-fibre-page-container hr{
	border-top: 1px solid #cfcfcf;
	clear:both;
}
.chooseSpeed{
    width: 20%;
    padding-right: 50px;
    border-right: 1px solid #cfcfcf;
    color: #333333;
    float: left;
}
.chooseSpeed > img{
    float: left;
    margin: 15px;
}
.chooseSpeed > p{
	font-size: 20px;	
}
.sliderDiv{
	overflow: hidden;
	margin-top: 0px;
}
.cfibreSlider{
    float: left;
    width: 50%;
    margin-left: 90px;
    text-align: center;
    font-family: 'intervogue-reg';
	font-size:14px;
}
.cfibreSlider .noUi-horizontal{
    margin: 30px auto 40px;
    width: 100%;
    height: 10px;
}
.cfibreSlider .noUi-base{
	background: #0092ef;
    border-radius: 10px;
    border: 5px solid #e3e3e3;
    box-sizing: content-box;
    width: 98%;
}
.cfibreSlider .noUi-origin {
    border-radius: 10px;
    background: #FFF;
}
.cfibresliderTooltip{
	position: absolute; right: -55px; top: -25px; z-index: 12; width: 140px; height:16px; color:#0088de;
	font-family: 'intervogue-reg';
	font-size:14px;
	font-weight: bold;
}
.cfibreSlider span.minVal, .cfibreSlider span.maxVal{
	font-family: 'intervogue-reg';
	font-size:16px;
	font-weight: bold;
}
.cfibreSlider span.minVal{float:left}
.cfibreSlider span.maxVal{float:right}
.descriptionDiv{
    border: 1px solid #b3b3b3;
    box-shadow: 0px 0px 5px 3px #dfdfdf;
    padding: 18px 0 8px 0;
    background-color: #f0f8fd;
    margin: 18px 0;
}
.descriptionDiv h4{
	border-bottom: 1px solid #b3b3b3;
    font-size: 16px;
    padding: 20px 0 20px 40px;
    font-family: 'intervogue-reg';
    font-weight: bold;
    margin-bottom: 20px;
    background-color:#FFF;
    margin-top: 0;
}
/* .descriptionDiv ul.blue-ticks li {
    list-style: none;
    padding-left: 25px;
    padding-bottom: 10px;
    padding-top: 0;
    background: url(/cellc/img/services/c-fibre/tickIcon.png) no-repeat 0 3px;
    font-family: 'intervogue-reg';
    font-weight: bold;
} */
.descriptionDiv ul.blue-ticks li {
    font-size: 16px;
    list-style: none;
    padding-left: 25px;
    padding-bottom: 4px;
    padding-top: 0;
    background: url(/cellc/img/services/c-fibre/tickIcon.png) no-repeat 0 3px;
    font-family: 'intervogue-reg';
    font-weight: bold;
}
.expcfibre.row{
	border: 1px solid #b3b3b3;
	padding: 20px 25px;
	margin:0;
}
.expcfibre.row > h1{
	font-family: 'intervogue-reg';
	font-size:18px;
	padding-left:15px;
	font-weight: bold;
}
.expcfibre.row > p{
	font-family: 'intervogue-reg';
	padding-left:15px;
	padding-bottom:10px;
}
.expcfibre.row .circular-meter p{font-size: 14px;}
.expcfibre.row .list-unstyled figure > img{
	margin: 40px auto;
    border-radius: 20px;
    border: 10px double #e3e3e3;
    box-shadow: 0px 0px 10px 1px #e3e3e3;
}
.expcfibre.row .radial-progress-fibre .inset{
	width: 210px;
    height: 210px;
    margin-left: 20px;
    margin-top: 20px;
}
.expcfibre.row .radial-progress-fibre .circle .mask .fill{
	background-color: #0088de;
}
.expcfibre.row .radial-progress-fibre .inset .percentage{color: #0088de; top: 70px; left: 0px;}
.expcfibre.row .radial-progress-fibre .inset .meter-label{color:#828282; top: 105px; left: 0px;}
.expcfibre.row .radial-progress-adsl .inset{
	width: 210px;
    height: 210px;
    margin-left: 20px;
    margin-top: 20px;
}
.expcfibre.row .radial-progress-adsl .circle .mask .fill{
	background-color: #191919;
}
.expcfibre.row .radial-progress-adsl .inset .percentage{color: #191919; top: 70px; left: 0px;}
.expcfibre.row .radial-progress-adsl .inset .meter-label{color: #828282; top: 105px; left: 0px;}
.default-button.cfibreBtn{
	margin: 20px auto;
    width: 150px;
    /* background-color: #0088de; */
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    font-family: 'intervogue-reg';
    font-size: 16px;
    text-transform: uppercase;
    padding: 13px 35px;
}
.default-button.cfibreBtn > span{
	/* background: url(/cellc/img/services/c-fibre/buttonArrow.png) no-repeat 0 3px; */
	width:25px;
	/* height:19px; */
	display:inline-block;
	/* margin-left: 20px; */
	font-size: 20px;
    line-height: 16px;
}
a.default-button.cfibreBtnLogin{
	margin: 0;
    float: right;
    width: 150px;
    
    /* background-color: #0088de; */
    border: none;
    border-radius: 3px;
    font-family: 'intervogue-reg';
    font-size: 16px;
    text-transform: uppercase;
    padding: 13px 35px;
    background-color: #000;
}
a.default-button.cfibreBtnLogin:hover{
	background-color: #F05A1E;
}
.customerDetails > h3{
	/* color:#0088de; */
	font-size: 22px;
    font-weight: 400;
    font-family: 'intervogue-bold';
    text-transform: none;
    color: #333;
}
.customerDetails > h3 > span{
    background: url(/cellc/img/services/c-fibre/tickIcon.png) no-repeat 0 0px;
    width:17px;
    height:12px;
    display:inline-block; 
    margin-right: 10px;   
}
.customerDetails > p{
	/* color:#0088de; */
	color:#191919;
	font-size: 18px;
    font-weight: 400;
    /* font-family: 'intervogue-reg'; 
    margin-left: 27px;*/
    margin-bottom: 20px;
    font-family: 'intervogue-reg';
}
form .form-change.cfiberInput{
	width: 350px;
	border-radius: 14px;
}
.cutomerInputs{
	display: inline-block;
    margin: 10px 30px 30px 0;
    float: left;
    position: relative;
    max-width: 350px;
}
.cfiberSelect{
	width: 250px;
    /*margin: 10px 30px 15px 0;*/
    display:inline-block;
}
.cs-skin-border > span.cs-placeholder {
    padding: 8px;
    border: 1px solid #dedede;    
    color:#3e3e3e;
}
.customerDetails .checkbox label::before{
	background: url(/cellc/img/services/c-fibre/check_box.png) no-repeat 0 0px;
    width:18px;
    height:19px;
    border:none;
    border-radius:0;
}
.customerDetails .checkbox-primary input[type="checkbox"]:checked + label::after{
	background: url(/cellc/img/services/c-fibre/check_box.png) no-repeat -18px 0px;
    width: 18px;
    height: 19px;
    border: none;
    border-radius: 0;
    content: "";
    top: 0px;
}
.page-container .customerDetails .checkbox label{
	padding-left: 10px;
    line-height: 18px;
    color:#3e3e3e;
}
.customerDetails .checkbox-primary{margin: 20px 0;}
.customerDetails.confirmCheck .checkbox-primary{margin: 40px 0;}
.cfiberSelect.uplabelSelect div.cs-skin-border{z-index: 20;}
.cutomerInputs > span.has-error-block{position: absolute; display:block}
.cfibreSlider .noUi-marker-horizontal.noUi-marker{display: none;}
.cfibreSlider .noUi-value-horizontal{
	margin-left: -15px;
    padding-top: 30px;
    font-family: 'intervogue-reg';
    font-size: 16px;
    font-weight: bold;
    color:#333;
}
.customerDetails .buttonGroup{text-align: left; clear: both; margin-bottom: 30px}
.customerDetails .buttonGroup > .default-button.cfibreBtn{    
	display: inline-block;
    margin: 20px;
    /* width: 200px; */
    background-color: #000;
}
.customerDetails .buttonGroup > .default-button.cfibreBtn:hover{  
	background-color: #F05A1E;
}
form .form-change.cfiberInput:placeholder{font-size:13px; font-weight:normal}
.cutomerInputs .help-block{color:#FB0404;font-size: 13px;}
.confirmCheck .help-block{color:#FB0404;font-size: 13px; margin-left:10px;}
.cutomerInputs > input+span{position:absolute; width:280px;bottom: -30px; left: 0;}
.cutomerInputs > select+span{position:absolute; width:280px;bottom: -30px; left: 0;}
.customerDetails{
    overflow: hidden;
    max-width: 800px;
}
form .form-change.cfiberInput.select{
	padding: 5px;
    -webkit-appearance: menulist;
}
form .form-change.cfiberInput.select:disabled{background-color: rgb(235, 235, 228);}
.planImgCon{
    float: left;
    width: 250px;
    /* height: 165px; */
    margin-left: 40px;
}
.palnImageCon > #planImg{
	background: url(/cellc/img/services/c-fibre/20.jpg) no-repeat center top;
	width: 200px;
    height: 160px;
    margin: 2px auto;
}
/* .palnImageCon {border-right: 1px solid #cfcfcf} */
.planImgCon > button.default-button.btn-block.cfibreBtn{
    margin: 10px auto;
    width: 150px;
}
.commentTxt{
	width: 350px;
    height: 150px;
    border: 1px solid #d6d6d6;
    padding: 10px 20px;
}
/* .freeTxt{
    color: #FF4FE2;
    font-size: 100px;
    text-transform: uppercase;
    font-family: 'intervogue-reg';
    text-align: right;
    margin-bottom: 0;
} */
.freeTxt {
    color: #01a0e1;
    font-size: 122px;
    text-transform: uppercase;
    font-family: 'intervogue-reg';
    text-align: right;
    margin-bottom: 0;
    margin-top: -15px;
}
.costInfoTxt {
    background-color: #01a0e1;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    margin-top: -20px;
}
.infotxtBottom{
    text-align: center;
    margin-left: 0px;
    font-size: 20px;
    font-weight: bold;
    padding-right: 67px;
}
.descriptionDiv ul.blue-ticks{margin: 20px 0 0 0;}
/** New C-Fibre End **/
/*  c-fibre payment and order confirmation page starts */
.ecommerce-page-container.c-fibre-page-container .ecommerce-container.cfibre-payment {
    margin-left: 18px;
    margin-top: 123px;
}
 .ecommerce-page-container.c-fibre-page-container .ecommerce-container.cfibre-payment .descriptionDiv {
    border: 1px solid #b3b3b3;
    box-shadow: 0px 0px 5px 3px #dfdfdf;
    background-color: rgba(245, 245, 245, 0.95);
    margin: -39px -40px;
    padding-left: 41px;
}
.ecommerce-page-container.c-fibre-page-container .cfibre-payment form .form-control.large-input {
    height: 44px;
    padding: 14px 20px 13px;
    font-size: 15px;
}
.ecommerce-page-container.c-fibre-page-container .cfibre-payment .descriptionDiv h4 {
    border-bottom: 1px solid #b3b3b3;
    font-size: 16px;
    padding: 20px 0 20px 40px;
    font-family: 'intervogue-reg';
    font-weight: bold;
    margin-bottom: 20px;
    background-color: #FFF;
    margin-top: 0;
    margin-left: -40px;
}
.ecommerce-page-container.c-fibre-page-container .cfibre-payment .page-title {
    display: block;
    margin: 0;
    padding-top: 4px;
    text-transform: uppercase;
    font-family: 'intervogue-reg';
    font-size: 26px;
    color: #000000;
}
.ecommerce-page-container .cfibre-payment form .form-group button {
    margin: 0;
    margin-left: 49px;
}
.ecommerce-page-container .cfibre-payment form .form-group .cfibreBtn button {
    margin: 0;
    margin-left: 429px;
}
.ecommerce-page-container .cfibre-payment .date-picker-container .datepicker {
    position: relative;
    width: 240px;
    padding: 0 0 0 12px;
    border: 1px solid #DDD;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: white;
}
.ecommerce-page-container.c-fibre-page-container .cfibre-payment hr {
    margin: 20px 41px 0px 0px !important;
}
.ecommerce-page-container .ecommerce-container.cfibre-order-confirmation {
    margin-left: 0px;
}
.ecommerce-page-container .cfibre-order-confirmation .descriptionDiv {
    border: 1px solid #b3b3b3;
    box-shadow: 0px 0px 5px 3px #dfdfdf;
    background-color: #f5f5f5;
    margin: -14px 0;
    padding-left: 41px;
}
.ecommerce-page-container .cfibre-order-confirmation .descriptionDiv h4 {
    border-bottom: 1px solid #b3b3b3;
    font-size: 16px;
    padding: 20px 0 20px 40px;
    font-family: 'intervogue-reg';
    font-weight: bold;
    margin-bottom: 20px;
    background-color: #FFF;
    margin-top: 0;
    margin-left: -40px;
}
/*  c-fibre payment and order confirmation page ends */
@media screen and (max-width: 1024px) {
	.freeTxt{
	font-size: 90px;
    margin-top: 20px;
	}
	.palnImageCon > #planImg{
		width: 100%;
	    background-size: contain;
	    margin-left: 5%;
	}
}
@media screen and (max-width: 767px) {
	.freeTxt{
	font-size: 80px;
    margin-top: 20px;
	}
	.palnImageCon > #planImg{
		width: 100%;
	    background-size: contain;
	    margin-left: 5%;
	}
	.descriptionDiv ul.blue-ticks li{font-size: 14px;}
}
.customerDetails .consentCon{clear:both}
.customerDetails .consentCon .checkbox-primary{display: inline-block; margin-left: 20px;}
/** new design start **/
.cfibre-landing .c-fibre-centered-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 3%;
  margin-left: 5%;
  margin-right: 5%;
  padding: 0;
  padding-top: 20px;
  white-space: nowrap;
  overflow: hidden;
}
.cfibre-landing .c-fibre-centered-tabs li {
  display: inline-block;
  margin: 0 !important;
  vertical-align: top;
}
.cfibre-landing .c-fibre-centered-tabs li:first-child a {
  padding-left: 0;
  border-left: none;
}
.cfibre-landing .c-fibre-centered-tabs li:last-child a {
  padding-right: 0;
}
.cfibre-landing .c-fibre-centered-tabs li a {
  position: relative;
  display: inline-block;
  border-left: 2px solid #474747;
  padding: 2px 10px 2px 10px;
  width: 100%;
  font-family: 'intervogue-reg';
  font-size: 11px;
  line-height: 11px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
}
@media (min-width: 768px) {
  .cfibre-landing .c-fibre-centered-tabs li a {
    padding: 2px 15px 2px 15px;
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .cfibre-landing .c-fibre-centered-tabs li a {
    padding: 2px 30px 2px 30px;
    font-size: 15px;
  }
}
.cfibre-landing .c-fibre-banner {
  background: #000000 url(/cellc/img/services/c-fibre/main-cfibre-header-image.jpg) no-repeat top center;
  /*-webkit-background-size: 50% auto;
  background-size: 50% auto;*/
  -webkit-background-size: contain;
  background-size: contain;
  width: 100%;
  height: 100%;
  background-position: center right;
  /* min-height: 400px; */
  position: relative;
}
.cfibre-landing .c-fibre-banner .text-container {
  padding: 3% 5%;
}
.cfibre-landing .c-fibre-banner .two-button-banner-container{
	position: absolute;
    bottom: 10%;
    left: 3.5%;
}
.cfibre-landing .c-fibre-banner .text-container .c-fibre-logo {
  width: 50%;
  max-width: 648px;
}
.cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button {
  display: inline-block;
  text-decoration: none;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 5px;
}
.cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button:last-child {
  margin-right: 0;
}
.cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button.header-image-button-transparent {
  color: #01A0E1;
  background-color: #fff;
  border: 3px solid #01A0E1;
  padding: 6px 14px;
}
.cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button.header-image-button-transparent:hover,
.cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button.header-image-button-transparent:focus {
  background-color: #01a0e1;
  color: #fff;
}
.cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button.header-image-button-blue {
  background-color: #01a0e1;
  padding: 9px 14px;
}
.cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button.header-image-button-blue:hover,
.cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button.header-image-button-blue:focus {
  cursor: pointer;
  background-color: #fff;
  color: #01a0e1;
}
@media (min-width: 992px) {
  .cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button {
    font-size: 14px;
    margin-right: 20px;
  }
  .cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button:last-child {
    margin-right: 0;
  }
  .cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button.header-image-button-transparent {
    padding: 15px 30px;
  }
  .cfibre-landing .c-fibre-banner .text-container .two-button-banner-container .header-button.header-image-button-blue {
    padding: 18px 30px;
  }
}
@media (min-width: 606px) {
  .cfibre-landing .c-fibre-banner .page-container {
    display: none;
  }
}
.cfibre-landing .site-breadcrumb a {
  font-weight: normal !important;
}
.cfibre-landing #experience-it .cs-select.cs-skin-border.cs-active {
  position: relative;
  margin-bottom: 0;
  z-index: 999;
}
.cfibre-landing #experience-it .cs-select.cs-skin-border.cs-active .cs-options {
  position: absolute;
  top: 58px;
}
.cfibre-landing b,
.cfibre-landing strong {
  /* font-family: 'intervogue-reg';
  font-weight: bold; */
  font-family: 'intervogue-bold'
}
.cfibre-landing .welcome-content {
  margin-left: 5%;
  margin-right: 5%;
}
.cfibre-landing .welcome-content p {
  text-align: left;
  font-size: 24px;
  display: initial-block;
}
.cfibre-landing .welcome-content .btn .glyphicon {
  margin-left: 50%;
}
.cfibre-landing .welcome-content .dropdown .btn {
  text-transform: uppercase;
}
.cfibre-landing .welcome-content .dropdown li {
  text-transform: uppercase;
}
.cfibre-landing .welcome-content .select-color-dropdown {
  color: #FE8008;
}
.cfibre-landing .welcome-content .heading-lrg-allcaps-bold {
  font-family: 'intervogue-reg';
  font-size: 20px !important;
  line-height: normal;
  text-transform: uppercase;
}
.cfibre-landing .c-fibre-deals-section {
  margin-left: -25px;
  margin-right: -5px;
}
.cfibre-landing .c-fibre-deals-section .section-heading {
  margin-left: 25px;
}
.cfibre-landing .tab-pane-inner .c-fibre-deals-section .deals-dialog {
  width: 100%;
  height: auto;
  position: relative;
  margin: 10px;
  color: #FFFFFF;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content {
  border-radius: 0;
  background-color: #DD4814;
  width: 100% !important;
  position: relative;
  outline: 0;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-header {
  padding: 5px;
  min-height: 10px;
  text-align: center;
  text-transform: uppercase;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-header .deals-title {
  font-weight: bolder;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deal-container {
  display: inline-block;
  position: relative;
  width: 24%;
  padding: 1%;
  min-height: 1px;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deal-container:hover {
  width: 20%;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deal-container:hover .deal {
  z-index: 100;
  width: 120%;
  left: -10%;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body {
  position: relative;
  background-color: #000;
  height: 600px;
}
@media (min-width: 1601px) and (max-width: 2000px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body {
    height: 600px !important;
  }
}
@media (min-width: 1201px) and (max-width: 1600px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body {
    height: 500px !important;
  }
}
@media (min-width: 400px) and (max-width: 1200px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body {
    height: 450px !important;
  }
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal {
  width: 100%;
  border-radius: 3%;
  background-color: transparent;
  overflow: hidden;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 25%;
  transform: translateY(-50%);
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: black;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more {
  height: 0px;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: medium;
  color: #1D1D1D;
  text-transform: uppercase;
  font-weight: bold;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more h2 {
  color: #01A0E1;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more p {
  font-size: small;
}
@media (min-width: 1491px) and (max-width: 1804px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more p {
    font-size: 12px !important;
  }
}
@media (min-width: 1133px) and (max-width: 1490px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more p {
    font-size: 10px !important;
  }
}
@media (min-width: 813px) and (max-width: 1132px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more p {
    font-size: 8px !important;
  }
}
@media (min-width: 600px) and (max-width: 812px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more p {
    font-size: 6px !important;
  }
}
@media (min-width: 400px) and (max-width: 599px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more p {
    font-size: 5px;
  }
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons {
  font-weight: bold;
  text-align: center;
  border-radius: 2%;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .check-my-coverage-btn {
  position: relative;
  color: #FEFFFB;
  background-color: #01A0E1;
  border-color: #01A0E1;
  width: 60%;
  height: 100%;
  margin-bottom: 1%;
  text-transform: uppercase;
  min-height: 30px;
  font-size: 12px;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .check-my-coverage-btn:hover {
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: pointer;
}
@media (min-width: 1491px) and (max-width: 1804px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .check-my-coverage-btn {
    font-size: 10px !important;
    min-height: 18px;
  }
}
@media (min-width: 1133px) and (max-width: 1490px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .check-my-coverage-btn {
    font-size: 10px !important;
    min-height: 12px;
  }
}
@media (min-width: 813px) and (max-width: 1132px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .check-my-coverage-btn {
    font-size: 8px !important;
    min-height: 10px;
  }
}
@media (min-width: 600px) and (max-width: 812px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .check-my-coverage-btn {
    font-size: 6px !important;
    min-height: 8px;
  }
}
@media (min-width: 400px) and (max-width: 599px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .check-my-coverage-btn {
    font-size: 5px;
    min-height: 25px;
  }
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .call-me-back-btn {
  position: relative;
  background-color: #FEFFFB;
  border: 3px solid #01A0E1;
  color: #01A0E1;
  width: 60%;
  height: 100%;
  text-transform: uppercase;
  min-height: 30px;
  font-size: 12px;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .call-me-back-btn:hover {
  background-color: #01A0E1;
  color: #FEFFFB;
  cursor: pointer;
}
@media (min-width: 1491px) and (max-width: 1804px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .call-me-back-btn {
    font-size: 12px !important;
    min-height: 18px;
  }
}
@media (min-width: 1133px) and (max-width: 1490px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .call-me-back-btn {
    font-size: 9px !important;
    min-height: 12px;
  }
}
@media (min-width: 813px) and (max-width: 1132px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .call-me-back-btn {
    font-size: 8px !important;
    min-height: 10px;
  }
}
@media (min-width: 600px) and (max-width: 812px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .call-me-back-btn {
    font-size: 6px !important;
    min-height: 8px;
  }
}
@media (min-width: 400px) and (max-width: 599px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .show-more .c-fibre-pricing-buttons .call-me-back-btn {
    font-size: 5px;
    min-height: 25px;
  }
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal.grey:after {
  visibility: visible;
  opacity: 0.4;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal:hover {
  background-color: #FFF;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal:hover .show-more {
  height: 180px !important;
  margin-bottom: 15%;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top {
  background-color: #F6861A;
  text-align: center;
  position: relative;
  border-top-left-radius: 3%;
  border-top-right-radius: 3%;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .img-rounded {
  -moz-border-radius: 100%;
  /* Firefox */
  -webkit-border-radius: 100%;
  /* Safari, Chrome */
  border-radius: 100%;
  /* CSS3 */
}
.cfibre-landing. c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top:after,
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top:before {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #F6861A;
  border-width: 15px;
  margin-left: -15px;
}
 .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .one-hundred-mbps {
  background: url(/cellc/img/services/c-fibre/icons/svg/100MBPS-load.png) no-repeat bottom center;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .ten-mbps {
  background: url(/cellc/img/services/c-fibre/icons/svg/10MBPS-load.png) no-repeat bottom center;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .fifty-mbps {
  background: url(/cellc/img/services/c-fibre/icons/svg/50MBPS-load.png) no-repeat bottom center;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .twenty-mbps {
  background: url(/cellc/img/services/c-fibre/icons/svg/20MBPS-load.png) no-repeat bottom center;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .gauge-icon-section {
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 25%;
  height: 60px;
  display: inline-block;
  margin-top: 5%;
}
@media (min-width: 1491px) and (max-width: 1804px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .gauge-icon-section {
    height: 50px !important;
  }
}
@media (min-width: 1133px) and (max-width: 1490px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .gauge-icon-section {
    height: 40px !important;
  }
}
@media (min-width: 813px) and (max-width: 1132px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .gauge-icon-section {
    height: 30px !important;
  }
}
@media (min-width: 600px) and (max-width: 812px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .gauge-icon-section {
    height: 20px !important;
  }
}
@media (min-width: 400px) and (max-width: 599px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .gauge-icon-section {
    height: 20px;
    line-height: 15px;
    font-size: 6px;
  }
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .gauge-icon-section:after {
  content: '';
  display: block;
  position: relative;
  width: 300%;
  bottom: -130%;
  right: 100%;
  border: 1px solid #e5e5e5;
  /*

                                    @media (min-width: 636px) and (max-width: 814px) {
                                        font-size: 8px;
                                    }

                                    @media (min-width: 600px) and (max-width: 635px) {
                                        font-size: 7px;
                                    }*/
}
@media (min-width: 600px) and (max-width: 1000px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-section .gauge-icon-section:after {
    bottom: -110%;
  }
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text {
  padding: 7%;
  display: inline-block;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text p {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text .c-fibre-gauge-mbps {
  text-align: left;
  font-size: 28px;
}
@media (min-width: 1491px) and (max-width: 1804px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text .c-fibre-gauge-mbps {
    font-size: x-large !important;
  }
}
@media (min-width: 1133px) and (max-width: 1490px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text .c-fibre-gauge-mbps {
    font-size: large !important;
  }
}
@media (min-width: 813px) and (max-width: 1132px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text .c-fibre-gauge-mbps {
    font-size: medium !important;
  }
}
@media (min-width: 600px) and (max-width: 812px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text .c-fibre-gauge-mbps {
    font-size: small !important;
  }
}
@media (min-width: 400px) and (max-width: 599px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text .c-fibre-gauge-mbps {
    font-size: x-small;
  }
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text .c-fibre-gauge-other-text {
  text-transform: uppercase;
  text-align: left;
  /*@media (min-width: 815px) and (max-width: 976px) {
                                    font-size: 10px;
                                }*/
}
@media (min-width: 815px) and (max-width: 976px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text .c-fibre-gauge-other-text {
    font-size: 10px;
  }
}
@media (min-width: 636px) and (max-width: 814px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text .c-fibre-gauge-other-text {
    font-size: 8px;
  }
}
@media (min-width: 600px) and (max-width: 635px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text .c-fibre-gauge-other-text {
    font-size: 7px;
  }
}
@media (min-width: 400px) and (max-width: 599px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .top .gauge-text .c-fibre-gauge-other-text {
    font-size: xx-small;
  }
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .bottom {
  color: #F6861A;
  text-align: center;
  background-color: #FFF;
  padding-top: 4%;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .bottom .c-fibre-pricing {
  color: #F6861A;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
}
@media (min-width: 400px) and (max-width: 599px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .bottom .c-fibre-pricing {
    padding-top: 10%;
  }
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .bottom .c-fibre-pricing small {
    font-size: 50%;
  }
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .bottom .c-fibre-pricing .price {
  font-size: 30px;
}
@media (min-width: 600px) and (max-width: 894px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .bottom .c-fibre-pricing .price {
    font-size: 20px;
  }
}
@media (min-width: 400px) and (max-width: 599px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal .bottom .c-fibre-pricing .price {
    font-size: xx-small;
  }
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-body .deal br {
  border: 2px solid transparent;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-row {
  text-align: center;
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer {
  padding: 20px;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer h2 {
  font-weight: 500;
  font-family: 'intervogue-reg';
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container {
  padding: 10%;
  text-align: left;
  margin-bottom: 20px !important;
  font-size: 14px;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .read-more-btn {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .read-more-btn:hover,
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .read-more-btn:focus {
  color: #e6e6e6;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .top {
  padding: 0 15%;
  margin-bottom: 20px;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .top .img-rounded {
  border: 1px solid #999;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  padding: 20%;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .top .img-rounded .center-image-ie-fix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .top .img-rounded .center-image-ie-fix .benefits-icon {
  width: 100%;
  height: 100%;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .bottom h4 {
  font-size: 15px !important;
  text-transform: uppercase;
  font-weight: bold;
}
.cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .bottom .benefits-heading {
  text-transform: uppercase;
  font-size: 20px !important;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .cfibre-landing .c-fibre-deals-section .deals-dialog .deals-content .deals-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.cfibre-landing #form-details {
  z-index: 996;
  text-transform: uppercase;
}
#form-details .input-group #physical-address {
  border-right: transparent;
}
#form-details .input-group-addon {
  background-color: transparent;
  border-right: 2px solid rgba(0, 0, 0, 0.5);
  border-top: 2px solid rgba(0, 0, 0, 0.5);
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}
#form-details .input-group-addon .glyphicon {
  font-size: 225%;
}
#form-details .input-group-addon::last-child {
  border-left: 0;
}
#form-details .btn {
  height: 50px !important;
  width: 60%;
  float: right;
}
@media (min-width: 400px) and (max-width: 1615px) {
  #form-details .btn {
    width: 100%;
  }
}
#form-details legend {
  text-align: center;
  border-bottom: none !important;
  line-height: 80%;
  font-size: 40px;
  padding-left: 30%;
  padding-right: 30%;
}
@media (min-width: 1788px) and (max-width: 1878px) {
  #form-details legend {
    padding-left: 29%;
    padding-right: 29%;
  }
}
@media (min-width: 1708px) and (max-width: 1772px) {
  #form-details legend {
    padding-left: 28%;
    padding-right: 28%;
  }
}
@media (min-width: 1635px) and (max-width: 1707px) {
  #form-details legend {
    padding-left: 27%;
    padding-right: 27%;
  }
}
@media (min-width: 1567px) and (max-width: 1617px) {
  #form-details legend {
    padding-left: 26%;
    padding-right: 26%;
  }
}
@media (min-width: 1506px) and (max-width: 1566px) {
  #form-details legend {
    padding-left: 25%;
    padding-right: 25%;
  }
}
@media (min-width: 1448px) and (max-width: 1505px) {
  #form-details legend {
    padding-left: 24%;
    padding-right: 24%;
  }
}
@media (min-width: 1396px) and (max-width: 1447px) {
  #form-details legend {
    padding-left: 23%;
    padding-right: 23%;
  }
}
@media (min-width: 1346px) and (max-width: 1395px) {
  #form-details legend {
    padding-left: 22%;
    padding-right: 22%;
  }
}
@media (min-width: 1301px) and (max-width: 1345px) {
  #form-details legend {
    padding-left: 21%;
    padding-right: 21%;
  }
}
@media (min-width: 1258px) and (max-width: 1300px) {
  #form-details legend {
    padding-left: 20%;
    padding-right: 20%;
  }
}
@media (min-width: 1218px) and (max-width: 1257px) {
  #form-details legend {
    padding-left: 19%;
    padding-right: 19%;
  }
}
@media (min-width: 1181px) and (max-width: 1217px) {
  #form-details legend {
    padding-left: 18%;
    padding-right: 18%;
  }
}
@media (min-width: 1145px) and (max-width: 1180px) {
  #form-details legend {
    padding-left: 17%;
    padding-right: 17%;
  }
}
@media (min-width: 1112px) and (max-width: 1144px) {
  #form-details legend {
    padding-left: 16%;
    padding-right: 16%;
  }
}
@media (min-width: 1081px) and (max-width: 1111px) {
  #form-details legend {
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media (min-width: 1052px) and (max-width: 1080px) {
  #form-details legend {
    padding-left: 14%;
    padding-right: 14%;
  }
}
@media (min-width: 1024px) and (max-width: 1051px) {
  #form-details legend {
    padding-left: 13%;
    padding-right: 13%;
  }
}
@media (min-width: 997px) and (max-width: 1023px) {
  #form-details legend {
    padding-left: 12%;
    padding-right: 12%;
  }
}
@media (min-width: 972px) and (max-width: 996px) {
  #form-details legend {
    padding-left: 11%;
    padding-right: 11%;
  }
}
@media (min-width: 949px) and (max-width: 971px) {
  #form-details legend {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (min-width: 926px) and (max-width: 948px) {
  #form-details legend {
    padding-left: 9%;
    padding-right: 9%;
  }
}
@media (min-width: 904px) and (max-width: 925px) {
  #form-details legend {
    padding-left: 8%;
    padding-right: 8%;
  }
}
@media (min-width: 884px) and (max-width: 903px) {
  #form-details legend {
    padding-left: 7%;
    padding-right: 7%;
  }
}
@media (min-width: 864px) and (max-width: 883px) {
  #form-details legend {
    padding-left: 6%;
    padding-right: 6%;
  }
}
@media (min-width: 865px) and (max-width: 883px) {
  #form-details legend {
    padding-left: 6%;
    padding-right: 6%;
  }
}
@media (min-width: 845px) and (max-width: 864px) {
  #form-details legend {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (min-width: 827px) and (max-width: 844px) {
  #form-details legend {
    padding-left: 4%;
    padding-right: 4%;
  }
}
@media (min-width: 810px) and (max-width: 826px) {
  #form-details legend {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media (min-width: 794px) and (max-width: 809px) {
  #form-details legend {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media (min-width: 778px) and (max-width: 793px) {
  #form-details legend {
    padding-left: 1%;
    padding-right: 1%;
  }
}
@media (min-width: 775px) and (max-width: 777px) {
  #form-details legend {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media (min-width: 772px) and (max-width: 774px) {
  #form-details legend {
    padding-left: 3px;
    padding-right: 3px;
  }
}
@media (min-width: 769px) and (max-width: 771px) {
  #form-details legend {
    padding-left: 2px;
    padding-right: 2px;
  }
}
@media (min-width: 766px) and (max-width: 768px) {
  #form-details legend {
    padding-left: 1px;
    padding-right: 1px;
  }
}
@media (min-width: 763px) and (max-width: 765px) {
  #form-details legend {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 707px) and (max-width: 762px) {
  #form-details legend {
    font-size: 37px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 689px) and (max-width: 706px) {
  #form-details legend {
    font-size: 36px;
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media (min-width: 670px) and (max-width: 688px) {
  #form-details legend {
    font-size: 35px;
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media (min-width: 651px) and (max-width: 669px) {
  #form-details legend {
    font-size: 34px;
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media (min-width: 633px) and (max-width: 650px) {
  #form-details legend {
    font-size: 33px;
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media (min-width: 614px) and (max-width: 632px) {
  #form-details legend {
    font-size: 31px;
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media (min-width: 600px) and (max-width: 613px) {
  #form-details legend {
    font-size: 30px;
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media (min-width: 400px) and (max-width: 599px) {
  #form-details legend {
    font-size: 25px;
    padding-left: 0%;
    padding-right: 0%;
  }
}
#form-details .form-control {
  border: 2px solid rgba(0, 0, 0, 0.5);
  height: 50px;
}
#form-details .form-control input[type=text],
#form-details .form-control textarea {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
#form-details .form-control input[type=text]:focus,
#form-details .form-control textarea:focus {
  box-shadow: 0 0 5px #51cbee;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #51cbee;
}
#form-details .modal-dialog {
  width: 100%;
  margin: auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#form-details .modal-dialog .modal-content {
  border-radius: 0;
  min-height: 670px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  position: relative;
  background-color: #fff;
  color: #000 !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-clip: padding-box;
  outline: 0;
  width: 75% !important;
  margin-top: 6%;
  margin-bottom: 6%;
}
#form-details .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  padding: 25px;
  background-color: #F4F4F4;
}
#form-details .modal-dialog .modal-content .modal-header .close {
  margin-top: -20px;
}
#form-details .modal-dialog .modal-content .footer-background {
  padding: 25px !important;
  background-color: #F4F4F4;
  position: absolute;
  bottom: 0;
  right: 0%;
  width: 100%;
  border-top: 0;
}
#form-details .details-form {
  position: relative;
  padding: 5%;
}
#thank-you {
  z-index: 997;
  text-align: center;
  text-transform: uppercase;
}
#thank-you .center-thank-you {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
}
#thank-you .center-thank-you h1 {
  font-size: 50px !important;
}
#thank-you .center-thank-you p {
  color: #A7A7A7;
  font-size:25px;
}
#thank-you .modal-dialog {
  width: 100%;
  margin: auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#thank-you .modal-dialog .modal-content {
  position: relative;
  background-color: #fff;
  margin-top: 10%;
  margin-bottom: 6%;
  width: 95% !important;
  min-height: 500px;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  color: #000 !important;
}
#thank-you .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  padding: 25px;
  background-color: #F4F4F4;
}
#thank-you .modal-dialog .modal-content .modal-header .close {
  margin-top: -20px;
}
#thank-you .modal-dialog .modal-content .footer-background {
  padding: 25px !important;
  background-color: #F4F4F4;
  position: absolute;
  bottom: 0;
  right: 0%;
  width: 100%;
  border-top: 0;
}
.cfibre-landing .close-modal-button {
  font-size: 200%;
}
.cfibre-landing .progress {
  background-color: #585858;
  border-radius: 15px;
}
.cfibre-landing .progress-bar {
  border-radius: 15px;
}
.cfibre-landing .c-fibre-timer {
  color: #FF790D;
  text-transform: uppercase;
}
.cfibre-landing .adsl-timer {
  color: #00A1E2;
  text-transform: uppercase;
}
.cfibre-landing .c-fibre-timer-progressbar {
  background: #ff790d;
  background: -moz-linear-gradient(left, #ff790d 0%, #ffaf4b 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #ff790d), color-stop(100%, #ffaf4b));
  background: -webkit-linear-gradient(left, #ff790d 0%, #ffaf4b 100%);
  background: -o-linear-gradient(left, #ff790d 0%, #ffaf4b 100%);
  background: -ms-linear-gradient(left, #ff790d 0%, #ffaf4b 100%);
  background: linear-gradient(to right, #ff790d 0%, #ffaf4b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff790d', endColorstr='#ffaf4b', GradientType=1);
}
.cfibre-landing .adsl-timer-progressbar {
  background: #0070a8;
  background: -moz-linear-gradient(left, #0070a8 0%, #4894ea 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #0070a8), color-stop(100%, #4894ea));
  background: -webkit-linear-gradient(left, #0070a8 0%, #4894ea 100%);
  background: -o-linear-gradient(left, #0070a8 0%, #4894ea 100%);
  background: -ms-linear-gradient(left, #0070a8 0%, #4894ea 100%);
  background: linear-gradient(to right, #0070a8 0%, #4894ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0070a8', endColorstr='#4894ea', GradientType=1);
}
.cfibre-landing div.cs-skin-border {
  max-width: 100% !important;
}
.cfibre-landing .cs-active {
  margin-bottom: 50%;
}
.cfibre-landing #experience-it .img-responsive {
  width: 100%;
  margin-top: 5%;
  margin-bottom: 5%;
}
.cfibre-landing #experience-it .progress-bar-section {
  margin-top: 5%;
}
.cfibre-landing .accordion-group {
  padding-right: 28px !important;
  padding-top: 28px !important;
  padding-left: 28px !important;
  padding-bottom: 1px !important;
  margin-top: 1%;
  background-color: #fff;
}
.cfibre-landing .cs-skin-border .cs-selected span:after {
  display: none;
}
.cfibre-landing .cs-skin-border .cs-placeholder:after {
  height: 40% !important;
  content: "\e114";
  font-family: "Glyphicons Halflings";
  background-image: none !important;
}
.cfibre-landing ul {
  margin: 0;
}
.cfibre-landing ul.dashed {
  list-style-type: none;
}
.cfibre-landing ul.dashed > li {
  text-indent: -5px;
}
.cfibre-landing ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
}
.cfibre-landing .table-header {
  background-color: #01A0E1;
  color: #fff;
}
.cfibre-landing table,
.cfibre-landing th,
.cfibre-landing td {
  border: 1px solid black;
  font-size: small;
  text-transform: uppercase;
  padding: 2%;
  text-align: center;
  font-weight: 500;
  width: 100%;
}
@media (min-width: 1194px) and (max-width: 1495px) {
  .cfibre-landing table,
  .cfibre-landing th,
  .cfibre-landing td {
    font-size: x-small;
  }
}
@media (min-width: 1088px) and (max-width: 1193px) {
  .cfibre-landing table,
  .cfibre-landing th,
  .cfibre-landing td {
    font-size: xx-small;
  }
}
@media (min-width: 991px) and (max-width: 1087px) {
  .cfibre-landing table,
  .cfibre-landing th,
  .cfibre-landing td {
    font-size: 8px;
  }
}
@media (min-width: 894px) and (max-width: 990px) {
  .cfibre-landing table,
  .cfibre-landing th,
  .cfibre-landing td {
    font-size: 7px;
  }
}
@media (min-width: 788px) and (max-width: 893px) {
  .cfibre-landing table,
  .cfibre-landing th,
  .cfibre-landing td {
    font-size: 6px;
  }
}
@media (min-width: 690px) and (max-width: 787px) {
  .cfibre-landing table,
  .cfibre-landing th,
  .cfibre-landing td {
    font-size: 5px;
  }
}
@media (min-width: 600px) and (max-width: 689px) {
  .cfibre-landing table,
  .cfibre-landing th,
  .cfibre-landing td {
    font-size: 4px;
  }
}
.cfibre-landing .tbl-c-store {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}
.cfibre-landing .tbl-c-store td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Column widths are based on these cells */
.cfibre-landing .row-ID {
  width: 10%;
}
.cfibre-landing .row-name {
  width: 40%;
}
.cfibre-landing .row-job {
  width: 30%;
}
.cfibre-landing .row-email {
  width: 20%;
}
.cfibre-landing .inclusive {
  white-space: normal;
}
.cfibre-landing .seperate-faqs {
  border: 5px dashed #cecece;
}
#faqs,
#terms-and-conditions {
  margin-bottom: 5px;
}
#faqs .list-padding,
#terms-and-conditions .list-padding {
  padding-left: 15px;
}
#faqs .panel-body .strong,
#terms-and-conditions .panel-body .strong {
  font-weight: 700;
}
.cfibre-landing .accordion-group {
  padding-right: 28px !important;
  padding-top: 28px !important;
  padding-left: 28px !important;
  padding-bottom: 1px !important;
  margin-top: 1%;
  background-color: #fff;
}
.cfibre-landing .accordion-group .panel-default {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.cfibre-landing h1 {
    font-size: 30px ;
    font-family: 'intervogue-reg';
}
.tab-pane-inner .page-panel-content p.benefits-content{color:#FFF; font-family: 'intervogue-reg';}
.cfibre-landing #c-fibre {
  background-color: #fff;
}
.cfibre-landing .tab-pane-inner .page-panel-content p{font-family: 'intervogue-light';}
.cfibre-landing .tab-pane-inner .page-panel-content #experience-it p{margin:0 0 10px}
.cfibre-landing .cs-skin-border > span.cs-placeholder{padding:1em}
.cfibre-landing #form-details p.help-block{
  text-transform: none;
}
/** new design end **/
.cfibrePlanImg.descriptionDiv{
	background-image: url(/cellc/img/services/c-fibre/blakc_bg1.jpg);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 0 46px;
    background-repeat: no-repeat;
    background-color: #000;
}
.speedOnImg{
    color: #FFF;
    font-size: 9px;
    position: absolute;
    top: 68px;
    line-height: 10px;
    padding-left: 30px;
    font-family: 'intervogue-reg';
    text-transform: uppercase;
 }
.speedOnImg #speedOnImgTxt{
 	font-size: 14px;
    line-height: 20px;
    text-transform: none;
}
.planImg > img#speedLogo{
   margin: 0 auto;
   display: block;
}
.priceOnImg{
	color: #E8007E;
    position: absolute;
    width: 200px;
    height: 40px;
    bottom: 0;
    line-height: 10px;
    padding-left: 5px;
    font-family: 'intervogue-reg';
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background-color: #fff;
    padding-top: 10px;
}
.priceOnImg #speedPrice{
	font-size: 25px;
}
.cfibre-landing #terms-and-conditions b, .cfibre-landing #terms-and-conditions strong{
	font-family: 'intervogue-reg';
}
/** converge product page start **/
.blue-heading-bar {
	background-color: #01A0E1;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	color: #ffffff;
	padding: 15px;
	margin: 0;
}
.fibre-networks {
	/*margin: 0 -15px;*/
	margin-top: 40px;
	background-color: #fff;
}
.fibre-networks-inner {
	padding: 55px 60px 5px 60px;
}
.fibre-networks-slides .slide {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.fibre-network {
	background-color: #ffffff;
	width: calc(25% - 10px);
	border-radius: 15px;
	margin: 0 5px;
	-webkit-align-self: flex-start;
	-moz-align-self: flex-start;
	-ms-align-self: flex-start;
	-o-align-self: flex-start;
	align-self: flex-start;
	position: relative;
	/* cursor: pointer; */
	border: 3px solid #F05A1E;
	padding-bottom: 10px;
	font-family: 'intervogue-reg';
	display:inline-block;
}
.fibre-network {
	width: calc(25% - 20px);
}
.fibre-network, .fibre-network .logo, .fibre-networks-slides .slide:before {	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.fibre-network .logo {
	justify-content: center;
	text-align: center;
	padding: 30px 20px 10px;
    min-height: 80px;
	display: flex;
}
.fibre-network .logo img {
	max-width: 100%;
	outline: none;
	height: auto;
	width: auto;
}
.fibre-network .details {
	background-color: #F05A1E;
	text-transform: uppercase;
	margin-bottom: 25px;
	padding: 55px 35px;
	position: relative;
	text-align: center;
	line-height: 23px;
	font-size: 12px;
	color: #ffffff;
	font-family: 'intervogue-light';
}
.fibre-network .details:after {
	border-right: solid 17px transparent;
	border-left: solid 17px transparent;
	border-top: solid 17px #F05A1E;
	margin-left: -17px;
	position: absolute;
	display: block;
	content: "";
	z-index: 0;
	left: 50%;
	top: 100%;
	height: 0;
	width: 0;
}
.fibre-network .details strong {
	text-transform: none;
	font-size: 22px;
    line-height: 27px;
    font-family: 'intervogue-bold';
}
.fibre-network .more-info {
	padding: 0 30px 15px 30px;
	text-align: center;
	/*display: none;*/
}
.fibre-network .more-info p {
	text-transform: none;
	font-weight: bold;
	margin: 0 0 8px;
	font-size: 16px;
}
.fibre-network .more-info p big {
	font-size: 22px;
}
.fibre-network .price {
	text-transform: uppercase;
	line-height: 1.1em;
	text-align: center;
	/* font-weight: bold; */
	margin: 0 0 15px;
	font-size: 30px;
	color: #F05A1E;
	font-family: 'intervogue-bold';
}
.fibre-network .price small {
	font-size: 20px;
	font-family: 'intervogue-reg';
    margin-left: 5px
}
.fibre-network .btn {
	letter-spacing: -1px;
	border-radius: 3px;
	text-align: center;
	font-size: 25px;
	display: block;
	padding: 10px;
	/*margin: 0 20px;*/
}
.fibre-network .btn-default {
	border: 3px solid #000;
	padding: 12px 15px;
	color: #01a0e1;
}
.fibre-network .buttons {
	position: relative;
	margin-top: 30px;
	/* z-index: 999; */
}
.fibre-network .buttons p:last-child {
	margin-bottom: 0;
}
.fibre-networks * {
	box-sizing: border-box;
}
.slides-5 .visible.fibre-network {
	width: calc(20% + 10px);
}
.visible.fibre-network .price {
	margin-bottom: 0;
}
.visible.fibre-network .logo {
	padding: 21px 10px;
}
.fibre-networks-slides {
	position: relative;
}
.visible.fibre-network .details {
	padding: 30px 35px;
}
.fibre-networks-slides .slide:before {
	/*background-color: rgba(29, 29, 29, 0.5);*/
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	content: "";
	z-index: 1;
	left: 0;
	top: 0;
	/* hide */
	/*visibility: hidden;*/
	/*opacity: 0;*/
}
.fibre-networks-slides.faded .slide:before {
	visibility: visible;
	opacity: 1;
}

/* fibre networks slide thumbnails */

.fibre-networks-slide-thumbnails {
	margin-bottom: 0;
}
.fibre-networks-slide-thumbnails .slick-list {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
.fibre-networks-slide-thumbnails .slick-slide {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
	min-height: 125px;
}
.fibre-networks-slide-thumbnails .slick-current {
	border-bottom: 10px solid #F05A1E;
}
.fibre-networks-slide-thumbnails .slick-slide{
	border-right: 1px solid #dadada;
}
.fibre-networks-slide-thumbnails .slick-slide:last-child{
	border:right: none;
}
.fibre-networks-slide-thumbnails .slick-prev:before, 
.fibre-networks-slide-thumbnails .slick-next:before {
	color: transparent;
	display: block;
	height: 18px;
	width: 18px;
	content: "";
}
.fibre-networks-slide-thumbnails .slick-prev {
	left: 45px;
}
.fibre-networks-slide-thumbnails .slick-next {
	right: 45px;
}
.fibre-networks-slide-thumbnails .slick-prev:before {
	border-bottom: 3px solid #222222;
	border-left: 3px solid #222222;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.fibre-networks-slide-thumbnails .slick-next:before {
	border-bottom: 3px solid #222222;
	border-right: 3px solid #222222;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.fibre-networks-slide-thumbnails img {
	max-width: 95%;
	height: auto;
}

/* C-Fibre Benefits */

.c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .top .img-rounded {
	padding: 20%;
}
.c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .top .img-rounded.wifi-image {
	padding: 13%;
}
.c-fibre-deals-section .deals-dialog .deals-content .deals-footer .benefits-container .top {
	margin-bottom: 30px;
}

/* Other */

.slick-slide {
	outline: none !important;
}

#form-details .btn {
	padding-right: 25px;
	padding-left: 25px;
	width: auto;
	float: none;
}

#form-details legend {
	text-transform: uppercase;
	text-align: left;
	padding: 0;
}

#form-details {
	text-transform: none;
}
h1.heading-lrg-allcaps-bold.sml {
	font-size: 26px !important;
	margin-bottom: 10px;
}

#form-details p {
	border-bottom: 1px solid #ccc;
	text-transform: none;
	margin: 0 0 30px;
	font-size: 21px;
}
.flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.fibre-network {
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left:0;
}
.fibre-network .text-blue {
    color: #91288C;
    font-size: 22px;
    font-family: 'intervogue-bold';
}
/* Responsive - Laptop with HiDPI screen  */

@media (max-width: 1440px) {
	.fibre-networks-slide-thumbnails {
		/*padding: 30px 80px 0 80px;*/
	}
	.fibre-networks-slide-thumbnails .slick-prev {
		left: 35px;
	}
	.fibre-networks-slide-thumbnails .slick-next {
		right: 35px;
	}
	.fibre-networks-inner {
		padding: 55px 30px 5px 55px;
	}
	.fibre-network .logo {
		padding: 30px 20px 10px;
		min-height: 80px;
	}
	.fibre-network .details {
		padding: 25px 15px;
		line-height: 20px;
		font-size: 12px;
	}
	.visible.fibre-network .details {
		padding: 15px 15px;
	}
	.fibre-network .details strong {
		font-size: 22px;
	}
	.fibre-network .price {
		line-height: 30px;
		font-size: 30px;
	}
	.fibre-network .logo img {
		-webkit-align-self: center;
		-moz-align-self: center;
		-ms-align-self: center;
		-o-align-self: center;
		align-self: center;
	}
	.fibre-network .more-info p {
		font-size: 14px;
		margin: 0;
	}
	.fibre-network .btn {
		padding: 8px 15px;
		font-size: 16px;
	}
	.fibre-network .details strong {
	    line-height: 22px;
	    font-size: 22px;
	}
	.fibre-network .more-info p big {
		font-size: 22px;
	}
	.fibre-network .buttons a {
		margin: 4px 0;
	}
	.fibre-network .more-info {
		padding: 0 15px 15px 15px;
	}
	.fibre-network .buttons {
		margin-top: 15px;
	}
	.fibre-network .logo img {
		max-height: 60px;
	}
}

/* Responsive - Laptop with MDPI screen  */

@media (max-width: 1280px) {
	.fibre-network .more-info p {
		font-size: 14px;
		margin: 0;
	}
	.fibre-network .buttons a {
		margin: 5px 0;
	}
	.fibre-network .details {
		line-height: 14px;
   	 	font-size: 12px;
	}
	.fibre-network .price {
		font-size: 30px;
	}
	.fibre-network .price small {
		font-size: 20px;
	}
}

/* Responsive - iPad */

@media (max-width: 768px) {
	.fibre-networks-slide-thumbnails {
		padding: 30px 50px 0 50px;
	}
	.fibre-networks-slide-thumbnails .slick-prev {
		left: 20px;
	}
	.fibre-networks-slide-thumbnails .slick-next {
		right: 20px;
	}
	.fibre-networks-inner {
	    padding: 0 30px;
	}
	.fibre-network .logo {
	    padding: 0 10px;
	    min-height: 100px;
	}
	.fibre-networks-slides .slide {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.fibre-network {
		width: calc(50% - 10px);
		margin-bottom: 10px;
	}
	.visible.fibre-network {
		width: calc(50% - 10px);
		margin-right: 0;
		margin-left: 0;
	}
}

@media (max-width: 1530px) {
	.c-fibre-banner {
		background-size: 50% auto;
	}
}
/** converge product page end **/
/** converge landing page start **/
.services-container .page-panel-content .welcome-content .heading-lrg-allcaps-bold {
    font-family: 'intervogue-reg';
    font-size: 38px !important;
    /* padding-bottom: 20px; */
    line-height: normal;
    text-transform: uppercase;
}
.services-container .page-panel-content  .coverage-button .welcome-button {
    max-width: 290px;
    padding: 20px 55px;
    display: block;
    text-decoration: none;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    margin-top: 45px;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #000;
}
.services-container .page-panel-content  .coverage-button .welcome-button:hover, .coverage-button .welcome-button:focus {
    cursor: pointer;
    background-color: #DD4814;
    color: #FFF;
   /*  border: 3px solid #01A0E1;
    padding: 17px 52px; */
}
.fibre-welcome-content {
    margin-bottom: 40px;
}
.c-fibre-deals-section .deals-dialog .how-to-get-content .section-heading {
    margin-left: 35px;
    color: #000 !important;
}
@media (min-width: 1280px){
.c-fibre-deals-section .deals-dialog .how-to-get-content .section-heading {
    padding-left: 20px;
}
}
.c-fibre-deals-section .deals-dialog .how-to-get-content .how-to-get-container {
    padding: 5px 10%;
    text-align: left;
    margin-bottom: 20px !important;
    font-size: 14px;
}
.c-fibre-deals-section .deals-dialog .how-much-content .section-heading {
    padding-left: 57px;
    color: #000 !important;
}
.c-fibre-deals-section .deals-dialog .how-much-content .how-much-container {
    padding: 5px 68px;
    text-align: left;
    margin-bottom: 20px !important;
    font-size: 14px;
}
.c-fibre-deals-section .deals-dialog .how-much-content .how-much-container p {
    color: #191919;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
}
.c-fibre-contact-section .contact-dialog .contact-content .contact-image-container {
    background-color: #DD4814;
    background-image: url(/cellc/img/services/c-fibre/icons/contact.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 5px 50px 15px 50px;
    height: 388px;
}
.c-fibre-contact-section .contact-dialog .contact-content {
    padding: 40px 0 15px 0;
}
.c-fibre-contact-section .contact-dialog .contact-content .contact-image-container .section-heading {
    color: #fff;
    text-transform: uppercase;
    font-family: 'intervogue-reg';
    font-size: 30px !important;
}
.c-fibre-contact-section .contact-dialog .contact-content .contact-container .section-heading {
    color: #000;
    text-transform: uppercase;
    font-family: 'intervogue-reg';
    font-size: 30px !important;
}
.c-fibre-contact-section .contact-dialog .contact-content .contact-container .section-heading:first-child {
    margin-bottom: -20px;
}
.c-fibre-contact-section .contact-dialog .contact-content .contact-container .section-heading-email {
    font-family: 'intervogue-reg';
    font-size: 30px !important;
    color: #DD4814;
}
.c-fibre-contact-section .contact-dialog .contact-content .contact-container p {
    font-family: 'intervogue-reg';
    font-size: 15px;
    color: #000;
}
.c-fibre-contact-section .contact-dialog .contact-content .contact-container p a {
    color: #DD4814;
    text-decoration: none;
}
.c-fibre-contact-section .contact-dialog .contact-content .contact-container p a:hover {
    color: #000;
}
.c-fibre-contact-section .contact-dialog .contact-content .contact-container {
    background-color: #fff;
    border: 1px solid #d9d8d8;
    border-left: none;
    margin: 0;
    padding: 5px 50px 15px 50px;
}
@media (min-width: 768px){
.c-fibre-contact-section .contact-dialog .contact-content .contact-container {
    margin: 0;
}
}
@media (min-width: 992px){
.c-fibre-contact-section .contact-dialog .contact-content .contact-container {
    margin: 0 0 0 -31px;
}
}
.what-happens-next .top img {
    max-height: 156px;
}
.thumb {
    margin-right: 20px;
    float: left;
}
#faqs .panel-body p,  #terms-and-conditions p{
    margin: 0 0 10px;
}
#faqs .panel-body .table-header-sub, #terms-and-conditions .table-header-sub{
    background-color: #00719f;
    color: #fff;
    font-weight: bold;
}
#terms-and-conditions .terms-heading-sub {
    font-family: 'intervogue-reg';
    font-size: 14px;
    font-weight: bold;
    margin-left: -10px;
}
/** converge landing page end **/
/* .bg-1 {
  background: url('/cellc/img/services/c-fibre/how-much-does-it-cost/cost-c-fibre-deals.png');
}
.bg-2 {
  background: url('/cellc/img/services/c-fibre/how-much-does-it-cost/cost-c-fibre-connector-deals.png');
}
.bg-3 {
  background: url('/cellc/img/services/c-fibre/how-much-does-it-cost/cost-c-fibre-black-deals.png');
}
.bg-4 {
  background: url('/cellc/img/services/c-fibre/how-much-does-it-cost/cost-c-fibre-triple-play-deals.png');
} */
.black-content-block a.btn-large {
    padding: 15px 40px;
    text-decoration: none;
}
.black-content-block a.btn-primary:hover,.black-content-block a.btn-primary:focus,.black-content-block a.btn-primary:active {
    background-color: #017cae;
     text-decoration: none;
}
.cfibre-landing .tab-pane-inner .page-panel-content .black-content-block p{
	/* color: #fff; */
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 27px;
    color:#000;
}
.btn.btn-primary:hover{
	background-color: #017cae;
}
.white-text-block {
    font-family: 'intervogue-reg';
}
.how-much-content .orange-text-block{
	background-color: #91288C;
}
.how-much-content .black-content-block.bg-1, 
.how-much-content .black-content-block.bg-2,
.how-much-content .black-content-block.bg-3,
.how-much-content .black-content-block.bg-4
{background: none; background-color: transparent;}
.how-much-content .black-content-block a{
	background-color: #000;
}
.how-much-content .black-content-block a.btn-primary:hover, 
.how-much-content .black-content-block a.btn-primary:focus, 
.how-much-content .black-content-block a.btn-primary:active{
	background-color: #DD4814;
	text-decoration: none;
}
/** MediaPlay flow start **/
.fibreMediaPlayFlow{
	font-family: 'intervogue-reg';
}
.fibreMediaPlayFlow h1.pageTitle{
	font-size: 24px;
    line-height: normal;
    letter-spacing: normal;
    color: #92278F;
    font-weight: normal;
    font-family: Open Sans,sans-serif;
    margin: 20px 0;
    position: relative;
    padding-bottom: 5px;
}
.fibreMediaPlayFlow h1:after {
    content: '';
    background-color: #F05A1E;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8%;
}
.sectionWrapper{
	background-color: #FFF;
    border: 1px solid #ECECEC;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.30);
    padding: 0;
    margin-bottom: 20px;
}
.sectionHeader > .completedState, .sectionHeader > .changeTxt{
	display: none;
}
.sectionWrapper.completed  .completedState, .sectionWrapper.completed  .changeTxt{
	display: block;
}
.sectionHeader{
    position: relative;
    margin: 0 10px 0 10px;
    padding: 12px 0 12px 20px;
    display: flex;
    align-items: center;
    height: 116px;
}
.sectionHeader > div{display: inline-block;}
.completedState{
	position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 44px 44px 0px 0px;
    border-color: #91288C transparent transparent transparent;	
}
.completedState > span{
	background: url(/cellc/img/services/c-fibre/mediaPlay/check-mark.png);
    position: absolute;
    top: -41px;
    left: 4px;
    width: 19px;
    height: 19px;
    display: block;
}
.sectionName{
	width: 25%;
	font-weight: bold;
    color: #F05A1E;
    font-size: 16px;
}
.sectionName > img{margin-right: 10px}
.secledValue{
	width: 50%;
    text-align: center;
    color: #706E6F;
    font-size: 30px;
}
.secledValue > div{
	line-height: 26px;
}
.secledValue > div > span{
	font-size: 14px;
    font-weight: bold;
    display: block;
}
.changeTxt{
	float: right;
    width: 24%;
    text-align: right;
    color: #91288C;
    font-size: 14px;
    padding: 12px;
    cursor: pointer;
}
.changeTxt:hover{
	text-decoration: underline;
}
.sectionContent{
	padding: 20px 0;
	margin: 0 15px;
	border-top: 1px solid #ECECEC;
}
.summaryWrapper{
	background-color: #FFF;
    border: 1px dashed #BCBDC0;
    /* padding: 20px; */
    border-radius: 8px;
    min-height: 200px;
	margin-bottom: 20px;
	display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
}
.summarySteps{display: none; text-align: center; width: 100%}
.summaryStep0{display: block;}
.mapWrapper{
	background: url('/cellc/img/services/c-fibre/mediaPlay/map-bg.png');
	width: 100%;
	height: 294px;
	margin-bottom: 20px;
	display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
}
.mapWrapper > div{
	text-align: center;
	font-family: 'intervogue-reg';
}
.mapInput{text-align: left;}
.initialMapState > p{
	font-family: 'intervogue-reg';
	font-size: 24px;
	color: #000;
}
.initialMapState> .mapInput  input[type="text"]{
    padding: 8px 10px;
    width: 450px;
}
.mapLinks{
	text-align: left;
	margin-top: 5px;
}
.initialMapState> .mapInput a{
	color: #F05A1E;
	text-decoration: underline;
	font-size: 13px;
	margin-left: 10px;
}
.initialMapState> .mapInput a.tooltip{
	position: relative;
    display: inline;
    opacity: 1;
    border-bottom: none;
    z-index: 10;
}
.initialMapState> .mapInput a:first-child{
	margin-left: 0;
	margin-right: 10px;
}
.orangeBtn{
	background-color: #F05A1E;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    padding: 10px 15px;
    margin-left: 10px;
}
.checkCoverageMapState > p{
	font-family: 'intervogue-reg';
	font-size: 24px;
	color: #91288C;
}
.summaryHeader{
	background-color: #D8EEEE;
    text-align: left;
    padding: 15px;
    display: flex;
    align-items: center;
    /* margin-bottom: 20px; */
    border-radius: 8px 8px 0 0;
}
.summaryPrice{
	color: #91288C;
    font-size: 16px;
    width: 195px;
    text-align: center;
}
.summaryPrice > span{
	font-size: 36px;
    font-weight: bold;
}
.summaryDetails{
	display: flex;
    align-items: center;
    border-bottom: 1px dashed #BCBDC0;
    margin: 0 10px;
    padding: 10px 0;
}
.summaryImgWrapper {
    width: 30%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
.summaryImgWrapper > img{max-width: 100%}
.summaryContentTxt {
    width: 68%;
    display: inline-block;
    text-align: left;
}
.summaryContentTxt > p{
	margin: 0;
}
.summaryContentTxt span.detailsInfo {
    display: inline-block;
    width: 100%;
}
.summaryContentTxt p.freeServiceInfo{margin-bottom: 10px}
.summaryContentTxt p.freeServiceInfo.odd {
    font-weight: bold;
    margin-bottom: 0;
}
.speedPill{
    background-color: #FFF;
    border: 2px solid #F05A1E;
    border-radius: 5px;
    width: 175px;
    margin: 5px;
    display: inline-block;
    font-family: 'intervogue-reg';
    color: #F05A1E;
    text-align: center;
    padding: 20px 0;
    cursor: pointer;
    position: relative;
}
.speedPill:hover,
.speedPill.selected{
	background-color: #90288C;
	color: #FFF;
	border-color: #90288C;
}
.onlySpeed{
	font-size: 42px;
	line-height: 42px;
}
.sppedUnit {
    font-size: 20px;
}
.stepsIndex{
	color: #979797;
    font-size: 30px;
    border-radius: 50%;
    border: 1px solid #979797;
    padding: 0;
    width: 44px;
    display: inline-block;
}
.stepsTxt{
	color: #333333;
    font-size: 22px;
}
.dealStartTxt {
    font-size: 13px;
}
.summarySteps > img{margin-top: 10px;}
.catagoryWrapper{display: inline-block;}
.chooseOperatorWrapper{
	display: none;
}
.fibre-network-plans{
	background-color: #ffffff;
    width: 235px;
    border-radius: 8px;
    margin: 0 7px;
    border: 2px solid #F27A4A;
    font-family: 'intervogue-reg';
    display: inline-block;
    text-align: center;
    color: #4F4F4F;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.fibre-network-plans > img{max-width: 65%; margin: 40px 0 10px 0;}
.chhosePackageWrapper{
	display: none;
}
.downloading, .uploading{padding-bottom: 10px;}
.downloading > strong, .uploading > strong{font-size: 26px;}
.downloading strong > span{
	background: url('/cellc/img/services/c-fibre/mediaPlay/arrow1.png');
	width: 27px;
	height: 31px;
	display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.uploading strong > span{
	background: url('/cellc/img/services/c-fibre/mediaPlay/arrow2.png');
	width: 27px;
	height: 31px;
	display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.packagePrice{
	background-color: #F27A4A;
    color: #FFF;
    font-size: 34px;
    font-weight: bold;
    padding: 5px 0;
    font-family: 'intervogue-bold';
}
.fibre-network-plans:hover, .fibre-network-plans.selected{
	color: #91288C;
	border-color: #91288C;
}
.fibre-network-plans.selected .packagePrice, .fibre-network-plans:hover .packagePrice{
	background-color: #91288C;	
}
.packageWrapper{display: inline-block; margin-top: 20px;}
.on-promotion-packages{
	position: absolute;
    left: 5px;
    top: -10px;
    width: 47px;
    height: 65px;
}
.popularSpeed{
	background-color: #50BEBE;
    width: 100%;
    display: block;
    height: 20px;
    margin-top: -20px;
    position: absolute;
    border-radius: 2px 2px 0 0;
    text-align: center;
    color: #FFF;
}
.summaryHeader .btn.btn-primary.mediaPlayBtn{background-color: #F05A1E}
.catagoryWrapper > div.catagory{
	background-color: #ffffff;
    width: 235px;
    border-radius: 8px;
    margin: 0 7px;
    border: 2px solid #F27A4A;
    font-family: 'intervogue-reg';
    display: inline-block;
    text-align: center;
    color: #4F4F4F;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}
.catagoryWrapper > div.catagory.selected, .catagoryWrapper > div.catagory:hover{
	color: #FFF;
    border-color: #91288C;
    background-color: #A652A2;
}
.categoryPrice{
	background-color: #F27A4A;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
}
.categoryPrice strong{
	font-size: 20px;
}
.catagoryWrapper > div.catagory.selected .categoryPrice,
.catagoryWrapper > div.catagory:hover .categoryPrice{
	background-color: #91288C;
}
.congratulationTxt{
	font-family: 'intervogue-reg';
    color: #91288C;
    font-size: 24px;
    display: inline-block;
    padding-bottom: 10px;
}
.congratulationAdd{
	color: #333;
    font-size: 16px;
    font-weight: bold;
}
.checkCoverageMapState input[type='button']{ margin-top: 20px;}
.sectionWrapper.disabled .sectionName{color: #BCBDC0;}
.sectionIcon{
	background: url('/cellc/img/services/c-fibre/mediaPlay/steps.png');
	width: 40px;
	height: 40px;
	display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.speedIcon{
	background-position: -20px -15px;
}
.sectionWrapper.disabled .speedIcon{
	background-position: -92px -14px;
}
.categoryIcon{
	background-position: -338px -11px;
}
.sectionWrapper.disabled .categoryIcon{
	background-position: -418px -11px;
}
.packageIcon{
	background-position: -178px -11px;
}
.sectionWrapper.disabled .packageIcon{
	background-position: -258px -11px;
}
.categoryIconBase{
	background: url('/cellc/img/services/c-fibre/mediaPlay/category.png');
	width: 34px;
	height: 37px;
	display: inline-block;
    vertical-align: middle;
    margin: 15px 5px 0 5px;
}
.catagoryWrapper > div.catagory label{
	width: 100%;
	display: inline-block;
	font-size: 18px;
}
.catagoryWrapper > div.catagory label > span{font-size:12px}
.fiberCategoryIcon{
	background-position: -11px -3px;
}
.catagoryWrapper > div.catagory.selected .fiberCategoryIcon, .catagoryWrapper > div.catagory:hover .fiberCategoryIcon{
	background-position: -71px -3px;
}
.simCategoryIcon{
	background-position: -129px -2px;
}
.catagoryWrapper > div.catagory.selected .simCategoryIcon, .catagoryWrapper > div.catagory:hover .simCategoryIcon{
	background-position: -185px -2px;
}
.blackCategoryIcon{
	background-position: -242px -2px;
}
.catagoryWrapper > div.catagory.selected .blackCategoryIcon, .catagoryWrapper > div.catagory:hover .blackCategoryIcon{
	background-position: -306px -2px;
}
.faqTCWrapper{
	margin: 40px 0;
}
.faqTCWrapper > h2{
	font-size: 24px;
	font-family: 'intervogue-reg';
	position: relative;
	padding: 5px 0;
	margin-bottom: 20px;
}
.faqTCWrapper > h2:after{
	content: '';
    background-color: #F05A1E;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10%;
}
.faqTCWrapper > div{
	position: relative;
}
.support-split-container.c-fibre-page-container .faqTCWrapper hr{
	border-top: 1px dashed #BCBDC0;
}
.faqTCWrapper div a{color: #91288C; text-decoration: none; font-size: 16px;}
.faqTCWrapper div a > span{
	background: url(/cellc/img/services/c-fibre/mediaPlay/other.png) -90px -4px;
    position: absolute;
    top: 0;
    right: 0;
    width: 19px;
	height: 18px;
    display: block;
}
.sectionWrapper.completed:not(.disabled) .sectionHeader{
	cursor: pointer
}
@-moz-document url-prefix() {
  .support-split-container.c-fibre-page-container .progressHeader{
    position: static;
  }
}
/** MediaPlay flow end **/
/** build your own deal start **/
.build-your-deal .support-split-container.c-fibre-page-container .pageContainer{padding: 0 6%;}
.build-your-deal .support-split-container:before{display: none;}
.build-your-deal.page-container:before{display: none;}
.build-your-deal .fibreMediaPlayFlow{overflow: hidden; padding-bottom: 40px}
.deviceSearchCon{margin: 20px 0;}
.deviceSearchCon input[type="text"]{padding: 9px 10px; width: 450px; border: 1px solid #ddd;}
.stepsNumber{    
	border: 2px solid;
    padding: 8px 12px;
    border-radius: 20px;
    margin-right: 10px;
}
.build-your-deal .sectionContent.row{margin: 0;}
.col-md-4.builDealImagesCon{/* width: 200px;  */padding: 0 30px;}
.build-your-deal .slick-next, 
.build-your-deal .slick-next:hover,
.build-your-deal .slick-next:focus,
.build-your-deal .slick-next:active{background-image: url(/cellc/img/productDetailsUI/sliderArrowRight.png); background-repeat: no-repeat;}
.build-your-deal .slick-prev, 
.build-your-deal .slick-prev:hover,
.build-your-deal .slick-prev:focus,
.build-your-deal .slick-prev:active{background-image: url(/cellc/img/productDetailsUI/sliderArrowLeft.png); background-repeat: no-repeat;}
.build-your-deal .slick-prev:before{opacity: 0;}
.build-your-deal .slick-next:before{opacity: 0;}
.build-your-deal .slick-dots li{width: 15px; margin: 0px 1px;}
.build-your-deal .slick-dots li button{width: 15px; padding: 0px;}
.build-your-deal .slick-dots li button:before{font-size: 40px;}
.build-your-deal .slick-dots li:hover button:before{color: #F05A1E}
.build-your-deal .slick-dots li.slick-active button:before{color: #F05A1E}
.build-your-deal .slick-prev, .build-your-deal .slick-next{height: 23px; width: 13px;}
.build-your-deal .slick-prev:hover:before, 
.build-your-deal .slick-next:hover:before, 
.build-your-deal .slick-prev:focus:before, 
.build-your-deal .slick-next:focus:before{opacity: 0;}
.buildDealInfoCon{padding: 0 10px;}
.colorWrapper.col-xs-5{padding: 0;}
.colorWrapper label,
.storageWrapper label{
	font-family: 'intervogue-reg';
	font-size: 16px;
	color: #666666;
	font-weight: normal;
	margin-bottom: 10px;
}
.colorWrapper .color-container .row{margin: 0}
.colorWrapper .colorDiv {
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    line-height: 14px;
    padding: 0;
    position: relative;
    width: auto;
    border-radius: 20px;
    border-color: transparent;
    height: 30px;
    width: 30px;
    border-radius: 20px;
    background-color: #eee;
}
.colorWrapper div.colorDiv.active {
    border-color: #FFF;
    box-shadow: 0px 0px 2px 3px #90288c;
}
.colorWrapper .finish-col {
    display: inline-block;
    margin-right: 5px;
}
.build-your-deal .storage{
	border: 2px solid #90288c;
    color: #90288c;
    border-radius: 30px;
    margin-right: 1px;
}
.build-your-deal .storage:hover,
.build-your-deal .storage.active{
	background-color: #90288c;
	color: #FFF;
}
.buildDealInfoCon h2{
  font-family: 'intervogue-reg';
  font-size: 24px;
  color: #666666;
}
.buildDealInfoCon h3{
  font-family: 'intervogue-reg';
  font-size: 18px;
  color: #666666;
  margin-bottom: 20px;
}
.build-your-deal .nextBtn,
.build-your-deal .nextBtn:hover,
.build-your-deal .nextBtn:focus,
.build-your-deal .nextBtn:active{
	clear: both;
    display: block;
    background-color: #F05A1E;
    color: #FFF;
    border-radius: 0;
    margin-top: 30px;
    float: left;
    padding: 10px 25px;
    text-transform: uppercase;
}
.build-your-deal .specificationWrapper{padding: 0;}
.build-your-deal .specificationTable{width: 100%; border: none; border-top: 1px solid #ddd;}
.buildDealInfoCon .specification h3{
	font-family: 'intervogue-reg';
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}
.build-your-deal .specificationTable th{
	color: #333;
    font-weight: normal;
}
.build-your-deal .specificationTable td{color: #666}
.showLessTxt{    
	font-size: 12px;
    color: #f05a1e;
    float: right;
    padding: 20px 0;
}
.build-your-deal .chhosePackageWrapper{margin: 0 5px;}
.build-your-deal .catagoryWrapper{display: block;}
.build-your-deal .latest-deals.product-details-swipper .swiper-wrapper .swiper-slide{
	width: 239px !important;
    padding-left: 8px;
}
.build-your-deal .latest-deals.product-details-swipper{padding: 0 18px 0 10px;}
.services-page-container ul.planUL li{margin-bottom: 0;}
.services-page-container ul.planUL li{
    color: #000;
    border-radius: 8px 8px 0 0;
    background-color: #E5E5E5;
    font-family: 'intervogue-reg';
    font-size: 14px;
    line-height: 20px;
    height: auto;
    border: none;
    margin-left: 3px;
}
ul.planUL.nav-tabs > li > a{
	border-radius: 8px 8px 0 0;
    border: none;
    color: #000;
    margin-right: 0;
}
.services-page-container ul.planUL.nav-tabs{
    padding-left: 20px;
    border-bottom: 2px solid #90288C;
    margin-bottom: 20px;
}
.services-page-container ul.planUL.nav-tabs li.active a,
.services-page-container ul.planUL.nav-tabs li a:hover,
.services-page-container ul.planUL.nav-tabs li a:focus,
.services-page-container ul.planUL.nav-tabs li a:active{
	background-color: #90288C; 
	color: #FFF;
	border: none;
}
.build-your-deal .sectionName{width: 35%}
.build-your-deal .changeTxt{width: 14%}
.vasSection ul.nav-tabs{border: none;}
.vasSection .nav-tabs li{
	margin-bottom: 0;
	width: 25%;
    text-align: center;
}
.vasSection .nav-tabs li > a{
	color: #91288c;
    border-width: 2px 2px 2px 0px;
    border-color: #91288c;
    border-radius: 0;
    margin-right: 0;
    font-size: 15px;
}
.vasSection .nav-tabs li > a:hover,
.vasSection .nav-tabs li > a:active,
.vasSection .nav-tabs li > a:focus,
.vasSection .nav-tabs li.active > a,
.vasSection .nav-tabs li.active > a:hover,
.vasSection .nav-tabs li.active > a:focus,
.vasSection .nav-tabs li.active > a:active{
	background-color: #91288c;
	color: #FFF;
	border: 2px solid #91288c;
}
.vasSection .nav-tabs li:first-child > a{border-radius: 8px 0 0 8px; border-left: 2px solid #91288c}
.vasSection .nav-tabs li:last-child > a{border-radius: 0 8px 8px 0;}
.vasSection .tab-content .tab-pane{border: none; background-color: transparent;}
.vasSection .tab-content .tab-pane h3{
	font-family: 'intervogue-reg';
	font-size: 24px;
	font-weight: 300;
	color: #4f4f4f;
}
.vasSection .tab-content .tab-pane h5 {
  font-family: 'intervogue-reg';
  font-size: 16px;
  font-weight: bold;
  color: #4f4f4f;
}
.onNetCon{margin-top: 30px;}
.vasSection .selectInfoTxt{
	font-family: 'intervogue-reg';
    color: #4f4f4f;
    margin-right: 20px;
    font-size: 16px;
}
/** custom radio start **/
.customRadioWrapper{display: inline-block;}
.customRadioWrapper .containerRadio {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
     line-height: 25px;
     color: #666;
     margin-left: 20px;
}
.customRadioWrapper .containerRadio strong{color: #000}
/* Hide the browser's default radio button */
.customRadioWrapper .containerRadio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom radio button */
.customRadioWrapper .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #FFF;
    border-radius: 50%;
    border: 2px solid #ddd;
}
/* On mouse-over, add a grey background color */
.customRadioWrapper .containerRadio:hover input ~ .checkmark {
    background-color: #FFF;
}
/* When the radio button is checked, add a blue background */
.customRadioWrapper .containerRadio input:checked ~ .checkmark {
    background-color: #F05A1E;
    border: none;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.customRadioWrapper .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.customRadioWrapper .containerRadio input:checked ~ .checkmark:after {
    display: block;
}
/* Style the indicator (dot/circle) */
.customRadioWrapper .containerRadio .checkmark:after {
 	top: 2px;
    left: 2px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #F05A1E;
    border: 4px solid #FFF;
}
/** custom radio end **/
.twoSectionWrapper{margin-top: 30px;}
.sectionLeft,
.sectionRight{
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
.sectionLeft{border-right: 1px dashed #bcbdc0; padding-right: 20px}
.sectionRight{padding-left: 20px}
.vasSection .selectDropdown{
    border: 1px solid #bcbdc0;
    padding: 10px 5px;
    margin: 10px 0;
    width: 98%;
    font-size: 13px;
}
.popularWrapper{margin-top: 10px;}
.popularDeals{
    width: 109px;
    border: 2px solid #f05a1e;
    padding: 10px 0;
    border-radius: 6px;
    color: #f05a1e;
    text-align: center;
    font-size: 13px;
    display: inline-block;
    line-height: 18px;
    margin: 0 2px 5px 0;
    cursor: pointer;
}
.popularDeals.active,
.popularDeals:hover{
	background-color: #f05a1e;
    color: #FFF;
}
.popularDeals .popularDealsInfo{font-size: 14px;}
.build-your-deal .freeText{
	color: #98167e;
    font-weight: bold;
    display: block;
    padding: 0 0 5px 0;
    font-size: 14px;
    font-family: 'intervogue-reg';
    text-decoration: none;
    margin: 0;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: left;
    width: auto;
    height: auto;
}
.build-your-deal .latest-deals.product-details-swipper .swiper-wrapper .swiper-slide .product-inner .benefitsInfo{font-size: 12px;}
.popularDeals .validityInfo{font-size: 11px;}
/** build your own deal end **/
/** C-Fibre Landing Page redesign start **/
@font-face {
    font-family: 'intervogue-black';
    src: url('/cellc/fonts/intervogue-black-webfont.woff2') format('woff2'),
         url('/cellc/fonts/intervogue-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'intervogue-bold';
    src: url('/cellc/fonts/intervogue-bold-webfont.woff2') format('woff2'),
         url('/cellc/fonts/intervogue-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'intervogue-light';
    src: url('/cellc/fonts/intervogue-light-webfont.woff2') format('woff2'),
         url('/cellc/fonts/intervogue-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'intervogue-med';
    src: url('/cellc/fonts/intervogue-med-webfont.woff2') format('woff2'),
         url('/cellc/fonts/intervogue-med-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'intervogue-reg';
    src: url('/cellc/fonts/intervogue-reg-webfont.woff2') format('woff2'),
         url('/cellc/fonts/intervogue-reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.newFibreLanding{font-family: 'intervogue-reg'; }
.newFibreLanding .container-fluid{padding: 0; overflow-x: hidden;}
.newFibreLanding .container-fluid .row{margin: 0;}
.newFibreLanding .container-fluid .row .col-xs-12,
.newFibreLanding .container-fluid .row .col-sm-12,
.newFibreLanding .container-fluid .row .col-xs-6{padding: 0}
.newFibreLanding .c-fibre-banner{background-image:none; background-color: #F05A1E; overflow: hidden;}
.newFibreLanding .c-fibre-banner img.fibreCircle{
    width: 400px;
    position: absolute;
    right: 6%;
    bottom: 0;
    max-width: 42%;
}
.fibreBannerlogo{width: 200px; margin-bottom: 20px;}
.cfibre-landing .newFibreLanding .c-fibre-banner .text-container .two-button-banner-container{
	position: initial;
    color: #FFF;
    padding: 30px 0 30px 6%;
    width: 48%;
    color: #FFF;
}
h2.bannerHeader{color: #FFF; font-size: 36px; font-family: 'intervogue-bold'; margin-top: 0; line-height: 42px;}
.cfibre-landing .newFibreLanding .c-fibre-banner .text-container .two-button-banner-container p{color: #FFF; font-size: 18px; font-family: 'intervogue-light';}
.whiteBtn{
	background-color: #FFF;
    color: #F05A1E;
    padding: 10px 20px;
    font-family: 'intervogue-bold';
    font-size: 18px;
    border-radius: 30px;
    clear: both;
    margin-top: 15px;
    display: inline-block;
    text-align: center;
}
a.whiteBtn:hover,
a.whiteBtn:active,
a.whiteBtn:focus{
	background-color: #F05A1E;
	color: #FFF;
	text-decoration: none;
	padding: 8px 20px;
	border: 2px solid #FFF;
}
.cfibreOrangeBtn{
	background-color: #F05A1E;
    color: #FFF;
    padding: 10px 20px;
    font-family: 'intervogue-bold';
    font-size: 18px;
    border-radius: 30px;
    clear: both;
    margin-top: 15px;
    display: inline-block;
    min-width: 220px;
    text-align: center;
    cursor: pointer;
    border: none;
}
a.cfibreOrangeBtn:hover,
a.cfibreOrangeBtn:active,
a.cfibreOrangeBtn:focus,
button.cfibreOrangeBtn:hover,
button.cfibreOrangeBtn:active,
button.cfibreOrangeBtn:focus{
	background-color: #FFF;
	color: #F05A1E;
	text-decoration: none;
	padding: 8px 20px;
	border: 2px solid #F05A1E;
}
button.cfibreOrangeBtn:disabled,
button.cfibreOrangeBtn[disabled],
button.cfibreOrangeBtn:disabled:hover,
button.cfibreOrangeBtn[disabled]:hover{
	background-color: #F05A1E;
    color: #FFF;
    padding: 10px 20px;
    cursor: not-allowed;
	border: none;
	opacity: 0.5;
}
.pageSection{
	background-color: #FFF;
	padding: 20px 6% 40px;
}
.cfibre-landing .newFibreLanding .tab-pane-inner .page-panel-content h3{
	color: #000;
	font-size: 24px; 
	font-family: 'intervogue-bold';
	margin-bottom: 20px;
}
.cfibre-landing .newFibreLanding .tab-pane-inner .page-panel-content p{
	color: #5C5C5C;
	font-size: 18px; 
	font-family: 'intervogue-light';
}
.textAlignRight{text-align: right;}
.purpleHeader{
	color: #9F0F94;
	font-size: 18px; 
	font-family: 'intervogue-bold';
}
.purpleHeader > span{
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(/cellc/img/services/c-fibre/newDesign/fibre_ic.png) no-repeat;
    margin-right: 10px;
    vertical-align: text-bottom;
    background-size: 320px 30px;
}
.purpleHeader > span.uncappedLogo{
	background-position: -227px -2px;
}
.purpleHeader > span.unshapedLogo{
	background-position: -16px -3px;
}
.purpleHeader > span.super-fastLogo{
	background-position: -175px -3px;
}
.purpleHeader > span.freerouterLogo{
	background-position: -71px -3px;
}
.fibreInfoBlock{
	margin: 20px 0;
}
.cfibre-landing .newFibreLanding .tab-pane-inner .page-panel-content .fibreInfoBlock p{padding: 0 20px 0 34px;}
.orTxt{font-size: 22px; font-family: 'intervogue-reg'; padding: 0 20px; line-height: 60px;}
.viewCoverageBtn{
	color: #F05A1E;
    font-family: 'intervogue-bold';
    font-size: 18px;
}
a.viewCoverageBtn:hover{color: #F05A1E;}
.pageblackSection{
	background-color: #2F2F2F;
	padding: 20px 6%;
}
.cfibre-landing .newFibreLanding .tab-pane-inner .page-panel-content .pageblackSection h3{color: #FFF}
.cfibre-landing .newFibreLanding .tab-pane-inner .page-panel-content .pageblackSection p{margin-bottom: 20px; color: #FFF}
.textAlignCenter{text-align: center;}
.cfibreTransBtn{
	background-color: #FFF;
    color: #F05A1E;
    padding: 8px 20px;
    font-family: 'intervogue-bold';
    font-size: 18px;
    border-radius: 30px;
    clear: both;
    margin-top: 15px;
    display: inline-block;
    border: 2px solid #F05A1E;
    text-align: center;
}
a.cfibreTransBtn:hover,
a.cfibreTransBtn:active,
a.cfibreTransBtn:focus{
	background-color: #F05A1E;
	color: #FFF;
	text-decoration: none;
	padding: 10px 22px;
	border: none;
}
.connectSection{
	border-bottom: 1px solid #DFDFDF;
    overflow: hidden;
    padding-bottom: 40px;
}
.upgradeSection{padding-bottom: 40px}
.pageSection .fibreBannerlogo{width: 300px}
.contactSection{background-color: #FAF7F8}
.contactSection p > span{
	width: 26px;
    height: 26px;
    display: inline-block;
    background: url(/cellc/img/services/c-fibre/newDesign/fibre_ic.png) no-repeat;
    margin-right: 10px;
    vertical-align: text-bottom;
    background-size: 320px 30px;
}
.cfibre-landing .newFibreLanding .tab-pane-inner .page-panel-content p.contactHeader{font-family: 'intervogue-bold';}
.cfibre-landing .newFibreLanding .tab-pane-inner .page-panel-content p.fibreemailTxt{font-family: 'intervogue-bold'; color: #F05A1E; margin-top: 20px;}
.contactSection p > span.fibrPhoneLogo{
	background-position: -122px -2px;
}
.contactSection p > span.fibremailLogo{
	background-position: -278px -1px;
}
.cfibre-landing .newFibreLanding .tab-pane-inner .page-panel-content p.fibrecallInfo{padding-left: 36px;}
.contactSection .accordion .panel-default .panel-heading .panel-title a{
	padding: 20px 0;
	text-transform: none;
    font-family: 'intervogue-bold';
    font-size: 20px;
}
.contactSection .accordion .panel-default{border-bottom: 1px solid #ddd;}
.contactSection .accordion .panel-default .panel-heading{background-color: transparent; border-bottom: none;}
.c-fibre-page-container .contactSection a.expand-icon{background-color: transparent; color: #000}
.arrowOrangeClose{
	border: 10px solid;
    display: inline-block;
    border-color: transparent transparent transparent #F05A1E;
    float: right;
    margin-right: -10px;
}
.expand-icon .arrowOrangeClose{
	border-color: #F05A1E transparent transparent transparent;
	margin-right: 0;
}
img.providerImg {
    width: 130px;
    margin: 10px 40px 10px 0;
}
.cfibre-landing .newFibreLanding .cfibreOrangeBtn{min-width: 250px;}
.cfibre-landing .newFibreLanding .cfibreTransBtn{min-width: 250px;}
.cfibre-landing .newFibreLanding .whiteBtn{min-width: 250px;}
a.whitelink,
a.whitelink:hover,
a.whitelink:active,
a.whitelink:focus{color: #FFF; font-family: 'intervogue-bold';}
.contactSection .accordion .panel-default .panel-heading .panel-title a.expand-icon{color: #F05A1E}
.cfibre-landing .newFibreLanding .twoBtnConWrap .cfibreTransBtn,
.cfibre-landing .newFibreLanding .twoBtnConWrap .cfibreOrangeBtn{min-width: auto; max-width: 100%}
.twoBtnConWrap > div{padding: 0; text-align: center;}
a.orangeAncher,
a.orangeAncher:hover,
a.orangeAncher:active,
a.orangeAncher:focus{color: #F05A1E}
ul.fibreFAQWrap li a,
ul.fibreFAQWrap li a,
ul.fibreFAQWrap li a,
ul.fibreFAQWrap li a{color: #F05A1E}
@media (min-width: 0) and (max-width: 768px) {
	.cfibre-landing .newFibreLanding .c-fibre-banner .text-container .two-button-banner-container{padding: 10px 0 20px 6%; width: 66%;}
	.newFibreLanding .c-fibre-banner img.fibreCircle{max-width: 30%;}
	h2.bannerHeader{font-size: 28px; line-height: 32px;}
	.cfibre-landing .newFibreLanding .col-xs-12.col-sm-12.col-md-6.textAlignRight{text-align: center; margin-top: 20px}
	.cfibre-landing .newFibreLanding .col-xs-12.col-sm-12.col-md-6.textAlignRight > img{width: 60%;}
	.connectSection .col-xs-6.textAlignCenter,
	.pageSection .col-xs-6.textAlignCenter{text-align: right;}
	.pageSection .col-xs-6.textAlignCenter > img,
	.connectSection .col-xs-6.textAlignCenter > img{width: 80%}
	.pageblackSection .col-xs-12.col-sm-12.col-md-6 > img{margin: 0 auto; display: block;}
	.cfibre-landing .newFibreLanding .cfibreTransBtn,
	.cfibre-landing .newFibreLanding .cfibreOrangeBtn{min-width: auto;}
}
/** C-Fibre Landing Page redesign end **/
.bannerHeaderWrap2{padding: 6% 0 6% 6%; max-width: 44%;}
h3.bannerHeader{
	color: #FFF;
    font-size: 22px;
    font-family: 'intervogue-light';
    margin-top: 0;
    line-height: 30px;
}
h3.bannerHeader strong{font-family: 'intervogue-bold'; font-weight: normal;}
h4.bannerHeader{
	color: #FFF;
    font-size: 20px;
    font-family: 'intervogue-bold';
    margin-top: 0;
    line-height: 26px;
}
h3.sectionHeaderUI{
	color: #000;
    font-size: 24px;
    font-family: 'intervogue-bold';
    margin-bottom: 20px;
    margin-top: 0;
}
.strikethrough-diagonal {
  position: relative;
}
.strikethrough-diagonal:before {
  position: absolute;
  content: '';
  left: 0;
  top: 45%;
  right: 0;
  border-top: 2px solid;
  border-color: inherit;
  -webkit-transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  transform: skewY(-10deg);
  color: #F05A1E;
}
.newAccordionUI.accordion{text-align: left;}
.newAccordionUI.accordion .panel-default .panel-heading .panel-title a {
    padding: 20px 0;
    text-transform: none;
    font-family: 'intervogue-bold';
    font-size: 20px;
}
.newAccordionUI.accordion .panel-default .panel-heading {
    background-color: transparent;
    border-bottom: none;
}
.newAccordionUI.accordion .panel-default {
    border-bottom: 1px solid #d1d1d1;
}
.newAccordionUI.accordion .panel-default .panel-heading .panel-title a.expand-icon{color: #F05A1E}

/** home page promotion start **/
.onlinePromo{
	overflow: hidden;
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 20px;
}
.onlinePromoSec1{
	width: 50%;
    float: left;
    text-align: left;
    position: relative;
    padding-left: 70px;
    padding-right: 20px;
}
.onlinePromoSec1 > h3{
    font-family: 'intervogue-bold';
    font-size: 20px;
}
.onlinePromoSec1 > p{
	font-family: 'intervogue-reg';
    font-size: 18px;
}
.onlinePromoSec1 > p > strong{font-family: 'intervogue-bold'; font-weight: normal;}
.onlineExRechrIcon{
	width: 50px;
    height: 50px;
    display: inline-block;
    background: url(/cellc/img/quickLinks/Data_Icon.png) no-repeat;
    vertical-align: text-bottom;
    background-size: 50px 50px;
    position: absolute;
    left: 0;
    top: 10px;
}
.onlineExSIMIcon{
	width: 50px;
    height: 50px;
    display: inline-block;
    background: url(/cellc/img/quickLinks/SIM_Icon.png) no-repeat;
    vertical-align: text-bottom;
    background-size: 35px 50px;
    position: absolute;
    left: 0;
    top: 10px;
}
/** home page promotion end **/
/** selfservice start **/
a.orangeLink{color: #F05A1E; font-family: 'intervogue-bold'; font-size: 16px; cursor: pointer;}
ul.coloredBullets{list-style: none;}
ul.coloredBullets li{color: #1D1D1D; margin-bottom: 20px; font-size: 18px; line-height: 23px;}
ul.coloredBullets li::before {
    content: "\2022";
    color: #50BEBE;
    font-weight: bold;
    display: inline-block;
    width: 25px;
    margin-left: -40px;
    box-shadow: none;
    border: none;
    font-size: 40px;
    line-height: 20px;
    vertical-align: text-top;
}
select.orangeArrowSelect{
    border: 1px solid #ddd;
    padding: 10px;
    color: #1D1D1D;
    border-radius: 10px;
    width: 300px;
    background-color: #FFF;
    font-size: 16px;
}
.accounts-page-container.selfserviceDesign{background-color: #FAF7F8; color: #1D1D1D; font-family: 'intervogue-reg';}
.accounts-page-container.selfserviceDesign .my-account-container .page-header{margin: 0; text-transform: none; border-bottom: none;}
.selfserviceDesign .page-title {color: #1D1D1D;	font-family: 'intervogue-bold'; font-size: 34px; line-height: 60px; margin: 20px 0 10px 0; padding: 0; text-transform: none;}
.accounts-page-container.selfserviceDesign .my-account-white-container-panel{background-color: transparent; border: none; box-shadow: none;}
.selfserviceDesign h4.pageDesInfo{color: #1D1D1D; font-family: 'intervogue-reg'; font-size: 20px; line-height: 24px;}
.accounts-page-container.selfserviceDesign .my-account-white-container-panel{padding: 0;}
.accounts-page-container.selfserviceDesign .manageLimitsFor{margin: 20px 0}
.accounts-page-container.selfserviceDesign .manageLimitsFor > h5{
	font-family: 'intervogue-bold';
    font-size: 22px;
    display: inline-block;
    margin-right: 20px;
}
.accounts-page-container.selfserviceDesign .icasaRow .tab-pane{
	padding: 0;
    border: none;
}
.accounts-page-container.selfserviceDesign table.table.table-large-text.table-voicemail-settings.no-bottom-border{
	background-color: #ECECEC;
}
.accounts-page-container.selfserviceDesign table.table > tbody > tr > td,
.accounts-page-container.selfserviceDesign table.table > tbody > tr > th{
	color: #1D1D1D; font-family: 'intervogue-reg';
}
.accounts-page-container.selfserviceDesign form label{color: #1D1D1D; font-family: 'intervogue-reg';}
.lightInfoTxt{color: #9B9B9B; font-family: 'intervogue-light'; font-size: 14px; text-align: left;}
.accounts-page-container.selfserviceDesign .inline-block.custom-number-wrapper .limitInputWrap{border: 1px solid #A9A9A9; border-radius: 10px;}
.accounts-page-container.selfserviceDesign .currencyTxt{
	background-color: #ECECEC;
    border-radius: 10px 0 0 10px;
    color: #1D1D1D;
    font-family: 'intervogue-reg';
    padding: 0 12px;
    line-height: 44px;
    display: inline-block;
    font-size: 18px;
    border-right: 1px solid #A9A9A9;
    float: left;
}
.accounts-page-container.selfserviceDesign .radio.radio-inline{vertical-align: top; margin: 20px 20px 0 8px;}
.accounts-page-container.selfserviceDesign table.table.table-large-text > tbody tr th, 
.accounts-page-container.selfserviceDesign table.table.table-large-text > tbody tr td{border-top: none;}
.accounts-page-container.selfserviceDesign p{color: #1D1D1D; font-family: 'intervogue-reg';}
.accounts-page-container.selfserviceDesign strong{color: #1D1D1D; font-family: 'intervogue-bold'; font-weight: normal;}
.accounts-page-container.selfserviceDesign .accountPrivPage p{font-size: 18px;}
.accountListTable{margin: 20px 0; background: #FFF;}
.sectionHeaderNew{
	background-color: #ECECEC;
    font-family: 'intervogue-bold';
    color: #1D1D1D;
    padding: 15px 20px;
    font-size: 20px;
}
.accountPrivNumber{
	font-family: 'intervogue-reg';
	font-size: 16px;
	border-bottom: 1px solid #BCBDC0;
	margin: 10px;
    padding: 10px;
}
.accountListTable > .accountPrivNumber:last-child{border-bottom: none;}
.accountPrivNumber > label{font-weight: normal; width: 80%;}
.accountPrivNumber > span{text-align: right; width: 19%; display: inline-block; font-family: 'intervogue-bold';}
.accountPrivNumber > a{text-align: right; width: 19%; display: inline-block;}
.selfserviceModal.modal-dialog .modal-content{text-align: center;}
.selfserviceModal.modal-dialog .modal-header{
	font-family: 'intervogue-bold';
    border-bottom: none;
    font-size: 18px;
}
.selfserviceModal.modal-dialog .modal-body{
	color: #1D1D1D;
    font-family: 'intervogue-reg';
    font-size: 16px;
}
.selfserviceModal.modal-dialog .modal-footer{
    text-align: center;
    border-top: none;
}
.selfserviceModal.modal-dialog .modal-footer > a{width: 100%}
@media (min-width: 1200px){
.accounts-page-container .modal.in .selfserviceModal.modal-dialog {
    min-width: 350px;
}
.accounts-page-container .modal .selfserviceModal.modal-dialog {
    width: 350px;
}
}
@media (min-width: 768px){
.accounts-page-container .modal.in .selfserviceModal.modal-dialog {
    width: 350px;
    margin: 0 auto;
    top: 50%;
    margin-top: -180px;
}
.accounts-page-container .modal .selfserviceModal.modal-dialog{
	width: 350px;
    margin: 0 auto;
    top: 50%;
    margin-top: -180px;
}
}
.strongFont{font-family: 'intervogue-bold';}
/** custom switch start **/
.accountPrivNumber > span.customSwitch{
	width: auto;
	float: right;
}
.customSwitch .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.customSwitch .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.customSwitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #BCBDC0;;
  -webkit-transition: .4s;
  transition: .4s;
}
.customSwitch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.customSwitch input:checked + .slider {
  background-color: #91288C;
}
.customSwitch input:focus + .slider {
  box-shadow: 0 0 1px #91288C;
}
.customSwitch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.customSwitch .slider.round {
  border-radius: 34px;
}
.customSwitch .slider.round:before {
  border-radius: 50%;
}
/** custom switch end **/





@media (min-width: 1440px){
.accounts-page-container.selfserviceDesign table.table.table-large-text.table-voicemail-settings td > div {
    width: 100%;
    text-align: left;
}
}
.totalmontlycost > a:after{
	content: " ";
    display: inline-block;
    width: 20px;
    margin-left: -25px;
    vertical-align: text-top;
    background: url(/cellc/img/icons/minus.svg) no-repeat;
    height: 20px;
}
.totalmontlycost > a.collapsed:after {
    background: url(/cellc/img/icons/add.svg) no-repeat;
}
.totalmontlycost > div{border-top: 1px solid #BCBDC0; padding: 10px 0 8px 20px;}
.totalmontlycost > div label{font-family: 'intervogue-reg';}
.totalmontlycostWrap{width: 80%; font-size: 16px;}
.totalmontlycost{background-color: #ECECEC; margin-bottom: 10px}
.totalmontlycost label{color: #1D1D1D; font-family: 'intervogue-bold'; width: 80%;}
.totalmontlycost.noAccor{ padding: 10px 0 8px 20px;}
.totalmontlycost span{color: #1D1D1D; font-family: 'intervogue-bold'; width: 18%; display: inline-block;}
.totalmontlycost > a{display: inline-block; width: 100%; padding: 10px 0 8px 20px;}
.totalmontlycost > a span{color: #F05A1E;}
.totalmontlycostWrap .totalmontlycost:first-child,
.totalmontlycostWrap .totalmontlycost:last-child{background-color: transparent;}
.totalmontlycostWrap .totalmontlycost:first-child{padding-left: 0}








.track-order h5{color: #000000;	font-family: 'intervogue-bold';	font-size: 16px; line-height: 22px; margin: 20px 0 5px;}
.track-order h5:first-child{margin: 0 0 5px}
.track-order .track-order-info{border-bottom: 1px solid #C4C5C7; padding: 0 0 20px 0; margin-bottom: 20px;}
.track-order .track-order-info-wrap p{color: #6B6B6B; font-family: 'intervogue-light'; font-size: 16px; line-height: 22px;}
.track-order .track-order-info-wrap p > strong{font-family: 'intervogue-bold'; font-weight: normal;}
.track-order .track-order-info > .col-sm-12.col-md-6.col-lg-6:first-child{padding-left: 0}
.col-sm-12.col-md-6.col-lg-6.needHelp{padding-left: 0}
.col-sm-12.col-md-5.col-lg-5.track-progress-wrap{padding-left: 0}
.track-progress .track-state{color: #BCBDC0; font-family: 'intervogue-bold'; font-size: 16px; line-height: 22px; border-left: 4px solid #EBEBEB; position: relative; min-height: 100px;}
.track-progress .track-state > span{
	width: 22px;
	height: 22px;
	border: 2px solid #ECECEC;
	border-radius: 50%;
    display: block;
    position: absolute;
    left: -13px;
    background-color: #ECECEC;
}
.track-progress.active .track-state{color: #50BEBE;}
.track-progress.active .track-state > span{color: #50BEBE; background-color: #FFF; border: 2px solid #50BEBE;}
.track-progress.completed .track-state{color: #50BEBE;}
.track-progress.completed .track-state > span{color: #50BEBE; background-color: #50BEBE; border: 2px solid #50BEBE;}
.col-sm-12.col-md-4.col-lg-4.track-progress-wrap{padding: 0}
.col-sm-3.col-md-3.col-lg-3.track-date{color: #6B6B6B; font-family: 'intervogue-light'; font-size: 12px; text-align: right; padding: 0px 24px 0 0;}
.track-date > strong{color: #000; font-family: 'intervogue-bold';}
.track-progress-wrap > .track-progress:last-child > .track-state{min-height: auto;}
.track-order .my-account-white-container-panel{padding: 40px 30px}
.track-meta-info{
	color: #6B6B6B;
    font-family: 'intervogue-light';
    font-size: 15px;
    line-height: 18px;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
    padding: 10px;
    margin: 10px 0 30px;
    max-width: 90%;
}
/** selfservice end **/
/** recharge new style start **/
.pageNewHader{
	color: #313131;
    font-family: 'intervogue-bold';
    font-size: 36px;
    font-weight: normal;
    line-height: 42px;
    margin-top: 0;
}
.fontIntvBold{font-family: 'intervogue-bold'; font-weight: normal;}
.newRechagePage.pinlessRechargePage{padding: 30px 0 0;}
.pinlessRechargePage .rechargeUL{margin-bottom: 0; float: left;}
.pinlessRechargePage .rechargeUL > li{width: auto; padding: 10px 4%;}
.rechargeHeaderSection{padding:0 6%;}
.rechargeOptions{padding: 0 6%; background-color: #FFF;}
.pinlessRechargePage .rechargeWrapperSection{padding: 20px 2% 20px 6%; background-color: #FAF7F8;}
.pinlessRechargePage .rechargeInfo{padding: 40px 6% 20px 0; background-color: #FAF7F8;}
.pinlessRechargePage .rechargeContentWrapper{background-color: #FAF7F8; padding-bottom: 30px;}
.dataRechargeOptionWrap{margin: 20px 0;}
.pinlessRechargePage .dataRechargeOption{
	padding: 8px 15px;
    margin: 20px 0;
    font-size: 18px;
    border-radius: 20px;
    border: 1px solid #ddd;
    width: 300px;
    font-family: 'intervogue-reg';
    background-color: #FFF;
    box-shadow: 0px 0px 5px 2px #ddd;
    position: relative;
    cursor: pointer;
}
.pinlessRechargePage .dataRechargeOption:hover,
.pinlessRechargePage .dataRechargeOption:focus,
.pinlessRechargePage .dataRechargeOption.selected{
	border: 2px solid #F05A1E;
    box-shadow: none;
   	padding: 7px 14px; 
}
.pinlessRechargePage .dataRechargeOption.doubleData:hover::before,
.pinlessRechargePage .dataRechargeOption.doubleData:focus::before,
.pinlessRechargePage .dataRechargeOption.selected.doubleData::before{
	top:-11px;
}
.dataRechargeOption .mainDataVal{
	font-family: 'intervogue-bold';
    color: #313131;
}
.dataRechargeOption .dataPrice{float: right;}
.dataRechargeOption .nightDataVal{color: #9F0F94; font-family: 'intervogue-bold';
    font-size: 14px;}
.dataRechargeOption.doubleData::before{
    content: "Double Data";
    position: absolute;
    font-size: 11px;
    background-color: #9F0F94;
    color: #FFF;
    top: -10px;
    border-radius: 10px;
    padding: 1px 8px;
    font-family: 'intervogue-reg';
}
.secureInfo::before{
	content: "";
    background: url(/cellc/img/pinless/lock.png) no-repeat;
    width: 14px;
    height: 16px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.secureInfo{
	position: relative;
    padding-left: 24px;
    margin: 30px 0;
    font-size: 14px;
    color: #706E6F;
}
.selectedValidFor{
	font-family: 'intervogue-bold';
    color: #5C5C5C;
    font-size: 16px;
}
.chnageselection {
	font-family: 'intervogue-bold';
    margin-bottom: 20px;
    display: inline-block
}
.boostsection{
	background-color: #FFF;
    padding: 10px 15px 0;
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    margin-top: 20px;
}
.boostsection h6{
	color: #3E3E3E;
    font-family: 'intervogue-bold';
    font-size: 16px;
}
.page-container .newRechagePage .boostsection .checkbox label{font-size: 16px; max-width: 85%;}
.boostsection .giftCheckSectionWrap img{float: right;}
.loginInfoWrapper h2{
	color: #3E3E3E;
    font-family: 'intervogue-bold';
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
}
.loginInfoWrapper .loginInfoLeft{
    color: #979797;
    font-size: 16px;
    font-family: 'intervogue-light';
    float: left;
    width: 60%;
    margin-top: 10px;
    padding-right: 10px;
}
.loginInfoWrapper .loginInfoRight{
	padding-right: 0;
    padding-left: 10px;
    width: 40%;
    vertical-align: top;
    float: left;
    margin-top: 15px;
}
.playStoreCon{float: left; width: 50%;}
.barCon{width: 50%; float: left; padding-left: 10px;}
@media (max-width: 768px) {
	.col-xs-12.col-sm-12.col-md-4.rechargeInfo{padding: 20px 6% 20px 6%;}
	.col-xs-12.col-sm-12 col-md-8.rechargeWrapperSection{padding: 20px 6% 20px 6%;}
}
.purpleHighlight{
	color: #9F0F94;
	font-family: 'intervogue-bold';
}
.rechargeTCLink{color: #333; text-decoration: underline;}
.amountInputWrap{border: 1px solid #A9A9A9; border-radius: 10px; width: 300px; position: relative;}
.amountInputWrap .currencyTxt {
    background-color: #ECECEC;
    border-radius: 10px 0 0 10px;
    color: #1D1D1D;
    font-family: 'intervogue-reg';
    padding: 0 12px;
    line-height: 44px;
    font-size: 18px;
    border-right: 1px solid #A9A9A9;
    position: absolute;
}
.amountInputWrap .form-control.large-input {
    font-family: 'intervogue-reg';
    font-size: 16px;
    display: inline-block;
    width: 100%;
    height: 44px;
    border-radius: 10px 10px 10px 10px;
    border: none;
    margin-left: 0;
    padding-left: 50px;
}
.limitInputWrap.amountInputWrap{margin-bottom: 30px;}
.rechargeHeadingInfo{
	color: #545454;
    font-size: 18px;
    margin-bottom: 20px;
}
#Voice .dataRechargeOptionWrap,
#WhatsApp .dataRechargeOptionWrap{margin-top: 20px;}
.pinlessRechargePage #Voice .dataRechargeOption,
.pinlessRechargePage #WhatsApp .dataRechargeOption{margin-bottom: 5px;}
.pinlessRechargePage #Voice .dataRechargeOption+span,
.pinlessRechargePage #WhatsApp .dataRechargeOption+span{
	margin-bottom: 30px;
    color: #5C5C5C;
    font-family: 'intervogue-bold';
    font-size: 16px;
    display: block;	
}
#WhatsApp .dataRechargeOptionWrap{margin-bottom: 20px}
.viewTermsConGray{color:#706E6F; font-size: 16px; text-decoration: underline; display: inline-block;}
/** recharge new style end **/
/** new loader start **/
.contentLoaderWrap .contentLoader{
	margin-bottom:20px;
}
.contentLoaderWrap .skeleton-box {
	 display: inline-block;
	 height: 1em;
	 position: relative;
	 overflow: hidden;
	 /*background-color: #ececec; */
     /*background: linear-gradient(270deg, #fff 0%, #ECECEC 100%); */
     background: linear-gradient(270deg, #FAF7F8 0%, #ECECEC 100%);
	 border-radius: 10px;
}
.contentLoaderWrap .skeleton-box::after {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 transform: translateX(-100%);
	 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
	 animation: shimmer 5s infinite;
	 content: '';
}
@keyframes shimmer {
	 100% {
		 transform: translateX(100%);
	}
}
/** new loader end **/
.checkmarkSuccess{
	background-image: url('/cellc/img/icons/checkmark.png');
  	height: 40px;
  	width: 40px;
  	display: inline-block;
  	background-size: cover;
  	margin-right: 10px;
}
.support-split-container.c-fibre-page-container .processBarUl>li.active > div,
.support-split-container.c-fibre-page-container .processBarUl>li.visited > div{
	height: 80px;
}
.fibrePageCus .customerDetails form .form-change{border-radius: 14px; margin-top: 5px; width: 350px;}
.fibrePageCus .checkbox-inline .btn.btn-default span{font-size: 16px; text-transform: none;}
.wasValue{
    color: #B8B8B8;
    font-size: 16px;
}
.wasValueRandValue{
	font-family: intervogue-bold;
	font-size: 18px;
	position: relative;
	vertical-align: top;
}
.wasValueRandValue:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  -webkit-transform:rotate(-20deg);
  -moz-transform:rotate(-20deg);
  -ms-transform:rotate(-20deg);
  -o-transform:rotate(-20deg);
  transform:rotate(-20deg);
  color:#F05A1E;
}
.myaccountPages .rechargeUL > li > a{
	padding: 0 0 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.myaccountPages .tabs-my-account li:last-child a{border-right: 0;}
.myaccountPages .tabs-my-account li a{text-transform: none;}
.myaccountHeader{text-align: center; margin-bottom: 40px;}
.myaccountPages .rechargeUL > li > a{padding: 0 20px 10px 20px; font-size: 18px;}
.myaccountPages .tabs-my-account li:last-child a{border-right: 0;}
.myaccountPages .tabs-my-account li a{text-transform: none;}
.myaccountHeader{text-align: center; margin-bottom: 40px;}
h1.myaccountPageHeading{
	font-family: 'intervogue-bold';
    color: #000;
    text-transform: none;    
    font-size: 24px;
    padding-bottom: 10px;
    margin-top: 0;
}
p.myaccountPageInfo{color: #000; font-size: 18px;}
.myaccountPages .tab-pane{
	border: none;
    background-color: transparent;
    padding: 0;
}
.myaccountPages .accounts-page-container table.table.table-large-text > tbody tr td,
.myaccountPages .accounts-page-container table.table.table-large-text > tbody tr th{
	color: #1D1D1D;
    font-size: 18px;
    padding: 25px 0;
    border-top: none;
    border-bottom: 1px solid #BCBDC0;
}
.sweet-alert .sa-button-container button.cancel{
	background-color: #FFF !important;
    color: #F05A1E;
    padding: 8px 20px;
    font-family: 'intervogue-bold';
    font-size: 18px;
    border-radius: 30px;
    clear: both;
    margin: 20px 0 10px;
    display: inline-block;
    border: 2px solid #F05A1E;
    text-align: center;
    color: #F05A1E !important;
}
.sa-button-container{margin-bottom: 30px;}
.myaccountPages .accounts-page-container table.table.table-large-text > tbody tr:last-child th, 
.myaccountPages .accounts-page-container table.table.table-large-text > tbody tr:last-child td{
	border-bottom: 1px solid #BCBDC0;
}