@import url(https://fonts.googleapis.com/css?family=Fjalla+One&display=swap);
html {
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent; }

.button ::selection, .button::selection,
img ::selection,
img::selection,
.testimonial ::selection,
.testimonial::selection {
  background: transparent;
  color: inherit; }

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0); }

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0); }

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0); }

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0); }

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%); }

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%); }

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%); }

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%); }

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
  opacity: 1; }

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
  opacity: 0; }

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1; }

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1; }

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0; }

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0; }

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1; }

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0; }

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1; }

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0; }

.slow {
  transition-duration: 750ms !important; }

.fast {
  transition-duration: 250ms !important; }

.linear {
  transition-timing-function: linear !important; }

.ease {
  transition-timing-function: ease !important; }

.ease-in {
  transition-timing-function: ease-in !important; }

.ease-out {
  transition-timing-function: ease-out !important; }

.ease-in-out {
  transition-timing-function: ease-in-out !important; }

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  transition-delay: 300ms !important; }

.long-delay {
  transition-delay: 700ms !important; }

.list.circle {
  list-style-type: circle; }

.list.decimal {
  list-style-type: decimal; }

.list.disc {
  list-style-type: disc; }

.list.lower-alpha {
  list-style-type: lower-alpha; }

.list.lower-roman {
  list-style-type: lower-roman; }

.list.none {
  list-style-type: none; }

.list.square {
  list-style-type: square; }

.list.unset {
  list-style-type: unset; }

.list.upper-alpha {
  list-style-type: upper-alpha; }

.list.upper-roman {
  list-style-type: upper-roman; }

* {
  font-display: auto; }

#contact-form {
  transition: all 0.4s ease-in-out; }

.checkcontainer label {
  display: inline-block; }

.checkcontainer .tooltip--checkbox i.fas {
  font-size: 1.4rem; }

#Files-dropzone.dropzone {
  min-height: auto;
  padding: 0;
  margin: 0 0 1.6rem;
  border: 0; }
  #Files-dropzone.dropzone .droparea {
    width: 100%; }
    #Files-dropzone.dropzone .droparea span {
      background-color: #FFFFFF;
      border-radius: 0;
      border: 1px dashed #cbcbcb;
      display: block;
      padding: 20px;
      text-align: center; }
      #Files-dropzone.dropzone .droparea span a {
        margin: 1.6rem;
        cursor: pointer; }
    #Files-dropzone.dropzone .droparea span:hover {
      border-color: #CCCCCC; }
  #Files-dropzone.dropzone .dz-preview.dz-file-preview .dz-image,
  #Files-dropzone.dropzone .dz-preview .dz-image {
    border-radius: 0px; }
  #Files-dropzone.dropzone .dz-preview .dz-image {
    border: 1px solid #cbcbcb; }
  #Files-dropzone.dropzone .dz-previews-container {
    margin: 0 -16px; }
  #Files-dropzone.dropzone .dz-preview.dz-error .dz-image {
    border-color: red; }
  #Files-dropzone.dropzone .dz-complete .dz-image img {
    background: transparent; }
  #Files-dropzone.dropzone .dz-preview.dz-error .dz-image {
    border-color: red; }

.team-member--image {
  padding-right: 20px;
  padding-bottom: 20px; }

.search-box--clear {
  font-family: "Font Awesome 5 Free" !important; }

.tabs {
  margin: 0;
  border: 1px solid #cae2e1;
  background: #ffffff;
  list-style-type: none; }

.tabs::before, .tabs::after {
  display: table;
  content: ' ';
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.tabs::after {
  clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }

.tabs.simple > li > a:hover {
  background: transparent; }

.tabs.primary {
  background: #007176; }

.tabs.primary > li > a {
  color: #ffffff; }

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #00848a; }

.tabs-title {
  float: left; }

.tabs-title > a {
  display: block;
  padding: 2rem 2.4rem;
  font-size: 1.2rem;
  line-height: 1;
  color: #007176; }

[data-whatinput='mouse'] .tabs-title > a {
  outline: 0; }

.tabs-title > a:hover {
  background: #ffffff;
  color: #006165; }

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  background: #fafafa;
  color: #007176; }

.tabs-content {
  border: 1px solid #cae2e1;
  border-top: 0;
  background: #ffffff;
  color: #231f20;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid #cae2e1;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1.6rem; }

.tabs-panel.is-active {
  display: block; }

@media only screen and (max-width: 768px) {
  .numCounter > div > b {
    width: 43.28571px !important; }
  .flip-counter-heading {
    text-align: center; } }

@media only screen and (min-width: 769px) {
  #flipCounterNumber {
    float: right; }
  #flipCounterDesc {
    text-align: left; } }

.numCounter {
  display: inline-block;
  height: 90px;
  line-height: 90px;
  text-shadow: 0 0 2px #FFF;
  font-weight: bold;
  white-space: normal;
  font-size: 60px; }
  .numCounter > div {
    display: inline-block;
    vertical-align: top;
    height: 100%; }
    .numCounter > div > b {
      display: inline-block;
      width: 64.28571px;
      height: 100%;
      margin: 0 .1em;
      border-radius: 8px;
      text-align: center;
      text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.2);
      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) inset, -2px -2px 2px rgba(255, 255, 255, 0.12) inset;
      overflow: hidden; }
      .numCounter > div > b::before {
        content: ' 0 1 2 3 4 5 6 7 8 9 ';
        display: block;
        word-break: break-all;
        word-break: break-word;
        transition: 0.5s cubic-bezier(0.75, 0.15, 0.6, 1.15), text-shadow 150ms; }
      .numCounter > div > b.blur {
        opacity: .8;
        text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.2), 0 0.1em 2px rgba(255, 255, 255, 0.6), 0 0.3em 3px rgba(255, 255, 255, 0.3), 0 -0.1em 2px rgba(255, 255, 255, 0.6), 0 -0.3em 3px rgba(255, 255, 255, 0.3); }
      .numCounter > div > b[data-value="1"]::before {
        margin-top: -90px; }
      .numCounter > div > b[data-value="2"]::before {
        margin-top: -180px; }
      .numCounter > div > b[data-value="3"]::before {
        margin-top: -270px; }
      .numCounter > div > b[data-value="4"]::before {
        margin-top: -360px; }
      .numCounter > div > b[data-value="5"]::before {
        margin-top: -450px; }
      .numCounter > div > b[data-value="6"]::before {
        margin-top: -540px; }
      .numCounter > div > b[data-value="7"]::before {
        margin-top: -630px; }
      .numCounter > div > b[data-value="8"]::before {
        margin-top: -720px; }
      .numCounter > div > b[data-value="9"]::before {
        margin-top: -810px; }
    .numCounter > div:nth-last-child(3n):not(:first-child)::before {
      content: ",";
      display: inline;
      font-size: 1.1em;
      opacity: .6;
      color: white; }

.numCounter {
  padding: 0.2rem;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 0.5px solid rgba(255, 255, 255, 0.01);
  border-radius: 16px;
  background: linear-gradient(330deg, #5c4b4b, #2c2c2c);
  box-shadow: -20px -20px 60px #262626, 20px 20px 60px #333; }
  .numCounter b {
    background: #2e2e2e;
    background: linear-gradient(-30deg, #474040, #292929);
    color: white; }

.punz-video-embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
  .punz-video-embed-container iframe,
  .punz-video-embed-container object,
  .punz-video-embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#Form_broadbandSignupForm {
  position: relative; }
  #Form_broadbandSignupForm .field {
    margin-bottom: 2rem; }
    #Form_broadbandSignupForm .field input.error + label.error {
      color: #cc0000; }
  #Form_broadbandSignupForm > .loading-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7); }
    #Form_broadbandSignupForm > .loading-container .fas {
      text-align: center;
      font-size: 40px;
      -webkit-animation: fasloadingspin 1s linear infinite;
      -moz-animation: fasloadingspin 1s linear infinite;
      animation: fasloadingspin 1s linear infinite; }
      #Form_broadbandSignupForm > .loading-container .fas:before {
        color: #000000;
        transform: translate(0, 0); }
  #Form_broadbandSignupForm #Form_broadbandSignupForm_StreetAddress_Holder .columns,
  #Form_broadbandSignupForm .field.broadband-optionset-field .columns,
  #Form_broadbandSignupForm #Form_broadbandSignupForm_AddPhonePlan_Holder .columns,
  #Form_broadbandSignupForm #Form_broadbandSignupForm_CustomerType_Holder .columns {
    width: auto;
    float: none; }
  #Form_broadbandSignupForm #Form_broadbandSignupForm_BroadbandOptions_Holder,
  #Form_broadbandSignupForm #Form_broadbandSignupForm_AddPhonePlan_Holder,
  #Form_broadbandSignupForm #Form_broadbandSignupForm_PhoneOptions_Holder,
  #Form_broadbandSignupForm #Form_broadbandSignupForm_Name_Holder,
  #Form_broadbandSignupForm #Form_broadbandSignupForm_PhoneNumber_Holder,
  #Form_broadbandSignupForm #Form_broadbandSignupForm_AccountNo_Holder,
  #Form_broadbandSignupForm #Form_broadbandSignupForm_CustomerType_Holder,
  #Form_broadbandSignupForm .Actions {
    display: none; }
  #Form_broadbandSignupForm .field.broadband-optionset-field .middleColumn.large-8.columns label[for="BroadbandOptions"] {
    display: none; }
  #Form_broadbandSignupForm #Form_broadbandSignupForm_AddPhonePlan_Holder .middleColumn.large-8.columns label,
  #Form_broadbandSignupForm #Form_broadbandSignupForm_CustomerType_Holder .middleColumn.large-8.columns label {
    margin: 0 0 1rem 0;
    padding: 0;
    position: relative;
    display: flex; }
    #Form_broadbandSignupForm #Form_broadbandSignupForm_AddPhonePlan_Holder .middleColumn.large-8.columns label:before,
    #Form_broadbandSignupForm #Form_broadbandSignupForm_CustomerType_Holder .middleColumn.large-8.columns label:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 24px;
      height: 24px;
      border: 3px solid #0a0a0a;
      border-radius: 3px; }
    #Form_broadbandSignupForm #Form_broadbandSignupForm_AddPhonePlan_Holder .middleColumn.large-8.columns label > span:after,
    #Form_broadbandSignupForm #Form_broadbandSignupForm_CustomerType_Holder .middleColumn.large-8.columns label > span:after {
      content: "\f126";
      opacity: 0;
      position: absolute;
      top: -5px;
      left: 5px;
      font-family: foundation-icons;
      color: #000000;
      text-shadow: 0 0 1px #cce2e3, 0 0 1px #cce2e3, 0 0 1px #cce2e3, 0 0 1px #cce2e3, 0 0 1px #cce2e3, 0 0 1px #cce2e3, 0 0 1px #cce2e3;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      font-size: 28px;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      text-decoration: inherit; }
    #Form_broadbandSignupForm #Form_broadbandSignupForm_AddPhonePlan_Holder .middleColumn.large-8.columns label > input:checked + span:after,
    #Form_broadbandSignupForm #Form_broadbandSignupForm_CustomerType_Holder .middleColumn.large-8.columns label > input:checked + span:after {
      opacity: 1; }
  #Form_broadbandSignupForm #Form_broadbandSignupForm_AddPhonePlan_Holder .middleColumn.large-8.columns input,
  #Form_broadbandSignupForm #Form_broadbandSignupForm_CustomerType_Holder .middleColumn.large-8.columns input {
    margin: 0;
    margin: 0 10px 0 0;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  #Form_broadbandSignupForm #Form_broadbandSignupForm_CustomerType_Holder.field.optionset.row .middleColumn > span {
    display: block !important;
    width: auto !important; }
  #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option {
    display: flex;
    flex-direction: column;
    position: relative; }
    @media screen and (min-width: 40em) {
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option {
        flex-direction: row; } }
    #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option + .broadband-option {
      margin-top: 31px; }
    #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option input {
      display: none; }
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option input:checked ~ .broadband-option-left {
        color: #ffffff;
        background: #000000; }
    #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option .broadband-option-right .broadband-option-button {
      position: relative;
      z-index: 2;
      transition: opacity 250ms; }
    #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option input:checked ~ .broadband-option-right .broadband-option-button {
      opacity: 0; }
    #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option .fas {
      position: absolute;
      z-index: 1;
      bottom: 20px;
      right: 30px;
      opacity: 0;
      font-size: 25px;
      transition: opacity 250ms; }
      @media screen and (min-width: 40em) {
        #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option .fas {
          top: 50%;
          bottom: auto;
          right: 45px;
          font-size: 40px;
          transform: translateY(-50%); } }
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option .fas:before {
        color: #ffffff;
        transform: translateY(0); }
    #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option input:checked ~ .fas {
      opacity: 1; }
  #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-left {
    width: 100%;
    padding: 15px 20px;
    font-size: 20px;
    color: #ffffff;
    background: #59A946;
    line-height: 1.4;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    align-items: center;
    transition: color 250ms, background-color 250ms; }
    @media screen and (min-width: 40em) {
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-left {
        width: 240px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center; } }
    @media screen and (min-width: 60em) {
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-left {
        width: 304px;
        font-size: 24px; } }
  #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-left-top {
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold; }
  #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-left-bottom {
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold; }
    @media screen and (min-width: 60em) {
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-left-bottom {
        font-size: 22px; } }
  #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-right-top {
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    margin-right: 10px; }
    @media screen and (min-width: 40em) {
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-right-top {
        display: block;
        margin-right: 0px; } }
    @media screen and (min-width: 60em) {
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-right-top {
        font-size: 28px; } }
  #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-right-bottom {
    display: inline-block; }
    @media screen and (min-width: 40em) {
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-right-bottom {
        display: block; } }
  #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-right {
    flex: 1 1 auto;
    color: #59A946;
    background: #eeeeee;
    padding: 15px 20px;
    font-size: 20px;
    line-height: 1.4;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: color 250ms, background-color 250ms; }
  #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option input:checked ~ .broadband-option-right {
    color: #ffffff;
    background: #59A946; }
  #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-right-content {
    flex: 1 1 auto; }
  #Form_broadbandSignupForm .field.broadband-optionset-field .button {
    font-size: initial;
    max-width: 200px;
    min-width: 0;
    padding: 10px 20px;
    margin: 0; }
    @media screen and (min-width: 40em) {
      #Form_broadbandSignupForm .field.broadband-optionset-field .button {
        padding: 10px 40px; } }

@-webkit-keyframes fasloadingspin {
  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes fasloadingspin {
  100% {
    -moz-transform: rotate(360deg); } }

@keyframes fasloadingspin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.broadband-plans .broadband-plan {
  margin-bottom: 35px; }
  .broadband-plans .broadband-plan fieldset {
    border: 1px solid #59A946;
    height: 100%;
    padding: 2rem; }
    .broadband-plans .broadband-plan fieldset h5 {
      padding-left: 5px;
      padding-right: 5px;
      font-size: 2.5rem;
      font-weight: bold; }
  .broadband-plans .broadband-plan img {
    width: 55px; }
  .broadband-plans .broadband-plan ul {
    margin: 0 0 20px 0;
    list-style: none; }
  .broadband-plans .broadband-plan ul > li {
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center; }
  .broadband-plans .broadband-plan .broadband-features {
    margin: 10px 0; }
  .broadband-plans .broadband-plan .broadband-price {
    color: #030904;
    font-size: 7.5rem;
    font-weight: 900; }
    .broadband-plans .broadband-plan .broadband-price .broadband-price-sub-text {
      font-size: 1.5rem;
      display: inline-block;
      margin-left: 5px; }
  .broadband-plans .broadband-plan .broadband-details {
    margin: 0;
    line-height: 1.2;
    /*padding: 10px; */ }
  .broadband-plans .broadband-plan .broadband-desc {
    color: #59A946;
    font-size: 14px;
    margin-left: 10px; }