/*
Theme Name: Twenty Twenty Child
Theme URI: http://smartsprings.nz/twentytwenty-child/
description: One Pageily Child Theme
Author: Adam Dean
Author URI: http://smartsprings.co.nz
Template: twentytwenty
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Custom Build
Text Domain: twentytwenty-child
*/
@media only screen {
	.fleet-image{
		     background: url("/wp-content/uploads/2023/08/Vehicle-Banner-1.jpg") 50% 50% no-repeat;
        background-size: cover;
		padding-bottom: 30%;
	}
	.back-btn{
		position: relative;
        top: 3rem;
        font-size: 12px !important;
		color: #0664c4 !important;		
	}
	.back-btn:hover{
		color: #00263F !important;	
	}
	
	#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails, .bwg-container {
    justify-content: flex-start !important;	
	}
	
	#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_image_wrap_0 {
		background-color: transparent !important;
		max-height: 420px !important;
	}
	
	#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_dots_0 {
		background: #2574c4 !important;
	}
	#bwg_container1_0 #bwg_container2_0 .bwg_slideshow_dots_active_0 {
		background: #fff !important;
	}
	
	.inner-list{
		margin-left: 1.25rem;
		margin-bottom: 1.5rem;
	}
	
	.inner-list li{
		   font-family: 'Montserrat', sans-serif;
      color: #3A505E;
font-size: 15px;
		list-style: disc;
		margin-left: 0;
	}
	
		.number-list{
		margin-left: 1.25rem;
		margin-bottom: 1.5rem;
	}
	
	.number-list li{
		   font-family: 'Montserrat', sans-serif;
        color: #3A505E;
font-size: 15px;
		list-style: decimal;
		margin-left: 0;
	}
	
    p:empty {
        display: none;
    }
	
	.before-after .img {
		text-align: center;
		margin-bottom: 2rem;
	}

	ul.page-categories {
		margin: 2rem 0 0;		
	}
	ul.page-categories li {
		margin: 0 0 3.5rem;
		width: 100%;
		max-width: 500px;
	}
	ul.page-categories h6 {
		margin: 1rem 0 0;
		text-align: center;
		text-transform:none;
	}
	ul.page-categories a{
		transition: all, 0.3s;
	}
		ul.page-categories a:hover{
		transition: all, 0.3s;
			opacity: 0.7;
	}
	
    footer p a {
        color: #000;
        text-decoration: none;
        transition: all, 0.3s;
    }

        footer p a:hover {
            color: #000;
            text-decoration: underline;
            transition: all, 0.3s;
        }

    #selling-section .slick-arrow {
        display: none !important;
    }

    .works-list {
        margin: 0;
    }

        .works-list h2 {
            margin-bottom: 1rem !important;
        }

        .works-list p {
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            color: #00263F;
        }

        .works-list li {
            margin: 0;
            position: relative;
            padding-left: 60px;
        }

            .works-list li:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 45px;
                height: 42px;
                background: #f9f9f9;
                border: 2px solid #00263F;
                text-align: center;
                line-height: 40px;
                font-family: 'Montserrat', sans-serif;
                font-size: 30px;
                color: #00263F;
                font-weight: 800;
            }

            .works-list li:nth-child(1):before {
                content: '1.';
            }

            .works-list li:nth-child(2):before {
                content: '2.';
            }

            .works-list li:nth-child(3):before {
                content: '3.';
            }

            .works-list li:nth-child(4):before {
                content: '4.';
            }

            .works-list li:nth-child(5):before {
                content: '5.';
            }

            .works-list li:nth-child(6):before {
                content: '6.';
            }

            .works-list li:nth-child(7):before {
                content: '7.';
            }

            .works-list li ul {
                margin-bottom: 0.5rem !important;
            }

    .ui-accordion p.ui-accordion-header {
        display: none !important;
    }

    .accordions-head-title, .ui-state-active, .accordion-content, .accordions-head {
        background: transparent !important;
        background-color: transparent !important;
    }

    .ui-accordion {
        background: #f9f9f9 !important;
        border: 1px solid #ccc !important;
        transition: all,0,3s;
    }

        .ui-accordion:hover {
            background: #eeecec !important;
        }

    .accordion-content {
        padding-left: 40px !important;
    }

        .accordion-content li {
            font-size: 16px;
            color: #00263F !important;
            font-weight: 400;
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            list-style: disc !important;
            margin-bottom: 0.5rem;
            padding-left: 0 !important;
        }

            .accordion-content li:before {
                display: none;
            }

    .accordions-head-title {
        color: #00263F !important;
        font-weight: 500;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
    }

    .accordion-icons {
        display: none !important;
    }

    .post .section-inner.medium, .post .entry-content {
        max-width: 1200px;
        margin: auto;
    }

    body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
        color: #00263F !important;
    }

    .single-post button, .single-post .button, .single-post .faux-button, .single-post .wp-block-button__link, .single-post .wp-block-file .wp-block-file__button, .single-post input[type="button"], .single-post input[type="reset"], .single-post input[type="submit"], .single-post .bg-accent, .single-post .bg-accent-hover:hover, .single-post .bg-accent-hover:focus, .single-post :root .has-accent-background-color, .single-post .comment-reply-link {
        background-color: #00263F;
    }

        .single-post button:hover, .single-post .button:hover, .single-post .faux-button:hover, .single-post .wp-block-button__link:hover, .single-post .wp-block-file .wp-block-file__button:hover, .single-post input[type="button"]:hover, .single-post input[type="reset"]:hover, .single-post input[type="submit"]:hover, .single-post .bg-accent:hover, .single-post .bg-accent-hover:hover:hover, .single-post .bg-accent-hover:focus:hover, .single-post :root .has-accent-background-color:hover, .single-post .comment-reply-link:hover {
            background-color: #0664c4;
            color: #fff;
            text-decoration: none;
        }

    .otw_post_content-social-item {
        background-color: #00263F !important;
    }

        .otw_post_content-social-item:hover {
            background-color: #0664c4 !important;
            color: #fff !important;
            text-decoration: none !important;
        }

    .testimonials-list {
        margin: 1.5rem 0 0;
        max-width: 400px;
    }

        .testimonials-list li {
            border-bottom: 1px solid #f0e5e5;
            padding-bottom: 1rem;
            margin: 0 0 2.25rem;
        }

            .testimonials-list li:last-child {
                border-bottom: none;
                margin-bottom: 0;
            }

            .testimonials-list li .text {
                padding-top: 1.5rem;
            }

            .testimonials-list li .testimonial {
                color: #3A505E;
                font-family: 'Montserrat', sans-serif;
                font-size: 16px;
                font-weight: 600;
                letter-spacing: 0;
                line-height: 26px;
                font-style: italic;
            }

            .testimonials-list li .text span {
                display: block;
                padding-top: 1rem;
                font-style: italic;
                font-weight: 400;
            }

    .entry-content {
        padding-bottom: 4rem;
    }
.home .entry-content{padding-bottom: 0;}
    .custom-sidebar {
        display: none;
    }

    .otw-eight, .otw-row .otw-eight {
        width: 100%;
    }

    .otw-sixteen, .otw-row .otw-sixteen {
        width: 100%;
    }

    .single-post .otw_gm_content {
        max-width: 1170px;
        margin: auto;
        padding: 4rem 0;
    }

    .otw_post_content-blog-meta-wrapper {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    h3.otw_post_content-mb25 {
        margin-bottom: 8px !important;
        margin-top: 1.5rem !important;
    }

    .comment-reply-title {
        font-size: 20px;
    }

    h1.otw_post_content-blog-title {
        font-size: 28px;
        font-weight: bold;
        display: block;
    }

    .widget .post-date {
        font-size: 10px;
        font-family: 'Montserrat', sans-serif !important;
    }

    .bdp-post-title {
        margin-bottom: 6px !important;
    }

        .bdp-post-title a {
            font-size: 22px;
            font-weight: 600;
            color: #00263F;
            transition: all,0.3s;
            font-family: 'Montserrat', sans-serif !important;
            display: block;
            line-height: 1.4;
        }

            .bdp-post-title a:hover {
                color: #0664c4;
            }

    .otw_post_content-blog-meta-wrapper a {
        font-family: 'Montserrat', sans-serif !important;
        color: #00263F;
        transition: all,0.3s;
        pointer-events: none;
        text-decoration: none;
    }

        .otw_post_content-blog-meta-wrapper a:hover {
            color: #00263F;
            text-decoration: none;
        }

    p {
        font-family: 'Montserrat', sans-serif !important;
    }

    .bdp-post-meta span.bdp-post-meta-innr {
        font-style: normal;
        font-family: 'Montserrat', sans-serif !important;
        text-transform: none;
    }

    .bdpgridbox-main.bdp-design-1 .bdp-post-short-content {
        font-family: 'Montserrat', sans-serif !important;
        color: #00263F;
    }

    .contact-page-wrap {
        padding-bottom: 4rem;
    }
    .contact-page-wrap h1{
        margin-top: 4rem;
    }
        .contact-page-wrap h3 {
            margin-top: 0 !important;
            font-size: 18px;
            color: #00263F;
            margin-bottom: 0.5rem !important;
        }

        .contact-page-wrap a {
            font-size: 16px;
            font-weight: 500;
            color: #00263F;
            transition: all,0.3s;
        }

            .contact-page-wrap a:hover {
                color: #0664c4;
            }
	
	.contact-page-wrap .home-btn{
		color: #fff;
	}
	
	.contact-page-wrap .home-btn:hover{
		color: #fff;
	}
    .wpcf7-submit {
        background-color: #00263F !important;
        transition: all,0.3s;
    }

        .wpcf7-submit:hover {
            background-color: #0664c4 !important;
            text-decoration: none !important;
        }

    .custom-sidebar {
        padding-top: 2rem;
    }

        .custom-sidebar .widgettitle {
            margin-top: 2rem !important;
            margin-bottom: 1rem !important;
        }

        .custom-sidebar li {
            border-top: 1px dotted #ccc;
            padding: 1rem 0;
            margin: 0;
            line-height: 1.2;
        }

            .custom-sidebar li:first-child {
                border: none;
                padding-top: 0;
            }

            .custom-sidebar li a {
                font-size: 16px;
                font-weight: 500;
                color: #00263F;
                transition: all,0.3s;
            }

                .custom-sidebar li a:hover {
                    color: #0664c4;
                }

    .post-meta-edit-link-wrapper {
        display: none !important;
    }

    html {
        overflow-x: hidden;
    }

    .column, .columns {
        padding-left: 33px;
        padding-right: 33px;
    }

    .mobile-menu-link {
        position: relative;
        z-index: 999;
    }

    #menuToggle {
        display: block;
        position: relative;
        top: 22px;
        right: 0;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

        #menuToggle a {
            text-decoration: none;
            color: #00263F;
            transition: color 0.3s ease;
            text-align: center;
            font-size: 14px;
            font-weight: 600;
			transition: all,0.3s;
        }

            #menuToggle a.home-btn {
                color: #fff;
            }

            #menuToggle a:hover {
                color: #fff;
            }

        #menuToggle input {
            display: block;
            width: 40px;
            height: 32px;
            position: absolute;
            top: -7px;
            left: -5px;
            cursor: pointer;
            opacity: 0;
            z-index: 2;
            -webkit-touch-callout: none;
        }

        #menuToggle span {
            display: block;
            width: 33px;
            height: 4px;
            margin-bottom: 5px;
            position: relative;
            background: #00263F;
            border-radius: 3px;
            z-index: 1;
            transform-origin: 4px 0px;
            transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
        }

            #menuToggle span:first-child {
                transform-origin: 0% 0%;
            }

            #menuToggle span:nth-last-child(2) {
                transform-origin: 0% 100%;
            }

        #menuToggle input:checked ~ span {
            opacity: 1;
            transform: rotate(45deg) translate(-2px, -1px);
            background: #232323;
        }

            #menuToggle input:checked ~ span:nth-last-child(3) {
                opacity: 0;
                transform: rotate(0deg) scale(0.2, 0.2);
            }

            #menuToggle input:checked ~ span:nth-last-child(2) {
                transform: rotate(-45deg) translate(0, -1px);
            }

        #menuToggle input:checked ~ span {
            background: #232323;
        }

    #menu {
        position: fixed;
        width: 300px;
        margin: 0;
        padding-top: 125px;
        background: #fff;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        /* to stop flickering of text in safari */
        transform-origin: 0% 0%;
        transform: translate(100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        top: 0;
        bottom: 0;
        z-index: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

        #menu li {
            padding: 10px 0;
            font-size: 22px;
            margin: 0 0 1rem;
            text-align: center;
        }

            #menu li:first-child {
                margin-top: 30px;
            }

    #menuToggle input:checked ~ ul {
        transform: translate(-234px, 0);
    }

    #sp-page a {
        color: #fff !important;
    }

        #sp-page a:hover {
            color: #fff !important;
            opacity: 0.7;
        }

    html, body, h1, h2, h3, h4, h5, h6, p, a {
        font-family: 'Montserrat', sans-serif !important;
    }

    h1 {
        color: #00263F;
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 44px;
    }

    h2 {
        color: #00263F;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 32px;
    }

    p {
        color: #3A505E;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 26px;
    }

    .entry-title {
        display: none;
    }

    .entry-header {
        display: none;
    }

    .entry-content > * {
        margin-bottom: 0;
    }

    p:empty {
        display: none;
    }

    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
        width: 100%;
        max-width: none;
    }

    #site-content {
        overflow: visible;
    }

    .row {
        max-width: 1200px !important;
    }

    .home-btn {
        line-height: 55px;
        padding: 0 1rem;
        text-align: center;
        border-radius: 2px;
        background: #ec7601;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        transition: all,0.3s;
        display: inline-block;
        text-decoration: none;
        min-width: 240px;
    }

        .home-btn:hover, .home-btn:focus, .home-btn:active {
            background: #f48516;
            color: #fff;
        }

        .home-btn.white-btn {
            background: #fff;
            color: #00263F;
        }

            .home-btn.white-btn:hover, .home-btn.white-btn:focus, .home-btn.white-btn:active {
                background: #f7f7f7;
                color: #00263F;
            }

        .home-btn.green-btn {
            background: #0664c4;
            color: #fff;
        }

            .home-btn.green-btn:hover, .home-btn.green-btn:focus, .home-btn.green-btn:active {
                background: #377fca;
                color: #fff;
            }

        .home-btn.white-border {
            background: transparent;
            color: #fff;
            border: 2px solid #fff;
            line-height: 51px;
        }

            .home-btn.white-border:hover, .home-btn.white-border:focus, .home-btn.white-border:active {
                background: #fff;
                color: #00263F;
            }

        .home-btn.border-btn {
            background: transparent;
            color: #00263F;
            border: 2px solid #00263F;
            line-height: 51px;
        }

            .home-btn.border-btn:hover, .home-btn.border-btn:focus, .home-btn.border-btn:active {
                background: #00263F;
                color: #fff;
            }

    header {
        padding: 1.75rem 0;
        background: #fff;
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.4);
        position: relative;
        z-index: 10;
        min-height: 80px;
    }

        header .logo-dark {
            display: block;
        }

        header .logo-light {
            display: none;
        }

        header .logo {
            width: 172px;
            float: left;
            margin-top: 12px;
        }

        header .mobile-menu-link {
            float: right;
            color: #00263F;
            top: -10px;
        }

    body.home header {
        box-shadow: none;
        background: transparent;
    }

        body.home header .logo-dark {
            display: none;
        }

        body.home header .logo-light {
            display: block;
        }

    body.home #menuToggle span {
        background: #fff;
    }

    body.home #menuToggle input:checked ~ span {
        background: #232323;
    }

    .mobile-menu {
        display: none;
    }

    footer {
        background: #F8F8F8;
        padding-top: 6rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 3rem;
    }

        footer .logo-ftr {
            width: 225px;
            text-align: left;
            margin-bottom: 4rem;
        }

        footer .ftr-links {
            color: #00263F;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 18px;
            margin-bottom: 4rem;
        }

            footer .ftr-links ul {
                display: table;
                width: 100%;
                margin: 0;
            }

            footer .ftr-links a {
                color: #00263F;
                transition: all, 0.3s;
                text-decoration: none;
            }

                footer .ftr-links a:hover {
                    color: #000;
                }

            footer .ftr-links li {
                width: 50%;
                float: left;
                margin-bottom: 0.5rem;
                margin-left: 0;
            }

        footer .social {
            display: table;
            width: 100%;
            margin: 2rem 0 4rem;
        }

            footer .social a {
                display: inline-block;
                transition: all,0.3s;
                margin-right: 1rem;
                text-decoration: none;
            }

                footer .social a:hover {
                    opacity: 0.7;
                }

        footer .copyright {
            opacity: 0.5;
            color: #00263F;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0;
        }

            footer .copyright span {
                margin: 0 0.5rem;
            }

            footer .copyright a {
                color: #00263F;
                transition: all,0.3s;
                text-decoration: none;
                white-space: nowrap;
            }

                footer .copyright a:hover {
                    color: #000;
                }

    #banner {
		
        background: url("/wp-content/uploads/2023/08/Workshop.jpg") 50% 50% no-repeat;
        background-size: cover;
        background-attachment: fixed;
        height: 100vh;
        position: relative;
        top: -139px;
        margin-bottom: -139px;
        overflow: hidden;
        padding-left: 1rem;
    }

        #banner:before {
            content: '';
            position: absolute;
            top: -500px;
            left: -1089px;
            background: #111111;
            width: 1526px;
            height: 1526px;
            border-radius: 100%;
            opacity: 0.76;
        }

        #banner .columns {
            height: 100vh;
            display: flex;
            justify-content: left;
            align-items: center;
            position: relative;
            z-index: 4;
        }

        #banner h1 {
            color: #fff;
            font-size: 26px;
            font-weight: 800;
            letter-spacing: 0;
            line-height: 32px;
            margin-bottom: 1.5rem;
			max-width:330px;
        }

            #banner h1 span {
                color: RGBA(255,255,255,0.7);
                font-size: 0.875em;
            }

            #banner h1 sup {
                font-size: 30px;
                font-weight: 400;
                vertical-align: top;
                top: 2.5rem;
                left: 0.25rem;
            }

        #banner .home-btn {
            margin: 0 1.25rem 2rem 0;
        }

        #banner .small-print {
            color: rgba(255, 255, 255, 0.5);
            font-size: 12px;
            letter-spacing: 0;
            line-height: 15px;
            position: absolute;
            bottom: 1rem;
            left: 1rem;
            font-family: "Montserrat",sans-serif;
            z-index: 10;
        }

    #selling-section {
        background: #f8f8f8;
        padding: 3.5rem 0;
        text-align: center;
    }

        #selling-section .slick-next::before, #selling-section .slick-prev::before {
            color: #333;
        }

        #selling-section h2 {
            color: #00263F;
            font-size: 30px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 43px;
            text-align: center;
            max-width: 335px;
            margin-bottom: 2rem;
        }

            #selling-section h2 strong {
                font-weight: 800;
            }

        #selling-section .selling-item {
            padding: 1rem 12px;
            outline: none !important;
        }

        #selling-section .img {
            min-height: 97px;
            max-height: 100px;
            max-width: 100px;
            margin: 0 auto 1rem;
        }

            #selling-section .img img {
                width: auto;
            }

        #selling-section .inner {
            background: #fff;
            border-radius: 8px;
            padding: 3rem 1rem;
            text-align: center;
            width: 275px;
            outline: none !important;
            min-height: 245px;
            margin: auto;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        #selling-section h5 {
            margin-top: 0;
            font-weight: bold;
            color: #3A505E;
            font-size: 20px;
            max-width: 220px;
            margin-left: auto;
            margin-right: auto;
        }

        #selling-section p {
            margin-top: 0;
            font-weight: 500;
            color: #3A505E;
            font-size: 16px;            
            margin-left: auto;
            margin-right: auto;
        }

        #selling-section .home-btn {
            margin: 1rem 0.75rem;
        }

        #selling-section .selling-slider {
            margin-bottom: 3rem;
        }

    #examples-section {
        background: #f8f8f8;
        padding: 3.5rem 0;
        text-align: center;
    }

        #examples-section h2 {
            color: #00263F;
            font-size: 30px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 43px;
            text-align: center;
            max-width: 335px;
            margin-bottom: 2rem;
        }

            #examples-section h2 strong {
                font-weight: 800;
            }

        #examples-section p {
            margin-top: 0;
            font-weight: 500;
            color: #3A505E;
            font-size: 16px;
            max-width: 830px;
            margin-left: auto;
            margin-right: auto;
        }

    #know-section {
        background: url("/wp-content/uploads/2021/04/banner-1.jpg") 50% 50% no-repeat;
        background-size: cover;
        position: relative;
    }

        #know-section:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #193f66;
            opacity: 0.88;
        }

        #know-section .text {
            position: relative;
            z-index: 4;
            padding: 4.5rem 1.5rem;
        }

        #know-section h2 {
            font-size: 30px;
            font-weight: 700;
            letter-spacing: 0;
            line-height: 43px;
            color: #fff;
            margin-top: 0;
            margin-bottom: 2rem;
        }

            #know-section h2 span {
                color: #0664c4;
            }

        #know-section ul {
            margin: 0 0 2.5rem;
        }

            #know-section ul li {
                font-family: 'Montserrat', sans-serif;
                color: #D0D9DE;
                font-size: 15px;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 24px;
                position: relative;
                margin: 0;
                padding-left: 33px;
                margin-bottom: 0.75rem;
            }

                #know-section ul li:before {
                    content: '';
                    position: absolute;
                    top: 1px;
                    left: 0;
                    background: url("/wp-content/uploads/2023/07/tick.png") no-repeat;
                    background-size: cover;
                    width: 22px;
                    height: 22px;
                }

        #know-section p {
            color: #D0D9DE;
            font-family: 'Montserrat', sans-serif;
            font-size: 15px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 24px;
        }

    #consultation-section {
        background: url("/wp-content/uploads/2021/03/bricks.jpg") 50% 50% repeat;
        padding: 4.5rem 0;
        text-align: center;
    }

        #consultation-section .row {
            max-width: 1440px !important;
        }

        #consultation-section h2 {
            color: #00263F;
            font-family: 'Montserrat', sans-serif;
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 43px;
            margin-top: 0;
            margin-bottom: 1.5rem;
            padding-left: 1rem;
            padding-right: 1rem;
        }

            #consultation-section h2 strong {
                color: #fff;
                font-weight: 800;
            }

        #consultation-section h4 {
            color: #00263F;
            font-family: 'Montserrat', sans-serif;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 28px;
            text-align: center;
            margin-top: 0;
        }

        #consultation-section p {
            color: #00263F;
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 26px;
            padding-left: 1rem;
            padding-right: 1rem;
        }

        #consultation-section .consultation-item {
            width: 240px;
            outline: none !important;
            padding: 3rem 0 1rem;
        }

        #consultation-section img {
            min-height: 76px;
            max-height: 76px;
            max-width: 76px;
            display: block;
            margin: 0 auto 1.5rem;
        }

        #consultation-section .home-btn {
            margin-bottom: 2rem;
        }

        #consultation-section .slick-arrow {
            display: none !important;
        }

    #testimonial-section {
        background: #fff;
        padding: 4.5rem 0 5.5rem;
        text-align: center;
    }

        #testimonial-section h2 {
            color: #00263F;
            font-family: 'Montserrat', sans-serif;
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 43px;
            margin-top: 0;
            margin-bottom: 1.5rem;
        }

            #testimonial-section h2 strong {
                font-weight: 800;
            }

        #testimonial-section p {
            color: #3A505E;
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 26px;
        }

        #testimonial-section .testimonial {
            color: #3A505E;
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 26px;
            font-style: italic;
        }

            #testimonial-section .testimonial span {
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
            }

        #testimonial-section .home-btn {
            margin-top: 1.5rem;
        }

        #testimonial-section .text {
            width: 90%;
            max-width: 492px;
            margin: auto;
            text-align: center;
        }

        #testimonial-section .img {
            width: 200px;
            /* height: 200px; */
            border-radius: 100%;
            overflow: hidden;
            display: block;
            margin: 0 auto 1.5rem;
        }

    #meet-section {
        padding-top: 300px;
        position: relative;
        background: url("/wp-content/uploads/2021/04/springs-bg.jpg") 50% 50% no-repeat;
        background-size: cover;
    }

        #meet-section:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #111;
            opacity: 0.88;
        }

        #meet-section:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 300px;
            background: url("/wp-content/uploads/2021/04/springs-bg.jpg") 50% 50% no-repeat;
            background-size: cover;
        }

        #meet-section .text {
            padding: 4.5rem 0;
            position: relative;
            z-index: 10;
        }

        #meet-section h2 {
            font-size: 30px;
            letter-spacing: 0;
            line-height: 43px;
            color: #fff;
            font-weight: 500;
        }

            #meet-section h2 span {
                color: #0664c4;
                font-weight: 800;
            }

        #meet-section p {
            color: #FFFFFF;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 26px;
        }

        #meet-section a.p-link {
            color: #FFFFFF;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 26px;
            transition: all, 0.3s;
            text-decoration: none;
        }

            #meet-section a.p-link:hover {
                text-decoration: underline;
                opacity: 0.8;
            }


        #meet-section .home-btn {
            margin-top: 2.5rem;
        }

    #daveles-section {
        padding-top: 300px;
        position: relative;
        background: url("/wp-content/uploads/2021/04/fence-bg.jpg") 50% 50% no-repeat;
        background-size: cover;
    }

        #daveles-section:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #193f66;
            opacity: 0.88;
        }

        #daveles-section:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 300px;
            background: url("/wp-content/uploads/2021/04/fence-bg.jpg") 50% 50% no-repeat;
            background-size: cover;
        }

        #daveles-section .text {
            padding: 4.5rem 0;
            position: relative;
            z-index: 10;
        }

        #daveles-section h2 {
            font-size: 30px;
            letter-spacing: 0;
            line-height: 43px;
            color: #fff;
            font-weight: 500;
        }

            #daveles-section h2 span {
                color: #0664c4;
                font-weight: 800;
            }

        #daveles-section p {
            color: #FFFFFF;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 26px;
        }

        #daveles-section a.p-link {
            color: #FFFFFF;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 26px;
            transition: all, 0.3s;
            text-decoration: none;
        }

            #daveles-section a.p-link:hover {
                text-decoration: underline;
                opacity: 0.8;
            }


        #daveles-section .home-btn {
            margin-top: 2.5rem;
        }

    .inner-page-banner {
        background: url("/wp-content/uploads/2021/04/default-bg.jpg") 50% 50% no-repeat;
        background-size: cover;
        padding-bottom: 14%;
    }
	
	.project-page-banner{
		background: url("/wp-content/uploads/2021/04/projects-bg2.jpg") 50% 100% no-repeat;
		 background-size: cover;		
	}
	
		.services-page-banner{
		background: url("https://smartweld.co.nz/wp-content/uploads/2021/04/rollers-bg.jpg") 50% 100% no-repeat;
		 background-size: cover;		
	}
	.products-page-banner{
		background: url("/wp-content/uploads/2023/07/springs-bg.jpg") 100% 50% no-repeat;
		 background-size: cover;		
	}
		.sectional-banner{
		background: url("/wp-content/uploads/2015/04/sectional-bot.jpg") 50% 50% no-repeat;
		 background-size: cover;		
	}
		.roller-page-banner{
		background: url("/wp-content/uploads/2015/04/roller-bot.jpg") 50% 50% no-repeat;
		 background-size: cover;		
	}
		.tilt-page-banner{
		background: url("/wp-content/uploads/2015/04/tilt-bot.jpg") 50% 70% no-repeat;
		 background-size: cover;		
	}
		.horse-page-banner{
		background: url("/wp-content/uploads/2015/04/horse-float-bottom.jpg") 100% 50% no-repeat;
		 background-size: cover;		
	}
	.about-page-banner{
		background: url("https://smartweld.co.nz/wp-content/uploads/2021/04/about-bg.jpg") 50% 100% no-repeat;
		 background-size: cover;		
	}
	.contact-page-banner{
		background: url("/wp-content/uploads/2023/07/contact-bg.jpg") 50% 50% no-repeat;
		 background-size: cover;		
	}
		.springs-banner{
		background: url("/wp-content/uploads/2021/04/projects-bg2.jpg") 50% 100% no-repeat;
		 background-size: cover;		
	}
		.commercial-banner{
		background: url("/wp-content/uploads/2021/04/banner-7.jpg") 50% 100% no-repeat;
		 background-size: cover;		
	}
		.horse-banner{
		background: url("/wp-content/uploads/2021/04/horse-banner.jpg") 50% 100% no-repeat;
		 background-size: cover;		
	}
		.silo-banner{
		background: url("/wp-content/uploads/2021/04/silo-banner.jpg") 50% 100% no-repeat;
		 background-size: cover;		
	}
		.fence-banner{
		background: url("/wp-content/uploads/2021/04/fence-banner.jpg") 50% 100% no-repeat;
		 background-size: cover;		
	}
		.welding-banner{
		background: url("/wp-content/uploads/2021/04/welding-banner.jpg") 50% 100% no-repeat;
		 background-size: cover;		
	}
		.fabrication-banner, .safety-banner{
		background: url("/wp-content/uploads/2021/04/safety-banner.jpg") 50% 100% no-repeat;
		 background-size: cover;		
	}
}

@media only screen and (min-width: 640px) {
	.before-after {
		margin-top: 2rem;
	}
	.before-after h6 {
		margin-top: 1rem;
	}
		.before-after .img {
		padding-right: 1.5rem;
			width:50%;
			float: left;
	}

	ul.page-categories {
		margin-left: -1rem;
		margin-right: -1rem;
	}
		ul.page-categories li {		
		width: 50%;
			float: left;
			padding: 0 1rem;		
	}
    .testimonials-list li {
        padding-bottom: 2rem;
        margin: 0 0 3.25rem;
    }

    #menuToggle {
        top: 35px;
    }

        #menuToggle input:checked ~ ul {
            transform: translate(-219px, 0);
        }

    .column, .columns {
        padding-left: 48px;
        padding-right: 48px;
    }

    header .logo {
        width: 225px;
        margin-top: 6px;
    }

    header .mobile-menu-link {
        top: -24px;
    }

    footer .logo-ftr {
        margin-left: auto;
        margin-right: auto;
    }

    footer .copyright {
        text-align: center;
        margin-top: 3rem;
    }

    footer .ftr-links {
        width: 50%;
        float: left;
    }

    footer .social {
        width: 50%;
        float: right;
    }

    #banner {
        top: -172px;
        margin-bottom: -172px;
    }

        #banner:before {
            left: -959px;
        }

        #banner h1 {
            font-size: 30px;
            line-height: 45px;
			max-width: 492px;
        }

    #selling-section h2 {
        max-width: 505px;
        margin-bottom: 2rem;
    }

    #selling-section .cta {
        margin-top: 3rem;
    }

    #know-section {
        overflow: hidden;
    }

        #know-section:before {
            top: -500px;
            right: -1089px;
            width: 1526px;
            height: 1526px;
            border-radius: 100%;
        }

        #know-section .text {
            max-width: 500px;
            float: right;
            padding-top: 6rem;
            padding-bottom: 6rem;
        }

    #consultation-section {
        padding: 6rem 0;
    }

        #consultation-section .cta {
            margin-top: 3rem;
        }

            #consultation-section .cta .home-btn {
                margin: 0.75rem;
            }

    #daveles-section {
        padding-top: 500px;
    }

        #daveles-section:after {
            height: 500px;
        }

        #daveles-section h2 {
            margin-top: 0;
        }

        #daveles-section .text {
            padding: 6rem 1rem;
        }

    #daveles-section {
        padding-top: 500px;
    }

        #daveles-section:after {
            height: 500px;
        }

        #daveles-section h2 {
            margin-top: 0;
        }

        #daveles-section .text {
            padding: 6rem 1rem;
        }
}

@media only screen and (min-width: 700px) {
    body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
        width: 100%;
        max-width: none;
    }
}

@media only screen and (min-width: 1024px) {
	.img-float{
		float: right;
		margin-left: 4rem;
		margin-bottom: 2rem;
		
	}
	
			ul.page-categories li {		
		width: 33.33333%;				
	}
    #selling-section .slick-arrow {
        display: none !important;
    }

    .testimonials-list li .testimonial {
        font-size: 18px;
        line-height: 28px;
    }

    .works-list {
        padding-right: 4rem;
    }

        .works-list h2 {
            font-size: 28px;
        }

        .works-list li {
            padding-left: 85px;
        }

            .works-list li:before {
                top: 0;
                width: 65px;
                height: 65px;
                line-height: 62px;
                font-size: 40px;
            }

    .testimonials-list {
        max-width: none;
        margin-top: 3.5rem;
    }

        .testimonials-list li {
            padding-bottom: 4.5rem;
            margin: 0 0 4.25rem;
            display: table;
            width: 100%;
        }

            .testimonials-list li .img {
                width: 240px;
                float: left;
            }

            .testimonials-list li .text {
                width: calc(100% - 240px);
                float: right;
                padding-left: 3.5rem;
                padding-top: 0;
            }

                .testimonials-list li .text p {
                    font-size: 1.8rem !important;
                }

    .single-post .otw_gm_content {
        padding: 6rem 0;
    }

    h1.otw_post_content-blog-title {
        font-size: 34px;
    }

    .otw-eight, .otw-row .otw-eight {
        width: 33.33333%;
    }

    .otw-sixteen, .otw-row .otw-sixteen {
        width: 66.66667%;
        padding-left: 3rem !important;
    }

    .bdp-post-title a {
        font-size: 28px;
    }

    .custom-sidebar {
        display: block;
        padding-left: 3rem !important;
        padding-top: 5rem !important;
    }

    h1 {
        font-size: 40px;
        line-height: 54px;
    }

    header {
        padding: 2rem 0;
    }

    nav.navigation {
        float: right;
        margin-top: 3.5rem;
    }

        nav.navigation ul li {
            float: left;
        }

            nav.navigation ul li a {
                color: #00263F;
                font-size: 14px;
                font-weight: 600;
                letter-spacing: 0;
                line-height: 18px;
                text-decoration: none;
                transition: all, 0.3s;
                line-height: 55px;
                padding-left: 3rem;
            }

                nav.navigation ul li a:hover {
                    opacity: 0.7;
                }

        nav.navigation .home-btn {
            color: #fff !important;
            padding: 0 2rem !important;
            margin-left: 1.5rem;
            min-width: 200px;
        }

    header .logo {
        width: 225px;
        margin-top: 12px;
    }

    footer {
        padding-top: 8rem;
        padding-bottom: 4rem;
    }

        footer .logo-ftr {
            width: 245px;
            float: left;
        }

        footer .social {
            width: 160px;
            float: right;
        }

            footer .social a {
                margin-right: 0;
                margin-left: 1rem;
            }

        footer .ftr-links {
            width: calc(100% - 405px);
            float: left;
        }

            footer .ftr-links ul {
                width: 330px;
                margin: auto;
            }

    body.home nav.navigation ul li a {
        color: #fff;
    }

    body.home nav.navigation .home-btn {
        background: rgba(255, 255, 255, 0.4) !important;
    }

    #banner:before {
        z-index: 3;
        left: 50%;
        margin-left: -1430px;
        top: -320px;
    }

    #banner:after {
        content: '';
        position: absolute;
        z-index: 2;
        height: 257px;
        left: 0;
        right: 0;
        top: 0;
        opacity: 0.58;
        background: linear-gradient(180deg, #000000 0%, transparent 100%);
        pointer-events: none;
    }

    #banner .row {
        max-width: 1440px !important;
    }

    #banner h1 {
        font-size: 43px;
        font-weight: 800;
        letter-spacing: 0;
        line-height: 52px;
        margin-bottom: 4rem;
        margin-top: 0;
    }

        #banner h1 sup {
            top: 3rem;
        }

    #banner .home-btn {
        display: inline-block;
        margin-right: 2rem;
    }

    #banner .small-print {
        left: 32px;
        bottom: 30px;
    }

    #selling-section {
        padding: 10rem 0;
    }

        #selling-section h2 {
            font-size: 40px;
            line-height: 54px;
            max-width: 674px;
            margin-bottom: 4rem;
            margin-top: 0;
            margin-bottom: 3rem;
        }

    #examples-section {
        padding: 10rem 0;
    }

        #examples-section h2 {
            font-size: 40px;
            line-height: 54px;
            max-width: 784px;
            margin-bottom: 4rem;
            margin-top: 0;
            margin-bottom: 3rem;
        }

    #know-section:before {
        left: auto;
        right: 50%;
        margin-right: -1390px;
        pointer-events: none;
    }

    #know-section h2 {
        font-size: 40px;
        line-height: 54px;
    }

    #know-section ul li {
        margin-bottom: 1rem;
    }

    #know-section .text {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    #consultation-section {
        padding: 9rem 0;
    }

        #consultation-section h2 {
            font-size: 40px;
            line-height: 54px;
        }

        #consultation-section p {
            font-size: 18px;
        }

    #testimonial-section {
        padding: 8rem 0;
    }

        #testimonial-section .row {
            max-width: 1130px !important;
        }

        #testimonial-section h2 {
            font-size: 40px;
        }

        #testimonial-section .img {
            width: 444px;
            height: 444px;
            float: left;
            margin: 0;
        }

        #testimonial-section .text {
            text-align: left;
            float: right;
            width: calc(100% - 444px);
            max-width: 524px;
            margin-top: 1.5rem;
            padding-left: 2rem;
        }



    #meet-section {
        background: url("/wp-content/uploads/2015/04/prod-top.jpg") 50% 20% no-repeat;
        background-size: cover;
        padding-top: 0;
        overflow: hidden;
    }

        #meet-section:before {
            top: -500px;
            left: 50%;
            margin-left: -1420px;
            width: 1526px;
            height: 1526px;
            border-radius: 100%;
            pointer-events: none;
        }

        #meet-section h2 {
            font-size: 40px;
        }

        #meet-section:after {
            display: none;
        }

        #meet-section .text {
            width: 550px;
            float: left;
            padding-top: 11rem;
            padding-bottom: 11rem;
        }

    #daveles-section {
        background: url("/wp-content/uploads/2021/04/fence-bg.jpg") 50% 20% no-repeat;
        background-size: cover;
        padding-top: 0;
        overflow: hidden;
    }

        #daveles-section:before {
            top: -500px;
            left: 50%;
            margin-left: -1420px;
            width: 1526px;
            height: 1526px;
            border-radius: 100%;
            pointer-events: none;
        }

        #daveles-section h2 {
            font-size: 40px;
        }

        #daveles-section:after {
            display: none;
        }

        #daveles-section .text {
            width: 550px;
            float: left;
            padding-top: 11rem;
            padding-bottom: 11rem;
        }

    .column, .columns {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media only screen and (min-width: 1280px) {
    header .row {
        max-width: calc(100% - 112px) !important;
    }

    #selling-section .slick-slider .slick-list, #selling-section .slick-slider .slick-track {
        transform: translate3d(0, 0, 0) !important;
    }

    #testimonial-section {
        padding: 10rem 0 6rem;
    }

        #testimonial-section .row {
            max-width: 1050px !important;
        }

        #testimonial-section .text {
            margin-top: 0;
        }
}

@media only screen and (min-width: 1660px) {
    #meet-section:before {
        margin-left: -1430px;
    }

    #meet-section .text {
        width: 510px;
        padding-top: 15rem;
        padding-bottom: 15rem;
    }

    #daveles-section:before {
        margin-left: -1430px;
    }

    #daveles-section .text {
        width: 510px;
        padding-top: 15rem;
        padding-bottom: 15rem;
    }
    #consultation-section .slick-slider .slick-list, #consultation-section .slick-slider .slick-track {
        transform: translate3d(0, 0, 0) !important;
    }

    .column, .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .consultation-slider {
        margin-top: 2rem;
    }

    #know-section::before {
        margin-right: -1480px;
    }

    #banner h1 {
        font-size: 53px;
        line-height: 63px;
    }

}