@import url(_DG.min-blessed1.css?z=1472189474955);
.ptmed,
.ptsmallx2 {
    padding-top: 20px
}

.pbmed,
.pbsmallx2 {
    padding-bottom: 20px
}

.plmed,
.plsmallx2 {
    padding-left: 20px
}

.prmed,
.prsmallx2 {
    padding-right: 20px
}

.project-hub .gallery__pagination .owl-next,
.project-hub .gallery__pagination .owl-prev,
.single-product .gallery__pagination .owl-next,
.single-product .gallery__pagination .owl-prev {
    cursor: pointer
}

.filter-nav__control.tag-list .tag:after,
.quickcontent--faq .panel .panel-body .close-panel,
.site-nav .search-form__button .icon,
.video-lightbox__close {
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale
}

.mtsmall {
    margin-top: 10px
}

.mtmed,
.mtsmallx2 {
    margin-top: 20px
}

.mbsmall {
    margin-bottom: 10px
}

.mbmed,
.mbsmallx2 {
    margin-bottom: 20px
}

.mlsmall {
    margin-left: 10px
}

.mlmed,
.mlsmallx2 {
    margin-left: 20px
}

.mrsmall {
    margin-right: 10px
}

.mrmed,
.mrsmallx2 {
    margin-right: 20px
}

.ptmedx2 {
    padding-top: 40px
}

.pbmedx2 {
    padding-bottom: 40px
}

.plmedx2 {
    padding-left: 40px
}

.prmedx2 {
    padding-right: 40px
}

.mtmedx2 {
    margin-top: 40px
}

.mbmedx2 {
    margin-bottom: 40px
}

.mlmedx2 {
    margin-left: 40px
}

.mrmedx2 {
    margin-right: 40px
}

.ptlarge {
    padding-top: 25px
}

.pblarge {
    padding-bottom: 25px
}

.pllarge {
    padding-left: 25px
}

.prlarge {
    padding-right: 25px
}

.mtlarge {
    margin-top: 25px
}

.mblarge {
    margin-bottom: 25px
}

.mllarge {
    margin-left: 25px
}

.mrlarge {
    margin-right: 25px
}

.ptlargex2 {
    padding-top: 50px
}

.pblargex2 {
    padding-bottom: 50px
}

.pllargex2 {
    padding-left: 50px
}

.prlargex2 {
    padding-right: 50px
}

.mtlargex2 {
    margin-top: 50px
}

.mblargex2 {
    margin-bottom: 50px
}

.mllargex2 {
    margin-left: 50px
}

.mrlargex2 {
    margin-right: 50px
}

.ptlarger {
    padding-top: 40px
}

.pblarger {
    padding-bottom: 40px
}

.pllarger {
    padding-left: 40px
}

.prlarger {
    padding-right: 40px
}

.mtlarger {
    margin-top: 40px
}

.mblarger {
    margin-bottom: 40px
}

.mllarger {
    margin-left: 40px
}

.mrlarger {
    margin-right: 40px
}

.ptlargerx2 {
    padding-top: 80px
}

.pblargerx2 {
    padding-bottom: 80px
}

.pllargerx2 {
    padding-left: 80px
}

.prlargerx2 {
    padding-right: 80px
}

.mtlargerx2 {
    margin-top: 80px
}

.mblargerx2 {
    margin-bottom: 80px
}

.mllargerx2 {
    margin-left: 80px
}

.mrlargerx2 {
    margin-right: 80px
}

.pthuge {
    padding-top: 52px
}

.pbhuge {
    padding-bottom: 52px
}

.plhuge {
    padding-left: 52px
}

.prhuge {
    padding-right: 52px
}

.mthuge {
    margin-top: 52px
}

.mbhuge {
    margin-bottom: 52px
}

.mlhuge {
    margin-left: 52px
}

.mrhuge {
    margin-right: 52px
}

.pthugex2 {
    padding-top: 104px
}

.pbhugex2 {
    padding-bottom: 104px
}

.plhugex2 {
    padding-left: 104px
}

.prhugex2 {
    padding-right: 104px
}

.mthugex2 {
    margin-top: 104px
}

.mbhugex2 {
    margin-bottom: 104px
}

.mlhugex2 {
    margin-left: 104px
}

.mrhugex2 {
    margin-right: 104px
}

.ptenormous {
    padding-top: 80px
}

.pbenormous {
    padding-bottom: 80px
}

.plenormous {
    padding-left: 80px
}

.prenormous {
    padding-right: 80px
}

.mtenormous {
    margin-top: 80px
}

.mbenormous {
    margin-bottom: 80px
}

.mlenormous {
    margin-left: 80px
}

.mrenormous {
    margin-right: 80px
}

.ptenormousx2 {
    padding-top: 160px
}

.pbenormousx2 {
    padding-bottom: 160px
}

.plenormousx2 {
    padding-left: 160px
}

.prenormousx2 {
    padding-right: 160px
}

.mtenormousx2 {
    margin-top: 160px
}

.mbenormousx2 {
    margin-bottom: 160px
}

.mlenormousx2 {
    margin-left: 160px
}

.mrenormousx2 {
    margin-right: 160px
}

.ptgigantic {
    padding-top: 100px
}

.pbgigantic {
    padding-bottom: 100px
}

.plgigantic {
    padding-left: 100px
}

.prgigantic {
    padding-right: 100px
}

.mtgigantic {
    margin-top: 100px
}

.mbgigantic {
    margin-bottom: 100px
}

.mlgigantic {
    margin-left: 100px
}

.mrgigantic {
    margin-right: 100px
}

.ptgiganticx2 {
    padding-top: 200px
}

.pbgiganticx2 {
    padding-bottom: 200px
}

.plgiganticx2 {
    padding-left: 200px
}

.prgiganticx2 {
    padding-right: 200px
}

.mtgiganticx2 {
    margin-top: 200px
}

.mbgiganticx2 {
    margin-bottom: 200px
}

.mlgiganticx2 {
    margin-left: 200px
}

.mrgiganticx2 {
    margin-right: 200px
}

.bgblack {
    background-color: #000
}

.bgoffwhite {
    background-color: #f0f0f0
}

.bggrey {
    background-color: #e6e6e0
}

.bgyellow {
    background-color: #fd0
}

img.full-width {
    width: 100%;
    height: auto
}

.brow {
    display: table
}

.bcol {
    float: none;
    display: table-cell;
    vertical-align: bottom
}

.navbar .dropdown a:hover~.dropdown-menu,
.navbar .dropdown-menu.show,
.navbar .dropdown-menu:hover {
    display: block
}

.search-form__result-item--article i,
.sp-article-result {
    background: url(/library/build/images/ui/sprites.png) -101px -111px no-repeat;
    display: inline-block;
    width: 36px;
    height: 41px
}

.search-form__results.inverse .search-form__result-item--article i,
.sp-article-result-black {
    background: url(/library/build/images/ui/sprites.png) 0 -165px no-repeat;
    display: inline-block;
    width: 36px;
    height: 41px
}

.sp-attribute-recoat,
.sp-attribute-repellent,
.sp-attribute-resistant {
    display: inline-block;
    width: 46px;
    height: 44px
}

.sp-attribute-recoat {
    background: url(/library/build/images/ui/sprites.png) 0 -111px no-repeat
}

.sp-attribute-repellent {
    background: url(/library/build/images/ui/sprites.png) -118px 0 no-repeat
}

.sp-attribute-resistant {
    background: url(/library/build/images/ui/sprites.png) -118px -57px no-repeat
}

.sp-attribute-tech,
.sp-attribute-uv {
    width: 46px;
    height: 45px;
    display: inline-block
}

.sp-attribute-tech {
    background: url(/library/build/images/ui/sprites.png) 0 -56px no-repeat
}

.sp-attribute-uv {
    background: url(/library/build/images/ui/sprites.png) -56px -56px no-repeat
}

.search-form__result-item--colour i,
.sp-colour-result {
    background: url(/library/build/images/ui/sprites.png) no-repeat;
    display: inline-block;
    width: 49px;
    height: 46px
}

.search-form__results.inverse .search-form__result-item--colour i,
.sp-colour-result-black {
    background: url(/library/build/images/ui/sprites.png) -59px 0 no-repeat;
    display: inline-block;
    width: 49px;
    height: 46px
}

.blog__videolink:before,
.gallery__link.video:before,
.mixed-tiles .quicklink__link-wrap.video:before,
.sp-play-icon,
.video-listing__item .caption:after {
    background: url(/library/build/images/ui/sprites.png) -174px 0 no-repeat;
    display: inline-block;
    width: 41px;
    height: 45px
}

.search-form__result-item--product i,
.sp-product-result {
    background: url(/library/build/images/ui/sprites.png) -174px -110px no-repeat;
    display: inline-block;
    width: 35px;
    height: 44px
}

.search-form__results.inverse .search-form__result-item--product i,
.sp-product-result-black {
    background: url(/library/build/images/ui/sprites.png) -56px -111px no-repeat;
    display: inline-block;
    width: 35px;
    height: 44px
}

.search-form__result-item--video i,
.sp-video-result {
    background: url(/library/build/images/ui/sprites.png) -174px 0 no-repeat;
    display: inline-block;
    width: 41px;
    height: 45px
}

.search-form__results.inverse .search-form__result-item--video i,
.sp-video-result-black {
    background: url(/library/build/images/ui/sprites.png) -174px -55px no-repeat;
    display: inline-block;
    width: 41px;
    height: 45px
}

.action-banner {
    height: 50px;
    background-color: #fd0
}

.action-banner__wrap {
    display: block;
    width: 100%;
    height: 50px;
    margin-left: -4px;
    position: absolute;
    top: 0;
    left: 0
}

.action-banner__button {
    width: 205px;
    position: absolute;
    right: 8px;
    top: -23px;
    background-color: #fd0;
    color: #000;
    text-transform: uppercase;
    text-align: center
}

.action-banner__button:hover {
    color: #000
}

.action-banner__image {
    position: absolute;
    bottom: 0;
    left: 0
}

.action-banner__title {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #000;
    font-size: 27px;
    text-align: right
}

    .masthead-carousel .owl-carousel__heading {
        color: #fff;
        font-size: 54px;
        text-shadow: 3px 3px 13px rgba(0, 0, 0, .5);
        text-align: left;
        padding-left: 23px;
        width: 55%;
    }



@media (max-width:768px) {
    .action-banner__image {
        -webkit-transform: scale(.45);
        -ms-transform: scale(.45);
        transform: scale(.45);
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left
    }

    .bgoffwhite.pblarger>.container>.row>div:last-of-type>.row {
        padding-bottom: 0;
    }

    .bgoffwhite.pblarger>.container>.row>div>.row {
        display: block;
        padding-bottom: 30px;
    }

    .bgoffwhite.pblarger>.container>.row>div>.row>.bcol:first-of-type {
        margin: 0 auto;
        text-align: center;
    }

}

@media (min-width:1199px) {

    .subscribe-desc {
        width: 130px;
        font-size: 16px;
    }

    .subscribe-input {
        width: 185px;
    }

}

@media (min-width:768px) and (max-width:1079px) {
    .action-banner {
        height: 90px;
        margin-top: 60px;
        margin-bottom: 40px
    }
    .action-banner__wrap {
        height: 90px
    }
    .action-banner__title {
        font-size: 46px
    }
    .action-banner__image {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left
    }
}

@media (min-width:1080px) {
    .action-banner {
        height: 140px
    }
    .action-banner__wrap {
        height: 140px;
        margin-left: 0
    }
    .action-banner__title {
        font-size: 72px;
        text-align: center
    }
    .action-banner__image {
        -webkit-transform: translateX(-15%);
        -ms-transform: translateX(-15%);
        transform: translateX(-15%)
    }
    .action-banner__image.left {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.blog__post-date,
.quicklink.quicklink--blog-project .quicklink__tag .date {
    height: 102px;
    color: #fff;
    font-family: FranklinGothicURWCom-Dem, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.blog__post-date {
    width: 110px;
    padding: 15px 0 0;
    background: rgba(0, 0, 0, .8);
    font-size: 14px;
    line-height: 1;
    text-align: center
}

.blog__post-date .day {
    display: block;
    font-size: 60px;
    line-height: 60px
}

.quicklink.quicklink--blog-project {
    background-color: #fff
}

.quicklink.quicklink--blog-project .quicklink__image-wrap .title {
    position: absolute;
    top: 30px;
    left: 30px;
    display: none
}

.quicklink.quicklink--blog-project .quicklink__copy-wrap {
    padding: 30px 35px;
    position: relative
}

.quicklink.quicklink--blog-project .quicklink__link {
    margin: 0
}

.blog__meta,
.quicklink.quicklink--blog-project .quicklink__caption {
    margin-bottom: 25px
}

.quicklink.quicklink--blog-project .quicklink__tag {
    margin-bottom: 25px;
    width: 300px
}

.quicklink.quicklink--blog-project .quicklink__tag .date {
    padding: 15px 35px 0;
    position: absolute;
    left: 0;
    bottom: 100%;
    background: rgba(0, 0, 0, .8);
    font-size: 14px;
    line-height: 1;
    text-align: left
}

.quicklink.quicklink--blog-project .quicklink__tag .date .day {
    display: block;
    font-size: 60px;
    line-height: 60px
}

.quicklink.quicklink--blog-project .quicklink__button {
    color: #000
}

.blog__item {
    padding: 50px 65px;
    position: relative;
    background-color: #fff
}

.blog__meta .blog__post-date {
    position: absolute;
    right: 0;
    top: 0
}

.blog__title {
    margin-top: 0;
    font-size: 25px;
	max-width: calc(100% - 95px);
}

.blog__content>* {
    width: 50%
}

.blog__content>.blog__videolink,
.blog__content>div,
.blog__content>iframe,
.blog__content>img {
    width: 100%
}

.blog__videolink {
    display: block;
    position: relative;
    margin: 30px 0 70px;
    color: #fd0
}

@media (max-width:768px) {
    .blog__videolink {
        margin: 30px 0
    }
}

.blog__videolink:before {
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -20px;
    content: '';
    position: absolute
}

.filter-nav__control.tag-list .tag:after,
.site-nav .search-form__button .icon:before {
    content: ""
}

.blog__videolink:hover {
    color: #fff
}

.blog__share-controls {
    position: absolute;
    right: 65px;
    bottom: 100px
}

.colour-block {
    height: 260px;
    position: relative;
    width: 100%;
}

.colour-block__link:focus,
.colour-block__link:hover {
    text-decoration: none
}

.colour-block__link:focus .colour-block__rollover,
.colour-block__link:hover .colour-block__rollover {
    display: block
}

.colour-block__content-wrap {
    width: 100%;
    height: 187px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover
}

.colour-block__colour-description,
.colour-block__title {
    display: block;
    padding: 0 10px;
    color: #000;
    -webkit-transform: translateY(187px);
    -ms-transform: translateY(187px);
    transform: translateY(187px)
}

.colour-block__title {
    padding-top: 10px;
    font-family: VenusSB-BoldExtended, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.colour-block--product .colour-block__title,
.colour-block__rollover .colour-list__rollover-caption,
.colour-block__subtitle {
    font-family: FranklinGothicURWCom-Dem, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.colour-block__description {
    font-size: 14px
}

.colour-block__subtitle {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px
}

.colour-block__rollover {
    display: none;
    height: 173px;
    padding: 10px;
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    background: rgba(0, 0, 0, .7);
    text-align: center
}

.colour-block__rollover .colour-list__rollover-image {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 17px;
    position: absolute;
    max-height: 75%
}

.colour-block__rollover .colour-list__rollover-caption {
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.colour-block--product {
    float: left;
    height: auto;
    min-height: 1px;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 0;
    position: relative;
    overflow: hidden
}

.colour-block--product img {
    max-width: 101.5%
}

@media (max-width:480px) {
    .colour-block--product {
        height: auto!important
    }
}

@media (min-width:480px) {
    .colour-block--product {
        width: 32.5%;
        overflow: hidden;
        margin-left: .4%;
        margin-right: .4%
    }
}

@media (min-width:770px) {
    .colour-block--product {
        width: 24.2%;
        overflow: hidden
    }
}

@media (max-width:770px) {
    .colour-block--product {
        height: 245px;
        margin-bottom: 20px
    }
}

@media (max-width:769px) {
    .colour-block--product {
        width: 24.2%
    }
}

@media (min-width:1080px) {
    .colour-block--product {
        width: 19.2%;
        overflow: hidden;
        height: 245px;
        margin-bottom: 10px
    }
}

.colour-block--product .colour-block__content-wrap {
    height: auto;
    position: initial;
    text-align: center
}

.colour-block--product .colour-block__title {
    font-size: 15px;
    line-height: 1.2;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.colour-block--product .colour-block__buttons {
    display: table;
    width: 101%;
    position: absolute;
    top: 0;
    left: 4px;
    padding-right: 0
}

.colour-block--product .colour-block__buttons .action-banner__button,
.colour-block--product .colour-block__buttons .btn {
    display: table-cell
}

.colour-block--product .colour-block__buttons .action-banner__button:first-child,
.colour-block--product .colour-block__buttons .btn:first-child {
    padding-left: 15px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.filter-nav,
.filter-nav__control.dropdown .dropdown-wrap {
    position: relative
}

@media (min-width:1400px) {
    .masthead-carousel .owl-carousel__heading {
       font-size: 60px;
    }
}

@media (max-width:1200px) {
    .colour-block--product .colour-block__buttons .action-banner__button:first-child,
    .colour-block--product .colour-block__buttons .btn:first-child {
        padding-left: 5px
    }

    .masthead-carousel .owl-carousel__heading {
       font-size: 50px;
    }
}

.colour-block--product .colour-block__buttons .action-banner__button .fa-shopping-cart,
.colour-block--product .colour-block__buttons .btn .fa-shopping-cart {
    margin: 0 1px 0 0
}

#colour-listing .page-layout .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: block;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#colour-listing .page-layout .col-md-3 {
    float: left;
    height: auto;
    min-height: 1px;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:480px) {
    #colour-listing .page-layout .col-md-3 {
        width: 32.5%;
        overflow: hidden;
        margin-left: .4%;
        margin-right: .4%
    }
}

@media (min-width:768px) {
    #colour-listing .page-layout .col-md-3 {
        width: 24.2%;
        overflow: hidden
    }
}

@media (min-width:1080px) {
    #colour-listing .page-layout .col-md-3 {
        width: 19.2%;
        overflow: hidden
    }
}

.filter-nav__title {
    height: auto
}

.filter-nav__title>* {
    margin: 0;
    padding: 0
}

.filter-nav__controls+.filter-nav__controls {
    margin-top: 20px
}

.filter-nav__control {
    float: left;
    display: block;
    width: auto;
    padding: 0 4px
}

.filter-nav__control .action-banner__button,
.filter-nav__control .btn {
    font-family: FranklinGothicURWCon-Med, Helvetica, Arial, sans-serif;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    text-decoration: none!important
}

@media (min-width:1024px) {
    .filter-nav__control .action-banner__button:hover,
    .filter-nav__control .btn:hover {
        background: #e6e6e6;
        text-decoration: none
    }
}

.filter-nav__control .active.action-banner__button,
.filter-nav__control .btn.active {
    color: #000!important;
    background: #e6e6e6;
    text-decoration: none
}

.filter-nav__control.dropdown>.action-banner__button,
.filter-nav__control.dropdown>.btn {
    border: 1px solid #e6e6e0
}

.filter-nav__control.dropdown .dropdown-menu {
    margin-right: 4px
}

.filter-nav__control.dropdown .dropdown-menu a {
    white-space: initial
}

.filter-nav__control.buttons .action-banner__button,
.filter-nav__control.buttons .btn {
    padding-left: 10px;
    padding-right: 10px
}

.filter-nav__control:first-child {
    padding-left: 0
}

.filter-nav__control:last-child {
    padding-right: 0
}

.filter-nav__control.buttons-group .btn-group {
    min-width: 100%;
    display: table
}

.filter-nav__control.buttons-group .btn-group>* {
    display: table-cell;
    float: none
}

.filter-nav__control.dropdown .dropdown-toggle {
    border-color: #e6e6e0
}

.filter-nav__control.dropdown .dropdown-menu,
.filter-nav__control.dropdown .dropdown-toggle {
    width: 100%
}

.filter-nav__control.search {
    width: auto
}

.filter-nav__control.tag-list {
    max-width: 60%;
    width: auto
}

.filter-nav__control.tag-list .input-group {
    width: 100%
}

.filter-nav__control.tag-list .input-group-addon {
    border-color: #e6e6e0;
    background: #fff;
    font-family: FranklinGothicURWCon-Med, Helvetica, Arial, sans-serif;
    font-size: 15px;
    text-transform: uppercase
}

.filter-nav__control.tag-list .form-control {
    padding: 5px 20px;
    border-color: #e6e6e0
}

.filter-nav__control.tag-list .tag {
    height: 100%;
    margin: 0 4px;
    padding: 0 37px 0 20px;
    position: relative;
    border: none;
    background: #f0f0f0;
    color: #575757;
    font-family: FranklinGothicURWCon-Med, Helvetica, Arial, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.filter-nav__control.tag-list .tag div {
    float: left
}

.filter-nav__control.tag-list .tag:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    right: 12px;
    color: #fff;
    line-height: inherit
}

.filter-nav__summary,
.footer-nav .footer-nav__form .title,
.footer-social-menu,
.site-nav__navwrap .menu--link,
.site-nav__tray .menu--link,
.top-menu .menu--link {
    font-family: FranklinGothicURWCom-Dem, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.footer-social-menu,
.footer-social-menu .footer-links--link,
.footer-social-menu .social-links--link {
    color: #000
}

.filter-nav__control.tag-list .tag:focus,
.filter-nav__control.tag-list .tag:hover {
    background: #dadada
}

.filter-nav__summary {
    height: 0;
    bottom: -10px;
    text-align: right;
    color: #000;
    font-size: 15px
}

.filter-nav .filter-nav__controls--large .filter-nav__control,
.filter-nav .filter-nav__controls--large .filter-nav__title>*,
.filter-nav .filter-nav__controls--large .tag-list {
    line-height: 55px
}

.filter-nav .filter-nav__controls--large .buttons .action-banner__button,
.filter-nav .filter-nav__controls--large .buttons .btn,
.filter-nav .filter-nav__controls--large .buttons-group .action-banner__button,
.filter-nav .filter-nav__controls--large .buttons-group .btn,
.filter-nav .filter-nav__controls--large .dropdown-toggle,
.filter-nav .filter-nav__controls--large .filter-nav__control,
.filter-nav .filter-nav__controls--large .form-control,
.filter-nav .filter-nav__controls--large .input-group,
.filter-nav .filter-nav__controls--large .input-group-addon,
.filter-nav .filter-nav__controls--large .tag-list {
    height: 55px
}

@media (max-width:767px) {
    .filter-nav .filter-nav__controls--large .buttons .action-banner__button,
    .filter-nav .filter-nav__controls--large .buttons .btn,
    .filter-nav .filter-nav__controls--large .buttons-group .action-banner__button,
    .filter-nav .filter-nav__controls--large .buttons-group .btn,
    .filter-nav .filter-nav__controls--large .dropdown-toggle,
    .filter-nav .filter-nav__controls--large .filter-nav__control,
    .filter-nav .filter-nav__controls--large .form-control,
    .filter-nav .filter-nav__controls--large .input-group,
    .filter-nav .filter-nav__controls--large .input-group-addon,
    .filter-nav .filter-nav__controls--large .tag-list {
        height: auto
    }
}

.filter-nav .filter-nav__controls--large .tag-list .form-control {
    padding: 10px 20px
}

.filter-nav .filter-nav__controls--elastic {
    display: table
}

@media (max-width:550px) {
    .filter-nav .filter-nav__controls--elastic,
    .filter-nav .filter-nav__controls--elastic .input-group {
        display: block
    }
    .filter-nav .filter-nav__controls--elastic .form-control {
        height: 100%
    }
    .filter-nav .filter-nav__controls--elastic .form-control button {
        margin: 5px;
        text-align: left;
        padding: 5px 37px 5px 20px
    }
}

.filter-nav .filter-nav__controls--elastic .filter-nav__control {
    float: none;
    display: table-cell;
    vertical-align: top
}

.filter-nav .filter-nav__controls--elastic .tag-list {
    max-width: none
}

@media (max-width:550px) {
    .filter-nav .filter-nav__controls--elastic .filter-nav__control,
    .filter-nav .filter-nav__controls--elastic .tag-list {
        display: block
    }

    .masthead-carousel .owl-carousel__heading {
        font-size: 24px;
    }

}

.footer-social-menu {
    background-color: #e6e6e0;
    font-size: 27px;
    position: relative;
    z-index: 1;
}

@media (max-width:480px) {
    .footer-social-menu {
        font-size: 17px
    }
}

.footer-social-menu .social-links {
    height: 60px;
    width: 100%
}

.footer-social-menu .social-links>* {
    display: inline
}

.footer-social-menu .social-links--list {
    padding: 0 6px 0 12px
}

.footer-social-menu .social-links--list-item {
    padding: 0 6px
}

.footer-nav #askanexpert,
.footer-nav .navbar--list-item a {
    padding: 0
}

.footer-social-menu .social-links--link i {
    display: inline-block;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    font-size: 42px
}

.footer-social-menu .footer-links,
.footer-social-menu .social-links {
    text-align: center;
    line-height: 80px
}

.footer-social-menu .footer-links--link .title {
    margin-right: 10px
}

.footer-social-menu .footer-links--link i {
    display: inline-block;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    font-size: 56px
}

.footer-social-menu .footer-links--link:hover {
    text-decoration: none
}

.footer-social-menu .footer-links--link:hover .title {
    text-decoration: underline
}

.footer-nav {
    background-color: #fd0;
    position: relative;
    z-index: 1;
}

.footer-nav .navbar {
    display: table;
    padding: 0;
    margin: 0
}

.footer-nav .navbar-nav {
    float: none;
    display: table-cell;
    width: auto;
    margin: 0
}

.footer-nav .navbar--list-item {
    float: none;
    display: block;
    width: auto;
    font-size: 14px
}

.footer-nav form {
    display: inline-block;
    overflow: hidden;
    margin-top: 0!important
}

@media (max-width:767px) {
    .footer-nav form {
        margin-top: 10px!important
    }
}

.footer-nav .footer-nav__form .title {
    margin: 0
}

.footer-nav .footer-nav__form .form-inline {
    display: inline-block;
    overflow: hidden;
    margin-top: 10px
}

.footer-nav .footer-nav__form .form-inline div:nth-child(2) {
    display: inline-block;
    margin-top: -1px;
    vertical-align: top
}

.footer-nav .footer-nav__form .form-inline .newsletter fieldset {
    height: 1px
}

.footer-nav .footer-nav__form .form-inline .newsletter .action-banner__button,
.footer-nav .footer-nav__form .form-inline .newsletter .btn {
    background: #000;
    color: #fff;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    width: auto
}

.footer-nav .footer-nav__form .form-inline .newsletter .action-banner__button:hover,
.footer-nav .footer-nav__form .form-inline .newsletter .btn:hover {
    background: #bbb;
    text-decoration: none
}

@media (max-width:767px) {
    .footer-nav .footer-nav__form .form-inline .newsletter form {
        margin-top: 0!important
    }
}

.footer-nav button,
.footer-nav input {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 30px;
    border: none
}

.sub-footer-nav {
    background-color: #fd0;
    font-size: 14px;
    line-height: 22px
}

.sub-footer-nav .copy,
.sub-footer-nav .navbar {
    float: left;
    min-height: auto
}

.sub-footer-nav .navbar,
.sub-footer-nav .navbar-nav {
    width: auto
}

.sub-footer-nav .navbar--list-item {
    width: auto;
    padding: 0 4px
}

.sub-footer-nav .navbar--list-item a {
    padding: 0
}

.footer-nav .menu--link:hover,
.sub-footer-nav .menu--link:hover {
    text-decoration: underline
}

.form-control {
    box-shadow: none
}

#support .help-block,
.contactusform .help-block,
.supportform .help-block {
    position: absolute;
    top: 30px;
    left: 13px;
    pointer-events: none;
    color: #afadad
}

@media (max-width:500px) {
    #support .summariseyourquestionprobleminonesentence .help-block,
    #support .tellusaboutitpleasebeasdescriptiveaspossible .help-block,
    .contactusform .summariseyourquestionprobleminonesentence .help-block,
    .contactusform .tellusaboutitpleasebeasdescriptiveaspossible .help-block,
    .supportform .summariseyourquestionprobleminonesentence .help-block,
    .supportform .tellusaboutitpleasebeasdescriptiveaspossible .help-block {
        top: 51px
    }
}

#support .contourField,
.contactusform .contourField,
.supportform .contourField {
    margin-bottom: 20px;
    position: relative
}

#support .contourNavigation button,
.contactusform .contourNavigation button,
.support .contour h4,
.supportform .contourNavigation button {
    margin-bottom: 40px
}

.contourMessageOnSubmit {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding: 60px 0
}

.formClose {
    display: none
}

.support .contour .formClose {
    display: block;
    float: right;
    margin-top: -75px;
    color: #000
}

.support .contour form input,
.support .contour form textarea {
    width: 100%;
    max-width: 600px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    padding: 8px
}

.support .contour form .action-banner__button,
.support .contour form .btn {
    width: 180px;
    border: 0;
    border-radius: 0
}

.support .panel-group {
    margin-top: 20px
}

.support .panel-group button {
    margin: 20px 0
}

.support .search input {
    height: 37px
}

.support .filter-nav__control .dropdown-wrap button {
    margin-top: 1px
}

.supportform .formClose {
    display: block;
    float: right;
    margin-top: -75px;
    color: #000
}

.supportform form input,
.supportform form textarea {
    width: 100%;
    max-width: 600px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    padding: 8px
}

.supportform form .action-banner__button,
.supportform form .btn {
    width: 180px;
    border: 0;
    border-radius: 0;
    background: #fd0
}

#contour_form_bc9be1f6eacd478db6575279ed700c9f .contourField,
.contactusform .contourField {
    padding-bottom: 15px
}

#contour_form_bc9be1f6eacd478db6575279ed700c9f .contourPage,
.contactusform .contourPage {
    padding: 30px 0 0
}

#contour_form_bc9be1f6eacd478db6575279ed700c9f fieldset,
.contactusform fieldset {
    padding-top: 0!important;
    margin-bottom: 0!important
}

#contour_form_bc9be1f6eacd478db6575279ed700c9f input,
#contour_form_bc9be1f6eacd478db6575279ed700c9f textarea,
.contactusform input,
.contactusform textarea {
    width: 100%;
    max-width: 600px!important;
    border: 1px solid #f1f1f1!important;
    border-radius: 4px;
    padding: 8px
}

#contour_form_bc9be1f6eacd478db6575279ed700c9f .action-banner__button,
#contour_form_bc9be1f6eacd478db6575279ed700c9f .btn,
.contactusform .action-banner__button,
.contactusform .btn {
    width: 180px;
    border: 0;
    border-radius: 0;
    background: #fd0!important
}

#contour_form_bc9be1f6eacd478db6575279ed700c9f .col-md-6,
.contactusform .col-md-6 {
    width: 100%
}

.support .contour,
.supportform.contour {
    padding: 53px 0
}

.support .contour h5,
.supportform.contour h5 {
    padding-bottom: 45px
}

.support .contour .contourField,
.supportform.contour .contourField {
    margin-bottom: 45px
}

.support .contour textarea,
.supportform.contour textarea {
    min-height: 160px
}

.support .contour .action-banner__button,
.support .contour .btn,
.supportform.contour .action-banner__button,
.supportform.contour .btn {
    background: #fd0;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    margin-bottom: 50px
}

.support .contour .action-banner__button:hover,
.support .contour .btn:hover,
.supportform.contour .action-banner__button:hover,
.supportform.contour .btn:hover {
    background: #000;
    color: #fff;
    text-decoration: none
}

#contact-us .newsletter,
.support .newsletter {
    padding: 0
}

#contact-us .newsletter .contourFieldSet,
#contact-us .newsletter .contourPage,
.support .newsletter .contourFieldSet,
.support .newsletter .contourPage {
    padding: 0;
    margin: 0
}

#contact-us .newsletter .action-banner__button,
#contact-us .newsletter .btn,
.support .newsletter .action-banner__button,
.support .newsletter .btn {
    padding: 0 10px
}

/**** SUPPORT BROCHURE ****/
.bgoffwhite.pblarger>.container>.row>div>.row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.bgoffwhite.pblarger>.container>.row>div>.row>.bcol {
    float: left;
    display: inline;
    vertical-align: top;
}

.bgoffwhite.pblarger>.container>.row>div>.row>.bcol.plsmall>h4 {
    margin-top: 0;
}

.container-fluid,
.container-fluid .row .col-md-12 {
    padding: 0
}

.site__logo svg {
    width: 100%;
    height: auto
}

.container-fluid .row {
    margin: 0
}

.social-links {
    overflow: hidden
}

.social-links__title {
    color: #fff;
    margin: 15px 0 0
}

.social-links__title:hover {
    color: #000
}

.social-links--list {
    padding: 0;
    text-align: center
}

.social-links--list-item {
    padding: 0 6px
}

.social-links--link {
    color: #fff
}

.social-links--link i {
    display: inline-block;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    font-size: 42px
}

.social-links--link:hover {
    color: #000
}

.store-locator .form-group-lg .form-control {
    padding: 0 40px
}

@media (max-width:768px) {
    .store-locator .form-group-lg .form-control {
        padding: 0 20px;
        font-size: 18px
    }
}

@media (max-width:640px) {
    .colour-block--product {
        height: 248px!important;
        margin-bottom: 12px;
        width: 32.5%
    }
}

@media (max-width:550px) {
    .support .mtsmall {
        width: 100%
    }
    .colour-block--product {
        height: 237px!important;
        margin-bottom: 5px
    }
}

@media (max-width:479px) {
    .colour-block--product {
        height: auto!important;
        width: 47.8%
    }

}

.top-menu {
    position: relative;
    z-index: 5;
    overflow: hidden;
    height: 30px;
    background: #000
}

.top-menu .navbar {
    min-height: 0
}

.top-menu .navbar-nav {
    float: right;
    width: auto
}

.top-menu .navbar--list-item {
    width: auto;
    padding: 0 18px
}

.top-menu .navbar--list-item:first-child {
    padding-left: 10px
}

.top-menu .navbar--list-item:last-child {
    padding-right: 10px
}

.top-menu .menu--link {
    padding: 0;
    color: #999;
    font-size: 13px;
    line-height: 30px;
    -webkit-transition: color .3s linear;
    transition: color .3s linear
}

.top-menu .menu--link:hover {
    color: #fff
}

.site-nav {
    z-index: 101;
    position: relative;
    height: 65px;
    background-color: #fd0
}

.site-nav__logo .site__logo {
    padding: 20px 0;
    position: relative
}

@media (max-width:1080px) {
    .site-nav__logo .site__logo {
        padding-left: 10px
    }
}

.site-nav__navwrap {
    padding: 0
}

.site-nav__navwrap .navbar {
    padding: 0;
    border: none
}

.site-nav__navwrap .navbar-nav {
    width: 95%;
    display: table
}

.site-nav__navwrap .navbar--list-item {
    display: table-cell;
    width: auto;
    float: none;
    text-align: center
}

.site-nav__navwrap .menu--link {
    padding: 0;
    background-color: transparent;
    color: #fff;
    font-size: 21px;
    line-height: 65px;
    -webkit-transition: background .3s linear;
    transition: background .3s linear
}

.site-nav__navwrap .menu--link:hover {
    background-color: #000
}

.site-nav__tray .navbar {
    height: 65px;
    overflow: hidden;
    border: none
}

.site-nav__tray .navbar-nav {
    width: 100%;
    margin: 0
}

.site-nav__tray .navbar--list-item {
    width: 50%;
    text-align: center;
    padding-top: 5px
}

.site-nav__tray .menu--link {
    background: 0 0;
    border: none;
    padding: 6px 0;
    font-size: 12px
}

.site-nav__tray .menu--link i {
    width: 100%;
    display: block;
    margin-bottom: 4px;
    font-size: 20px
}

.site-nav__tray .menu--link span {
    display: block;
    line-height: 1.1
}

.site-nav__tray .menu--link.toggle-button {
    width: 100%;
    height: 100%;
    background-color: #2d2a2a;
    color: #fd0
}

.site-nav__tray .menu--link.toggle-button i {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute
}

@media (max-width:1079px) {
    .site-nav__logo,
    .site-nav__tray {
        display: block
    }
    .site-nav__logo {
        float: left
    }
    .site-nav__tray {
        float: right;
        padding: 0;
        width: 145px
    }
    .site-nav__tray .navbar--list-item {
        width: 65px;
        height: 66px;
        display: inline-block!important
    }
    .site-nav__tray .menu--link {
        -webkit-transition: all linear .2s;
        transition: all linear .2s;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute
    }
}

@media (max-width:767px) {
    .site-nav__tray {
        width: 149px
    }
}

.site-nav .search-form__results {
    margin: 65px 0 0
}

.site-nav .search-form__button {
    font-size: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.site-nav .search-form__button .icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.site-nav .search-form__button.collapsed .icon:before {
    content: ""
}

@media (min-width:1080px) {
    .site-nav {
        background-color: rgba(0, 0, 0, .7)
    }
    .site-nav__tray .menu--link .price {
        font-size: 10px;
        clear: left
    }
    .site-nav .blade {
        width: 2000px;
        height: 65px;
        position: absolute;
        top: 0;
        background: #fd0
    }
    .site-nav .blade.left {
        right: 0
    }
    .site-nav .blade.right {
        left: 0
    }
}

.inspiration-wall__tags a {
    color: #777;
    font-family: FranklinGothicURWCon-Med, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.inspiration-wall__grid-item {
    overflow: hidden;
    display: block;
    padding: 0
}

.inspiration-wall__grid-item img {
    max-width: none
}

.inspiration-wall__popup {
    display: block
}

@media (min-width:1079px) {
    .inspiration-wall__popup {
        max-height: 252px;
        overflow: hidden
    }
}

@media (min-width:1199px) {
    .inspiration-wall__popup {
        max-height: 290px;
        overflow: hidden
    }
    .colour-block--product {
        width: 19.2%;
        overflow: hidden;
        height: 250px;
        margin-bottom: 20px
    }
}

.inspiration-wall__rollover {
    pointer-events: none;
    text-align: center
}

.inspiration-wall__rollover .share-panel {
    pointer-events: initial
}

.inspiration-wall--vertical .inspiration-wall__rollover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    background-color: rgba(255, 221, 0, .6);
    color: #000;
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear
}

.inspiration-wall--vertical .inspiration-wall__rollover .title {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    position: absolute
}

.inspiration-wall--vertical .inspiration-wall__rollover .share-panel {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 165px;
    position: absolute;
    bottom: 0
}

.inspiration-wall--vertical .inspiration-wall__grid-item:hover .inspiration-wall__rollover {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.inspiration-wall--vertical .inspiration-wall__grid-item.Landscape,
.inspiration-wall--vertical .inspiration-wall__grid-item.landscape {
    width: 100%
}

@media (min-width:480px) {
    .inspiration-wall--vertical .inspiration-wall__grid-item {
        width: 23.5%
    }
    .inspiration-wall--vertical .inspiration-wall__grid-item.Landscape,
    .inspiration-wall--vertical .inspiration-wall__grid-item.landscape {
        width: 38.6%
    }
}

.inspiration-wall--horizontal,
.inspiration-wall--vertical {
    margin-left: 1.375%
}

.inspiration-wall--horizontal .grid-sizer,
.inspiration-wall--vertical .grid-sizer {
    width: 100%
}

.inspiration-wall--horizontal .gutter-sizer,
.inspiration-wall--vertical .gutter-sizer {
    width: 0
}

@media (min-width:480px) {
    .inspiration-wall--horizontal .grid-sizer,
    .inspiration-wall--vertical .grid-sizer {
        width: 18.8%
    }
    .inspiration-wall--horizontal .gutter-sizer,
    .inspiration-wall--vertical .gutter-sizer {
        width: 1%
    }
}

.inspiration-wall--horizontal .inspiration-wall__grid-wrap,
.inspiration-wall--vertical .inspiration-wall__grid-wrap {
    overflow: hidden
}

.inspiration-wall--horizontal .inspiration-wall__grid-row,
.inspiration-wall--vertical .inspiration-wall__grid-row {
    height: 370px
}

.inspiration-wall--horizontal .inspiration-wall__grid-item,
.inspiration-wall--vertical .inspiration-wall__grid-item {
    width: 19%;
    margin-bottom: 12px
}

.inspiration-wall--horizontal .inspiration-wall__grid-item img,
.inspiration-wall--vertical .inspiration-wall__grid-item img {
    width: 100%;
    height: auto
}

.inspiration-wall--horizontal .inspiration-wall__grid-item:after,
.inspiration-wall--vertical .inspiration-wall__grid-item:after {
    content: 'View image';
    padding: 8px 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    background-color: rgba(0, 0, 0, .6);
    color: #fff
}

.masthead,
.masthead .owl-carousel__bgimage,
.masthead .owl-carousel__image {
    position: relative;
    z-index: 2
}

.inspiration-wall--horizontal .inspiration-wall__grid-item:hover:after,
.inspiration-wall--vertical .inspiration-wall__grid-item:hover:after {
    opacity: 1
}

.inspiration-wall--vertical {
    margin-left: 0
}

.inspiration-wall--vertical .inspiration-wall__grid-wrap {
    height: 100%
}

@media (min-width:480px) {
    .inspiration-wall--vertical .grid-sizer {
        width: 18.8%
    }
}

.inspiration-wall--vertical .inspiration-wall__grid-item {
    width: 100%
}

@media (min-width:480px) {
    .inspiration-wall--vertical .inspiration-wall__grid-item {
        width: 18.8%
    }
}

/**** FAQ FILTER PAGE ****/

body#faqs span.video__link {
    display: none;
}

#faq-filter {
    margin-top: 40px;
    margin-bottom: 40px;
}

#faq-filter > .filter-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    vertical-align: middle;
}

#faq-filter > .filter-container > h3 {
    width: auto;
    line-height: 0;
    float: left;
    font-size: 20px;
    line-height: .6em;
}

#faq-filter > .filter-container > select {
    margin-right: 10px;
    margin-left: 10px;
    width: auto;
    float: left;
    padding: 5px 10px !important;
    height: 55px;
    font-size: 20px;
    letter-spacing: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
     background-image: url('../images/arrow-down-icon-png-6687.png');
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    outline: none;
    text-align: left;
}

#faq-filter > .filter-container > select::-ms-expand {
    display: none;
}

#faq-filter > .filter-container > select:first-of-type {
    background-position: 90% 50%;
    padding: 5px 40px 5px 10px !important;
}

#faq-filter > .filter-container > select:last-of-type {
    padding: 5px 40px 5px 10px !important;
}

#faq-filter > .filter-container > select.btn.btn-primary > option {
    font-size: 16px !important;
    font-weight: normal !important;
}

body#faqs .quicklink.quicklink--video-project .quicklink__image-wrap {
    overflow: hidden;
    position: relative;
    display: block;
    height: 250px;
}

body#faqs .quicklink__image.img-responsive.full-width {
    height: inherit;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}

/**** FAQ ARTICLE ****/
                        body#faqs .pthuge {
                            padding-top: 15px;
                        }
                        .btn-back {
                            padding: 0px 10px !important;
                            font-size: 18px !important;
                        }

                        .btn-back:before {
                            content:'\f100';
                            font-family: 'FontAwesome';
                            color: inherit;
                            margin-right: 8px;
                        }

                        .btn-back:hover, .btn-back:focus, btn-back:active {
                            color: #000;
                            background-color: #e6e6e6;
                            border-color: #adad99;
                            outline: none;
                            text-decoration: none;
                        }

.inspiration-wall--vertical .inspiration-wall__grid-item:after {
    display: none
}

.masthead {
    width: 100%;
    padding: 0
}

.masthead .owl-carousel__bgimage {
    overflow: hidden;
    height: 293px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover
}

.masthead .owl-wrapper,
.masthead .owl-wrapper .owl-item {
    width: 100vw!important
}

.masthead .owl-carousel__content {
    position: absolute;
    z-index: 3;
    width: 1092px;
    padding-right: 182px;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.masthead .owl-carousel__heading {
    color: #fff;
    margin: 0
}

.masthead .owl-carousel__heading.blog-post-header {
    font-size: 60px;
    font-family: VenusSB-BoldExtended,Helvetica,Arial,sans-serif;
    text-transform: none;
}

.masthead .social-links {
    position: absolute;
    right: 50px;
    bottom: 0
}

.masthead-carousel,
.masthead-carousel .owl-carousel__bgimage,
.masthead-carousel .owl-carousel__image {
    position: relative;
    z-index: 2
}

@media (max-width:1199px) {
    .masthead .owl-carousel__content {
        width: 948px;
        padding-right: 79px
    }

    .subscribe-desc {
        width: 130px;
        font-size: 16px;
    }

    .subscribe-input {
        width:185px;
    }

    .masthead-carousel .owl-carousel__heading {
        font-size: 47px;
    }

    #faq-filter > .filter-container > select:last-of-type {
        width: 28%;
    }
}

@media (max-width:1079px) {
    .masthead .owl-carousel__content {
        width: 100%;
        padding: 8px;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: center
    }
}

@media (max-width:768px) {
    .home .masthead-carousel {
        padding-bottom: 5px
    }
}

.masthead-carousel {
    width: 100%;
    padding: 0
}

.masthead-carousel .owl-carousel__bgimage {
    overflow: hidden;
    padding-bottom: 32.4%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover
}

.masthead-carousel .owl-carousel__content {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.gallery .gallery__thumbnails,
.gallery .owl-controls,
.masthead-carousel .owl-controls {
    bottom: 18px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    left: 50%
}

@media (max-width:767px) {
    .masthead-carousel .owl-carousel__content .owl-carousel__link {
        padding: 4px 10px;
        font-size: 10px
    }
}

.masthead-carousel .owl-controls {
    position: absolute;
    z-index: 2;
    transform: translateX(-50%)
}

.masthead-carousel .owl-page {
    width: 14px;
    height: 14px;
    margin: 0 2px;
    border: 2px solid #fd0;
    background-color: transparent;
    float: left
}

.masthead-carousel .owl-page.active {
    background-color: #fff
}

@media (min-width:480px) and (max-width:1079px) {
    .masthead-carousel .owl-carousel__bgimage {
        height: 280px
    }
}

@media (max-width:479px) {
    .masthead-carousel .owl-carousel__bgimage {
        height: 138px
    }

}

.mixed-tiles:nth-child(3) {
    margin-top: 0!important
}

@media (max-width:767px) {
    .mixed-tiles {
        margin-top: 0;
        width: 100%
    }
}

.mixed-tiles .gallery,
.mixed-tiles .quickcontent--faq,
.mixed-tiles .quicklink,
.mixed-tiles .quicklink--banner,
.mixed-tiles .quicklink--bulletin,
.mixed-tiles .quicklink--latest {
    overflow: hidden;
    height: 265px;
    margin: 4px 0;
    position: relative
}

.mixed-tiles .quicklink__link-wrap {
    display: block;
    width: 100%;
    height: 100%
}

.mixed-tiles .quicklink__link-wrap.instagram,
.mixed-tiles .quicklink__link-wrap.video {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.mixed-tiles .quicklink__link-wrap.instagram:before,
.mixed-tiles .quicklink__link-wrap.video:before {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mixed-tiles .quicklink__link-wrap.video:before {
    content: ''
}

.mixed-tiles .quicklink__link-wrap.instagram:before {
    content: "";
    color: #fd0;
    font-size: 72px
}

@media (max-width:479px) {
    .mixed-tiles__item {
        height: 180px
    }
}


@media (min-width:767px) and (max-width:1024px) {
    .mixed-tiles {
        width: 99%;
        margin-top: 4px
    }
    .mixed-tiles .col-xs-12,
    .mixed-tiles .col-xs-6 {
        padding-left: 8px;
        padding-right: 8px
    }
    .mixed-tiles .gallery,
    .mixed-tiles .quicklink {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .masthead-carousel .owl-carousel__heading {
        font-size: 33px;
    }

}

.gallery__image-wrap {
    width: 100%;
    height: 100%
}

.gallery__image-wrap .gallery__link {
    display: block;
    width: 100%;
    height: 100%
}

.gallery .gallery__thumbnails,
.gallery .owl-controls {
    position: absolute;
    z-index: 2;
    transform: translateX(-50%)
}

.gallery .gallery__thumbnails-item,
.gallery .owl-page {
    width: 14px;
    height: 14px;
    margin: 0 2px;
    border: 2px solid #fd0;
    background-color: transparent;
    float: left
}

.gallery .gallery__thumbnails-item.active,
.gallery .owl-page.active {
    background-color: #fff
}

.gallery__bgimage,
.gallery__image {
    position: relative;
    z-index: 1
}

.gallery__bgimage {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear
}

@media (max-width:1080px) {
    .single-product .gallery__bgimage {
        background-size: 35%
    }
}

.video .gallery__bgimage {
    background-size: cover
}

.gallery__thumbnails {
    position: absolute;
    z-index: 6;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    margin: 0 auto;
    padding: 0;
    bottom: 14px;
    list-style: none
}

.gallery__thumbnails-item {
    float: left
}

.gallery__thumbnails-item button {
    width: 14px;
    height: 14px;
    margin: 0 2px;
    border: 2px solid #fd0;
    background-color: transparent
}

.gallery__thumbnails-item button.active {
    background-color: #fff
}

.gallery__,
.gallery__pagination {
    position: absolute;
    z-index: 6;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    left: 0
}

.gallery__ .gallery__next,
.gallery__ .gallery__prev,
.gallery__ .owl-next,
.gallery__ .owl-prev,
.gallery__pagination .gallery__next,
.gallery__pagination .gallery__prev,
.gallery__pagination .owl-next,
.gallery__pagination .owl-prev {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    border: none;
    background: 0 0;
    margin-top: -15px;
    padding: 0
}

.gallery__ .gallery__next i,
.gallery__ .gallery__prev i,
.gallery__ .owl-next i,
.gallery__ .owl-prev i,
.gallery__pagination .gallery__next i,
.gallery__pagination .gallery__prev i,
.gallery__pagination .owl-next i,
.gallery__pagination .owl-prev i {
    display: none
}

.gallery__ .gallery__next:before,
.gallery__ .gallery__prev:before,
.gallery__ .owl-next:before,
.gallery__ .owl-prev:before,
.gallery__pagination .gallery__next:before,
.gallery__pagination .gallery__prev:before,
.gallery__pagination .owl-next:before,
.gallery__pagination .owl-prev:before {
    color: #000;
    font-size: 27px
}

.gallery__ .gallery__prev,
.gallery__ .owl-prev,
.gallery__pagination .gallery__prev,
.gallery__pagination .owl-prev {
    left: 5px
}

.gallery__ .gallery__prev:before,
.gallery__ .owl-prev:before,
.gallery__pagination .gallery__prev:before,
.gallery__pagination .owl-prev:before {
    content: ""
}

.gallery__ .gallery__next,
.gallery__ .owl-next,
.gallery__pagination .gallery__next,
.gallery__pagination .owl-next {
    right: 5px
}

.gallery__ .gallery__next:before,
.gallery__ .owl-next:before,
.gallery__pagination .gallery__next:before,
.gallery__pagination .owl-next:before {
    content: ""
}

.gallery__title {
    position: absolute;
    z-index: 4;
    margin: 0;
    top: 10px;
    left: 0;
    right: 0;
    font-family: VenusSB-BoldExtended, Helvetica, Arial, sans-serif;
    text-align: center
}

.gallery__caption {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: auto;
    padding: 10px 20px;
    top: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.gallery__caption>* {
    margin: 0
}

.gallery__caption>*+* {
    margin-top: 5px
}

.gallery__buttons {
    position: absolute;
    z-index: 7;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: table;
    bottom: 0
}

.gallery__buttons>* {
    display: table-cell;
    float: none
}

.gallery__link.video:before {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: ''
}

.gallery__link.static:hover .gallery__bgimage,
.gallery__link.video:hover .gallery__bgimage {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.gallery__link.static:hover .action-banner__button,
.gallery__link.static:hover .btn,
.gallery__link.video:hover .action-banner__button,
.gallery__link.video:hover .btn {
    text-decoration: underline;
    opacity: 1
}

.gallery .owl-item,
.gallery .owl-wrapper,
.gallery .owl-wrapper-outer {
    height: 100%
}

.quicklink {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover
}

.quicklink .quicklink__copy-wrap {
    padding: 0 30px
}

.quicklink .quicklink__copy-wrap button {
    opacity: .8
}

.quicklink .quicklink__caption>* {
    margin: 5px 0
}

.quicklink--standard .quicklink__copy-wrap {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    color: #fff
}

.quicklink--standard .quicklink__copy-wrap button {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 20px
}

.quicklink--banner .quicklink__copy-wrap {
    position: absolute;
    z-index: 3;
    width: 100%;
    color: #fff;
    text-align: left
}

.quicklink--banner .quicklink__copy-wrap button {
    min-width: 180px;
    margin: 10px 0 0
}

.quicklink--banner .quicklink__copy-wrap p {
    font-size: 12px
}

.quicklink--banner .quicklink__copy-wrap.left {
    width: 80%
}

.quicklink--banner .quicklink__copy-wrap.left.bottom {
    position: absolute;
    bottom: 20px
}

.quicklink--banner .quicklink__caption {
    text-transform: uppercase
}

.quicklink--bulletin {
    background-position: center bottom
}

.quicklink--bulletin .quicklink__link-wrap {
    border: 6px solid #c9c9c9
}

.quicklink--bulletin .quicklink__copy-wrap {
    position: absolute;
    z-index: 3;
    overflow: hidden;
    padding: 0;
    color: #000
}

.quicklink--bulletin .quicklink__copy-wrap small {
    color: #000
}

.quicklink--bulletin .quicklink__copy-wrap button {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    position: absolute;
    bottom: 0
}

.quicklink--bulletin .quicklink__caption small,
.quicklink--bulletin .quicklink__date,
.quicklink--bulletin .quicklink__title small {
    font-size: 10px
}

.quicklink--bulletin .quicklink__caption,
.quicklink--bulletin .quicklink__title {
    line-height: 1
}

.quicklink--bulletin .quicklink__date,
.quicklink--bulletin .quicklink__title {
    text-transform: uppercase
}

.quicklink--bulletin:after,
.quicklink--bulletin:before {
    content: '';
    display: block
}

.quicklink--bulletin:before {
    position: absolute
}

.quicklink--bulletin:after {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #c9c9c9
}

.quicklink--bulletin.quicklink--yellow .quicklink__link-wrap {
    border: 6px solid #fd0
}

.quicklink--bulletin.quicklink--yellow:after {
    background-color: #fd0
}

.quicklink--bulletin.top.quicklink--yellow:before,
.quicklink--bulletin.top:before {
    background: 0 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent
}

.quicklink--bulletin.top .quicklink__copy-wrap {
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px
}

.quicklink--bulletin.top:before {
    width: 0;
    height: 0;
    border-top: 20px solid #c9c9c9;
    top: 65%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.quicklink--bulletin.top:after {
    width: 100%;
    height: 65%
}

.quicklink--bulletin.top.quicklink--yellow:before {
    width: 0;
    height: 0;
    border-top: 20px solid #fd0
}

.quicklink--bulletin.left {
    background-position: right center
}

.quicklink--bulletin.left .quicklink__link-wrap {
    border: none
}

.quicklink--bulletin.left.quicklink--yellow:before,
.quicklink--bulletin.left:before {
    background: 0 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

.quicklink--bulletin.left .quicklink__copy-wrap {
    top: 20px;
    bottom: 20px;
    left: 30px;
    right: 50%;
    margin-right: 30px
}

.quicklink--bulletin.left:before {
    width: 0;
    height: 0;
    border-left: 20px solid #c9c9c9;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.quicklink--bulletin.left:after {
    width: 50%;
    height: 100%
}

.quicklink--bulletin.left.quicklink--yellow:before {
    width: 0;
    height: 0;
    border-left: 20px solid #fd0
}

.quicklink--bulletin .quicklink__caption {
    display: none
}

@media (min-width:769px) {
    .quicklink--bulletin .quicklink__caption {
        display: block
    }
}

.quicklink--banner .quicklink__link-wrap:after,
.quicklink--bulletin .quicklink__link-wrap:after,
.quicklink--standard .quicklink__link-wrap:after {
    position: absolute;
    z-index: 2;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.quickcontent--latest .quickcontent__image-wrap,
.quicklink--latest .quicklink__image-wrap {
    width: 83px
}

.quicklink--banner .quicklink__link-wrap:hover .quicklink__button,
.quicklink--bulletin .quicklink__link-wrap:hover .quicklink__button,
.quicklink--standard .quicklink__link-wrap:hover .quicklink__button {
    text-decoration: underline;
    opacity: 1
}

.quicklink--banner .quicklink__link-wrap:hover:after,
.quicklink--bulletin .quicklink__link-wrap:hover:after,
.quicklink--standard .quicklink__link-wrap:hover:after {
    opacity: 1
}

.quicklink--latest .quicklink__link-wrap {
    display: table;
    height: 83px;
    margin: 8px 0;
    background-color: #f0f0f0
}

.quicklink--latest .quicklink__link-wrap:first-child {
    margin-top: 0
}

.quicklink--latest .quicklink__link-wrap:last-child {
    margin-bottom: 0
}

.quicklink--latest .quicklink__link-wrap:hover {
    text-decoration: none
}

.quicklink--latest .quicklink__link-wrap:hover .quicklink__title {
    text-decoration: underline
}

.quicklink--latest .quicklink__copy-wrap,
.quicklink--latest .quicklink__image-wrap {
    display: table-cell;
    vertical-align: top;
    overflow: hidden
}

.quicklink--latest .quicklink__copy-wrap {
    padding: 10px 0 0 15px;
    color: #000;
    line-height: 1.1
}

.quicklink--latest .quicklink__title {
    padding-bottom: 4px;
    font-size: 25px
}

.quicklink--latest .quicklink__caption {
    font-size: 14px
}

.quickcontent--latest .quickcontent__item {
    display: table;
    margin: 8px 0;
    background-color: #f0f0f0
}

.navbar,
.quickcontent--latest .quickcontent__item:last-child {
    margin-bottom: 0
}

#confirmSubscribe h2,
#subscribeConfirmModal h2,
.quickcontent--latest .quickcontent__item:first-child {
    margin-top: 0
}

.quickcontent--latest .quickcontent__copy-wrap,
.quickcontent--latest .quickcontent__image-wrap {
    display: table-cell;
    vertical-align: top;
    height: 83px;
    overflow: hidden
}

.quickcontent--latest .quickcontent__copy-wrap {
    padding: 10px 0 0 15px;
    color: #000;
    line-height: 1.1
}

.quickcontent--latest .quickcontent__item-title {
    padding-bottom: 4px;
    font-size: 25px
}

.quickcontent--latest .quickcontent__item-caption {
    font-size: 14px
}

.quickcontent--faq .panel .panel-title {
    padding-left: 70px
}

.quickcontent--faq .panel .panel-title:before {
    content: 'FAQ';
    display: block;
    width: 70px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #777;
    color: #fff;
    text-align: center;
    line-height: 47px
}

.quickcontent--faq .panel .panel-collapse {
    display: block;
    z-index: 1;
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    opacity: 0;
    background-color: #f0f0f0
}

.quickcontent--faq .panel .panel-collapse.in {
    top: 0;
    opacity: 1;
    width: 100%;
    overflow: scroll
}

.quickcontent--faq .panel .panel-body {
    width: 100%;
    padding: 30px 15px 15px;
    position: relative
}

.quickcontent--faq .panel .panel-body .close-panel {
    background: 0 0;
    border: none;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000
}

.quickcontent--faq .panel .panel-body .close-panel:before {
    content: ""
}

.mixed-tiles .row .col-md-3:nth-child(2) .owl-controls {
    display: none
}

.project-hub .gallery__pagination.hidden,
.single-product .gallery__pagination.hidden {
    display: block!important
}

.project-hub .gallery__pagination .owl-prev .gallery__prev,
.single-product .gallery__pagination .owl-prev .gallery__prev {
    display: none
}

.project-hub .gallery__pagination .owl-prev.disabled,
.single-product .gallery__pagination .owl-prev.disabled {
    display: none!important
}

.project-hub .gallery__pagination .owl-next .gallery__next,
.single-product .gallery__pagination .owl-next .gallery__next {
    display: none
}

.project-hub .gallery__pagination .owl-next.disabled,
.single-product .gallery__pagination .owl-next.disabled {
    display: none!important
}

.modal {
    text-align: center;
    padding: 0!important
}

@media (max-width: 1079px) {
    .masthead-carousel .owl-carousel__heading {
        font-size: 42px;
    }
}

@media (max-width: 960px) {
    .masthead-carousel .owl-carousel__heading {
        font-size: 33px;
    }

    #faq-filter > .filter-container > h3 {
        font-size: 18px;
    }

    #faq-filter > .filter-container > select {  
        width: 15%;
        font-size: 18px;
        height: 49px;
    }

}

@media (max-width:768px) {
    .modal {
        width: 100vw;
        height: 100vh
    }

    .masthead-carousel .owl-carousel__heading {
        font-size: 35.2px;
    }

    #faq-filter > .filter-container {
        display: block !important;
    }

    #faq-filter > .filter-container > h3 {
        font-size: 20px;
        float: none;
        display: block;
        padding-bottom: 10px;
    }

     #faq-filter > .filter-container > h3:last-of-type {
        padding-top: 20px;
    }

    #faq-filter > .filter-container > select {  
        font-size: 20px;
        float: none;
        width: auto !important;
        margin-left: 0px;
        margin-right: 0px;
        height: 55px;
    }

}

@media (max-width:767px) {
    .masthead-carousel .owl-carousel__heading {
      font-size: 31px;
    width: 60%;
    }
}

@media (max-width:650px) {
    .masthead-carousel .owl-carousel__heading {
          font-size: 31px;
        width: 67%;
    }
}
@media (max-width:550px) {
    .masthead-carousel .owl-carousel__heading {
        font-size: 30px;
        width: 80%;
    }
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #000;
    width: 30px;
    height: 30px;
    z-index: 100;
    display: block
}

.modal-close i.fa-angle-left {
    color: #fff;
    position: absolute;
    top: 4px;
    right: 9px;
    font-size: 20px
}

.modal-close i.fa-angle-right {
    color: #fff;
    position: absolute;
    top: 4px;
    left: 9px;
    font-size: 20px
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.page-header,
.paint-calculator {
    text-align: center
}

.modal-dialog .modal-content {
    min-width: 250px;
    min-height: 100px
}

@media (min-width:768px) {
    .modal-dialog {
        width: auto
    }
}

@media (max-width:500px) {
    .modal-dialog iframe {
        width: 400px;
        height: 300px
    }

    .masthead-carousel .owl-carousel__heading {
        font-size: 30px;
        width: 90%;
    }

}

@media (max-width:768px) {
    .modal-dialog {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%)!important;
        -ms-transform: translate(0, -50%)!important;
        transform: translate(0, -50%)!important
    }
    .modal-dialog iframe {
        width: 265px;
        height: 148px
    }
    #mylistModal .modal-dialog {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%)!important;
        -ms-transform: translate(-50%, -50%)!important;
        transform: translate(-50%, -50%)!important
    }
}

#mylistModal .modal-header .close {
    opacity: 1;
    color: #fff
}

#mylistModal .modal-header .close i {
    font-style: normal;
    color: #fff
}

@media (max-width:766px) {
    #mylistModal .modal-header {
        width: 100vw
    }
    #mylistModal .modal-dialog {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0)!important;
        -ms-transform: translate(0, 0)!important;
        transform: translate(0, 0)!important;
        margin: 0
    }
    #mylistModal .modal-body {
        width: 100vw
    }
}

@media (max-width:768px) {
    #subscribeConfirmModal .modal-dialog {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0)!important;
        -ms-transform: translate(0, 0)!important;
        transform: translate(0, 0)!important
    }
}

@media (min-width:767px) {
    .modal#cartModal .modal-dialog,
    .modal#mylistModal .modal-dialog {
        width: 500px
    }
}

.modal#cartModal .modal-content,
.modal#mylistModal .modal-content {
    background-color: #000;
    color: #c9c9c9
}

.modal#cartModal .paint-calculator__total-results,
.modal#mylistModal .paint-calculator__total-results {
    border-color: #c9c9c9
}

#show-next-image,
#show-previous-image {
    padding: 0;
    border: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: #000
}

.navbar,
.navbar .dropdown-menu .navbar--list-item {
    width: 100%
}

#show-next-image i,
#show-previous-image i {
    font-size: 20px;
    margin: 0;
    color: #fff;
    display: block
}

#show-next-image:hover,
#show-previous-image:hover {
    text-decoration: none;
    opacity: .8
}

#show-previous-image {
    left: 16px
}

#show-next-image {
    right: 16px
}

#confirmSubscribe input,
#subscribeConfirmModal input {
    margin-top: -10px
}

@media (max-width:767px) {
    #confirmSubscribe .modal-dialog,
    #subscribeConfirmModal .modal-dialog {
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0)!important;
        -ms-transform: translate(0, 0)!important;
        transform: translate(0, 0)!important
    }
}

.navbar {
    padding-left: 15px
}

.navbar .dropdown-menu {
    border: none;
    border-radius: 0;
    background-clip: inherit
}

.navbar .dropdown-menu.level-3 {
    display: block;
    min-width: 260px
}

.navbar .dropdown-menu.level-2 {
    margin: 0;
    padding: 0
}

.navbar .dropdown-menu.level-2 li>.menu--link-text {
    position: absolute;
    z-index: 1001;
    right: -50%;
    top: 35px
}

.navbar-main {
    margin-top: 40px
}

.navbar-nav {
    width: 100%;
    padding-left: 0
}

.navbar--list-item {
    width: 20%
}

.navbar--list-item-search {
    margin-top: 10px
}

.navbar--list-item a {
    color: #000
}

.navbar-top li {
    width: 33.333%
}

.navbar--footer {
    margin: 30px 0
}

.navbar--footer .navbar--heading {
    font-size: 13px;
    text-transform: uppercase
}

.navbar--footer .navbar--list-item {
    display: block;
    width: 100%
}

.navbar--footer .menu--link {
    padding: 2px 0;
    font-size: 12px
}

@media (min-width:1080px) {
    .page-layout {
        margin-bottom: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.page-header {
    margin: 0 0 52px;
    padding: 10px 0;
    background: #e6e6e0
}

.paint-calculator__title {
    margin: 0
}

.paint-calculator__paint-form {
    margin-top: 50px;
    font-size: 27px
}

.paint-calculator__paint-form .form-group>* {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    line-height: 1.5
}

.paint-calculator__paint-form .form-group label,
.paint-calculator__paint-form .form-group span {
    font-size: 17px;
    letter-spacing: -.4px
}

.paint-calculator__paint-form .form-group input {
    font-size: 17px;
    border-radius: 4px;
    letter-spacing: -.4px;
    padding: 10px
}

.paint-calculator__paint-form .form-control {
    width: 60px
}

.paint-calculator__paint-form .form-group:last-of-type label {
    margin-left: -20px;
    margin-right: 20px
}

.paint-calculator__paint-form #length {
    margin: 0 10px 0 5px
}

.paint-calculator__paint-form #width {
    margin: 0 5px
}

.paint-calculator__paint-form #coats {
    margin-left: 64px;
    padding: 0 10px;
    line-height: 1
}

@media (max-width:500px) {
    .paint-calculator__paint-form .form-control {
        width: 40px
    }
    .paint-calculator__paint-form #coats {
        margin-left: -16px
    }
}

@media (min-width:1079px) {
    .paint-calculator__paint-form .form-group label,
    .paint-calculator__paint-form .form-group span {
        font-size: 27px
    }
    .paint-calculator__paint-form .form-group input {
        font-size: 22px;
        padding: 10px
    }
    .paint-calculator__paint-form .form-control {
        width: 80px
    }
}

.paint-calculator__results {
    margin-top: 25px
}

.paint-calculator__results .action-banner__button,
.paint-calculator__results .btn {
    margin-top: 45px;
    margin-bottom: 35px
}

.paint-calculator__total-results {
    padding: 60px 0;
    border: 3px solid #000;
    border-left: none;
    border-right: none;
    font-family: VenusSB-BoldExtended, Helvetica, Arial, sans-serif;
    font-size: 26px
}

@media (min-width:1079px) {
    .paint-calculator__total-results {
        font-size: 36px
    }
}

.paint-calculator__results-outro {
    display: block;
    font-family: FranklinGothicURWCom-Dem, Helvetica, Arial, sans-serif;
    font-size: 27px
}

.product-list__description,
.product-list__title {
    font-size: 14px;
    max-height: 44px;
    overflow: hidden
}

.paint-calculator__buttons {
    padding-left: 0;
    list-style: none;
    margin-top: 45px
}

.paint-calculator__buttons li {
    margin-top: 20px
}

.paint-calculator__buttons li:first-child {
    margin-top: 0
}

.product-list__single-product {
    display: block
}

.product-list__single-product:focus,
.product-list__single-product:hover {
    text-decoration: none
}

.product-list__single-product:focus .product-list__button,
.product-list__single-product:hover .product-list__button {
    display: block
}

.product-list__wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}

#product-detail.single-product h2.support-header {
    font-size: 51px;
}

.product-list__content-wrap,
.product-list__image-wrap {
    display: block;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.product-list__image-wrap {
    height: 257px;
    position: relative
}

.product-list__image {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    position: absolute
}

.product-list__content-wrap {
    margin-top: -20px;
    position: relative;
    text-align: center;
    height: 88px
}

.product-list__description,
.product-list__title {
    display: block;
    color: #000
}

.product-list__title {
    font-family: VenusSB-BoldExtended, Helvetica, Arial, sans-serif
}

.product-list__button {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    position: absolute;
    top: -50px
}

.single-product .button-tray {
    padding-left: 0;
    list-style: none;
    margin: 25px 0
}

.single-product .button-tray li {
    display: block;
    margin: 5px 0 0
}

@media (max-width:768px) {
    .single-product .product-gallery {
        text-align: center
    }
    .single-product .product-gallery img {
        display: inline-block
    }
}

.single-product .btn-icon {
    width: 40px
}

.single-product .page-header {
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0;
    text-align: left
}

.single-product .page-header.hidden-xs {
    margin: 0 0 42px;
    background: #f0f0f0;
    text-align: center
}

.single-product .product__attributes {
    width: 100%;
    display: table
}

.single-product .product__attributes-item {
    vertical-align: middle;
    display: inline-block;
    width: 19%;
    height: 60px;
    position: relative;
    font-family: FranklinGothicURW-Boo, Helvetica, Arial, sans-serif;
    font-size: 15px;
    text-transform: uppercase
}

.single-product .product__attributes-icon,
.single-product .product__attributes-title {
    display: block
}

.single-product .product__attributes-icon {
    margin-right: 15px
}

.single-product .product__attributes-title {
    left: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    position: absolute
}

.single-product .product__specifications {
    text-align: left
}

.single-product .product__specifications dt {
    width: 40%;
    font-family: FranklinGothicURW-Dem, Helvetica, Arial, sans-serif
}

.search-form__result-title,
.single-product .product__support .badge,
.site-sidebar__result-title {
    font-family: FranklinGothicURWCom-Dem, Helvetica, Arial, sans-serif
}

.single-product .product__specifications dd {
    width: 60%
}

.single-product .product__support .list-group-item,
.single-product .product__support .panel,
.single-product .product__support .panel-heading {
    border: none
}

.single-product .product__support .badge {
    float: left;
    display: inline-block;
    width: 30px;
    margin: -4px 20px 0 0;
    padding: 0;
    border-radius: 0;
    background-color: #fd0;
    color: #000;
    font-size: 18px;
    line-height: 30px
}

.single-product .product__support .panel-heading {
    background-color: #575757;
    color: #fff
}

.single-product .product__support .panel-heading>* {
    margin: 0
}

.single-product .product__support .list-group-item {
    margin-top: 3px;
    background-color: #f0f0f0
}

.single-product .product__support .list-group-item a {
    display: block;
    color: #000
}

.single-product .product__support .list-group-item:hover {
    background-color: #fff
}

.single-product .product__support .list-group-item:hover a {
    text-decoration: underline
}

.single-product .colour-block__buttons {
    left: 0
}

.single-product .panel-group.panel-default .panel-body,
.single-product .panel-group.panel-default .panel-heading {
    height: 47px
}

.single-product .panel-group.panel-default .panel-title a {
    font-size: 13px;
    max-width: 91%;
    max-height: 30px;
    overflow: hidden
}

.single-product .quicklink--bulletin .quicklink__caption {
    max-height: 60px;
    overflow: hidden
}

.single-product .quicklink--latest .quicklink__caption {
    max-height: 30px;
    overflow: hidden
}

.project-explorer {
    padding-bottom: 80px;
    background-color: #000
}

@media (min-width:1079px) {
    .project-explorer {
        margin-top: 0
    }
}

.project-explorer__controls {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 98px;
    top: 0;
    left: 0;
    background-color: #000;
    color: #fff
}

@media (max-width:1080px) {
    .project-explorer .project-explorer__canvas {
        margin-top: 0
    }
    .project-explorer__controls h2 {
        font-size: 20px;
        width: 40%;
        line-height: 1;
        padding-top: 20px;
        float: left
    }
    .project-explorer__controls .project-explorer__controls-filter {
        float: right;
        width: 58%;
        max-width: 350px
    }

    .subscribe-desc {
        width: inherit;
        font-size: 16px;
        padding-top: 18px;
    }

}

@media (max-width:768px) {
    .project-explorer__controls h2 {
        font-size: 12px;
        padding-top: 42px
    }
    .project-explorer__controls .project-explorer__controls-filter {
        margin-top: 32px
    }
    .project-explorer__controls .project-explorer__controls-filter button {
        font-size: 16px
    }

    .subscribe-input,
    .subscribe-desc  {
        width: 100%;
    }

}

.project-explorer__controls-title {
    margin: 0;
    line-height: 98px
}

.project-explorer__canvas {
    padding-top: 98px
}

@media (max-width:1080px) {
    .project-explorer__canvas {
        padding-top: 0
    }
}

@media (max-width:768px) {
    .project-explorer__canvas {
        padding-top: 0
    }
}

.project-explorer__image {
    position: static;
    z-index: 1;
    width: 100%
}

.project-explorer__hotspot {
    position: absolute;
    z-index: 3;
    color: #fd0;
    opacity: .5;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.project-explorer__hotspot .title {
    visibility: hidden;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    top: 30px;
    left: -50%;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: opacity .5s linear .2s;
    transition: opacity .5s linear .2s;
    min-width: 110px;
    text-align: center
}

.project-explorer__hotspot .title:after {
    content: '>';
    display: inline
}

.project-explorer__hotspot:hover {
    color: #fd0;
    opacity: 1
}

.project-explorer__hotspot:hover .title {
    visibility: visible;
    opacity: 1;
    text-decoration: none
}

.project-explorer__controls-filter {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 426px;
    position: absolute;
    right: 10px
}

.project-explorer svg {
    position: absolute;
    top: -52px;
    left: 0;
    width: 100%;
    height: auto
}

.project-explorer svg>g {
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.project-hub .gallery {
    background: #f0f0f0
}

.project-hub .gallery__image-wrap .owl-wrapper {
    min-width: 100%;
    text-align: center
}

.project-hub .col-xs-12 .owl-item {
    display: inline-block;
    float: none
}

@media (min-width:500px) {
    .project-hub .gallery__image-wrap .owl-wrapper .owl-item {
        float: none
    }
    .project-hub .col-xs-12 .owl-item {
        max-width: 269px
    }
    .project-hub .col-xs-6 .gallery__image-wrap .owl-wrapper .owl-item {
        float: left
    }
}

.project-hub .col-xs-12 .gallery__bgimage {
    background-size: 65%;
    margin-top: 20px
}

@media (max-width:767px) {
    .project-hub .col-xs-12 .gallery__bgimage {
        background-size: 90%;
        margin-top: 0
    }
}

@media (max-width:1080px) {
    .project-hub .quickcontent--faq,
    .project-hub .quicklink--latest {
        height: 100%
    }
}

@media (max-width:768px) {
    .project-hub .page-header {
        margin-bottom: 5px
    }
    .project-hub h1 {
        font-size: 24px
    }
}

@media (max-width:499px) {
    .project-hub .mixed-tiles .col-xs-6 {
        width: 100%
    }
}

.panel-group.panel-default .panel-title a {
    max-width: 90%
}

.search-form {
    display: none;
    width: 100%;
    height: 65px;
    position: absolute;
    top: 0;
    left: 0
}

.search-form__results-wrapper {
    min-height: 100%;
    width: 100%;
    padding: 0 50px;
    position: absolute;
    top: 0;
    background: #000
}

.search-form__input {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background: 0 0;
    color: rgba(255, 255, 255, .3);
    font-size: 27px;
    line-height: 65px
}

.search-form__input:placeholder {
    color: rgba(255, 255, 255, .3)
}

.search-form__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

.search-form__input:-moz-placeholder {
    color: rgba(255, 255, 255, .3)
}

.search-form__input::-moz-placeholder {
    color: rgba(255, 255, 255, .3)
}

.search-form__input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

.search-form__button {
    z-index: 999;
    position: absolute;
    top: 0;
    right: 10px
}

.search-form__button i {
    color: #fff;
    font-size: 21px;
    line-height: 65px
}

.search-form__results {
    padding: 0;
    list-style: none
}

.search-form__result-item {
    display: table;
    width: 100%;
    height: auto;
    padding: 20px 0 30px;
    border-top: 1px solid rgba(255, 255, 255, .5)
}

.search-form__result-item>* {
    vertical-align: top;
    display: table-cell
}

.search-form__result-item .search-form__result-icon {
    width: 80px;
    position: relative
}

.search-form__result-item .search-form__result-icon i {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}

.search-form__result-item .search-form__result-thumb {
    width: 120px
}

.search-form__result-item:first-child {
    border-top: none
}

.search-form__result-title {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.1
}

.search-form__result-link {
    display: block;
    color: #fd0
}

.search-form__results.inverse .search-form__result-title {
    color: #000
}

.search-form__results.inverse .search-form__result-item {
    margin-top: 25px;
    padding: 25px 0 0;
    border-top: 1px solid #000
}

.search-form__results.inverse .search-form__result-item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

.share-panel {
    padding: 10px 15px;
    background: rgba(0, 0, 0, .8);
    color: #fff
}

.share-panel__list,
.share-panel__title {
    line-height: 20px
}

.share-panel__title {
    float: left;
    margin: 0;
    padding: 0 10px 0 0
}

.share-panel__list {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none
}

.share-panel__list li {
    display: inline;
    padding: 0 4px
}

.share-panel__list a,
.share-panel__list button {
    background: 0 0;
    border: none;
    padding: 0;
    color: #fff;
    font-size: 18px
}

.share-panel__list a:focus,
.share-panel__list a:hover,
.share-panel__list button:focus,
.share-panel__list button:hover {
    text-decoration: none
}

.site-sidebar {
    position: absolute;
    z-index: 4;
    height: auto!important;
    top: 0;
    bottom: 0;
    left: 100%;
    background-color: rgba(0, 0, 0, .75);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    max-height: 100%;
    min-width: 300px;
    overflow: scroll
}

@media (max-width:1080px) {
    .site-sidebar {
        width: 400px!important
    }
}

@media (max-width:800px) {
    .site-sidebar {
        width: 350px!important;
        z-index: 100
    }
}

@media (max-width:700px) {
    .site-sidebar {
        width: 100%!important
    }
}

.site-sidebar.collapse.in {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.site-sidebar__wrap {
    max-width: 250px;
    margin: 120px 20px 0
}

.site-sidebar__close {
    position: absolute;
    top: 110px;
    right: 20px;
    color: #fff
}

.site-sidebar__empty-box {
    display: none
}

.site-sidebar__empty .site-sidebar__title {
    color: #fff;
    font-size: 16px;
    width: 65%;
    display: inline-block;
    margin: 0;
    vertical-align: top
}

.site-sidebar__empty .site-sidebar__empty-box {
    width: 32%;
    max-width: 60px;
    display: inline-block
}

.site-sidebar__remove {
    margin-left: 10px;
    color: #fff;
    text-decoration: none;
    position: absolute;
    right: 0;
    bottom: 0
}

.site-sidebar__title {
    color: #fff
}

.site-sidebar__form {
    margin-bottom: 50px
}

.site-sidebar__results {
    padding-left: 0;
    list-style: none
}

.site-sidebar__result-item {
    display: table;
    width: 100%;
    height: 80px;
    margin-top: 25px;
    padding-top: 25px;
    position: relative;
    border-top: 1px solid #575757
}

.site-sidebar__result-item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

.site-sidebar__result-thumb,
.site-sidebar__result-title {
    display: table-cell;
    vertical-align: top
}

.site-sidebar__result-thumb {
    width: 100px
}

.site-sidebar__result-thumb img {
    height: 80px;
    width: auto
}

.site-sidebar__result-title {
    text-transform: uppercase;
    color: #fff
}

.site-sidebar__result-link {
    display: block;
    position: absolute;
    bottom: 0
}

.quicklink.quicklink--video-project {
    margin: 0;
    padding: 0;
    position: relative;
    background: 0 0;
    border: none
}

.quicklink.quicklink--video-project .quicklink__image-wrap {
    overflow: hidden;
    position: relative;
    display: block
}

.quicklink.quicklink--video-project .quicklink__image-wrap .title {
    width: 100%;
    height: 100px;
    padding: 25px 95px 25px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    color: #fff
}

.quicklink.quicklink--video-project .quicklink__image-wrap .title .video__link {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: scale(.8) translateY(-50%);
    -ms-transform: scale(.8) translateY(-50%);
    transform: scale(.8) translateY(-50%);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.quicklink.quicklink--video-project .quicklink__copy-wrap {
    padding: 20px;
    color: #000;
	max-height: 90px;
}

.quicklink.quicklink--video-project:hover .quicklink__image-wrap .title {
    text-decoration: underline
}

#video-steps .panel-heading .panel-title a:hover,
.video-listing__item:hover {
    text-decoration: none
}

.video-listing__item {
    margin: 0;
    padding: 0;
    position: relative;
    background: 0 0;
    border: none
}

.video-listing__item .caption {
    width: 100%;
    height: 100px;
    padding: 25px 95px 25px 20px;
    position: absolute;
    left: 0;
    top: 140px;
    background: rgba(0, 0, 0, .7);
    color: #fff
}

.video-listing__item .caption>* {
    margin: 0
}

.video-listing__item .caption:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: scale(.8) translateY(-50%);
    -ms-transform: scale(.8) translateY(-50%);
    transform: scale(.8) translateY(-50%);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.video-listing__summary {
    padding: 20px;
    color: #000
}

.video-listing__filters-title {
    float: left;
    margin: 0
}

.video-listing__filters-controls {
    float: right
}

@media (max-width:500px) {
    .video-listing__filters-controls {
        width: 100%;
        margin-top: 20px
    }
}

.video-listing__filters-controls>* {
    display: inline;
    padding: 0 4px
}

.video-listing__filters-controls span {
    color: #777;
    text-transform: uppercase
}

.video-listing__filters-controls .dropdown {
    display: inline-block;
    border: 1px solid #e4e4e4;
    padding: 0;
    margin: 0 0 0 4px
}

.video-listing__filters-controls .dropdown button {
    font-size: 20px
}

.video-listing__filters-controls .dropdown button:after {
    right: 18px
}

.video-lightbox {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #000;
    color: #fff
}

.video-lightbox__image a,
.video-lightbox__product-image a {
    color: #000
}

.video-lightbox.stay-open,
.video-lightbox.stay-open.collapse,
.video-lightbox.stay-open.collapsing,
.video-lightbox.stay-open.in {
    display: block!important
}

.video-lightbox__close {
    background: 0 0;
    border: none;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    top: 0;
    right: 0;
    font-size: 27px
}

.video-lightbox__close:before {
    content: "";
    font-family: FontAwesome
}

.video-lightbox__image a span,
.video-lightbox__product-image a span {
    display: block;
    font-family: VenusSB-BoldExtended, Helvetica, Arial, sans-serif
}

.video-lightbox__title {
    margin: 0 0 40px
}

.video-lightbox__product-image {
    float: left;
    width: 59%;
    padding-bottom: 29px
}

@media (max-width:768px) {
    .video-lightbox__close {
        padding-top: 20px
    }
    .video-lightbox__product-image {
        margin-top: 20px
    }
}

.video-lightbox__product-image a span {
    margin-top: 10px
}

.video-lightbox__image {
    float: right;
    width: 38%;
    text-align: center
}

@media (max-width:768px) {
    .video-lightbox__image {
        margin-top: 20px
    }
}

.video-lightbox__image a span {
    margin-top: 10px
}

.video-lightbox__video {
    padding-right: 20px
}

.video-lightbox__instructions {
    padding-left: 20px
}

@media (max-width:768px) {
    .video-lightbox__video {
        padding-right: 0
    }
    .video-lightbox__instructions {
        padding-left: 0;
        padding-top: 20px
    }
}

#video-steps .panel {
    background: 0 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin-top: 0!important
}

#video-steps .panel:last-of-type {
    border-bottom: 1px solid #ddd
}

#video-steps .panel-heading {
    padding: 12px 0;
    background: 0 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

#video-steps .panel-heading .panel-title span {
    display: inline-block;
    max-width: 80%
}

#video-steps .panel-heading .panel-title a {
    color: #fff;
    text-decoration: none
}

#video-steps .panel-heading .panel-title i {
    float: right
}

#video-steps .panel-heading .panel-title .fa-chevron-up {
    display: none
}

#video-steps .panel-heading .panel-title .fa-chevron-down {
    display: inline-block
}

#video-steps .panel-heading .panel-title.active .fa-chevron-down {
    display: none
}

#video-steps .panel-heading .panel-title.active .fa-chevron-up {
    display: inline-block
}

#video-steps .panel-body {
    padding: 15px 0 0
}

#video-steps .panel-body p {
    color: #ddd
}

@media (min-width:768px) {
    body.home .mixed-tiles .gallery,
    body.home .mixed-tiles .quickcontent--faq,
    body.home .mixed-tiles .quicklink,
    body.home .mixed-tiles .quicklink--banner,
    body.home .mixed-tiles .quicklink--bulletin,
    body.home .mixed-tiles .quicklink--latest {
        height: 200px
    }
}

@media (min-width:900px) and (max-width:1100px) {
    body.home .mixed-tiles .gallery,
    body.home .mixed-tiles .quickcontent--faq,
    body.home .mixed-tiles .quicklink,
    body.home .mixed-tiles .quicklink--banner,
    body.home .mixed-tiles .quicklink--bulletin,
    body.home .mixed-tiles .quicklink--latest {
        height: 240px
    }
}

@media (max-width:767px) and (max-width:767px) {
    body.home .mixed-tiles .gallery {
        height: 175px
    }
}

@media (max-width:767px) {
    body.home .mixed-tiles .quicklink {
        background-position: -27px 0
    }
    body.home .mixed-tiles .quicklink__link-wrap.instagram:before {
        font-size: 50px
    }
    body.home .quicklink--banner .quicklink__copy-wrap button {
        max-width: 135px;
        padding: 5px
    }
    body.home .quicklink--bulletin,
    body.home .quicklink--standard {
        height: 215px
    }
    body.home .quicklink--bulletin.top .quicklink__date {
        margin-top: 0!important
    }
    body.home .quicklink--bulletin.top .quicklink__title {
        margin-top: -5px!important
    }
    body.home .quicklink--bulletin.top .quicklink__copy-wrap {
        top: 10px;
        bottom: 10px;
        left: 10px;
        right: 10px
    }
    body.home .quicklink--bulletin.top .quicklink__copy-wrap button {
        bottom: 10px!important
    }
    body.home .quicklink--bulletin.top .quicklink__caption {
        font-size: 12px!important
    }
    body.home .action-banner.mtenormous {
        margin-bottom: 8px;
        margin-top: 15px
    }
}

@media (max-width:480px) {
    body.home .mixed-tiles .quicklink--banner {
        height: 215px;
        background-position: -5px 0
    }
    body.home .quicklink--banner .quicklink__copy-wrap button {
        max-width: 135px
    }
    body.home .quicklink--banner .quicklink__copy-wrap.left.bottom {
        bottom: 15px
    }

    .masthead-carousel .owl-carousel__heading {
        font-size: 30px;
        width: 85%;
    }

    #faq-filter > .filter-container > select:last-of-type, #faq-filter > .filter-container > select:first-of-type {
        width: 100% !important;
        background-position: 95% 50%;
    }

}

@media (max-width:479px) {
    .masthead-carousel .owl-carousel__heading {
        font-size: 18px;
        width: 53%;
    }
}

@media (min-width:1100px) {
    body.home .mixed-tiles .gallery,
    body.home .mixed-tiles .quickcontent--faq,
    body.home .mixed-tiles .quicklink,
    body.home .mixed-tiles .quicklink--banner,
    body.home .mixed-tiles .quicklink--bulletin,
    body.home .mixed-tiles .quicklink--latest {
        height: 260px
    }
}

@media (max-width:700px) {
    body.store-locator #mapCanvas,
    body.store-locator .angular-google-map-container {
        height: 400px!important
    }
}

@media (max-width:1079px) {
    .footer-social-menu,
    .footer-social-menu .social-links,
    .sub-footer-nav {
        text-align: center
    }
    .h1,
    h1 {
        font-size: 51px
    }
    .h2,
    h2 {
        font-size: 25.5px
    }
    .h3,
    h3 {
        font-size: 21.25px
    }
    .h4,
    h4 {
        font-size: 15.3px
    }
    .action-banner__button,
    .btn {
        font-size: 17.5px
    }
    .btn-group-lg>.action-banner__button,
    .btn-group-lg>.btn,
    .btn-lg {
        font-size: 21px
    }
    .action-banner__button,
    .btn-group-sm>.action-banner__button,
    .btn-group-sm>.btn,
    .btn-sm {
        font-size: 11.2px
    }
    .filter-nav .filter-nav__control .action-banner__button,
    .filter-nav .filter-nav__control .btn {
        font-size: 25px
    }
    .filter-nav .filter-nav__control .action-banner__button,
    .filter-nav .filter-nav__control .btn-group-sm>.btn,
    .filter-nav .filter-nav__control .btn-sm {
        font-size: 16px
    }
    .filter-nav .filter-nav__control .btn-group-lg>.action-banner__button,
    .filter-nav .filter-nav__control .btn-group-lg>.btn,
    .filter-nav .filter-nav__control .btn-lg {
        font-size: 30px
    }
    .filter-nav .filter-nav__title {
        display: block;
        width: 100%;
        margin-bottom: 5px
    }
    /*.masthead-carousel .owl-carousel__heading {
        font-size: 44.2px;
    }*/
    .footer-nav .footer-nav__form {
        padding-top: 25px
    }
    .sub-footer-nav {
        padding: 10px 0;
        background-color: #000;
        color: #fff
    }
    .sub-footer-nav .copy,
    .sub-footer-nav .navbar {
        float: none
    }
    .project-explorer__controls {
        position: relative;
        top: auto;
        left: auto
    }
    .blog__content>* {
        width: 100%
    }
    .blog__share-controls {
        overflow: hidden;
        width: 180px;
        margin-top: 20px;
        position: relative;
        right: auto;
        bottom: auto
    }
}

@media (max-width:767px) {
    .footer-nav .form-group,
    .footer-nav button {
        float: left
    }
    .footer-nav,
    .product__imagewrap {
        text-align: center
    }
    .action-banner__title {
        font-size: 27px
    }
    .footer-nav .navbar,
    .footer-nav .navbar-nav {
        display: block
    }
    .footer-nav .navbar--list-item {
        width: 100%
    }
    .footer-nav form {
        display: inline-block;
        overflow: hidden;
        margin-top: 10px
    }
    .footer-nav input {
        width: auto
    }
    .filter-nav .filter-nav__control {
        padding: 0
    }
    .filter-nav .filter-nav__control,
    .filter-nav .filter-nav__controls--elastic .filter-nav__control,
    .filter-nav .filter-nav__title {
        display: block;
        width: 100%;
        margin-bottom: 5px
    }
    .project-explorer__controls-filter,
    .project-explorer__controls-title {
        display: block;
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .blog .blog__item {
        padding: 40px 25px 25px
    }
}

@media (max-width:440px) {
    .masthead-carousel .owl-carousel__heading {
        font-size: 16px;
    }
}

@media (max-width:320px) {
    .masthead-carousel .owl-carousel__heading {
        font-size: 15px;
        width: 67%;
    }
}