body.front.not-logged-in {
  font-family: "Source Sans Pro", "Open Sans", sans-serif !important;
  background-image: none !important; }
  body.front.not-logged-in h1, body.front.not-logged-in h2, body.front.not-logged-in h3, body.front.not-logged-in h4 {
    font-weight: 600; }
  body.front.not-logged-in p, body.front.not-logged-in .section_content li, body.front.not-logged-in #about_columns {
    line-height: 1.4;
    font-size: 16px; }
  body.front.not-logged-in header {
    background-color: white;
    position: fixed;
    width: 100%;
    padding-bottom: 20px;
    z-index: 2;
    border-bottom: solid 1px #e5e5e5;
    margin-top: 0; }
    body.front.not-logged-in header #header_inner {
      width: 1000px;
      margin: 0 auto; }
    body.front.not-logged-in header ul {
      padding-top: 0;
      text-align: center; }
      body.front.not-logged-in header ul li a {
        text-shadow: none;
        line-height: 27px;
        color: #333;
        padding: 0 13px;
        display: block;
        float: left;
        font-size: 13px;
        text-transform: uppercase; }
      body.front.not-logged-in header ul li a:hover {
        color: white;
        background-color: #75a4aa; }
    body.front.not-logged-in header #home_logo_wrapper {
      transition: all 100ms ease;
      float: left;
      width: 20%;
      margin-top: -11px; }
      body.front.not-logged-in header #home_logo_wrapper img {
        width: 88%; }
    body.front.not-logged-in header #home_menu {
      transition: all 1000ms ease;
      float: left;
      width: 54%;
      padding-top: 10px;
      padding-left: 6%; }
    body.front.not-logged-in header #home_contact_info {
      float: left;
      width: 20%;
      text-align: right;
      padding-top: 10px;
      font-weight: bold; }
      body.front.not-logged-in header #home_contact_info .phone_number {
        font-size: 22px; }
        body.front.not-logged-in header #home_contact_info .phone_number img {
          margin-top: -2px; }
      body.front.not-logged-in header #home_contact_info p {
        margin: 0; }
        body.front.not-logged-in header #home_contact_info p a {
          color: #333; }
    body.front.not-logged-in header #top_header {
      text-align: right;
      position: relative; }
      body.front.not-logged-in header #top_header form {
        text-align: left; }
  body.front.not-logged-in header.scrolling #home_logo {
    padding: 0 70% 0 15%; }
  body.front.not-logged-in header.scrolling #home_menu ul li a {
    color: #74a5ac;
    text-transform: uppercase;
    padding-left: 25px; }
  body.front.not-logged-in header.scrolling #top_header {
    display: none; }
  body.front.not-logged-in .section_content {
    margin: 0 auto;
    width: 1000px;
    padding-bottom: 30px; }
    body.front.not-logged-in .section_content h1 {
      font-size: 255%;
      text-align: center;
      padding-bottom: 5px;
      margin-bottom: 46px;
      margin-top: 47px;
      position: relative; }
    body.front.not-logged-in .section_content h1:before {
      content: "";
      position: absolute;
      width: 50px;
      height: 1px;
      bottom: -9px;
      left: 48%;
      border-bottom: 3px solid #B9B9B9; }
    body.front.not-logged-in .section_content h2 {
      font-size: 26px; }
  body.front.not-logged-in #home {
    margin-top: 157px;
    background-image: url(../img/slider_image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    color: white; }
    body.front.not-logged-in #home .section_content {
      padding: 30px 0 70px 0; }
      body.front.not-logged-in #home .section_content h1 {
        font-size: 300%;
        line-height: 1.2;
        margin-top: 65px;
        margin-bottom: 13px;
        text-align: left; }
      body.front.not-logged-in #home .section_content h1:before {
        border-bottom: none; }
      body.front.not-logged-in #home .section_content .green-button {
        margin-top: 15px;
        display: inline-block; }
  body.front.not-logged-in #offers, body.front.not-logged-in #the_process {
    background-color: white; }
  body.front.not-logged-in #offers h1 {
    text-align: center; }
  body.front.not-logged-in #features h2, body.front.not-logged-in #features_2 h2, body.front.not-logged-in #features_0 h2, body.front.not-logged-in #studio h2 {
    margin-top: 0;
    margin-bottom: 0; }
  body.front.not-logged-in #features p, body.front.not-logged-in #features_2 p, body.front.not-logged-in #features_0 p, body.front.not-logged-in #studio p {
    margin-top: 5px; }
  body.front.not-logged-in #features .section_content, body.front.not-logged-in #features_2 .section_content, body.front.not-logged-in #features_0 .section_content, body.front.not-logged-in #studio .section_content {
    padding-bottom: 0px; }
  body.front.not-logged-in #features .percent_60, body.front.not-logged-in #features_2 .percent_60, body.front.not-logged-in #features_0 .percent_60, body.front.not-logged-in #studio .percent_60 {
    line-height: 0; }
  body.front.not-logged-in #features, body.front.not-logged-in #features_2 {
    background-color: #E5EEF0; }
    body.front.not-logged-in #features .percent_40, body.front.not-logged-in #features_2 .percent_40 {
      padding-right: 2%; }
  body.front.not-logged-in #features_0 .percent_40, body.front.not-logged-in #features .percent_40 {
    padding-top: 70px; }
  body.front.not-logged-in #studio .percent_40 {
    padding-top: 60px; }
  body.front.not-logged-in #features_2 .percent_40 {
    padding-top: 110px; }
  body.front.not-logged-in #features_0, body.front.not-logged-in #studio {
    background-color: #f5f5f5; }
    body.front.not-logged-in #features_0 .section_content, body.front.not-logged-in #studio .section_content {
      padding-top: 30px; }
    body.front.not-logged-in #features_0 .percent_40, body.front.not-logged-in #studio .percent_40 {
      padding-left: 3.5%; }
  body.front.not-logged-in #features_0 .section_content {
    padding-top: 0; }
  body.front.not-logged-in #features .section_content, body.front.not-logged-in #features_2 .section_content {
    padding-top: 30px; }
  body.front.not-logged-in #features .section_content, body.front.not-logged-in #features_2 .section_content {
    display: -webkit-flex;
    display: flex; }
  body.front.not-logged-in #features .percent_40, body.front.not-logged-in #features_2 .percent_40 {
    -webkit-order: 1;
    order: 1; }
  body.front.not-logged-in #features .percent_60, body.front.not-logged-in #features_2 .percent_60 {
    -webkit-order: 2;
    order: 2; }
  body.front.not-logged-in #features_3 {
    background-color: #f5f5f5; }
  body.front.not-logged-in .float_left {
    float: left;
    display: block; }
    body.front.not-logged-in .float_left .icon {
      width: 25px; }
  body.front.not-logged-in .percent_40 {
    width: 36.2%; }
    body.front.not-logged-in .percent_40 img {
      width: 100%; }
  body.front.not-logged-in .percent_60 {
    width: 60%; }
    body.front.not-logged-in .percent_60 img {
      width: 100%; }
  body.front.not-logged-in .four_columns {
    float: left;
    width: 21%;
    padding: 0 2%;
    text-align: center;
    padding-bottom: 30px; }
    body.front.not-logged-in .four_columns img {
      max-width: 142px; }
  body.front.not-logged-in #about_us {
    background-color: #E5EEF0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom; }
  body.front.not-logged-in #trusted_by .section_content {
    padding-top: 50px; }
  body.front.not-logged-in #trusted_by .clients img {
    margin-bottom: 30px;
    height: 75px;
    width: auto; }
  body.front.not-logged-in #contact_us {
    background-color: #6d9298;
    background-image: url(../img/contact_us_background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 50%; }
    body.front.not-logged-in #contact_us .section_content {
      color: white; }
      body.front.not-logged-in #contact_us .section_content .float_left {
        width: 200px;
        padding-right: 20px; }
      body.front.not-logged-in #contact_us .section_content a {
        color: white; }
  body.front.not-logged-in #contact_us .section_content a:hover {
    text-decoration: underline; }
  body.front.not-logged-in .subheading {
    font-size: 20px;
    display: block;
    margin: 0 auto;
    width: 600px;
    padding-bottom: 20px;
    line-height: 30px; }
  body.front.not-logged-in #about_us .section_content #about_columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 0px; }
    body.front.not-logged-in #about_us .section_content #about_columns p.highlighted {
      background-color: #537a7f;
      border-radius: 10px;
      padding: 10px; }
      body.front.not-logged-in #about_us .section_content #about_columns p.highlighted .green_button {
        margin-left: 5px;
        margin-top: 3px; }
  body.front.not-logged-in #features_3 .section_content {
    position: relative;
    padding-top: 55px;
    /*#process_columns {
      @include column-count(3);
      @include column-gap(20px);
    }*/ }
    body.front.not-logged-in #features_3 .section_content p.highlighted {
      background-color: #f1692b;
      padding: 21px 0px 21px 142px;
      margin-bottom: 50px;
      color: white;
      margin-left: 50px;
      font-size: 20px;
      margin-top: 54px;
      width: 650px; }
      body.front.not-logged-in #features_3 .section_content p.highlighted a {
        border: solid 2px white;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        padding: 6px 12px;
        color: white;
        font-size: 12px;
        font-weight: bold;
        margin-left: 50px; }
    body.front.not-logged-in #features_3 .section_content .features_row {
      border-bottom: solid 1px #eee; }
      body.front.not-logged-in #features_3 .section_content .features_row .features_cell {
        float: left;
        margin-left: 70px;
        width: 410px;
        padding-right: 20px; }
        body.front.not-logged-in #features_3 .section_content .features_row .features_cell img {
          margin-left: -70px;
          float: left;
          margin-top: 30px; }
    body.front.not-logged-in #features_3 .section_content .features_row.last {
      border-bottom: none; }
    body.front.not-logged-in #features_3 .section_content #demo_computer {
      position: absolute;
      bottom: 10px;
      width: 170px; }
  body.front.not-logged-in #about_us .section_content #about_columns p,
  body.front.not-logged-in #features_3 .section_content #process_columns p,
  body.front.not-logged-in #features_3 .section_content #process_columns ol {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-margin-before: 0;
    -moz-margin-before: 0;
    margin-before: 0; }
  body.front.not-logged-in #pricing h1 {
    margin-bottom: 50px; }
  body.front.not-logged-in #pricing .pricing_columns .pricing_info {
    float: left;
    width: 31.2%;
    margin-right: 3%; }
    body.front.not-logged-in #pricing .pricing_columns .pricing_info h2 {
      background-color: #75a4aa;
      color: white;
      text-align: center;
      padding: 23px 0;
      display: block;
      margin-bottom: 0;
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      -o-column-break-inside: avoid;
      column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid; }
    body.front.not-logged-in #pricing .pricing_columns .pricing_info ul {
      padding-left: 0;
      margin-top: 0;
      background-color: #f7f8fa; }
      body.front.not-logged-in #pricing .pricing_columns .pricing_info ul li {
        list-style: none;
        border-bottom: solid 1px #eee;
        border-left: solid 1px #eee;
        border-right: solid 1px #eee;
        padding: 19px 20px 19px 80px;
        color: #B9B9B9; }
      body.front.not-logged-in #pricing .pricing_columns .pricing_info ul li.ticked {
        background-image: url(../img/tick.png);
        background-repeat: no-repeat;
        background-position: 40px 50%;
        background-size: 22px;
        color: inherit; }
    body.front.not-logged-in #pricing .pricing_columns .pricing_info .enquire {
      text-align: center;
      margin: 30px 0; }
  body.front.not-logged-in #pricing .pricing_columns .pricing_info.lite h2 {
    background-color: #91ccd2; }
  body.front.not-logged-in #pricing .pricing_columns .pricing_info.standard {
    position: relative;
    top: -26px; }
    body.front.not-logged-in #pricing .pricing_columns .pricing_info.standard h2 {
      padding: 36px 0; }
  body.front.not-logged-in #pricing .pricing_columns .pricing_info.premium {
    margin-right: 0; }
  body.front.not-logged-in .cf {
    clear: both; }
  body.front.not-logged-in .footer {
    background-color: #323232;
    color: #eee;
    font-size: 13px;
    padding-top: 30px;
    display: block; }
    body.front.not-logged-in .footer #copyright {
      width: 30%; }
    body.front.not-logged-in .footer #flexmedia {
      width: 23%; }
    body.front.not-logged-in .footer #footer_menu {
      width: 47%; }
    body.front.not-logged-in .footer #flexmedia, body.front.not-logged-in .footer #copyright, body.front.not-logged-in .footer #footer_menu {
      float: left;
      margin-top: 5px; }
    body.front.not-logged-in .footer #footer_menu {
      margin-top: 0; }
      body.front.not-logged-in .footer #footer_menu a {
        color: #91ccd2;
        font-size: 13px; }
    body.front.not-logged-in .footer #flexmedia {
      text-align: right; }
      body.front.not-logged-in .footer #flexmedia img {
        width: 188px; }
    body.front.not-logged-in .footer ul li {
      margin-right: 0; }
      body.front.not-logged-in .footer ul li .spacer {
        color: #eee;
        display: inline-block;
        margin: 0 3px; }
  body.front.not-logged-in .green_button {
    /*display: inline-block;
    background-image: url(../img/green_button.png);
    background-repeat: no-repeat;
    line-height: 28px;
    min-width: 110px;
    text-align: center;
    color: white;
    font-weight: bold;
    background-size: contain; */ }
  body.front.not-logged-in #user-login {
    position: absolute;
    background-color: #75a4aa;
    right: 0;
    padding: 1px 7px 10px 15px;
    -webkit-border-radius: 4px 0 4px 4px;
    -moz-border-radius: 4px 0 4px 4px;
    -ms-border-radius: 4px 0 4px 4px;
    border-radius: 4px 0 4px 4px;
    display: none; }
    body.front.not-logged-in #user-login div div,
    body.front.not-logged-in #user-login div div label,
    body.front.not-logged-in #user-login div div input {
      margin-top: 3px;
      margin-bottom: 0; }
    body.front.not-logged-in #user-login a, body.front.not-logged-in #user-login div div label {
      color: white;
      text-align: left; }
    body.front.not-logged-in #user-login div div label {
      margin-top: 10px; }
    body.front.not-logged-in #user-login a {
      font-weight: bold;
      padding-top: 13px;
      display: block;
      padding-bottom: 2px; }
    body.front.not-logged-in #user-login .form-text {
      margin-right: 10px; }
    body.front.not-logged-in #user-login .description, body.front.not-logged-in #user-login .form-required {
      display: none; }
  body.front.not-logged-in #user-login-link a {
    display: inline-block;
    margin-bottom: 0;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-left: 30px;
    padding-right: 30px; }
  body.front.not-logged-in #features .section_content h2:first-child {
    margin-top: 10px; }
  body.front.not-logged-in .clients {
    font-weight: bold; }
    body.front.not-logged-in .clients .large_img {
      margin-right: 20px;
      width: 200px; }
    body.front.not-logged-in .clients .small_img {
      width: 100px; }
  body.front.not-logged-in #sso_links {
    margin-top: 15px !important; }
    body.front.not-logged-in #sso_links a {
      display: inline; }

.front.not-logged-in.webkit #the_process .section_content h2:first-child {
  margin-top: 0; }
.front.not-logged-in.webkit #the_process .section_content .highlighted h2:first-child {
  margin-top: 10px; }
.front.not-logged-in.webkit #the_process .section_content h2 {
  margin-bottom: 6px; }

@media only screen and (max-width: 1000px) {
  body.front.not-logged-in header #home_menu {
    display: none; }
  body.front.not-logged-in header #home_logo_wrapper {
    width: 20%; }
  body.front.not-logged-in header #home_contact_info {
    width: 80%; }
  body.front.not-logged-in header #header_inner, body.front.not-logged-in .section_content {
    width: 95%; }
  body.front.not-logged-in #user-login .form-text {
    width: 150px; }
  body.front.not-logged-in #features_3 .section_content #demo_computer {
    display: none; }
  body.front.not-logged-in #features_3 .section_content p.highlighted {
    margin-left: -5%;
    width: 88%; }
  body.front.not-logged-in #features_3 .section_content .features_row .features_cell {
    width: 90%; }
  body.front.not-logged-in .four_columns {
    width: 40%; }
  body.front.not-logged-in #about_us .section_content #about_columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; }
  body.front.not-logged-in .contact_info {
    width: 35%; } }
@media only screen and (max-width: 767px) {
  body.front.not-logged-in header #home_logo_wrapper {
    width: 30%; }
  body.front.not-logged-in header #home_contact_info {
    width: 70%; }
  body.front.not-logged-in .four_columns {
    width: 90%; }
  body.front.not-logged-in #user-login-link {
    display: block; }
  body.front.not-logged-in #features_3 .section_content #process_columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; }
  body.front.not-logged-in #features .section_content, body.front.not-logged-in #features_2 .section_content {
    display: block !important; }
  body.front.not-logged-in .contact_info {
    float: none;
    width: 100%;
    margin-top: 0; }
  body.front.not-logged-in #pricing .pricing_columns .pricing_info {
    width: 100%; } }
@media only screen and (max-width: 430px) {
  body.front.not-logged-in header #home_logo_wrapper {
    width: 50%; }
  body.front.not-logged-in header #home_contact_info {
    width: 50%; }

  .front.not-logged-in .four_columns {
    width: 100%; }

  .front.not-logged-in .clients .small_img,
  .front.not-logged-in .clients .large_img {
    width: auto; } }
/* Adjust youtube img in green button */
img.youtubeplay {
  width: 30px !important;
  height: 21px;
  float: right;
  padding-left: 9px;
  margin-bottom: -2px; }

.front .float_left.percent_40 .green-button.lightbox-processed {
  display: inline-block; }

/* Add margin to youtube green button frontpage */
.front #home .green-button.lightbox-processed {
  margin-left: 7px; }

/* Reduce white space on videos */
.lightbox2-alt-layout-data #bottomNavClose {
  margin-top: 0px; }

.lightbox2-alt-layout-data #bottomNav {
  margin-bottom: -25px; }

/* Client images front page */
body.front.not-logged-in #trusted_by .clients img {
  margin-left: 20px;
  margin-right: 20px; }

/***** Adjust front page for mobile *****/
/* FRONT PAGE FEATURE  "Production board" SWAPPED ORDER */
/* This swaps the #features content around so that the image appears above the text on narrow screens less than 767px */
/* To get this to work well I swapped the image and text at https://demo.uview.co.nz/node/3/edit */
/* Turn the 2 features into flex box above 767px */
/* #### MOVED TO LINE 230 ###### */
body.front.not-logged-in #features .section_content {
  /* Safari */ }

/* Swap the image and text */
/* Safari 6.1+ */
/* Standard syntax */
/* END FRONT PAGE FEATURE */
/* keep green buttons together */
.txtnowrap {
  white-space: nowrap; }

/* new undlerline for headings works better on mobile*/
body.front.not-logged-in .section_content h1::before, body.front.not-logged-in .section_content h1::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 1px;
  bottom: -9px;
  border-bottom: 2px solid #B9B9B9; }

body.front.not-logged-in .section_content h1::before {
  left: 50%; }

body.front.not-logged-in .section_content h1::after {
  right: 50%; }

/* don't have underline on first section as it's not suitable there */
body.front.not-logged-in #home .section_content h1::before, body.front.not-logged-in #home .section_content h1::after {
  border-bottom: none; }

/* Overcome the Width: 660px; for the About us Subhead when screen less than 600px */
body.front.not-logged-in .subheading {
  max-width: 98%; }

/* To replace inline style in Production Board Feature */
body.front.not-logged-in #features .percent_60 img {
  margin-left: 20px; }

/* adjust padding above text alongside feature images as images are now shrinking */
@media only screen and (max-width: 1000px) {
  body.front.not-logged-in .percent_40 {
    padding-top: 0 !important; } }
@media only screen and (max-width: 767px) {
  /* Turn off flex below 767px */
  /* make features stack on top of each other */
  body.front.not-logged-in .percent_40 {
    width: 90%;
    padding-top: 6% !important; }

  body.front.not-logged-in .percent_60 {
    width: 100%; }

  body.front.not-logged-in #features .percent_60 img {
    margin-left: 0; }

  /* Return Padding top to match other pricing coloumns as now not next to each other*/
  body.front.not-logged-in #pricing .pricing_columns .pricing_info.standard h2 {
    padding: 23px 0; }

  body.front.not-logged-in #pricing .pricing_columns .pricing_info.standard {
    top: 0; }

  /* Adjust white text in orange block */
  body.front.not-logged-in #features_3 .section_content p.highlighted {
    width: 80%;
    margin: auto;
    padding: 20px;
    text-align: center; }

  body.front.not-logged-in #features_3 .section_content p.highlighted a {
    margin-left: 0; }

  body.front.not-logged-in #features_3 .section_content .features_row .features_cell {
    width: 70%; }

  /* */
  body.front.not-logged-in #trusted_by .clients img {
    margin-left: 10px;
    margin-right: 10px; }

  /* adjustments to footer items for mobile */
  body.front.not-logged-in .footer #copyright {
    min-width: 140px;
    float: none;
    margin: 0 auto 10px; }

  body.front.not-logged-in .footer #footer_menu {
    min-width: 200px;
    float: none;
    margin: 0 auto 10px; }

  body.front.not-logged-in .footer #flexmedia {
    min-width: 190px;
    float: none;
    margin: 75px auto 0; }

  /* adjust client images to be smaller for mobile */
  body.front.not-logged-in #trusted_by .clients img {
    height: 65px; } }
/* END Adjust front page for mobile */

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