﻿                  @charset "UTF-8";
                .a11y { position: absolute; margin-left: -9999px; opacity: 0; }

                body { margin: 0; }

                #page-root { position: relative; overflow-y: scroll; height: 100%; width: 100%; }

                /*still readable by screen-readers*/
                .visually-hidden { position: absolute; top: -9999em; left: -9999em; }

                .hidden { display: none; }

                .invisible { visibility: hidden; }

                .section-wrapper { background: #F8F9FA; border-top: 1px solid #DFE1E3; border-bottom: 1px solid #DFE1E3; padding: 30px 0; }
                .section-wrapper--no-padding { padding: 0; }

                a { color: #012169; }

                .content-area a[href*="."]:not(.btn), .content-area a[href*="tel:"], .content-area .result .links .link, .content-area #pick-color { color: #72B62E; }
                .content-area a[href*="."]:not(.btn):hover, .content-area a[href*="."]:not(.btn):focus, .content-area a[href*="tel:"]:hover, .content-area a[href*="tel:"]:focus, .content-area .result .links .link:hover, .content-area .result .links .link:focus, .content-area #pick-color:hover, .content-area #pick-color:focus { color: #41AB34; }

                .link--dark { color: #434649 !important; text-decoration: underline !important; }
                .link--dark:hover, .link--dark:focus { color: #5b6064 !important; text-decoration: underline !important; }

                .link--special { color: #060606 !important; text-decoration: underline !important; }
                .link--special:hover, .link--special:focus { color: #202020 !important; text-decoration: underline !important; }

                body {color: #434649; }

                p { font-size: 1em; line-height: 1.375em; margin-top: 1.375em; letter-spacing: -.1px; }

                html.acndlx:lang(zh) body {}

                @font-face { font-family: 'dulux-symbol-v2'; src: url("/assets/fonts/dulux-symbol-v2.eot?lh3sv5"); src: url("/assets/fonts/dulux-symbol-v2.eot?lh3sv5#iefix") format("embedded-opentype"), url("/assets/fonts/dulux-symbol-v2.ttf?lh3sv5") format("truetype"), url("/assets/fonts/dulux-symbol-v2.woff?lh3sv5") format("woff"), url("/assets/fonts/dulux-symbol-v2.svg?lh3sv5#dulux-symbol-v2") format("svg"); font-weight: normal; font-style: normal; }
                [class^="icon-"], [class*=" icon-"] { font-family: 'dulux-symbol-v2'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 2em; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }

                .cta:before { font-family: 'dulux-symbol-v2'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 2em; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; font-size: 2.75em; margin-left: -8px; margin-right: -5px; position: relative; top: -1px; line-height: 0; }

                .icon-arrow-right:before { content: ""; }

                .icon-arrow-right-filled:before { content: ""; }

                .icon-circle-arrow-down:before { content: ""; }

                .icon-circle-arrow-down-filled:before { content: ""; }

                .icon-circle-arrow-up:before { content: ""; }

                .icon-circle-arrow-up-filled:before { content: ""; }

                .icon-circle-arrow-right:before { content: ""; }

                .icon-circle-arrow-right-filled:before { content: ""; }

                .icon-circle-arrow-left:before { content: ""; }

                .icon-circle-arrow-left-filled:before { content: ""; }

                .icon-circle-minus:before { content: ""; }

                .icon-circle-minus-filled:before { content: ""; }

                .icon-circle-plus:before { content: ""; }

                .icon-circle-plus-filled:before { content: ""; }

                .icon-circle-tick:before { content: ""; }

                .icon-circle-warning:before { content: ""; }

                .icon-circle-close:before { content: ""; }

                .icon-scrapbook:before { content: ""; }

                .icon-scrapbook-filled:before { content: ""; }

                .icon-scrapbook-filled-large:before { content: ""; }

                .icon-plus:before { content: ""; }

                .icon-plus-filled:before { content: ""; }

                .icon-user:before { content: ""; }

                .icon-storefinder:before { content: ""; }

                .icon-cart:before { content: ""; }

                .icon-search:before { content: ""; }

                .icon-mail:before { content: ""; }

                .icon-tmall:before { content: ""; }

                .icon-jingdong:before { content: ""; }

                .icon-reset:before { content: ""; }

                .icon-stores:before { content: ""; }

                .icon--medium { font-size: 3em; }

                .icon--large { font-size: 4.75em; }

                .dulux-symbol-instagram, .dulux-symbol-youtube, .dulux-symbol-vkontakte { font-family: 'dulux-symbol'; font-style: normal; }

                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-instagram:hover { background-color: #83692D; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-instagram:before { font-family: FontAwesome; content: ""; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-youtube:hover { background-color: #C12031; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-youtube:before { font-family: FontAwesome; content: ""; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-vkontakte:hover { background-color: #335078; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-vkontakte:before { font-family: FontAwesome; content: ""; }

                @media screen and (max-width: 1023px) { #popups, .information-popup { position: relative; z-index: 11000; } }

                @media screen and (max-width: 1023px) { .article-color-information-slider, .paint-calculator-slider, #color-picker-slider { z-index: 10000; } }

                #page-header { z-index: 9000; }
                @media screen and (max-width: 1023px) { #page-header { z-index: 9000; } }

                /* This is a mixin for ecom's benefit i.e. header.scss*/
                .l-container { width: 100%; max-width: 980px; min-width: 200px; margin: 0 auto; padding: 0 10px; }
                @media screen and (max-width: 1023px) { .l-container { padding: 0; } }

                .button-bg-blue, .nav-overlay-box form button, li.search-form form button { bottom: 0; display: block; padding: 0; right: 0; top: 0; box-sizing: border-box; }

                .button--secondary { display: inline-block; padding: 7px 12px; text-align: center; font-weight: bold; vertical-align: top; border-radius: 3px; }

                .button--secondary { background: #FFFFFF; border: 1px solid #72B62E; color: #72B62E; }
                .button--secondary:focus, .button--secondary:hover { background: #72B62E; color: #FFFFFF; }

                .button-bg-blue, .nav-overlay-box form button, li.search-form form button { background: #012169; border: solid 1px solid 1px #012169; color: #FFFFFF; background: #012169; border: solid 1px #012169; }
                .button-bg-blue:hover, .nav-overlay-box form button:hover, li.search-form form button:hover { background: #FFFFFF; color: #012169; }

                #header-navigation { -webkit-transition: opacity 0.4s; transition: opacity 0.4s; }
                @media screen and (max-width: 1023px) { #header-navigation { visibility: collapse; opacity: 0; height: 0; } }
                @media screen and (max-width: 1023px) { #header-navigation.open { visibility: visible; opacity: 1; height: auto; } }

                /* MENU BUTTONS START */
                .nav-button, .site-navigation__link { font-size: 0.875em; line-height: 1.5em; margin-top: 1.5em; margin-top: 0; display: block; text-align: center; height: 5em; cursor: pointer; }
                @media screen and (max-width: 1023px) { .nav-button, .site-navigation__link { font-size: 1.375em; line-height: 1em; margin-top: 1em; letter-spacing: -.1px; margin-top: 0; height: 3.40909em; border-bottom: 1px solid #DFE1E3; } }
                @media screen and (max-width: 600px) { .nav-button, .site-navigation__link { font-size: 1em; line-height: 2.5em; margin-top: 2.5em; letter-spacing: -.1px; margin-top: 0; height: 4.6875em; } }
                @media screen and (max-width: 480px) { .nav-button, .site-navigation__link { font-size: 1em; line-height: 1.5em; margin-top: 1.5em; letter-spacing: -.1px; margin-top: 0; height: 4.6875em; } }

                /* MENU BUTTONS END */
                /* SITE NAVIGATION START */
                .site-navigation__list { height: 4.375em; margin: 0; padding: 0; }
                @media screen and (max-width: 1023px) { .site-navigation__list { height: auto; } }
                .site-navigation__list-item { overflow: hidden; display: inline-block; float: left; border-right: 1px solid #DFE1E3; position: relative; /* second li because we have a hidden one (scrapbook-mobile) in site-navigation */ }
                @media screen and (max-width: 1023px) { .site-navigation__list-item { display: block; width: 100%; border-right: none; }
                  .site-navigation__list-item:first-of-type { border-left: none; } }
                @media screen and (max-width: 1023px) { .site-navigation__list-item:first-of-type, .site-navigation__list-item:nth-of-type(2) { border-left: none; } }
                .site-navigation__list-item:first-of-type { border-left: 1px solid #DFE1E3; }
                .site-navigation__list-item.search-form { height: auto; }
                @media screen and (max-width: 1023px) { .site-navigation__list-item.search-form h5 { display: none; } }
                .site-navigation__list-item.scrapbook-mobile { display: none !important; }
                @media screen and (max-width: 1023px) { .site-navigation__list-item.scrapbook-mobile { display: block !important; } }
                @media screen and (max-width: 1023px) { .site-navigation__list-item.stores a { margin-top: 20px; } }
                @media screen and (max-width: 1023px) { .site-navigation__list-item:last-of-type a { border-bottom: 0; } }
                .site-navigation .nav-button, .site-navigation .site-navigation__link { color: #434649; text-decoration: none; padding: 25px 20px 0 20px; }
                @media screen and (max-width: 1023px) { .site-navigation .nav-button, .site-navigation .site-navigation__link { font-size: 1.25em; line-height: 2.75em; margin-top: 2.75em; letter-spacing: -.1px; height: 2.75em; text-align: left; width: 100%; display: block; margin-top: 0; padding: 0 15px; } }
                .site-navigation .nav-button:hover, .site-navigation .site-navigation__link:hover { background-color: #434649; color: #fff; }
                .site-navigation .nav-button:focus, .site-navigation .site-navigation__link:focus { background-color: #9B9B9B; color: #fff; }
                .site-navigation .nav-button.current, .site-navigation .current.site-navigation__link { background-color: #F8F9FA; color: #434649; }
                @media screen and (max-width: 1023px) { .site-navigation .nav-button.current, .site-navigation .current.site-navigation__link { padding-left: 30px; }
                  .site-navigation .nav-button.current::before, .site-navigation .current.site-navigation__link::before { content: ""; width: 7px; height: 100%; background-color: #72B62E; display: block; position: absolute; top: 0; left: 0; }
                  .site-navigation .nav-button.current i, .site-navigation .current.site-navigation__link i { color: #d6d6d6; }
                  .site-navigation .nav-button.current:hover, .site-navigation .current.site-navigation__link:hover { background-color: #434649; color: #fff; } }

                /* SITE NAVIGATION END */
                /* MENU TOOLS START */
                .menu-tools { position: relative; float: right; z-index: 10; }
                @media screen and (max-width: 1023px) { .menu-tools { position: static; float: none; } }
                .menu-tools__list { height: 4.375em; }
                @media screen and (max-width: 1023px) { .menu-tools__list { height: 4.6875em; } }
                .menu-tools__list-item { min-width: 90px; float: left; margin: 0; padding: 0; display: inline; border-left: 1px solid #DFE1E3; height: 4.375em; }
                .menu-tools__list-item:last-child { border-right: 1px solid #DFE1E3; }
                @media screen and (max-width: 1023px) { .menu-tools__list-item { min-width: initial; } }
                @media screen and (max-width: 1023px) { .menu-tools__list-item { height: auto; border: none; /* one item (plus one hidden item) */ /* two items (plus one hidden item)  */ /* three items (plus one hidden item)  */ /* four items (plus one hidden item)  */ /* five items (plus one hidden item)  */ }
                  .menu-tools__list-item:not(:last-child) { border-right: 1px solid #DFE1E3; }
                  .menu-tools__list-item:last-child { border-right: none; }
                  .menu-tools__list-item:first-child:nth-last-child(2), .menu-tools__list-item:first-child:nth-last-child(2) ~ li { width: 100%; }
                  .menu-tools__list-item:first-child:nth-last-child(3), .menu-tools__list-item:first-child:nth-last-child(3) ~ li { width: 50%; }
                  .menu-tools__list-item:first-child:nth-last-child(4), .menu-tools__list-item:first-child:nth-last-child(4) ~ li { width: 33.3333%; }
                  .menu-tools__list-item:first-child:nth-last-child(5), .menu-tools__list-item:first-child:nth-last-child(5) ~ li { width: 25%; }
                  .menu-tools__list-item:first-child:nth-last-child(6), .menu-tools__list-item:first-child:nth-last-child(6) ~ li { width: 20%; } }
                .menu-tools__list-item.account { display: none; }
                @media screen and (max-width: 1023px) { .menu-tools__list-item.account { display: block; } }
                .menu-tools__list-item.site-search h5 { display: block; }
                @media screen and (max-width: 1023px) { .menu-tools__list-item.site-search h5 { display: none; } }
                @media screen and (max-width: 1023px) { .menu-tools__list-item.scrapbook .tool-label { display: none; } }
                @media screen and (max-width: 1023px) { .menu-tools__list-item.scrapbook { display: none; } }
                .menu-tools__list-item.cart .badge { left: 50%; top: 10%; position: absolute; margin-left: -25px; }
                @media screen and (max-width: 1023px) { .menu-tools__list-item.cart .badge { display: block; } }
                .menu-tools__list-item.open header a { background-color: #F8F9FA; }
                @media screen and (max-width: 1023px) { .menu-tools__list-item.open header a { border-bottom: none; } }
                @media screen and (min-width: 1024px) { .menu-tools__list-item.open header a { height: 5.42857em; } }
                .menu-tools__list-item.open header a:hover { color: #012169; }
                .menu-tools__list-item.open header i { color: #012169; }
                .menu-tools__list-item.open .nav-overlay-box { display: block; }
                @media screen and (max-width: 1023px) { .menu-tools__list-item.secondary-nav-item { height: auto; } }
                .menu-tools__list-item.secondary-nav-item header { position: relative; }
                @media screen and (max-width: 1023px) { .menu-tools__list-item.secondary-nav-item header { height: 75px; } }
                @media screen and (max-width: 1023px) { .menu-tools__list-item.secondary-nav-item header a.nav-button, .menu-tools__list-item.secondary-nav-item header a.site-navigation__link { min-height: 75px; } }
                .menu-tools a { background-color: #fff; color: #434649; text-decoration: none; text-decoration: none; }
                .menu-tools a:hover { background-color: #434649; color: #fff; }
                .menu-tools a i { width: 100%; float: left; }
                .menu-tools a i { font-size: 2em; }
                @media screen and (max-width: 480px) { .menu-tools a i { font-size: 2.8em; } }
                @media screen and (min-width: 1024px) { .menu-tools a i { font-size: 2.8em; } }
                .menu-tools a .scrapbook-count { display: inline-block; }
                @media screen and (max-width: 1023px) { .menu-tools a .scrapbook-count { line-height: 40px; } }
                .menu-tools a.current { background-color: #F8F9FA; color: #434649; height: 5em; }
                @media screen and (max-width: 1023px) { .menu-tools a.current { height: 3.40909em; } }
                @media screen and (max-width: 600px) { .menu-tools a.current { height: 4.6875em; } }
                @media screen and (max-width: 480px) { .menu-tools a.current { height: 4.6875em; } }
                @media screen and (max-width: 1023px) { .menu-tools .akzo-button-4 { width: 100%; margin: 0; background-color: #9b9b9b; height: 36px; } }
                @media screen and (max-width: 1023px) { .menu-tools .akzo-button-4:hover { background-color: white; color: #9b9b9b; } }

                /* MENU TOOLS END */
                /* NAV OVERLAY START */
                .nav-overlay-box { display: none; position: absolute; right: 0; top: 71px; background-color: #F8F9FA; width: 100%; min-width: 225px; }
                @media screen and (max-width: 1023px) { .nav-overlay-box { float: left; z-index: 1000; position: static; width: 100vw; } }
                .nav-external-ecom .nav-overlay-box { width: 50%; min-width: 200px; }
                .nav-external-ecom .nav-overlay-box .overlay-container { padding: 0; }
                .nav-external-ecom .nav-overlay-box .nav-button, .nav-external-ecom .nav-overlay-box .site-navigation__link { background-color: transparent; height: auto; padding: 10px 0; }
                .nav-external-ecom .nav-overlay-box .nav-button:hover, .nav-external-ecom .nav-overlay-box .site-navigation__link:hover { background-color: #434649; }
                .nav-external-ecom .nav-overlay-box .nav-button i, .nav-external-ecom .nav-overlay-box .site-navigation__link i { float: inherit; }
                @media screen and (max-width: 1023px) { .nav-external-ecom .nav-overlay-box { width: 100vw; }
                  .nav-external-ecom .nav-overlay-box .nav-button, .nav-external-ecom .nav-overlay-box .site-navigation__link { width: 49%; display: inline-block; vertical-align: top; border-bottom: none; }
                  .nav-external-ecom .nav-overlay-box .overlay-container { width: 100%; } }
                .nav-overlay-box .social-login { margin-bottom: 0; margin-top: 10px; }
                .nav-overlay-box .social-login-holder { margin-bottom: 20px; }
                .nav-overlay-box .overlay-container { padding: 19px; border: solid #DFE1E3; border-width: 0 1px 1px 1px; }
                .nav-overlay-box .overlay-container:after { content: ""; display: table; clear: both; }
                @media screen and (max-width: 1023px) { .nav-overlay-box .overlay-container { border-left: none; border-right: none; } }
                .nav-overlay-box .overlay-container .text-link { color: #012169; text-decoration: underline; background-color: #F8F9FA; font-size: 0.75em; line-height: 1.33333em; margin-top: 1.33333em; height: auto; float: left; border: none; padding: 0; }
                .nav-overlay-box .overlay-container .text-link:hover { color: #012169; text-decoration: underline; background-color: #F8F9FA; }
                @media screen and (max-width: 480px) { .nav-overlay-box .overlay-container .text-link { font-size: 0.875em; line-height: 3.57143em; margin-top: 3.57143em; margin-top: 20px; width: 100%; height: 3.57143em; text-align: center; font-weight: bold; vertical-align: top; border-radius: 0.2em; text-decoration: none; width: 100%; display: block; background-color: #434649; color: #fff; text-decoration: none; }
                  .nav-overlay-box .overlay-container .text-link:hover { background-color: #434649; border: 1px solid #fff; color: #fff; } }
                @media screen and (max-width: 1023px) { .nav-overlay-box .logged-in { padding: 0 20px 20px 20px; } }

                .nav-overlay-box h5, li.search-form h5 { margin-top: 0; margin-bottom: 10px; }
                @media screen and (max-width: 1023px) { .nav-overlay-box h5, li.search-form h5 { text-align: left; } }
                .nav-overlay-box h5:not(:first-of-type), li.search-form h5:not(:first-of-type) { margin-top: 10px; margin-bottom: 10px; }
                .nav-overlay-box .search-by-location, li.search-form .search-by-location { margin-top: 0; }
                @media screen and (max-width: 1023px) { .nav-overlay-box .search-by-location, li.search-form .search-by-location { margin-top: 10px; } }
                .nav-overlay-box p, li.search-form p { font-size: 0.875em; line-height: 1.42857em; margin-top: 1.42857em; margin: 0; }
                .nav-overlay-box form, li.search-form form { position: relative; overflow: hidden; }
                .nav-overlay-box form input[type="text"], li.search-form form input[type="text"] { font-size: 0.75em; line-height: 1.33333em; margin-top: 1.33333em; margin-top: 0; border: 1px solid #DFE1E3; width: 100%; display: block; padding: 0 0 0 10px; height: 2.33333em; }
                @media screen and (max-width: 1023px) { .nav-overlay-box form input[type="text"], li.search-form form input[type="text"] { height: 3em; } }
                @media screen and (max-width: 480px) { .nav-overlay-box form input[type="text"], li.search-form form input[type="text"] { height: 4em; } }
                .nav-overlay-box form input[type="text"]:focus, li.search-form form input[type="text"]:focus { border-color: #007db6; outline: none; box-shadow: none; }
                .nav-overlay-box form button, li.search-form form button { width: 34px; height: 28px; position: absolute; }
                @media screen and (max-width: 1023px) { .nav-overlay-box form button, li.search-form form button { width: 48px; height: 48px; } }
                .nav-overlay-box form button i, li.search-form form button i { display: block; color: #fff; background-color: transparent; border: none; width: 100%; height: 100%; text-align: center; padding: 0; margin: 0; font-size: 1.5em; }
                .nav-overlay-box form button i:hover, li.search-form form button i:hover { color: #012169; }
                @media screen and (max-width: 1023px) { .nav-overlay-box form button i, li.search-form form button i { font-size: 2em; } }
                @media screen and (max-width: 480px) { .nav-overlay-box form button i, li.search-form form button i { font-size: 2.5em; } }

                /* NAV OVERLAY END */
                /* MENU REVEAL START */
                .menu-reveal { clear: none; /*  for all other devices display those elements and hide their duplicates  */ }
                .menu-reveal .menu-link, .menu-reveal .menu-link.logged-in, .menu-reveal nav.account-nav, .menu-reveal nav.language-selector, .menu-reveal .site-navigation ul li.search-form { display: none; }
                .menu-reveal nav.menu-link { float: right; padding: 15px 0 15px 20px; }
                @media screen and (max-width: 1023px) { .menu-reveal { background-color: #FFFFFF; border-bottom: 4px solid #012169; width: 100%; clear: both; }
                  .menu-reveal nav.language-selector, .menu-reveal .site-navigation ul li.search-form { display: block; } }

                @media screen and (max-width: 1023px) { .menu-reveal-container { overflow: hidden; } }

                /* MENU REVEAL END */
                /* SHAME SECTION */
                @media screen and (max-width: 1023px) { nav .login .validation-error { display: none; }
                  nav .login label, nav .login input, nav .login button, nav .login a { width: 100%; display: block; }
                  nav .login .akzo-button-4 { width: 100%; font-size: 16px; }
                  nav .login button { position: static; height: 36px; }
                  nav .login .forgot-password { background: none; text-align: right; text-decoration: underline; color: #012169; margin-bottom: 5px; }
                  nav .login h4 { font-weight: bold; font-size: 1em; margin: 10px 0; }
                  nav .login .logged-out a, nav .login .logged-out a:hover { color: #434649; width: 100vw; }
                  nav .login .logged-in a { color: #434649; width: 100vw; }
                  nav .login .logged-in a:hover { color: #FFFFFF; } }

                @media screen and (max-width: 1023px) { .signin-button { float: left; width: 100vh; } }

                @media screen and (max-width: 1023px) { li.account-nav-item { width: 100%; height: 2.75em; font-size: 1.25em; line-height: 2.75em; letter-spacing: -.1px; border-bottom: 1px solid #dfe1e3; } }
                li.account-nav-item:last-of-type { margin-top: 20px; border-bottom: none; height: auto; }
                @media screen and (max-width: 1023px) { li.account-nav-item a { display: block; background-color: transparent; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; width: 100vw; } }

                .site-navigation .nav-button i, .site-navigation .site-navigation__link i { float: right; padding: 17.5px 0; color: #605C66; display: none; }
                @media screen and (max-width: 1023px) { .site-navigation .nav-button i, .site-navigation .site-navigation__link i { display: block; } }

                @media screen and (max-width: 1023px) { .site-navigation .menu-tools__link.current i { color: #d6d6d6; } }

                @media screen and (max-width: 480px) { @-ms-viewport { width: device-width; }

                  body.windows-phone .menu-tools__list-item .nav-button, body.windows-phone .menu-tools__list-item .site-navigation__link, body.windows-phone .menu-tools__list-item .site-navigation__link { font-size: 0.8em; } }
                /* SHAME SECTION END */
                #header-navigation.open #cart-total-price, #header-navigation.open .cart-item-count { display: block; }
                @media screen and (max-width: 1023px) { #header-navigation.open #cart-total-price, #header-navigation.open .cart-item-count { display: none; } }

                .badge { display: none; }
                @media screen and (max-width: 1023px) { .badge { display: inherit; } }

                a { color: #012169; }

                .content-area a[href*="."]:not(.btn), .content-area a[href*="tel:"], .content-area .result .links .link, .content-area #pick-color { color: #72B62E; }
                .content-area a[href*="."]:not(.btn):hover, .content-area a[href*="."]:not(.btn):focus, .content-area a[href*="tel:"]:hover, .content-area a[href*="tel:"]:focus, .content-area .result .links .link:hover, .content-area .result .links .link:focus, .content-area #pick-color:hover, .content-area #pick-color:focus { color: #41AB34; }

                .link--dark { color: #434649 !important; text-decoration: underline !important; }
                .link--dark:hover, .link--dark:focus { color: #5b6064 !important; text-decoration: underline !important; }

                .link--special { color: #060606 !important; text-decoration: underline !important; }
                .link--special:hover, .link--special:focus { color: #202020 !important; text-decoration: underline !important; }

                .language-selector { text-align: center; padding: 10px 5px; display: none; }
                .language-selector > a { text-decoration: underline; }
                .language-selector .menu-toggle { margin: 0; }
                .language-selector .menu-toggle ul { padding: 0; }
                .language-selector .menu-toggle li a { padding: 10px 55px; font-size: 1.0625em; line-height: 1.29412em; margin-top: 1.29412em; letter-spacing: -.1px; border-radius: 6px; }
                .language-selector .menu-toggle li a.selected { background-color: #012169; color: #fff; }
                .language-selector .menu-toggle li a.selected:hover { background-color: #fff; color: #012169; }
                .language-selector .menu-toggle li:last-of-type { margin: 0; }

                .cookie-consent { display: none; background-color: #F8F9FA; padding: 10px; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1001; border-top: 1px solid #DFE1E3; }
                .cookie-consent .l-container { position: relative; }
                .cookie-consent p { font-size: 1.0em; font-size: 0.75em; line-height: 1.5em; margin-top: 1.5em; margin-top: 0; width: 100%; max-width: 720px; padding-right: 35px; }
                .cookie-consent a { text-decoration: underline; }
                .cookie-consent .cookie-consent-close { position: absolute; top: 10px; right: 10px; text-decoration: none; }

                body {color: #434649; }

                p { font-size: 1em; line-height: 1.375em; margin-top: 1.375em; letter-spacing: -.1px; }

                html.acndlx:lang(zh) body {}

                @font-face { font-family: 'dulux-symbol-v2'; src: url("/assets/fonts/dulux-symbol-v2.eot?lh3sv5"); src: url("/assets/fonts/dulux-symbol-v2.eot?lh3sv5#iefix") format("embedded-opentype"), url("/assets/fonts/dulux-symbol-v2.ttf?lh3sv5") format("truetype"), url("/assets/fonts/dulux-symbol-v2.woff?lh3sv5") format("woff"), url("/assets/fonts/dulux-symbol-v2.svg?lh3sv5#dulux-symbol-v2") format("svg"); font-weight: normal; font-style: normal; }
                [class^="icon-"], [class*=" icon-"] { font-family: 'dulux-symbol-v2'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 2em; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }

                .cta:before { font-family: 'dulux-symbol-v2'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 2em; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; font-size: 2.75em; margin-left: -8px; margin-right: -5px; position: relative; top: -1px; line-height: 0; }

                .icon-arrow-right:before { content: ""; }

                .icon-arrow-right-filled:before { content: ""; }

                .icon-circle-arrow-down:before { content: ""; }

                .icon-circle-arrow-down-filled:before { content: ""; }

                .icon-circle-arrow-up:before { content: ""; }

                .icon-circle-arrow-up-filled:before { content: ""; }

                .icon-circle-arrow-right:before { content: ""; }

                .icon-circle-arrow-right-filled:before { content: ""; }

                .icon-circle-arrow-left:before { content: ""; }

                .icon-circle-arrow-left-filled:before { content: ""; }

                .icon-circle-minus:before { content: ""; }

                .icon-circle-minus-filled:before { content: ""; }

                .icon-circle-plus:before { content: ""; }

                .icon-circle-plus-filled:before { content: ""; }

                .icon-circle-tick:before { content: ""; }

                .icon-circle-warning:before { content: ""; }

                .icon-circle-close:before { content: ""; }

                .icon-scrapbook:before { content: ""; }

                .icon-scrapbook-filled:before { content: ""; }

                .icon-scrapbook-filled-large:before { content: ""; }

                .icon-plus:before { content: ""; }

                .icon-plus-filled:before { content: ""; }

                .icon-user:before { content: ""; }

                .icon-storefinder:before { content: ""; }

                .icon-cart:before { content: ""; }

                .icon-search:before { content: ""; }

                .icon-mail:before { content: ""; }

                .icon-tmall:before { content: ""; }

                .icon-jingdong:before { content: ""; }

                .icon-reset:before { content: ""; }

                .icon-stores:before { content: ""; }

                .icon--medium { font-size: 3em; }

                .icon--large { font-size: 4.75em; }

                .dulux-symbol-instagram, .dulux-symbol-youtube, .dulux-symbol-vkontakte { font-family: 'dulux-symbol'; font-style: normal; }

                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-instagram:hover { background-color: #83692D; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-instagram:before { font-family: FontAwesome; content: ""; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-youtube:hover { background-color: #C12031; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-youtube:before { font-family: FontAwesome; content: ""; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-vkontakte:hover { background-color: #335078; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-vkontakte:before { font-family: FontAwesome; content: ""; }

                .btn { display: inline-block !important; font-weight: bold !important; text-align: center !important; vertical-align: middle !important; -ms-touch-action: manipulation !important; touch-action: manipulation !important; cursor: pointer !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; border: 2px solid transparent !important; text-decoration: none !important; -webkit-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important; padding: 0.525rem 1rem; line-height: 1.2; border-radius: 0.25rem; }
                .btn:active { background-image: none !important; outline: 0 !important; }
                .btn:disabled { cursor: not-allowed !important; opacity: .65 !important; }

                .btn.btn--disabled { background: #9B9B9B !important; cursor: not-allowed !important; opacity: .65 !important; border-color: #9B9B9B !important; }
                .btn.btn--disabled:hover, .btn.btn--disabled:focus { background-color: #9B9B9B !important; border-color: #9B9B9B !important; }

                .btn--primary { color: #FFFFFF !important; background-color: #72B62E !important; border-color: #72B62E !important; }
                .btn--primary:hover { color: #FFFFFF !important; background-color: #598d24 !important; border-color: #598d24 !important; }
                .btn--primary:focus { outline: 0; }
                .btn--primary:active { color: #FFFFFF !important; background-color: #598d24 !important; border-color: #598d24 !important; }
                .btn--primary:active:hover, .btn--primary:active:focus { color: #FFFFFF !important; background-color: #4c791f !important; border-color: #4c791f !important; }
                .btn--primary:disabled { background-color: #CCCBCB !important; border-color: #CCCBCB !important; }
                .btn--primary:disabled:focus, .btn--primary:disabled:hover { background-color: #CCCBCB !important; border-color: #CCCBCB !important; }

                .btn--secondary { color: #72B62E !important; background-image: none !important; background-color: #FFFFFF !important; border-color: #72B62E !important; }
                .btn--secondary:hover { color: #598d24 !important; border-color: #598d24 !important; }
                .btn--secondary:focus { outline: 0; }
                .btn--secondary:active { color: #598d24 !important; border-color: #598d24 !important; background-image: none !important; }
                .btn--secondary:active:hover, .btn--secondary:active:focus { outline: 0; color: #598d24 !important !important; border-color: #598d24 !important !important; }
                .btn--secondary:disabled { color: #CCCBCB !important; border-color: #CCCBCB !important; }
                .btn--secondary:disabled:focus, .btn--secondary:disabled:hover { color: #CCCBCB !important; border-color: #CCCBCB !important; }

                .btn--tertiary { color: #306B8B !important; border-radius: 0 !important; }
                .btn--tertiary, .btn--tertiary:active, .btn--tertiary:disabled { background-color: transparent; box-shadow: none !important; }
                .btn--tertiary:focus, .btn--tertiary:active, .btn--tertiary:hover { color: #1c3f52 !important; border-color: transparent !important; }
                .btn--tertiary:disabled { color: #CCCBCB !important; }
                .btn--tertiary:after { font-family: 'dulux-symbol-v2'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 2em; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; display: inline-block; content: ""; top: -1px; font-size: 2.3em; left: -3px; position: relative; }

                .btn--pull-left { padding-left: 0 !important; border-left: 0 !important; }

                .btn { display: inline-block !important; }

                .btn--vertical-arrows { color: #72B62E !important; background-image: none !important; background-color: #FFFFFF !important; border-color: #72B62E !important; border-color: #FFFFFF !important; color: #306B8B !important; font-size: 1em; padding: 0.275rem 0 0.1rem 0; }
                .btn--vertical-arrows:hover { color: #598d24 !important; border-color: #598d24 !important; }
                .btn--vertical-arrows:focus { outline: 0; }
                .btn--vertical-arrows:active { color: #598d24 !important; border-color: #598d24 !important; background-image: none !important; }
                .btn--vertical-arrows:active:hover, .btn--vertical-arrows:active:focus { outline: 0; color: #598d24 !important !important; border-color: #598d24 !important !important; }
                .btn--vertical-arrows:disabled { color: #CCCBCB !important; border-color: #CCCBCB !important; }
                .btn--vertical-arrows:disabled:focus, .btn--vertical-arrows:disabled:hover { color: #CCCBCB !important; border-color: #CCCBCB !important; }
                .btn--vertical-arrows span { position: relative; top: 1px; }
                .btn--vertical-arrows:after { font-family: 'dulux-symbol-v2'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 2em; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; display: inline-block; content: ""; margin-left: -12px; margin-top: -3px; font-size: 3em; line-height: 0.7; position: relative; top: 1px; }
                .btn--vertical-arrows._open:after { content: ""; }
                .btn--vertical-arrows._open:hover:after, .btn--vertical-arrows._open:focus:after { content: ""; }
                .btn--vertical-arrows:hover, .btn--vertical-arrows:focus { border-color: #FFFFFF !important; color: #234e65 !important; }
                .btn--vertical-arrows:hover:after, .btn--vertical-arrows:focus:after { content: ""; }

                .btn--save { color: #72B62E !important; background-image: none !important; background-color: #FFFFFF !important; border-color: #72B62E !important; font-size: 1em; padding: 0.275rem 0 0.1rem 1rem; }
                .btn--save:hover { color: #598d24 !important; border-color: #598d24 !important; }
                .btn--save:focus { outline: 0; }
                .btn--save:active { color: #598d24 !important; border-color: #598d24 !important; background-image: none !important; }
                .btn--save:active:hover, .btn--save:active:focus { outline: 0; color: #598d24 !important !important; border-color: #598d24 !important !important; }
                .btn--save:disabled { color: #CCCBCB !important; border-color: #CCCBCB !important; }
                .btn--save:disabled:focus, .btn--save:disabled:hover { color: #CCCBCB !important; border-color: #CCCBCB !important; }
                .btn--save span { position: relative; top: 1px; }
                .btn--save:after { font-family: 'dulux-symbol-v2'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 2em; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; display: inline-block; content: ""; margin-left: -15px; margin-top: -3px; font-size: 3em; line-height: 0.7; position: relative; top: 1px; }
                .btn--save:hover:after, .btn--save:focus:after { content: ""; }

                .btn--save-inverted { color: #FFFFFF !important; background-image: none !important; background-color: #FFFFFF !important; border-color: #FFFFFF !important; background-color: rgba(0, 0, 0, 0.15) !important; font-size: 1em; padding: 0.275rem 0 0.1rem 1rem; }
                .btn--save-inverted:hover { color: #e6e6e6 !important; border-color: #e6e6e6 !important; }
                .btn--save-inverted:focus { outline: 0; }
                .btn--save-inverted:active { color: #e6e6e6 !important; border-color: #e6e6e6 !important; background-image: none !important; }
                .btn--save-inverted:active:hover, .btn--save-inverted:active:focus { outline: 0; color: #e6e6e6 !important !important; border-color: #e6e6e6 !important !important; }
                .btn--save-inverted:disabled { color: #CCCBCB !important; border-color: #CCCBCB !important; }
                .btn--save-inverted:disabled:focus, .btn--save-inverted:disabled:hover { color: #CCCBCB !important; border-color: #CCCBCB !important; }
                .btn--save-inverted span { position: relative; top: 1px; }
                .btn--save-inverted:after { font-family: 'dulux-symbol-v2'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 2em; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; display: inline-block; content: ""; margin-left: -12px; margin-top: -3px; font-size: 3em; line-height: 0.7; position: relative; top: 1px; }
                .btn--save-inverted:hover:after, .btn--save-inverted:focus:after { content: ""; }

                @media screen and (max-width: 1023px) { .btn--block { display: block !important; width: 100% !important; } }

                @media screen and (max-width: 1023px) { .btn--block + .btn--block { margin-top: 10px; } }

                .btn--hidden { display: none !important; }

                @media screen and (max-width: 1023px) { input[type="submit"].btn--block, input[type="reset"].btn--block, input[type="button"].btn--block { width: 100% !important; } }

                @font-face { font-family: 'dulux-symbol-v2'; src: url("/assets/fonts/dulux-symbol-v2.eot?lh3sv5"); src: url("/assets/fonts/dulux-symbol-v2.eot?lh3sv5#iefix") format("embedded-opentype"), url("/assets/fonts/dulux-symbol-v2.ttf?lh3sv5") format("truetype"), url("/assets/fonts/dulux-symbol-v2.woff?lh3sv5") format("woff"), url("/assets/fonts/dulux-symbol-v2.svg?lh3sv5#dulux-symbol-v2") format("svg"); font-weight: normal; font-style: normal; }
                [class^="icon-"], [class*=" icon-"] { font-family: 'dulux-symbol-v2'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 2em; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }

                .cta:before { font-family: 'dulux-symbol-v2'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 2em; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; font-size: 2.75em; margin-left: -8px; margin-right: -5px; position: relative; top: -1px; line-height: 0; }

                .icon-arrow-right:before { content: ""; }

                .icon-arrow-right-filled:before { content: ""; }

                .icon-circle-arrow-down:before { content: ""; }

                .icon-circle-arrow-down-filled:before { content: ""; }

                .icon-circle-arrow-up:before { content: ""; }

                .icon-circle-arrow-up-filled:before { content: ""; }

                .icon-circle-arrow-right:before { content: ""; }

                .icon-circle-arrow-right-filled:before { content: ""; }

                .icon-circle-arrow-left:before { content: ""; }

                .icon-circle-arrow-left-filled:before { content: ""; }

                .icon-circle-minus:before { content: ""; }

                .icon-circle-minus-filled:before { content: ""; }

                .icon-circle-plus:before { content: ""; }

                .icon-circle-plus-filled:before { content: ""; }

                .icon-circle-tick:before { content: ""; }

                .icon-circle-warning:before { content: ""; }

                .icon-circle-close:before { content: ""; }

                .icon-scrapbook:before { content: ""; }

                .icon-scrapbook-filled:before { content: ""; }

                .icon-scrapbook-filled-large:before { content: ""; }

                .icon-plus:before { content: ""; }

                .icon-plus-filled:before { content: ""; }

                .icon-user:before { content: ""; }

                .icon-storefinder:before { content: ""; }

                .icon-cart:before { content: ""; }

                .icon-search:before { content: ""; }

                .icon-mail:before { content: ""; }

                .icon-tmall:before { content: ""; }

                .icon-jingdong:before { content: ""; }

                .icon-reset:before { content: ""; }

                .icon-stores:before { content: ""; }

                .icon--medium { font-size: 3em; }

                .icon--large { font-size: 4.75em; }

                .dulux-symbol-instagram, .dulux-symbol-youtube, .dulux-symbol-vkontakte { font-family: 'dulux-symbol'; font-style: normal; }

                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-instagram:hover { background-color: #83692D; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-instagram:before { font-family: FontAwesome; content: ""; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-youtube:hover { background-color: #C12031; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-youtube:before { font-family: FontAwesome; content: ""; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-vkontakte:hover { background-color: #335078; }
                .social-media-sharing a [class^="dulux-symbol-"].dulux-symbol-vkontakte:before { font-family: FontAwesome; content: ""; }

                .cta { color: #306B8B !important; cursor: pointer; text-decoration: none !important; font-weight: bold !important; font-size: 14px !important; }
                .cta:hover { color: #234e65 !important; }

                .cta--arrow-right:hover:before, .cta--arrow-right:focus:before { content: ""; }
                .cta--arrow-right:before { content: ""; }

                .cta--arrow-right-filled:before { content: ""; }

                .cta--circle-arrow-down:hover:before, .cta--circle-arrow-down:focus:before { content: ""; }
                .cta--circle-arrow-down:before { content: ""; }

                .cta--circle-arrow-down-filled:hover:before, .cta--circle-arrow-down-filled:focus:before { content: ""; }
                .cta--circle-arrow-down-filled:before { content: ""; }

                .cta--circle-arrow-up:hover:before, .cta--circle-arrow-up:focus:before { content: ""; }
                .cta--circle-arrow-up:before { content: ""; }

                .cta--circle-arrow-up-filled:hover:before, .cta--circle-arrow-up-filled:focus:before { content: ""; }
                .cta--circle-arrow-up-filled:before { content: ""; }

                .cta--circle-arrow-right:hover:before, .cta--circle-arrow-right:focus:before { content: ""; }
                .cta--circle-arrow-right:before { content: ""; }

                .cta--circle-arrow-right-filled:hover:before, .cta--circle-arrow-right-filled:focus:before { content: ""; }
                .cta--circle-arrow-right-filled:before { content: ""; }

                .cta--circle-arrow-left:hover:before, .cta--circle-arrow-left:focus:before { content: ""; }
                .cta--circle-arrow-left:before { content: ""; }

                .cta--circle-arrow-left-filled:hover:before, .cta--circle-arrow-left-filled:focus:before { content: ""; }
                .cta--circle-arrow-left-filled:before { content: ""; }

                .cta--circle-minus:hover:before, .cta--circle-minus:focus:before { content: ""; }
                .cta--circle-minus:before { content: ""; }

                .cta--circle-minus-filled:hover:before, .cta--circle-minus-filled:focus:before { content: ""; }
                .cta--circle-minus-filled:before { content: ""; }

                .cta--circle-plus:hover:before, .cta--circle-plus:focus:before { content: ""; }
                .cta--circle-plus:before { content: ""; }

                .cta--circle-plus-filled:hover:before, .cta--circle-plus-filled:focus:before { content: ""; }
                .cta--circle-plus-filled:before { content: ""; }

                .cta--circle-tick:before { content: ""; }

                .cta--circle-warning:before { content: ""; }

                .cta--circle-close:before { content: ""; }

                .cta--scrapbook:hover:before, .cta--scrapbook:focus:before { content: ""; }
                .cta--scrapbook:before { content: ""; }

                .cta--scrapbook-filled:hover:before, .cta--scrapbook-filled:focus:before { content: ""; }
                .cta--scrapbook-filled:before { content: ""; }

                .cta--scrapbook-filled-large:before { content: ""; }

                .cta--plus:hover:before, .cta--plus:focus:before { content: ""; }
                .cta--plus:before { content: ""; }

                .cta--plus-filled:hover:before, .cta--plus-filled:focus:before { content: ""; }
                .cta--plus-filled:before { content: ""; }

                .cta--user:before { content: ""; }

                .cta--storefinder:before { content: ""; }

                .cta--cart:before { content: ""; }

                .cta--search:before { content: ""; }

                .cta--mail:before { content: ""; }

                .cta--tmall:before { content: ""; }

                .cta--jingdong:before { content: ""; }

                .cta--reset:hover:before, .cta--reset:focus:before { content: ""; }
                .cta--reset:before { content: ""; }

                .cta--stores:before { content: ""; }

                .cta--medium:before { font-size: 3em; }

                .cta--large:before { font-size: 7em; margin-left: -40px; margin-right: -20px; }

                .social-login { position: relative; margin-bottom: 20px; }

                #loginDiv.social-login #loginDiv_uiContainer .gigya-login-providers-container .gigya-login-provider-row { margin-bottom: 10px; }

                .social-login-error.form__error-box { margin-bottom: 20px; margin-left: 0; display: none; }

                /*  for all other devices display those elements and hide their duplicates  */
                @media screen and (max-width: 1023px) { .header-background-site-controls { display: none; } }
                #page-header { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #DFE1E3; background-color: #fff; margin-top: 0; }
                #page-header:after { content: ""; display: table; clear: both; }
                @media screen and (max-width: 1023px) { #page-header { font-weight: 300; border-bottom: 0; position: relative; } }
                #page-header .l-container { width: 100%; max-width: 980px; min-width: 200px; margin: 0 auto; padding: 0 10px; float: none; }
                @media screen and (max-width: 1023px) { #page-header .l-container { padding: 0; } }
                @media screen and (max-width: 1023px) { #page-header .l-container { max-width: none; float: left; } }
                #page-header .header-background { background-color: #012169; border-bottom: 1px solid #DFE1E3; float: left; width: 100%; }
                #page-header .header-background .container { position: relative; }
                @media screen and (max-width: 1023px) { #page-header .header-background { height: 5.625em; border-bottom: none; } }
                #page-header div.major-logo { width: 50%; padding: 10px 0 10px 0; float: left; margin: 0; }
                @media screen and (max-width: 1023px) { #page-header div.major-logo { padding: 0 0 0 10px; } }
                #page-header div.major-logo img { display: block; height: 70px; margin: 10px 0; }

                .header-background-section { text-align: right; float: right; padding: 0; }
                .header-background-section div.minor-logo { margin: 0; padding: 15px 0 5px 0; }
                .header-background-section div.minor-logo img { height: 15px; }
                @media screen and (max-width: 1023px) { .header-background-section div.minor-logo img { height: 12px; margin: 40px 20px 20px 0; } }
                @media screen and (max-width: 480px) { .header-background-section div.minor-logo img { height: 12px; margin: 20px 20px 20px 0; } }
                @media screen and (max-width: 1023px) { .header-background-section div.minor-logo { display: none; } }
                .header-background-section .header-background-site-controls { float: right; }

                nav ul { list-style: none; padding: 0; margin: 0; }

                /* MENU LINKS START */
                nav.menu-link { display: none; padding: 15px 35px 15px 20px; margin-left: 10px; float: left; }
                nav.menu-link.logged-in { display: block; }

                .nav-list-links { float: right; }
                .nav-list-links a.nav-item-link { font-size: 0.875em; line-height: 2.14286em; margin-top: 2.14286em; color: #fff; text-decoration: underline; font-family: inherit; margin: 0; display: block; }
                .nav-list-links a.nav-item-link img { width: 30px; vertical-align: middle; padding-left: 10px; }
                @media screen and (max-width: 1023px) { .nav-list-links a.nav-item-link { font-size: 1.375em; line-height: 1.36364em; margin-top: 1.36364em; letter-spacing: -.1px; margin-top: 0; color: #012169; text-decoration: underline; } }

                /* MENU LINKS END */
                /*   MENU ACCORDIONS START    */
                .menu-link-accordion { position: relative; float: left; margin-left: 10px; padding: 15px 35px 15px 20px; }
                .menu-link-accordion ul.accordion-summary, .menu-link-accordion ul.accordion-details { margin: 0; }
                .menu-link-accordion a { font-family: inherit; font-size: 0.9375em; line-height: 1.33333em; margin-top: 1.33333em; margin: 0; display: block; }
                .menu-link-accordion ul.accordion-details { display: none; text-align: left; z-index: 11; border: 1px solid #DFE1E3; border-top: none; position: absolute; padding: 10px 15px; background-color: #fff; width: 250px; right: 0; top: 100%; }
                .menu-link-accordion li.accordion-item { padding: 5px 0; }
                .menu-link-accordion a.with-symbol { padding-left: 20px; }
                .menu-link-accordion a.with-symbol:before { position: absolute; font-family: 'dulux-symbol'; font-size: 16px; left: 10px; }
                .menu-link-accordion li.accordion-summary-item { display: block; position: relative; text-align: left; }
                .menu-link-accordion a.accordion-summary-link { line-height: 30px; color: #fff; text-decoration: underline; }
                .menu-link-accordion a.accordion-summary-link:after { content: " "; display: block; font-family: 'FontAwesome'; top: 0; right: -15px; position: absolute; float: right; }
                .menu-link-accordion.open { background-color: #fff; }
                .menu-link-accordion.open ul.accordion-details { display: block; }
                .menu-link-accordion.open a.accordion-summary-link { color: #012169; background-color: #fff; }
                .menu-link-accordion.open a.accordion-summary-link:after { content: " "; display: block; font-family: 'FontAwesome'; }
                @media screen and (max-width: 1023px) { .menu-link-accordion .accordion-summary { display: none; } }
                .menu-link-accordion .accordion-item-link .icon-scrapbook-filled { font-size: 3em; margin-left: -15px; margin-right: -10px; margin-top: -36px; height: 10px; }
                .menu-link-accordion.logged-in .nav-list-links { display: none; }
                .menu-link-accordion.not-logged-in ul.accordion-summary { display: none; }
                @media screen and (max-width: 1023px) { .menu-link-accordion { padding: 0; margin: 0 0 20px 0; width: 100%; }
                  .menu-link-accordion a { text-decoration: none; font-size: 1.25em; line-height: 1.5em; margin-top: 1.5em; letter-spacing: -.1px; margin-top: 0; }
                  .menu-link-accordion a:before { position: relative; }
                  .menu-link-accordion a.accordion-summary-link { padding: 10px 20px 10px 20px; color: #012169; text-decoration: underline; text-align: right; }
                  .menu-link-accordion a.accordion-summary-link:after { content: " "; display: block; font-family: 'dulux-symbol-v2'; top: 10px; right: 0; position: absolute; float: right; }
                  .menu-link-accordion ul.accordion-details { display: none; background-color: white; border: none; text-align: left; position: relative; width: auto; padding: 0; }
                  .menu-link-accordion li.accordion-item { width: 100%; border-top: 1px solid #DFE1E3; padding: 0; }
                  .menu-link-accordion a.accordion-item-link { padding: 10px 0; background-color: #fff; }
                  .menu-link-accordion a.accordion-item-link:hover { background-color: #DFE1E3; }
                  .menu-link-accordion a.accordion-item-link:before { content: " "; display: block; font-family: 'FontAwesome'; left: 0; float: left; padding-right: 10px; }
                  .menu-link-accordion.open ul.accordion-details { display: block; } }
                @media screen and (max-width: 1023px) and (max-width: 1023px) { .menu-link-accordion .accordion-summary { display: none; } }
                @media screen and (max-width: 1023px) { .menu-link-accordion a.icon-cart, .menu-link-accordion a.icon-scrapbook { padding: 10px 0 10px 20px; } }
                .menu-link-accordion a:hover, .menu-link-accordion a:focus { text-decoration: none; }
                .menu-link-accordion a:hover span, .menu-link-accordion a:focus span { text-decoration: underline; }

                /* MENU ACCORDIONS END */
                /* HAMBURGER START */
                .hamburger { display: none; }
                @media screen and (max-width: 1023px) { .hamburger { display: block; color: white; margin: 30px 20px; position: relative; }
                  .hamburger span { display: inline-block; vertical-align: middle; }
                  .hamburger__icon { cursor: pointer; } }

                /* HAMBURGER END */
                /* BADGE START */
                .badge { background-color: #EC6642; border-radius: 24px; color: #FFFFFF; width: 24px; height: 24px; position: absolute; top: -12px; right: -12px; font-family: inherit; text-decoration: none; text-align: center; font-weight: bold; pointer-events: none; display: block; }

                /* BADGE END */
                /* HEADER REGRESSIONS FIXES START */
                .search-box { position: relative; }
                .search-box input { font-size: 1em; font-weight: normal; width: 100%; height: 100%; display: block; padding-right: 2.66667em; }
                .search-box button { display: block; position: absolute; top: 0; right: 0; height: 100%; padding: 0.5em; border: solid 1px #012169; background: #012169; color: white; }
                .search-box button:hover { background-color: #fff; text-decoration: none; cursor: pointer; color: #012169; }

                #order_summary { border: none; }

                .group-spans { display: inline; }
                @media screen and (max-width: 1023px) { .group-spans { display: block; } }

                /* Language specific styles: NL */
                @media screen and (max-width: 1023px) { :lang(nl) .menu-tools__list-item .nav-button, :lang(nl) .menu-tools__list-item .site-navigation__link { font-size: 0.9em; } }

                /* Language specific styles: FR */
                @media screen and (max-width: 1023px) { :lang(fr) .menu-tools__list-item .nav-button, :lang(fr) .menu-tools__list-item .site-navigation__link { font-size: 0.9em; } }

