.colour-chart .container-fluid{overflow-x:visible }.colour-chart #morphsearch{margin-top:0 }.colour-chart #morphsearch .search-form__input{font-style:normal }.colour-chart #morphsearch .morphsearch-submit{background:transparent;width:auto;padding:0 }.colour-chart #morphsearch .search-form__btn{opacity:0 }.colour-chart .project-buttons{display:none }.colour-chart .search-form__wrapper{float:right;position:relative }.colour-chart .search-form{margin-top:65px }.colour-chart .search-form__input{float:left;width:380px;height:77px;background-color:#fafaf8;border:none;border-radius:0px;padding:20px;box-shadow:none;font-style:italic;font-weight:300 }.colour-chart .search-form__input::-webkit-input-placeholder{color:#4a4a4a }.colour-chart .search-form__input:-moz-placeholder{color:#4a4a4a }.colour-chart .search-form__input::-moz-placeholder{color:#4a4a4a }.colour-chart .search-form__input:-ms-input-placeholder{color:#4a4a4a }.colour-chart .search-form__btn{float:right;background:transparent;padding:0;border:0px;font-size:50px;margin-left:-77px;z-index:2;position:absolute;top:4px;right:5px;font-size:38px;color:#4a4a4a;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1 }.colour-chart .search-form__btn i{font-size:45px;color:#292B22 }.colour-chart .search-form--text{display:none }.colour-chart .btn{white-space:normal }.colour-chart .navbar{padding-left:0px }.colour-chart .page-header{margin-top:0px }.colour-chart #colour-types{position:relative;margin:30px auto 70px auto;float:none }.colour-chart #colour-types li{background:#FAFAF8;margin-right:5px;position:static;z-index:10 }.colour-chart #colour-types li.active{background:#fff;border:1px solid #292B22;border-bottom:none;margin-top:-29px;position:static;border-bottom:1px solid #fff }.colour-chart #colour-types li.active .level-2{display:block }.colour-chart #colour-types li.active a{padding:39px 94px;background:#fff;border-bottom:1px solid #fff;z-index:12 }.colour-chart #colour-types li.active ul li a{border-bottom:none;}.colour-chart #colour-types li a{padding:25px 94px }.colour-chart #colour-types li a .menu--link-text{float:left;width:100%;font-size:20px;text-align:center;line-height:24px;letter-spacing:0.8px;text-transform:uppercase;font-weight:normal;color:#4a4a4a }.colour-chart #colour-types li a .menu--link-text p{font-size:14px;margin-bottom:0px;text-transform:none;font-weight:300 }.colour-chart #colour-types li:hover ul.level-2{z-index:10 }.colour-chart .mini-colour-types .btn-group a:first-child{border-left:none }.colour-chart .mini-colour-types .btn-group a:last-child{border-right:none }.colour-chart #colour-types .level-2{position:absolute;top:100px;width:100%;text-align:center;padding-left:0;list-style:none;background:#fff;padding-bottom:0;z-index:5 }.colour-chart #colour-types .level-2 .navbar--list-item{display:inline-block;list-style-type:none;width:auto;background:#fff;margin:0;padding:0;margin-top:8px }.colour-chart #colour-types .level-2 .navbar--list-item.active{border:0 }.colour-chart #colour-types .level-2 .navbar--list-item.active .menu--link{font-weight:700;padding:24px 20px;background:#F3F3ED }.colour-chart #colour-types .level-2 .navbar--list-item:hover .menu--link{background:#F3F3ED }.colour-chart #colour-types .level-2 .navbar--list-item .menu--link{text-align:center;display:block;height:43px;padding:10px 20px !important;background:#fff;font-size:18px;font-weight:300;-webkit-transition:all linear 0.2s;transition:all linear 0.2s }.colour-chart #colour-types .level-2 .navbar--list-item .menu--link .menu--link-text{font-weight:300;font-size:14px }.colour-chart .colour-block__title,.colour-chart .colour-block__code{display:none }.colour-chart .colour-block:hover__title{display:none }.colour-chart .colour-block:hover__code{display:none }.colour-chart .colour-block__outer{float:left;width:33.333333333%;padding:10px 5px 0 }.colour-chart .colour-block__outer:nth-child(3n) .project-buttons{right:auto;left:10px }.colour-chart .colour-block--large{height:calc(100vw / 3 * 1.25) }.colour-chart .load-more{margin-top:40px }.colour-chart .btn-block{letter-spacing:0.8px }.colour-chart .btn-block:hover{background:#292B22;color:#fff }@media (min-width:1050px) and (max-width:1289px){.colour-chart #colour-types li a{padding:25px 60px }.colour-chart #colour-types li.active a{padding:39px 64px }}@media (max-width:1049px){.colour-chart .page-header{margin-bottom:0 }.colour-chart .search-form{margin-top:0;margin-bottom:17px }.colour-chart .search-form__wrapper{float:none;display:block;overflow:hidden }.colour-chart .search-form__input{width:100%;border:1px solid #E9E9E4;background:#fff;color:#4a4a4a;font-size:16px;font-weight:500;font-style:normal;text-transform:uppercase }.colour-chart .colour-chart-subnav{margin:19px 0;padding:0 10px;border:none }.colour-chart .colour-chart-subnav__selector{padding:10px 15px;position:relative;border:1px solid #292B22;text-align:left }.colour-chart .colour-chart-subnav__selector .active{margin-left:10px }.colour-chart .colour-chart-subnav__selector i{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:36px }.colour-chart .colour-chart-subnav__list{height:auto;border:1px solid #292B22;border-top:none }.colour-chart .colour-chart-subnav .navbar--list-item{display:block;width:100% }.colour-chart .colour-chart-subnav .navbar--list-item a{float:none;display:block;padding:10px 15px;background:#fff;color:#292B22;font-size:16px }.colour-chart .colour-chart-subnav .navbar--list-item a:hover,.colour-chart .colour-chart-subnav .navbar--list-item a:focus,.colour-chart .colour-chart-subnav .navbar--list-item .active a{background-color:#292B22;color:#fff }.colour-chart #colour-types .level-2 .navbar--list-item .menu--link .menu--link-text{font-size:16px }}@media (min-width:830px){.colour-chart .btn{white-space:nowrap }.colour-chart .colour-block__outer{position:relative;width:25% }.colour-chart .colour-block__outer .colour-block--large{height:calc(100vw / 4 * 1.25) }.colour-chart .colour-block__outer:nth-child(4n) .project-buttons{right:auto;left:15px }.colour-chart .colour-block__outer:nth-child(3n) .project-buttons{right:15px;left:auto }.colour-chart .colour-block__outer .project-buttons{z-index:1000;position:absolute;bottom:1px;right:15px }}@media (min-width:1050px){.colour-chart .colour-block__outer{width:20% }.colour-chart .colour-block__outer .colour-block--large{height:calc(100vw / 5 * 1.25);-webkit-transition:all 0.2s linear;transition:all 0.2s linear;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }.colour-chart .colour-block__outer:nth-child(5n) .project-buttons{right:auto;left:15px }.colour-chart .colour-block__outer:nth-child(4n) .project-buttons{right:15px;left:auto }.colour-chart .colour-block__outer:nth-child(3n) .project-buttons{right:15px;left:auto }.colour-chart .colour-block__outer:nth-child(3n+1):hover .colour-block__title,.colour-chart .colour-block__outer:nth-child(3n+1):hover .colour-block__code{left:9px }.colour-chart .colour-block__outer:nth-child(5n+1):hover .colour-block__title,.colour-chart .colour-block__outer:nth-child(5n+1):hover .colour-block__code{left:14px }.colour-chart .colour-block__outer:hover .colour-block--large{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02) }.colour-chart .colour-block__outer:hover .colour-block--large .colour-block__title,.colour-chart .colour-block__outer:hover .colour-block--large .colour-block__code{display:block;visibility:visible;font-size:11px }.colour-chart .colour-block__outer:hover .project-buttons{display:block }.colour-chart .navbar{position:static }.colour-chart #colour-types{position:static;width:1000px }.colour-chart #colour-types .navbar--list-item{position:static }.colour-chart #colour-types .level-2{border-top:1px solid #292B22;top:129px }}@media (min-width:1290px){.colour-chart .colour-block__outer{width:14.285714286% }.colour-chart .colour-block__outer .colour-block--large{height:calc(100vw / 7 * 1.25) }.colour-chart .colour-block__outer:nth-child(5n) .project-buttons{right:15px;left:auto }.colour-chart .colour-block__outer:nth-child(4n) .project-buttons{right:15px;left:auto }.colour-chart .colour-block__outer:nth-child(3n) .project-buttons{right:15px;left:auto }.colour-chart .colour-block__outer:nth-child(7n) .project-buttons{right:auto;left:15px }.colour-chart .colour-block__outer:nth-child(5n+1):hover .colour-block__title,.colour-chart .colour-block__outer:nth-child(5n+1):hover .colour-block__code{left:9px }.colour-chart .colour-block__outer:nth-child(7n+1):hover .colour-block__title,.colour-chart .colour-block__outer:nth-child(7n+1):hover .colour-block__code{left:14px }.colour-chart #colour-types .level-2 .navbar--list-item .menu--link .menu--link-text{font-size:18px }.colour-chart #colour-types{width:1180px }}
.project-buttons{position:absolute;width:35px;height:35px;bottom:-3px;right:8px;cursor:pointer;}.project-buttons .list-inline{margin-left:0;}.project-buttons.left .project-buttons__subactions{left:-11px;}.project-buttons.left .project-buttons__subactions:after{left:9px;}.project-buttons.right .project-buttons__subactions{left:-190px;}.project-buttons.right .project-buttons__subactions:after{left:189px;}.project-buttons__item{position:absolute;top:0;left:5px;}.project-buttons__subactions{display:none !important;position:absolute;top:35px;left:-101px;background:white;padding:10px 0 0;width:225px;background:#eff0eb;z-index:100;}.project-buttons__subactions a{color:#292b22;text-decoration:none;display:block;}.project-buttons__subactions:after{content:"";display:block;width:0;height:0;position:absolute;top:-15px;left:100px;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #eff0eb;}.project-buttons .project-buttons__subactions.list-inline.compare:after{border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #4a4a4a;}.project-buttons .project-buttons__subactions.list-inline.tint .project-buttons__subactions-item{text-transform:uppercase;}.project-buttons .project-buttons__subactions.list-inline.tint .project-buttons__subactions-item a{color:#fff;}@media (min-width:830px){.project-buttons .project-buttons__subactions.list-inline.tint .project-buttons__subactions-item:hover a{color:#fff;}}.project-buttons .project-buttons__subactions.list-inline.tint .project-buttons__subactions-item:last-of-type{text-transform:lowercase;margin-bottom:10px;}.project-buttons .project-buttons__subactions.list-inline.tint .project-buttons__subactions-item:last-of-type a{color:#292b22;}@media (min-width:830px){.project-buttons .project-buttons__subactions.list-inline.tint .project-buttons__subactions-item:last-of-type:hover a{color:#292b22;}}.project-buttons__subactions-item{width:calc(100% - 30px);display:block;text-align:center;font-size:12px;background:#fff;padding:10px 0px;margin:4px 15px;}.project-buttons__subactions-item{-webkit-transition:background 0.2s linear;transition:background 0.2s linear;}.project-buttons__subactions-item a{-webkit-transition:color 0.2s linear;transition:color 0.2s linear;color:#292b22;}@media (min-width:830px){.project-buttons__subactions-item:hover{background:#292b22;}.project-buttons__subactions-item:hover a{color:#fff;}}.project-buttons__subactions-heading{width:calc(100% - 30px);display:block;text-align:center;font-size:12px;background:transparent;padding:10px 0px;margin:4px 15px 4px;text-transform:uppercase;}.project-buttons__subactions-heading i{color:#292b22;}.project-buttons__subactions-heading.compare{padding:9px 0;margin:2px 0 0;width:100%;background:#4a4a4a;}.project-buttons__subactions-heading.compare a{color:#fff;}.project-buttons__subactions-heading.compare i{color:#fff;margin-right:3px;}.project-buttons__link:hover + .project-buttons__subactions{display:block;}.project-buttons .plus{display:inline-block;position:relative;width:16px;height:16px;}.project-buttons .plus .bar{display:block;width:1px;height:100%;position:absolute;left:8px;}.project-buttons .plus .bar:first-child{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.project-buttons__item--light > a{color:#fff !important;}.project-buttons__item--light .bar{background:#fff !important;}.project-buttons__item--dark > a{color:#292b22 !important;}.project-buttons__item--dark .bar{background:#292b22 !important;}.project-buttons.clicked .project-buttons__subactions{display:block !important;}