hjghhghg
<div class="footer">
    <div class="inner">

        <div class="Block Moveable Panel" id="SideNewsletterBox" style="display:none;"></div>

        <div class="footer-main">
            <div class="inner">
                <div class="footer-columns grid">
                    <div class="grid__item one-quarter"><h4>Quick Links</h4><ul class="pages-menu sf-menu sf-horizontal sf-js-enabled">
    	<li class=" ">
		<a href="https://www.trueformconcrete.com/architect-designer-resources/"><span>Architect &amp; Designer Resources</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/aia-accredited-ce-course/"><span>AIA Accredited CE Course</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/product-care-use/"><span>Product Care &amp; Use</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/commercial-lavatories-guide-spec/"><span>Commercial Lavatories Guide Spec</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/reviews/"><span>Reviews</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/employment-opportunities/"><span>Employment Opportunities</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/terms-conditions/"><span>Terms &amp; Conditions</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/blog/"><span>Blog</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/maker-source/"><span>Maker Source</span></a>
		
	</li>	<li class="HasSubMenu ">
		<a href="https://www.trueformconcrete.com/site-map/"><span>Site Map</span></a>
		<ul>
	<li><a href="https://www.trueformconcrete.com/trueform-concrete/">Trueform Concrete </a></li><li><a href="https://www.trueformconcrete.com/10-things-to-know-download/">10 Things to Know Download</a></li>
</ul>
	</li>
</ul></div>
                    <div class="grid__item one-quarter"><div class="Block CategoryList Panel">
    <h4>Categories</h4>
    <div class="BlockContent">
        
    </div>
</div></div>
                    <div class="grid__item one-quarter"></div>
                    <div class="grid__item one-quarter"><div id="socnet" class="Block SocialConnect Moveable Panel">
	<ul>
		<li><a href="https://www.instagram.com/trueform_concrete" class="icon-social icon-instagram" title="Instagram">Instagram</a></li>
	</ul>
</div></div>
                </div>
            </div>
        </div>

        <div class="footer-links">
            <div class="inner">
                <p>
                    <span id="currencyPrices">All prices are in <span title='US Dollar'>USD</span>.</span> &copy; 2023 Trueform Concrete. 
                      <span class="powered-by"></span>
                </p>
                
            </div>
        </div>

    </div>
</div>














<!-- Start global tracking code for CallRail; SA 5/25/22 -->

<script type="text/javascript" src="//cdn.callrail.com/companies/351004997/cb052bd584cb506226db/12/swap.js"></script>

<!-- End CallRail script -->

<!-- Start global Tracking Code for PhoneWagon; SA comment out 5/29/19; SA replaced w/ new tag 9/9/19; commented out again 11/4/19 for CallRail trial

<script type="text/javascript" src="https://js.phonewagon.com/pw_dns.js?cguid=6b959c63-857a-479a-854c-955f0893e17f"></script>

End PhoneWagon tracking code -->

<!-- Start LinkedIn Insight global tracking code; SA July 23, 2018 -->
    
<script type="text/javascript"> _linkedin_partner_id = "397226"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=397226&fmt=gif" /> </noscript>

<!-- End LinkedIn tracking code -->

<!-- Hotjar Tracking Code for www.trueformconcrete.com; SA September 5, 2018 -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:1003750,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- End Hotjar Tracking Code -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!-- concrete-countertops -->
<script>
$(document).ready(function() {
    var pagename = '';
    if(pagename =="Custom Main Sinks"){
        $('h1.TitleHeading').hide();
    }
    
    
});
</script>
<script>
$(document).ready(function() {
    var pagettle = 'Trueform Concrete - Products Tagged with '36&quot; vanity'';
    //if(pagettle =="Colors & Finishes"){
    if(window.location.href.indexOf("colors-finishes") > -1 || window.location.href.indexOf("custom-projects") > -1 || window.location.href.indexOf("custom-concrete-sinks") > -1){
        $('h1.TitleHeading').hide();
    $('#LayoutColumn1').hide();
    //alert('0');
    $('.main').addClass('csample');
    $('#PageBreadcrumb').css("width", "1180px");
    $('#PageBreadcrumb').css("margin", "0 auto");
    $('#CategoryBreadcrumb').css("width", "1180px");
    $('#CategoryBreadcrumb').css("margin", "0 auto");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
}).appendTo("head");
    }
    
    
    
    if(window.location.href.indexOf("sparx-test") > -1 || window.location.href.indexOf("concrete-countertops") > -1){
        $('h1.TitleHeading').hide();
    //$('#LayoutColumn1').hide();
    //alert('0');
    //$('.main').addClass('csample');
    $('.main>.inner').css("width", "100%");
    $('#.main>.inner').css("max-width", "100%");
    $('#CategoryBreadcrumb').css("width", "1180px");
    $('#CategoryBreadcrumb').css("margin", "0 auto");
    //$.getScript("https://github.com/graingert/WOW/blob/master/dist/wow.min.js");
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"
}).appendTo("head");
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
}).appendTo("head");
    
    
    }
    
    
    
    
    
    if (location.pathname === '/') {
        $('h1.TitleHeading').hide();
    //$('#LayoutColumn1').hide();
    //alert(window.location.origin);
    //$('.main').addClass('csample');
    $('#PageBreadcrumb').css("display", "none");
    
    $('.BlockContent.PageContent .tr-hm-pg .container').css("max-width", "1200px");
    $('.main>.inner').css("width", "100%");
    $('#.main>.inner').css("max-width", "100%");
    $('.header').css("margin-bottom", "0");
    
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"
}).appendTo("head");
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
}).appendTo("head");
    
    
    }
    
    
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script>
jQuery(function($){

$('.one-time').slick({
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  adaptiveHeight: true,
  autoplay: true,
  autoplaySpeed: 2000
});
    
    //home
    
$('.banner-carasoul2').slick({
  dots: false,
  infinite: true,
  autoplay: true,
  speed: 1000,
  fade: true,
  pauseOnHover: false,
  pauseOnFocus: false,
  arrows: false,
  prevArrow:"<button class='slick-arrow slick-prev'><i class='fas fa-angle-left'></i></button>",
  nextArrow:"<button class='slick-arrow slick-next'><i class='fas fa-angle-right'></i></button>",
  slidesToShow: 1,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: false,
        dots: false
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        dots: false,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

$('.banner-carasoul3').slick({
  dots: false,
  infinite: true,
  autoplay: true,
  speed: 12000,
  fade: true,
  pauseOnHover: false,
  pauseOnFocus: false,
  arrows: false,
  prevArrow:"<button class='slick-arrow slick-prev'><i class='fas fa-angle-left'></i></button>",
  nextArrow:"<button class='slick-arrow slick-next'><i class='fas fa-angle-right'></i></button>",
  slidesToShow: 1,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: false,
        dots: false
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        dots: false,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

    
    
$('.banner-carasoul').slick({
  dots: false,
  infinite: true,
  speed: 300,
  arrows: true,
  prevArrow:"<button class='slick-arrow slick-prev'><i class='fas fa-angle-left'></i></button>",
  nextArrow:"<button class='slick-arrow slick-next'><i class='fas fa-angle-right'></i></button>",
  slidesToShow: 1,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: false,
        dots: false
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        dots: false,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

$('.banner-carasoul-top').slick({
  dots: true,
  arrows: false,
  nav:true,
});
    

});    
</script>
<script>
      jQuery(document).ready(function($){
       setInterval(function() {
        $(window).scroll(function() {
          console.log("hi");
          (getScrollTop() >= 100) ? $('.header').addClass('header_fixed') : $('.header').removeClass('header_fixed');
          (getScrollTop() >= 100) ? $('body').addClass('sticky_active') : $('body').removeClass('sticky_active');
        });    
      }, 2000);
      });
      function getScrollTop() {
        if(typeof pageYOffset!= 'undefined'){
          return pageYOffset;
        } else {
          var B = document.body;
          var D = document.documentElement;
          D = (D.clientHeight)? D : B;
          return D.scrollTop;
        }
      }
</script>

<div class="footer">
    <div class="inner">

        <div class="Block Moveable Panel" id="SideNewsletterBox" style="display:none;"></div>

        <div class="footer-main">
            <div class="inner">
                <div class="footer-columns grid">
                    <div class="grid__item one-quarter"><h4>Quick Links</h4><ul class="pages-menu sf-menu sf-horizontal sf-js-enabled">
    	<li class=" ">
		<a href="https://www.trueformconcrete.com/architect-designer-resources/"><span>Architect &amp; Designer Resources</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/aia-accredited-ce-course/"><span>AIA Accredited CE Course</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/product-care-use/"><span>Product Care &amp; Use</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/commercial-lavatories-guide-spec/"><span>Commercial Lavatories Guide Spec</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/reviews/"><span>Reviews</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/employment-opportunities/"><span>Employment Opportunities</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/terms-conditions/"><span>Terms &amp; Conditions</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/blog/"><span>Blog</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/maker-source/"><span>Maker Source</span></a>
		
	</li>	<li class="HasSubMenu ">
		<a href="https://www.trueformconcrete.com/site-map/"><span>Site Map</span></a>
		<ul>
	<li><a href="https://www.trueformconcrete.com/trueform-concrete/">Trueform Concrete </a></li><li><a href="https://www.trueformconcrete.com/10-things-to-know-download/">10 Things to Know Download</a></li>
</ul>
	</li>
</ul></div>
                    <div class="grid__item one-quarter"><div class="Block CategoryList Panel">
    <h4>Categories</h4>
    <div class="BlockContent">
        
    </div>
</div></div>
                    <div class="grid__item one-quarter"></div>
                    <div class="grid__item one-quarter"><div id="socnet" class="Block SocialConnect Moveable Panel">
	<ul>
		<li><a href="https://www.instagram.com/trueform_concrete" class="icon-social icon-instagram" title="Instagram">Instagram</a></li>
	</ul>
</div></div>
                </div>
            </div>
        </div>

        <div class="footer-links">
            <div class="inner">
                <p>
                    <span id="currencyPrices">All prices are in <span title='US Dollar'>USD</span>.</span> &copy; 2023 Trueform Concrete. 
                      <span class="powered-by"></span>
                </p>
                
            </div>
        </div>

    </div>
</div>














<!-- Start global tracking code for CallRail; SA 11/4/19 -->

<script type="text/javascript" src="//cdn.callrail.com/companies/304205559/269732a8f2edcb8924bb/12/swap.js"></script>

<!-- End CallRail script -->

<!-- Start global Tracking Code for PhoneWagon; SA comment out 5/29/19; SA replaced w/ new tag 9/9/19; commented out again 11/4/19 for CallRail trial

<script type="text/javascript" src="https://js.phonewagon.com/pw_dns.js?cguid=6b959c63-857a-479a-854c-955f0893e17f"></script>

End PhoneWagon tracking code -->

<!-- Start LinkedIn Insight global tracking code; SA July 23, 2018 -->
    
<script type="text/javascript"> _linkedin_partner_id = "397226"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=397226&fmt=gif" /> </noscript>

<!-- End LinkedIn tracking code -->

<!-- Hotjar Tracking Code for www.trueformconcrete.com; SA September 5, 2018 -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:1003750,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- End Hotjar Tracking Code -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!-- concrete-countertops -->
<script>
$(document).ready(function() {
    var pagename = '';
    if(pagename =="Custom Main Sinks"){
        $('h1.TitleHeading').hide();
    }
    
    
});
</script>
<script>
$(document).ready(function() {
    var pagettle = 'Trueform Concrete - Products Tagged with '36&quot; vanity'';
    //if(pagettle =="Colors & Finishes"){
    if(window.location.href.indexOf("colors-finishes") > -1 || window.location.href.indexOf("custom-projects") > -1 || window.location.href.indexOf("custom-concrete-sinks") > -1){
        $('h1.TitleHeading').hide();
    $('#LayoutColumn1').hide();
    //alert('0');
    $('.main').addClass('csample');
    $('#PageBreadcrumb').css("width", "1180px");
    $('#PageBreadcrumb').css("margin", "0 auto");
    $('#CategoryBreadcrumb').css("width", "1180px");
    $('#CategoryBreadcrumb').css("margin", "0 auto");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
}).appendTo("head");
    }
    
    
    
    if(window.location.href.indexOf("sparx-test") > -1 || window.location.href.indexOf("concrete-countertops") > -1){
        $('h1.TitleHeading').hide();
    //$('#LayoutColumn1').hide();
    //alert('0');
    //$('.main').addClass('csample');
    $('.main>.inner').css("width", "100%");
    $('#.main>.inner').css("max-width", "100%");
    $('#CategoryBreadcrumb').css("width", "1180px");
    $('#CategoryBreadcrumb').css("margin", "0 auto");
    //$.getScript("https://github.com/graingert/WOW/blob/master/dist/wow.min.js");
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"
}).appendTo("head");
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
}).appendTo("head");
    
    
    }
    
    
    
    
    
    if (location.pathname === '/') {
        $('h1.TitleHeading').hide();
    //$('#LayoutColumn1').hide();
    //alert(window.location.origin);
    //$('.main').addClass('csample');
    $('#PageBreadcrumb').css("display", "none");
    
    $('.BlockContent.PageContent .tr-hm-pg .container').css("max-width", "1200px");
    $('.main>.inner').css("width", "100%");
    $('#.main>.inner').css("max-width", "100%");
    $('.header').css("margin-bottom", "0");
    
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"
}).appendTo("head");
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
}).appendTo("head");
    
    
    }
    
    
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script>
jQuery(function($){

$('.one-time').slick({
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  adaptiveHeight: true,
  autoplay: true,
  autoplaySpeed: 2000
});
    
    //home
    
$('.banner-carasoul2').slick({
  dots: false,
  infinite: true,
  autoplay: true,
  speed: 1000,
  fade: true,
  pauseOnHover: false,
  pauseOnFocus: false,
  arrows: false,
  prevArrow:"<button class='slick-arrow slick-prev'><i class='fas fa-angle-left'></i></button>",
  nextArrow:"<button class='slick-arrow slick-next'><i class='fas fa-angle-right'></i></button>",
  slidesToShow: 1,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: false,
        dots: false
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        dots: false,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

$('.banner-carasoul3').slick({
  dots: false,
  infinite: true,
  autoplay: true,
  speed: 12000,
  fade: true,
  pauseOnHover: false,
  pauseOnFocus: false,
  arrows: false,
  prevArrow:"<button class='slick-arrow slick-prev'><i class='fas fa-angle-left'></i></button>",
  nextArrow:"<button class='slick-arrow slick-next'><i class='fas fa-angle-right'></i></button>",
  slidesToShow: 1,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: false,
        dots: false
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        dots: false,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

    
    
$('.banner-carasoul').slick({
  dots: false,
  infinite: true,
  speed: 300,
  arrows: true,
  prevArrow:"<button class='slick-arrow slick-prev'><i class='fas fa-angle-left'></i></button>",
  nextArrow:"<button class='slick-arrow slick-next'><i class='fas fa-angle-right'></i></button>",
  slidesToShow: 1,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: false,
        dots: false
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        dots: false,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

$('.banner-carasoul-top').slick({
  dots: true,
  arrows: false,
  nav:true,
});
    

});    
</script>
<script>
      jQuery(document).ready(function($){
       setInterval(function() {
        $(window).scroll(function() {
          console.log("hi");
          (getScrollTop() >= 100) ? $('.header').addClass('header_fixed') : $('.header').removeClass('header_fixed');
          (getScrollTop() >= 100) ? $('body').addClass('sticky_active') : $('body').removeClass('sticky_active');
        });    
      }, 2000);
      });
      function getScrollTop() {
        if(typeof pageYOffset!= 'undefined'){
          return pageYOffset;
        } else {
          var B = document.body;
          var D = document.documentElement;
          D = (D.clientHeight)? D : B;
          return D.scrollTop;
        }
      }
</script>



<div class="footer">
    <div class="inner">

        <div class="Block Moveable Panel" id="SideNewsletterBox" style="display:none;"></div>

        <div class="footer-main">
            <div class="inner">
                <div class="footer-columns grid">
                    <div class="grid__item one-quarter"><h4>Quick Links</h4><ul class="pages-menu sf-menu sf-horizontal sf-js-enabled">
    	<li class=" ">
		<a href="https://www.trueformconcrete.com/architect-designer-resources/"><span>Architect &amp; Designer Resources</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/aia-accredited-ce-course/"><span>AIA Accredited CE Course</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/product-care-use/"><span>Product Care &amp; Use</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/commercial-lavatories-guide-spec/"><span>Commercial Lavatories Guide Spec</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/reviews/"><span>Reviews</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/employment-opportunities/"><span>Employment Opportunities</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/terms-conditions/"><span>Terms &amp; Conditions</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/blog/"><span>Blog</span></a>
		
	</li>	<li class=" ">
		<a href="https://www.trueformconcrete.com/maker-source/"><span>Maker Source</span></a>
		
	</li>	<li class="HasSubMenu ">
		<a href="https://www.trueformconcrete.com/site-map/"><span>Site Map</span></a>
		<ul>
	<li><a href="https://www.trueformconcrete.com/trueform-concrete/">Trueform Concrete </a></li><li><a href="https://www.trueformconcrete.com/10-things-to-know-download/">10 Things to Know Download</a></li>
</ul>
	</li>
</ul></div>
                    <div class="grid__item one-quarter"><div class="Block CategoryList Panel">
    <h4>Categories</h4>
    <div class="BlockContent">
        
    </div>
</div></div>
                    <div class="grid__item one-quarter"></div>
                    <div class="grid__item one-quarter"><div id="socnet" class="Block SocialConnect Moveable Panel">
	<ul>
		<li><a href="https://www.instagram.com/trueform_concrete" class="icon-social icon-instagram" title="Instagram">Instagram</a></li>
	</ul>
</div></div>
                </div>
            </div>
        </div>

        <div class="footer-links">
            <div class="inner">
                <p>
                    <span id="currencyPrices">All prices are in <span title='US Dollar'>USD</span>.</span> &copy; 2023 Trueform Concrete. 
                      <span class="powered-by"></span>
                </p>
                
            </div>
        </div>

    </div>
</div>














<!-- Start global tracking code for CallRail; SA 11/4/19 -->

<script type="text/javascript" src="//cdn.callrail.com/companies/304205559/269732a8f2edcb8924bb/12/swap.js"></script>

<!-- End CallRail script -->

<!-- Start global Tracking Code for PhoneWagon; SA comment out 5/29/19; SA replaced w/ new tag 9/9/19; commented out again 11/4/19 for CallRail trial

<script type="text/javascript" src="https://js.phonewagon.com/pw_dns.js?cguid=6b959c63-857a-479a-854c-955f0893e17f"></script>

End PhoneWagon tracking code -->

<!-- Start LinkedIn Insight global tracking code; SA July 23, 2018 -->
    
<script type="text/javascript"> _linkedin_partner_id = "397226"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=397226&fmt=gif" /> </noscript>

<!-- End LinkedIn tracking code -->

<!-- Hotjar Tracking Code for www.trueformconcrete.com; SA September 5, 2018 -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:1003750,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- End Hotjar Tracking Code -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!-- concrete-countertops -->
<script>
$(document).ready(function() {
    var pagename = '';
    if(pagename =="Custom Main Sinks"){
        $('h1.TitleHeading').hide();
    }
    
    
});
</script>
<script>
$(document).ready(function() {
    var pagettle = 'Trueform Concrete - Products Tagged with '36&quot; vanity'';
    //if(pagettle =="Colors & Finishes"){
    if(window.location.href.indexOf("colors-finishes") > -1 || window.location.href.indexOf("custom-projects") > -1 || window.location.href.indexOf("custom-concrete-sinks") > -1){
        $('h1.TitleHeading').hide();
    $('#LayoutColumn1').hide();
    //alert('0');
    $('.main').addClass('csample');
    $('#PageBreadcrumb').css("width", "1180px");
    $('#PageBreadcrumb').css("margin", "0 auto");
    $('#CategoryBreadcrumb').css("width", "1180px");
    $('#CategoryBreadcrumb').css("margin", "0 auto");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
}).appendTo("head");
    }
    
    
    
    if(window.location.href.indexOf("sparx-test") > -1 || window.location.href.indexOf("concrete-countertops") > -1){
        $('h1.TitleHeading').hide();
    //$('#LayoutColumn1').hide();
    //alert('0');
    //$('.main').addClass('csample');
    $('.main>.inner').css("width", "100%");
    $('#.main>.inner').css("max-width", "100%");
    $('#CategoryBreadcrumb').css("width", "1180px");
    $('#CategoryBreadcrumb').css("margin", "0 auto");
    //$.getScript("https://github.com/graingert/WOW/blob/master/dist/wow.min.js");
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"
}).appendTo("head");
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
}).appendTo("head");
    
    
    }
    
    
    
    
    
    if (location.pathname === '/') {
        $('h1.TitleHeading').hide();
    //$('#LayoutColumn1').hide();
    //alert(window.location.origin);
    //$('.main').addClass('csample');
    $('#PageBreadcrumb').css("display", "none");
    
    $('.BlockContent.PageContent .tr-hm-pg .container').css("max-width", "1200px");
    $('.main>.inner').css("width", "100%");
    $('#.main>.inner').css("max-width", "100%");
    $('.header').css("margin-bottom", "0");
    
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"
}).appendTo("head");
    
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
}).appendTo("head");
    $("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
}).appendTo("head");
    
    
    }
    
    
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script>
jQuery(function($){

$('.one-time').slick({
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  adaptiveHeight: true,
  autoplay: true,
  autoplaySpeed: 2000
});
    
    //home
    
$('.banner-carasoul2').slick({
  dots: false,
  infinite: true,
  autoplay: true,
  speed: 1000,
  fade: true,
  pauseOnHover: false,
  pauseOnFocus: false,
  arrows: false,
  prevArrow:"<button class='slick-arrow slick-prev'><i class='fas fa-angle-left'></i></button>",
  nextArrow:"<button class='slick-arrow slick-next'><i class='fas fa-angle-right'></i></button>",
  slidesToShow: 1,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: false,
        dots: false
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        dots: false,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

$('.banner-carasoul3').slick({
  dots: false,
  infinite: true,
  autoplay: true,
  speed: 12000,
  fade: true,
  pauseOnHover: false,
  pauseOnFocus: false,
  arrows: false,
  prevArrow:"<button class='slick-arrow slick-prev'><i class='fas fa-angle-left'></i></button>",
  nextArrow:"<button class='slick-arrow slick-next'><i class='fas fa-angle-right'></i></button>",
  slidesToShow: 1,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: false,
        dots: false
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        dots: false,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

    
    
$('.banner-carasoul').slick({
  dots: false,
  infinite: true,
  speed: 300,
  arrows: true,
  prevArrow:"<button class='slick-arrow slick-prev'><i class='fas fa-angle-left'></i></button>",
  nextArrow:"<button class='slick-arrow slick-next'><i class='fas fa-angle-right'></i></button>",
  slidesToShow: 1,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: false,
        dots: false
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: false
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        dots: false,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

$('.banner-carasoul-top').slick({
  dots: true,
  arrows: false,
   nav:true,
});
    

});    
</script>
<script>
      jQuery(document).ready(function($){
       setInterval(function() {
        $(window).scroll(function() {
          console.log("hi");
          (getScrollTop() >= 100) ? $('.header').addClass('header_fixed') : $('.header').removeClass('header_fixed');
          (getScrollTop() >= 100) ? $('body').addClass('sticky_active') : $('body').removeClass('sticky_active');
        });    
      }, 2000);
      });
      function getScrollTop() {
        if(typeof pageYOffset!= 'undefined'){
          return pageYOffset;
        } else {
          var B = document.body;
          var D = document.documentElement;
          D = (D.clientHeight)? D : B;
          return D.scrollTop;
        }
      }
</script>
<script type="text/javascript" src="https://cdn9.bigcommerce.com/shared/js/csrf-protection-header-b572e5526f6854c73a5e080ef15a771f963740ae.js"></script>