/*********************************************************
Global CSS

Client/Project:  Dulux/Intergrain
Author:   Jessica Gunawardana
Created:  15/03/2016

Blue: #201547;
Green: #84bd00;
*********************************************************/

* {
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    /*border: none;*/
}

html {
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'UtilityOffc', 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    padding-top: 99px;
    /*min-height: 2000px;*/
    color: #201547;
}

.clearfix {
    clear: both;
}

h1, .h1 {
    font-size: 36px;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #201547;
    letter-spacing: 0;
}

h2, .h2 {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #201547;
    letter-spacing: 0;
}

h3, .h3 {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #201547;
}

h4, .h4 {
    font-size: 16px;
    font-weight: 300;
    color: #201547;
}

h5, .h5 {
    font-size: 20px;
    font-weight: 300;
}

h6, .h6 {
    font-size: 17px;
}

p {
    margin-bottom: 11px;
    color: #201547;
}

    p.sub-header-desc {
        font-size: 18px;
        line-height: inherit;
        text-align: center;
        font-weight: 500;
        margin-bottom: 20px;
        color: #201547;
    }

    p.sub-header-desc-left {
        font-size: 18px;
        line-height: inherit;
        font-weight: 500;
        margin-bottom: 20px;
        color: #201547;
    }

    p.sub-header-applicator-content {
        font-size: 18px;
        line-height: inherit;
        font-weight: 500;
        width: 40em;
        max-width: 100%;
        margin-bottom: 20px;
        padding-top: 60px;
        color: #201547;
    }

    p.info-applicator-content {
        line-height: inherit;
        font-weight: 500;
        width: 50em;
        max-width: 100%;
        margin-bottom: 11px;
        color: #201547;
    }

    p.text-grey {
        color: #666666;
    }

.ax_paragraph h2 {
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 11px;
    font-weight: 500;
}

.stockist-name {
    font-weight: 800;
    cursor: pointer;
}

span.green {
    color: #84bd00;
    background: none;
    margin-right: 5px;
}

mark.white {
    color: #FFFFFF;
    background: none;
}

    mark.white:hover {
        cursor: pointer;
        color: #84bd00;
        outline: none;
    }

span.white {
    color: #FFFFFF;
    background: none;
}

    span.white:hover {
        cursor: pointer;
        color: #84bd00;
        outline: none;
    }

.lead {
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    color: #201547;
}

strong {
    font-weight: 500;
}

a, a:visited {
    text-decoration: none;
    color: inherit;
}

    a:hover,
    a:focus {
        color: #84bd00;
        outline: none;
        text-decoration: none;
    }

small {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
}

blockquote {
    float: left;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    border-left: none;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    margin: 9px 0 20px;
    padding: 14px 0 21px;
    width: 100%;
}

hr {
    margin-top: 26px;
    margin-bottom: 16px;
    border-top: 1px solid #e1e6e8;
}

ol {
    margin-left: 13px;
}

    ol li {
        margin-bottom: 5px;
    }

ul {
    margin-left: 39px;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

span.line-break {
    display: block;
}

.g-recaptcha {
    margin-top: 50px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
/**************************   STRUCTURE  **************************/
.container-fluid {
    padding-left: 13px;
    padding-right: 13px;
    overflow-x: hidden;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 13px;
    padding-right: 13px;
}

.row-eq-height {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.container {
    padding-left: 13px;
    padding-right: 13px;
}

.row {
    margin-left: -13px;
    margin-right: -13px;
}

    .row.row-login-padding p {
        color: #fff;
    }


.padding-top {
    padding-top: 60px;
}

.padding-bottom {
    padding-bottom: 60px;
}

@media (max-width: 992px){
  .mobile-padding-bottom{
    padding-bottom: 15px;
  }
}

.content.inner-wrapper {
    background-color: white;
    margin-bottom: 25px;
    margin-left: -13px;
    margin-right: -13px;
    padding: 30px 37px 16px;
}

.inner-wrapper {
    background-color: white;
    margin-bottom: 0;
    margin-left: -13px;
    margin-right: -13px;
    padding: 30px;
}

.colour-wrapper {
    background-color: #F0F0F0;
    margin-top: 0;
    margin-left: -13px;
    margin-right: -13px;
    padding: 30px 37px 16px;
}

    .colour-wrapper:first-child {
        padding-top: 80px;
    }

.colour-wrapper-dark {
    padding: 70px 0 90px;
    background-color: #1C0E52;
    margin-left: -13px;
    margin-right: -13px;
}

    .colour-wrapper-dark * {
        color: #FFFFFF;
    }

    .colour-wrapper-dark .colours {
        margin-bottom: 0;
        padding: 5px;
    }

    .colour-wrapper-dark .colour-message {
        margin: 30px 0;
    }

#inspiration-article div.row.row {
    padding-top: 30px;
}

#bodyContent {
    padding: 110px 62px 139px;
    position: relative;
}

#home #bodyContent {
    padding: 0;
}

    #home #bodyContent .umb-grid {
        margin-top: 0px;
        margin-bottom: 0;
    }

.progress-group {
    left: 2.5%;
    z-index: 1;
    overflow: visible;
}

.progress-group > ul {
    list-style: none;
    display: flex;
    margin: 0;
    flex-direction: column;
    align-items: center;
}

.progress-group > ul > li {
    display: block;
    width: 100%;
    text-align: center;
}

.progress-group li:first-child .progress {
    height: 180px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.progress-group li:nth-child(2) .progress {
    border-radius: 0;
}

.progress-group li:nth-child(2) .progress .progress-bar,
.progress-group li:nth-child(3) .progress-bar {
    border-radius: 0;
}

.progress-group li:nth-child(3) .progress {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.progress-group li:nth-child(3) .progress-bar[aria-valuenow="100"] {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.progress-group .progress-title {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.progress {
    position: relative;
    height: 25px;
    width: 24px;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #dee2e6;
    padding: 3px;
    border-radius: 25px;
    background-color: #fff;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.progress-bar-group {
    padding-left: 0;
}

.progress-bar {
    width: 100%;
    height: 0%;
    background-color: #020f50;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    transition: height .6s ease;
}

.progress-group .progress-group__title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.25px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0;
}

.progress .devider-group {
    position: absolute;
    left: 3px;
    top: 3px;
    bottom: 3px;
    z-index: 0;
    right: 3px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.progress .devider {
    height: 1px;
    background-color: #dee2e6;
    width: 100%;
    display: block;
}

.progress .devider:first-child,
.progress .devider:last-child {
    opacity: 0;
}

.progress.final-step {
    position: absolute;
    left: -200px;
}

@media only screen and (max-width: 1199px){
    .progress-group{
        display:none;
    }
}

/**************************   SUBSCRIBE FUNCTIONALITY  **************************/
#subscribe > div.footer-subscribe > input,
#subscribeQuicklink > div > input {
    border: none;
}

.modal-content.subscribe {
    background-color: #201547;
    border-radius: 0px;
}

.btn-modal-subscribe {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    width: 165px;
    padding: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .btn-modal-subscribe:hover,
    .btn-modal-subscribe:focus,
    .btn-modal-subscribe:active {
        color: #84bd00;
        background-color: transparent;
        border: 2px solid #84bd00;
    }

.modal-content.subscribe p {
    color: #fff;
    line-height: 27px;
    text-align: left;
}

.modal-content.subscribe h2 {
    text-align: left;
    font-size: 36px;
    font-weight: 400;
    margin-top: 0px !important;
}

.modal-content.subscribe h3 {
    text-align: left;
    color: white;
}

/**************************   SEARCH FUNCTIONALITY  **************************/
.search-results-content {
    width: 100%;
    height: 0;
    padding: 0 3.5%;
}

ul.list-group {
    margin-left: 0;
}

    ul.list-group.search-results--list.swatch {
        margin-left: 35px;
    }

span.search-results-group.header {
    float: left;
    padding-bottom: 15px;
}

p.no-results {
    color: #201547;
    margin: auto;
    text-transform: lowercase;
    text-align: center;
}

.search-results {
    color: #201547;
    text-align: center;
    font-size: 20px;
}

div.search-results-group {
    color: #201547;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

/** from berger **/
.list-group {
    margin-bottom: 20px;
    padding-top: 20px;
}

.list-group-item {
    display: block;
    border: 1px solid #201547;
}

.search-results--list.product li {
    float: left;
    width: 100%;
    margin-bottom: 4.5%;
    height: auto;
    padding: 20px;
    position: relative;
    background: transparent;
    border-radius: 0;
}

    .search-results--list.product li .search-results--image {
        display: inline-block;
        vertical-align: middle;
        width: 18%;
    }

    .search-results--list.product li .search-results--product-title {
        display: inline-block;
        color: #201547;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        width: 75%;
        margin-left: 4.5%;
        text-transform: capitalize;
    }

a .list-group-item span:hover {
    color: #84bd00 !important;
}

@media only screen and (max-width: 767px) {
    .search-results-content .col-sm-12 {
        display: inline-block;
    }
}

/** berger color swatches styling **/

.search-results--list.swatch .list-group-item {
    padding: 0;
    border: none;
}

.search-results--list.swatch li {
    float: left;
    width: 27.33333%;
    margin-right: 4.5%;
    margin-bottom: 4.5%;
    height: 108px;
    position: relative;
    border-radius: 0;
}

.search-results--list.swatch .list-group-item > a {
    display: block;
    height: 100%;
    padding: 10px 15px;
}

.search-results--list.swatch li .search-results--product-title {
    position: absolute;
    top: 5px;
    left: 5px;
    text-transform: uppercase;
    text-align: left;
    width: 80%;
    font-size: 10px;
    font-weight: 300;
}

/*** article list search ***/

.search-results--list.article li {
    float: left;
    width: 100%;
    position: relative;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 4.5%;
    border-radius: 0;
    background: transparent;
}

    .search-results--list.article li .search-results--image {
        width: 19.5%;
        vertical-align: middle;
        height: auto;
        padding: 20px 0px 20px 10px;
    }

    .search-results--list.article li .search-results--product-title {
        display: inline-block;
        color: #201547;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        width: 65%;
        margin-left: 4.5%;
        text-transform: capitalize;
    }

.btn-load-more {
    background-color: transparent;
    width: 100%;
    padding: 13px;
    margin: auto;
    margin-top: 20px;
    float: left;
}

    .btn-load-more:hover {
        background-color: transparent;
    }

/**************************   STRUCTURE HOMEPAGE-MAIN  **************************/
#home .featured-carousel .owl-item a:hover span {
    z-index: 1;
}

#home .carousel-row {
    margin-left: -13px;
    margin-right: -13px;
}

.featured-carousel .owl-controls .owl-nav .owl-prev,
.featured-carousel .owl-controls .owl-nav .owl-next {
    position: static !important;
}

#home .featured-carousel {
    position: relative;
}

    #home .featured-carousel .owl-controls {
        position: static;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

#home .owl-carousel .owl-controls .owl-nav {
    transform: translateY(0%);
    height: 0;
}

.featured-carousel .owl-controls .owl-nav .owl-prev,
.featured-carousel .owl-controls .owl-nav .owl-next {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background-color: #666666;
    margin: 0 30px;
    text-align: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 45px;
    font-size: 28px !important;
}

.featured-carousel .owl-controls .owl-dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .featured-carousel .owl-controls .owl-dots .owl-dot {
        display: inline-block;
    }

        .featured-carousel .owl-controls .owl-dots .owl-dot span {
            width: 16px;
            height: 16px;
            margin: 8px;
            background: #BDBDBD;
            display: inline-block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px;
        }

        .featured-carousel .owl-controls .owl-dots .owl-dot.active span,
        .featured-carousel .owl-controls .owl-dots .owl-dot:hover span {
            background-color: #FFFFFF;
        }

.show {
    display: block;
}

.hide {
    display: none;
}

.umb-grid {
    margin-top: 15px;
    margin-bottom: 15px;
}

.inspiration-header {
    text-align: center;
    padding-bottom: 30px;
}

.inspiration {
    margin-left: -5px;
    margin-right: -5px;
}

    .inspiration .col-md-4 {
        padding-left: 5px;
        padding-right: 5px;
    }

/** block of images **/
a.trial-inspiration {
    display: block;
    position: relative;
    margin-bottom: 10px;
    padding: 0px 0px;
}

    a.trial-inspiration .trial-label {
        background-image: url(/images/purple-transp-85.png);
        background-position: 0 0;
        background-repeat: repeat;
        background-color: transparent;
        width: 40px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: background-color 0.5s ease;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
    }

    a.trial-inspiration:hover .trial-label,
    a.trial-inspiration:focus .trial-label,
    a.trial-inspiration:hover .trial-label-right,
    a.trial-inspiration:focus .trial-label-right {
        background-image: none;
        background-color: #84bd00;
    }

    a.trial-inspiration .trial-label span {
        font-size: 15px;
        font-weight: 500;
        position: absolute;
        bottom: 24px;
        left: 0px;
        color: #fff;
        width: 100%;
        text-transform: uppercase;
        white-space: nowrap;
        letter-spacing: 0.050em;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    a.trial-inspiration img {
        width: 100%;
    }

    /** right aligned blue transparent **/
    a.trial-inspiration .trial-label-right {
        background-image: url(/images/purple-transp-85.png);
        background-position: 0 0;
        background-repeat: repeat;
        background-color: transparent;
        width: 40px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        transition: background-color 0.5s ease;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
    }

        a.trial-inspiration .trial-label-right span {
            font-size: 15px;
            font-weight: 500;
            position: absolute;
            bottom: 30px;
            left: 0px;
            color: #fff;
            width: 100%;
            white-space: nowrap;
            letter-spacing: 0.050em;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }

    /** tab on hover blue transparent **/

    a.trial-inspiration .trial-label-tab {
        background-image: url(/images/purple-transp-85.png);
        background-position: 0 0;
        background-repeat: repeat;
        background-color: transparent;
        width: 87%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        transition: background-color 0.5s ease;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
    }

div.article-listing a.trial-inspiration .trial-label-tab {
    left: 0;
}

div.article-listing a.trial-inspiration .trial-label {
    right: 0;
    left: auto;
}

a.trial-inspiration .trial-label-tab span {
    font-size: 15px;
    font-weight: 500;
    padding: 30px;
    color: #fff;
    float: left;
    width: 100%;
    white-space: normal;
    letter-spacing: 0.050em;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

a.trial-inspiration .trial-label-tab img {
    height: 57px;
    width: 100px;
    padding: 20px 0 25px;
}

a.trial-inspiration .trial-label-tab .boxed {
    margin: 0;
    text-align: center;
}

a.trial-inspiration p {
    font-size: 13px;
    margin: 0;
    color: #fff;
}

/** Middle aligned blue transparent **/
.timber-inspiration {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

    .timber-inspiration .timber-label {
        background-image: url(/images/purple-transp-85.png);
        background-position: 0 0;
        background-repeat: repeat;
        background-color: transparent;
        width: 50%;
        position: absolute;
        top: 0px;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
        transition: background-color 0.5s ease;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
    }

        .timber-inspiration .timber-label .desc {
            margin: 5% 10%;
            margin-left: 20%;
        }

    .timber-inspiration p {
        width: 100%;
        color: #fff;
    }

    .timber-inspiration .timber-label .desc img {
        padding-bottom: 5%;
    }

    .timber-inspiration > img {
        width: 100%;
    }

#subscribe > div.footer-subscribe > input {
    color: #201547;
}

.newsletter-inspiration {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

    .newsletter-inspiration .newsletter-label {
        text-align: center;
        background-image: url(/images/purple-transp-85.png);
        background-position: 0 0;
        background-repeat: repeat;
        background-color: transparent;
        width: 50%;
        position: absolute;
        top: 0px;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
        transition: background-color 0.5s ease;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
    }

        .newsletter-inspiration .newsletter-label .desc {
            width: 100%;
            height: 100%;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            text-align: center;
        }

            .newsletter-inspiration .newsletter-label .desc img {
                margin-bottom: 20px;
                width: 260px;
            }

            .newsletter-inspiration .newsletter-label .desc h3 {
                margin-bottom: 0;
                font-weight: 400;
                font-size: 24px;
            }

            .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink {
                position: absolute;
                margin: 0 auto;
                text-align: center;
                top: 45%;
                -webkit-transform: translate(-50%, -45%);
                -moz-transform: translate(-50%, -45%);
                -ms-transform: translate(-50%, -45%);
                -o-transform: translate(-50%, -45%);
                transform: translate(-50%, -45%);
                left: 50%;
                width: 100%;
                padding: 0px 15px;
            }

                .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe .control-input {
                    background-color: #fff;
                    color: #201547;
                    height: 35px;
                    line-height: 1.2em !important;
                    padding: 0px 40px 0 10px;
                }

                .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input::-webkit-input-placeholder {
                    color: #201547 !important;
                    font-size: 14px !important;
                    font-weight: 600;
                }

                .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input::-moz-placeholder {
                    color: #201547 !important;
                    font-size: 14px !important;
                    font-weight: 600;
                }

                .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input:-ms-input-placeholder {
                    color: #201547 !important;
                    font-size: 14px !important;
                    font-weight: 600;
                }

                .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe input:-moz-placeholder {
                    color: #201547 !important;
                    font-size: 14px !important;
                    font-weight: 600;
                }

                .newsletter-inspiration .newsletter-label .desc form#subscribeQuicklink .footer-subscribe button {
                    height: 35px;
                    font-size: 24px;
                    padding: 5px 10px;
                }

    .newsletter-inspiration p {
        padding-bottom: 30px;
        padding-top: 10px;
        max-width: 255px;
        margin: 0 auto;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.4em;
    }

    .newsletter-inspiration > img {
        width: 100%;
    }


a.btn-reg {
    border: 2px solid #fff;
    background-color: transparent;
    color: #FFF;
    width: 300px;
    padding: 13px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}

    a.btn.btn-reg:hover,
    a.btn-reg:focus,
    a.btn-reg:active,
    a.btn-reg .active {
        cursor: pointer;
        color: #84bd00;
        outline: none;
        background-color: transparent;
        border: 2px solid #fff;
    }


a.btn-boxed2 {
    border: 2px solid #201547;
    background-color: #FFFFFF;
    color: #201547;
    width: 165px;
    padding: 13px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 30px;
}

#inspiration a.btn-boxed2 {
    margin-bottom: 20px;
}

a.btn-stockist-directions {
    border: 2px solid #201547;
    background-color: #FFFFFF;
    color: #201547;
    width: 47%;
    padding: 13px;
    margin: auto;
    margin-top: 20px;
    float: left;
}

    a.btn-stockist-directions:hover,
    a.btn-stockist-directions:focus,
    a.btn-stockist-directions:active {
        cursor: pointer;
        border: 2px solid #201547;
        background-color: #201547;
        color: white;
        outline: none;
    }

a.btn-stockist-email {
    border: 2px solid #201547;
    background-color: #FFFFFF;
    color: #201547;
    width: 47%;
    padding: 13px;
    margin: auto;
    margin-top: 20px;
    float: right;
    margin-right: 10px;
}

    a.btn-stockist-email:hover,
    a.btn-stockist-email:focus,
    a.btn-stockist-email:active {
        cursor: pointer;
        border: 2px solid #201547;
        background-color: #201547;
        color: white;
        outline: none;
    }

a.btn-stockist-close {
    border: 2px solid #201547;
    background-color: #FFFFFF;
    color: #201547;
    width: 49%;
    padding: 13px;
    margin: auto;
    margin-top: 20px;
    float: right;
}

    a.btn-stockist-close:hover,
    a.btn-stockist-close:focus,
    a.btn-stockist-close:active {
        cursor: pointer;
        border: 2px solid #201547;
        background-color: #201547;
        color: white;
        outline: none;
    }


.boxed {
    border: 2px solid #FFFFFF;
    width: 200px;
    padding: 5px;
    margin: auto;
    text-align: center;
}

.register-box {
    border: 2px solid #FFFFFF;
    width: 200px;
    padding: 5px;
    margin-left: 0;
    text-align: center;
}

.boxed3 {
    border: 2px solid #201547;
    width: 100px;
    padding: 5px;
}

/**************************   UMBRACO CSS FIXES  **************************/
.hero-image > .container,
.competition > .container,
.past-winners > .container,
.trial-inspiration > .container,
.center-heading > .container,
.judging-panel > .container,
.content-wrapper > .container {
    padding: 0;
    width: 100%;
}

/**************************   PAGE HEADER  **************************/
.page-header {
    padding-bottom: 0;
    margin: 60px 0 0;
    border-bottom: none;
    text-align: center;
}

/**************************   HERO IMAGE  **************************/
.hero-image .col-md-12 {
    padding: 0;
}

.container .jumbotron,
.container-fluid .jumbotron {
    padding: 0;
    position: relative;
    border-radius: 0;
}

.jumbotron {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0;
    height: 148px;
    width: 100%;
}

    .jumbotron .hero-caption {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        text-align: center;
    }

        .jumbotron .hero-caption.light:after {
            content: "";
            background-image: url(/images/divider.png);
            background-position: 0 0;
            background-repeat: no-repeat;
            margin: 28px auto 17px;
            margin-top: 24px;
            margin-bottom: 35px;
            height: 12px;
            display: block;
            width: 87px;
        }

        .jumbotron .hero-caption.dark:after {
            content: "";
            background-image: url(/images/divider-blue.png);
            background-position: 0 0;
            background-repeat: no-repeat;
            margin: 28px auto 17px;
            margin-top: 24px;
            margin-bottom: 35px;
            height: 12px;
            display: block;
            width: 87px;
        }

/** home page carousel content **/

.carousel-content {
    position: absolute;
    top: 48%;
    text-align: center;
    z-index: 9999;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-48%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .carousel-content p.title.light,
    .carousel-content h1.title.light {
        font-size: 36px;
        font-weight: 500;
        line-height: 36px;
        margin-bottom: 25px;
        color: #fff;
    }

    .carousel-content p.caption.light {
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        padding-bottom: 12px;
    }

    .carousel-content p.title.dark,
    .carousel-content h1.title.dark {
        font-size: 36px;
        font-weight: 500;
        line-height: 36px;
        margin-bottom: 25px;
        color: #201547;
    }

    .carousel-content p.caption.dark {
        font-size: 18px;
        font-weight: 400;
        color: #201547;
        padding-bottom: 12px;
    }

    .carousel-content p.caption.light:after {
        content: "";
        background-image: url(/images/divider.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        margin: 28px auto 17px;
        margin-top: 24px;
        margin-bottom: 35px;
        height: 12px;
        display: block;
        width: 87px;
    }

    .carousel-content p.caption.dark:after {
        content: "";
        background-image: url(/images/divider-blue.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        margin: 28px auto 17px;
        margin-top: 24px;
        margin-bottom: 35px;
        height: 12px;
        display: block;
        width: 87px;
    }

a.carousel-btn.light {
    border: 2px solid #fff;
    padding: 14px;
    margin: auto;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

a.carousel-btn.dark {
    border: 2px solid #201547;
    padding: 14px;
    margin: auto;
    text-align: center;
    color: #201547;
    text-transform: uppercase;
}


a.carousel-btn:hover {
    color: #84bd00;
}

 .homepage-carousel .owl-stage,
 .homepage-carousel .owl-item.active {
        width: 100%;
 }

/** fancybox **/

.fancybox-skin {
    box-shadow: 0 0 50px #222;
    background-color: #201547 !important;
}

/** endorsed login page **/


.jumbotron h1.light {
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 14px;
    color: #fff;
}

.jumbotron p.light {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
}

.jumbotron h1.dark {
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 14px;
    color: #201547;
}

.jumbotron p.dark {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #201547;
}

#login .jumbotron {
    margin-bottom: 20px;
}

.error {
    text-align: left;
}

p.error.ng-binding {
    text-align: left;
}

#login input:placeholder-shown {
    text-transform: capitalize;
    font-size: 35px;
}

a.forgotten-password {
    color: #fff;
}


/**************************  TAB LIST  **************************/
.tab-list {
    float: left;
    width: 100%;
}

.nav.nav-tabs {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

    .nav.nav-tabs > li {
        padding: 0;
    }

        .nav.nav-tabs > li > a {
            font-size: 15px;
            font-weight: 500;
            line-height: 36px;
            padding: 11px 25px 33px;
            border-radius: 0;
            border: none;
            color: #919599;
            transition: color 0.5s ease;
            -webkit-transition: color 0.5s ease;
            -moz-transition: color 0.5s ease;
            -o-transition: color 0.5s ease;
        }

        .nav.nav-tabs > li:last-child > a {
            margin-right: 0;
        }

        .nav.nav-tabs > li > a:hover,
        .nav.nav-tabs > li > a:hover > li > a:focus {
            font-weight: 500;
            background-color: #fff;
            color: #201547;
        }

        .nav.nav-tabs > li.active > a,
        .nav.nav-tabs > li.active > a:hover,
        .nav.nav-tabs > li.active > a:focus {
            font-weight: 500;
            border: none;
            color: #201547;
        }

.tab-content {
    padding: 3px 37px 16px;
    background-color: #fff;
}

    .tab-content h2 {
        margin-top: 0;
        margin-bottom: 33px;
    }

    .tab-content .colour-range-content {
        text-align: center;
        font-size: 12px;
        padding-bottom: 60px;
    }

        .tab-content .colour-range-content > p {
            color: rgba(102, 102, 102, 0.74);
        }

        .tab-content .colour-range-content .btn-outline {
            min-width: 68%;
        }

        .tab-content .colour-range-content ul {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 5px;
            margin: 0;
        }

            .tab-content .colour-range-content ul li {
                width: 25%;
                padding: 5px;
            }

                .tab-content .colour-range-content ul li .colour-image,
                .tab-content .colour-range-content ul li .colour-desc {
                    padding: 5px 0;
                    height: auto;
                    overflow: hidden;
                    text-align: center;
                }

                    .tab-content .colour-range-content ul li .colour-desc p {
                        color: #666666;
                        line-height: 20px;
                    }

/**************************  PROGRESS INDICATOR  **************************/
.steps {
    float: left;
    margin: 20px 0 60px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    /*width: 100%;*/
}

    .steps li {
        list-style-type: none;
        float: left;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

        .steps li:after {
            content: "";
            background-image: url(/images/step-dots-grey.png);
            background-position: 0 7px;
            background-repeat: no-repeat;
            height: 21px;
            display: inline-block;
            width: 47px;
        }

        .steps li:first-of-type:after {
            margin-left: -6px;
        }

        .steps li.complete:after {
            content: "";
            background-image: url(/images/step-dots-blue.png);
        }

        .steps li.active:after {
            content: "";
            background-image: url(/images/step-dots-grey.png);
        }

        .steps li:last-of-type:after {
            display: none;
        }

        .steps li > .step {
            float: left;
            margin: 0 17px;
        }

        .steps li:first-of-type > .step {
            margin-left: 0;
        }

        .steps li:last-of-type > .step {
            margin-right: 0;
        }

        .steps li > .step span {
            display: block;
            text-align: center;
        }

        .steps li .step-number {
            background-color: #dcdde0;
            border-radius: 50%;
            font-size: 24px;
            font-weight: 300;
            margin: 0 auto;
            padding: 6px 0;
            height: 40px;
            width: 40px;
            display: block;
            text-align: center;
            color: #fff;
        }

        .steps li.complete .step-number {
            background-image: url(/images/icon-tick-white.png);
            background-position: center center;
            background-repeat: no-repeat;
            background-color: #84bd00;
            text-indent: -9999px;
        }


        .steps li.active .step-number {
            background-color: #201547;
        }

        .steps li .step-label {
            font-size: 14px;
            font-weight: 500;
            line-height: 30px;
            margin-top: 3px;
            color: #9d9fa5;
        }

        .steps li.active .step-label,
        .steps li.complete .step-label {
            color: #201547;
        }

/**************************   COMPETITION  **************************/
.competition-wrapper .container {
    padding-left: 0;
    padding-right: 0;
    width: 1005;
}

.competition {
    margin-top: 13px;
    margin-bottom: 13px;
}

.competition > .row-eq-height {
    margin-top: 62px;
}

.competition > .container > .row-eq-height {
    margin-top: 49px;
}

.competition > .row-eq-height .col-md-6:last-of-type,
.competition > .container > .row-eq-height .col-md-6:last-of-type,
.competition > .row > .col-md-12 {
    background-color: #f4f4f4;
}

.competition .col-md-10 > form {
    background-color: #fff;
    margin: 0 auto 70px;
    padding: 40px;
    width: 100%;
    max-width: 1140px;
}

.competition .twa-logo {
    margin-top: -14px;
}

.competition-step h2,
.competition-step .h2 {
    margin-bottom: 42px;
}

.label-custom-radio .col-md-1 {
    padding: 0;
    width: 7%;
}

.label-custom-radio .col-md-11.control-label {
    padding: 8px 0;
    width: 93%;
}

/* Step 1 */
.entry-details {
    padding-left: 38px;
    padding-right: 13px;
}

.entry-details h2 {
    margin-top: 49px;
    margin-bottom: 24px;
    width: 88%;
}

.entry-details p {
    line-height: 30px;
}

.step-1 {
    float: left;
    padding-top: 11px;
    padding-right: 37px;
    padding-bottom: 28px;
    padding-left: 46px;
    width: 100%;
}

.step-1 .button-group.col-md-11 {
    width: 93%;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 68px;
}

.step-1 .steps {
    margin-top: 0;
    margin-left: 48px;
    margin-bottom: 0;
    position: static;
    left: inherit;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -ms-transform: inherit;
    -o-transform: inherit;
    transform: inherit;
    width: 100%;
}

/**************************   STOCKISTS PAGE  **************************/
.members {
    margin-bottom: 20px;
}

    .members .container-fluid .umb-grid,
    .members .container .umb-grid {
        background-color: #f4f4f4;
        margin-top: 25px;
        margin-bottom: 25px;
        margin-left: -13px;
        margin-right: -13px;
        padding-top: 50px;
        padding-bottom: 15px;
    }

    .members .white-block {
        background-color: #fff;
        margin: 0 auto 70px;
        padding: 40px;
        width: 100%;
        max-width: 1140px;
    }

    .members.store-locator .white-block {
        padding: 0px;
        background-color: #f4f4f4;
    }

        .members.store-locator .white-block div.col-md-6:first-of-type {
            padding: 40px;
            background-color: white;
        }

#postcode {
    display: block !important;
}

.store-locator .scrollbar::-webkit-scrollbar {
    display: block !important;
    width: 1em;
}

.store-locator .scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.store-locator .scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(192,192,192,1);
    outline: 1px solid slategrey;
}

.store-locator .scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 300px;
    width: 100%;
}

.store-locator .scrollbar-remove-height {
    overflow-y: scroll;
    width: 100%;
}

#store-locator div.scollbar-close span.close-button {
    float: right;
}

.feedback-scrollbar {
    overflow-y: scroll;
    height: 100px;
    width: 100%;
    border: 1px solid rgb(221, 221, 221);
}

@media (min-width: 992px) {
    .store-map {
        padding-right: 0;
    }
}

.stockists-info {
    margin-left: 0px;
}

    .stockists-info p {
        padding: 0px 0px 5px 60px;
        width: 100%;
        margin-bottom: auto;
    }

.scrollbar-close {
    position: relative;
    display: block;
}

    .scrollbar-close.top-right {
        height: 400px;
        overflow: scroll;
    }

.close-button {
    right: 5px;
    top: -10px;
    z-index: 1;
    float: right;
}

    .close-button:hover {
        cursor: pointer;
    }

.stockists {
    margin-top: 30px;
    margin-bottom: 20px;
}

    .stockists > .row > .col-md-12 {
        background-color: #f4f4f4;
    }

    .stockists .col-md-10 > .white-block {
        background-color: #fff;
        margin: 0 auto 70px;
        padding: 40px;
        width: 100%;
        max-width: 1140px;
    }

/** Stockists search btn **/
.btn.btn-stockist {
    color: #201547;
    background-color: white;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    height: 43px;
    float: left;
    width: 50%;
    position: relative;
}

    .btn.btn-stockist:hover,
    .btn-stockist:focus,
    .btn-stockist:active,
    .btn-stockist .active {
        cursor: pointer;
        background-color: #201547;
        color: white;
        outline: none;
    }

.btn-stockist.selected {
    background-color: #201547;
    color: white;
    outline: none;
}

.stockists-btn-padding {
    padding-left: 57px;
}

/* stockist search */
.input-group.stockist-search {
    width: 100.3%;
}

.form-control.stockist-search-textfield {
    height: 65px;
}

.fa.fa-search.fa-search-stockist {
    font-size: xx-large;
    transform: rotate(90deg);
    color: grey;
}

.btn-search-stockist {
    height: 65px;
    background-color: #eff2f3;
}

.input-group-btn > .btn-search-stockist:hover, .input-group-btn > .btn-search-stockist:focus, .input-group-btn > .btn-search-stockist:active {
    color: white;
    background-color: #201547;
    outline: none;
}

.input-group-btn .btn-search-stockist:hover .fa.fa-search.fa-search-stockist,
.input-group-btn .btn-search-stockist:focus .fa.fa-search.fa-search-stockist,
.input-group-btn .btn-search-stockist:active .fa.fa-search.fa-search-stockist {
    color: white;
    outline: none;
}

.modal-header.stockist {
    border-bottom: none;
    padding: 0px 15px;
}

.modal-title.stockist {
    margin: 0;
    line-height: 1.42857143;
    font-size: 25px;
    font-weight: 400;
    line-height: 46px;
    color: white;
}

.email-details-label {
    font-size: 16px;
    font-weight: 400;
    color: white;
}

button.close.sotckist {
    color: white;
}

.modal-content.stockist {
    background-color: #201547;
    border-radius: 0px;
}

input.form-control.modal-email-stockist {
    background-color: transparent;
    border: 2px solid white;
    margin-bottom: 5px;
    color: white;
    font-size: 16px;
    outline-style: none;
}

span.text-danger.modal-text-required {
    color: white;
    border-top: none;
}

.modal-footer.stockist {
    padding: 0px 15px;
    border-top: none;
}

.btn-modal-submit {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    width: 165px;
    padding: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .btn-modal-submit:hover,
    .btn-modal-submit:focus,
    .btn-modal-submit:active {
        color: #84bd00;
        border: 2px solid #84bd00;
    }

.modal-dialog.stockist {
    width: 300px;
}


/**************************   Article Listing Filters  **************************/
ul.article-filter {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 0px;
}

    ul.article-filter li.item {
        display: inline;
        list-style-type: none;
    }


        ul.article-filter li.item:after {
            content: "/";
            display: inline;
        }

        ul.article-filter li.item:last-child::after {
            content: "";
        }

/**************************   Inspiration Article Page  **************************/

#inspiration-article .article-product-desc {
    text-align: right;
    text-transform: uppercase;
}

#inspiration-article .article-inspiration {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

    #inspiration-article .article-inspiration .article-label {
        background-image: url(/images/purple-transp-85.png);
        background-position: 0 0;
        background-repeat: repeat;
        background-color: transparent;
        position: absolute;
        top: 0px;
        width: 35%;
        height: 100%;
        top: 0;
        left: 0;
        transition: background-color 0.5s ease;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
    }

        #inspiration-article .article-inspiration .article-label .desc {
            margin-left: 10%;
            padding-top: 25px;
        }

    #inspiration-article .article-inspiration p {
        width: 91%;
        color: #fff;
        font-weight: 200;
        font-size: 15px;
        line-height: 2.1em;
    }

    #inspiration-article .article-inspiration .article-label .desc img {
        padding-bottom: 5%;
    }

#inspiration-article .view-product > a:after {
    content: "";
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 18px 13px;
    display: inline-block;
    height: 13px;
    width: 18px;
}

#inspiration-article .view-product {
    text-align: right;
    font-weight: bold;
}

    #inspiration-article .view-product > a {
        text-transform: uppercase;
    }

        #inspiration-article .view-product > a:after {
            background-image: url(/images/icon-arrow-right-grey.png);
            margin-left: 20px;
        }

        #inspiration-article .view-product > a:hover:after {
            background-image: url(/images/icon-arrow-right-green.png);
        }

#inspiration-article .owl-carousel .owl-controls .owl-nav .owl-prev, #inspiration-article .owl-carousel .owl-controls .owl-nav .owl-next {
    color: #969aa5;
}

#inspiration-article .featured-carousel {
    padding-top: 10px;
}

#inspiration-article img {
    width: 100%;
}


    #inspiration-article img.zoom {
        height: 35px;
        width: 35px;
    }

/**************************   Product List Page  **************************/
.filter-wrapper {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}

    .filter-wrapper ul {
        list-style: none;
        display: inline-block;
        margin: 36px;
        margin-right: 0;
    }

        .filter-wrapper ul li {
            font-family: 'UtilitySCOffc', 'UtilityOffc', 'Raleway', sans-serif;
            font-weight: 500;
            display: inline-block;
            padding: 9px 13px;
            min-width: 140px;
            cursor: pointer;
            border: 2px solid #DADADA;
            position: relative;
            margin-left: -2px;
            z-index: 1;
            letter-spacing: 0.15px;
        }

            .filter-wrapper ul li:first-child {
                border-radius: 3.5px 0 0 3.5px;
            }

            .filter-wrapper ul li:last-child {
                border-radius: 0 3.5px 3.5px 0;
            }

            .filter-wrapper ul li:hover,
            .filter-wrapper ul li.active {
                border-color: #616365;
                z-index: 2;
            }

            .filter-wrapper ul li .active-icon {
                position: absolute;
                top: 6px;
                right: 6px;
                color: #99B800;
                display: none;
            }

            .filter-wrapper ul li.active .active-icon {
                display: inline-block;
            }

.btn-reset-filter {
    color: #201547;
    background-color: white;
    text-align: center;
    line-height: 1.2em;
    padding: 10px 15px;
    margin: 18px 0px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
}

    .btn-reset-filter:hover,
    .btn-reset-filter:active,
    .btn-reset-filter:focus {
        color: #fff;
        background-color: #201547;
    }

.product-list-filter {
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
}

.product-filter-border {
    border-right: 1px solid lightgray;
    height: 135px;
}

.wood-dropdown-filer {
    display: inline-block;
    background-image: url(/images/icon-arrow-down-white.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    padding: 5px 7px;
    margin: 5px 0px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    line-height: normal !important;
    background-color: #201547;
    border-radius: 3px;
    color: white;
    width: 100%;
    border-radius: 0px;
    height: 35px;
}

.project-dropdown-filer {
    display: inline;
    float: left;
    background-image: url(/images/icon-arrow-down-white.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    margin: 5px 20px;
    padding: 5px 7px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    background-color: #201547;
    color: white;
    width: 69%;
    border-radius: 0px;
    position: relative;
    height: 35px;
    float: left;
}

.project-label {
    text-transform: uppercase;
    color: lightgray;
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px;
    float: left;
    margin-left: -13px;
}

.product-coats {
    float: left;
    margin: 5px 0px;
    background-color: #201547 !important;
    font-size: 16px;
    color: white;
    width: 100%;
    position: absolute;
    height: 36px;
}

.btn-product-plus {
    position: absolute;
    z-index: 2;
    float: right;
    top: 10px;
    background-color: white;
    height: 25px;
    margin: auto;
    width: 10%;
    right: 32px;
}

.btn-product-minus {
    position: absolute;
    z-index: 2;
    top: 10px;
    background-color: white;
    height: 25px;
    width: 10%;
    right: 4px;
    margin: auto;
}

.glyphicon-counter-coats {
    top: 0px;
    color: #201547;
    font-size: smaller;
    display: block;
    margin-left: -5px;
}

.btn.btn-searchby-unselected {
    color: #201547;
    background-color: white;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    padding: 15px 20px;
    margin: 5px 0px;
    height: 43px;
    float: left;
    width: 49%;
    position: relative;
}

.btn.btn-searchby-selected {
    color: #fff;
    background-color: #201547;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0px;
    line-height: 14px;
    padding: 15px 18px;
    height: 43px;
    float: left;
    width: 49%;
    position: relative;
}

.results-counter {
    font-size: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 400;
    text-align: center;
}

.product-labels {
    text-transform: uppercase;
    font-weight: 800;
}

    .product-labels.results {
        color: lightgray;
    }

.project-filter {
    margin-right: -50px;
}


/**************************   ENDORSED APPLICATOR MEMBERS PAGE  **************************/
.members-dp img {
    margin-left: 0;
    margin-left: 0;
    padding: 0px 15px 0px 0;
    width: 133px;
}

ul.member-images {
    /* margin-left: 0; */
    margin-left: 0;
    /* width: 80px; */
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    ul.member-images li {
        list-style-type: none;
        padding: 10px 4px;
        width: 100%;
        display: block;
    }

p.members-name {
    font-size: 18px;
    font-weight: 800;
}

h3.member-header {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #201547;
}

h4.member-name {
    font-size: 15px;
    font-weight: 800;
    margin-top: auto;
    margin-bottom: auto;
    color: #201547;
}

ul.member-downloads {
    margin-left: 0;
}

#applicator-portal .member-downloads a {
    padding-left: 40px;
}

#applicator-portal .member-downloads ul {
    margin-bottom: 0px;
}

.resource-image {
    margin-left: 0;
    padding: 0px 15px 10px 0;
    width: 84px;
}

ul.member-downloads li {
    list-style-type: none;
    padding: 12px 0px;
    width: 100%;
}

ul.member-downloads p {
    margin-bottom: auto;
    padding-left: 80px;
}

.member-details {
    margin-top: 15px;
}

.gallery-image {
    float: left;
    padding-bottom: 10px;
}

.profile-thumb {
    padding-top: 10px;
}

.gallery-thumb {
    display: inline-block;
    margin-left: 0;
    height: 150px;
    padding-top: 10px;
    padding-right: 10px;
}

/**************************  Product Listing Page  **************************/
.product-listing:not(.intergrain) .row {
    padding: 49px 40px 0px 40px;
}

.product-listing .umb-grid {
    margin-top: 0px;
}

.product-listing .ceetec .row {
    padding: 0px 40px;
}

.product-listing .product {
    height: 330px;
    text-align: center;
}

    .product-listing .product .product-image {
        height: 240px;
    }

.product-listing .row .product .product-image img {
    width: auto;
    height: 100%;
    max-width: none;
}

.product-image {
    line-height: 4.5;
    text-align: center;
}

.product-listing .row .product .product-content {
    height: 90px;
    margin: 0px auto;
    text-align: center;
    max-width: 200px;
    width: 100%;
    padding-top: 0;
}

.colour-listing .row {
    padding-top: 60px;
}

.colour-listing .product {
    height: 330px;
    text-align: center;
}

.colour-listing .row .product .product-image img {
    width: 100%;
    max-width: 190px;
    height: auto;
}

.colour-listing .row .product .product-content {
    height: 90px;
    margin: 0px auto;
    text-align: left;
    max-width: 200px;
    width: 100%;
    padding-top: 15px;
    font-size: 12px;
}


/**************************  Product Detail Page  **************************/
.product-content {
    padding-top: 50px;
}


.product-image .owl-controls {
    margin-top: 50px;
}

.productdetails-description {
    margin-bottom: 50px;
}

    .productdetails-description .product-title {
        margin-bottom: 35px;
    }

.product__attributes {
    padding: 25px 45px;
    width: 100%;
    display: inline-block;
    margin-bottom: 26px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .product__attributes .product__attribute-item .product__attributes-icon {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        text-align: center;
    }

    .product__attributes .product__attribute-item .product__attributes-title {
        text-align: center;
        text-transform: uppercase;
        font-size: 13px;
        color: #1A1A4E;
        margin-top: 13px;
    }

.find-stockit-wrapper {
    margin-top: 25px;
}

.find-applicator-wrapper {
    margin-top: 15px;
}

.productdetails-downloads-wrapper {
    margin-bottom: 50px;
}

.productdetails-downloads {
    padding-top: 40px;
    padding-bottom: 6px;
}

.productdetails-downloads__item {
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    color: #FFFFFF;
    background-color: #1C0E52;
    background-image: url(/images/download-document-icon.png);
    background-repeat: no-repeat;
    background-position: 95% center; /*safari*/
    background-position: right 23px center;
    padding: 15px 60px;
    position: relative;
    margin-bottom: 11px;
    font-weight: 500;
}

    .productdetails-downloads__item:visited {
        color: #FFFFFF;
    }

    .productdetails-downloads__item::before {
        content: '';
        width: 13px;
        height: 100%;
        background-color: #99B800;
        border-radius: 5px 0 0 5px;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
    }


.product-tab {
    float: left;
    width: 100%;
}

    .product-tab .nav.nav-tabs {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .product-tab .nav.nav-tabs > li {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex: 1;
            flex-grow: 1;
        }

            .product-tab .nav.nav-tabs > li > a {
                font-size: 12px;
                font-weight: 500;
                line-height: 0px;
                padding: 20px 24px;
                border-radius: 0;
                border: none;
                color: white;
                background-color: #ADAFAF;
                transition: color 0.5s ease;
                -webkit-transition: color 0.5s ease;
                -moz-transition: color 0.5s ease;
                -o-transition: color 0.5s ease;
                position: relative;
                text-transform: uppercase;
                height: 100%;
                margin-right: 0;
            }

                .product-tab .nav.nav-tabs > li > a .nav-tab-header {
                    font-weight: 500;
                    font-size: 14px;
                    margin-bottom: 0;
                    color: inherit;
                    margin-top: 0;
                    padding: 0;
                }

            .product-tab .nav.nav-tabs > li.active > a,
            .product-tab .nav.nav-tabs > li.active > a:hover,
            .product-tab .nav.nav-tabs > li.active > a:focus {
                color: #FFFFFF;
            }

            .product-tab .nav.nav-tabs > li:not(.single-tab) > a {
                cursor: pointer;
                background-color: #F3F3F3;
                color: #666666;
            }

            .product-tab .nav.nav-tabs > li.active:not(.single-tab) > a,
            .product-tab .nav.nav-tabs > li.active:not(.single-tab) > a:hover,
            .product-tab .nav.nav-tabs > li.active:not(.single-tab) > a:focus {
                color: #666666;
            }

                .product-tab .nav.nav-tabs > li:not(.single-tab) > a:hover::after,
                .product-tab .nav.nav-tabs > li.active:not(.single-tab) > a::after {
                    content: '';
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    right: 2px;
                    height: 3px;
                    background-color: #616365;
                }

    .product-tab .tab-content {
        padding: 0;
        background-color: #fff;
    }

        .product-tab .tab-content .feature-group-1-col {
            padding: 45px 10px;
        }

        .product-tab .tab-content ul {
            margin-left: 0;
        }

        .product-tab .tab-content .tab-content__row:nth-child(even) {
            background-color: #F3F3F3;
        }

        .product-tab .tab-content table {
            width: 100%;
        }

            .product-tab .tab-content table > tbody > tr td {
                padding: 0;
            }

        .product-tab .tab-content .tab-content__row [class*="col-"] {
            padding: 13px 20px;
        }

.productdetail-downloads {
    text-align: center;
    text-decoration: underline;
    padding-top: 20px;
}

    .productdetail-downloads:hover, .productdetail-downloads:focus, .productdetail-downloads:active {
        text-align: center;
        text-decoration: underline;
        padding-top: 20px;
    }

.related-products .products {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.related-products .product {
    width: 33.33%;
    width: -webkit-calc(100% / 3);
    width: expression(100% / 3);
    width: -moz-calc(100% / 3);
    width: -o-calc(100% / 3);
    width: calc(100% / 3);
    padding: 0 20px;
}

.product-video {
    margin-top: 100px;
}

h3.related-products-header {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 35px;
    margin-top: 50px;
    text-transform: uppercase;
}

h2.product-header {
    margin-bottom: auto;
}

p.products-sub-header {
    font-size: 22px;
    font-weight: 500;
    padding-top: 10px;
}

.related-items__content-wrap p {
    text-align: center;
    margin-bottom: auto;
}

.tab-content ul {
    list-style: none;
    margin-left: -10px;
}

    .tab-content ul > li {
        padding: 10px 0px;
    }

.product-page-filter-header {
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    width: 100%;
}

    .product-page-filter-header + .select-outline {
        margin-bottom: 13px;
    }

.product-page-filter {
    display: block;
}

.imgBox {
    width: 191px;
    height: 191px;
}

    .imgBox:hover {
        width: 191px;
        height: 191px;
        background-color: black;
        z-index: 99;
    }

a.add-to-cart {
    display: none;
}

    a.add-to-cart:hover {
        border: 2px solid #201547;
        background-color: #FFFFFF;
        color: #201547;
        width: 165px;
        padding: 13px;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

select.wood-type {
    display: block;
    float: left;
    width: 160px;
    border: 1px solid lightgray;
    padding: 5px;
    font-size: 16px;
    position: absolute;
    z-index: 1;
    line-height: 1;
    border: 1;
    border-radius: -1px;
    height: 34px;
    /* margin-right: 40px; */
    background: url(/images/btn-wood-type.png) no-repeat right white;
    /* margin-top: 24px; */
    -webkit-appearance: none;
}

.form-control.coats.product-page-filter[disabled], fieldset[disabled] .form-control.coats.product-page-filter {
    cursor: default;
    background-color: white;
    color: #201547;
}

.color-filters {
    float: left;
    padding: 10px 0px;
    margin-left: -18px;
}

    .color-filters label {
        position: relative;
        top: -1.2em;
    }

.coats-counter {
    width: 200px;
}

.coats {
    float: left;
    background-color: white;
    border: 1px solid lightgrey;
    font-size: 16px;
    color: black;
    width: 171px;
    position: absolute;
    height: 36px;
}

.glyphicon-counter {
    top: -2px;
    color: white;
    font-size: small;
}

.filter-header {
    font-size: inherit;
    text-transform: uppercase;
    font-weight: 800;
    color: lightgrey;
    float: left;
    margin-right: 40px;
    margin-top: 45px;
}

.available-colours {
    margin-left: 40px;
}

.shopping-cart-colour {
    float: right;
    /** color: #84bd00; **/
}

.product-description {
    display: inline-block;
    padding: 5px 7px;
    font-weight: 600;
    font-size: 15px;
    background-color: #201547;
    border-radius: 3px;
    color: white;
    width: 100%;
    border-radius: 3px;
    height: 40px;
}

h3.color-filter-type {
    font-weight: 500;
    text-transform: uppercase;
    float: left;
    font-size: 15px;
}

h3.color-filter-type2 {
    font-weight: 500;
    text-transform: uppercase;
    float: left;
    font-size: 15px;
    padding: 0 20px;
}

.btn-minus {
    position: absolute;
    z-index: 2;
    top: 5px;
    background-color: #84bd00;
    height: 25px;
    width: 38px;
    right: 7px;
    margin: auto;
}

.btn-plus {
    position: absolute;
    z-index: 2;
    float: right;
    top: 5px;
    background-color: #84bd00;
    height: 25px;
    margin: auto;
    width: 38px;
    right: 50px;
}

.colour-wrapper > div:last-of-type > .column > .row {
    padding-top: 60px;
}

.colours {
    margin-bottom: 40px;
    text-align: center;
}

.colour-image > img {
    width: auto;
    max-width: none;
    height: 70px;
}

.colour-desc {
    padding-top: 20px;
    padding-bottom: 40px;
    height: 90px;
    margin: 0px auto;
    text-align: left;
    max-width: 187px;
    width: 100%;
    padding-top: 15px;
    font-size: 12px;
}

    .colour-desc p {
        margin-bottom: 0px;
    }

/**************************  HOME - PAST WINNERS  **************************/
.past-winners .col-md-6 {
    padding: 0;
    position: relative;
}

.past-winners a {
    display: block;
}

.past-winners .winner-label {
    background-image: url(/images/purple-transp-85.png);
    background-position: 0 0;
    background-repeat: repeat;
    background-color: transparent;
    width: 77px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.past-winners a:hover .winner-label,
.past-winners a:focus .winner-label {
    background-image: none;
    background-color: #84bd00;
}

.past-winners .winner-label span {
    font-size: 36px;
    font-weight: 300;
    position: absolute;
    bottom: 53px;
    left: -5px;
    color: #fff;
    width: 100%;
    white-space: nowrap;
    letter-spacing: 0.050em;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/**************************  JUDGING PANEL  **************************/
.judging-panel .col-md-3 {
    padding: 0 6px;
}

.judging-panel > .container > .row > h2,
.center-heading > .container > .row h2,
.judging-panel > .row > h2 {
    margin-top: 26px;
    margin-bottom: 46px;
    text-align: center;
}

.judging-panel .bio {
    background-color: #201547;
    margin: 11px 0;
    padding: 32px 38px;
    color: #fff;
    height: 646px;
}

    .judging-panel .bio h2 {
        font-weight: 500;
        margin-top: 0;
        color: #fff;
        font-size: 32px;
    }

        .judging-panel .bio h2:after {
            content: "";
            background-image: url(/images/divider.png);
            background-position: 0 0;
            background-repeat: no-repeat;
            margin: 20px 0 31px;
            height: 12px;
            display: block;
            width: 87px;
        }

    .judging-panel .bio p {
        line-height: 24px;
        color: #fff;
    }

/**************************  PAST WINNERS  **************************/
.content-wrapper {
    margin-bottom: 13px;
}

.content {
    margin: 0 auto;
    width: 100%;
}

.year-navigation {
    float: left;
    margin-bottom: 46px;
    width: 100%;
}

.previous-year {
    float: left;
}

    .previous-year > a,
    .previous-year > a:visited {
        text-transform: uppercase;
    }

        .previous-year > a:before,
        .next-year > a:after {
            content: "";
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 18px 13px;
            display: inline-block;
            height: 13px;
            width: 18px;
        }

        .previous-year > a:before {
            background-image: url(/images/icon-arrow-left-grey.png);
            margin-right: 20px;
        }

        .previous-year > a:hover:before {
            background-image: url(/images/icon-arrow-left-green.png);
        }

.next-year {
    float: right;
}

    .next-year > a {
        text-transform: uppercase;
    }

        .next-year > a:after {
            background-image: url(/images/icon-arrow-right-grey.png);
            margin-left: 20px;
        }

        .next-year > a:hover:after {
            background-image: url(/images/icon-arrow-right-green.png);
        }

ul.winners-list {
    margin-left: 0;
}

    ul.winners-list > li {
        list-style-type: none;
        padding: 30px 0 16px;
        border-bottom: 1px solid #e1e6e8;
        float: left;
        width: 100%;
    }

.winner-item {
    padding: 30px 0 16px;
    border-bottom: 1px solid #e1e6e8;
}

    ul.winners-list > li:last-of-type,
    .winner-item:last-of-type {
        border-bottom: none;
    }


ul.winners-list > li > span > img {
    width: 100%;
    height: auto;
}

ul.winners-list .col-md-3 {
    padding-left: 0;
}

ul.winners-list .col-md-9 {
    padding-top: 8px;
}

ul.winners-list .owl-carousel .owl-controls {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.winner-item .owl-carousel .owl-controls .owl-nav .owl-prev,
.winner-item .owl-carousel .owl-controls .owl-nav .owl-next {
    font-size: 32px;
    margin: 0 -10px;
    color: #fff;
}

.winner-item .owl-carousel .owl-controls .owl-nav .owl-prev {
    float: left;
}

.winner-item .owl-carousel .owl-controls .owl-nav .owl-next {
    float: right;
}

.featured-winner .hero-image {
    position: relative;
    margin-bottom: 6px;
    width: 100%;
}

.featured-winner .image-caption {
    font-size: 18px;
    background-image: url(/images/purple-transp-90.png);
    background-position: 0 0;
    background-repeat: repeat;
    padding: 12px 20px;
    width: 321px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
}

    .featured-winner .image-caption p {
        font-size: 18px;
        color: #fff;
    }

        .featured-winner .image-caption p:last-of-type {
            margin-bottom: 0;
        }

.featured-carousel {
    position: relative;
}

    .featured-carousel .owl-controls {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }

        .featured-carousel .owl-controls .owl-nav .owl-prev {
            float: left;
            left: -26px;
        }

        .featured-carousel .owl-controls .owl-nav .owl-next {
            float: right;
            right: -26px;
        }

        .featured-carousel .owl-controls .owl-nav .owl-prev,
        .featured-carousel .owl-controls .owl-nav .owl-next {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 36px;
            color: #969aa5;
        }

#inspiration-article .featured-carousel .owl-controls,
#inspiration-article .featured-carousel .owl-controls {
    position: absolute;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 36px;
    color: #969aa5;
    z-index: 1;
}

#inspiration-article .owl-carousel .owl-stage-outer {
    z-index: 2;
}


#inspiration-article .featured-carousel .owl-controls .owl-nav .owl-prev {
    margin-left: -25px;
}

#inspiration-article .featured-carousel .owl-controls .owl-nav .owl-next {
    margin-right: -25px;
}



#past-winners .featured-winner .featured-carousel .owl-controls .owl-nav .owl-prev,
#past-winners .featured-winner .featured-carousel .owl-controls .owl-nav .owl-next {
    position: absolute !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 36px;
    color: #969aa5;
}

#past-winners .featured-carousel .owl-controls .owl-nav .owl-prev,
#past-winners .featured-carousel .owl-controls .owl-nav .owl-next {
    position: static;
    color: #fff;
}

#past-winners .owl-carousel .owl-controls .owl-nav {
    transform: translateY(0%);
}

.featured-carousel .owl-item a img {
    position: relative;
    z-index: 8;
}

.featured-carousel .owl-item a span, .applicator-owl-carousel .owl-item a span {
    display: none;
}

.featured-carousel .owl-item a:hover span, .applicator-owl-carousel .owl-item a:hover span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(/images/purple-transp-85.png);
    background-position: 0 0;
    background-repeat: repeat;
    display: block;
    height: 59px;
    width: 59px;
    z-index: 9;
    text-align: center;
}

    .featured-carousel .owl-item a:hover span img, .applicator-owl-carousel .owl-item a:hover span img {
        width: 36px;
        height: 36px;
        display: block;
        margin: 12px auto;
        text-align: center;
    }

.winners-modal .modal-content {
    background-color: #201547;
    border-radius: 0;
}


.winners-modal .modal-body {
    padding: 20px;
}

.modal-backdrop {
    background-color: #201547;
}

    .modal-backdrop.in {
        opacity: 0.7;
    }

.modal-dialog {
    width: 90%;
    max-width: 1000px;
    margin: 100px auto;
}

/**************************  FIND APPLICATOR CAROUSEL  **************************/
.owl-carousel:not(.product-image) .owl-controls .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    width: 100%;
}

    .owl-carousel:not(.product-image) .owl-controls .owl-nav .owl-prev {
        float: left;
        font-size: 36px;
        color: #fff;
        padding: 10px;
    }

    .owl-carousel:not(.product-image) .owl-controls .owl-nav .owl-next {
        float: right;
        font-size: 36px;
        color: #fff;
        padding: 11px;
    }

.owl-carousel.product-image {
    line-height: 1;
    margin-bottom: 13px;
}

    .owl-carousel.product-image .owl-controls .owl-nav .owl-prev,
    .owl-carousel.product-image .owl-controls .owl-nav .owl-next {
        display: inline-block;
        color: #1C0E52;
        font-size: 20px;
        padding: 0 13px;
    }

    .owl-carousel.product-image .owl-dots .owl-dot {
        display: inline-block;
    }

        .owl-carousel.product-image .owl-dots .owl-dot span {
            width: 16px;
            height: 16px;
            margin: 8px;
            background: #BDBDBD;
            display: inline-block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px;
        }

        .owl-carousel.product-image .owl-dots .owl-dot.active span,
        .owl-carousel.product-image .owl-dots .owl-dot:hover span {
            background-color: #828282;
        }

.applicator-owl-carousel img {
    width: 100%;
    height: auto;
}

/** FIND AN APPLICATOR PAGE STYLES **/
hr.find-applicator-break {
    margin-top: 0px;
    margin-bottom: 30px;
    border-top: 1px solid #e1e6e8;
}

.h3.applicator-name {
    font-size: 20px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 11px;
    color: #201547;
}

.row.find-applicator-padding {
    margin-bottom: 20px;
}

span.applicator-desc-padding {
    margin: 1px;
}

.fa.fa-search.fa-search-style {
    font-size: xx-large;
    transform: rotate(90deg);
    color: grey;
}

.btn-search-postcode {
    height: 50px;
    background-color: #eff2f3;
}

.input-group-btn > .btn-search-postcode:hover, .input-group-btn > .btn-search-postcode:focus, .input-group-btn > .btn-search-postcode:active {
    color: white;
    background-color: #201547;
    outline: none;
}

.input-group-btn .btn-search-postcode:hover .fa.fa-search.fa-search-style,
.input-group-btn .btn-search-postcode:focus .fa.fa-search.fa-search-style,
.input-group-btn .btn-search-postcode:active .fa.fa-search.fa-search-style {
    color: white;
    outline: none;
}



/**************************  INSPIRATION ARTICLE STYLING  **************************/
#inspiration-article .article-navigation {
    float: left;
    margin-bottom: 46px;
    width: 100%;
}

#inspiration-article .previous-article {
    float: left;
}

    #inspiration-article .previous-article > a,
    #inspiration-article .previous-article > a:visited {
        text-transform: uppercase;
    }

        #inspiration-article .previous-article > a:before,
        #inspiration-article .next-article > a:after {
            content: "";
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 18px 13px;
            display: inline-block;
            height: 13px;
            width: 18px;
        }

        #inspiration-article .previous-article > a:before {
            background-image: url(/images/icon-arrow-left-grey.png);
            margin-right: 20px;
        }

        #inspiration-article .previous-article > a:hover:before {
            background-image: url(/images/icon-arrow-left-green.png);
        }

#inspiration-article .next-article {
    float: right;
}

    #inspiration-article .next-article > a {
        text-transform: uppercase;
    }

        #inspiration-article .next-article > a:after {
            background-image: url(/images/icon-arrow-right-grey.png);
            margin-left: 20px;
        }

        #inspiration-article .next-article > a:hover:after {
            background-image: url(/images/icon-arrow-right-green.png);
        }

#inspiration-article div.figure {
    float: right;
    width: 30%;
    border: thin silver solid;
    margin: 0.5em;
    padding: 0.5em;
}

    #inspiration-article div.figure p {
        text-align: center;
        font-style: italic;
        font-size: smaller;
        text-indent: 0;
    }

#inspiration-article .article-insp-pic2 {
    width: 100%;
}

#inspiration-article .article-insp-pic1 {
    width: 100%;
}

#inspiration-article .page-header {
    text-align: left;
    margin-top: 0px;
}

/**************************  FOOTER  **************************/
.intergrain-footer {
    background-color: #1C0E52;
    color: #BBBBBB;
    position: relative;
    z-index: 3;
}

    .intergrain-footer > div {
        padding: 28px;
    }

    .intergrain-footer .site__logo--footer {
        margin-bottom: 13px;
    }

    .intergrain-footer .copyright-text {
        font-size: 13px;
    }

    .intergrain-footer strong {
        color: #FFFFFF;
    }

    .intergrain-footer .logo__link {
        display: inline-block;
    }

        .intergrain-footer .logo__link p {
            color: #FFFFFF;
            font-size: 14.8px;
            font-weight: 500;
            margin-top: 8px;
        }

    .intergrain-footer ul {
        padding-left: 0;
        list-style: none;
        margin: 0 0 13px;
    }

        .intergrain-footer ul li {
            margin-top: 13px;
        }

            .intergrain-footer ul li a:hover,
            .intergrain-footer ul li a:focus,
            .intergrain-footer ul li a:active {
                color: #FFFFFF;
            }

        .intergrain-footer ul.two-col-group {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .intergrain-footer ul.two-col-group li {
                list-style: none;
                -webkit-flex: 0 0 50%;
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
            }

        .intergrain-footer ul li a .fa:before {
            width: 25px;
            line-height: 25px;
            display: inline-block;
            background-color: #BBBBBB;
            color: #1C0E52;
            text-align: center;
            border-radius: 20px;
            margin-right: 13px;
        }

        .intergrain-footer ul li a:hover .fa:before {
            background-color: #FFFFFF;
        }

    .intergrain-footer .help-box {
        font-size: 16px;
        padding: 50px 0;
    }

        .intergrain-footer .help-box .tel-num {
            margin-left: 13px;
            font-weight: 500;
        }

        .intergrain-footer .help-box a:hover {
            color: #FFFFFF;
        }

.footer {
    margin-bottom: 0px;
    color: #fff;
    text-align: center;
}

    .footer h4 {
        color: #fff;
        font-size: 29px;
        font-weight: 300;
        line-height: 46px;
        margin-bottom: 20px;
        letter-spacing: 0.05em;
    }

    .footer h2,
    .footer h4 {
        color: #fff;
    }

    .footer p {
        font-size: 12px;
        color: #fff;
        line-height: 27px;
    }

.pre-footer > .row {
    background-color: #201547;
    padding: 35px 0 80px;
}


    .pre-footer > .row .col-md-6 h2,
    .pre-footer > .row .col-md-6 h4 {
        margin: 0;
    }

        .pre-footer > .row .col-md-6 h2:after,
        .pre-footer > .row .col-md-6 h4:after {
            content: "";
            background-image: url(/images/divider.png);
            background-position: 0 0;
            background-repeat: no-repeat;
            margin: 15px auto 17px;
            height: 12px;
            display: block;
            width: 87px;
        }

.pre-footer .col-md-4 h2,
.pre-footer .col-md-4 h4 {
    /*margin-top: 38px;*/
    /*margin-bottom: 36px;*/
}

.footer-social a,
.footer-social a:visited {
    font-size: 30px;
    padding: 0 10px;
    color: #fff;
}

    .footer-social a:hover,
    .footer-social a:focus,
    .footer-social a:active {
        color: #84bd00;
    }

.footer-apps a {
    padding: 0 10px;
}

.bottom-footer {
    position: relative;
    width: 100%;
    text-align: center;
}

    .bottom-footer .row {
        background-color: #84bd00;
    }

    .bottom-footer ul {
        float: left;
        margin-left: 0;
        margin-bottom: 0;
        padding-top: 17px;
        width: 100%;
        text-align: center;
    }

    .bottom-footer li {
        list-style-type: none;
        margin: 0;
        display: inline-block;
        text-align: center;
    }

        .bottom-footer li > a,
        .bottom-footer li > a:visited {
            font-size: 13px;
            font-weight: 500;
            line-height: 14px;
            padding: 0 10px;
            letter-spacing: 0.050em;
            color: #fff;
            text-decoration: none;
        }

            .bottom-footer li > a:hover,
            .bottom-footer li > a:focus,
            .bottom-footer li > a:active {
                color: #201547;
            }

    .bottom-footer .copyright {
        float: left;
        font-size: 11px;
        font-weight: 500;
        line-height: 14px;
        letter-spacing: 0.050em;
        margin: 7px 0 15px;
        color: #fff;
        width: 100%;
    }

.back-to-top {
    background-image: url(/images/bg-back-to-top.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 48px;
    width: 126px;
    position: absolute;
    top: -48px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .back-to-top i {
        font-size: 40px;
        margin-top: 6px;
        color: #fff;
    }

/** large device back-to-bottom **/
.back-to-bottom {
    background-image: url(/images/bg-back-to-bottom.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 48px;
    width: 126px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    transform: translateY(-98%);
    -webkit-transform: translateY(-98%);
    -moz-transform: translateY(-98%);
    -ms-transform: translateY(-98%);
    -o-transform: translateY(-98%);
}

    .back-to-bottom i {
        font-size: 40px;
        left: 40%;
        color: #201547;
        position: absolute;
    }

/** endorsed member form **/
p.underline {
    text-decoration: underline;
}

    p.underline:hover {
        color: #84bd00;
    }

p.padding {
    padding: 0px 0px 0px 20px;
}


/******* Button collpase response - endorsed application page ******/
.collapse-heading {
    cursor: pointer;
    padding-top: 20px;
}

/* CSS Method for adding Font Awesome Chevron Icons */
.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';
    content: "\f078";
    padding: 10px;
    color: inherit;
}

.collapse-heading.collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content: "\f077";
}

/**************************  ENDORSED APPLICATOR HOME ICONS  **************************/
.applicator-home-header {
    margin: 40px 0 20px;
    text-align: center;
}

.back-to-bottom p {
    text-align: center;
    padding: 24px 0;
    margin-left: -5px;
    line-height: 0;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

#applicator-about .jumbotron .hero-caption:after {
    display: none;
}

.quicklink-center {
    text-align: center;
}

.applicator-wrap {
    display: inline-block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
}

#applicator-about .applicator-quicklinks-row {
    padding-left: 25%;
    padding-right: 25%;
}

.applicator-wrap img {
    padding-bottom: 20px;
}


.applicator-wrap p {
    transform: uppercase;
    font-size: 14px;
    width: 140px;
}

/**************************  ENDORSED APPLICATOR   **************************/
a.btn-quicklink {
    padding: 15px 25px;
    color: white;
}

.applicator-content-btn-padding {
    padding-top: 20px;
    padding-bottom: 100px;
}

/**************************  AdDVICE MAIN - FAQ  **************************/

.filter-category {
    display: inline;
}

.select-style {
    display: inline-block;
    background-image: url(/images/icon-arrow-down-white.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    margin: 0px 20px;
    padding-left: 7px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    background-color: #201547;
    border-radius: 3px;
    color: white;
    width: 26%;
    border-radius: 3px;
    height: 35px;
}


    .select-style:before {
        font-family: 'FontAwesome';
        content: '\f0fe';
    }

    .select-style:before {
        font-family: 'FontAwesome';
        content: '\f146';
    }

    .select-style:hover,
    .select-style:focus,
    .select-style:active {
        background-color: #201547;
        color: white;
        outline: none;
    }

    .select-style:after {
        content: "\f063";
        font-family: 'FontAwesome';
    }

.pro-advice {
    font-size: inherit;
    text-transform: uppercase;
    font-weight: 800;
}

.faq-title {
    font-weight: 600;
}

/** styline for faq collapse list **/
.faq-group,
.faq-group .faq,
.faq-group .faq-heading,
.faq-group .faq-heading a,
.faq-group .faq-title,
.faq-group .faq-title a,
.faq-group .faq-body,
.faq-group .faq-group .faq-heading + .faq-collapse > .faq-body {
    border-radius: 2px;
    border: 0;
}

    .faq-group .faq-heading .faq-collapse > .faq-body {
        border-top: 0;
    }

    .faq-group .faq-heading {
        padding: 0;
        color: #201547;
    }

        .faq-group .faq-heading a {
            display: block;
            background: none;
            color: #201547;
            padding: 10px;
            text-decoration: none;
            position: relative;
        }

/** Font awesome content values: https://astronautweb.co/snippet/font-awesome/ **/
#advice i.fa.fa-plus-square {
    padding-right: 20px;
    color: darkgrey;
}

#advice i.fa.fa-minus-square {
    padding-right: 20px;
    color: darkgrey;
}

.faq-group .faq-collapse {
    margin-top: 5px !important;
}

.faq-group .faq-body {
    background: none;
    padding: 10px;
}

.faq-group .faq {
    background-color: transparent;
}

.faq-group .faq-body p:last-child,
.faq-group .faq-body ul:last-child,
.faq-group .faq-body ol:last-child {
    margin-bottom: 0;
}

/** faq dropdown buttons **/
.btn-faq {
    display: inline-block;
    background-color: #dadada;
    margin-bottom: 0;
    font-weight: 400;
    line-height: inherit;
    padding: 5px 50px 5px 5px;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0px solid transparent;
}

h2.faq-guide {
    width: 79%;
    padding-top: 10px;
}

.advice-guide {
    display: block;
    height: auto;
    position: relative;
}

/**************************  AdDVICE MAIN - TIMBER PREP  **************************/

/** FAQ Tile Listing **/
.faq-group {
    margin-bottom: 25px;
}

    .faq-group .faq-heading, .faq-group .faq-heading a {
        padding: 0;
        color: #201547;
    }

        .faq-group .faq-heading img {
            width: 100%;
        }

            .faq-group .faq-heading img.img-responsive {
                min-height: 155px;
            }

.faq-title-overlay {
    position: absolute;
    max-height: -webkit-calc(100% - 155px);
    max-height: expression(100% - 155px);
    max-height: -moz-calc(100% - 155px);
    max-height: -o-calc(100% - 155px);
    max-height: calc(100% - 155px);
    top: 0;
    width: 100%;
    padding-top: 5px;
    padding-left: 15px;
}

.faq-group .faq-heading .faq-description-overlay {
    overflow: hidden;
    background-image: url(/images/purple-transp-85.png);
    background-position: 0 0;
    background-repeat: repeat;
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 155px;
    bottom: 0;
}

.faq-group .faq-heading .faq-overlay {
    overflow: hidden;
    background-image: url(/images/purple-transp-85.png);
    background-position: 0 0;
    background-repeat: repeat;
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 155px;
    bottom: 0;
}

.faq-container {
    padding: 12px 20px 20px 20px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    /*flex-direction == column*/
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    justify-content: flex-start;
    /*justify-content == flex-start*/
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    align-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: space-between;
}

    .faq-container p {
        color: #fff;
        width: auto;
        font-weight: 600;
        font-size: 14px;
        line-height: normal;
    }

    .faq-container img {
        width: 60px !important;
        margin-bottom: 11px;
        position: absolute;
        bottom: 51px;
    }

    .faq-container .boxed {
        left: 0;
        padding: 0;
        margin: 0;
        width: 110px;
        font-weight: 300;
        border: 1px solid #FFFFFF;
        position: absolute;
        bottom: 0;
        margin: 20px;
    }

/** Umbraco classes **/
#timber-preparation .page-header {
    margin-top: 0;
}

#timber-preparation .timber-sourcing h2.page-header__heading {
    text-align: left;
    letter-spacing: 0;
}

#timber-preparation .timber-sourcing p.page-header__description {
    text-align: left;
    font-size: 16px;
    line-height: 2.2em;
    font-weight: 600;
    padding-bottom: 20px;
}

#timber-preparation .afs-organisation img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#timber-preparation .fsc-organisation img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#timber-preparation .weathering p.page-header__description {
    text-align: center;
    width: 77%;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    line-height: 2.2em;
}

#timber-preparation .weathering-op1 img {
    padding-top: 51px;
}

#timber-preparation .exterior-prep h2.page-header__heading {
    text-align: left;
}

#timber-preparation .exterior-prep p.page-header__description {
    text-align: left;
    line-height: 2.2em;
    font-weight: 600;
    font-size: 16px;
}
/** End of umbraco classes **/

.timber-prep-subhead {
    font-weight: 600;
    font-size: 16px;
}

.timber-prep-header2 {
    text-align: center;
}

.skip-weather-desc {
    text-align: center;
    width: 85%;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    line-height: 2.2em;
}

.skip-weather-options {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.skip-weather-options-desc {
    text-align: center;
    width: 100%;
}

.skip-weather-img1 {
    padding-top: 51px;
}

.exterior-prep-head {
    text-align: left;
    letter-spacing: 0;
}

.exterior-prep-desc {
    text-align: left;
    font-size: 16px;
    line-height: 2.2em;
}


.exterior-prep-desc2 {
    text-align: left;
    margin-top: 23px;
    padding-bottom: 37px;
}

.exterior-prep-subhead {
    font-size: 22px;
    margin-bottom: 0px;
}

/***** Advice - Timber recommendation ******/
.advice-timber-header h2 {
    padding-bottom: 30px;
}

.advice-timber p a {
    font-weight: 800;
    padding-top: 5px;
}

.advice-timber p {
    padding-top: 15px;
}

.advice-timber .timber-block {
    padding: 0 20px 30px;
}

.advice-timber img {
    width: 100%;
}
/*********** Forgottent Password ************/
.reset-password {
    text-transform: capitalize !important;
}

/*********** Forgottent Password ************/

.slip-rating table td {
    border: 1px solid #201547;
    padding: 5px;
}

.slip-rating table th {
    border: 1px solid #201547;
    font-weight: bold;
}

.slip-rating table td a {
    text-decoration: underline;
}
/*********** Trade Industrial *************/
.container-white {
    background-color: white;
    padding: 6px;
    margin: 6px;
}

.column .logo {
    margin: 0 auto;
    display: block;
}

.hero-caption h1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 14px;
    color: #fff;
}

.title {
    font-weight: 300;
    font-size: 36px;
    line-height: 42px;
    color: #020f50;
    text-align: center;
    padding: 20px 0 20px 0;
}

.lorem {
    font-size: 14px;
    line-height: 25px;
    color: #201547;
    text-align: center;
}

.nav-container {
    text-align: center;
    margin: 30px auto 100px auto;
    max-width: 100%;
}

.nav-img-container {
    margin-top: 20px;
    text-align: center;
}

    .nav-img-container img {
        min-height: 188px;
        max-height: 188px;
        margin: 0px auto;
        display: block;
    }

    .nav-img-container a span {
        font-size: 24px;
        text-align: center;
        display: inline-block;
        margin: 20px 0px 40px 0px;
        line-height: 28px;
    }

    .nav-img-container a:hover span, .nav-img-container a:hover {
        color: #84bd00;
    }

.nav-container span {
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
    color: #020f50;
    margin-top: 20px;
    display: block;
}

.wrapper-trade-industrial .grid-section {
    background-color: #f7fafb;
    padding: 35px 0 70px;
}
/*********** Sealers - Finishers *************/
.img-download {
    background-image: url(/images/background-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 246px;
    text-align: center;
    color: white;
    font-weight: 500;
    font-size: 16px;
    padding: 50px 14px 20px 14px;
    min-width: 214px;
    max-width: 214px;
    margin-top: 0px;
}

    .img-download label::after {
        content: "";
        background-image: url(/images/divider.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        margin: 15px auto 17px;
        height: 12px;
        display: block;
        width: 87px;
    }

    .img-download button {
        width: 135px;
        height: 37px;
        background: rgba(255, 255, 255, 0.65);
        border: 2px solid #FFFFFF;
        box-sizing: border-box;
        color: #414141;
    }

/*********** category product *************/
.product-listing .wrap-category {
    position: relative;
    width: 100%;
}

.product-listing .img-download {
    margin-top: 165px;
}

.product-listing .wrap-timber-studio .img-download {
    margin-top: 10px;
    margin-bottom: 30px;
}

.bg-light-grayish-blue {
    background-color: #F7FAFB;
}

.product-listing .wrap-category .head-title {
    font-weight: 300;
    font-size: 28px;
    line-height: 42px;
    margin: 0px 0px 36px 51px;
    color: #020F50;
}

.product-listing .wrap-category .item {
    text-align: center;
    margin-bottom: 26px;
}

    .product-listing .wrap-category .item figure {
        min-height: 225px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: flex-end;
        /*align-items == flex-end*/
        -webkit-box-align: end;
        -moz-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
    }

.product-listing .ceetec .wrap-category .item figure {
    min-height: 165px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    /*align-items == flex-end*/
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
}

    .product-listing .ceetec .wrap-category .item figure .img-responsive {
        max-height: 156px;
        height: 156px;
        overflow: hidden;
        object-fit: cover;
    }

.product-listing .wrap-category .item a span {
    margin: 10px 0px;
    display: block;
    height: 72px;
    overflow: hidden;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
}

.product-listing .wrap-category.ceetec-accessories .item a span {
    height: auto;
}

.product-listing .wrap-category.ceetec-accessories .head-title {
    margin-top: 20px;
}

.product-listing .wrap-category .item .img-responsive {
    margin: 0px auto;
    display: block;
    max-height: 225px;
    height: 225px;
    overflow: hidden;
    object-fit: cover;
}

.product-listing, .product-detail {
    background-color: white;
    margin: 0px auto;
    position: relative;
}



.img-download .img-divider {
    margin: 20px 0px;
}

.img-download a.btn-click {
    min-width: 80px;
    border: 2px solid#FFF;
    background-color: rgba(255,255,255,0.8);
    padding: 4px 20px;
    display: inline-block;
    color: #414141;
    text-transform: uppercase;
    font-size: 14px;
}

/*********** product detail *************/
.label-title {
    color: #020F50;
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 42px;
    margin: 0px 0px 43px 0px;
}

.product-detail .product-content {
    width: 100%;
    display: block;
}

    .product-detail .product-content .img-responsive {
        margin: 0px auto;
        display: block;
    }

.product-download {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

    .product-download .download {
        margin-top: 20px;
    }

        .product-download .download .text-download {
            width: 214px;
            height: 42px;
            text-align: left;
            background: #a8a9ab;
        }

        .product-download .download .text-full {
            width: 214px;
            min-height: 147px;
            text-align: left;
            background: #201547;
            padding: 0px 14px 50px 14px;
            position: relative;
        }

            .product-download .download .text-full a:hover {
                color: #84bd00;
            }

        .product-download .download p {
            padding: 8px 14px;
            color: #fff;
        }

        .product-download .download .text-full p {
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            padding-top: 20px;
        }

        .product-download .download .text-full a:first-child {
            padding-top: 20px;
        }

        .product-download .download .text-full a {
            font-style: normal;
            font-weight: normal;
            color: #FFF;
            font-size: 12px;
            text-decoration: none;
            display: block;
            width: 100%;
        }

    .product-download .accessories-pdf {
        margin: auto;
        position: absolute;
        bottom: 10px;
        right: 10px;
        z-index: 1;
    }

/*Ceetec*/

.text-iframe-desc {
    min-height: 68px;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    min-width: 209px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1px;
    padding: 13px 10px;
}

.text-description {
    text-align: justify;
    word-spacing: -1px;
    line-height: 24px;
    font-size: 15px;
}

.wrap-timber-studio {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 100px;
}

.product-detail .label-title {
    margin: 49px 0px 43px 0px;
}

.product-listing .text-description {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    margin: 10px 0px;
    display: block;
    height: 120px;
    overflow: hidden;
}

.wrap-btn {
    margin: 10px 0px 100px 0px;
}

    .wrap-btn .column div a {
        width: auto;
        font-size: 11px;
    }

a:not([href]) {
    color: #020F50;
}


table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    table > tbody > tr:nth-of-type(even) {
        background-color: #F3F3F3;
    }

    table > tbody > tr td {
        padding: 8px 10px;
        font-size: 14px;
        line-height: 25px;
        text-align: Left;
        vertical-align: Top;
        color: #201547;
    }

.table-secondary tr:nth-of-type(even) {
    background-color: #fff;
}

.table-secondary th {
    background-color: #ADAFAF;
    color: #fff;
    padding: 7px 18px;
    font-weight: 500;
}

    .table-secondary th.transparent {
        background-color: transparent;
    }

    .table-secondary th.light-grey {
        background-color: #F3F3F3;
        color: #666;
        border: 1px solid #DEE2E6;
        text-align: center;
    }

.table-secondary td {
    border: 1px solid #DEE2E6;
    text-align: center;
    line-height: 21px;
    color: #666;
    vertical-align: middle;
}

.table-secondary .which-application-guide__content {
    font-size: 16px;
    border: none;
    padding-left: 0;
    line-height: 24px;
}

.table-secondary td.text-left {
    text-align: left;
}

    .table-secondary td.product-name {
        text-align: left;
        vertical-align: middle;
    }

    .table-secondary td.coat {
        background-color: #F3F3F3;
        font-weight: 500;
    }

.guide-ol {
}

    .guide-ol > li {
        margin: 0;
        padding: 0 0 0 2em;
        text-indent: -2em;
        list-style-type: none;
        counter-increment: item;
    }

        .guide-ol > li:before {
            display: inline-block;
            width: 1em;
            padding-right: 0.5em;
            font-weight: 500;
            text-align: right;
            content: counter(item) ".";
        }

.visualiser-filter .visualiser-filter__content ul.list-item {
    list-style: disc;
    list-style-position: inside;
}

    .visualiser-filter .visualiser-filter__content ul.list-item li {
        display: list-item;
        width: 100%;
        text-align: left;
        padding: 0;
    }

.selection-page .visualiser-filter .visualiser-filter__title .visualiser-filter__title-text {
    padding-left: 0;
}

.application-container .visualiser-filter .visualiser-filter__title .visualiser-filter__title-text,
.application-container .visualiser-filter .visualiser-filter__content {
    padding-left: 0;
}

    .application-container .visualiser-filter .visualiser-filter__content ul.list-item {
        padding-left: 45px;
    }

.coats-need-table,
.coats-need-table p {
    color: #666;
}

    .coats-need-table ul.list-item {
        padding-left: 50px;
    }

.product-need-table .product-item {
    display: flex;
    align-items: center;
}

.product-need-table .product-image {
    width: 75px;
    overflow: hidden;
    margin-right: 15px;
}

.product-need-table .product-name {
    font-weight: 500;
}

.tbl-row {
    display: flex;
}

    .tbl-row .column {
        border: 2px solid #dee2e6;
        border-bottom: 0;
    }

    .tbl-row:last-child .column {
        border-bottom: 2px solid #dee2e6;
    }

    .tbl-row .column:nth-child(2) {
        border-left: 0;
    }

.tab .nav-tabs {
    display: flex;
}

.visualiser-filter .tab .nav-tabs > li {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    width: auto;
    flex-grow: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #dee2e6;
    background-color: #eff2f3;
    border-bottom: 0;
}

.visualiser-filter .tab .nav-tabs {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.tab .nav.nav-tabs > li {
    padding: 0;
}

    .tab .nav.nav-tabs > li.active {
        background: #fff;
    }

        .tab .nav.nav-tabs > li.active a {
            color: #666;
        }

    .tab .nav.nav-tabs > li > a {
        padding-bottom: 0;
        background-color: transparent;
        padding-top: 17px;
        padding-bottom: 16px;
    }

.tab .tab-content {
    padding-left: 0;
    padding-right: 0;
}

.tab .tab-note {
    padding-top: 10px;
    padding-bottom: 10px;
}

.custom-table {
    padding-left: 15px;
    padding-right: 15px;
}


@media (max-width: 1199px) {
    .product-need-table {
        overflow-x: auto;
    }
}

/*faq*/
.wrap-faq-listing {
    min-height: 219px;
    max-height: 219px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom 0px right 0px;
    background-origin: content-box;
    background-clip: content-box;
    position: relative;
    margin-bottom: 25px;
}

    .wrap-faq-listing .faq-heading .faq-overlay {
        overflow: hidden;
        background-image: url(/images/purple-transp-85.png);
        background-position: 0 0;
        background-repeat: repeat;
        background-color: transparent;
        position: relative;
        width: 100%;
        height: 100%;
        max-height: 156px;
        min-height: 156px;
        bottom: 0px;
        left: 0px;
        z-index: 1;
    }

    .wrap-faq-listing .faq-heading .faq-title h5 {
        color: #fFF;
        padding: 10px 20px;
        height: 63px;
        overflow: hidden;
        margin: 0px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-start;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        align-items: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
    }

.faq-container p.trial-description {
    color: #fff;
    width: auto;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
}

.faq-listing {
    margin: 0px 0px;
    background: #FFF;
    display: inline-block;
}

    .faq-listing .column h2 {
        width: 100%;
        padding-bottom: 15px;
    }

    .faq-listing .faq-group .faq-heading img.img-responsive {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: flex-end;
        /*align-items == flex-end*/
        -webkit-box-align: end;
        -moz-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        overflow: hidden;
        max-height: 155px;
        object-fit: cover;
    }

@media all and (max-width: 767px) {
    .custom-banner .jumbotron {
        background-size: 850px;
        background-position: bottom;
        height: 250px !important;
    }
}

@media all and (max-width: 959px) {
    .content-wrapper > .container > .row {
        background-color: white;
    }

    .nav-container .column {
        width: 100%;
        text-align: center;
    }

    .product-listing .img-download {
        margin: 20px auto;
    }

    .faq-listing .faq-group .faq-heading .faq-overlay {
        max-height: 185px;
    }
}

@media all and (min-width: 375px) {
    .wrap-btn .column div a {
        font-size: 13px;
    }
}

@media all and (min-width: 960px) {
    .nav-container {
        max-width: 82%;
    }

    .inner-wrapper .umb-grid {
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .inner-wrapper .umb-grid .competition {
            margin-top: 0px;
        }

    .container-white {
        padding: 0px 15%;
        margin: 0px;
    }

    .product-detail .product-content {
        padding: 0px 20px;
    }

    .wrap-ceetec .product-listing {
        display: inline-block;
    }

    .product-listing, .product-detail {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .product-listing .wrap-category .head-title {
            font-size: 36px;
        }

        .product-listing .ceetec .wrap-category .head-title {
            padding-left: 25px;
        }

        .product-detail .product-content .img-responsive {
            margin: 20px auto 8px auto;
        }

            .product-detail .product-content .img-responsive.img-ceetec {
                margin: 127px auto 8px auto;
                max-width: 410px;
            }

    .wrap-video {
        position: relative;
        margin: 90px 0px 60px 0px;
        max-width: 209px;
    }

    .wrap-btn .column div a {
        font-size: 14px;
    }

    .faq-listing {
        margin: 0px 100px;
        padding: 40px 49px;
    }
}

@media all and (min-width: 1200px) {
    .container {
        width: 1590px;
    }
}

@media all and (min-width: 1440px) {
    .faq-listing .faq-group .faq-heading img.img-responsive {
        max-height: 168px;
        min-height: 168px;
    }
}

@media all and (min-width: 1920px) {
    .faq-listing .faq-group .faq-heading img.img-responsive {
        max-height: 219px;
        min-height: 219px;
    }

    .faq-listing {
        margin: 0px 200px;
    }
}

/*********** Radius Button ************/
.btn-outline {
    background-color: #FFFFFF;
    border: 2px solid #020F50;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #020F50;
    text-transform: uppercase;
    padding: 13px;
    display: inline-block;
    font-weight: 500;
    cursor: pointer;
}

    .btn-outline:hover {
        background-color: #1C0E52;
        color: #FFFFFF;
    }

    .btn-outline.btn-outline-dark {
        background-color: #1C0E52;
        color: #FFFFFF;
        border-color: #FFFFFF;
    }

        .btn-outline.btn-outline-dark:hover {
            background-color: #FFFFFF;
            color: #1C0E52;
            border-color: #1C0E52;
        }

    .btn-outline.btn-outline-light {
        background-color: #FFFFFF;
        color: #1C0E52;
        border-color: #FFFFFF;
    }

        .btn-outline.btn-outline-light:hover {
            background-color: #1C0E52;
            color: #FFFFFF;
            border-color: #1C0E52;
        }

    .btn-outline.btn-100 {
        width: 100%;
    }

    .btn-outline .fa {
        margin-left: 13px;
    }

.select-outline {
    position: relative;
    font-size: 16px;
}

    .select-outline::after {
        display: inline-block;
        pointer-events: none;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f107";
        font-family: FontAwesome;
        font-size: 1.5em;
        position: absolute;
        right: 20px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .select-outline select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        padding: 13px 52px 13px 15px;
        border: 1px solid #BDBDBD;
        border-radius: 3.5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
    }

        .select-outline select::-ms-expand {
            display: none;
        }

/*********** Colour Visualiser ************/
.colour-wrapper.odd-row {
    background-color: #FFFFFF;
}

.colour-wrapper:first-child .visualiser-filter .visualiser-filter__content {
    padding-left: 0;
}

.colour-wrapper:first-child .visualiser-filter {
    padding: 62px 0;
}

    .colour-wrapper:first-child .visualiser-filter .visualiser-filter__content ul li .item-desc {
        margin-top: 28px;
    }

.colour-wrapper.confirm-section {
    background-color: #fff;
}

.colour-wrapper .colour-message {
    margin-top: 30px;
}

.colour-wrapper .email-wrapper .email-title {
    color: #000000;
    padding: 13px;
    display: inline-block;
    width: 100%;
    font-size: 12px;
}

.colour-wrapper .email-wrapper .policy-link {
    text-decoration: underline;
}

    .colour-wrapper .email-wrapper .policy-link:visited {
        color: #666666;
    }

.colour-wrapper .email-wrapper .email-message {
    background: #E9E9E9;
    border: 1px solid #BBBBBB;
    padding: 13px;
    margin: 13px 0;
    font-size: 12px;
}

.colour-wrapper .email-wrapper .inline-button {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 0;
}

    .colour-wrapper .email-wrapper .inline-button .btn-outline {
        font-size: 13px;
        white-space: nowrap;
    }

    .colour-wrapper .email-wrapper .inline-button .reset-button {
        flex-grow: 0;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex: 0;
    }

    .colour-wrapper .email-wrapper .inline-button .stockist-button {
        flex-grow: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex: 1;
        margin-right: 34px;
    }

        .colour-wrapper .email-wrapper .inline-button .stockist-button > p {
            margin-top: 13px;
            color: #666666;
        }

.email-form .input-group .input-group-addon {
    border: none;
    color: #616365;
    background-color: transparent;
    font-weight: 500;
}

.email-form .input-group .form-control {
    border: none;
    background-color: transparent;
    color: #616365 !important;
    font-size: 14px;
    box-shadow: none;
}

    .email-form .input-group .form-control + .input-group-addon {
        background-color: #616365;
        color: #FFFFFF;
        cursor: pointer;
        border-radius: 0;
        min-width: 96px;
    }

#email-my-plan .modal-dialog {
    max-width: 600px;
}

#deck-coating-project-planner {
    padding-right: 0px !important;
}

#email-my-plan .modal-footer-center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -10px;
}

    #email-my-plan .modal-footer-center button {
        background-color: #616365;
        background-color: #616365;
        color: #FFFFFF;
    }

#email-my-plan .modal-title-center {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    line-height: 1.42857143;
}

#email-my-plan .email-form-container {
    padding: 30px 25px 7px 25px;
    background-color: #F0F0F0;
}

#email-my-plan .modal-title {
    padding: 15px 35px 10px 35px;
    font-size: 27px;
    line-height: 1.42857143;
}

#email-my-plan .visualiser-filter__content {
    padding: 10px 20px 20px 20px;
}

.input-group-addon[disabled] {
    cursor: not-allowed !important;
    opacity: 0.7;
}

.email-form .input-group {
    border: 2px solid #616365;
    border-radius: 5px;
}

    .email-form .input-group.has-error {
        border-color: #a94442;
        color: #a94442;
    }

.email-form .checkbox.has-error label {
    color: inherit;
}

.email-form .checkbox.has-error input {
    color: #a94442;
    outline: auto;
}

.confirm-button .done-outline-icon,
.confirm-button .checked-icon {
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 20px;
    margin-bottom: -4px;
    margin-left: 7px;
    display: none;
}

.confirm-button .checked-icon {
    display: inline-block;
}

.confirm-button.confirmed .done-outline-icon {
    display: inline-block;
}

.visualiser-filter {
    padding: 27px 0 19px;
    color: #666666;
}

    .visualiser-filter .visualiser-filter__title {
        margin-bottom: 18px;
    }

    .visualiser-filter .visualiser-filter__title {
        position: relative;
    }

.visualiser-filter .visualiser-filter__title .visualiser-filter__title-icon {
    font-size: 30px;
    line-height: 47px;
    width: 47px;
    height: 47px;
    border-radius: 50px;
    background-color: #8E8E8E;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: Roboto;
    position: absolute;
    top: 0;
    left: 0;
}

            .visualiser-filter .visualiser-filter__title .visualiser-filter__title-icon.sub-title {
                font-size: 18px;
            }

.visualiser-filter .visualiser-filter__title .visualiser-filter__title-text {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.25px;
    font-size: 14px;
    color: inherit;
    line-height: 1.5;
    margin: 0;
    padding: 13px;
    padding-left: 65px;
}

        .visualiser-filter .visualiser-filter__title .visualiser-filter__title-desc {
            padding-left: 65px; 
            margin-bottom: 35px;
            color: #666666;
        }

    .visualiser-filter .visualiser-filter__content {
        padding-left: 26px;
    }


        .visualiser-filter .visualiser-filter__content.visualiser-container {
            padding: 26px 58px;
        }

.visualiser-filter .visualiser-filter__content ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    list-style: none;
    margin: 0;
}

.colour-wrapper.align-items-center  .visualiser-filter .visualiser-filter__content ul {
    justify-content: center;
}


            .visualiser-filter .visualiser-filter__content ul li {
                text-align: center;
                padding: 20px 16px 34px;
                width: 12.5%;
                cursor: pointer;
            }

            .visualiser-filter .visualiser-filter__content ul:not(.pigment-list) li:hover .visualiser-filter__item,
            .visualiser-filter .visualiser-filter__content ul:not(.pigment-list) li.active .visualiser-filter__item {
                border: 2px solid #0039A6;
            }

.visualiser-filter .visualiser-filter__content ul.product-list li .visualiser-filter__item {
    overflow: visible;
}

.visualiser-filter .visualiser-filter__content ul.product-list li .visualiser-filter__item .product-info-list {
    list-style: disc;
}

.visualiser-filter .visualiser-filter__content ul.product-list li .visualiser-filter__item .product-info-list > li {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 14px;
}

.visualiser-filter .visualiser-filter__content ul.product-list li .visualiser-filter__item .product-info-list > li::before {
    content: "\A";
    background: #666;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    line-height: 4px;
    color: white;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 2px;
}

.visualiser-filter .visualiser-filter__content ul.varnish-list li {
    width: 20%;
}

.visualiser-filter .visualiser-filter__content ul.varnish-list li .visualiser-filter__item {
    border: 2px solid #dee2e6;
    padding: 30px 30px 15px;
    background-color: #fff;
}

.visualiser-filter .visualiser-filter__content ul.varnish-list li .visualiser-filter__item .item-image {
    border-radius: 7px;
    overflow: hidden;
}

.visualiser-filter .visualiser-filter__content ul.varnish-list li .visualiser-filter__item .item-desc {
    text-transform: uppercase;
}

.visualiser-filter .visualiser-filter__content ul.pigment-list li .visualiser-filter__item {
    border: 2px solid transparent;
    transition: all .25s;
}

.visualiser-filter .visualiser-filter__content ul.pigment-list li:hover .visualiser-filter__item,
.visualiser-filter .visualiser-filter__content ul.pigment-list li.active .visualiser-filter__item {
    border: 2px solid #666666;
    border-radius: 7px;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    background: #F7F7F7;
}

            .visualiser-filter .visualiser-filter__content ul li.active .visualiser-filter__item .active-icon {
                display: block;
            }

            .visualiser-filter .visualiser-filter__content ul li {
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                flex-direction: column;
                -webkit-box-direction: normal;
                -webkit-box-orient: vertical;
                -moz-box-direction: normal;
                -moz-box-orient: vertical;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
            }

                .visualiser-filter .visualiser-filter__content ul li .item-desc {
                    font-size: 13px;
                    margin-top: 19px;
                    flex-grow: 1;
                    -webkit-box-flex: 1;
                    -moz-box-flex: 1;
                    -webkit-flex-grow: 1;
                    -ms-flex: 1;
                }

                .visualiser-filter .visualiser-filter__content ul li .item-image {
                    flex-grow: 0;
                    -webkit-box-flex: 0;
                    -moz-box-flex: 0;
                    -webkit-flex-grow: 0;
                    -ms-flex: 0;
                    overflow: hidden;
                }

                    .visualiser-filter .visualiser-filter__content ul li .item-image > img {
                        width: 100%;
                    }


.visualiser-filter .visualiser-filter__content.project_content ul.condittion-list li{
    width: calc(100% /6);
}

.visualiser-filter .visualiser-filter__content ul.product-list li,
.visualiser-filter .visualiser-filter__content ul.condittion-list li{
    width: 20%;
    padding: 10px;
}

.visualiser-filter .visualiser-filter__content ul.selection-list li {
    pointer-events: none;
    width: 20%;
    padding-left: 25px;
    padding-right: 25px;
}

    .visualiser-filter .visualiser-filter__content ul.selection-list li.visualiser-filter__item .item-title {
        font-size: 14px;
        font-weight: 500;
    }

    .visualiser-filter .visualiser-filter__content ul.selection-list li.visualiser-filter__item .item-image {
        font-size: 16px;
        font-weight: 500;
        margin-top: 24px;
        margin-bottom: 10px;
        border-radius: 7px;
    }

    .visualiser-filter .visualiser-filter__content ul.selection-list li.visualiser-filter__item .item-desc {
        font-size: 14px;
        padding-top: 7px;
        margin-top: 0;
    }

                .visualiser-filter .visualiser-filter__content ul.condittion-list li .item-desc {
                    font-size: 16px;
                }

            .visualiser-filter .visualiser-filter__content ul.pigment-list li {
                width: 50%;
            }

            .project-planner .visualiser-filter .visualiser-filter__content ul.pigment-list li.finish-step {
                width: 33.33%;
            }

                .visualiser-filter .visualiser-filter__content ul.pigment-list li .item-desc {
                    padding: 0 0;
                    margin-top: 0;
                }

                .visualiser-filter .visualiser-filter__content ul.pigment-list li .visualiser-filter__item {
                    margin-top: 13px;
                }

.project-planner .condittion-list.timber .visualiser-filter__item {
    padding-left: 44px;
    padding-right: 44px;
}

.project-planner .condittion-list.timber .visualiser-filter__item .item-desc {
    margin-top: 7px;
}

.project-planner .condittion-list.timber .visualiser-filter__item .item-image,
.project-planner .condittion-list.timber-condition .visualiser-filter__item .item-image,
.project-planner .condittion-list.project-type-list .visualiser-filter__item .item-image  {
    border-radius: 7px;
    overflow: hidden;
}

.visualiser-filter .visualiser-filter__content ul.timber li.active .visualiser-filter__item .active-icon {
    display: none;
}

.project-planner .visualiser-filter .visualiser-filter__content ul.colour li .visualiser-filter__item {
    padding: 10px;
}

.project-planner .visualiser-filter .visualiser-filter__content ul.colour:not(.pigment-list) li.active .visualiser-filter__item {
    box-shadow: 0;
}

.project-planner .visualiser-filter .visualiser-filter__content ul.colour li .visualiser-filter__item .item-image {
    border-radius: 7px;
    overflow: hidden;
}

.project-planner .visualiser-filter .visualiser-filter__content ul.colour:not(.pigment-list) li.active .visualiser-filter__item .active-icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    font-size: 20px;
}

.project-planner .visualiser-filter .visualiser-filter__content ul.colour-list li {
    width: 12.5%;
    padding: 1px;
}

.project-planner .visualiser-filter .visualiser-filter__content ul.colour-list li .visualiser-filter__item {
    border: 2px solid transparent;
    padding: 16px;
}

.project-planner .visualiser-filter .visualiser-filter__content ul.colour-list li .visualiser-filter__item .item-image {
    border-radius: 7px;
    overflow: hidden;
}

.project-planner .visualiser-filter .visualiser-filter__content ul.product-list li {
    padding: 15px 10px;
}
.contact-form .visualiser-filter .visualiser-filter__title .visualiser-filter__title-text {
    font-size: 16px;
}

#div-project-planner-form .form select.form-control {
    font-size: 14px;
    line-height: 1.2;
}

#div-project-planner-form .form .form-horizontal .checkbox .control-label {
    padding-left: 22px;
}

#div-project-planner-form .form .form-horizontal .checkbox .umbracoForms-Indicator {
    display: none;
}
#div-project-planner-form .form .form-horizontal button.btn-primary {
    min-width: 33%;
}
#div-project-planner-form .form .form-horizontal .checkbox span {
    padding-left: 0;
}
#div-project-planner-form .form span.field-validation-error {
    color: #8a1f11;
    font-size: 14px;
}
#div-project-planner-form .form a {
    text-decoration: underline;
}

.visualiser-filter .visualiser-filter__title .visualiser-filter__title-desc, .visualiser-filter .visualiser-filter__title .visualiser-filter__title-text {
    padding-left: 60px;
}

.project-planner .visualiser-filter .visualiser-filter__title .visualiser-filter__title-desc, .project-planner .visualiser-filter .visualiser-filter__title .visualiser-filter__title-text {
    padding-left: 0;
}

.pigment-list .visualiser-filter__item .active-icon {
    top: 15px;
    right: 17px;
}

.visualiser-filter__item {
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    transition: all .25s;
}

    .visualiser-filter__item.visualiser-filter__item-colour {
        padding-top: 100%;
    }

    .visualiser-filter__item .active-icon {
        background-color: #000000;
        position: absolute;
        top: 5px;
        right: 6px;
        color: #FFFFFF;
        height: 12px;
        width: 12px;
        border-radius: 10px;
        display: none;
    }

        .visualiser-filter__item .active-icon .fa {
            position: absolute;
            top: -1px;
            left: 0;
        }

    .visualiser-filter__item .image-label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        color: #FFFFFF;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 10px;
        font-weight: 500;
        font-size: 12px;
    }

        .visualiser-filter__item .image-label .uncoated {
            width: 23%;
            display: inline-block;
            font-weight: 500;
        }

        .visualiser-filter__item .image-label .coated {
            width: 77%;
            display: inline-block;
        }

        .visualiser-filter__item .image-label .coated.coated__hidden-uncoated-label{
            width: 100%;
        }

.product-list .visualiser-filter__item {
    background-color: #f2f2f2;
    padding: 13px;
    height: 100%;    
}

.condittion-list .visualiser-filter__item {
    background-color: #fff;
    padding: 20px;
    height: 100%;
    border: 2px solid #dee2e6;
}

.visualiser-wrapper,
.visualiser-wrapper * {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.visualiser-wrapper {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .visualiser-wrapper .middle,
    .visualiser-wrapper .top {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        overflow: hidden;
    }

    .visualiser-wrapper .middle {
        background: rgba(63, 54, 96, 0.5);
    }

    .visualiser-wrapper .top {
        background: rgba(63, 54, 96, 0.5);
    }

        .visualiser-wrapper .middle img,
        .visualiser-wrapper .top img {
            max-width: none;
            height: 100%;
        }

    .visualiser-wrapper .bottom img {
        width: 100%;
    }

    .visualiser-wrapper .scroller {
        position: absolute;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        transition: opacity 0.12s ease-in-out;
        pointer-events: auto;
        cursor: pointer;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        background-color: #FFFFFF;
        color: #666666;
        width: 47px;
        height: 47px;
        border-radius: 50px;
        text-align: center;
        padding: 5px;
        text-transform: uppercase;
    }

.visualiser-wrapper .scroller:hover {
    opacity: 1;
}

        .visualiser-wrapper .scroller strong,
        .visualiser-wrapper .scroller span {
            display: block;
            line-height: 1;
            color: #000;
        }

        .visualiser-wrapper .scroller > strong {
            font-size: 21px;
            font-family: Roboto;
        }

        .visualiser-wrapper .scroller > span {
            font-family: Raleway;
            font-size: 10px;
            margin-top: 3px;
        }

    .visualiser-wrapper .scrolling {
        pointer-events: none;
        opacity: 1;
    }

.visualiser-note {
    font-size: 16px;
    color: #666666;
    margin-top: 5px;
}

.colour-wrapper .visualiser-note{
    font-size: 12px;
}

.line {
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
}

/**************************  PROJECT PLANNER  **************************/
.project-planner .colour-wrapper {
    padding-bottom: 30px;
}

.project-planner .visualiser-filter .visualiser-filter__content.pl-0 {
    padding-left: 0;
}

.project-planner .visualiser-filter .visualiser-filter__content ul:not(.pigment-list) li:hover .visualiser-filter__item,
.project-planner .visualiser-filter .visualiser-filter__content ul:not(.pigment-list) li.active .visualiser-filter__item {
    border-color: #616365;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);
    background: #f7f7f7;
    height: 100%;
}

.project-planner .visualiser-filter .visualiser-filter__title .visualiser-filter__title-desc {
    margin-bottom: 30px;
}

.project-planner .colour-wrapper:first-child .visualiser-filter .visualiser-filter__content ul li .item-desc {
    margin-top: 0;
    line-height: 23px;
}

    .project-planner .colour-wrapper:first-child .visualiser-filter .visualiser-filter__content ul li .item-desc > strong {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .project-planner .colour-wrapper .visualiser-filter .visualiser-filter__content ul li .item-desc > strong {
        font-size: 16px;
    }

        .project-planner .colour-wrapper .visualiser-filter .visualiser-filter__content ul li .item-desc .header-title {
            font-size: 14px;
        }

.project-planner .visualiser-wrapper .scroller:before,
.project-planner .visualiser-wrapper .scroller:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    top: 16px;
}

.project-planner .visualiser-wrapper .scroller:before {
    border-width: 7.5px 7.5px 7.5px 0;
    border-color: transparent #fff transparent transparent;
    left: -10px;
}

.project-planner .visualiser-wrapper .scroller:after {
    border-width: 7.5px 0 7.5px 7.5px;
    border-color: transparent transparent transparent #fff;
    right: -10px;
}

.project-planner .productdetails-downloads__item {
    background-image: url(/images/icon-pdf-white.png);
    background-size: auto 31px;
}

.project-planner .button-container {
    margin: 10px auto;
    text-align: center;
}

.project-planner .colour-wrapper.align-items-center .visualiser-filter .visualiser-filter__content ul {
    display: flex;
    align-items: stretch;
}

.project-planner .visualiser-filter .visualiser-filter__content ul.varnish-list li .visualiser-filter__item {
    height: 100%;
}

.project-planner .button-container .confirm-button,
.project-planner .button-container .reset-button {
    display: inline-block;
}

.project-planner .button-container .reset-button {
    margin-right: 25px;
}

.project-planner .button-container .confirm-button {
    min-width: 420px;
    background-color: #1c0e52;
    color: #fff;
}

.project-planner .button-container .confirm-button.confirmed {
    background-color: #DEE2E6;
    color: #666;
    border-color: transparent;
}

.project-planner .button-container .confirm-button .confirmed {
    border: none;
    background-color: #DEE2E6;
    color: #666;
}

.project-planner .colour-slider .visualiser-filter .visualiser-filter__title .visualiser-filter__title-desc {
    margin-bottom: 8px;
}

.project-planner .colour-slider .visualiser-filter__title {
    margin-bottom: 23px;
}

.project-planner .visualiser-filter .visualiser-filter__title .visualiser-filter__title-text {
    font-size: 16px;
    padding: 13px 13px 13px 0;
}

.project-planner .product-list .visualiser-filter__item {
    background-color: #fff;
    border: 2px solid #dee2e6;
    transition: all .25s;
}

.project-planner .visualiser-filter .visualiser-filter__title .visualiser-filter__title-icon {
    display: none;
}

.project-planner .visualiser-filter .visualiser-filter__content ul.product-list li .visualiser-filter__item {
    padding: 30px 10px 10px;
    overflow: visible;
}

.project-planner .visualiser-filter .visualiser-filter__content ul {
    margin-left: -10px;
    margin-right: -10px;
}

.project-planner .visualiser-filter .visualiser-filter__title .visualiser-filter__title-desc {
    padding-left: 0;
}

.project-planner .visualiser-filter .visualiser-filter__title .visualiser-filter__title-icon {
    display: none;
}

.project-planner .confirm-button.confirmed .checked-icon {
    display: inline-block;
}

.project-planner .select-color,
.project-planner .progress-group__title,
.project-planner .progress-title {
    color: #020F50;
}

.project-planner .colour-wrapper {
    background-color: #f6f6f6;
}

.project-planner .colour-wrapper.odd-row,
.project-planner .colour-wrapper.confirm-section {
    background-color: #fff;
}

.confirm-button.confirmed .checked-icon {
    display: none;
}

.form .form-group {
    display: flex;
    align-items: center;
}

.form label {
    font-size: 16px;
    font-weight: 500;
    min-width: 40%;
    padding-right: 30px;
    margin-bottom: 0;
}

.form .form-group.required label:after {
    content: "*";
    color: #ff4141;
    display: inline-block;
    margin-left: 3px;
}

.form input,
.form select {
    border: 0;
    padding: 10px 15px;
    background-color: #EFF2F3;
    flex-grow: 2;
    width: 100%;
}

.form .form-horizontal .control-label {
    text-align: left;
    min-width: 35%;
    padding-right: 20px;
}

.form .form-horizontal .control-label .umbracoForms-Indicator {
    color: #8a1f11;
}

.form .form-group.checkbox {
    align-content: center;
}

.form .form-group.capcha label {
    display: none;
}

.form .form-group.capcha .g-recaptcha {
    margin-top: 30px;
}

.form .umbraco-forms-fieldset {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.form .umbraco-forms-navigation {
    background-color: #DEE2E6;
    overflow: hidden;
    padding-top: 92px;
    padding-bottom: 92px;
    margin-top: 60px;
}

.contact-form .visualiser-filter__content {
    padding-left: 0;
}

.form .umbraco-forms-navigation .col-sm-offset-2 {
    margin-left: 0;
    text-align: center;
    width: 100%;
}

.form .umbraco-forms-navigation .btn-primary {
    max-width: 421px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 5px;
    background-color: transparent;
    border: 2px solid #fff;
    color: #666;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    transition: all .25s;
}

.form .umbraco-forms-navigation .btn-primary:hover {
    background-color: #1C0E52;
    border-color: #1C0E52;
    color: #fff;
}

.form .form-horizontal .checkbox .control-label {
    font-size: 14px;
    font-weight: 300;
    order: 2;
    min-width: fit-content;
    padding-left: 0;
    padding-top: 0;
}

form .checkbox input[type="checkbox"] {
    width: auto;
    margin-left: 0;
}

.form .checkbox .col-sm-10.umbraco-forms-field-wrapper {
    width: auto;
}

.form select {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #DEE2E6;
    position: relative;
    background: url(/images/select-arrow.png) 97% center no-repeat;
    background-size: 15px;
    opacity: .7;
}

.form .checkbox label {
    font-size: 14px;
    font-weight: 300;
}

.form .checkbox span {
    padding-left: 22px;
    display: inline-block;
}

.form .btn-submit {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #666;
    background-color: #dee2e6;
    border-radius: 5px;
    padding: 17px 20px;
    min-width: 421px;
    margin-top: 60px;
}

.form .btn-submit:hover {
    background-color: #1C0E52;
    color: #fff;
}

.form .button-group {
    text-align: center;
    margin-top: 64px;
}

.form-generate-plan .button-group {
    background: #DEE2E6;
}

.form-generate-plan .btn-generate {
    border: 2px solid #fff;
    margin-bottom: 92px;
    margin-top: 92px;
}

@media (max-width: 767px) {
    .form .umbraco-forms-field-wrapper {
        width: 100%;
    }

    .form .form-group.checkbox {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .form .form-horizontal .checkbox .control-label {
        margin-bottom: 0;
        line-height: 18px;
    }

    .form .checkbox input[type="checkbox"] {
        margin-top: 0;
    }
}
.umbraco-forms-container .custom-checkbox-project-planner {
    display: flex;
}

.umbraco-forms-container .checkbox {
    flex-direction: column;
    align-items: flex-start;
}

#div-project-planner-form .form .form-horizontal .checkbox .field-validation-error {
    padding-left: 13px;
}

/**************************  NEW HOME PAGE  **************************/
.home #wrapper {
    background-color: #F0F0F0;
}

.home-project__container {
    background-color: #F0F0F0;
    padding: 85px 0 80px;
}

    .home-project__container > .col-md-offset-1 > .row {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

.home-project__item {
    padding: 0 26px;
    margin: 13px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

    .home-project__item .home-project__img {
        max-height: 320px;
        overflow: hidden;
        flex-grow: 0;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex: 0;
    }

        .home-project__item .home-project__img img {
            width: 100%;
        }

    .home-project__item .home-project__desc {
        text-align: center;
        background: #FFFFFF;
        box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);
        padding: 45px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-grow: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex: 1;
        flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }

        .home-project__item .home-project__desc .btn-wrapper {
            flex-grow: 0;
            -webkit-box-flex: 0;
            -moz-box-flex: 0;
            -webkit-flex-grow: 0;
            -ms-flex: 0;
            margin: 16px 0 10px;
        }

        .home-project__item .home-project__desc p {
            flex-grow: 1;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex: 1;
        }

.home-visualiser__desc h2,
.home-faq__carousel h2 {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 30px;
}

.home-project__item .home-project__desc p,
.home-visualiser__desc p,
.home-visualiser__desc ul,
.home-faq__item p {
    font-size: 19px;
    letter-spacing: 0;
    line-height: 1.8;
}

.home-project__item .home-project__desc h2,
.home-visualiser__desc-sm h2 {
    font-size: 28px;
    margin-bottom: 16px;
    line-height: 1.1;
    margin-top: 0;
    font-weight: 500;
}

.home-project__item .home-project__desc h3,
.home-visualiser__desc h3 {
    font-size: 28px;
    margin-bottom: 16px;
}

.home-project__item .home-project__desc a.btn-outline {
    min-width: 332px;
    padding: 16px;
    font-size: 17px;
}

.home-visualiser__desc .btn-outline,
.home-faq__carousel .btn-outline {
    min-width: 300px;
    padding: 16px;
}

.home-visualiser__container {
    background-color: #FFFFFF;
    padding: 80px 0;
}

.home-visualiser__item {
    display: table;
}

    .home-visualiser__item .home-visualiser__img,
    .home-visualiser__item .home-visualiser__desc {
        display: inline-block;
    }

        .home-visualiser__item .home-visualiser__img img {
            width: 100%;
        }

ul.description-list {
    list-style: none;
    margin: 45px 0 60px;
}

    ul.description-list li {
        padding: 13px 0;
        line-height: 24px;
        position: relative;
        padding-left: 48px;
    }

        ul.description-list li .fa {
            margin-right: 10px;
            color: #99B800;
            font-size: 18px;
            position: absolute;
            left: 0;
        }

.home-faq__container {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.home-faq__carousel {
    padding: 70px 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: center;
}

    .home-faq__carousel .owl-carousel .owl-dots .owl-dot {
        display: none;
    }

        .home-faq__carousel .owl-carousel .owl-dots .owl-dot span {
            width: 16px;
            height: 16px;
            margin: 8px;
            background: #BDBDBD;
            display: inline-block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px;
        }

        .home-faq__carousel .owl-carousel .owl-dots .owl-dot.active span,
        .home-faq__carousel .owl-carousel .owl-dots .owl-dot:hover span {
            background-color: #ffffff;
        }

    .home-faq__carousel .btn-outline {
        margin-top: 45px;
    }

    .home-faq__carousel h2 {
        margin-bottom: 55px;
    }

    .home-faq__carousel h2,
    .home-faq__carousel .home-faq__item p {
        color: #FFFFFF;
    }

    .home-faq__carousel .home-faq__item {
        color: #FFFFFF;
        padding: 0 190px;
    }

        .home-faq__carousel .home-faq__item strong {
            margin-bottom: 25px;
            display: inline-block;
        }

    .home-faq__carousel .owl-carousel .owl-controls .owl-nav .owl-prev,
    .home-faq__carousel .owl-carousel .owl-controls .owl-nav .owl-next {
        top: 50%;
        transform: translateY(-50%);
    }
 
/**************************  PROJECT ADVICE  **************************/

.new-content-wrapper .page-title {
    margin: 23px 0;
}

.how-to-detail-container {
    padding: 30px 0;
}

    .how-to-detail-container .page-title {
        margin-top: 0;
        display: inline-block;
    }

.nav.nav-tabs.project-advice-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    border-bottom: 0.7px solid #D9D9D9;
}

    .nav.nav-tabs.project-advice-tabs > li {
        padding: 0 55px;
    }

        .nav.nav-tabs.project-advice-tabs > li > a {
            padding: 23px 0;
        }

        .nav.nav-tabs.project-advice-tabs > li.active > a,
        .nav.nav-tabs.project-advice-tabs > li.active:hover > a,
        .nav.nav-tabs.project-advice-tabs > li:hover > a {
            border-bottom: 3px solid #99B800;
            padding: 23px 0;
            height: 100%;
        }

    .nav.nav-tabs.project-advice-tabs .nav-tab-header {
        font-family: 'UtilitySCOffc', 'UtilityOffc', 'Raleway', sans-serif;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.15px;
        text-transform: capitalize;
        color: #666666;
        margin: 0;
    }

.project-advice-tab-content {
    padding: 93px 0;
}

    .project-advice-tab-content .tab-content-title {
        font-family: 'UtilitySCOffc', 'UtilityOffc', 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 0.15px;
        text-transform: uppercase;
        color: #666666;
        margin-bottom: 45px;
        margin-left: 8px;
        margin-top: 10px;
    }

.article-list .article-item {
    position: relative;
    margin-bottom: 45px;
}

    .article-list .article-item .article-thumbnail {
        width: 100%;
        padding-top: 117.31%;
        padding-top: -webkit-calc((420/358) * 100%);
        padding-top: -webkit-calc((420/358) * 100%);
        padding-top: expression((420/358) * 100%);
        padding-top: -moz-calc((420/358) * 100%);
        padding-top: -o-calc((420/358) * 100%);
        padding-top: calc((420/358) * 100%);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: rgba(97, 99, 101, 0.8);
    }

    .article-list .article-item .article-desc {
        position: absolute;
        min-height: 82px;
        left: 13px;
        right: 13px;
        bottom: 0;
        background-color: #616365;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .article-list .article-item .article-desc .article-block {
            width: 100%;
            position: relative;
        }

        .article-list .article-item .article-desc .article-desc-text {
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            color: #FFFFFF;
            padding: 20px;
            width: 80%;
            height: 62px;
            overflow: hidden;
        }

        .article-list .article-item .article-desc .article-desc-icon {
            background-color: rgba(0, 0, 0, 0.25);
            color: #7E7F81;
            padding: 24px 0;
            text-align: center;
            min-width: 80px;
            position: absolute;
            right: 0;
            top: 0px;
        }

.page-sub-title {
    font-size: 12px;
    line-height: 22px;
    text-align: right;
    color: #201547;
    letter-spacing: initial;
    margin-bottom: 23px;
}

.article-content iframe {
    margin: 40px 0;
}

.article-content img {
    max-width: 100%;
}

.article-content iframe {
    width: 100%;
}

.article-content .related-products {
    margin-top: 100px;
    border-top: 0.7px solid #D9D9D9;
}

    .article-content .related-products .products {
        justify-content: center;
    }

    .article-content .related-products .product {
        width: 25%;
    }

        .article-content .related-products .product .product-list__image {
            margin: 0;
        }

        .article-content .related-products .product .product-list__image {
            margin: 0;
        }

.product-list__image {
    width: 100%;
    height: auto;
}

.recommended-item-thumbnail img {
    width: 100%;
    height: auto;
}

.contact-icon-24 {
    background-image: url(/images/import_contacts_24px.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.play-icon-24 {
    background-image: url(/images/play_arrow_24px.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.mt-30 {
    margin-top: 30px;
}

.mt-15 {
    margin-top: 15px;
}
/**************************  ULTRADECK LANDING PAGE  **************************/
.flex-column-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    justify-content: flex-start;
}

.flex-row-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .flex-column-box .flex-grow-1,
    .flex-row-box .flex-grow-1 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex: 1;
        flex-grow: 1;
    }

    .flex-column-box .flex-grow-0,
    .flex-row-box .flex-grow-0 {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex: 0;
        flex-grow: 0;
    }

.ultradeck #wrapper {
    background-color: transparent;
}

.ultradeck #bodyContent {
    padding-top: 420px;
    padding-bottom: 0;
}

.ultradeck .jumbotron {
    height: 530px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

    .ultradeck .jumbotron .hero-caption {
        top: 660px;
    }

.ultradeck .new-content-wrapper .page-title h1 {
    font-weight: 500;
    margin: 0;
    font-size: 40px;
}

.ultradeck .new-content-wrapper .page-title h2 {
    font-size: 40px;
    line-height: 1.2;
    margin: 0;
}

.ultradeck .inner-wrapper.new-content-wrapper {
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

.ultradeck .description-list {
    margin: 30px;
    margin-right: 0;
    font-size: 22px;
}

.ultradeck ul.description-list li {
    padding: 8px 0;
    font-size: 18px;
    padding-left: 30px;
}

.ultradeck .ultradeck-product-list {
    text-align: center;
}

.ultradeck .content-wrapper .btn-outline {
    min-width: 420px;
}

.ultradeck .btn-wrapper {
    margin-top: 70px;
}

.ultradeck .content-box {
    padding: 50px 26px;
    font-size: 19px;
    line-height: 34px;
    color: #020F50;
    background-color: white;
}

    .ultradeck .content-box.gray-box {
        background-color: #F0F0F0;
    }

    .ultradeck .content-box.dark-gray-box {
        background-color: #616365;
    }

.ultradeck .p-0 {
    padding: 0 !important;
}

.ultradeck .content-box.dark-gray-box * {
    color: inherit;
}

.ultradeck .content-box .box-title {
    font-weight: 500;
    font-size: 40px;
    margin-bottom: 59px;
    margin-top: 0;
}

.ultradeck .content-box.dark-gray-box {
    color: white;
    background-position: top right;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.ultradeck .content-box.box-3 > div:first-child {
    padding: 90px 39px 39px;
    background-color: inherit;
}

    .ultradeck .content-box.box-3 > div:first-child > img {
        margin-top: 45px;
    }

.ultradeck .content-box.box-4 > div:first-child {
    padding: 50px 39px 40px;
}

.ultradeck .competitor-table-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 55px 90px;
    margin-bottom: 50px;
}

.competitor-table,
.competitor-table .competitor-text-wrapper,
.competitor-table .competitor-border-wrapper,
.competitor-table .competitor-table-header,
.competitor-table .competitor-table-body,
.competitor-table .competitor-table-body > div,
.competitor-table .competitor-timber-wrapper,
.competitor-table .competitor-text-wrapper .competitor-text-origin,
.competitor-table .competitor-text-wrapper .competitor-text-after {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .competitor-table,
    .competitor-table .competitor-border-wrapper,
    .competitor-table .competitor-text-wrapper {
        flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        justify-content: flex-start;
    }

        .competitor-table .competitor-text-wrapper .competitor-text-after,
        .competitor-table .competitor-table-header h3 {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex: 1;
            flex-grow: 1;
        }

        .competitor-table .competitor-text-wrapper .competitor-text-origin,
        .competitor-table .competitor-text-wrapper .competitor-text-after,
        .competitor-table .competitor-table-header {
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .competitor-table .competitor-text-wrapper {
            font-size: 15px;
            font-weight: 500;
        }

            .competitor-table .competitor-text-wrapper .competitor-text-origin,
            .competitor-table .competitor-text-wrapper .competitor-text-after {
                padding: 10px 0;
                line-height: 1.5;
            }

        .competitor-table .competitor-border-wrapper {
            width: 36px;
            margin-left: 10px;
        }

            .competitor-table .competitor-border-wrapper .competitor-border-origin,
            .competitor-table .competitor-border-wrapper .competitor-border-after {
                border-color: #000000;
                border-style: solid;
                border-width: 3px;
                border-right-width: 0;
                border-top-width: 0;
            }

            .competitor-table .competitor-border-wrapper > div:first-child {
                border-top-width: 3px;
            }

        .competitor-table .competitor-table-header {
            font-size: 32px;
            text-align: center;
        }

            .competitor-table .competitor-table-header h3 {
                font-size: inherit;
                margin: 0;
                color: inherit;
                font-weight: 500;
            }

        .competitor-table .competitor-timber-wrapper {
            width: 100%;
            -webkit-box-align: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
        }

        .competitor-table img {
            width: 10%;
            border-right: 3px solid transparent;
        }

        .competitor-table .competitor-table-body {
            margin-top: 10px;
        }

.competitor-table-body > div:first-child {
    padding-right: 0;
}

.competitor-text-origin,
.competitor-border-origin {
    height: 20%;
}

competitor-text-after,
.competitor-border-after {
    height: 80%;
}

.ultradeck .guarantee-image-wrapper > img {
    width: 200px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -80%);
    -webkit-transform: translate(-50%, -80%);
    -moz-transform: translate(-50%, -80%);
    -ms-transform: translate(-50%, -80%);
    -o-transform: translate(-50%, -80%);
    max-width: 50%;
}

.ultradeck .guarantee-image-wrapper .box-title {
    margin-top: 18px;
    margin-bottom: 40px;
}

.ultradeck .guarantee-description > p {
    margin-bottom: 33px;
}

.ultradeck .guarantee-description a {
    text-decoration: underline;
}

.ultradeck ul.guarantee-type-note {
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .ultradeck ul.guarantee-type-note > li {
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        letter-spacing: 0.0125em;
        color: #1A1A4E;
        width: 25%;
        padding: 13px;
    }

.ultradeck .recommended-item {
    text-align: center;
}

    .ultradeck .recommended-item .recommended-item-thumbnail {
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: left bottom;
        width: 100%;
        padding-top: 44.04%;
        padding-top: -webkit-calc((185/420) * 100%);
        padding-top: expression((185/420) * 100%);
        padding-top: -moz-calc((185/420) * 100%);
        padding-top: -o-calc((185/420) * 100%);
        padding-top: calc((185/420) * 100%);
        border-radius: 5px;
        height: 0;
        position: relative;
        display: inline-block;
    }

        .ultradeck .recommended-item .recommended-item-thumbnail .recommended-item-title {
            background: #020F50;
            border-radius: 0 0 5px 5px;
            min-height: 55px;
            padding: 18px;
            font-weight: 500;
            font-size: 16px;
            line-height: 21px;
            color: #FFFFFF;
            position: absolute;
            bottom: -55px;
            left: 0;
            right: 0;
            z-index: 2;
        }

    .ultradeck .recommended-item .recommended-item-desc {
        padding: 13px;
        margin-top: 40px;
        font-size: 12px;
    }

.ultradeck .recommended-item-thumbnail > img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.wrapper-recmmended-product .ultradeck .umb-grid {
    margin: 0;
}

.banner-larger-height {
    height: 421px !important;
}

.text-description-product-item {
    max-width: 95%;
    padding-left: 15px;
}

.text-name-product-item {
    font-weight: bold;
}

.container-product-group {
    margin-left: 54px;
    width: 117%;
}

.img-product-item {
    max-height: 200px !important;
    height: 200px !important;
}

.product-list .visualiser-filter__item .recommended-item {
    background-color: #1C0E52;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 10px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    position: absolute;
    top: -20px;
    left: -2px;
    right: -2px;
}

@media all and (min-width: 360px) and (max-width: 414px) {
    .container-product-group {
        margin-left: -12px;
    }

    .text-description-product-item {
        padding-left: 0px;
    }

    .banner-larger-height {
        background-size: 486px !important;
    }
}

@media all and (min-width: 640px) and (max-width: 640px) {
    .container-product-group {
        margin-left: -17px;
    }
}

@media all and (min-width: 667px) and (max-width: 736px) {
    .container-product-group {
        margin-left: -37px;
    }

    .banner-larger-height {
        background-position-y: top !important;
    }
}

@media all and (min-width: 768px) and (max-width: 812px) {
    .container-product-group {
        margin-left: -35px;
    }
}

.ultradeck .footer-product-container {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/**************************  ultradeck-northern-protection-done-right  **************************/

.landing #bodyContent {
    padding: 0 0 40px 0;
}

.landing-hero-image {
    padding-top: 40px;
    padding-bottom: 40px
}

.landing-img-desktop {
    display: block;
    width: 80%;
    margin: auto;
}

.landing-img-mobile {
    display: none;
}

.landing-btn-outline {
    min-width: 420px;
}

.landing-btn-outline {
    background-color: #FFFFFF;
    border: 2px solid #020F50;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #020F50;
    text-transform: uppercase;
    padding: 13px;
    display: inline-block;
    font-weight: 500;
    cursor: pointer;
}

    .landing-btn-outline:visited {
        text-decoration: none;
        color: inherit;
    }

    .landing-btn-outline:hover {
        background-color: #1C0E52;
        color: #FFFFFF;
        outline: none;
        text-decoration: none;
    }

.landing-content-box-text {
    background-color: #f5f5f5;
}

    .landing-content-box-text .landing-box-color-gray {
        color: #616365;
        font-size: 30px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        padding-top: 10px;
    }

    .landing-content-box-text .landing-box-color {
        color: #201547;
        font-size: 35px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
    }

.landing-map {
    width: 50%;
    margin: auto;
}

.landing-list-img img {
    max-width: 314px;
    width: 100%;
    height: 685px;
}

@media only screen and (min-width: 1616px) {
    .landing .hero-image .jumbotron {
        height: 100vh;
    }

    .landing #bodyContent {
        padding-top: 785px !important;
    }

    #bodyContent.shrink-height {
        padding-top: 14px;
    }

        #bodyContent.shrink-height .colour-wrapper:first-child {
            padding-top: 0px;
        }

        #bodyContent.shrink-height .colour-wrapper .colour-message {
            padding-top: 40px;
        }

        #bodyContent.shrink-height ul.description-list {
            margin: 0px 0px 7px;
        }

        #bodyContent.shrink-height .colour-wrapper .visualiser-filter {
            padding: 28px 2px 10px 2px;
        }

        #bodyContent.shrink-height h1 {
            margin: 8px 0px 3px;
        }

        #bodyContent.shrink-height .umb-grid {
            margin: 5px 0px 5px;
        }

        #bodyContent.shrink-height .visualiser-filter .visualiser-filter__content ul {
            margin-top: -15px;
        }

        #bodyContent.shrink-height .visualiser-filter .visualiser-filter__title .visualiser-filter__title-icon {
            font-size: 24px;
            line-height: 40px;
            width: 40px;
            height: 40px;
        }

        #bodyContent.shrink-height .home-visualiser__desc {
            padding-left: 72px;
        }
}

/*****************  view project planner details page  **********************/

.view-planner-wrapper{
    font-size:16px;
}

.view-planner-wrapper .visualiser-filter__title .visualiser-filter__title-text{
    font-size: 16px;
}

.view-planner-wrapper .form .umbraco-forms-navigation button[name=submitbtn]{
    background-color: #1c0e52;
    border-color: #1c0e52;
    color: #fff;
}

.view-planner-wrapper .umbraco-forms-page.form-horizontal.project-planner-form .form .umbraco-forms-navigation{
    background-color: transparent;
}

.intro-container {
    margin-bottom: 20px;
}

    .intro-container .title {
        text-align: left;
    }

    .intro-container .description {
        font-size:14px;
    }

.share-container {
    font-size: 14px;
    display: block;
    background-color: #1C0E52;
    color: white;
    padding: 14px 43px 16px 38px;
}

    .share-container .share-title {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 10px;
    }

    .share-container .share-buttons-container {        
        margin: 0 auto;        
    }

    .share-container .popover-content {
        color: #666;
    }


.share-buttons-container ul#icon-list {
    display: flex;
    width: 100%;
    list-style: none;
    margin: 0;
    list-style-position: inside;
}

    .share-buttons-container ul#icon-list li {
        width: 100%;
        padding: 15px 15px 0 0;
        text-align: center;
        white-space: nowrap;
    }

        .share-buttons-container ul#icon-list li:last-child {
            padding-right: 0;
        }

        .share-buttons-container ul#icon-list li i {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            height: 60%;
            font-size: 32px;
        }

        .share-buttons-container ul#icon-list li span {
            display: block;
            padding-top: 5px;
        }

.gray-background-title {
    background-color: #ADAFAF;
    color: white;
    padding: 10px;
    padding-top: 14px;
    font-weight: 500;
}

.recommended-container .recommended-content {
    padding: 40px;
    color: #666666;
}


    .recommended-container .recommended-content .recommended-list ul {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        text-align:center;
    }

    .recommended-container .recommended-content .recommended-list li {
        width: 50%;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .recommended-container .recommended-content ul {
        margin: 0;
        padding: 0;
        list-style-position: inside;
    }

.application-container{
    font-size: 16px;
}

.application-title {
    padding-bottom: 15px;
}

.application-container p{
    color: #666;
}

.application-container .tab ul.nav li a{
    font-size: 16px;
}

.application-container .tab-note{
    font-size: 14px;
}

.application-guide-caution__container{
    font-size: 14px;
}

.application-guide-caution__container ul {    
    margin-left: 0;
}

.application-container .stage .guide-ol{
    font-size: 14px;
}

.prefill-form__container {
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 40px;
    border-right: 1px solid #dee2e6;
    display: flex;
}

    .prefill-form__container .prefill-form__label {
        padding-left: 0;
    }

    .prefill-form__container .prefill-form__data {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.email-share-container .umbraco-forms-container {
    padding-left: 0;
}

.email-share-container {
    color: #666666;
}

    .email-share-container .title-container {
        padding-bottom: 50px;
        font-size: 16px;
    }

    .email-share-container .share-container {
        background-color: white;
        color: #666666;
        padding: 14px 0 0 14px;
    }

    .email-share-container .row .email-container {
        padding: 14px 0 0 14px;
    }

        .email-share-container .row .email-container .form .form-horizontal .checkbox .control-label {
            text-align: left;
            padding-right: 4px;
            font-size: 14px;            
        }

        .email-share-container .row .email-container .form .checkbox label{
            padding-left: 15px;
        }

        .email-share-container .row .email-container .form .form-horizontal .control-label {
            vertical-align: middle;
            padding-right: 18px;
        }            

            .email-share-container .email-container .form .form-horizontal {
                padding-right: 10px;
                border-right: 1px solid #DEE2E6;
            }
            .email-share-container .email-container .form-horizontal .umbraco-forms-navigation{
                margin-top: 20px !important
            }

.email-share-container .email-container .checkbox-container {
    padding: 30px 0;
}

    .email-share-container .email-container button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 30%;
    }

    .email-share-container .email-container .form-horizontal .umbraco-forms-navigation.row-fluid {
        background-color: white;
        padding-top: 0
    }

    .email-share-container .email-container .checkbox-label {
        font-weight: 300;
    }

    .email-share-container .email-container input {
        font-size: 14px;
    }

    .email-share-container .share-container .share-buttons-container ul#icon-list {
        width: 50%;
    }

    .email-share-container .email-container fieldset {
        margin-left: 0 !important;
    }

    .email-share-container .email-container .result-message {
        font-size: 16px !important;
    }


.pl-0 {
    padding-left: 0 !important;
}

.mt-10 {
    margin-top: 10px !important;
}

@media only screen and (max-width: 992px ){
    .email-share-container .email-container .form .form-horizontal,
    .prefill-form__container {
        border-right: none;
    }

}

@media only screen and (max-width: 1024px) {
    .intro-container .share-container {
        padding: 1.5rem;
        margin-top: 20px;
    }
        .share-container .share-buttons-container {            
            display:flex;
            justify-content:center;
        }

    .share-buttons-container ul#icon-list {
        justify-content: center;
    }

        .share-buttons-container ul#icon-list li {
            width: auto;
        }

            .share-buttons-container ul#icon-list li i {
                font-size: 3rem;
            }

            .share-buttons-container ul#icon-list li span {
                font-size: 1.05rem;
            }

    .visualiser-filter .visualiser-filter__content ul.selection-list li {
        width: 33.3%;
    }

    .recommended-container .recommended-content .recommended-item-thumbnail img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .recommended-content .other-recommended-container {
        margin-top: 20px;
    }

    .email-share-container .share-container .share-buttons-container ul#icon-list li {
        padding: 0 20px;
    }

        .email-share-container .share-container .share-buttons-container ul#icon-list li i {
            font-size: 4rem;
        }

}

@media only screen and (max-width: 767px) {
    .visualiser-filter .visualiser-filter__content ul.selection-list li {
        width: 50%;
        font-size: 12px;
        line-height: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .visualiser-filter .visualiser-filter__content ul.selection-list li .visualiser-filter__item {
            height: 100%;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
        }

            .visualiser-filter .visualiser-filter__content ul.selection-list li .visualiser-filter__item .item-image {
                padding-bottom: 7px;
            }

                .visualiser-filter .visualiser-filter__content ul.selection-list li .visualiser-filter__item .item-image img {
                    border-radius: 7px;
                }

    .email-share-container .email-container .form-horizontal {
        border-right: none;
    }

    #div-project-planner-form .form .btn-primary {
        border: 2px solid #020F50;
    }
}

@media only screen and (min-width: 1024px) {
    .share-buttons-container ul#icon-list li {
        flex-grow: 1;
    }
}

@media only screen and (min-width:1025px) and (max-width:1100px) {
    .intro-container .share-container
    {
        padding: 1.5rem;
        margin-top: 20px;
    }

    .share-buttons-container ul#icon-list {
        justify-content: center;
    }

        .share-buttons-container ul#icon-list li {
            width: auto;
        }

            .share-buttons-container ul#icon-list li i {
                font-size: 3rem;
            }

            .share-buttons-container ul#icon-list li span {
                font-size: 1.05rem;
            }
}

@media only screen and (min-width: 767px) and (max-width:991px) {
    .visualiser-filter .visualiser-filter__content ul li .item-image > img {
        border-radius:7px;
    }
}

/*****************  End of view project plan page  **********************/

/**************************  ipad pro  **************************/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .landing .hero-image .jumbotron {
        /*        background-position-y: 0px;*/
        background-image: url(./assert/images/IGR622_DoneRightQLD_WebBanner_edit.png);
    }

    .landing #bodyContent {
        padding-top: 445px !important;
    }

    .landing-list-img img {
        max-width: 204px;
        height: 500px;
    }
}

@media only screen and (max-width: 1024px) {
    .landing-map {
        width: 80%;
    }

    .project-planner .condittion-list.timber .visualiser-filter__item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .project-planner .visualiser-filter .visualiser-filter__content ul.colour li .visualiser-filter__item {
        padding: 3px;
    }

    .visualiser-filter .visualiser-filter__content ul.varnish-list li .visualiser-filter__item {
        padding: 15px;
    }

    .visualiser-filter .visualiser-filter__content ul.varnish-list li {
        width: 33.3333%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .project-planner .button-container {
        text-align: center;
    }

    .project-planner .button-container .confirm-button {
        min-width: auto;
    }

    .progress-group {
        left: 1% !important;
    }

}

@media only screen and (max-width: 768px) {
    .landing-img-desktop {
        display: none;
    }

    .landing-img-mobile {
        display: block;
        width: 90%;
    }

    .landing-hero-image {
        padding-top: 0px;
    }

    .landing-btn-outline {
        min-width: 0;
    }

    .landing-list-img img {
        max-width: 253px;
        height: 500px;
    }
}

@media only screen and (max-width: 767px) {
    .landing .hero-image .jumbotron {
        background-position: bottom;
    }

    .landing-btn-outline {
        min-width: 90% !important;
    }

    .project-planner .visualiser-filter .visualiser-filter__content ul.colour-list li .visualiser-filter__item,
    .visualiser-filter .visualiser-filter__content ul.varnish-list li .visualiser-filter__item {
        padding: 5px;
    }

    .project-planner .button-container .reset-button {
        width: 100%;
        margin-bottom: 15px;
    }

    .project-planner .button-container .confirm-button {
        width: 100%;
    }
    .form .umbraco-forms-navigation {
        padding-top: inherit;
        padding-bottom: inherit;
        background-color: #FFF;
    }
    .form .umbraco-forms-navigation a {
        width: 100%;
    }
    .form .form-group {
        flex-wrap: wrap;
    }

    .form label {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .form .btn-submit {
        min-width: initial;
        width: 100%;
    }

    .progress {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    .landing-list-img img {
        max-width: 147px;
        height: 275px;
    }

    .landing-content-box-text .landing-box-color-gray {
        font-size: 20px;
    }

    .landing-content-box-text .landing-box-color {
        font-size: 22px;
    }
}

@media only screen and (max-width: 414px) {
    .landing-list-img img {
        max-width: 135px;
    }

    .landing-box-color-gray {
        margin: 0;
    }
}

@media only screen and (max-width: 411px) {
    .landing-list-img img {
        max-width: 134px;
    }
}

@media only screen and (max-width: 375px) {
    .landing-list-img img {
        max-width: 122px;
    }
}

@media only screen and (max-width: 360px) {
    .landing-list-img img {
        max-width: 117px;
    }
}

@media only screen and (max-width: 320px) {
    .landing-list-img img {
        max-width: 104px;
        height: 200px;
    }
}

@media only screen and (max-width: 280px) {
    .landing-list-img img {
        max-width: 90px;
    }

    .landing-content-box-text .landing-box-color-gray {
        font-size: 16px;
    }

    .landing-content-box-text .landing-box-color {
        font-size: 18px;
    }
}

.preparation-restoring {
    float: left;
    object-fit: cover;
    width: 50%;
}

.preparation-restoring-full-width {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .preparation-restoring {
        width: 100%;
    }
}

/**************************  FREE TRIAL PAGE  **************************/
.free-trial-page {
    font-size: 14px;
}
.free-trial-page h1 {
    color: #020F50;
}
.free-trial-page #wrapper {
	  background-color: #FFFFFF;
}

.free-trial-page #bodyContent {
    color: #666666;
}

.free-trial-page .center-image-wrapper{
  text-align: center;
}

.free-trial-page .center-image-wrapper img {
  max-width: 32rem;
}

.free-trial-page .umbraco-forms-submitmessage {
    background: #EFF2F3;
    color: #666666;
    display: block;
    margin: 30px 0;
    padding: 30px 0;
    text-align: center;
}

.txt-medium-size strong {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1.25px;
}

.custom-page .jumbotron {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 165px;
    position: static;
}

.custom-page .top-content-section {
    background: #FFFFFF;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 15px;
}

.custom-page .top-content-section .heading {
    font-weight: 350;
    font-size: 28px;
    line-height: 53px;
    color: #020F50;
}

.custom-page .top-content-section .box-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 53px;
    color: #020F50;
    margin-bottom: 0;
}

.custom-page .top-content-section .box-heading {
    font-weight: 350;
    line-height: 48px;
    font-size: 20px;
    color: #020F50;
    margin-top: 0;
    margin-bottom: 0;
}

.custom-page .color-blue {
    color: #020F50;
}

.custom-page .top-content-section .image-wrapper {
    z-index: 8;
}

.custom-page .top-content-section ul li,
.custom-page .top-content-section ul li span,
.custom-page .top-content-section ul li p {
    color: #201547;
}

.custom-page .top-content-section ul li span {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}

.custom-page .top-content-section ul li p {
    font-weight: 350;
    font-size: 14px;
    line-height: 180.9%;
}

.custom-page .top-content-section .content-bottom {
    clear: both;
}

.custom-page .top-content-section .content-bottom img {
    width: 100%;
    max-height: 100%;
}

.umbraco-forms-form.freetrialform.umbraco-forms-free-trial form .umbraco-forms-page > .umbraco-forms-fieldset:nth-child(5) .umbraco-forms-container,
.umbraco-forms-form.freetrialform.umbraco-forms-free-trial form .umbraco-forms-page > .umbraco-forms-fieldset:nth-child(7) .umbraco-forms-container {
    display: grid;
    grid-template-columns: auto;
}

@media only screen and (min-width: 768px) {
    .custom-page .jumbotron {
        position: absolute;
        top: 0;
    }
    
    .free-trial-page {
        font-size: 16px;
    }

    .free-trial-page .intergrain-footer{
      font-size: 14px;
    }

    .custom-page #bodyContent {
        padding-top: 270px;
    }

    .custom-page .top-content-section .heading{
       font-size: 40px;
    }

    .custom-page .top-content-section .box-heading {
        font-size: 36px;
    }

    .custom-page .top-content-section .box-title{
        font-size: 40px;
    }

    .custom-page .top-content-section ul li span{
        font-size: 16px;
    }

    .custom-page .top-content-section ul li p {
      font-size: 16px;
    }

    .free-trial-page .center-image-wrapper img {
      max-width: 100%;
    }
}

@media only screen and (min-width: 992px) {
    .product-intro-img {
        margin-top: 25px;   
    }

    .custom-page .jumbotron{
        height: 340px;
    }

    .umbraco-forms-form.freetrialform.umbraco-forms-free-trial form .umbraco-forms-page > .umbraco-forms-fieldset:nth-child(5) .umbraco-forms-container,
    .umbraco-forms-form.freetrialform.umbraco-forms-free-trial form .umbraco-forms-page > .umbraco-forms-fieldset:nth-child(7) .umbraco-forms-container {
        grid-template-columns: 50% 50%;
    }
  }
  
@media only screen and (min-width: 1440px) {
    .free-trial-page #bodyContent {
      padding-left: 290px;
      padding-right: 290px;
    }
    
    .custom-page .jumbotron {
      min-height: 440px;
    }
    
    .custom-page #bodyContent {
      padding-left: 200px;
      padding-right: 200px;
    }

    .custom-page .grid-section > div:not(:first-child) {
      padding-left: 90px;
      padding-right: 90px;
    }

    .custom-page .top-content-section {
        padding: 55px 100px 0 9rem;
    }

    .custom-page .top-content-section .box-title {
        margin-top: 40px;
    }

    .custom-page .top-content-section ul {
        margin-top: 40px;
        margin-left: 17px;
    }

    .custom-page .px-100,
    .umbraco-forms-form.freetrialform.umbraco-forms-free-trial{
      padding-left: 8rem;
      padding-right: 8rem;
    }
}

@media only screen and (min-width: 1860px) {
    .custom-page .top-content-section ul li {
        padding-left: 10px;
    }

    .custom-page .top-content-section ul li span {
      margin-bottom: 10px;
    }

    .custom-page .top-content-section ul li p {
      margin-bottom: 18px;
    }

    .custom-page .top-content-section .image-wrapper {
        min-width: 497px;
    }

    .custom-page .top-content-section .image-wrapper img {
        width: 100%;
    }

    .custom-page .top-content-section .content-bottom {
      height: 226px;
      position: relative;
      top: -100px;
    }
}
/**************************  THANK YOU PAGE  **************************/
.thank-you-page .content-wrapper.ultradeck{
  margin-top: 200px;
}
.thank-you-page #bodyContent{
  padding-bottom: 0;
}

.unsubscribe-email .spinner {
    width: 20%;
}

.unsubscribe-email .btn__disabled {
    cursor: not-allowed;
}

/**************************  ENVIROPRO PAGE  **************************/
.contourPage .contourField.checkbox {
    display: inline-flex !important;
    flex-direction: column;
}

.contourPage .contourField.checkbox .form-error {
	margin-top: .5em;
}

.custom-dropdown {
    background: #FFFFFF;
    border: 1px solid #DEE2E6;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    padding: 9px 32px 9px 12px;
    content: "";
    background: url(/images/arrow-drop-down.png);
    background-size: 15px auto;
    background-position: calc(100% - 5px) center;
    background-repeat: no-repeat;
    background-color: #eff2f3;
}

    .custom-dropdown .custom-dropdown-option {
        padding: 9px 32px 9px 12px;
        display: block;
    }

        .custom-dropdown .custom-dropdown-option:checked {
            background: #1C0E52;
            color: #FFFFFF;
        }

        .custom-dropdown .custom-dropdown-option:disabled {
            display: none;
        }

/* SUBSCRIBE */
.umbraco-forms-form.followusform{
    padding: 0;
}

.umbraco-forms-form.followusform .col-md-12{
    margin: 0;
    padding: 0;
}

.umbraco-forms-form.followusform input[type=text],
.umbraco-forms-form.followusform input[type=submit],
.umbraco-forms-form.followusform .btn{
    margin: 0;
    padding: 0;
}

.umbraco-forms-form.followusform input[type=text]{
    width: 25rem;
    padding: .35em 1em;
    color: #1C0E52;
    border-radius: 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
}

.umbraco-forms-form.followusform input[type=text]:focus{
    outline: -webkit-focus-ring-color auto 1px;
    box-shadow: none;
    border-radius: 0;
    border: 0;
  }

.umbraco-forms-form.followusform input[type=submit],
.umbraco-forms-form.followusform .btn{
    background-color: #ffffff;
    color: #1C0E52;
    font-family: 'UtilityOffc', 'Raleway', sans-serif;
    font-weight: bold;
    padding: .8em 1em .3em 1em;
    border-radius: 4px;
}

.umbraco-forms-form.followusform > form,
.umbraco-forms-form.followusform > form .emailaddress,
.intergrain-footer > .col-xs-12:first-of-type > .row > .col-xs-12:first-of-type,
.umbraco-forms-form.followusform > form .umbraco-forms-page{
    display: flex;
    justify-content: flex-end;
}

.umbraco-forms-form.followusform > form .emailaddress{
    margin-right: .5em;
}

.umbraco-forms-form.followusform > form > *,
.umbraco-forms-form.followusform > form .umbraco-forms-page > *{
    padding: 0;
    margin: 5px;
}

.umbraco-forms-form.followusform > form .emailaddress{
    justify-content: center;
    align-items: center;
}

.umbraco-forms-form.followusform > form .emailaddress .field-validation-error{
    position: absolute;
    bottom: -2em;
    left: 0;
    position: absolute;
    padding-left: 0;
    white-space: nowrap;
}

.umbraco-forms-form.followusform > form .emailaddress .umbraco-forms-label{
    display: none;
}

.umbraco-forms-form.followusform > form .emailaddress .umbraco-forms-field-wrapper input{
    margin: 0;
}

.intergrain-footer > .col-xs-12:first-of-type > .row > .col-xs-12:first-of-type{
    margin-bottom: 4rem;
    margin-top: 1rem;
}

.intergrain-footer > .col-xs-12:first-of-type > .row > .col-xs-12:first-of-type > p:first-child,
.intergrain-footer > .col-xs-12:first-of-type > .row > .col-xs-12:first-of-type .umbraco-forms-page > h4{
    width: auto;
    display: inline-flex;
    color: #ffffff;
    padding: 0;
    margin: 0;
    font-size: inherit !important;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    margin-right: .5em;
    font-weight: 500;
    padding-top: .3em;
}


@media (max-width: 768px){
    .umbraco-forms-form.followusform {
        width: 100%;
    }

    .umbraco-forms-form.followusform > form,
    .umbraco-forms-form.followusform > form .emailaddress,
    .intergrain-footer > .col-xs-12:first-of-type > .row > .col-xs-12:first-of-type,
    .umbraco-forms-form.followusform > form .umbraco-forms-page{
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }
    .umbraco-forms-form.followusform input[type=text]{
        width: 100%;
        max-width: 480px;
    }

    .umbraco-forms-form.followusform input[type=submit]{
        margin-top: .5em;
    }

    .umbraco-forms-form.followusform .umbraco-forms-page * {
        width: 100%;
    }
    

    .umbraco-forms-form.followusform .umbraco-forms-navigation{
        width: auto;
    }

    .umbraco-forms-form.followusform > form .emailaddress .field-validation-error{
        text-align: center;
        position: relative;
        bottom: 0;
    }

    .umbraco-forms-form.followusform .umbraco-forms-field-wrapper{
        text-align: center;
    }
}
.hidden {
  display: none !important;
}

.umbraco-forms-form .spinning {
  height: 20px;
  width: 20px;
}


/**************************  LANDING PAGE  **************************/
.specifier-breadcrumb {
    background-color: #f5f5f5;
    text-align: end;
    padding: 10px 20px 5px 20px;
    font-size: 19px;
    font-weight: 500;
}

.specifier-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0;
    height: 437px;
    width: 100%;
}

.landing-page .gray-box {
    background-color: #f0f0f0;
}

.landing-page .content-box {
    padding: 85px 0 80px;
}

    .landing-page .content-box .row {
        font-size: 19px;
        line-height: 1.8;
        margin-left: 8.33333333%;
        margin-right: 8.33333333%;
    }

.landing-page .page-title h1 {
    font-size: 60px;
    font-weight: 500;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.landing-page .page-title p {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}


.landing-page .content-box .row .feature-item {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .landing-page .content-box .row .feature-item img {
        padding-bottom: 18px;
        height: 159px;
    }

    .landing-page .content-box .row .feature-item .feature-title {
        font-size: 28px;
    }

    .landing-page .content-box .row .feature-item .feature-description
    {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

.content-box .row .expore-item {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .content-box .row .expore-item .expore-item-title {
        font-size: 28px;
        line-height: 1.2em;
    }



.content-box .content-box .row .feature-item img {
    padding-bottom: 18px;
}

.content-box .row .expore-item .expore-item-title,
.content-box .row .expore-item .expore-item-description,
.content-box .row .expore-item .btn-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .content-box .row .expore-item .btn-wrapper .btn-outline {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

.page-title .explore-title {
    font-weight: 300;
}

.content-box .about-image img {
    width: 300px;
    height: 350px;
    float: right;
}

.content-box .timber-studio-image img {
    width: 418px;
    margin: 20px;
    float: right;
}

.landing-page .content-box .column-right {
    max-width: 500px;
}

    .landing-page .content-box .column-right .about-text {
        float: left;
        padding-left: 20px;
        padding-top: 10px;
    }

        .landing-page .content-box .column-right .about-text h1 {
            font-size: 28px;
            font-weight: 500;
        }

        .landing-page .content-box .column-right .about-text a {
            width: 300px;
        }

.landing-page .content-box .row .expore-block {
    margin-top: 20px;
    margin-bottom: 20px;
}


.content-box .row .expore-item .expore-item-title {
    min-height: 66px;
}

.landing-page .content-box.timber-studio {
    padding: 85px 0 80px;
}

    .landing-page .content-box.timber-studio .column-right {
        padding-top: 50px;
        padding-left: 20px;
    }

        .landing-page .content-box.timber-studio .column-right div {
            float: left;
        }

        .landing-page .content-box.timber-studio .column-right h1 {
            font-size: 28px;
            font-weight: 500;
        }

        .landing-page .content-box.timber-studio .column-right p {
            max-width: 400px;
        }

        .landing-page .content-box.timber-studio .column-right a {
            width: 300px;
        }

.content-box .row .expore-item .expore-item-description {
    min-height: 180px;
}

@media (max-width: 1160px) {
    .landing-page .content-box .column-right .about-text {
        padding-top: 0px;
    }

        .landing-page .content-box .column-right .about-text h1 {
            margin-top: 0px;
        }

    .content-box.timber-studio .column-right {
        padding-top: 0px;
    }

        .content-box.timber-studio .column-right h1 {
            margin-top: 0px;
        }

    .landing-page .content-box .row .feature-item .feature-title,
    .landing-page .content-box .column-right .about-text h1 {
        font-size: 24px;
    }

    .content-box .row .expore-item .expore-item-description {
        min-height: 408px;
    }

    .content-box .row .expore-item .expore-item-title {
        font-size: 24px;
        min-height: 84px;
    }
}

@media (max-width: 767px) {
    .landing-page .page-title h1 {
        font-size: 28px;
        margin: 20px;
    }

    .landing-page .page-title p {
        margin-left: 20px;
        margin-right: 20px;
    }

    .landing-page .content-box .row {
        font-size: 19px;
        margin-left: 0;
        margin-right: 0;
    }


    .landing-page .content-box .about-image {
        text-align: center;
    }

        .landing-page .content-box .about-image img {
            float: none;
        }

    .landing-page .content-box .column-right .about-text {
        padding-top: 20px;
    }

        .landing-page .content-box .column-right .about-text h1 {
            margin-top: 20px;
        }

    .specifier-breadcrumb {
        padding-right: 20px;
    }

    .content-box .row .expore-item .expore-item-description,
    .content-box .row .expore-item .expore-item-title {
        min-height: 0px;
    }
}

.endorsed-applicator {
    min-height: 175px;
}

.white-block {
    min-height: 285px;
}

.home-page{
    min-height: 2848px;
}

.product-detail-section {
    min-height: 2000px;
}

.product-group {
    min-height: 2323px;
}

.project-planner-section {
    min-height: 800px;
}

.colour-visualiser-section {
    min-height: 1295px;
}

@media (max-width: 767px) {
    .home-page {
        min-height: 2000px;
    }

    .product-detail-section {
        min-height: 3821px;
    }

    .product-group {
        min-height: 2718px;
    }

    .project-planner-section {
        min-height: 1350px;
    }
    
    .colour-visualiser-section {
        min-height: 1950px;
    }
}
#specifier #bodyContent .umb-grid {
    margin-top: 14px;
}

    #specifier #bodyContent .umb-grid .featured-carousel .owl-item a img {
        max-height: 533px;
    }

.embed-component.center-mode {
    text-align: center;
}

    .embed-component.center-mode iframe {
        display: inline-block !important;
    }

/**************************  SUSTAINABILITY PAGE  **************************/

/*.triangle-banner h1 {
    font-size: 59px;
}*/

@font-face {
    font-family: UtilityOT Regular;
    src: url('../fonts/Utility OT W03 Medium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: UtilityOT Light;
    src: url('../fonts/Utility OT W03 Light.ttf') format('truetype');
    font-display: swap;
} 

.mx-auto {
    margin-right: auto;
    margin-left: auto;
}

.triangle-banner {
    margin-left: -13px;
    margin-right: -13px;
}

.text-white {
    color: white; 
}

.box-expandable-title {
    font-family: UtilityOT Regular, sans-serif;
    padding: 1rem 2rem 1rem 2rem;
    width: fit-content;
    display: grid;
    place-items: center;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.triangle-banner h1, .box-expandable h1, .full-width-banner h1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
}

.triangle-banner h2, .box-expandable h2, .full-width-banner h2 {
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
}

.box-expandable p, .box-expandable li, .box-expandable span {
    line-height: 1.3;
}

.box-expandable p {
    color: white;
    font-size: 19px;
    line-height: 1.3;
    font-family: UtilityOT Regular, sans-serif;
    padding-left: 2rem;
    padding-right: 2rem;
}

.triangle-banner-shape p {
    color: white;
    font-size: 18px;
    line-height: 1.5;
    font-family: UtilityOT Regular, sans-serif;
    padding-left: 2rem;
    padding-right: 2rem;
}

.triangle-banner-description {
    max-width: 875px;
    margin-left: auto;
    margin-right: auto;
}

.triangle-banner-title {
    font-family: UtilityOT Regular, sans-serif;
    background: white;
    padding: 1rem 2rem 1rem 2rem;
    width: fit-content;
    display: grid;
    place-items: center;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.3;
}

.triangle-banner-subtitle {
    font-family: UtilityOT Regular, sans-serif;
    font-size: 32px;
    line-height: 1;
    font-weight: 500;
    margin-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.triangle-banner-section {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
}

.box-expandable-cta a:hover {
    text-decoration: none;
    color: #84bd00;
}

.triangle-banner-title-container {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    flex-grow: 1;
}

.triangle-banner-shape {
    background-color: #1f1852;
    --triangle-size: 150px;
    padding: 2rem 1rem 0 1rem;
    color: white;
    padding-bottom: calc(var(--triangle-size) - 50px);
    clip-path: polygon( 0 0, 100% 0, 100% calc(100% - var(--triangle-size)), 50% 100%, 0 calc(100% - var(--triangle-size)), 0 0 );
    shape-outside: polygon( 0 0, 100% 0, 100% calc(100% - var(--triangle-size)), 50% 100%, 0 calc(100% - var(--triangle-size)), 0 0 );
    margin-top: -1px; /*remove redundant shape*/
}

.p-4 {
    padding: 1rem;
}

.bg-intergrain-blue {
    background-color: #1f1852;
}

#boxExpandableLearnMoreBtn {
    font-family: UtilityOT Light, sans-serif;
    font-size: 16px;
    text-decoration: none;
}

.box-expandable-two-column {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 0;
}

.box-expandable-header {
    width: 100%;
    margin-top: 7rem;
    margin-bottom: 6rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.box-expandable-left-column {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-size: cover;
    transition-duration: 0.35s;
    min-height: 450px;
    padding: 0;
}

.box-expandable-right-column {
    transition-duration: 0.35s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: white;
    padding-left: 0;
    padding-right: 0;
    height: 100%;
}
.box-expandable-right-column-title {
    color: #98b93c;
    font-weight: 500;
    font-size: 48px;
    text-transform: uppercase;
    margin-bottom: 32px;
    width: 80%;
}

.box-expandable-right-column-description {
    width: 100%;
}

.box-expandable-right-column-description li {
    margin-bottom: 2.5rem;
    font-size: 18px;
    font-family: UtilityOT Light, sans-serif;
    width: 100%;
}

.box-expandable-right-list {
    list-style-type: none;
    padding-left: 0;
    margin-left: 4rem;
}

.box-expandable-right-list li {
    position: relative;
}

.box-expandable-right-list li::before {
    font-family: Arial, sans-serif;
    content: "\2022";
    font-size: 50px;
    line-height: 1;
    position: absolute;
    left: -30px;
    top: -15px;
}

.box-expandable-right-column-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.625rem 1rem 3.625rem 1rem;
}

.btn-expand {
    font-family: UtilityOT Light, sans-serif;
    font-size: 20px;
    text-decoration: none;
    color: #201547;
}

.btn-expand:hover, .btn-expand:focus {
    text-decoration: none;
    color: #201547;
}


.below-right-content {
    padding-top: 0;
}

.btn-expand:focus-visible, .btn-expand:hover:active {
    outline: none;
}

.box-expandable-right-icon {
    height: 120px;
    object-fit: cover;
}

.box-expandable-container { 
    margin-bottom: 64px;
}

.box-expandable-container-inner {
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    border-radius: 20px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

.box-expandable-container-inner .umb-grid {
    margin-top: 0;
    margin-bottom: 0;
}

.box-expandable-container-inner > div:last-child {
    border-end-end-radius: 10px;
    border-end-start-radius: 10px;
}

.box-expandable-header-content {
    font-family: UtilityOT Regular, sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    padding: 2rem 4rem;
    color: white;
    font-size: 2em;
    background-color: #1f1852;
}

.box-expandable-full-width-expand-container {
    overflow: hidden;
    transition: max-height 0.3s ease;
    background-color: #f6f7f6;
}

.box-expandable-expand-content p {
    font-family: UtilityOT Light, sans-serif;
    font-size: 18px;
    color: #201547;
}


.btn-section {
    display: flex;
    justify-content: center;
    margin-bottom:20px;
}

.triangle-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: block;
    width: 100%;
}

.force-bg-white {
    background: white !important;
}

.triangle-down {
    margin: 2rem auto 32px auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #1f1852 transparent;
}

.triangle-up {
    border-width: 15px 15px 0 15px;
    border-color: #1f1852 transparent transparent transparent;
}

/*RANGE PAGE*/
.box-expandable-range {
    background-color: #1a0f41;
    padding: 4rem 3rem 6rem 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
}

.box-expandable-range h2, .box-expandable-range-title {
    margin-bottom: 6rem;
}

.box-expandable-range-list {
    font-size: 18px;
    font-family: UtilityOT Light,sans-serif;
    line-height: 48px;

    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

.box-expandable-range-list li {
    font-weight: 600;
    position: relative;
    padding-left: 60px;
    margin-bottom: 2rem;
}

.box-expandable-range-list li::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('../images/favicon.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 30%;
    left: 0;
    transform: translateY(-50%);
}

/*CAROUSEL PAGE*/
.swiper-carousel {
    background-color: #19124f;
}

.box-expandable-carousel {
    background-color: #19124f;
    padding: 6rem 3rem 6rem 3rem;
}

.box-expandable-carousel > h2 {
    text-align: center;
}

.box-expandable-carousel-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.relative {
    position: relative;
}

.box-expandable-cta {
    background-color: #1a0f41;
}

.box-expandable-cta-content {
    width: fit-content;
    height: fit-content;
    padding: 2.5rem;
    font-size: 40px;
    line-height: 40px;
}

.box-expandable-cta-content a {
    font-family: 'UtilityOT Light', sans-serif;
    font-size: 26px;
    line-height: 1;
    color: white;
}

.btn-expand:focus {
    border: none;
    outline: none;
}
/*FULL WIDTH*/
.box-expandable-image-full-width img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.full-width-banner {
    margin-bottom: 64px;
    overflow: hidden;
    border-radius: 20px;
}

.full-width-banner .full-width-banner-competitor-container-inner {
    padding-left: 2rem;
    padding-right: 2rem;
}

.full-width-banner .full-width-banner-competitor-container .umb-grid {
    margin-bottom: 0;
}

.full-width-banner-container {
    display: block;
}

.full-width-banner-inner {
    background-color: white;
}

.full-width-banner-right {
    padding: 2rem 2rem 0 2rem;
    text-align: center;
    background-color: white;

    display: flex;
    flex-direction: column;
}

.full-width-banner-right-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.full-width-banner-right-content p {
    font-size: 18px;
}

.full-width-banner-left {
    position: relative;
}

.full-width-banner-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.full-width-banner-competitor-container-inner {
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    padding-bottom: 1rem;
    background-color: white;
    border-end-start-radius: 10px;
    border-end-end-radius: 10px;
}

.box-expandable-out-partner {
    background-color: white;
}

.box-expandable-out-partner img {
    width: 200px;
    height: auto;
    object-fit: contain;
}

.box-expandable-out-partner-logos {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
}

.box-expandable-out-partner-logos div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-expandable-out-partner-header {
    width: 100%;
    padding: 2rem;
    background-color: white;
}

.box-expandable-out-partner-header-content {
    font-family: UtilityOT Regular, sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    padding: 1rem 2rem;
    color: white;
    font-size: 2em;
    background-color: #1f1852;
}

.bg-grey {
    background-color: #DCDCDC;
}

.box-expandable-two-column-reverse-title {
    padding: 0 2rem;
}

.box-expandable-two-column-reverse > .row {
    margin-left: 0;
    margin-right: 0;
}

.box-expandable-two-column-reverse-left {
    padding: 1rem;
}

.box-expandable-two-column-reverse-left p {
    font-family: 'UtilityOT Light',sans-serif;
    font-size: 18px;
    line-height: 1.3;
}

.box-expandable-two-column-reverse-left img {
    padding: 2rem;
}

.box-expandable-two-column-reverse-right {
    padding-left: 0;
    padding-right: 0;
}

.full-width-banner-competitor {
    background-color: white;
}

.full-width-image-banner {
    width: 100%;
    margin-bottom: 13px;
    padding-bottom: 32px;
}

.full-width-image-banner-mobile {
    display: block;
}

.full-width-image-banner-mobile img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.full-width-image-banner-mobile a:last-of-type img {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.full-width-image-banner-mobile a:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.full-width-image-banner .btn-link {
    font-family: UtilityOT Light,sans-serif;
    font-size: 20px;
    text-decoration: none;
    padding: 2rem;
    color: #201547;
    background: white;
}

.full-width-image-banner a {
    width: 100%;
    height: 100%;
}

.full-width-image-banner img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.full-width-image-banner-desktop {
    display: none;
}

.full-width-banner-competitor-container .umb-grid {
    margin-top: 0;
}

.box-expandable-expand-content {
    background-color: #f6f7f6;
}

.box-expandable-expand-content .competitor-text-below-description, .box-expandable-expand-content .competitor-text-below-title {
    font-family: UtilityOffc,Raleway,sans-serif;
    font-size: 11px;
    font-weight: 500;
}

.container.box-expandable-expand-content {
    background-color: transparent;
}

.expand-content-title {
    font-family: 'UtilityOT Regular',sans-serif !important;
    font-size: 18px !important;
    font-weight: 500;
}

.expand-content {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem; 
}

.swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 280px;
}

.competitor-table-footer {
    display: flex;
    align-items: flex-start;
}

.competitor-timber-wrapper::before {
    content: "";
    width: 15%;
    position: absolute;
    top: -5px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 5px solid #1e1951;
    pointer-events: none;
    z-index: 1;
}

.competitor-border-below {
    width: 88%;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    border-color: #000;
    border-style: solid;
    border-width: 3px;
    border-top-width: 0;
}


.competitor-text-below {
    padding: 2rem;
}

.competitor-text-below-title {
    font-family: UtilityOT Regular, sans-serif;
    font-size: 26px;
    line-height: 1;
    text-align: center;
}

.competitor-text-below-description {
    display: none;
    font-family: UtilityOT Regular, sans-serif;
    font-size: 19px;
}

.competitor-table-footer-deck {
    width: 100%;
    position: relative;
}

.expand-content-desktop {
    display: none !important;
}

.expand-content-title-mobile {
    display: block;
}

.expand-content-desktop .expand-content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.expand-content-one-item p{
    column-count: 1;
}

.expand-content-one-item span {
    display: block;
    margin-bottom: 40px;
    line-height: 2.6;
}

.competitor-text-below-description-mobile-container {
    padding-left: 4rem;
    padding-right: 4rem;
}

.competitor-text-below-description-mobile-container p.competitor-text-below-description-mobile {
    font-family: UtilityOffc,Raleway,sans-serif;
    font-size: 11px;
    font-weight: 500;
}

.box-expandable-left-column-disclaimer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: fit-content;
    color: white;
    background-color: #201547;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.box-expandable-right-column-rich-description {
    padding-bottom: 4rem;
}

@media only screen and (min-width: 414px) {
    .competitor-timber-wrapper::before {
        content: "";
        width: 15%;
        position: absolute;
        top: -5px;
        left: 10px;
        right: 10px;
        bottom: -2px;
        border: 5px solid #1e1951;
        pointer-events: none;
        z-index: 1; 
    }

    .competitor-table-footer {
        padding-top: 1rem;
    } 
}

@media only screen and (min-width: 768px) {
    .swiper-container {
        max-width: 650px;
    }

    .competitor-table-footer-deck {
        width: 28%;
    }

    .competitor-table-footer {
        padding-top: 20px;
    }

    .competitor-timber-wrapper::before {
        content: "";
        width: 14%;
        position: absolute;
        top: -5px;
        left: 5px;
        right: 10px;
        bottom: -5px;
        border: 10px solid #1e1951;
        pointer-events: none;
        z-index: 1;
    }

    .box-expandable-right-column-content {
        padding: 3.625rem 3.625rem 0 3.625rem;
    }

    .box-expandable-expand-content p {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .box-expandable-carousel-container {
        justify-content: space-between;
    }

    .box-expandable-out-partner-logos {
        grid-template-columns: repeat(4, 1fr);
        justify-content: space-around;
        overflow: hidden;
    }

    .box-expandable-right-column-rich-description .box-expandable-out-partner-logos {
        grid-template-columns: repeat(3, 1fr);
        gap: 2.5rem;
    }

    .box-expandable-right-column-rich-description .box-expandable-out-partner-logos.one-partner {
        grid-template-columns: 1fr;
    }

    .box-expandable-right-column-rich-description .box-expandable-out-partner-logos.two-partner {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 992px) {
    .triangle-banner-description {
        max-width: 775px;
    }
    .swiper-container {
        max-width: 800px;
    }
    .competitor-text-below-description-mobile-container {
        display: none;
    }

    .competitor-text-below-description {
        display: block;
    }

    .competitor-table-footer-deck {
        width: 15%;
        position: relative;
    }
    
    .box-expandable-two-column {
        flex-direction: row;
    }

    .full-width-banner-right {
        text-align: left;
    }

    .box-expandable-out-partner-header {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .full-width-banner-competitor.row {
        margin-left: 0;
        margin-right: 0;
    }

    .full-width-banner-competitor-container-inner {
        padding-bottom: 64px;
    }

    .box-expandable-left-column {
        min-height: unset;
    }

    .expand-content {
        padding-left: 4rem;
        padding-right: 4rem;
        padding-bottom: 6rem;
    }

    .competitor-text-below-title {
        padding-top: 0;
    }

    .competitor-table-footer {
        padding-top: 20px;
        align-items: center;
    }

    .competitor-timber-wrapper::before {
        content: "";
        width: 11%;
        position: absolute;
        top: -5px;
        left: 5px;
        right: 10px;
        bottom: -5px;
        border: 10px solid #1e1951;
        pointer-events: none;
        z-index: 1;
    }

    .expand-content-desktop {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        padding-left: 4rem;
        padding-right: 4rem;
        padding-bottom: 0;
    }

    .expand-content-title-mobile {
        display: none;
    }

    .expand-content-one-item p {
        column-count: 3;
        column-gap: 35px;
    }

    .full-width-image-banner-mobile {
        display: none;
    }

    .full-width-image-banner-desktop {
        display: block;
    }

    .full-width-image-banner {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .triangle-banner-title {
        font-size: 59px;
        font-weight: 500;
        line-height: 1.3;
    }
    
    .box-expandable-expand-content .competitor-text-below-description, .box-expandable-expand-content .competitor-text-below-title {
        font-size: 18px;
    }

    .box-expandable-two-column-reverse-left {
        padding: 1rem;
    }

    .full-width-banner-competitor {
        padding: 0 3.5rem 0 3.5rem;
    }

    .box-expandable-range-list {
        font-size: 23px;
        margin-left: 40px;
    }

    .full-width-banner-right {
        padding: 6rem 6rem 0 6rem;
        text-align: left;
        display: flex;
        align-items: center;
    }

    .full-width-banner-right p {
        font-size: 19px;
        font-weight: 500;
        line-height: 1.3;
        font-family: UtilityOT Regular, sans-serif;
    }

    .box-expandable-two-column-reverse-right {
        flex: 1;
        width: 100%;
        height: 100%;
    }

    .box-expandable-right-column-description li {
        font-size: 18px;
    }

    .box-expandable-right-column-description {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .below-right-content {
        padding-top: 0;
    }

    .box-expandable-two-column {
        flex-direction: row;
    }

    .box-expandable-two-column > div {
        -webkit-flex: 1; /* Safari */
        -ms-flex: 1; /* IE 10 */
        flex: 1; /* Standard syntax */
        max-width: 50%;
    }

    .triangle-banner-section {
        height: 775px;
    }

    .triangle-banner h1, .box-expandable > h1, .full-width-banner h1 {
        font-size: 59px;
        font-weight: 500;
        line-height: 1.3;
    }

    .triangle-banner h2, .box-expandable h2, .full-width-banner h2 {
        font-size: 36px;
        line-height: 1.3;
    }

    .triangle-banner-shape p {
        font-size: 26px;
        line-height: 48px;
    }

    .box-expandable-header {
        padding-left: 0;
        padding-right: 0;
    }

    .box-expandable-header-content {
        font-size: 3em;
    }

    .box-expandable-left-column {
        border-top-right-radius: 0;
        height: unset;
    }

    #boxExpandableLearnMoreBtn {
        font-size: 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .full-width-banner-left img {
        object-fit: cover;
    }
    
    .box-expandable-right-column-rich-description .box-expandable-out-partner-logos {
        gap: 4rem;
    }
    .triangle-banner-description {
        max-width: 800px;
    }
}

@media only screen and (min-width: 1200px) {
    .box-expandable-out-partner-logos {
        gap: 4rem;
    }

    .swiper-container {
        max-width: 1024px;
    }

    .box-expandable-carousel-container {
        justify-content: center;
    }
}

@media only screen and (min-width: 1280px) {
    .box-expandable-two-column-reverse-left {
        padding: 0;
    }
}

@media only screen and (min-width: 1440px) {
    .box-expandable-two-column-reverse-left {
        padding: 4rem;
    }

    .box-expandable-expand-content p {
        font-size: 22px;
    }

    .triangle-banner-subtitle {
        font-size: 48px;
    }

    .full-width-banner-left {
        min-height: 500px;
    }
}

@media only screen and (min-width: 2550px) {
    .triangle-banner-shape {
        margin-top: -2px; /*remove redundant shape*/
    }
}

.recommended-applicator-phone {
    text-decoration: underline;
}

.recommended-applicator-email {
    text-decoration: underline;
}

.attributes-icon {
    width: auto;
}