.block, .header-quote {
  transition: all 1.25s;
  animation: load_up 1.25s;
  -webkit-animation: load_up 1.25s; }

@keyframes load_up {
  from {
    opacity: 0;
    top: 0%; }
  to {
    opacity: 1;
    top: 0%; } }
@-webkit-keyframes load_up {
  from {
    opacity: 0;
    top: 0%; }
  to {
    opacity: 1;
    top: 0%; } }
body {
  margin: 0;
  color: #0f1030;
  font-family: 'Source Sans Pro', sans-serif; }

a:link {
  color: #0f1030;
  text-decoration: none; }

a:visited {
  color: #0f1030;
  text-decoration: none; }

a:hover {
  color: #0f1030;
  text-decoration: none; }

a:active {
  color: #0f1030;
  text-decoration: none; }

.menu {
  right: 0;
  top: 60px; }
  .menu .menu-item {
    background: rgba(255, 255, 255, 0.7);
    padding: 15px 15px 15px 46px;
    margin: 25px 0px;
    text-align: right;
    font-size: 30px;
    display: block;
    font-weight: 300; }

.container .header {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url("https://www.pixelstax.co.nz/build/app/assets/img/pixelstax_header_background.jpg");
  background-size: cover;
  background-position: 100%;
  height: auto; }
  .container .header .header-container {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 5%; }
    .container .header .header-container .logo {
      font-weight: 900;
      font-size: 21px; }
    .container .header .header-container .work {
      float: right;
      font-weight: 900;
      text-transform: uppercase;
      padding-top: 6px; }
      @media (max-width: 380px) {
        .container .header .header-container .work {
          display: none; } }
    .container .header .header-container .page {
      font-weight: 100;
      font-size: 14px;
      padding: 10px; }
    .container .header .header-container .header-quote {
      font-weight: 300;
      font-size: 50px;
      padding-top: 20%;
      padding-bottom: 18%;
      padding-left: 0;
      padding-right: 0;
      width: 50%; }
      @media (max-width: 991px) {
        .container .header .header-container .header-quote {
          font-size: 35px; } }
      @media (max-width: 480px) {
        .container .header .header-container .header-quote {
          font-size: 25px;
          width: 90%; } }
.container .what-we-do {
  background-image: url("../../assets/img/what-we-do.jpg");
  background-position: 50%;
  background-size: cover; }
  .container .what-we-do .what-we-do-text {
    padding-top: 21%;
    padding-bottom: 39%;
    font-size: 65px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase; }
    @media (max-width: 800px) {
      .container .what-we-do .what-we-do-text {
        font-size: 45px; } }
    @media (max-width: 480px) {
      .container .what-we-do .what-we-do-text {
        font-size: 35px; } }
.container .page-break {
  background-image: url("../../assets/img/pagebreak.jpg");
  background-position: 50%;
  background-size: cover; }
  .container .page-break .page-break-text {
    padding-top: 21%;
    padding-bottom: 39%;
    font-size: 65px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase; }
    @media (max-width: 800px) {
      .container .page-break .page-break-text {
        font-size: 45px; } }
    @media (max-width: 480px) {
      .container .page-break .page-break-text {
        font-size: 35px; } }

.block {
  background-position: 100%;
  background-size: cover;
  background-repeat: no-repeat; }
  .block#front-end-qa {
    background-image: url(../../assets/img/frontendqav4.jpg);
    /*@include respond-to('tiny'){
      background: {
        position-x: calc(100% + 230px);
      }
    }*/ }
    @media (max-width: 991px) {
      .block#front-end-qa {
        background-position-x: calc(100% + 275px); } }
    @media (max-width: 800px) {
      .block#front-end-qa {
        background-position-x: calc(100% + 145px); } }
    @media (max-width: 480px) {
      .block#front-end-qa {
        background-position-x: calc(100% + 1080px); } }
  .block#design {
    background-image: url(../../assets/img/designleft.jpg);
    /*@include respond-to('tiny') {
      background: {
        position-x: calc(100% + 100px);
      }
    }*/ }
    @media (max-width: 991px) {
      .block#design {
        background-position-x: calc(100% - 275px); } }
    @media (max-width: 800px) {
      .block#design {
        background-position-x: calc(100% - 165px); } }
    @media (max-width: 480px) {
      .block#design {
        background-position-x: calc(100% - 1076px); } }
  .block#software {
    background-image: url(../../assets/img/software.jpg);
    /*@include respond-to('tiny'){
      background: {
        position-x: calc(100% + 230px);
      }
    }*/ }
    @media (max-width: 991px) {
      .block#software {
        background-position-x: calc(100% + 275px); } }
    @media (max-width: 800px) {
      .block#software {
        background-position-x: calc(100% + 145px); } }
    @media (max-width: 480px) {
      .block#software {
        background-position-x: calc(100% + 1080px); } }
  .block#apptesting {
    background-image: url(../../assets/img/apptesting.jpg);
    /*@include respond-to('tiny') {
      background: {
        position-x: calc(100% + 100px);
      }
    }*/ }
    @media (max-width: 991px) {
      .block#apptesting {
        background-position-x: calc(100% - 275px); } }
    @media (max-width: 800px) {
      .block#apptesting {
        background-position-x: calc(100% - 165px); } }
    @media (max-width: 480px) {
      .block#apptesting {
        background-position-x: calc(100% - 1076px); } }
  .block#webdevelopment {
    background-image: url(../../assets/img/webdevelopment.jpg);
    /*@include respond-to('tiny'){
      background: {
        position-x: calc(100% + 230px);
      }
    }*/ }
    @media (max-width: 991px) {
      .block#webdevelopment {
        background-position-x: calc(100% + 275px); } }
    @media (max-width: 800px) {
      .block#webdevelopment {
        background-position-x: calc(100% + 145px); } }
    @media (max-width: 480px) {
      .block#webdevelopment {
        background-position-x: calc(100% + 1080px); } }
  .block#loadtesting {
    background-image: url(../../assets/img/loadtesting.jpg);
    /*@include respond-to('tiny') {
      background: {
        position-x: calc(100% + 83px);
      }
    }*/ }
    @media (max-width: 991px) {
      .block#loadtesting {
        background-position-x: calc(100% - 257px); } }
    @media (max-width: 800px) {
      .block#loadtesting {
        background-position-x: calc(100% - 165px); } }
    @media (max-width: 480px) {
      .block#loadtesting {
        background-position-x: calc(100% - 1076px); } }
  .block#performance {
    background-image: url(../../assets/img/performanceright.jpg);
    /*@include respond-to('tiny'){
    //  background: {
    //    position-x: calc(100% + 230px);
    /// }
    }*/ }
    @media (max-width: 991px) {
      .block#performance {
        background-position-x: calc(100% + 275px); } }
    @media (max-width: 800px) {
      .block#performance {
        background-position-x: calc(100% + 145px); } }
    @media (max-width: 480px) {
      .block#performance {
        background-position-x: calc(100% + 1080px); } }
  @media (max-width: 380px) {
    .block {
      background-image: none !important; } }
  .block .top-gradient {
    background-image: url("../../assets/img/gradientvertical.png");
    background-size: 8px;
    height: 193px;
    position: absolute; }
    .block .top-gradient.top-left {
      left: 0%;
      width: 60%; }
    .block .top-gradient.top-right {
      width: 60%;
      left: 40%; }
  .block .bottom-gradient {
    background-image: url("../../assets/img/gradientbottom.png");
    background-size: 7px;
    background-repeat: repeat-x;
    margin-top: -167px;
    width: 100%;
    height: 199px;
    position: absolute;
    z-index: 1; }
    @media (max-width: 480px) {
      .block .bottom-gradient {
        display: none; } }
  .block .left-container {
    width: 50%;
    padding-top: 15%;
    padding-right: 0;
    padding-bottom: 15%;
    padding-left: 0;
    margin-left: 50%;
    position: relative; }
    @media (max-width: 991px) {
      .block .left-container {
        width: 80%;
        margin-left: 20%; } }
    @media (max-width: 480px) {
      .block .left-container {
        margin: auto;
        width: 95%; } }
  .block .right-container {
    width: 50%;
    padding-top: 15%;
    padding-right: 0;
    padding-bottom: 15%;
    padding-left: 0;
    position: relative; }
    @media (max-width: 991px) {
      .block .right-container {
        width: 80%; } }
    @media (max-width: 480px) {
      .block .right-container {
        width: 95%;
        margin: auto; } }
  .block .text {
    width: 69%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2; }
    @media (max-width: 800px) {
      .block .text {
        font-size: 30px;
        width: 90%; } }
    @media (max-width: 480px) {
      .block .text {
        width: 95%; } }
    @media (max-width: 380px) {
      .block .text {
        width: 97%; } }
    .block .text .title {
      font-size: 38px;
      font-weight: 700; }
      @media (max-width: 1200px) {
        .block .text .title {
          font-size: 35px; } }
      @media (max-width: 800px) {
        .block .text .title {
          font-size: 30px; } }
      @media (max-width: 480px) {
        .block .text .title {
          font-size: 24px; } }
    .block .text .description {
      font-size: 19px;
      font-weight: 300; }
    .block .text .readmore {
      padding-top: 10px;
      font-style: italic;
      font-weight: 600;
      font-size: 35px;
      color: rgba(0, 0, 0, 0.85); }
      @media (max-width: 800px) {
        .block .text .readmore {
          font-size: 28px; } }
  .block .padding {
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%; }
    @media (max-width: 480px) {
      .block .padding {
        padding-left: 2%;
        padding-right: 2%; } }

.thin-block {
  width: 50%;
  margin: auto; }
  @media (max-width: 800px) {
    .thin-block {
      width: 80%; } }
  @media (max-width: 480px) {
    .thin-block {
      width: 90%; } }
  .thin-block .thin-block-title {
    font-size: 55px;
    font-weight: 300; }
    @media (max-width: 800px) {
      .thin-block .thin-block-title {
        font-size: 45px; } }
    @media (max-width: 480px) {
      .thin-block .thin-block-title {
        font-size: 35px; } }
  .thin-block .thin-block-content {
    font-size: 20px;
    font-weight: 100;
    padding-top: 10px; }
    @media (max-width: 800px) {
      .thin-block .thin-block-content {
        font-size: 18px; } }
    .thin-block .thin-block-content .thin-block-content-subhead {
      font-size: 25px;
      font-weight: 600;
      padding-top: 10px; }

footer {
  width: 40%;
  margin: auto;
  text-align: center;
  padding-top: 150px;
  padding-bottom: 75px; }
  @media (max-width: 800px) {
    footer {
      width: 80%; } }
  @media (max-width: 480px) {
    footer {
      width: 90%; } }
  footer .footer-title {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase; }
    @media (max-width: 800px) {
      footer .footer-title {
        font-size: 45px; } }
    @media (max-width: 480px) {
      footer .footer-title {
        font-size: 35px; } }
  footer .footer-cta {
    font-weight: 300; }
  footer .footer-cta-details {
    font-weight: 100;
    font-size: 15px; }

.wh-widget-send-button-get-button {
  display: none; }

/*# sourceMappingURL=build.css.map */