        @font-face {
        font-family: 'headers';
        src: url('/font/ALoveofThunder.eot');
        src: url('/font/ALoveofThunder.eot?#iefix') format('embedded-opentype'), url('/font/ALoveofThunder.woff2') format('woff2'), url('/font/ALoveofThunder.woff') format('woff'), url('/font/ALoveofThunder.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }
    
    .tm-header,
    div#tm-sticky-footer>div {
        background: rgba(0, 10, 40, .6);
        border-top: 1px solid #7796c2;
        z-index: 110;
        border-bottom: 1px solid #0c3064;
    }
    
    .tm-header-mobile,
    .uk-sticky-fixed {
        background: url(/images/aucklandhotwater/footerbg.webp) bottom center no-repeat;
        background-size: cover;
    }
    
    div#tm-sticky-footer>div {
        background: url(/images/aucklandhotwater/footerbg.webp) bottom center no-repeat;
    }
    
    #tm-top {
        background: #10131C;
    }
    
    .uk-button.pm-cta-button {
        font-family: Verdana;
        font-weight: 900;
    }
    
    #tm-sticky-footer button.uk-button {
        padding: 10px 15px !important;
        font-size: 46px !important;
        line-height: 1em !important;
    }
    
    .uk-sticky-fixed .tm-toolbar {
        display: none;
    }
    
    g#logo-l1,
    g#logo-l2,
    g#logo-wave {
        color: #0055A5;
    }
    
    g#logo-flame {
        color: #E51937;
    }
    
    .uk-text-secondary.uk-svg g#logo-l1,
    .uk-text-secondary.uk-svg g#logo-l2,
    .uk-text-secondary.uk-svg g#logo-wave {
        color: #e4e9f1;
    }
    
    .uk-text-secondary.uk-svg g#logo-flame {
        color: #f72443;
    }
    
    .uk-sticky-fixed .uk-logo,
    .uk-sticky-fixed .uk-logo img,
    .uk-sticky-fixed .uk-logo svg {
        max-height: 40px;
        padding: 0!important;
    }
    
    .uk-sticky-fixed .uk-navbar-container {
        padding: 5px;
    }
    
    .uk-comment {
        margin: 5px auto 20px;
    }
    
    .uk-comment .uk-comment-meta {
        margin-top: 0;
    }
    
    .uk-comment .uk-comment-meta .uk-icon {
        color: #322a22;
    }
    
    .uk-comment .uk-comment-body {
        font-size: 13px;
        font-style: italic;
        margin-top: 0;
    }
    
    .uk-comment .uk-comment-header {
        margin-bottom: 5px;
    }
    
    .uk-comment .uk-comment-header h4 {
        font-size: 1.5em;
        margin: 0;
    }
    
    #tm-toolbar-mobile h5 {
        font-size: 24px;
        line-height: 1.2;
    }
    
    .uk-section#tm-top {
        padding-top: 0px;
        padding-bottom: 0px;
        border-bottom: 1px solid #05258d;
        background: transparent;
    }
    /* slideshow classes */
    
    html .ls-wrapper>.ls-layer.slideshow-flex-center {
        display: flex!important;
        align-items: center!important;
        flex-wrap: wrap!important;
        justify-content: center!important;
        align-content: center!important;
    }
    
    html .ls-wrapper>.ls-layer.slideshow-flex-end {
        display: flex!important;
        align-items: center!important;
        flex-wrap: wrap!important;
        justify-content: center!important;
        align-content: flex-end!important;
    }
    
    .slideshow-title-1 *,
    .slideshow-title-2 * {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(to bottom, #fcfafa 41%, #dcdcdc 100%);
    }
    /* slideshow classes */
    /* Contact Form Overrides */
    
    .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-text label,
    .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-name label,
    .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-email label,
    .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-phone label,
    .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-subject label,
    .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-password label,
    .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-date label,
    .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-textarea label,
    .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-select label,
    .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-multiple label {
        line-height: 38px;
    }
    
    .tm-horizontal-form .uk-button {
        font-size: 14px;
        line-height: 38px;
        height: 40px;
    }
    
    h3#tm-horizontal-form-cta {
        font-size: 29px;
    }
    
    .uk-section-primary:not(.uk-preserve-color) div.tm-horizontal-form .uk-button-primary,
    .uk-card-primary> :not([class*='uk-card-media']) div.tm-horizontal-form .uk-button-primary {
        background: #052A51;
        border: 1px solid #1E5189;
        color: #ede5d6;
        text-transform: none;
    }
    
    .uk-light .uk-input:focus,
    .uk-light .uk-select:focus,
    .uk-light .uk-textarea:focus,
    .uk-light input[type="text"]:not([class*="uk-"]):focus,
    .uk-light input[type="password"]:not([class*="uk-"]):focus,
    .uk-light input[type="datetime"]:not([class*="uk-"]):focus,
    .uk-light input[type="datetime-local"]:not([class*="uk-"]):focus,
    .uk-light input[type="date"]:not([class*="uk-"]):focus,
    .uk-light input[type="month"]:not([class*="uk-"]):focus,
    .uk-light input[type="time"]:not([class*="uk-"]):focus,
    .uk-light input[type="week"]:not([class*="uk-"]):focus,
    .uk-light input[type="number"]:not([class*="uk-"]):focus,
    .uk-light input[type="email"]:not([class*="uk-"]):focus,
    .uk-light input[type="url"]:not([class*="uk-"]):focus,
    .uk-light input[type="search"]:not([class*="uk-"]):focus,
    .uk-light input[type="tel"]:not([class*="uk-"]):focus,
    .uk-light input[type="color"]:not([class*="uk-"]):focus,
    .uk-light .uneditable-input:not([class*="uk-"]):focus,
    .uk-light select:not([class*="uk-"]):focus,
    .uk-light textarea:not([class*="uk-"]):focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-input:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-select:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus,
    .uk-card-primary.uk-card-body .uk-input:focus,
    .uk-card-primary.uk-card-body .uk-select:focus,
    .uk-card-primary.uk-card-body .uk-textarea:focus,
    .uk-card-primary> :not([class*='uk-card-media']) .uk-input:focus,
    .uk-card-primary> :not([class*='uk-card-media']) .uk-select:focus,
    .uk-card-primary> :not([class*='uk-card-media']) .uk-textarea:focus,
    .uk-overlay-primary .uk-input:focus,
    .uk-overlay-primary .uk-select:focus,
    .uk-overlay-primary .uk-textarea:focus,
    .uk-offcanvas-bar .uk-input:focus,
    .uk-offcanvas-bar .uk-select:focus,
    .uk-offcanvas-bar .uk-textarea:focus {
        background-color: rgba(0, 0, 0, 0.2);
        border-color: rgba(255, 243, 223, 0.1) !important;
    }
    
    .uk-section-primary:not(.uk-preserve-color) div.tm-horizontal-form .uk-button-primary,
    .uk-card-primary> :not([class*='uk-card-media']) div.tm-horizontal-form .uk-button-primary,
    .uk-section-primary:not(.uk-preserve-color) div.tm-horizontal-form .uk-button-primary:hover,
    .uk-card-primary> :not([class*='uk-card-media']) div.tm-horizontal-form .uk-button-primary:hover,
    .uk-section-primary:not(.uk-preserve-color) div.tm-horizontal-form .uk-button-primary:focus,
    .uk-card-primary> :not([class*='uk-card-media']) div.tm-horizontal-form .uk-button-primary:focus {
        color: #89b3e0;
    }
    /* Contact Form Overrides End */
    
    .uk-inline-clip .uk-overlay {
        cursor: default;
    }
    /* Custom Gradients */
    
    .tm-section-g1 {}
    
    .tm-section-g2 {}
    /* Custom Gradients */
    
    .uk-box-shadow-bottom::before {
        bottom: -15px;
        height: 15px;
        filter: blur(10px);
    }
    /* set border radius on all images with bottom shadow and caption */
    
    .uk-box-shadow-bottom .uk-inline-clip {
        border-radius: 4px;
    }
    /* add bottom margin to all elements with bottom shadow */
    
    .el-container.uk-box-shadow-bottom {
        margin-bottom: 15px;
    }
    /* add bullet to 2nd nested menu items */
    
    .uk-nav-sub li a:before {
        content: "• ";
        display: inline;
    }
    
    .tm-toolbar {
        padding-top: 5px;
        padding-bottom: 5px;
        min-width: 80%;
    }
    
    .uk-navbar-nav,
    .uk-navbar-toggle {
        margin-top: 12px;
    }
    
    .uk-sticky.uk-sticky-fixed .uk-navbar-nav,
    .uk-sticky.uk-sticky-fixed .uk-navbar-toggle {
        margin-top: 0;
    }
    
    .tm-header>div:not(.uk-sticky-below)>.uk-navbar-container {
        padding-top: 0px;
    }
    
    nav.uk-navbar.tm-include-toolbar .uk-navbar-toggle {
        padding-bottom: 0;
    }
    
    nav.uk-navbar.tm-include-toolbar .uk-navbar-nav>li>a {
        padding-bottom: 2px;
        margin-right: 2px;
    }
    
    .uk-navbar-primary .uk-navbar-nav>li>a {
        /*    border:  2px solid transparent;
    border-radius: 8px;
    line-height: 22px;
    padding-top: 2px;    */
    }
    
    .uk-navbar-dropdown-nav>li a {
        /*font-weight: 400;*/
    }
    
    .uk-navbar-dropdown-nav ul.uk-nav-sub {
        padding-top: 0;
        font-size: 13px;
    }
    
    .tm-reviews-slideshow .uk-position-small[class*=uk-position-center-left],
    .tm-reviews-slideshow .uk-position-small[class*=uk-position-center-right] {
        transform: translateY(-50%) translateY(50%);
        border-radius: 100px;
        border: 4px solid;
        margin: 0;
    }
    
    .tm-footer-1 {
        /*background: linear-gradient(to bottom,#0f5ca2 0%,#0f3d65 100%);*/
        border-bottom: 1px solid transparent;
    }
    
    .tm-footer-2 {
        /*background-image: linear-gradient(to bottom, rgba(16,19,28,1) 0%,rgba(11,10,17,1) 100%);*/
        /*border-top: 1px solid transparet;*/
    }
    
    .tm-footer-2 .uk-text-muted {
        color: #cfd7e4 !important;
    }
    
    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
    }
    
    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /* small + list  */
    
    .tm-list-small ul.uk-list {
        font-size: 13px;
    }
    
    .tm-list-small ul.uk-list .uk-icon svg {
        height: 14px;
    }
    
    .tm-list-small ul.uk-list .uk-grid-column-small>*,
    .tm-list-small ul.uk-list .uk-grid-small>* {
        padding-left: 5px;
    }
    
    .tm-list-small .tm-child-list>ul>*>ul,
    .tm-list-small .tm-child-list>ul>:nth-child(n+2),
    .tm-list-small .uk-list>*>ul,
    .tm-list-small .uk-list>:nth-child(n+2) {
        margin-top: 5px;
    }
    /* small + list  */
    /* medium + list  */
    
    .tm-list-medium ul.uk-list {
        font-size: 14px;
    }
    
    .tm-list-medium ul.uk-list .uk-icon svg {
        height: 15px;
    }
    
    .tm-list-medium ul.uk-list .uk-grid-column-medium>*,
    .tm-list-medium ul.uk-list .uk-grid-medium>* {
        padding-left: 8px;
    }
    
    .tm-list-medium .tm-child-list>ul>*>ul,
    .tm-list-medium .tm-child-list>ul>:nth-child(n+2),
    .tm-list-medium .uk-list>*>ul,
    .tm-list-medium .uk-list>:nth-child(n+2) {
        margin-top: 8px;
    }
    /* medium + list  */
    
    .tm-footer-terms {
        font-size: 10px;
        font-style: italic;
        color: rgba(255, 255, 255, .5);
    }
    
    .contact-us-form .pmc-field-container .uk-form-controls .uk-button-primary {
        display: block;
        width: 100%;
        border-radius: 7px;
    }
    /* header btns */
    
    .tm-header-box {
        cursor: pointer;
        display: flex !important;
        flex-direction: column;
        justify-content: space-around;
        text-align: center;
        background: rgb(254 251 108);
        border: 1px solid rgb(15 15 15 / 10%);
        padding: 4px 10px;
        min-height: 60px;
        line-height: 1em;
    }
    
    .tm-header-box * {
        color: #1a1a1a;
    }
    
    .tm-header-box:hover {
        background: rgb(255 248 50);
        text-decoration: none!important;
    }
    
    .tm-header-box:hover {
        background: rgb(255 248 50);
    }
    
    .tm-header-box:focus,
    .tm-header-box:active {
        background: rgb(247 231 1);
        outline: none !important;
        border: 2px solid #073668 !important;
        box-shadow: 0 0 5px rgb(90 87 88 / .5);
    }
    
    .tm-header-box-title {
        margin-bottom: 0px;
        text-align: left;
        line-height: 1em;
    }
    
    .tm-header-box-subtitle {}
    
    .tm-header-btn1 span {
        display: block;
        font-size: 14px;
        letter-spacing: 6.8px;
        line-height: 21px;
    }
    /* header btns */
    
    .tm-article img {
        clear: both;
    }
    
    .pmcontact-form .pmc-fields .pmc-field-container .pmc-field .uk-input {
        height: 50px;
        border-radius: 5px;
        width: 95% !important;
        background: rgba(16, 19, 28, .3);
        border-color: #212539;
        font-size: 17px;
        color: #7c83a0;
        box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.44);
    }
    
    .tm-form-cta.tm-form-dark .pmcontact-form .pmc-fields .pmc-field-container .pmc-field .uk-input {
        background: rgba(0, 0, 0, .15);
        border-color: rgba(255, 255, 255, .2);
        color: #b5bacc;
        box-shadow: inset 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
    }
    
    .pmcontact-form .pmc-fields .pmc-field-container .pmc-field .uk-input.required.invalid,
    .tm-form-cta.tm-form-dark .pmcontact-form .pmc-fields .pmc-field-container .pmc-field .uk-input.required.invalid {
        border-color: #98081d !important;
    }
    
    .tm-form-style-1 {
        border-radius: 10px;
    }
    
    .tm-sidebar .tm-form-style-1 {
        border-radius: 10px 10px 0 0;
        padding: 20px 20px 0;
    }
    
    .uk-class-form-logo {
        margin-top: -40px;
        background: linear-gradient(to bottom, rgba(17, 52, 118, 1) 0%, rgba(0, 41, 117, 1) 100%);
        padding-bottom: 20px;
        border-radius: 0 0 10px 10px;
    }
    
    .tm-form-style-1 .pmcontact-form .pmc-fields .pmc-field-container .pmc-field .uk-input {
        width: 100% !important;
    }
    
    .tm-form-style-1 .pmcontact-form .pmc-fields .pmc-field-container .pmc-field button.uk-button {
        width: 100%;
    }
    
    .uk-panel.tm-horizontal-form .pmc-labels-over form.pmcontact-form label {
        color: #7c83a0 !important;
        line-height: 50px;
        margin-left: 5px;
        font-size: 15px;
    }
    
    .tm-form-cta.tm-form-dark .uk-panel.tm-horizontal-form .pmc-labels-over form.pmcontact-form label {
        color: #7c83a0 !important;
    }
    
    .pmcontact-form .pmc-fields .pmc-field-container .pmc-field button.uk-button {
        text-transform: uppercase;
        border-radius: 5px;
        font-size: 13px !important;
        letter-spacing: normal;
        border: 1px solid #5b6c8f;
        box-shadow: 0px 0px 2px 1px rgba(55, 75, 117, 0.32);
    }
    
    .pmcontact-form .pmc-fields .pmc-field-container .pmc-field button#pmcontact113_send.uk-button,
    .pmcontact-form .pmc-fields .pmc-field-container .pmc-field button#pmcontact264_send.uk-button {
        background: linear-gradient(to bottom, rgba(255, 238, 171, 1) 0%, rgba(231, 147, 25, 1) 100%);
        color: #001e64;
        font-family: 'headers';
        font-size: 24px !important;
    }
    
    .pm-contact-form .pmcontact-form .pmc-fields .pmc-field-container {
        width: 47%;
        display: inline-block;
        margin: 0px 1%;
    }
    /* PM form ****************** */
    
    .pm-default-slideshow {
        height: auto !important;
    }
    
    .pm-default-slideshow>div {
        height: auto !important;
        background: transparent !important;
    }
    
    .tm-slideshow-scroller {
        margin-bottom: 20px;
    }
    
    .uk-slidenav-position {
        position: relative;
    }
    
    .uk-slideshow {
        position: relative;
        z-index: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        touch-action: pan-y;
    }
    
    .uk-slideshow>li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
    }
    
    .uk-slideshow>.uk-active {
        z-index: 10;
        opacity: 1;
    }
    
    .uk-slideshow>.uk-active {
        z-index: 10;
        opacity: 1;
    }
    
    .tm-slideshow-scroller ul.uk-slideshow li div.uk-grid {
        margin-left: 80px;
        margin-right: 80px;
    }
    
    .tm-slideshow-scroller .tm-testimonial {
        margin: 0 45px;
        padding: 0 15px;
        border-width: 0;
    }
    
    #module-253 {
        border-top: 1px solid #041c86;
        background: transparent;
    }
    
    .tm-form-cta.tm-form-dark {
        background: transparent;
        background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 25%) 41%, rgb(0 0 0 / 36%) 100%);
        border-top: 1px solid #506f9a;
        padding-bottom: 13px;
    }
    
    div#tm-sticky-footer>div>div:nth-child(2) {
        border-left: none;
        border-right: none;
    }
    /* employment contact form */
    
    #pmcontact272 .pmc-field-container.uk-margin.pmc-field-textarea.pmc-field-additionalcomments,
    #pmcontact272 .pmcontact-form .pmc-fields .pmc-field-container.pmc-field-buttons {
        width: 96%;
    }
    
    h1.tm-article-title {
        margin-bottom: 0;
    }
    
    .tm-introtext h2:before {
        content: "– ";
    }
    
    .tm-introtext h2:after {
        content: " –";
    }
    
    .tm-introtext h2 {
        margin: 5px auto 15px;
    }
    
    .tm-introtext p {
        font-weight: 700;
    }
    
    .tm-introtext {
        padding-bottom: 10px;
    }
    
    .seo-text {
        font-size: 12px;
    }
    /* Buttons */
    
    .uk-panel .uk-button:not(.uk-button-small) {
        min-height: 50px;
    }
    
    #tm-sticky-footer .uk-button {
        box-shadow: 2px 3px 4px 0px rgb(0 0 0 / 20%) inset;
    }
    /* Buttons End */
    
    address,
    dl,
    fieldset,
    figure,
    ol,
    p,
    pre,
    ul {
        margin: 0 0 15px 0;
    }
    
    .uk-comment .uk-icon[uk-icon="star"] svg * {
        fill: #ffcc31!important;
        stroke: #a98721 !important;
    }
    
    .btn-small,
    .uk-button-small {
        /*display: flex;
    align-items: center;*/
    }
    
    .uk-button-small span {
        border-right: 1px solid rgb(0 0 0 / 10%);
        margin-right: 0.3em;
        padding-right: 0.3em;
        font-size: .9em;
    }
    
    .tm-toolbar-content-text h5 {
        font-size: 14px;
        color: rgb(255 255 255 / 80%);
        font-style: italic;
        font-weight: 400;
    }
    
    #tm-header-top-wrapper {
        background: url(/images/aucklandhotwater/background.webp) no-repeat center top;
        background-size: cover;
    }
    
    .tm-toolbar-content-text h5 a {
        font-weight: 700;
        font-style: normal;
    }
    
    div#tm-toolbar-help-el {
        content: "";
        position: absolute;
        top: 0;
        width: 50%;
        height: 50px;
        background: linear-gradient(to right, rgba(125, 185, 232, 0) 0%, rgba(59, 87, 109, 0.26) 53%, rgba(0, 0, 0, 0.26) 100%);
        right: 0;
    }
    
    div#tm-toolbar-help-el:after {
        content: "";
        position: absolute;
        bottom: -1px;
        width: 100%;
        height: 1px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 46%, rgba(0, 0, 0, 0.54) 100%);
        right: 0;
    }
    
    .uk-padding-remove-bottom {
        margin-bottom: -25px;
    }
    
    .tm-overlap-2-2.tm-overlap-top>div.uk-tile-primary {
        position: relative;
    }
    /* built for #030D25 */
    
    .tm-overlap-2-2.tm-overlap-top>div.uk-tile-primary::before {
        background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22960px%22%20height%3D%2240px%22%20viewBox%3D%220%200%20960%2040%22%20style%3D%22enable-background%3Anew%200%200%20960%2040%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23071225%22%20points%3D%220%2C16.1%200%2C40%20960%2C40%20960%2C15.31%20960%2C14.77%20506.08%2C7.08%20%22%2F%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
        content: '';
        display: block;
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        height: 40px;
        background-repeat: repeat-x;
    }
    /* built for #030D25 */
    
    .uk-section-overlap+.builder.uk-section-overlap .uk-section-primary.uk-section-overlap::before {
        content: '';
        display: block;
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        height: 40px;
        background-repeat: repeat-x;
        background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%221920px%22%20height%3D%2240px%22%20viewBox%3D%220%200%201920%2040%22%20style%3D%22enable-background%3Anew%200%200%201920%2040%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23030D25%22%20points%3D%221920%2C15.31%201920%2C14.77%201466.08%2C7.08%20430.69%2C25.54%200%2C14.77%200%2C40%201920%2C40%20%22%2F%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E);
    }
    
    .pm-ico-holder {
        background: #01102f;
        padding: 15px;
        color: #fff;
        border-radius: 30px;
        margin-bottom: 20px;
        display: inline-block;
    }
    
    #pmcontact91_send {
        background: linear-gradient(to bottom, rgba(43, 76, 140, 1) 0%, rgba(17, 52, 118, 1) 100%);
        border: 1px solid #5b6c8f;
        box-shadow: 0px 0px 2px 1px rgba(55, 75, 117, 1);
        box-shadow: unset;
        color: #9faec6;
    }
    
    #pmcontact91_send:hover,
    #pmcontact91_send:focus {
        background: linear-gradient(to bottom, rgba(43, 76, 140, 1) 0%, rgba(0, 50, 94, 1) 100%);
        color: #9faec6;
    }
    
    .pm-rightside-form .uk-card-primary {
        background: transparent;
        background-image: none;
    }
    
    .uk-search-icon:hover {
        color: #fff;
    }
    
    .tm-awh-bg.uk-section-primary.uk-section {
        background-image: url(/images/aucklandhotwater/awh-bg5.png) !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto;
    }
    
    @media (max-width: 1556px) {
        .uk-navbar-primary .uk-navbar-nav>li>a {
            font-size: 18px;
        }
    }
    
    @media (max-width: 1470px) {
        .uk-navbar-primary .uk-navbar-nav>li>a {
            font-size: 17px;
        }
        #tm-sticky-footer button.uk-button {
            padding: 10px 15px !important;
            font-size: 40px !important;
            line-height: 1em !important;
        }
    }
    
    @media (max-width: 1420px) {
        .uk-navbar-primary .uk-navbar-nav>li>a {
            font-size: 16px;
        }
        .uk-panel.tm-horizontal-form .pmc-labels-over form.pmcontact-form label {
            margin-left: 0px;
            padding-left: 15px;
            font-size: 12px;
            letter-spacing: -1px;
        }
        #pmcontact91_send {
            font-size: 10px !important;
            line-height: normal;
        }
    }
    
    @media (max-width: 1370px) {
        .uk-navbar-primary .uk-navbar-nav>li>a {
            padding-left: 3px;
            padding-right: 3px;
        }
    }
    
    @media (max-width: 1330px) {
        #tm-sticky-footer button.uk-button {
            font-size: 34px !important;
        }
        .uk-navbar-primary .uk-navbar-nav>li>a {
            font-size: 14px;
        }
    }
    
    @media (max-width: 1240px) {
        .tm-sidebar .pmcontact h3 {
            font-size: 25px;
        }
        .uk-sticky .uk-navbar-item.uk-logo>img:not(.uk-sticky.uk-sticky-fixed .uk-navbar-item.uk-logo>img) {
            max-height: 52px;
        }
        .pm-toolbar .uk-text-large {
            font-size: 16px;
        }
    }
    
    @media (max-width: 1160px) {
        .uk-navbar-primary .uk-navbar-nav>li>a {
            font-size: 12px;
        }
    }
    
    @media (max-width: 1110px) {
        #tm-sticky-footer button.uk-button {
            font-size: 30px !important;
        }
        .uk-panel.tm-horizontal-form .pmc-labels-over form.pmcontact-form .pmc-field-container {
            padding-left: 0px;
        }
        .uk-panel.tm-horizontal-form .pmc-labels-over form.pmcontact-form label {
            padding-left: 3px;
            font-size: 11px;
        }
        .tm-form-cta.tm-form-dark .pmcontact-form .pmc-fields .pmc-field-container .pmc-field button.uk-button {
            padding: 0 10px;
        }
        .uk-button:not(.uk-button-small) {
            min-height: auto;
            padding: 5px 10px !important;
        }
        .pmcontact-form .pmc-fields .pmc-field-container .pmc-field .uk-input {
            max-height: 40px;
        }
        .uk-panel.tm-horizontal-form .pmc-labels-over form.pmcontact-form label {
            line-height: 40px;
        }
    }
    
    @media (max-width: 1050px) {
        #tm-sticky-footer button.uk-button {
            font-size: 24px !important;
        }
        .uk-navbar-primary .uk-navbar-nav>li>a {
            font-size: 12px;
        }
        .uk-sticky .uk-navbar-item.uk-logo>img:not(.uk-sticky.uk-sticky-fixed .uk-navbar-item.uk-logo>img) {
            max-height: 45px;
        }
        .uk-sticky .uk-navbar-item.uk-logo>img:not(.uk-sticky.uk-sticky-fixed .uk-navbar-item.uk-logo>img) {
            position: absolute;
            max-height: 35px;
            top: 2px;
            left: 0;
        }
    }
    
    @media (max-width: 980px) {
        .tm-awh-bg.uk-section-primary.uk-section {
            background-size: contain;
        }
        #module-tm-1 {
            display: none;
        }
    }
    
    @media (max-width: 961px) {
        #tm-sticky-footer button.uk-button {
            font-size: 20px !important;
        }
        .uk-navbar-primary .uk-navbar-nav>li>a {
            font-size: 13px;
            line-height: 18px;
        }
        .uk-navbar-sticky.uk-navbar-primary .uk-navbar-nav>li>a {
            font-size: 11px;
        }
        /* header btns */
        .tm-header-box {
            min-height: 40px;
            border-color: rgb(15 15 15 / .2);
        }
        .tm-header-box-title {
            font-size: 20px;
            letter-spacing: 2px;
        }
        .tm-header-box-subtitle {
            font-size: 10px;
        }
        .tm-header-btn1 span {
            display: block;
            font-size: 10px;
            letter-spacing: 3.8px;
            line-height: 10px;
        }
        .pm-toolbar .uk-text-large {
            font-size: 13px;
        }
        /* header btns */
        .navbar .brand,
        .navbar .nav>li>a,
        .navbar-search,
        .uk-navbar-item,
        .uk-navbar-nav>li>a,
        .uk-navbar-toggle {
            min-height: 35px;
        }
        .tm-slideshow-cta .uk-button {
            font-size: .9em;
        }
    }
    
    @media (max-width: 959px) {
        .uk-panel.tm-horizontal-form .pmc-labels-over form.pmcontact-form .pmc-field-container {}
        .uk-panel.tm-horizontal-form .pmc-labels-over form.pmcontact-form label {
            padding-left: 5px;
        }
        .tm-form-cta.tm-form-dark .pmcontact-form .pmc-fields .pmc-field-container .pmc-field button.uk-button {
            padding: 0 20px;
        }
    }
    
    @media (max-width: 880px) {
        .uk-navbar-sticky.uk-navbar-primary nav.uk-navbar.tm-include-toolbar .uk-navbar-nav>li>a {
            font-size: 11.7px;
            padding: 0 2px;
            margin: 0px;
        }
        .uk-sticky-fixed .uk-logo {
            display: none;
        }
    }
    
    @media (max-width: 768px) {
        #tm-sticky-footer button.uk-button {
            padding: 3px 10px !important;
            font-size: 18px !important;
        }
        .uk-navbar-primary .uk-navbar-nav>li>a {
            font-size: 11px;
            line-height: 17px;
        }
    }
    
    @media (max-width: 640px) {
        div#tm-sticky-footer>div>div.equalize-headings>a>.uk-card .uk-heading-medium {
            font-size: 1.03rem !important;
        }
    }
    
    @media (max-width: 639px) {
        .uk-sticky-fixed .uk-logo {
            display: block;
        }
        .uk-sticky-fixed .uk-logo,
        .uk-sticky-fixed .uk-logo img,
        .uk-sticky-fixed .uk-logo svg {
            max-height: unset;
        }
        .horizontal-form .pmcontact-form .pmc-fields .pmc-field-container .pmc-field .uk-input,
        .horizontal-form .pmcontact-form .pmc-fields .pmc-field-container .pmc-field button.uk-button {
            padding: 0 !important;
            height: 24px;
            overflow: hidden;
            line-height: 1em;
            min-height: unset;
            font-size: 11px !important;
        }
        .uk-sticky .uk-navbar-item.uk-logo>img:not(.uk-sticky.uk-sticky-fixed .uk-navbar-item.uk-logo>img) {
            position: relative;
            max-height: unset;
            top: unset;
            left: unset;
        }
        .seo-text {
            font-size: 10px;
        }
        div#tm-sticky-footer>div>div .sw-tick-container h4>span {
            font-size: 24px;
        }
        .tm-article img {
            clear: both;
            float: none;
            display: block;
            text-align: center;
            margin: 0 auto 10px;
        }
        /* horizontalcontact form layout shift */
        .horizontal-form .pmcontact-form .pmc-fields .pmc-field-container .pmc-field .uk-input,
        .horizontal-form .pmcontact-form .pmc-fields .pmc-field-container .pmc-field button.uk-button {
            height: 24px;
        }
        .uk-panel.tm-horizontal-form .pmc-labels-over form.pmcontact-form label {
            line-height: 24px;
        }
        .pmcontact-form .pmc-fields .pmc-field-container .pmc-field button.uk-button {
            font-size: 14px!important;
            line-height: 24px;
        }
        .horizontal-form .pmc-field-container.uk-width-1-6\@s {
            width: calc(100% * 1 / 4.001);
        }
        .horizontal-form .pmc-field-container:nth-last-child(2) {
            width: calc(100% * 3 / 4.001);
        }
        /* horizontalcontact form layout shift */
        html {
            font-size: 14px;
        }
        #tm-parallax-module-1 .uk-section-xlarge {
            padding-top: 60px;
            padding-bottom: 60px;
        }
        div#tm-sticky-footer,
        .revivews-module-box {
            height: 44px;
        }
        .revivews-module-box img {
            max-height: 100%;
        }
        .horizontal-form .pmc-field-container:nth-last-child(2) {
            width: 75%;
        }
        .horizontal-form .pmc-field-container button {
            width: 100%;
        }
        .horizontal-form .pmc-field-container input {
            height: 30px;
        }
        .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-text label,
        .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-name label,
        .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-email label,
        .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-phone label,
        .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-subject label,
        .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-password label,
        .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-date label,
        .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-textarea label,
        .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-select label,
        .uk-card-primary .pmc-labels-over form.pmcontact-form .pmc-field-multiple label {
            line-height: 30px;
        }
        .tm-horizontal-form .uk-button {
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            padding: 0px;
        }
        .horizontal-form .uk-grid-margin {
            margin-top: 5px;
        }
        .pm-padding-xs.uk-section-xsmall {
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .uk-overlay .el-title {
            font-size: 16px;
            font-weight: 700;
        }
        .pmcontact-form .pmc-fields .pmc-field-container .pmc-field .uk-input {
            width: 100% !important;
        }
        .pm-padding-xs.tm-form-cta .uk-section-xsmall {
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .pm-contact-form .pmcontact-form .pmc-fields .pmc-field-container {
            width: 100%;
        }
        .equalize-headings a .uk-card {
            padding-top: 0px !important;
            max-height: 44px;
        }
        div#tm-sticky-footer>div>div.equalize-headings>a>.uk-card .uk-heading-medium {
            font-size: 1.95rem !important;
        }
        div#tm-sticky-footer>div>div>a>.uk-card .uk-text-background {
            background-image: linear-gradient(to bottom, rgba(255, 164, 0, 1) 0%, rgba(255, 164, 0, 1) 100%);
        }
        .uk-navbar-nav,
        .uk-navbar-toggle {
            margin-top: 0px;
        }
        /* fine-tune styles */
        @media (min-width: 640px) and (max-width:764px) {
            .tm-introtext h2 {
                margin: 5px auto 15px;
                font-size: 25px;
            }
            nav.uk-navbar .uk-navbar-item.uk-logo {
                padding: 0;
            }
        }
        /* fine-tune styles end */
        /* Small */
        @media (min-width: 640px) {
            .tm-article img {
                clear: both;
                margin-left: 15px;
                margin-bottom: 20px;
            }
            .tm-article {
                font-size: 16px;
            }
            h2,
            h3 {
                font-weight: 900;
            }
        }
        @media (max-width: 380px) {
            .uk-sticky .uk-navbar-item.uk-logo>img:not(.uk-sticky.uk-sticky-fixed .uk-navbar-item.uk-logo>img),
            .uk-sticky-fixed .uk-logo,
            .uk-sticky-fixed .uk-logo img,
            .uk-sticky-fixed .uk-logo svg {
                max-height: 40px;
                display: block;
            }
            div#tm-sticky-footer>div>div.equalize-headings>a>.uk-card .uk-heading-medium {
                font-size: 18px;
                letter-spacing: -1px;
            }
            div#tm-sticky-footer>div>div .sw-tick-container h4>span {
                font-size: 1.70rem;
            }
            div#tm-sticky-footer>div>div>a>.uk-card .uk-text-background {
                font-size: 1.7rem;
            }
        }
        /* Medium */
        @media (min-width: 960px) {
            /* remove bottom margin to all elements with bottom shadow */
            .el-container.uk-box-shadow-bottom {
                margin-bottom: 0px;
            }
            .tm-toolbar-text {
                font-size: 22px;
            }
            nav.uk-navbar.tm-include-toolbar .uk-navbar-item.uk-logo {
                /*min-width: 250px;*/
            }
            nav.uk-navbar.tm-include-toolbar .uk-navbar-item.uk-logo>img {}
            .uk-sticky.uk-sticky-fixed .uk-navbar-item.uk-logo>img {
                max-height: 36px;
            }
        }
        /* Large */
        @media (min-width: 1200px) {}
        /* Xlarge */
        @media (min-width: 1600px) {}