html {
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.long-delay {
  -webkit-transition-delay: 700ms !important;
          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 {
  -webkit-transition: all 0.4s ease-in-out;
  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; }

.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 label {
    font-size: 1.8rem !important;
    font-weight: 500 !important; }
  #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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    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;
      animation: fasloadingspin 1s linear infinite; }
      #Form_broadbandSignupForm > .loading-container .fas:before {
        color: #000000;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    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;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
    @media screen and (min-width: 40em) {
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                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;
      -webkit-transition: opacity 250ms;
      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;
      -webkit-transition: opacity 250ms;
      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;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%); } }
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option .fas:before {
        color: #ffffff;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: color 250ms, background-color 250ms;
    transition: color 250ms, background-color 250ms; }
    @media screen and (min-width: 40em) {
      #Form_broadbandSignupForm .field.broadband-optionset-field .broadband-option-left {
        width: 240px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #59A946;
    background: #eeeeee;
    padding: 15px 20px;
    font-size: 20px;
    line-height: 1.4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: color 250ms, background-color 250ms;
    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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            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); } }

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

.broadband-plans .broadband-plan {
  margin-bottom: 35px; }
  .broadband-plans .broadband-plan ul {
    margin: 0 0 20px 0;
    list-style: none; }
  .broadband-plans .broadband-plan ul > li {
    margin: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .broadband-plans .broadband-plan img {
    width: 55px; }
  .broadband-plans .broadband-plan .broadband-desc {
    color: #59A946;
    font-size: 14px;
    margin-left: 10px; }
  .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 fieldset legend {
      padding-left: 5px;
      padding-right: 5px;
      font-size: 1.4rem;
      font-weight: bold;
      margin-bottom: 40px; }
  .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; }

.broadband-homepage {
  background-image: url(https://pulseenergy.co.nz/assets/banner/desktop/2815fdddbc/pebroadband_BG.png);
  width: 100%;
  background-size: cover; }

.broadband-content {
  padding: 2em 0;
  width: 60%; }

.broadband-content img {
  margin: 12px auto;
  width: 100px; }

.broadband-content #phoneicon {
  margin: 24px auto; }

.broadband-content span {
  color: #59A946;
  vertical-align: text-bottom; }

@media only screen and (max-width: 768px) {
  .broadband-homepage {
    background-image: none;
    background-color: #fafafa; }
  .broadband-content {
    width: 100%; }
  .broadband-content h2,
  h4 {
    text-align: center; } }