meta.foundation-version {
  font-family: "/5.2.0/"; }

meta.foundation-mq-small {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: #fff;
  color: #222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* Define any CSS Property and their values for both desktop, tablet and phone.
 *** Extended version of rprop which includes tablet size ***
 i.e.
 @include rprop(margin-top, 10px, 20px, 30px)
  mobile => margin-top: 10px;
  tablet => margin-top: 20px;
  desktop => margin-top: 30px;
  
  or
  
  @include rprop(margin-top, 10px, 20px)
  mobile => margin-top: 10px;
  tablet & desktop => margin-top: 20px;
*/
/* Colours */
.daylite {
  color: #ff8022; }

.billingspro {
  color: #3b95b3; }

a.daylite:hover {
  color: #ee6500; }

a.billingspro:hover {
  color: #104152; }

#home {
  color: #454545; }
  #home header {
    margin: 20px auto;
    font-weight: 100;
    line-height: 120%; }
    @media only screen and (min-width: 40.063em) {
      #home header {
        margin: 40px auto; } }
    #home header span {
      color: #2699da; }
    #home header h1 {
      font-size: 2rem;
      max-width: 800px;
      margin: 0 auto;
      color: #454545; }
      @media only screen and (min-width: 40.063em) {
        #home header h1 {
          font-size: 3rem; } }
  #home .products {
    margin: 30px 0; }
    #home .products .columns {
      padding: 0; }
    #home .products .addition-container {
      background-color: #DFDFDF;
      position: relative;
      top: -4px;
      padding: 20px 20px; }
      @media only screen and (min-width: 40.063em) {
        #home .products .addition-container {
          padding: 20px 60px; } }
      @media only screen and (min-width: 64.063em) {
        #home .products .addition-container {
          padding: 20px 60px; } }
      #home .products .addition-container h2 {
        color: #454545;
        font-size: 25px;
        font-weight: 100;
        position: relative;
        top: 3px; }
    #home .products .product-container {
      position: relative;
      height: 510px; }
      @media only screen and (min-width: 40.063em) {
        #home .products .product-container {
          height: 520px; } }
      @media only screen and (min-width: 64.063em) {
        #home .products .product-container {
          height: 470px; } }
      #home .products .product-container.daylite {
        background-color: #ff9a22; }
        #home .products .product-container.daylite span {
          max-width: 350px;
          margin: 0 auto; }
      #home .products .product-container.billingspro {
        background-color: #41a5c6; }
      #home .products .product-container a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 20; }
      #home .products .product-container .product {
        width: 75%;
        height: 80%;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        min-width: 300px; }
        #home .products .product-container .product .logo {
          margin-bottom: 10px;
          height: 246px; }
        #home .products .product-container .product h2 {
          color: #fff;
          font-size: 2.625rem; }
          #home .products .product-container .product h2 .new {
            display: inline-block;
            vertical-align: 20%;
            border: 2px solid #fff;
            border-radius: 6px;
            margin-left: 10px;
            padding: 2px 15px;
            font-size: 1.25rem;
            color: #fff; }
            @media only screen and (min-device-width: 320px) and (max-device-width: 568px), only screen and (min-device-width: 320px) and (max-device-width: 480px) {
              #home .products .product-container .product h2 .new {
                vertical-align: 23%; } }
        #home .products .product-container .product span {
          display: block;
          font-size: 1.5rem;
          font-weight: 500;
          line-height: 120%;
          color: #fff; }
  #home .links {
    font-size: 1.5rem; }
    #home .links span {
      display: block;
      margin: 20px auto; }
      #home .links span a {
        color: #2699da; }
  #home.localised header {
    margin-bottom: 20px; }
    #home.localised header h1 {
      font-size: 3.125rem; }
  #home.localised .partners p {
    color: #222;
    font-size: 1.125rem; }
  #home.localised .partners a {
    font-size: 1.125rem; }
    #home.localised .partners a img {
      vertical-align: baseline; }

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