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

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

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

* {
    margin: 0;
    padding: 0;
    border: none;
}

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

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

h1, .h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    margin-bottom: 20px;
    color: #201547;
    letter-spacing: 0.05em;
}

h2, .h2 {
    font-size: 36px;
    font-weight: 300;
    line-height: 46px;
    margin-bottom: 20px;
    color: #201547;
    letter-spacing: 0.05em;
}

h3, .h3 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #84bd00;
}

h4, .h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    color: #84bd00;
}

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

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;
    }

.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: 700;
}

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;
}


/**************************   STRUCTURE  **************************/
.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: -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;
}

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

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

.colour-wrapper {
    background-color: white;
    margin-top: 25px;
    padding-top: 20px;
    padding-left: 35px;
    padding-right: 40px;
}

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

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

/**************************   SUBSCRIBE FUNCTIONALITY  **************************/
.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;
}

/** 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: 27%;
        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;
}

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

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

.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: 30px;
        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%;
    }

    /** Left aligned Block
.trial-inspiration .trail-caption {
font-size: 15px;	
background-image: url(../images/blue-transp-90.png);
background-position: 0 0;
background-repeat: repeat;
padding: 12px 20px;
width: 321px;
position: absolute;
bottom: 0;
left: 0;
color: #fff;
}

.trial-inspiration.trial-caption p {
font-size: 15px;
}

.trial-inspiration .trial-caption p:last-of-type {
margin-bottom: 0;
}**/

    /** 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%;
        /**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;
    }

        .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%;
    }

    /*#subscribeQuicklink
    {
        padding-top: 10px;
    }*/

    /*#subscribeQuicklink > p
    {
        padding-bottom:10px;
    }*/

    #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%;
        /**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;
    }

    .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: 35px;
            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;
    }
    

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: 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,
    a.btn-stockist-email:active {
        cursor: pointer;
        border: 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,
    a.btn-stockist-close:active {
        cursor: pointer;
        border: 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;
    margin: left;
}

/**************************   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: 356px;
    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;
}



/** 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 > a:hover,
            .nav.nav-tabs > li > a:hover > li > a:focus {
                font-weight: 700;
                padding: 11px 25px 33px;
                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: 700;
            padding: 11px 25px 33px;
            border: none;
            color: #201547;
        }

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

    .tab-content h2 {
        margin-top: 0;
        margin-bottom: 33px;
    }
/**************************  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  **************************/
#postcode
{
	display:block !important;
}

.members {
    margin-bottom: 20px;
}

    .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;
        }


.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);
}

/***ul.stockists {
    margin-left: 0px;
}

    ul.stockists li {
        list-style-type: none;
        padding: 0px 0px 5px 60px;
        width: 100%;
    }

    ul.stockists p {
        margin-bottom: auto;
    }**/

.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  **************************/
.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: 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 .row {
    padding-top: 60px;
}

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

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

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

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

.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  **************************/
.productdetails-downloads {
    text-align: center;
    padding-top: 10px;
}


.product-tab {
    float: left;
    width: 100%;
    margin-top: 30px;
}

    .product-tab .nav.nav-tabs > li > a {
        font-size: 12px;
        font-weight: 500;
        line-height: 0px;
        padding: 20px 16px 20px;
        border-radius: 0;
        border: none;
        color: white;
        background-color: #201547;
        transition: color 0.5s ease;
        -webkit-transition: color 0.5s ease;
        -moz-transition: color 0.5s ease;
        -o-transition: color 0.5s ease;
    }

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

        .product-tab .nav.nav-tabs > li > a:hover {
            color: #84bd00;
            cursor: pointer;
            padding: 20px 16px 20px;
        }

        .product-tab .nav.nav-tabs > li > a:hover {
            color: #84bd00;
        }

    .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 {
        font-weight: 700;
        padding: 20px 10px 20px;
        border: none;
        color: #201547;
        background-color: white;
        cursor: pointer;
    }

        .product-tab .nav.nav-tabs > li.active > a > h3, .product-tab .nav.nav-tabs > li.active > a > h3:hover, .product-tab .nav.nav-tabs > li.active > a > h3:focus {
            font-weight: 700;
            color: #201547;
        }

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


.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;
    }

h3.related-products-header {
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 35px;
    margin-top: 60px;
}

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: 700;
    padding-bottom: 10px;
}

.product-page-filter-header2 {
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 10px;
}

.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: 700;
    text-transform: uppercase;
    float: left;
    font-size: 15px;
}

h3.color-filter-type2 {
    font-weight: 700;
    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 {
    height: 295px;
    text-align: center;
}

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

.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-top: 13px;
    margin-bottom: 13px;
}

    .content-wrapper > .container > .row {
        background-color: #f7fafb;
        padding: 35px 0 70px;
    }

.content {
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
}

.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;
    margin-bottom: 35px;
}

    .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 .owl-controls .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    width: 100%;
}

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

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

.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, .h3.applicator-name {
    font-size: 20px;
    font-weight: 700;
    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  **************************/
.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-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: 20px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: 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;
}

.timber-block {
    padding-bottom: 30px;
}

/*********** 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;
}
/** extra pages **/

.col-md-6.column.video-title h2{
    height:2em;
}

div.brochure-item{
    float:left;
    width:21.5%;
    height:200px;
    overflow:hidden;
    margin-right:2.5%;
    margin-bottom:10px;
}

div.brochure-image  {
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:997;
}
div.brochure-title {
    background-image: url(../images/purple-transp-85.png);
    background-position: 0 0;
    background-repeat: repeat;
    background-color: transparent;
    color:white;
    padding:5px;
    z-index:998;
    position:relative;
    bottom:2.4em;
}
div.brochure-item a:hover div.brochure-title   {
    background-image:none;
    background-color:#84bd00;
}
div.brochure-item a:link {
    width:100%;
    height:100%;
    text-decoration:none;
    z-index:999;
}

div.tradinghours {
    padding:20px 0 0 60px;

}
div.row.order-form-padding {
    padding-top:50px;
}

/**loading image **/

#loadingmessage {
    width:100%;
    height:100%;
    position:fixed;
    z-index:9998;
    overflow:auto;
    margin:0;
    padding:0;
    background-color: rgba(211, 211, 211, 0.3)
}
#gif {
    width:32px;
    height:32px;
    z-index:9999;
    overflow:auto;
    margin: auto;
    position: fixed;
    top: 0; left: 0; bottom: 0; right: 0;
}

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

/** timber-brushout-order-form **/

form[name="orderForm"] label,
div#orderComplete label {
    margin-top:20px;
}
form[name="orderForm"] select.form-control {
    padding:0;
    line-height:30px;
}
form[name="orderForm"] option {
    min-height: .8em;
}

form[name="orderForm"] select.form-control:disabled {
    background-color:#eff2f3;
    color:gainsboro;
}
>>>>>>> develop