/** Shopify CDN: Minification failed

Line 292:2 Unexpected ".480hide"

**/

.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
  content:"";
  display:table;
}
.group:after {
  clear:both;
}
.group {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {display: block;float:left;margin: 1% 0 1%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.span_2_of_3.padding-right {
  width: 63.66%;
  padding-right: 1%;
}

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 768px) {
  .col { margin: 1% 0 1% 0%;}
}

/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
  width: 100%;
}

.span_1_of_2 {
  width: 50%;
}


@media only screen and (max-width: 768px) {
  .span_2_of_2 {
    width: 100%; 
  }
  .span_1_of_2 {
    width: 100%; 
  }
  .header-review {display:none;}

  .header-afterpay {display:none;}
}


/*  GRID OF THREE   ============================================================================= */


.span_3_of_3 {
  width: 100%; 
}

.span_2_of_3 {
  width: 66.66%; 
}



.span_1_of_3 {
  padding: 0 1% 10px;
  width: 31.33%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 768px) {
  .span_3_of_3 {
    width: 100%; padding:0;
  }
  .span_2_of_3 {
    width: 100% !important; padding:0;
  }
  .span_1_of_3 {
    width: 100%;
  }
}


/*  GRID OF FOUR   ============================================================================= */


.span_4_of_4 {
  width: 100%; 
}

.span_3_of_4 {
  width: 75%; 
}

.span_2_of_4 {
  width: 50%; 
}

.span_1_of_4 {
  width: 25%; 
}

/*  GRID OF FIVE   ============================================================================= */


.span_5_of_5 {
  width: 100%;
}

.span_4_of_5 {
  width: 80%; 
}

.span_3_of_5 {
  width: 60%; 
}

.span_2_of_5 {
  width: 40%;
}

.span_1_of_5 {
  width: 20%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 768px) {
  .span_5_of_5 {
    width: 100%; padding:0;
  }
  .span_4_of_5 {
    width: 100%; padding:0;
  }
  .span_3_of_5 {
    width: 100%; padding:0;
  }
  .span_2_of_5 {
    width: 100%; padding:0;
  }
  .span_1_of_5 {
    width: 100%; padding:0;
  }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */


@media only screen and (max-width: 768px) {
  .span_4_of_4 {
    width: 100%; padding:0;
  }
  .span_3_of_4 {
    width: 100%; padding:0;
  }
  .span_2_of_4 {
    width: 49.2%; 
  }
  .span_1_of_4 {
    width: 49.2%; 
  }
}

@media only screen and (max-width: 480px) {
  .span_4_of_4 {
    width: 100%; padding:0;
  }
  .span_3_of_4 {
    width: 100%; padding:0;
  }
  .span_2_of_4 {
    width: 100%; padding:0;
  }
  .span_1_of_4 {
    width: 100%; padding:0;
  }

  body ul,body ol{margin:0 0 0 0;padding-left:0;}
}


@media only screen and (max-width: 1024px) {
  #navigation ul.nav.retail {display: block;padding: 4px 0 0;text-align: center;}
  ul.collection-matrix li {width:25%;}
  div#header div#checkout:before {background-size:auto 100%;width:90px; height:90px;left:-120px;}

}


@media only screen and (max-width: 768px) {
  div#header{height:116px;}
  .corporatebanner form {width: 85%;margin-left: 0;}
  #navigation ul.nav a span {display:none;}
  #footer .section.group {width: 100%;text-align: center;}
  #footer .col.social {width:100%;text-align:center;}
  #footer h3 {margin: 24px 0 8px 0;}
  #navigation ul.nav.retail {padding:0;}
  #navigation {line-height: 0px;}
  .header-left {width: 40%;text-align: center; clear: both;height: 56px;display: inline-block;}
  .header-right {display: inline-block;width: 60%;}
  div#header div#checkout:before {width:50px; height:50px;left:-60px;}
  div#header div#checkout {    padding: 6px 12px 4px;font-size: 13px;line-height:12px; background-color: #363636;}
  #navigation {display: block;clear: both;}
  .section.group.featureblocks {text-align: center;}
  .colourbox ul li {margin: 8px 1% 0;}
  #navigation ul.nav a, #navigation ul.nav a:visited {height: auto;padding: 10px 20px;font-size: 90%;}
  #navigation ul.nav.corporatefont li {width: 40%;padding:8px 0;}
  .header-row.bottom {display:none;}
  /*   .container {width: 96%;margin: auto;} */
  .box.section.group {height: auto;width: 96%;margin: 4px auto 0;}
  #homepopup h1 {font-size: 30px;padding: 0 0 6px !important;line-height: 36px;margin-bottom: 0;}
  #homepopup h1.retailfont { font-size: 36px;line-height: 0;padding:0;}
  #homepopup li {line-height: 14px;font-size: 13px;margin: 0 0 4px;font-weight:300;}
  #homepopup .btn {    padding: 2px;background: #fff;color: #3c5075;margin-top: 0;font-size: 13px;width: 200px;}
  .box.section.group .col ul {height: auto;padding:8px 0;width:100%;}
  .box.section.group .col {min-height: initial;width: 100%;padding: 0 0 10px;font-size: 16px;line-height:10px;font-weight: 400;}  
  .retailthumbs {padding: 40px 0 0;}
  .retailbanner h1 {padding: 50px 0;}
  .collectionfooter {display:none;}
  #content .sidebar .col.span_1_of_3 {width: 96%;margin: 10px auto;display: block;height: auto;}
  #product .overview {width: 100%;float: none;margin: 0 auto;clear: both;}
  #product .right-side {display: inline;float: none;margin: 0 auto;width: 95%;}
  #product .right-side .middle {float:none;}
  #shippingheader .span_1_of_4 {width:50%;}
  #product .overview .tags {display:none;}
  #navigation ul.nav.retail {display: block;width:100%;text-align:center;}
  #navigation ul.nav.retail li {display: inline-block;height: auto;vertical-align: middle;padding:8px;}
  #navigation ul.nav li:hover .sub-menu {display: none;}
  .promoline {    padding: 2px;font-size: 10px; margin:0;}
  .promoline .fa-stack {font-size:10px;}
  ul.customgallery li:first-child img {width: 75%;margin: auto;display: block;}
  .hoverthumbs .col {    width: 47%;padding: 0 1%;margin:0;}
  .hoverthumbs .col .caption {font-size:12px;left:0;right:0;}
  h1.custom-title {font-size:30px !important;line-height:35px;}
  #landing-template .landing-xsell table a {font-size:10px;}
  /*   .yotpo.yotpo-main-widget {display:none !important;} */
  .featureblocks2 .col {width:100%;}
  #navigation ul.nav.retail a div.retailfont {    font-size: 22px;}
  #content {padding:10px 0;}
  .galleryitem {margin:0 auto;}
  .ui-tabs .ui-tabs-nav {text-align: center;}
  #hometabs .ui-tabs .ui-tabs-nav li {display: inline-block;float: none;padding: 8px 3px !important;width: auto !important;font-size: 12px;border: 1px solid grey !important;}
  .products div.product-div {float: none;min-height: 314px;margin: 0 1%;display: inline-block;width:100%;}
  .corporatecollection {text-align:center;}
  table.checkout, table.checkout td {width:auto!important;}
  #content .sidebar {display:none;}
  .mobilehide {display:none;}
  #content ul {padding:0;}
  ul.collection-matrix li {width: 33%;}
  .products a.product, .products a.product .img, .products a.product .title {width:100%;} 
  table.checkout tbody tr td.cart-first-cell {display:none;}
  h1.cart-title {background:none;text-align:center;}
  .leftSlider h3, .rightSlider h3 {font-size:32px;}
  .leftSlider p, .rightSlider p {font-size:18px;}
  .ui-tabs#tabs .ui-tabs-nav .ui-tabs-anchor {    font-size: .6em;padding: .8em 0;}
  #navigation ul.nav.retail li {padding: 0 !important; margin-top: 10px;}
  #product .related h3{padding-left: 10px !important;}
  #recently-viewed-products .product-div {width:25%;}
}

.mobileshow {display:block;}

@media only screen and (min-width: 769px) {
  .mobileshow {display:none;}
}

@media only screen and (max-width: 650px){
  #recently-viewed-products .product-div {width:33%;}
}

@media only screen and (max-width: 480px) {
  .480hide {display:none !important;}
  .colourbox ul li {margin: 0 1%;font-size: 10px;line-height: 11px;height: 30px;font-weight: 200;}
  ul.collection-matrix li {width: 48%; margin: 0 1%;}
  .custompage .landing-quote-body {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;column-gap: 0;}
  #yotpo_testimonials_btn {display: none;}
  .right2 form div.group {margin-left:0;}
  #recently-viewed-products .product-div {width:50%;}

  .product-info .title span {font-size: 12px;}
  .product-info .info {font-size: 12px;}

  .quote-image-upload-field p {
    text-align: center !important;
  }
  .quote-image-upload-field input[name="enterdigest"]{
    text-align: center !important;
  }
}

@media only screen and (min-width: 1250px) {

  #navigation ul.nav.retail a.toplevel {-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

}

@media only screen and (max-height: 700px) {
  .retailthumbs .col.span_1_of_3 {padding-top: 5px;} 
}

@media only screen and (max-height: 800px) {
  .retailthumbs .col.span_1_of_3 {padding-top: 2px;} 
}




@media only screen and (max-height: 900px) {
  .retailthumbs .col.span_1_of_3 {padding-top: 40px;} 
}


@media only screen and (max-width: 1600px) {
  div#phone{
    font-size: 12px;
  }

  .header-center-2{
    left:30%;
  }

  .header-right{
    left: 90%;
  }
}

@media only screen and (max-width: 1200px){

  .header-center-1 {
    left: 25%;
  }
}

@media only screen and (max-width: 950px){

  .header-center-1 {
    left: 25%;
  }

  #header .topbutton{
    font-size: 12px;
    padding: 0;
  }

  input.search {
    width: 200px;
  }

  .header-row.bottom{
    padding-left:3%;
  }

  .header-center-2{
    left:25%;
  }
}

@media only screen and (max-width: 800px){

  .header-center-2{
    left:30%;
  }
}

@media only screen and (max-width: 768px){
  .right2 form h3{font-size:18px;}
  .right2 form h4{font-size:14px;}
  .fileUpload{color:#fff; text-align:left;}
  .right2 form div.group div{width: 100%;display:block;}
  .right2 form input{margin:5px auto; width:100%;}
  .right2 textarea#Enquiry{width:100%;max-width:210px; height:60px;}
  .right2 input[type="submit"]{margin: auto;width: 100%;left: initial;margin-bottom: 20px;}
  .left1{margin-top:12%;}
  .left1 a {margin: 4px auto 8px;}
}

@media only screen and (max-width: 480px) {

  .mobile-hide {
    display: none !important;
  }

  .hide {
    display: block;
  }

  .header-center-1{
    position: fixed;
    top:0;
    left:0;
    z-index:100;
  }

  .header-row.top{
    display: flex;
  }

  #navigation ul.nav.retail li{
    width:90%;
    height: 40px;
    display:inline-flex;
  }

  #navigation ul.nav.retail a div.retailfont {font-size:24px!important;}

  #navigation{

    position: fixed;
    display: none;
    width: 100%;
    background: #eee;
    height: 100%;
    z-index:99;
    top:0;
    left:0;
    padding-top:50px;
  }

  #navigation.show {display:block;}

  #navigation ul.nav.retail{
    padding-top:30px;
    border:none;
    padding-right:5%;
  }

  #navigation ul.nav.corporatefont{
    padding-top:40px;
  }

  #navigation ul.nav.corporatefont li{
    display: block;
    height: 30px;
    margin: 0 auto;
    clear:both;
    width: 100%;
    text-align:center;
  }

  .header-left{
    position: relative;
    left: 60%;
    margin-top: -3%;
  }

  .header-center-2{

    position: relative;
    top: -20px;
    width: 250px;
    left: 0;

  }

  div#phone{   font-size:10px;padding: 0 2px 0 2px;line-height: 18px;}

  .header-right{left:80%;}

  .header-row.bottom{
    display: block;
    margin: 0 auto;
    padding-top: 20px;
  }

  input.search{
    width: 95%;
    margin-left: 0;
    border-radius: 0;
    padding: 8px 2%;
    border: none;
  }

  .corporatefont.bannertitle{
    font-size:12px;
  }

  .newSlider{width:100%; margin-left:0;}
  .leftSlider, .rightSlider{display: block; float:left; width:100%; height:auto;}
  .leftSlider h3, .rightSlider h3 {margin-top:20px;font-size:24px;}
  .right2 form{width:98%;padding:0 1%;margin:0;}
  #leftBtn, #rightBtn{display:none;}
  .left1 {display:none;}
  .left1, .right2 {margin:10px auto;}
  .left2, .right1, .right2{width:100%;}
  .leftSlider p, .rightSlider p{font-size: 16px;padding:2px 5% 0;width: 90%;}
  .mobilehide{display:block !important; width:100%;}
  #header .column-2 {position: absolute;top: 0;left: 0;width: 100%; z-index:98;}
  #header .topbutton {
    width: 108px;
    float: left;
  }
  div#header form.search {
    top: 94px;
    width: 100%;
    text-align: center;
    background: #fff;
    left: 0;
    right: 0;
    position: absolute;
    padding: 0;
    border-bottom:1px solid grey;
  }

  #header .column-3 {position: absolute;right: 0;padding-top: 28px;width: 38%;}
  #closenavigiation {    position: absolute;top: 0;right: 0;font-size: 22px;display: block !important;margin-right: 4px;padding:10px;background:#3c5075;color:#fff;}
  #header #phone .fa, #header #phone strong {display: inline-block;font-size: 10px;}
  #header #phone span {line-height: .9;}
  div#header {height: 129px;}
  #header .column-1 {top:40px}

  div#mobilesearch {text-align: center;padding: 10px 0 0;}

  .custom-header {
    max-width: 314px;
    width: 100%;
    margin: 0 auto;
    font-size: 20px;
    color: #555555;
  }

  ul.custom-corporate-buttons li{
    width: 100%;
    height: 32px;
    max-width: 314px;
    margin: 4px auto;
  }

  #callnow i.fa.fa-question-circle.fa-3x {
    line-height: 35px;
    font-size: 2.5em;
  }

  #callnow {
    height: 40px;
  }

  #callnow h2 {
    font-size: 15px;
    text-align: center;
    width: 100%;
    position: absolute;
    color: #fff;
  }

  #callnow h4 {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 22px auto;
    position: absolute;
    width: 100%;
  }

  .customgallery li:nth-child(n+6) {
    display: none;
  }

  .formafter p, .custompage p{
    width: 100%;
    text-align: left;
    font-size: 12px;
    margin: 10px auto;
  }

  #quotetabs {
    display: none !important;
  }

  #quote-mobile {
    display: block !important;
    margin-top: 10px;
  }

  #quote-mobile .landing-quote-body {

    padding: 10px 0;
  }


  #quote-mobile .landing-quote-field, #quote-mobile .landing-quote-submit {
    text-align: center;
    margin: 10px auto;
  }

  .hide-on-mobile{
    display: none !important;
  }

  #quote-mobile .landing-quote-submit input{
    max-width: 170px;
  }

  #clients .logos li:nth-child(n+5) {
    display: none;
  }

  #clients h2 {
    color: #555555;
    font-size: 20px;
  }

  #clients ~ h2 {
    display: none;
  }

  #clients ~ h2 ~ div {
    display: none;
  }

  div#clients {
    padding: 20px 0 0;
  }

  #header #phone {
    width: auto;
    padding: 0;
    line-height: 14px;
  }

  .custompage h2 {
    color: #555555;
  }
  .custompage hr {
    display: none;
  }

  .custompage {
    padding-bottom: 20px !important;
  }

  #product .photo-box-wrapper .photobox {
    text-align: center;
  }

  #product .photo-box-wrapper .photobox img{
    width: 60%;
  }

  .product-template {
    display: none;
  }

  #product .thumbs .swiper-slide {
    height: auto;
  }

  #product .right-side h1 {
    font-size: 24px !important;
  }

  #product .overview .media .thumbs .thumb {
    width: 30%;
  }

  div#customproduct {
    display: block;
  }
  #header .topbutton.with-after#retailbutton:after, #header .topbutton.with-after#corporatebutton:after {font-size: 12px;top: 12px;}

}
.hide{
  display: none;
}

@media only screen and (max-width: 480px) {
  div#header div#checkout a span span{display:none !important;} 
  div#header div#checkout{ float: right !important; width: 50px !important; padding: 5px 0px !important; font-size:10px;}
  div#header div#checkout i{font-size:15px;}


}

#quotetabs {
  display: block;
}

#quote-mobile {
  display: none;
}

@media only screen and (max-width: 374px) {
  #header .column-3 {display:none;}
}