@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap");
body, p, h1, h2, h3, h4, h5, h6, a, a:hover {
  font-family: 'Lato', sans-serif; }

.optimizedCheckout-headingPrimary, .optimizedCheckout-headingSecondary, .form-actions.customerEmail-action button, .optimizedCheckout-buttonPrimary, .optimizedCheckout-buttonSecondary, .form-actions .button {
  font-family: 'Lato', sans-serif; }

.maintenanceNotice {
  display: none; }

.account-links ul {
  margin: 0; }

.right.TopMenuLogo li.navUser-item.navUser-item--cart .navUser-action {
  margin: 0 0 0 20px;
  padding: 0;
  border: 0; }

.right.TopMenuLogo li.navUser-item.navUser-item--cart .navUser-action .countPill {
  background-color: #C71140;
  color: #fff; }

a.button.button--small.card-figcaption-button.ProdOutOfStock {
  background-color: red; }

.navUser-item.navUser-item--cart #cart-preview-dropdown .previewCartAction a.button {
  color: #fff; }

.productView-details .form[data-cart-item-add] .alertBox {
  border: 0;
  margin-bottom: 0 !important; }

.productView-details .form[data-cart-item-add] .alertBox .alertBox-column.alertBox-icon .icon > svg {
  fill: red; }

.productView-details .form[data-cart-item-add] .alertBox .alertBox-column.alertBox-message > span {
  color: red;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px; }

.HeaderRightLogo > p {
  background: url(https://cdn11.bigcommerce.com/s-wd80dus2j8/product_images/uploaded_images/rad-small-v1.png) left center no-repeat, url(https://cdn11.bigcommerce.com/s-wd80dus2j8/content/home-img/guarantee-logo.png) 120px center no-repeat;
  padding-left: 240px;
  height: 130px;
  width: 100%;
  /* max-width: 375px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  background-size: 110px; }

#side-categories div.brands li a, .heroCarousel-content .heroCarousel-title,
.heroCarousel-content .heroCarousel-description,
h2.container-header,
.footer-top.newsletter h5,
.footer-top.newsletter .form-prefixPostfix .button,
.right-main #side-categories li .navPages-action,
.footer-info-col .footer-info-heading,
.footer-info-list li a,
a.button.button--small.card-figcaption-button,
ul.productGrid li.product article.card .card-title a,
.slider span.heroCarousel-action.button,
.container-header, .card-text span.price, span.compare-text {
  font-family: Lato,sans-serif !important; }

.right-main #side-categories li .navPages-action,
.footer-info-list li a,
.footer-info-col .footer-info-heading {
  color: #3F3F3F !important; }

.socialLinks .socialLinks-item .icon--twitter svg {
  fill: #76A9EA; }

.socialLinks .socialLinks-item .icon--facebook svg {
  fill: #475993; }

.socialLinks .socialLinks-item .icon--pinterest svg {
  fill: #9F1121; }

.socialLinks .socialLinks-item .icon--youtube svg {
  fill: #F61C0D; }

.socialLinks .socialLinks-item .icon--instagram svg {
  fill: #E71E7D; }

.socialLinks .socialLinks-item .icon--google svg {
  fill: #F34A38; }

.right.TopMenuLogo a {
  display: inline-block;
  vertical-align: middle; }

.header-container .top-menu {
  height: auto;
  background: #fff; }

.right.TopMenuLogo a.AusFlag {
  background: url("https://cdn11.bigcommerce.com/s-wd80dus2j8/content/home-img/ausflag.png") no-repeat left center;
  padding-left: 60px; }

.header-container .top-menu {
  height: auto;
  background: #fff;
  padding: 15px 0; }

.top-menu .left a {
  font-size: 20px;
  line-height: 38px;
  font-weight: 300;
  text-decoration: none;
  color: #31ACDF;
  font-family: 'Lato', sans-serif;
  transition: 0.2s all ease-in; }

.Email {
  margin-left: 45px; }

.left a:hover {
  color: #1072B8;
  transition: 0.2s all ease-in; }

.TopMenuLogo a:last-child {
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  color: #6E6E6E;
  font-family: 'Lato', sans-serif;
  line-height: 19px; }

h1.header-logo.header-logo--left {
  z-index: 10; }

.right.TopMenuLogo > a:first-child {
  border-right: 1px solid #DFDFDF;
  margin-right: 15px;
  padding-right: 15px; }

.footer-bottom {
  background-color: #1072b8;
  height: auto;
  border-top: 5px solid;
  border-color: #0b5489;
  padding: 15px; }

.footer-bottom span, .footer-bottom ul li, .footer-bottom ul li a, footer a, .regular address {
  color: #fff !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  font-family: 'Lato', sans-serif; }

.regular address {
  color: #3F3F3F !important;
  line-height: 35px; }

.top-menu .left .icon {
  height: 30px;
  width: 30px;
  margin-right: 10px; }

.top-menu .left .icon > svg {
  fill: #26abe2; }

.quickSearchResults .card-title {
  min-height: auto; }

.quickSearchResults .card-text.add-to-cart-button .button.button--small.card-figcaption-button {
  line-height: inherit; }

.content.copyright {
  display: flex;
  align-items: center; }

.content.copyright > ul, .content.copyright > div {
  width: 33.333%; }

.header-logo.header-logo--left {
  z-index: 10; }

.ftrBtmLink {
  justify-content: flex-end;
  display: flex; }

.ftrBtmLink > .site-info > li:first-child > a::after {
  content: "|";
  padding: 0 8px; }

.both-grid-list-views .actionBar {
  float: left; }

.grid-list-view.toggle {
  float: right;
  top: 4px; }

.both-grid-list-views .actionBar select#sort {
  height: 45px;
  line-height: 1.2rem; }

.form-select--small {
  background-position: right .5rem top 1rem; }

select#sort {
  border: 1px solid #e8e8e8;
  background-color: #fbfbfb;
  text-transform: capitalize;
  font-size: 20px; }

.breadcrumb, .breadcrumbs .breadcrumb .breadcrumb-label {
  font-size: 20px;
  color: #0b5489; }

.icon.icon-home {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-top: -5px; }

.icon.icon-home > svg {
  fill: #0b5489; }

.icon--ratingEmpty svg {
  stroke-width: 60px; }

.price-section .price.price--rrp {
  color: #939393;
  font-weight: 400; }

.add-to-cart-button .button.button--small.card-figcaption-button.compare {
  cursor: pointer;
  font-weight: 700;
  font-size: 18px; }

.compare a {
  border: 1px solid #3f3f3f;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #3f3f3f;
  padding: 10px 15px !important; }

span.compare-text {
  color: #3f3f3f !important; }

.CategoryDesc > p {
  font-size: 20px;
  color: #3f3f3f;
  font-weight: 300;
  font-family: 'Lato', sans-serif; }

.CategoryDesc > p .morelink {
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  color: #0b5489; }

/***********Product Page***********/
.productView-price {
  margin: 0; }

.productView-product .productView-title {
  font-size: 40px;
  border: 0;
  padding: 0;
  font-weight: 300;
  color: #3f3f3f;
  font-family: 'Lato', sans-serif; }

.productView-price .price-section .price {
  font-size: 24px;
  font-weight: 400;
  color: #3f3f3f;
  font-family: 'Lato', sans-serif; }

.productView-info .productView-info-name {
  color: #3f3f3f;
  font-weight: 400;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  line-height: 1.5rem; }

.productView-info .productView-info-value {
  font-weight: 300;
  color: #3f3f3f;
  font-family: 'Lato', sans-serif;
  line-height: 1.5rem; }

.form-field.form-field--increments .form-label {
  font-size: 18px;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  line-height: 1.5rem;
  color: #3f3f3f; }

.form-increment .button {
  background-color: #e9e9e5;
  border: 0; }

.form-increment .button .icon svg {
  fill: #3f3f3f; }

.productView-options .form-action #form-action-addToCart {
  font-size: 18px;
  border: 0;
  background-color: #1072b8;
  font-family: 'Lato', sans-serif;
  padding: 15px 35px; }

.form-action.wishlist .custom-checkbox-text {
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #3f3f3f; }

.productView-price .price-section .price {
  font-size: 18px; }

.productView-price .price-section .price.price--rrp {
  font-weight: 300;
  color: #939393; }

.price-section.price-section--saving .price {
  color: #26abe2; }

.product.main.left .main-image-container {
  border: 0; }

.sidebar.right .card-text.add-to-cart-button {
  position: inherit;
  width: 82%; }

.productView-description .tabs {
  border-bottom: 4px solid #1072b8; }

.productView-description .tabs .tab {
  background-color: transparent; }

.productView-description .tabs .tab .tab-title {
  font-size: 20px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #3f3f3f;
  height: auto;
  padding: 10px;
  background-color: #fff; }

.productView-description .tabs .tab.is-active .tab-title {
  color: #fff;
  background-color: #1072b8; }

.tab-content {
  color: #3f3f3f;
  font-size: 18px;
  font-weight: 300;
  font-family: 'Lato', sans-serif; }

.tab-content .tab-content-title {
  font-size: 30px;
  font-weight: 400;
  color: #3f3f3f;
  font-family: 'Lato', sans-serif;
  border: 0;
  padding: 0;
  text-transform: capitalize; }

.product.main .productView-description .tabs-contents {
  border: 0; }

.productView-rating {
  margin: 5px 0 10px 0; }

.product.main .productView-description .tabs-contents {
  padding: 10px 0; }

.ChekoutBreadcrums {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 10px; }

/***************Checkout***********/
.CheckoutTopText {
  display: flex;
  align-items: center; }

.CheckoutTopText .SafeText {
  background: url("https://cdn11.bigcommerce.com/s-wd80dus2j8/content/home-img/lock_icon.png") no-repeat left center;
  padding-left: 50px;
  height: 52px; }

.CheckoutTopText > span {
  display: flex;
  align-items: center;
  color: #595959;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  width: 49%; }

.CheckoutTopText .ShippingText {
  background: url("https://cdn11.bigcommerce.com/s-wd80dus2j8/content/home-img/truck_icon.png") no-repeat;
  height: 60px;
  padding-left: 80px; }

.CheckoutTopText .ShippingText > span {
  color: #0070bb;
  font-weight: 600;
  margin-right: 5px; }

.CheckoutBtmText .GauranteeText {
  font-size: 60px;
  color: #1072b8;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 3.5rem;
  background: url("https://cdn11.bigcommerce.com/s-wd80dus2j8/content/home-img/moneyback_checkout.png") no-repeat left center;
  padding-left: 230px;
  height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.CheckoutBtmText .GauranteeText > span {
  display: block;
  font-size: 30px;
  font-weight: 600; }

.CheckoutCards {
  text-align: right;
  padding-right: 20px;
  font-size: 22px;
  color: #0b5489; }

.CheckoutCards img {
  display: inline-block;
  width: 100%;
  max-width: 200px; }

.CheckoutCards > span:first-child {
  margin-right: 10px; }

#micro-app-ng-checkout .button {
  background-color: #1072b8;
  border: 0;
  min-height: 45px;
  height: auto;
  padding: 5px 30px; }

.socialLinks--alt .socialLinks-item .icon {
  height: 32px;
  width: 32px; }

.productView .socialLinks .icon {
  height: 23px;
  width: 23px; }

.productView-details .socialLinks .icon--email svg {
  fill: #f6bb43; }

.productView-details .socialLinks .icon--print svg {
  fill: #389155; }

.content-page-with-sidenav ul.breadcrumbs {
  margin-bottom: 18px;
  margin-top: 0; }

.form-legend {
  border: 0; }

.form-actions a#checkout-customer-cancel {
  padding: 10px 30px; }

.main.full .productGrid .product, .category .productGrid .product {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.category .productGrid .product {
  margin-bottom: 50px; }

.productView label.form-label {
  font-size: 18px;
  font-family: Lato,sans-serif;
  font-weight: 400;
  color: #3f3f3f; }

div[data-product-option-change] .form-select--small {
  background-position: right .5rem top .5rem;
  font-family: Lato,sans-serif; }

.testimonial-main {
  margin: 20px 0; }

.testimonial-inner {
  border: 1px solid #E6E6E6;
  padding: 20px; }

main.page.content .testimonial-main .testimonial-heading {
  background: url("https://benchmark-sleep-services-pty-ltd.mybigcommerce.com/product_images/uploaded_images/quotes.png") no-repeat left center;
  margin: 0 0 20px 0;
  padding-left: 40px !important;
  text-align: left;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  color: #000;
  font-family: 'Lato', sans-serif; }

.testimonial-inner::after, .testimonial-inner::before {
  content: "";
  clear: both;
  display: table; }

main.page.content .testimonial-main .testimonial-image {
  margin: 5px 15px 5px 0;
  float: left; }

main.page.content .testimonial-main .testimonial-image img {
  background: #FFF;
  border: 1px solid #EFEFEF;
  padding: 6px;
  margin: 0 auto; }

main.page.content .testimonial-main .testimonial-content p {
  color: #666666;
  font-size: 16px;
  margin: 10px 0 10px 0;
  line-height: 27px;
  font-weight: 300;
  font-family: 'Lato', sans-serif; }

main.page.content .testimonial-main .testimonial-client p {
  margin: 14px 0 0 0;
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  color: #666666;
  text-transform: capitalize;
  font-family: 'Lato', sans-serif; }

@media all and (min-width: 801px) {
  .TopMenuLogo .right.account-links.shift-right {
    right: 0; }
  #menu .navPage-subMenu {
    border: 0; }
  #menu .navPages .navPage-subMenu-list {
    padding: 0; }
  #menu .navPage-subMenu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .header-container.sticky-header.is-active .navPages.sticky-nav.search.visible .form {
    max-width: 100%; }
  .header-container.sticky-header .header-container {
    margin-top: 70px; }
  .header-container.sticky-header .top-menu .content {
    position: relative; }
  .top-menu .right.TopMenuLogo {
    position: absolute;
    right: 0px;
    display: flex;
    align-items: center; }
  .header-container.sticky-header.is-active .top-menu {
    box-shadow: 0px 1px 10px #1072B8; }
  .header-container.sticky-header.is-active .navPages-quickSearch {
    border-bottom: 1px solid #26ABE2; }
  .header-container.sticky-header.is-active .navPages-quickSearch .fa-search:before {
    color: #26ABE2; }
  .header-container.sticky-header.is-active nav.navPages.sticky-nav.search {
    width: 50% !important; }
  .header-container.sticky-header.is-active nav.navPages.sticky-nav.search section.quickSearchResults {
    width: 100% !important; }
  .header-container.sticky-header .top-menu {
    height: 100%;
    max-height: 70px; }
  .header-container.sticky-header.is-active .top-menu .right.TopMenuLogo {
    display: none; }
  div#dialog {
    top: 75px !important; }
  div#modal-review-form {
    top: 55% !important;
    min-height: 200px; }
  #menu ul.navPage-subMenu-list {
    background: #1072B8; }
  #menu .navPage-subMenu li {
    border-bottom: 1px solid #fff; }
  #menu .navPage-subMenu li:last-child {
    border: 0; }
  #menu .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action {
    padding: 10px 0 !important;
    line-height: 1.2rem;
    color: #fff;
    background-color: #1072B8; }
  #menu .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action + span.down-arrow {
    color: #ffff; }
  #menu .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-childList .navPage-childList-item .navPage-childList-action {
    padding: 10px !important;
    color: #fff; }
  #menu .navPage-subMenu li a {
    background-color: #1072B8; }
  #menu .navPage-childList {
    position: absolute;
    left: 300px;
    width: 100%;
    top: 0; }
  #menu .navPage-subMenu-item span.down-arrow {
    transform: rotate(270deg); } }

@media all and (min-width: 768px) {
  .slider.in-container .heroCarousel-content {
    background-color: rgba(38, 171, 226, 0.7);
    width: 50%;
    left: 0;
    height: 100%;
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: center; }
  #menu .navPages .navPages-list .navPages-item .navPages-action, #menu .navPages .navPages-list .navPages-item .nav-align .custom-pages-nav #desktop-menu .navPages-item .navPages-action {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    padding: 20px 25px 20px 0 !important;
    line-height: 40px; }
  .header-container.full-width.full-width header.header {
    display: flex;
    align-items: center; }
  .header-container .full-width header.header {
    padding: 10px !important;
    background-color: #26abe2 !important; }
  .header-container .header {
    height: auto; }
  .HeaderLogo {
    width: 31%; }
  .HeaderSearch {
    width: 35%;
    margin: 0 10px; }
  .HeaderRightLogo {
    width: 40%;
    display: block !important; }
  .HeaderSearch #menu {
    width: 30%; }
  .HeaderSearch .right.searchbar .form .form-fieldset {
    width: 100% !important; }
  .HeaderSearch .navPages-quickSearch input#search_query {
    height: 63px !important; }
  .HeaderSearch .search-icon {
    right: 20px;
    top: 20px; }
  .HeaderSearch a.modal-close.custom-quick-search {
    top: 63px; }
  .heroCarousel-content .heroCarousel-title {
    font-size: 35px;
    text-transform: uppercase !important;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 40px;
    font-family: Lato,sans-serif; }
  .heroCarousel-content .heroCarousel-description {
    font-size: 25px;
    line-height: 2.3rem;
    font-weight: 400;
    margin-bottom: 30px;
    font-family: Lato,sans-serif; }
  .heroCarousel-content {
    padding: 30px 150px 30px 30px; }
  .container-header.page-heading {
    margin-bottom: 40px !important; }
  .heroCarousel-content .heroCarousel-action {
    margin: 0;
    text-align: left;
    font-size: 25px !important;
    line-height: 60px;
    padding: 0 30px;
    font-family: Lato,sans-serif;
    font-weight: 700;
    width: inherit;
    text-align: center;
    border: 0 !important; }
  h2.container-header {
    font-size: 20px;
    font-weight: 400 !important;
    line-height: 30px;
    padding: 15px 15px;
    font-family: Lato,sans-serif !important; }
  .category-list,
  .brands-list {
    padding: 30px 0 30px;
    background-color: #fff; }
  .sideCategoryList .categories,
  .sideCategoryList .brands {
    border-bottom: 0;
    border-color: transparent;
    margin-bottom: 0; }
  #side-categories li .navPages-action, #side-categories div.brands li a {
    font-size: 18px;
    padding: 0 20px !important;
    margin-bottom: 8px;
    font-weight: 400;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
    color: #3f3f3f !important; }
  .footer-top.newsletter {
    height: 100%;
    padding: 10px 0; }
  .content.newsletter > div {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .footer-top.newsletter h5 {
    font-family: Lato,sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    padding: 0; }
  span.smaller.lighter.lowercase {
    font-size: 30px;
    font-weight: 400; }
  .footer-top.newsletter form.form {
    height: auto !important;
    padding: 0 !important;
    width: 100%;
    max-width: 680px; }
  .footer-top.newsletter form.form .form-field {
    margin: 0; }
  footer .form-prefixPostfix .form-input {
    height: 75px !important;
    font-size: 20px; }
  .footer-top.newsletter .form-prefixPostfix .button {
    height: 75px !important;
    padding: 0 30px;
    margin-left: 10px;
    font-size: 30px; }
  footer.footer .container {
    margin-bottom: 0; }
  .footer-info {
    padding-bottom: 40px;
    padding-top: 50px; }
  .footer-info-col .footer-info-heading {
    font-size: 25px;
    text-transform: uppercase;
    line-height: 35px;
    padding: 0;
    margin-bottom: 20px; }
  .footer-info-list li a {
    font-size: 20px;
    line-height: 25px; }
  footer .footer-info-list li {
    padding-bottom: 10px; }
  h4.card-title {
    font-weight: 400;
    height: auto;
    min-height: 75px;
    margin-bottom: 10px; }
  ul.productGrid li.product article.card .card-title a, .sidebar.right h4.card-title a {
    font-size: 18px;
    color: #3F3F3F;
    font-weight: 700;
    line-height: 25px;
    height: 100% !important; }
  .card-body .card-text {
    margin-bottom: 10px; }
  .card-text span.price {
    color: #3F3F3F;
    font-size: 18px; }
  .card-body .card-text.add-to-cart-button {
    position: relative;
    margin: 0;
    width: 82%; }
  a.button.button--small.card-figcaption-button {
    font-size: 18px;
    margin: 0;
    line-height: 40px;
    padding: 10px; }
  div#side-categories li.navPages-item span.down-arrow, div#side-categories li.navPages-item.active span.down-arrow {
    color: #1072b8; }
  /************drop menu*************/
  #menu .navPage-subMenu {
    width: 300px; }
  #menu .navPages .navPages-list .navPages-item:hover .navPage-subMenu {
    display: block; }
  #menu .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action {
    padding: 10px 0 !important;
    line-height: 1.2rem; }
  #menu i.fa.fa-chevron-down.main-nav {
    color: #0b5489; }
  #menu .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-childList .navPage-childList-item .navPage-childList-action {
    padding: 10px 0 !important;
    line-height: 1.2rem;
    color: #fff;
    font-size: 16px; }
  #menu .navPage-subMenu li {
    position: relative; }
  #menu .navPage-subMenu li span.down-arrow {
    top: 8px; }
  #menu .navPage-subMenu li span.down-arrow {
    display: block;
    color: #0b5489; }
  #side-categories .category-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item-child .navPage-subMenu-action {
    margin: 0;
    padding-bottom: 8px !important; }
  section.quickSearchResults article.card {
    height: 90px; } }

@media all and (max-width: 1199px) {
  .heroCarousel-content {
    padding: 15px; }
  .heroCarousel-content .heroCarousel-title {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px; }
  .heroCarousel-content .heroCarousel-description {
    font-size: 20px;
    line-height: 2rem;
    margin-bottom: 20px; }
  .heroCarousel-content .heroCarousel-action {
    font-size: 21px !important;
    line-height: 50px;
    width: 100%;
    max-width: 180px; }
  .HeaderRightLogo > p {
    padding-left: 240px;
    font-size: 20px;
    background-size: 110px; }
  .footer-info-col .footer-info-heading {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px; }
  .footer-info-list li a {
    font-size: 18px;
    line-height: 22px; }
  .regular address {
    font-size: 18px;
    line-height: 35px; }
  .footer-top.newsletter h5 {
    font-size: 24px;
    line-height: 25px; }
  .footer-top.newsletter .form-prefixPostfix .button {
    font-size: 24px; }
  .footer-bottom span, .footer-bottom ul li,
  .footer-bottom ul li a,
  .regular address, footer a {
    font-size: 18px; }
  #menu .navPages .navPages-list .navPages-item .nav-align .custom-pages-nav #desktop-menu .navPages-item .navPages-action,
  #menu .navPages .navPages-list .navPages-item .navPages-action {
    font-size: 17px;
    padding: 15px 14px !important;
    line-height: 25px; }
  h2.container-header {
    font-size: 15px;
    padding: 10px; }
  #side-categories div.brands li a, #side-categories li .navPages-action {
    font-size: 15px; }
  .CategoryDesc > p {
    font-size: 18px;
    line-height: 25px; }
  .CategoryDesc > p .morelink {
    font-size: 18px; }
  .both-grid-list-views .actionBar select#sort {
    font-size: 18px; }
  a.button.button--small.card-figcaption-button {
    font-size: 16px;
    line-height: 20px; }
  #menu .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action {
    line-height: 1rem;
    font-size: 15px; }
  #menu .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-childList .navPage-childList-item .navPage-childList-action {
    padding: 6px 5px !important;
    font-size: 15px; }
  .productView-product .productView-title {
    font-size: 30px;
    line-height: 35px; }
  .tab-content .tab-content-title {
    font-size: 25px; } }

@media all and (max-width: 991px) {
  .HeaderRightLogo > p {
    padding-left: 230px;
    height: 100px;
    font-size: 16px;
    background-size: 100px; }
  .HeaderSearch .navPages-quickSearch input#search_query {
    height: 50px !important; }
  .HeaderSearch .search-icon {
    right: 12px;
    top: 15px; }
  .top-menu .left a {
    font-size: 16px;
    line-height: 26px; }
  .top-menu .left .icon {
    height: 25px;
    width: 25px;
    margin-right: 5px; }
  .Email {
    margin-left: 25px; }
  .right.TopMenuLogo a:first-child {
    margin-right: 15px;
    padding-right: 15px;
    max-width: 210px; }
  .right.TopMenuLogo a.AusFlag {
    padding-left: 50px; }
  .TopMenuLogo a:last-child {
    font-size: 15px;
    line-height: 18px; }
  #menu .navPages .navPages-list .navPages-item .nav-align .custom-pages-nav #desktop-menu .navPages-item .navPages-action,
  #menu .navPages .navPages-list .navPages-item .navPages-action {
    font-size: 15px;
    padding: 10px 10px !important;
    line-height: 20px; }
  .footer-top.newsletter h5 {
    font-size: 18px;
    line-height: 25px; }
  footer .form-prefixPostfix .form-input {
    height: 60px !important;
    font-size: 18px; }
  .footer-top.newsletter .form-prefixPostfix .button {
    height: 60px !important;
    font-size: 18px; }
  .footer-info {
    padding-bottom: 30px;
    padding-top: 30px; }
  .footer-info-col .footer-info-heading {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px; }
  .regular address {
    line-height: 25px; }
  .footer-bottom {
    padding: 10px 0; }
  .footer-info-list li a {
    font-size: 15px;
    line-height: 20px; }
  footer .footer-info-list li {
    padding-bottom: 5px; }
  span.smaller.lighter.lowercase {
    font-size: 24px; }
  .socialLinks--alt .socialLinks-item .icon {
    height: 22px;
    width: 22px; }
  .footer-bottom span, .footer-bottom ul li, .footer-bottom ul li a, .regular address, footer a {
    font-size: 14px;
    line-height: 20px;
    padding: 0; }
  h2.container-header {
    line-height: 20px; }
  .brands-list, .category-list {
    padding: 15px 0;
    background-color: #fff; }
  #side-categories div.brands li a, #side-categories li .navPages-action {
    padding: 0 5px !important; }
  .compare a {
    font-size: 15px;
    padding: 5px 15px !important; }
  .add-to-cart-button .button.button--small.card-figcaption-button.compare {
    font-size: 17px; }
  ul.breadcrumbs {
    margin-bottom: 15px; }
  .breadcrumb, .breadcrumbs .breadcrumb .breadcrumb-label {
    font-size: 16px; }
  #menu .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-subMenu-item .navPage-subMenu-action {
    line-height: 0.8rem;
    font-size: 13px; }
  #menu .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list .navPage-childList .navPage-childList-item .navPage-childList-action {
    padding: 7px 4px !important;
    font-size: 13px; }
  .productView-options .form-action #form-action-addToCart {
    font-size: 17px;
    padding: 15px 30px; }
  .tab-content {
    font-size: 16px;
    line-height: 22px; }
  .productView-description .tabs .tab .tab-title {
    font-size: 18px;
    line-height: 25px; } }

@media all and (max-width: 800px) {
  .header-container.sticky-header .top-menu nav.navPages.sticky-nav.search.visible,
  .header-container.sticky-header.is-active.top-menu nav.navPages.sticky-nav.search.visible,
  .header-container.sticky-header .top-menu nav.navPages.sticky-nav.search,
  .header-container.sticky-header.is-active.top-menu nav.navPages.sticky-nav.search {
    display: none !important; }
  .product-page-with-sidenav section.productView-details {
    padding-left: 0; }
  .home-page-with-sidenav .slick-list.draggable .heroCarousel-content {
    background-color: #26ABE2;
    width: 100%; }
  body.main.home {
    padding-top: 60px !important; }
  .right.TopMenuLogo a.AusFlag {
    display: none; }
  .Email {
    display: none; }
  .right.TopMenuLogo a:first-child {
    margin-right: 0;
    padding-right: 0;
    max-width: 190px;
    border: none; }
  .top-menu .right {
    text-align: right; }
  .header-container header.header {
    padding: 0 !important; }
  .footer-top.newsletter {
    height: auto; }
  .footer-top.newsletter form.form {
    float: none;
    padding-top: 0 !important;
    width: 85%;
    margin: 0 auto !important;
    height: auto !important; }
  .footer-top.newsletter h5 {
    padding: 15px 0;
    width: 100%;
    text-align: center; }
  .footer-top.newsletter form.form .form-field {
    margin-bottom: 20px; }
  .footer-top.newsletter .form-prefixPostfix .button, footer .form-prefixPostfix .form-input {
    height: 50px !important; }
  .footer-bottom span, .footer-bottom ul li, .footer-bottom ul li a, .regular address, footer a {
    font-size: 12px;
    line-height: 18px; }
  body.main:not(.home) .header-container {
    margin-top: 60px !important; }
  div#side-categories.sideCategoryList.desktop,
  div#side-categories.sideCategoryList.mobile {
    display: none; }
  .footer-top.newsletter {
    padding: 0; }
  .content.newsletter > div {
    display: block; }
  .category .both-grid-list-views .actionBar {
    top: -35px;
    margin: 0; }
  .both-grid-list-views .actionBar select#sort {
    width: 100%;
    float: left;
    max-width: 180px; }
  body.main.twelve-eighty .brand.main, body.main.twelve-eighty .brand.main .banners.bottom, body.main.twelve-eighty .category.main, body.main.twelve-eighty .category.main .banners.bottom, body.main.twelve-eighty .content-page-with-sidenav .page-content.page-content, body.main.twelve-eighty .home.home-page-with-sidenav .banners.bottom, body.main.twelve-eighty .home.home-page-with-sidenav .banners.top, body.main.twelve-eighty .home.home-page-with-sidenav .featured-products-section, body.main.twelve-eighty .product.main.left.product-page-with-sidenav .additional-products, body.main.twelve-eighty .product.main.left.product-page-with-sidenav .productView, body.main.twelve-eighty .slider.float.in-container {
    width: 100%; }
  .header.is-open div#menu {
    top: 10px; }
  .header.is-open div#menu .navPages-list .navPages-item {
    display: none; }
  .header.is-open div#menu .navPages-list .nav-align .navPages-item {
    display: block; }
  .mobile-menu.navPages-container, .navPages {
    background-color: #26ABE2 !important; }
  #mobile-menu .category-menu .navPages-item.mobile.active > .navPages-action.has-subMenu + .down-arrow {
    top: 15px; }
  .mobile-menu .right.searchbar {
    width: 100%;
    position: static; }
  .mobile-menu .custom-pages-nav {
    margin-top: 10px; }
  .CheckoutBtmText .GauranteeText {
    font-size: 35px;
    line-height: 2.5rem;
    background-position: top center;
    padding-top: 230px;
    display: block;
    text-align: center;
    height: auto;
    padding-left: 0; }
  .CheckoutBtmText .GauranteeText > span {
    font-size: 20px; }
  .ChekoutBreadcrums {
    padding: 25px; }
  .CheckoutTopText {
    display: block; }
  .CheckoutTopText > span {
    width: 100%;
    margin-bottom: 20px; }
  .product.main.left.product-page-with-sidenav .productView-options .form-action.wishlist {
    width: 100%;
    max-width: 200px; }
  .form-action.wishlist span.custom-checkbox-text {
    left: -55px; }
  .tab {
    width: 23%; }
  div#menu .navPage-subMenu-list span.down-arrow {
    height: 30px;
    width: 35px;
    text-align: center;
    z-index: 99;
    right: 0; }
  .productView-options .form-action {
    padding: 0; }
  #menu .navPages .navPages-quickSearch.right.searchbar {
    margin-top: 20px; }
  .heroCarousel-content {
    display: none !important; } }

@media all and (max-width: 767px) {
  .right.TopMenuLogo.shift-right > a {
    display: none !important; }
  .right.TopMenuLogo li.navUser-item.navUser-item--cart .navUser-action span.countPill {
    margin: 0;
    position: absolute;
    right: 0;
    left: inherit; }
  .custom-pages-nav .navPages-action, .top-menu .right a.navUser-action, .top-menu .right span.or-text, .top-menu div {
    font-family: Lato,sans-serif; }
  a.button.button--small.card-figcaption-button {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 10px; }
  .header-logo.header-logo--left {
    display: block !important;
    opacity: 1 !important; }
  .slider span.heroCarousel-action.button {
    text-align: center;
    line-height: 30px;
    margin: 0; }
  .product.main.left.product-page-with-sidenav,
  main.page.content.contact.contact-page-with-sidenav,
  main.page.content.content-page-with-sidenav {
    margin-top: 0px !important; }
  .right.TopMenuLogo > a {
    display: none; }
  li.navUser-item.navUser-item--cart {
    position: inherit;
    top: 0;
    right: 15px; } }

@media all and (max-width: 640px) {
  .footer-top.newsletter h5 {
    padding: 10px 0;
    font-size: 15px;
    line-height: 18px; }
  span.smaller.lighter.lowercase {
    font-size: 15px; }
  .footer-top.newsletter input#nl_email {
    padding: 5px 10px; }
  .footer-top.newsletter .form-prefixPostfix .button,
  footer .form-prefixPostfix .form-input {
    height: 35px !important;
    font-size: 16px;
    line-height: 35px; }
  .content.copyright {
    display: block;
    text-align: center; }
  .FtrBtmImage {
    margin: 5px 0 3px; }
  .ftrBtmLink {
    display: block; }
  .content.copyright > div, .content.copyright > ul {
    width: 100%; } }

@media all and (max-width: 560px) {
  .heroCarousel-content .heroCarousel-title {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 30px;
    padding: 0; }
  .heroCarousel-content .heroCarousel-description {
    font-size: 15px;
    line-height: 1.5rem;
    margin-bottom: 15px; }
  .slider span.heroCarousel-action.button {
    line-height: 20px;
    font-size: 16px !important;
    padding: 10px;
    max-width: 120px; }
  .tab {
    width: 23%; }
  .tab-content .tab-content-title {
    font-size: 20px; } }

@media all and (max-width: 550px) {
  .right.TopMenuLogo li.navUser-item.navUser-item--cart .navUser-action span.countPill {
    top: -5px !important; } }

@media all and (max-width: 480px) {
  .phone-number .icon-phn {
    display: none; }
  .right.TopMenuLogo a:first-child {
    max-width: 140px;
    margin-top: 6px; }
  .footer-top.newsletter form.form {
    width: 100%; }
  .footer-top.newsletter .form-prefixPostfix .button {
    font-size: 14px;
    margin: 10px 0 0 0;
    width: 100%; }
  .category.main {
    margin-top: 0; }
  .breadcrumb, .breadcrumbs .breadcrumb .breadcrumb-label {
    font-size: 14px; }
  .blog.single, ul.breadcrumbs {
    margin-top: 0; }
  .CheckoutTopText > span {
    font-size: 15px; }
  .CheckoutCards {
    text-align: left;
    padding-right: 0;
    font-size: 18px; }
  .product.main.left.product-page-with-sidenav,
  main.page.content.contact.contact-page-with-sidenav,
  main.page.content.content-page-with-sidenav {
    margin-top: 0px !important; } }

@media all and (max-width: 385px) {
  a.button.button--small.card-figcaption-button {
    padding: 4px; } }

@media all and (max-width: 800px) and (min-width: 768px) {
  .header .HeaderLogo {
    width: auto; }
  .HeaderRightLogo {
    width: 90%; } }

/*************** Custom Mayur Code ************/
#menu .navPages .navPages-list .navPages-item .navPages-action {
  font-size: 1.4rem !important; }

.h2.page-heading {
  border: none;
  text-transform: capitalize;
  font-size: 28px;
  padding-left: 0;
  margin-bottom: 0;
  color: #545454;
  margin-top: 0; }

.h2.container-header {
  margin: 0;
  border-bottom: 3px solid;
  border-color: #074999;
  color: #fff !important;
  text-transform: uppercase;
  height: auto;
  padding: 0 12px;
  line-height: 30px;
  font-size: 15px; }

@media (min-width: 768px) {
  .h2.container-header {
    font-size: 20px;
    font-weight: 400 !important;
    line-height: 30px;
    padding: 15px 15px;
    font-family: Lato,sans-serif !important; } }

/*************** Custom Mayur Code ************/
/* ================================================
   CLS FIXES — March 2026
   Fixes Google Core Web Vitals failure (CLS 0.28)
   ================================================ */
/* Fix 1: Reserve slider height before Slick.js initialises.
   .slider currently collapses to 0px then jumps to 390-400px on load.
   This is the primary cause of CLS 0.28 on mobile. */
.slider.in-container {
  min-height: 390px; }

@media all and (max-width: 800px) {
  .slider.in-container {
    min-height: 180px; } }

@media all and (max-width: 480px) {
  .slider.in-container {
    min-height: 120px; } }

/* Fix 2: Card image sizing — natural dimensions, no forced aspect ratio.
   Removed aspect-ratio: 1/1 which caused blank space on mobile for
   non-square images. Images now size naturally without layout shift. */
.card-image {
  width: 100%;
  height: auto;
  display: block; }

/* Fix 3: Reserve header logo dimensions.
   Logo is 250x52px rendered but has no width/height attributes. */
.header-logo-image {
  width: 250px;
  height: 52px; }

/* Fix 4: Desktop body padding for sticky header.
   Ensures content doesn't jump when the 70px sticky .top-menu locks in. */
@media all and (min-width: 801px) {
  body.main:not(.home) {
    margin-top: 70px; } }

/* ================================================
   CLS FIXES — Phase 2, April 2026
   Fixes remaining CLS on homepage (desktop 0.582)
   and product pages (desktop 0.558)
   ================================================ */
/* Fix 5: Override Slick's max-height:0 animation.
   The .heroCarousel starts at max-height:0 and transitions to 1000px
   once Slick.js initialises. This causes the main container to shift
   down ~0.578 on desktop. Reserve the height immediately instead of
   animating it. The opacity fade is kept for a clean appearance. */
.js .heroCarousel {
  max-height: none !important;
  min-height: 390px;
  overflow: hidden; }

@media all and (max-width: 800px) {
  .js .heroCarousel {
    min-height: 180px; } }

@media all and (max-width: 480px) {
  .js .heroCarousel {
    min-height: 120px; } }

/* Fix 6: Reserve height on individual carousel slides.
   Slides use background-image via inline styles but have no
   intrinsic height until the image loads. */
.heroCarousel-slide {
  min-height: 390px; }

@media all and (max-width: 800px) {
  .heroCarousel-slide {
    min-height: 180px; } }

@media all and (max-width: 480px) {
  .heroCarousel-slide {
    min-height: 120px; } }

/* Fix 7: Fisher & Paykel logo in top menu has no dimensions.
   Causes layout shift as it loads. Reserve its rendered size. */
.right.TopMenuLogo > a:first-child img {
  width: 223px;
  height: 31px;
  display: inline-block; }

/* Fix 8: "Secure Payment Gateway" footer image has width/height
   attributes but is flagged as unknown size. Force dimensions. */
img[alt="Secure Payment Gateway"] {
  width: 380px;
  height: 35px;
  display: block; }

/* Fix 9: Google Fonts display=swap.
   Already present in the @import URL but adding fallback
   font-display rule for any late-loading web fonts. */
@font-face {
  font-family: 'Lato';
  font-display: swap; }

/* Fix 10: Checkout order summary modal on mobile.
   The cart-modal has conflicting min-height: 90vh and max-height: 80%,
   plus a JS-calculated transform that shifts it off-screen.
   Override to fill the viewport cleanly on mobile. */
@media all and (max-width: 800px) {
  .modal.modal--afterOpen.optimizedCheckout-cart-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    transform: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow-y: auto !important;
    z-index: 1005; }
  .modal.modal--afterOpen.optimizedCheckout-cart-modal .modal-header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
    padding: 15px; } }

/* ================================================
   CHECKOUT LAYOUT FIXES — Phase 3, May 2026
   Fixes the "moving headings" issue Ben reported.
   Three causes, three scoped fixes.
   ================================================ */
/* Fix 11: Override theme's .header rule that leaks into checkout step H2s.
   Parts Warehouse theme defines `.header { height: 135px; position: fixed; }`
   intended for the page header element. BC's checkout step titles use class
   "stepHeader-title optimizedCheckout-headingPrimary header" — the third
   class collides with the theme rule, forcing every step H2 (Customer,
   Shipping, Billing, Payment) to occupy 135px of vertical layout space
   even though the visible text is only ~33px. This is the root cause of
   the layout shift Ben photographed.
   Verified fix: removing the .header class collapses the H2 to 33px. */
#checkout-app .stepHeader-title.header,
#checkout-app h2.header,
.optimizedCheckout-contentPrimary h2.header {
  height: auto !important;
  max-width: none !important;
  position: static !important;
  padding: 10px 0 !important;
  border: 0 !important;
  z-index: auto !important; }

/* Fix 12: Reunite "Payment Accepted" with its icon row.
   Current rules set CheckoutCards as text-align:right and the inner img
   as width:100%, which forces the icon span onto a new full-width row
   while "Payment Accepted" sits orphaned right-aligned above. Convert
   to flex so they sit on the same row. Mobile rule below already
   collapses to text-align:left at <480px which we preserve. */
.CheckoutCards {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px; }

.CheckoutCards > span {
  display: inline-flex;
  align-items: center;
  width: auto; }

.CheckoutCards > span:first-child {
  margin-right: 0; }

.CheckoutCards img {
  width: auto;
  max-width: 200px; }

@media all and (max-width: 480px) {
  .CheckoutCards {
    justify-content: flex-start; } }

/* ================================================
   BANNER VISIBILITY FIX — August 2026
   Reported by Christian 4 Aug 2026: homepage banner
   disappears for ~10 seconds then comes back.
   ================================================ */
/* Fix 13: Hero banner is invisible until Slick.js initialises.
   Stock theme.css defines:
       .js .heroCarousel { max-height: 0; opacity: 0; transition: all 600ms; }
       .heroCarousel.slick-initialized { max-height: 71.42857rem; opacity: 1; }
   Fix 5 (Phase 2) overrode max-height to stop the layout shift, but did not
   touch opacity. So the space is correctly reserved and then sits EMPTY until
   Slick runs.
   Slick loads deferred from cdnjs.cloudflare.com and depends on jQuery from
   code.jquery.com. Both are third-party origins. A slow response from either
   leaves the banner area blank until they resolve, which is the intermittent
   10-second blank Christian reported. It self-resolves, which is why it looks
   fine on reload.
   Keep the banner visible from first paint. Slick's own fade still runs on
   top once it initialises. */
/* Pre-init: clamp to one slide's height so the stacked slides are clipped
   to slide 1, and keep it visible. Fix 5 sets max-height:none !important on
   .js .heroCarousel, which lets the container grow to fit all 5 stacked
   slides (~1950px) before Slick runs. Harmless while opacity is 0; becomes
   a large layout shift once it is visible. Higher specificity than Fix 5,
   so this wins pre-init, and stops applying the moment Slick adds
   .slick-initialized. Heights match Fix 5 and Fix 6 exactly so nothing
   moves when Slick takes over. */
.js .heroCarousel:not(.slick-initialized) {
  max-height: 390px !important;
  overflow: hidden; }

.js .heroCarousel {
  opacity: 1 !important; }

@media all and (max-width: 800px) {
  .js .heroCarousel:not(.slick-initialized) {
    max-height: 180px !important; } }

@media all and (max-width: 480px) {
  .js .heroCarousel:not(.slick-initialized) {
    max-height: 120px !important; } }