@font-face {
    font-family: STEInfoWeb;
    src: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/webfonts/STEInfoWeb.woff)
}

@font-face {
    font-family: STEInfoWebBold;
    src: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/webfonts/STEInfoWebBold.woff)
}

@font-face {
    font-family: stiebel-head;
    src: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/webfonts/stiebel-head.woff)
}

@font-face {
    font-family: F2FOCRBczykCom-Regular;
    src: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/webfonts/F2FOCRBczykCom-Regular.eot#iefix) format('embedded-opentype'), url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/webfonts/F2FOCRBczykCom-Regular.woff) format('woff'), url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/webfonts/F2FOCRBczykCom-Regular.ttf) format('truetype'), url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/webfonts/F2FOCRBczykCom-Regular.svg#F2FOCRBczykCom-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: steinfotextsemibold;
    src: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/webfonts/steinfosemibold-webfont.woff2) format('woff2'), url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/webfonts/steinfosemibold-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    background: #efefef;
    margin: 0;
    outline: 0;
    font-family: STEInfoWeb, Helvetica, Arial, sans-serif;
    font-size: 16px;
    overflow-y: scroll;
    line-height: 1.5;
}

.container {
    max-width: 1180px;
    padding-left: 0;
    padding-right: 0
}

.lead-error {
    display: none
}

#moreaboutstiebel {
    padding: 0 0 30px 0
}

.inptclsx {
    display: none
}

.bg-stelightgrey {
    background-color: #efefef
}

.phone-link {
    cursor: pointer
}

.text-xs {
    font-size: 14px
}

ul.list-nobullet {
    padding: 0
}

ul.list-nobullet li {
    list-style: none;
    margin-bottom: .24rem
}

ul.list-redsquare {
    padding-left: 1rem
}

ul.list-redsquare li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 700
}

ul.list-redsquare li::before {
    list-style: none;
    content: "▪";
    color: #ba0c2f;
    font-size: 24px;
    margin-right: .5rem;
    position: relative;
    top: 3px
}

.btn-steright {
    display: inline-block;
    background: #fff;
    padding: 15px 0;
    width: 100%;
    border: #dfdfdf 2px solid;
    border-radius: 0;
    color: #000;
    font-family: STEInfoWeb;
    font-size: 20px;
    text-align: center
}

.btn-steright:hover {
    background: #dfdfdf
}

a.prettyLandingLink {
    display: inline-block;
    position: relative;
    background-color: #000;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: .5rem
}

a.prettyLandingLink>.prettyLandingLink-text {
    display: inline-block;
    position: relative;
    z-index: 15;
    font-family: F2FOCRBczykCom-Regular;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    word-wrap: break-word;
    white-space: normal !important;
    padding: 3rem 2rem
}

a.prettyLandingLink>.prettyLandingLink-image {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s ease
}

a.prettyLandingLink:hover>.prettyLandingLink-image {
    transform: scale(1.1)
}

.prettyLandingLink-text.prettyLandingLink-overlaywhite {
    background-color: rgba(255, 255, 255, .6);
    color: #ba0c2f
}

.prettyLandingLink-text.prettyLandingLink-overlayblack {
    background-color: rgba(0, 0, 0, .6);
    color: #fff
}

.video-thumbnail-playbutton {
    position: absolute;
    top: -30px;
    left: 0;
    line-height: 80px;
    height: 80px;
    width: 100%;
    text-align: center;
    opacity: .8;
    font-size: 48px;
    color: #fff;
    text-shadow: 0 0 30px #000
}

.video-thumbnail-playbutton:hover {
    opacity: 1
}

.video-thumbnail-playbutton.video-thumbnail-playbutton-xl {
    font-size: 86px;
    height: 100%
}

.video-thumbnail-playbutton.video-thumbnail-playbutton-sm {
    font-size: 24px;
    height: 40px;
    top: -20px;
    opacity: 1
}

.h1,
.h2,
.h3,
.h4,
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a {
    font-family: F2FOCRBczykCom-Regular;
    color: #748083;
    font-weight: 400 !important
}

h1 {
    font-size: 28px;
    margin-bottom: 1rem
}

h1.hometagline {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px
}

.h2,
h2 {
    font-size: 22px
}

a {
    color: #ba0c2f;
    text-decoration: none
}

a:active,
a:hover {
    color: #000;
    text-decoration: none
}

a.red-link {
    color: #ba0c2f;
    font-weight: 700
}

.navbar-secondary {
    background: #dfdfdf;
    position: relative;
    padding-right: 50px;
    padding-left: 50px
}

.navbar-secondary .nav-item {
    height: 32px
}

.navbar-secondary .nav-item a {
    padding: 0;
    margin-right: 30px;
    line-height: 32px;
    font-family: STEInfoWeb;
    font-size: 16px;
    color: #000
}

.navbar-secondary .nav-item a:hover {
    color: #ba0c2f !important
}

.navSocial {
    position: absolute;
    right: 50px;
    top: 0
}

.navSocial .nav-item a {
    margin-right: 20px;
    color: #808285;
    font-size: 20px
}

.navSocial .nav-item:last-child a {
    margin-right: 0
}

.navbar-primary {
    background: #fff;
    height: 71px
}

.navbar-primary .navbar {
    padding-right: 50px;
    padding-left: 50px;
    height: 71px
}

.navbar-brand {
    padding-left: 0;
    padding-right: 0
}

.navbar-brand img {
    width: 145px;
    position: relative;
    bottom: 3px
}

.navbar-primary .nav-item a {
    font-family: stiebel-head;
    font-size: 18px;
    color: #000;
    background: #fff
}

.navbar-primary>.navbar>.nav>.nav-item.nav-dropdown>a {
    border: 1px solid transparent;
    border-bottom: 1px solid transparent !important;
    text-transform: uppercase;
    padding: 10px 15px
}

.navbar-primary>.navbar>.nav>.nav-item.nav-search>a {
    border: 1px solid transparent;
    text-transform: uppercase;
    padding: 10px 15px
}

.navbar-primary .nav-item:last-child a {
    padding-right: 0
}

.navbar-primary>.navbar>.nav>.nav-item:hover>a {
    color: #ba0c2f !important;
    border-color: #dfdfdf;
    position: relative;
    z-index: 20
}

.navbar-primary .nav-item {
    position: relative
}

.nav-desktop .nav-item.active>a {
    color: #ba0c2f !important
}

.navbar-primary .nav-item .subnavbar {
    background: #fff;
    border: 1px solid #dfdfdf;
    position: absolute;
    top: 48px;
    z-index: 15;
    left: 0;
    display: none
}

.navbar-primary .nav-item:hover .subnavbar {
    display: inline !important
}

.navbar-primary .nav-item .subnavbar a {
    width: 350px;
    font-family: STEInfoWeb;
    font-size: 18px;
    padding-right: 2rem
}

.navbar-primary .nav-item .subnavbar .nav-item:hover a {
    background: #ba0c2f;
    color: #fff
}

.navbar-text {
    display: none
}

.navbar-primary .navbar-text a {
    color: #808285
}

.nav-desktop {
    position: relative;
    right: -15px;
    align-items: center;
}
.navSocial .nav-item a i {
    line-height: 32px;
}
.navbar-primary .nav-item.nav-search a {
    position: relative;
    z-index: 10;
    border: 1px solid transparent;
    color: #808285
}

.navbar-primary .nav-item.nav-search:hover a {
    border: 1px solid #dfdfdf
}

#search-collapse {
    background: #fff;
    border: 1px solid #dfdfdf;
    position: absolute;
    z-index: 0;
    top: 47px;
    right: 0;
    width: 300px;
    -webkit-transition: none;
    transition: none
}

.nav-search>a[aria-expanded=true] {
    background: #fff;
    color: #ba0c2f !important;
    border: 1px solid #dfdfdf !important;
    border-bottom: 1px solid #fff !important;
    border-bottom-color: #fff !important
}

main {
    margin-top: 103px
}

.container.container-main {
    background: #fff;
    padding: 0 50px 30px 50px
}

#navbar-mobile {
    background-color: #d5d9da;
    -webkit-transition: none;
    transition: none;
    overflow-y: scroll;
    position: fixed;
    top: 71px;
    left: 0;
    right: 0;
    bottom: 0
}

#navbar-mobile a {
    background: 0 0 !important
}

#navbar-mobile>ul {
    padding: 0 25px;
    margin: 1.5rem 0
}

#navbar-mobile>ul>li {
    list-style: none;
    margin-bottom: 1rem;
  width:100%
}

#navbar-mobile>ul>li:last-child {
    margin-bottom: 0
}

#navbar-mobile>ul>li>a {
    padding: 0;
    font-family: STEInfoWebBold;
    font-size: 16px;
    color: #748083;
    text-transform: uppercase
}

#navbar-mobile>ul>li>ul>li {
    width: 100%;
    padding-left: .25rem;
    margin-left: .5rem;
    background: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/images-nz/arrow-left.png) left center no-repeat
}

#navbar-mobile>ul>li>ul>li>a {
    font-family: STEInfoWeb;
    font-size: 16px;
    padding-right: 0;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin: 0
}

.navbar-toggler {
    color: #000 !important
}

.navbar-text a,
.navbar-toggler {
    font-size: 22px;
    width: 35px;
    padding: 0
}

@media (max-width:1070px) {
    .navbar-text {
        display: inline-block
    }
    .nav-desktop,
    .navbar-secondary {
        display: none
    }
    .navbar-text a,
    .navbar-toggler {
        padding: .25rem .6rem
    }
    main {
        margin-top: 71px
    }
}

@media (max-width:376px) {
    .navbar-brand img {
        height: 36px;
        padding: 2px 0
    }
    .navbar-text a,
    .navbar-toggler {
        font-size: 18px;
        padding-right: .25rem;
        padding-left: .25rem
    }
}

.ste-homecategory-card {
    border: none;
    margin-bottom: 2rem
}

.ste-homecategory-card .card-body {
    padding: 0
}

.ste-homecategory-card .card-title {
    padding-top: 1.25rem
}

.ste-homecategory-card .card-title a {
    color: #748083;
    font-family: STEInfoWeb;
    font-size: 24px
}

.ste-homecategory-card .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

nav[aria-label=breadcrumb] ol {
    background: 0 0;
    padding: 0;
    font-size: 14px;
    margin: 0;
    margin-bottom: .3rem
}

nav[aria-label=breadcrumb] ol li a {
    font-weight: 400;
    color: #6c757d
}

.breadcrumb-item::before {
    content: '>' !important
}

.breadcrumb-item:first-child::before {
    content: '' !important
}

.breadcrumbAfter {
    display: inline-block;
    height: 12px;
    width: 100%;
    border-top: #dfdfdf 2px solid;
    border-left: #dfdfdf 2px solid;
    margin-bottom: 1rem
}

.carousel-control-next,
.carousel-control-prev {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    font-size: 32px;
    width: 9%;
    z-index: 20 !important
}

#carouselProductImages {
    max-width: 660px;
    position: relative
}

#carouselProductImages>.carousel-inner>.carousel-item {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-width: 660px;
    max-height: 380px
}

#carouselProductImages * .thumbnail-youtube {
    padding: 0 8px;
    background: #000;
    text-align: center
}

#carouselProductImages iframe {
    width: 100%;
    height: 380px
}

.carousel.thumbnail-indicators .carousel-indicators {
    position: unset;
    margin-top: 1rem;
    flex-wrap: wrap
}

.carousel.thumbnail-indicators .carousel-indicators>.list-inline-item {
    width: initial;
    height: initial;
    text-indent: initial;
    border: 2px solid #ccc;
    margin-bottom: .5rem
}

.carousel.thumbnail-indicators .carousel-indicators>.list-inline-item.active {
    border-color: #ba0c2f
}

.carousel.thumbnail-indicators .carousel-indicators>.list-inline-item img {
    height: 40px;
    width: auto
}

.carousel.thumbnail-indicators .carousel-control-next,
.carousel.thumbnail-indicators .carousel-control-prev {
    bottom: 10%;
    top: 10%
}

#homepageBanners {
    height: auto
}

#homepageBanners .carousel-indicators {
    bottom: 0;
    margin-top: 1rem
}

#homepageBanners .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: #ccc;
    border: 1px solid #fff
}

#homepageBanners .carousel-indicators li.active {
    background-color: #707778
}

#homepageBanners .carousel-caption {
    position: absolute;
    padding: 0;
    width: 430px;
    height: auto;
    left: unset;
    top: 0;
    bottom: 0;
    right: 0;
    color: #000
}

#homepageBanners .carousel-middlebox {
    color: #000;
    text-align: left;
    width: 320px;
    padding: 1rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

#homepageBanners .carousel-middlebox.bg-lighttransparent {
    background-color: rgba(255, 255, 255, .9)
}

.associationLogos {
    background: #fff !important;
    padding: 30px 50px;
    text-align: center
}

.associationLogos>a {
    display: inline-block;
    width: 100px;
    margin-right: 4rem
}

.associationLogos>a:last-child {
    margin-right: 0
}

.associationLogos>a>img {
    width: 100%;
    height: auto
}

.footerlinks {
    background: #9da6a8 !important;
    padding: 1rem 50px 40px 50px;
    color: #fff;
    font-family: STEInfoWeb;
    font-size: 14px
}

.footerlinks .nav a {
    color: #fff;
    padding: 0;
    margin-right: 15px
}

.footerlinks .nav .nav-item:hover a {
    text-decoration: underline
}

#askquickquestion {
    background-color: #dfdfdf
}

.btn-askquickquestion {
    font-weight: 700;
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.productsubcategoryheading a {
    color: #9da6a8;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none
}

.productsubcategoryheading a:hover {
    color: #000
}

.ste-tabs {
    border-bottom: 7px solid #dfdfdf
}

.ste-tabs .nav-item {
    margin-bottom: 0
}

.ste-tabs .nav-item a.nav-link {
    background-color: #fff;
    color: #748083;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ste-tabs .nav-item a.nav-link:hover {
    color: #000
}

.ste-tabs .nav-item a.nav-link.active {
    background-color: #dfdfdf;
    color: #000
}

.ste-tabs-subcategory .nav-item a.nav-link {
    font-size: 18px;
    font-weight: 400
}

.product-usp ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0
}

.product-usp ul li {
    font-size: 16px;
    padding: 5px 0 5px 15px;
    background: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/images-nz/crc.jpg) no-repeat left 15px
}

.faqheadingnew {
    font-weight: 700;
    color: #ba0c2f
}

.availableAt {
    border: 3px solid #efefef;
    padding: 1rem;
    width: 100%
}

.availableAt h5 {
    margin-bottom: .5rem
}

.availableAt>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.availableAt>div>a>div,
.availableAt>div>div {
    display: inline-block;
    width: 120px;
    height: 50px;
    margin: 0 .5rem 1rem 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.availableAt .text-muted {
    font-size: 14px
}

#iframe360 {
    border: none !important;
    width: 100%;
    height: 500px;
    background: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/images-nz/360-spinner.gif) no-repeat center
}

.productbadge-comingsoon,
.productbadge-new {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain
}

.productbadge-new {
    background-image: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/images-nz/product-new.png)
}

.productbadge-comingsoon {
    background-image: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/images-nz/product-comingsoon.png)
}

.ste-productgrid-card>a:first-child {
    display: inline-block;
    position: relative
}

.productbadge-passivehouse {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 1.25rem;
    background-image: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/images-nz/passive-house-certified-component.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain
}

.productbadge-passivehouse,
.ste-productgrid-card .productbadge-comingsoon,
.ste-productgrid-card .productbadge-new {
    width: 75px;
    height: 75px
}

#carouselProductImages .productbadge-comingsoon,
#carouselProductImages .productbadge-new {
    width: 100px;
    height: 100px
}

@media (max-width:550px) {
    .ste-productgrid-card .productbadge-comingsoon,
    .ste-productgrid-card .productbadge-new {
        width: 50px;
        height: 50px
    }
    #carouselProductImages .productbadge-comingsoon,
    #carouselProductImages .productbadge-new {
        width: 75px;
        height: 75px
    }
}

@media (max-width:350px) {
    #carouselProductImages .productbadge-comingsoon,
    #carouselProductImages .productbadge-new {
        width: 50px;
        height: 50px
    }
}

.archivedSuperseedProduct {
    border: 5px solid #e9ecef
}

.archivedSuperseedProduct img {
    max-width: 300px;
    height: auto
}

.archivedSuperseedProduct h5 a {
    color: #748284
}

.productbadge-notavailable {
    display: inline-block;
    position: absolute;
    bottom: 125px;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

.passivehouse-productbox {
    border: 3px solid #dfdfdf;
    margin: 1.5rem 0;
    padding: .75rem 0 .75rem 1rem
}

.passivehouse-productbox>div>img {
    width: 150px;
    height: auto;
    margin-right: 1.5rem
}

.passivehouse-productbox>div>hr {
    border-top: 2px solid #ba0c2f;
    margin-top: 0
}

@media (max-width:550px) {
    .passivehouse-productbox>div>img {
        width: 100px
    }
}

.ste-subcategorygrid-card {
    border: none;
    margin-bottom: 2rem
}

.ste-subcategorygrid-card .card-body {
    padding-left: 0;
    padding-right: 0
}

.ste-subcategorygrid-card .card-title {
    font-size: 20px
}

.ste-subcategorygrid-card .card-title a {
    color: #000
}

.ste-subcategorygrid-card .card-title a:hover {
    color: #748284
}

.ste-subcategorygrid-card .card-text ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0
}

.ste-subcategorygrid-card .card-text ul li {
    font-size: 16px;
    padding: 5px 0 5px 15px;
    background: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/images-nz/crc.jpg) no-repeat left 15px
}

.ste-productgrid-card {
    border: 2px solid #efefef;
    border-radius: 0;
    margin-bottom: 2rem
}

.ste-productgrid-card .card-body {
    padding-top: .5rem
}

.ste-productgrid-card .card-title {
    border-top: 2px solid #efefef;
    padding-top: 1.25rem
}

.ste-productgrid-card .card-title a {
    color: #748284
}

.ste-productgrid-card .card-text ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0
}

.ste-productgrid-card .card-text ul li {
    font-size: 16px;
    padding: 5px 0 5px 15px;
    background: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/images-nz/crc.jpg) no-repeat left 15px
}

.table-downloads th {
    background: #dfdfdf;
    font-weight: 700
}

.table-downloads td {
    border-top: 5px solid #fff;
    background-color: #efefef
}

.table-downloads tr>td:first-child {
    font-weight: 700
}

.ste-projectsgrid-card {
    border: none;
    margin-bottom: 2rem
}

.ste-projectsgrid-card .card-body {
    padding: 0
}

.ste-projectsgrid-card .card-title {
    padding-top: 1.25rem
}

.ste-projectsgrid-card .card-title a {
    color: #748284;
    font-size: 22px
}

.ste-projectsgrid-card .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ste-projectsgrid-card .card-body .card-name {
    margin-top: 1rem;
    margin-bottom: .25rem
}

.ste-projectsgrid-card .card-body .card-name a {
    color: #000;
    font-size: 24px
}

.ste-projectsgrid-card .card-body p:first-child {
    font-size: 14px
}

.projectImageThumbs {
    text-align: left
}

.projectImageThumbs>li {
    border: 2px solid #ccc;
    margin-bottom: .5rem
}

.projectImageThumbs>li.active {
    border-color: #ba0c2f
}

.projectImageThumbs>li>a>img {
    height: 80px;
    width: auto
}

.projectdetailstable td {
    background-color: #efefef;
    border-top: 0;
    border-bottom: 3px solid #fff
}

.projectdetailstable td:first-child {
    width: 25%;
    font-weight: 700;
    border-right: 3px solid #fff
}

.projectdetailstable tr:last-child td {
    border-bottom: 0
}

.ste-newsgrid-card {
    border: none;
    margin-bottom: 2rem
}

.ste-newsgrid-card .card-body {
    padding: 0
}

.ste-newsgrid-card .card-title {
    padding-top: 1.25rem
}

.ste-newsgrid-card .card-title a {
    color: #748284;
    font-size: 22px
}

.ste-newsgrid-card .card-text ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0
}

.ste-newsgrid-card .card-text ul li {
    font-size: 16px;
    padding: 5px 0 5px 15px;
    background: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/images-nz/crc.jpg) no-repeat left 15px
}

.ste-newsgrid-card .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.news-heading {
    color: #748083
}

.news-sidebar-list li {
    border: none
}

.news-sidebar-list li:first-child {
    padding-top: 0
}

.news-sidebar-list li:last-child {
    padding-bottom: 0
}

.ste-aboutgrid-card {
    border: none;
    margin-bottom: 2rem
}

.ste-aboutgrid-card .card-body {
    padding: 0
}

.ste-aboutgrid-card .card-title {
    padding-top: 1.25rem
}

.ste-aboutgrid-card .card-title a {
    color: #000;
    font-family: STEInfoWeb;
    font-size: 24px
}

.ste-aboutgrid-card .card-text ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0
}

.ste-aboutgrid-card .card-text ul li {
    font-size: 16px;
    padding: 5px 0 5px 15px;
    background: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/images-nz/crc.jpg) no-repeat left 15px
}

.ste-aboutgrid-card .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.blog-sidebar-list li {
    border: none
}

.blog-sidebar-list li:first-child {
    padding-top: 0
}

.blog-sidebar-list li:last-child {
    padding-bottom: 0
}

.blog-content img {
    width: 100%;
    height: auto
}

.warranty-table tr {
    border-top: 3px solid #fff
}

.warranty-table tr:nth-child(odd) td {
    background-color: #efefef
}

.warranty-table .darkgrey {
    background-color: #d3d3d3 !important;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    border-right: 3px solid #fff
}

.container-landingpage h3.subtitle-black {
    font-family: F2FOCRBczykCom-Regular;
    font-size: 20px;
    color: #000;
    margin: 1.5rem 0
}

.container-landingpage h3.subtitle-grey {
    font-family: F2FOCRBczykCom-Regular;
    font-size: 20px;
    color: #748083;
    margin: 1.5rem 0
}

.container-landingpage h4.subtitle-black {
    font-family: STEInfoWeb;
    font-size: 18px;
    color: #000;
    margin-bottom: 1rem
}

.landingpage-section {
    border-bottom: 2px #d5d9da solid;
    padding: 2rem 0
}

.container-landingpage .carousel .carousel-caption {
    color: #000
}

.container-landingpage .carousel .carousel-control-next,
.container-landingpage .carousel .carousel-control-prev {
    color: #000
}

.landingpage-quote {
    background: #f8f8f8;
    color: #748083;
    padding: 2rem;
    margin: 2rem 0
}

.landingpage-quote p {
    margin: 1rem 0 0 0;
    font-size: 18px
}

.landingpage-heading {
    font-size: 28px;
    color: #748083;
    font-family: F2FOCRBczykCom-Regular;
    line-height: 30px;
    margin-bottom: 20px
}

.landingpage-subheading {
    font-size: 20px;
    color: #000;
    font-family: F2FOCRBczykCom-Regular;
    line-height: 30px
}

.landingpage-questionheading {
    font-size: 18px;
    padding: 0;
    margin: 0 0 10px 0;
    font-family: steinfotextsemibold
}

.landingpage-squarelist {
    margin: 0;
    padding: 0
}

.landingpage-squarelist li {
    color: #000;
    margin: 0 0 10px 0;
    list-style: none;
    font-size: 16px;
    padding: 0 0 0 20px;
    background: url(https://48218032.fs1.hubspotusercontent-na1.net/hubfs/48218032/raw_assets/public/GrowFast_Free_Theme_child/assets-nz/images-nz/list-image.jpg) left 7px no-repeat;
    background-size: auto auto;
    background-size: 6px
}

.landingpage-divider hr {
    border-top: 2px #efefef solid;
    margin: 2rem 0
}

.landingpage-subnav {
    padding: 0;
    margin: 0
}

.landingpage-subnav li {
    padding: 0 30px 0 0;
    margin: 0;
    list-style: none;
    display: inline-block
}

.landingpage-subnav li a {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-family: STEInfoWeb
}

.carousel-landingpage .carousel-indicators {
    bottom: 0;
    margin-top: 1rem
}

.carousel-landingpage .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: #ccc;
    border: 1px solid #fff
}

.carousel-landingpage .carousel-indicators li.active {
    background-color: #707778
}

.showrooms-row h2 {
    color: #000;
    font-size: 24px;
    font-family: STEInfoWeb
}

.sitemap-heading {
    display: inline-block;
    width: 100%;
    color: #333;
    font-family: STEInfoWebBold;
    font-size: 20px;
    border-bottom: 1px solid #333;
    padding: .25rem 0
}

.sitemap-list>.list-group-item {
    background: 0 0;
    color: #666;
    padding: .5rem 0;
    border: 0 !important;
    border-bottom: 1px solid #666 !important
}

#quickEnquiryForm {
    display: inline-block;
    position: fixed;
    bottom: 0;
    right: 0
}

#quickEnquiryForm>div {
    width: 320px;
    font-family: STEInfoWeb;
    font-size: 16px
}

#quickEnquiryForm>#quickEnquiryForm_heading {
    background: #ba0c2f;
    color: #fff;
    cursor: pointer
}

#quickEnquiryForm>#quickEnquiryForm_content {
    background: #dfdfdf;
    border-left: 1px solid #bbb;
    color: #000;
    transition: none !important
}

#quickEnquiryForm .text-freecall,
#quickEnquiryForm .text-phone {
    color: #333;
    line-height: 1
}

#quickEnquiryForm .text-freecall {
    font-family: F2FOCRBczykCom-Regular;
    font-size: 24px
}

#quickEnquiryForm .text-phone {
    font-family: STEInfoWeb;
    font-size: 16px
}

#quickEnquiryForm .fa-phone {
    color: #808285;
    margin-top: 5px
}

#quickEnquiryForm_content_fields,
#quickEnquiryForm_content_service {
    display: none
}

#warrantyRegistrationForm {
    background: #dfdfdf
}

#warrantyRegistrationForm button {
    padding-left: 3rem;
    padding-right: 3rem
}

.page-association-logo {
    height: 150px;
    width: auto;
    margin-bottom: 1rem
}

@media (max-width:550px) {
    .associationLogos,
    .container.container-main,
    .navbar-primary .navbar {
        padding-right: 25px;
        padding-left: 25px
    }
}

@media (max-width:992px) {
    .associationLogos a {
        height: 75px
    }
}

@media (max-width:768px) {
    .associationLogos a {
        height: 75px
    }
    .hometagline {
        display: none
    }
    nav[aria-label=breadcrumb] {
        border: 2px solid #dfdfdf;
        border-left: none;
        border-right: none;
        margin-bottom: 1rem
    }
    nav[aria-label=breadcrumb] ol {
        margin-top: .3rem
    }
    nav[aria-label=breadcrumb] li+li:before {
        padding-right: 0
    }
    .breadcrumbAfter {
        display: none
    }
    h1 {
        font-size: 24px
    }
    .productsubcategoryheading a {
        font-size: 12px
    }
    .product-container .ste-tabs {
        display: none
    }
    .product-container .tab-pane {
        display: inline-block;
        width: 100%;
        border-top: 1px solid #dfdfdf;
        margin-top: 1rem;
        padding-top: 1rem
    }
    .product-container .tab-pane:first-child {
        border-top: none;
        margin-top: 0;
        padding-top: 0
    }
    .product-container .btn-askquickquestion {
        width: 100%;
        margin-bottom: 2rem
    }
    .product-container #technicaldata td {
        border-top: none
    }
    .product-container #technicaldata tr:nth-child(odd) {
        background: #efefef
    }
    #quickEnquiryForm {
        display: none
    }
    .mobileNavigationSelect {
        display: inline-block !important
    }
    .ste-tabs-subcategory {
        display: none !important
    }
    .footerlinks {
        padding-bottom: 1rem
    }
    .footerlinks div,
    .footerlinks ul {
        text-align: center !important
    }
    .footerlinks ul {
        display: inline-block
    }
    .footerlinks ul li {
        margin-bottom: .5rem
    }
    #homepageBanners .carousel-indicators {
        display: none
    }
    #homepageBanners .carousel-caption {
        display: block;
        position: unset;
        background: #efefef;
        width: 100%;
        height: auto;
        padding: 1rem
    }
    #homepageBanners .carousel-indicators li {
        border-color: #999
    }
    #homepageBanners .carousel-whitebox {
        position: unset;
        width: 100%;
        background-color: unset;
        transform: unset;
        text-align: center
    }
    .carousel-control-next,
    .carousel-control-prev {
        height: 75%
    }
    .carousel-middlebox {
        position: unset !important;
        transform: unset !important;
        width: 100% !important;
        background-color: unset !important
    }
    .table-mobilescroll {
        overflow: scroll
    }
}

.mobileNavigationSelect {
    display: none;
    background: #dfdfdf;
    width: 100%
}

#getpumpedcarousel {
    background: 0 0 !important;
    position: relative;
    left: 3%;
    top: 66%;
    width: 69%
}

@media (max-width:768px) {
    #getpumpedcarousel {
        position: unset !important;
        width: 100% !important
    }
}

#aclearfocusbanner {
    background: rgba(148, 21, 30);
    color: #fff !important;
    font-family: F2FOCRBczykCom-Regular;
    font-size: 22px;
    width: 100%;
    margin: 14px 0;
    padding: 10px;
    display: inline-block
}

.bluebutterfly-productbox {
    border: 3px solid #dfdfdf;
    margin: 1.5rem 0;
    padding: .75rem 0 .75rem 1rem
}

.bluebutterfly-productbox>div>img {
    width: 150px;
    height: auto;
    margin-right: 1.5rem
}

.bluebutterfly-productbox>div>hr {
    border-top: 2px solid #00aeef;
    margin-top: 0
}

@media (max-width:550px) {
    .bluebutterfly-productbox>div>img {
        width: 100px
    }
}



/* Core Row Fluid */
.row-fluid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

/* Make sure children behave like cols */
.row-fluid [class*="span"] {
  box-sizing: border-box;
  flex: 0 0 auto;
  min-height: 1px;
  position:relative;
}

/* 12-column system */
.span1  { width: 8.3333%; }
.span2  { width: 16.6667%; }
.span3  { width: 25%; }
.span4  { width: 33.3333%; }
.span5  { width: 41.6667%; }
.span6  { width: 50%; }
.span7  { width: 58.3333%; }
.span8  { width: 66.6667%; }
.span9  { width: 75%; }
.span10 { width: 83.3333%; }
.span11 { width: 91.6667%; }
.span12 { width: 100%; }

/* Optional: make it responsive for smaller screens */
@media (max-width: 768px) {
  .sec-col-reverse-m .row-fluid, .row-m-reverse{
    flex-direction: column-reverse;
  }
  .row-fluid [class*="span"] {
    width: 100% !important;
  }
}