@media (max-width: 1038px) {
  .col12 {
    width: 100%;
    margin: 0; } }

.page {
  width: 1038px; }
  @media (max-width: 1038px) {
    .page {
      width: 100%;
      margin: 0; } }

#wrapper h1 {
  font-size: 1.7em;
  padding: .7em 0;
  border-bottom: 1px solid #dfdfdf; }
#wrapper h2 {
  font-size: 1.5em;
  padding: 1em 0;
  color: #484848; }
  #wrapper h2.border {
    border-bottom: 1px solid #dfdfdf;
    margin: 0 0 1em 0; }

@media (max-width: 1038px) {
  body #nav {
    width: 100%;
    padding: 0 15px;
    position: relative; } }
@media (max-width: 1038px) {
  body #wrapper {
    width: 100%;
    min-width: initial; } }
@media (max-width: 1038px) {
  body #wrapper #content {
    width: 100%;
    padding: 0 15px; } }
@media (max-width: 1038px) {
  body #content.page, body footer {
    right: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease; } }
@media (max-width: 1038px) {
  body #content.page.moved, body footer.moved {
    right: 80%;
    position: inherit;
    overflow: hidden; } }
body .mobile-active-menu {
  display: none; }
  body .mobile-active-menu .mobile-search,
  body .mobile-active-menu .mobile-menu {
    display: inline-block;
    margin: 15px 10px 0 20px; }
    @media (max-width: 320px) {
      body .mobile-active-menu .mobile-search,
      body .mobile-active-menu .mobile-menu {
        margin: 15px 10px 0 15px; } }
  body .mobile-active-menu .mobile-cross {
    display: none;
    margin-top: 25px; }
    body .mobile-active-menu .mobile-cross #cross {
      fill: #000000; }
    body .mobile-active-menu .mobile-cross:hover #cross {
      fill: #888888; }
  @media (max-width: 1038px) {
    body .mobile-active-menu {
      display: block;
      position: absolute;
      right: 20px;
      top: 20px; }
      body .mobile-active-menu.active {
        position: fixed;
        width: 20%;
        left: 0;
        top: 0;
        background-color: #FFFFFF;
        height: 75px;
        text-align: center;
        border: 1px solid #DEDEDE;
        border-right: none;
        border-top: none; }
        body .mobile-active-menu.active .mobile-search,
        body .mobile-active-menu.active .mobile-menu,
        body .mobile-active-menu.active #Geomoblink {
          display: none; }
        body .mobile-active-menu.active .mobile-cross {
          display: block; } }
@media (max-width: 1038px) {
  body #search-section {
    width: 100%; }
    body #search-section .page {
      width: 90%;
      margin: 0 5%; }
    body #search-section input {
      width: 100%;
      padding: 0;
      text-indent: 50px;
      height: 42px; }
    body #search-section button {
      display: none; } }
body li.box-summary {
  position: relative;
  min-height: 450px; }
  body li.box-summary:after {
    content: " ";
    position: absolute;
    width: 90%;
    margin: 0 5%;
    border-bottom: 1px solid #dfdfdf;
    bottom: 0;
    margin: 0 auto; }
  body li.box-summary:hover:before {
    content: " ";
    position: absolute;
    width: 90%;
    margin: 0 5%;
    border-top: 5px solid #9D3C96;
    top: 0;
    margin: 0 auto; }
  body li.box-summary img {
    width: 100%; }
  body li.box-summary p {
    font-size: 0.9em; }
  @media (max-width: 1038px) {
    body li.box-summary .box-content {
      background: #F9F9F9; }
    body li.box-summary h2 {
      padding: 15px;
      margin: 0;
      height: 165px;
      padding: 15px !important; }
      body li.box-summary h2 a {
        color: #7E7D8F; }
    body li.box-summary p {
      display: none; } }
  @media (max-width: 600px) {
    body li.box-summary h2 a {
      font-size: 24px; } }

body #wrapper {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  left: 0 !important; }
  body #wrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.4);
    content: '';
    opacity: 0;
    z-index: 10000;
    -webkit-transition: opacity 0.3s ease,width 0.1s ease,height 0.1s ease;
    -webkit-transition-delay: 0,0.3s,0.3s;
    -moz-transition: opacity 0.3s ease 0,width 0.1s ease 0.3s,height 0.1s ease 0.3s;
    -o-transition: opacity 0.3s ease 0,width 0.1s ease 0.3s,height 0.1s ease 0.3s;
    transition: opacity 0.3s ease 0,width 0.1s ease 0.3s,height 0.1s ease 0.3s; }
@media (max-width: 1038px) {
  body.main-nav-visible {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -webkit-transition-delay: 0;
    -moz-transition: opacity 0.3s ease 0;
    -o-transition: opacity 0.3s ease 0;
    transition: opacity 0.3s ease 0; }
    body.main-nav-visible #nav ul.wrapper-menu {
      position: fixed;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -o-transition: all .3s ease;
      -ms-transition: all .3s ease;
      transition: all .3s ease;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
      width: 80%;
      left: 20%;
      opacity: 1; } }

#nav ul.wrapper-menu {
  position: relative; }
  @media (max-width: 1038px) {
    #nav ul.wrapper-menu {
      opacity: 0;
      z-index: 10000;
      top: 0;
      left: 0;
      margin: 0;
      height: 100%;
      position: fixed;
      overflow-x: hidden;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      -webkit-transform: translate(200%, 0);
      -moz-transform: translate(200%, 0);
      -ms-transform: translate(200%, 0);
      -o-transform: translate(200%, 0);
      transform: translate(200%, 0);
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      transition-property: transform;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      background-color: #ffffff;
      border: 1px solid #DEDEDE; }
      #nav ul.wrapper-menu li {
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 2px solid #DFDFDF;
        padding: 0; }
        #nav ul.wrapper-menu li a {
          padding: 0 0 0 5%;
          width: 100%; }
          #nav ul.wrapper-menu li a:hover {
            border: 0;
            border-left: 5px solid #9D3C96; }
          #nav ul.wrapper-menu li a.selected {
            border: 0;
            border-left: 5px solid #9D3C96;
            margin: 0; }
        #nav ul.wrapper-menu li.search {
          display: none; }
        #nav ul.wrapper-menu li.highlight {
          text-align: center;
          border-bottom: 0; }
          #nav ul.wrapper-menu li.highlight a {
            padding: 0;
            width: 80%;
            text-align: center;
            display: block;
            margin: 0 auto;
            margin-top: 5%; } }

.wrapper-logo {
  margin: 5px 0 0 0; }
  @media (max-width: 1038px) {
    .wrapper-logo {
      margin: 10px 0 0 0; } }
  @media (max-width: 320px) {
    .wrapper-logo img {
      width: 100%;
      padding-top: 10px;
      margin-left: -15px; } }

#nav li.highlight > a {
  height: 50px;
  line-height: 40px;
  padding: 0 10px;
  background: #9d3c96;
  color: #ffffff;
  width: max-content;
  margin: 0;
  display: inline-flex; }
  #nav li.highlight > a:hover, #nav li.highlight > a:focus {
    border-top: 5px solid #8b3584; }

#nav li.highlight .Geolink {
  width: 90px;
  background: none;
  margin-top: 30px; }
  #nav li.highlight .Geolink img {
    width: 125%;
    height: 30%; }
  #nav li.highlight .Geolink:hover, #nav li.highlight .Geolink:focus {
    border-top: 5px solid transparent; }

/**** SUBNAV ****/
#nav .subnav {
  position: absolute;
  top: 79px;
  right: 0;
  width: 976px;
  height: 446px;
  background: #F2F2F2;
  display: none;
  border: 1px solid #D8D8D8;
  z-index: 200; }
  #nav .subnav ul {
    margin: 0;
    font-family: "OpenSansRegular", Arial, Helvetica, sans-serif; }
    #nav .subnav ul li {
      position: relative;
      width: 225px;
      height: 130px;
      padding: 0;
      margin: 14px 0 0 16px;
      overflow: hidden; }
  #nav .subnav a {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    height: 130px;
    padding: 0;
    font-size: 14px;
    line-height: 14px;
    background: none !important; }
    #nav .subnav a:hover {
      border-top: 5px solid transparent; }
      #nav .subnav a:hover span {
        background: #AD4CA6; }
    #nav .subnav a img {
      position: absolute;
      top: 0;
      left: 0; }
    #nav .subnav a span {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 225px;
      padding: 10px 0;
      background: #9d3c96;
      color: #FFFFFF;
      text-align: center; }
  #nav .subnav .triangle {
    position: absolute;
    top: -25px;
    right: 38px;
    width: 170px;
    height: 25px;
    background: url("../images/subnav-triangle.png") no-repeat bottom center; }
  #nav .subnav .brands {
    position: absolute;
    bottom: -30px;
    left: -1px;
    margin-left: 0;
    width: 257px;
    height: 30px;
    border: 1px solid #D8D8D8;
    border-top: 0; }
  #nav .subnav li.brands a {
    top: 0;
    left: 0;
    width: 257px;
    height: 30px;
    text-align: center;
    color: #666666;
    background: url("../images/view-brands.gif") no-repeat 55px 7px #F2F2F2 !important;
    line-height: 23px; }
    #nav .subnav li.brands a:hover {
      color: #000000; }

@media (min-width: 1039px) {
  #nav .highlight:hover a + .subnav, #nav .subnav:hover {
    display: block; } }

@media (min-width: 1039px) {
  li.highlight .subnav:hover {
    display: block; } }

#nav ul.active a:hover + .subnav, #nav .subnav:hover {
  display: none; }

#nav .geonav {
  position: absolute;
  top: 100px;
  right: 425px;
  z-index: 200;
  display: none; }
  #nav .geonav a {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    height: 45px;
    padding: 0;
    font-size: 14px;
    line-height: 14px; }
    #nav .geonav a:hover {
      border-top: 5px solid transparent; }
      #nav .geonav a:hover span {
        background: #AD4CA6; }
    #nav .geonav a img {
      position: absolute;
      top: 0;
      left: 0; }
    #nav .geonav a span {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 225px;
      padding: 10px 0;
      background: #9d3c96;
      color: #FFFFFF;
      text-align: center; }
  #nav .geonav .AUdesk, #nav .geonav .AUdeskon {
    top: -43px; }

@media (min-width: 1039px) {
  #nav .highlight:hover a + .geonav, #nav .geonav:hover {
    display: block; } }

@media (min-width: 1039px) {
  li.highlight .geonav:hover {
    display: block; } }

.Geolist {
  display: none; }
  @media (min-width: 1039px) {
    .Geolist {
      display: block; } }

#nav ul.active a:hover + .geonav, #nav .geonav:hover {
  display: none; }

.AUdesk {
  background: url("../images/Geo/desktop-button-au.png") no-repeat bottom center; }

.AUdeskon, .AUdesk:hover {
  background: url("../images/Geo/desktop-button-au-hover.png") no-repeat bottom center; }

.NZdesk {
  background: url("../images/Geo/desktop-button-nz.png") no-repeat bottom center; }

.NZdeskon, .NZdesk:hover {
  background: url("../images/Geo/desktop-button-nz-hover.png") no-repeat bottom center; }

.AUmob {
  background: url("../images/Geo/mobile-button-au.png") no-repeat bottom center; }
  @media (max-width: 425px) {
    .AUmob {
      background-size: 100%; } }

.AUmobon, .AUmob:hover {
  background: url("../images/Geo/mobile-button-au-hover.png") no-repeat bottom center; }
  @media (max-width: 425px) {
    .AUmobon, .AUmob:hover {
      background-size: 100%; } }

.NZmob {
  background: url("../images/Geo/mobile-button-nz.png") no-repeat bottom center; }
  @media (max-width: 425px) {
    .NZmob {
      background-size: 100%; } }

.NZmobon, .NZmob:hover {
  background: url("../images/Geo/mobile-button-nz-hover.png") no-repeat bottom center; }
  @media (max-width: 425px) {
    .NZmobon, .NZmob:hover {
      background-size: 100%; } }

#Geomoblink {
  position: relative;
  display: inline-block;
  vertical-align: text-bottom; }
  @media (max-width: 425px) {
    #Geomoblink {
      text-align: right; } }
  @media (max-width: 425px) {
    #Geomoblink img {
      width: 70%; } }
  @media (max-width: 320px) {
    #Geomoblink img {
      width: 50%;
      vertical-align: super; } }

#nav #GEOmobile {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 1;
  display: none; }
  #nav #GEOmobile a {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 136px;
    padding: 0;
    display: block; }
    @media (max-width: 425px) {
      #nav #GEOmobile a {
        height: 80px; } }
    @media (max-width: 320px) {
      #nav #GEOmobile a {
        height: 70px; } }
    #nav #GEOmobile a:hover {
      border-top: 5px solid transparent; }
      #nav #GEOmobile a:hover span {
        background: #AD4CA6; }
    #nav #GEOmobile a img {
      position: absolute;
      top: 0;
      left: 0; }
    #nav #GEOmobile a span {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 225px;
      padding: 10px 0;
      background: #9d3c96;
      color: #FFFFFF;
      text-align: center; }
  #nav #GEOmobile ul {
    height: auto;
    margin: 0; }
  #nav #GEOmobile li {
    width: 100%;
    padding: 0; }

/**** END SUBNAV ****/
#search-section {
  display: none;
  height: 85px; }
  #search-section input, #search-section button {
    height: 42px;
    border-radius: 0; }
  #search-section input {
    width: 100%; }

.mobile-menu,
.mobile-cross,
.mobile-search {
  cursor: pointer; }

.mobile-search {
  position: relative; }
  .mobile-search.selected:after {
    position: absolute;
    background: url(../images/search-triangle.png) no-repeat;
    content: ' ';
    width: 50px;
    height: 50px;
    top: -37px; }

@media (max-width: 767px) {
  footer {
    padding-top: 0; } }
footer .item-footer h3 {
  color: #555;
  font-size: 1.7em;
  font-family: "OpenSansLight", Arial, Helvetica;
  margin: 0 20px 5px 0;
  padding-bottom: 14px;
  border-bottom: 1px solid #ffffff;
  font-weight: normal; }
footer .item-footer h4 {
  font-size: 1em;
  margin: 0;
  color: #a8a8a8;
  font-weight: normal;
  margin-bottom: 10px; }
footer .item-footer span.phone {
  color: #a8a8a8; }
footer .item-footer .location .item-phone {
  display: inline-block;
  margin: 0;
  padding: 2px; }
footer .item-footer .location.au .item-phone {
  width: 50%; }
footer .item-footer .location.nz .item-phone {
  width: 100%; }
@media (max-width: 767px) {
  footer .mobile-accordion .item-footer {
    border-bottom: 2px solid #DFDFDF; }
    footer .mobile-accordion .item-footer h3 {
      border: 0;
      margin: 0;
      padding: 0;
      font-size: 18px;
      height: 50px;
      padding-left: 15px;
      padding-top: 15px;
      cursor: pointer;
      position: relative; }
      footer .mobile-accordion .item-footer h3:after {
        content: '';
        position: absolute;
        width: 25px;
        height: 15px;
        background: url("../images/arrow.svg") no-repeat bottom center;
        right: 5%; }
      footer .mobile-accordion .item-footer h3:hover {
        color: #848484; }
    footer .mobile-accordion .item-footer.active h3:after {
      background: url("../images/arrow_b.svg") no-repeat bottom center; }
    footer .mobile-accordion .item-footer.active .item-content {
      display: block;
      margin: 5% 0%;
      opacity: 1;
      padding: 0 15px;
      margin-bottom: 25px;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -o-transition: all .3s ease;
      -ms-transition: all .3s ease;
      transition: all .3s ease; }
    footer .mobile-accordion .item-footer .item-content {
      display: none;
      opacity: 0;
      height: auto;
      width: 100%;
      float: left; } }
footer .design-by {
  text-align: right; }
  @media (max-width: 1038px) {
    footer .design-by {
      text-align: left;
      font-size: 14px; } }
@media (max-width: 1038px) {
  footer .copyright {
    font-size: 14px; } }
@media (max-width: 1038px) {
  footer section.final {
    margin-top: 0; } }

section#home-banner {
  max-width: 1430px;
  margin: 0 auto; }

img.img-responsive {
  width: 100%; }

div.box-product {
  margin: 0 0 15px 0; }
  @media (max-width: 510px) {
    div.box-product {
      width: 100%; } }
  div.box-product .box-wrapper {
    width: 222px;
    margin: 0 auto; }
    @media (max-width: 510px) {
      div.box-product .box-wrapper {
        width: 260px; }
        div.box-product .box-wrapper img {
          min-width: 260px; } }
    @media (max-width: 750px) and (min-width: 601px) {
      div.box-product .box-wrapper {
        width: 325px; }
        div.box-product .box-wrapper img {
          min-width: 260px; } }
  div.box-product .box-content {
    background: #f9f9f9;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 258px;
    margin: 0 auto;
    border-bottom: 1px solid #9D3C96;
    padding-bottom: 15px; }
    div.box-product .box-content h3 {
      padding: 20px 15px;
      font-size: 16px;
      font-weight: normal;
      display: flex;
      margin: 0; }
  div.box-product img {
    width: 100%; }
  div.box-product .box-title {
    border-bottom: 1px solid #9D3C96; }
  div.box-product.product {
    position: relative; }
    div.box-product.product h3 {
      position: absolute;
      background: purple;
      width: 100%;
      bottom: -37px; }
      div.box-product.product h3 a {
        padding: 0 30% 0 0; }
    div.box-product.product .controls {
      right: 10% !important;
      bottom: 24px !important; }
    div.box-product.product a {
      color: #fff;
      text-decoration: none;
      font-size: 14px; }

#content #tagline img {
  width: 100%; }

.floating-content.fixed {
  position: fixed;
  top: 25px; }

.AboutPage article#section1 table {
  width: 100% !important; }
.AboutPage article#section1 td {
  text-align: center; }
  @media (max-width: 600px) {
    .AboutPage article#section1 td {
      width: 50%;
      float: left; } }
  @media (max-width: 510px) {
    .AboutPage article#section1 td {
      width: 100%;
      float: left; } }
  .AboutPage article#section1 td p {
    width: 33%; }
    @media (max-width: 600px) {
      .AboutPage article#section1 td p {
        width: 50%; } }
    @media (max-width: 510px) {
      .AboutPage article#section1 td p {
        width: 100%; } }

div.contact-page-wrapper h3 {
  font-size: 1.1em;
  padding: 1em 0; }
div.contact-page-wrapper h2 {
  font-size: 1.5em;
  padding: 1em 0;
  border-bottom: 1px solid #dfdfdf; }
  @media (max-width: 600px) {
    div.contact-page-wrapper h2 {
      margin-bottom: 10px; } }
div.contact-page-wrapper .locations h3 {
  border-bottom: 1px solid #484848; }

.wrapper-box-product {
  max-width: 306px;
  margin: 0 auto; }

@media (max-width: 1038px) {
  .BlogEntry article section {
    padding: 0; } }
@media (max-width: 625px) {
  .BlogEntry .main-content-section table, .BlogEntry .main-content-section img {
    width: 100% !important; } }
@media (max-width: 1038px) {
  .BlogEntry aside h2 {
    margin: 0;
    padding-bottom: 3%; } }
.BlogEntry aside .wrapper-details h3.show-details {
  color: #a2a2a2;
  font-size: 18px;
  cursor: pointer;
  margin: 2% 0; }
  @media (max-width: 1038px) {
    .BlogEntry aside .wrapper-details h3.show-details {
      display: block; } }
  .BlogEntry aside .wrapper-details h3.show-details:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 15px;
    background: url("../images/arrow.svg") no-repeat bottom center;
    right: 5%; }
.BlogEntry aside .wrapper-details.active h3:after {
  background: url("../images/arrow_b.svg") no-repeat bottom center; }
.BlogEntry aside .wrapper-details.active .wrapper-to-show {
  opacity: 1;
  display: block;
  margin: 30px 0 0 0; }
@media (max-width: 1038px) {
  .BlogEntry aside .wrapper-details {
    margin: 6% 0;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    padding: 1% 0; } }
.BlogEntry aside .wrapper-details .wrapper-to-show {
  opacity: 1;
  display: block;
  -webkit-transition: opacity 600ms, visibility 600ms;
  transition: opacity 600ms, visibility 600ms; }
  @media (max-width: 1038px) {
    .BlogEntry aside .wrapper-details .wrapper-to-show {
      display: none;
      opacity: 0; } }

.CatalogueProductPage .content .gallery {
  margin-bottom: 3%; }
  .CatalogueProductPage .content .gallery img {
    width: 100%; }

.mailchimp__div {
  width: 50%;
  margin: 0 auto; }
  .mailchimp__div #mc_embed_signup #mc-embedded-subscribe {
    background: #800080; }

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