/***
*   File:
*       navigation.less
*
*   Description:
*       This file composites all of the styles necessary to style that
*       navigation in modern browsers. Differences between the desktop
*       and mobile layouts are so great that styles are most maintainable
*       when each view has its own dedicated stylesheet. The required
*       for a view are imported here in their applicable media query.
*       This method does create some redudant code in the partial files
*       but by not cascading from desktop to mobile--which, again, are
*       very different--there is no need to override a majority of
*       the desktop styles in the mobile viewport. The net result is
*       actually less code and code that is easier to reason about.
*       The added benefit is that the desktop partial can be imported
*       into an ie8--which doesn't support media queries--specific file
*       but the shared styles can be modified in one place: the partial.
*
*   Table of Contents:
*       1. Desktop View
*       2. Small Desktop View
*       3. Mobile View
*/
/* ===== 1. DESKTOP VIEW ===== */
@media (min-width: 768px) {
  /***
*   File:
*       desktop.partial.less
*
*   Description:
*       This file styles the navigation for our DESKTOP/LARGE TABLET layout (above 767px wide.)
*       This file is built to be include in a master file and not compile to css on its on.
*
*   Table of Contents:
*       1. General Styles
*       2. Site Banner (The gray callout)
*       3. Primary Nav (The green nav)
*           3a. Placeholder Left
*           3b. Placeholder Right
*           3c. Nav Items
*       4. Secondary Nav (The nav with dropdowns)
*           4a. Level 1 (General)
*           4b. Level 2 (General)
*               i. Dropdown Images
*       5. Utility Nav (The items right of the site banner)
*           5a. Level 1 (General)
*           5b. Level 2 (General)
*               i. Country Nav
*                   - Country Flags
*              ii. Live Chat
*             iii. Help (Phone number)
*              iv. My Account
*               v. Cart
*       6. Community Footer
*       7. Footer Nav
*       8. Disclaimer Nav
*       9. Copyright Info
*/
  /* ===== 1. GENERAL STYLES ===== */
  .page-header,
  .page-footer,
  .page-copyright {
    font-family: 'Harmonia Sans Pro', Arial, sans-serif;
  }
  .page-header a,
  .page-footer a,
  .page-copyright a {
    text-decoration: none;
  }
  .page-header {
    position: relative;
    z-index: 1;
  }
  .page-content {
    position: relative;
    z-index: 0;
  }
  .mm-header {
    display: none;
  }
  .mm-overlay {
    opacity: 0;
    visibility: hidden;
  }
  .global-modal {
    display: none;
  }
  /* ===== 2. SITE BANNER ===== */
  .site-banner {
    background: #ebebeb;
  }
  .site-banner .callout p {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 21px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 12px 600px 12px 10px;
    position: relative;
    z-index: 1;
  }
  .site-banner .callout .spacer {
    height: 45px;
  }
  /* ===== 3. PRIMARY NAV ===== */
  .primary-nav-wrapper {
    background: #64a70b;
  }
  .primary-nav-wrapper-inner {
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 10px;
    position: relative;
  }
  .no-search .primary-nav-wrapper-inner {
    max-width: 980px;
  }
  .primary-nav-left,
  .primary-nav-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  /* ===== 3a. PLACEHOLDER LEFT (Primary Nav) ===== */
  .primary-nav-left {
    left: 60px;
  }
  .primary-nav-left .site-root-link {
    display: block;
  }
  .primary-nav-left .site-logo {
    height: auto;
    vertical-align: middle;
  }
  .primary-nav-left #select_language {
    margin-top: 5px;
  }
  /* ===== 3b. PLACEHOLDER RIGHT (Primary Nav) ===== */
  .primary-nav-right {
    right: 10px;
    width: 219px;
  }
  .primary-nav-right .search {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
  }
  .no-search .primary-nav-right .search {
    display: none;
  }
  .primary-nav-right .search-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%;
  }
  .primary-nav-right .field,
  .primary-nav-right .input-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    font-family: inherit;
    font-size: 12px;
    height: 33px;
    line-height: 21px;
    margin: 0;
    min-width: 0;
    padding: 0;
  }
  .primary-nav-right .field {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 0 10px;
  }
  .primary-nav-right ::-moz-placeholder {
    color: #000;
  }
  .primary-nav-right :focus::-moz-placeholder {
    color: #999;
  }
  .primary-nav-right ::-ms-input-placeholder {
    color: #000;
  }
  .primary-nav-right :focus::-ms-input-placeholder {
    color: #999;
  }
  .primary-nav-right ::-webkit-input-placeholder {
    color: #000;
  }
  .primary-nav-right :focus::-webkit-input-placeholder {
    color: #999;
  }
  .primary-nav-right .input-btn {
    background-color: #fff;
    /* -- /Base/Includes/images/icons/search.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgaWQ9InNlYXJjaCI+PHBhdGggZD0iTTE1LjYgMTMuNWwtMy45LTMuOXMtLjIgMC0uMi0uMWMuNi0xIDEtMi4xIDEtMy40QzEyLjUgMi44IDkuNyAwIDYuMiAwIDIuOCAwIDAgMi44IDAgNi4yYzAgMy40IDIuOCA2LjIgNi4yIDYuMiAxLjMgMCAyLjQtLjMgMy40LTEgMCAuMSAwIC4yLjEuMmwzLjkgMy45Yy42LjYgMS42LjUgMi4xIDAgLjQtLjQuNS0xLjQtLjEtMnpNNi4yIDEwYy0yLjEgMC0zLjgtMS43LTMuOC0zLjggMC0yLjEgMS43LTMuOCAzLjgtMy44UzEwIDQuMSAxMCA2LjJDMTAgOC4zIDguMyAxMCA2LjIgMTB6Ii8+PC9zdmc+');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    cursor: pointer;
    width: 35px;
  }
  /* ===== 3c. NAV ITEMS (Primary Nav) ===== */
  .primary-nav {
    margin: 0 243px 0 204px;
    text-align: center;
  }
  .no-search .primary-nav {
    margin-right: 0;
  }
  .primary-nav .nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
  }
  .primary-nav .nav-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative;
    transition: background-color 100ms ease-in;
  }
  .primary-nav .nav-item.on,
  .primary-nav .nav-item.active,
  .primary-nav .nav-item:hover {
    background: #4e8828;
    transition: background-color 300ms;
  }
  .primary-nav .nav-item:before {
    background: #fff;
    content: '';
    height: 24px;
    left: 0;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 1px;
  }
  .primary-nav .nav-item:first-child:before {
    content: none;
  }
  .primary-nav .nav-item:hover:before,
  .primary-nav .nav-item:hover + .nav-item:before,
  .primary-nav .nav-item.on:before,
  .primary-nav .nav-item.on + .nav-item:before {
    opacity: 0;
    transition: opacity 300ms ease-out;
  }
  .primary-nav .nav-item.on:after {
    border: 0 solid transparent;
    border-top-color: #4e8828;
    border-width: 8px 10px;
    content: '';
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 100%;
  }
  .primary-nav .nav-link {
    color: #fff;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 17px;
    line-height: 21px;
    padding: 30px 10px;
  }
  .primary-nav .facebook .nav-link {
    background-image: url('/~/media/Images/iRobot/Cool%20Stuff/Social_Networks/facebook_icon.png');
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: transparent;
    font-size: 0;
  }
  /* ===== 4. SECONDARY NAV ===== */
  .secondary-nav-wrapper {
    background: #fff;
  }
  .secondary-nav {
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 10px;
    text-align: center;
    /* ===== 4a. LEVEL 1 (Secondary Nav) ===== */
    /* ===== 4b. LEVEL 2 (Secondary Nav) ===== */
    /* ===== 4c. DROPDOWN IMAGES (Secondary Nav - Level 2) ===== */
  }
  .secondary-nav .nav-list {
    margin: 0;
    padding: 0;
  }
  .secondary-nav .nav-item,
  .secondary-nav .nav-link {
    display: block;
  }
  .secondary-nav .nav-list--lvl1 {
    font-size: 0;
    padding: 20px 0 15px;
  }
  .secondary-nav .nav-item--lvl1 {
    display: inline-block;
    font-size: 17px;
    position: relative;
    z-index: 1;
  }
  .secondary-nav .nav-item--lvl1:before {
    content: '';
    width: 1px;
    height: 18px;
    background: #ebebeb;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
  }
  .secondary-nav .nav-item--lvl1:first-child:before,
  .secondary-nav .nav-item--lvl1.active:before,
  .secondary-nav .nav-item--lvl1.active + .nav-item--lvl1:before {
    content: none;
  }
  .secondary-nav .nav-link--lvl1 {
    color: #000;
    padding: 15px 25px;
  }
  .secondary-nav .nav-item--lvl1.on .nav-link--lvl1 {
    color: #64a70b;
    font-weight: 500;
  }
  .secondary-nav .nav-item--lvl1.on.mopping .nav-link--lvl1 {
    color: #1aa2dc;
  }
  .secondary-nav .nav-item--lvl1.active .nav-link--lvl1 {
    background: #f7f7f7;
    border-radius: 2px 2px 0 0;
  }
  .secondary-nav .nav-item--lvl1.active.nodropdown .nav-link--lvl1 {
    border-radius: 2px;
  }
  .secondary-nav .nav-list--lvl2 {
    background: #f7f7f7;
    border-radius: 0 0 2px 2px;
    display: none;
    font-size: 0;
    padding: 10px 0;
    position: absolute;
    top: 100%;
    white-space: nowrap;
  }
  .secondary-nav .nav-list--lvl2.image-dropdown {
    padding: 0;
  }
  .secondary-nav .nav-item--lvl1.active .nav-list--lvl2 {
    display: block;
  }
  .secondary-nav .nav-item--lvl2 {
    font-size: 16px;
  }
  .secondary-nav .nav-item--lvl2.image {
    display: inline-block;
    padding: 15px;
    position: relative;
  }
  .secondary-nav .nav-item--lvl2.image + .image {
    padding-left: 0;
    margin-left: -15px;
  }
  .secondary-nav .nav-link--lvl2 {
    color: #000;
    padding: 10px 20px;
    text-align: left;
  }
  .secondary-nav .nav-link--lvl2:hover {
    background: #ebebeb;
  }
  .secondary-nav .nav-item--lvl2.image .nav-link--lvl2 {
    height: 130px;
    padding: 5px 0 0;
    position: relative;
    text-align: center;
    width: 135px;
  }
  .secondary-nav .nav-item--lvl2.image .nav-link--lvl2 span {
    bottom: 5px;
    display: block;
    position: absolute;
    width: 100%;
  }
  .secondary-nav .nav-item--lvl2.image .nav-link--lvl2:after {
    background: url(/sites/MainSite/Includes/images/shared-sprite.png?v=1);
    content: '';
    height: 94px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 94px;
  }
  .secondary-nav .nav-item--lvl2.image.roomba .nav-link--lvl2:after {
    background-position: 70px -3px;
    height: 70px;
    margin: -35px 0 0 -35px;
    width: 70px;
  }
  .secondary-nav .nav-item--lvl2.image.braava .nav-link--lvl2 {
    font-size: 0;
    padding: 10px 0;
  }
  .secondary-nav .nav-item--lvl2.image.braava .nav-link--lvl2:after {
    background-image: url('/Base/Includes/images/navigation/braava-sprite-black-en.png');
    background-position: right top;
    background-repeat: no-repeat;
    height: 157px;
    left: -15px;
    top: -5px;
    width: 164px;
    z-index: 1;
  }
  :lang(da) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after {
    background-image: url('/Base/Includes/images/navigation/braava-sprite-white-da.png');
  }
  :lang(de) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after {
    background-image: url('/Base/Includes/images/navigation/braava-sprite-white-de.png');
  }
  :lang(en) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after {
    background-image: url('/Base/Includes/images/navigation/braava-sprite-white-en.png');
  }
  :lang(es) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after,
  :lang(pt) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after {
    background-image: url('/Base/Includes/images/navigation/braava-sprite-white-es.png');
  }
  :lang(fr) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after {
    background-image: url('/Base/Includes/images/navigation/braava-sprite-white-fr.png');
  }
  :lang(nl) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after {
    background-image: url('/Base/Includes/images/navigation/braava-sprite-white-nl.png');
  }
  :lang(sv) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after {
    background-image: url('/Base/Includes/images/navigation/braava-sprite-white-sv.png');
  }
  .secondary-nav .nav-item--lvl2.image.braava .nav-link--lvl2:hover:after {
    background-position: left top;
  }
  .secondary-nav .nav-item--lvl2.image.mirra .nav-link--lvl2:after {
    background-position: 72px -321px;
    height: 64px;
    margin: -32px 0 0 -36px;
    width: 73px;
  }
  .secondary-nav .nav-item--lvl2.image.looj .nav-link--lvl2:after {
    background-position: 72px -418px;
    height: 60px;
    margin: -30px 0 0 -35px;
    width: 70px;
  }
  .secondary-nav .nav-item--lvl2.image.ava500 .nav-link--lvl2:after {
    background-position: 173px 0;
    height: 96px;
    margin: -38px 0 0 -20px;
    width: 40px;
  }
  .secondary-nav .nav-item--lvl2.image.rpvita .nav-link--lvl2:after {
    background-position: 170px 435px;
    height: 96px;
    margin: -38px 0 0 -20px;
    width: 40px;
  }
  .secondary-nav .nav-item--lvl2.image.ava .nav-link--lvl2:after {
    background-position: 0 110px;
    height: 66px;
    margin: -23px 0 0 -22px;
    width: 45px;
  }
  /* ===== 5. UTILITY NAV ===== */
  .utility-nav {
    max-width: 1180px;
    margin: 0 auto;
    position: absolute;
    right: 50%;
    top: 2px;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    text-align: right;
    width: 100%;
    z-index: 2;
    /* ===== 5a. LEVEL 1 (Utility Nav) ===== */
    /* ===== 5b i. COUNTRY NAV (Utility Nav - Level 2) ===== */
    /* ===== 5b i -. COUNTRY FLAGS (Utility Nav - Level 2 - Country Nav) ===== */
    /* Austria */
    /* Belgium */
    /* Canada */
    /* Denmark */
    /* France */
    /* Germany */
    /* Ireland */
    /* Netherlands */
    /* Portugal */
    /* Spain */
    /* Sweden */
    /* United Kingdom */
    /* United States */
    /* Customizations for Belgiums side-by-side link */
    /* ===== 5b ii. LIVE CHAT (Utility Nav - Level 2) ===== */
    /* ===== 5b iii. HELP (Utility Nav - Level 2) ===== */
    /* ===== 5b iv. MY ACCOUNT (Utility Nav - Level 2) ===== */
    /* ===== 5b v. CART (Utility Nav - Level 2) ===== */
  }
  .utility-nav .nav-list {
    margin: 0;
    padding: 0;
  }
  .utility-nav .nav-link {
    display: block;
  }
  .utility-nav .nav-list--lvl1 {
    display: inline-block;
  }
  .utility-nav .nav-item--lvl1 {
    display: inline-block;
    position: relative;
    vertical-align: middle;
  }
  .utility-nav .nav-item--lvl1:before {
    background: #e3e3e3;
    content: '';
    height: 22px;
    left: 0;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    width: 1px;
  }
  .utility-nav .nav-link--lvl1 {
    color: #000;
    font-size: 12px;
    line-height: 16px;
    padding: 7px 13px;
  }
  .utility-nav .nav-list--lvl2 {
    display: none;
  }
  .utility-nav .country-nav {
    position: relative;
    z-index: 100;
  }
  .utility-nav .country-nav:before {
    content: none;
  }
  .utility-nav .country-nav .nav-list--lvl2 {
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px;
    display: none;
    left: 0;
    min-width: 100%;
    padding-top: 35px;
    position: absolute;
    top: 0;
  }
  .utility-nav .country-nav .nav-item--lvl2 {
    display: block;
    flex: 1 0 100%;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
  }
  .utility-nav .country-nav .nav-link--lvl2 {
    color: #000;
  }
  .utility-nav .country-nav .nav-link--lvl2:hover {
    color: #64a70b;
  }
  .utility-nav .country-nav.active .nav-link--lvl1 {
    background-color: #fff;
    border-radius: 5px;
    font-size: 12px;
    position: relative;
    z-index: 1;
  }
  .utility-nav .country-nav.active .nav-list--lvl2 {
    display: block;
  }
  .utility-nav .country-nav .flag .nav-link--lvl2 {
    position: relative;
    padding: 10px 10px 10px 35px;
  }
  .utility-nav .country-nav .nav-link--lvl1:before,
  .utility-nav .country-nav .flag .nav-link--lvl2:before {
    background-image: url(/sites/MainSite/Includes/images/shared-sprite.png);
    content: '';
    height: 16px;
    left: 7px;
    margin: -7px 0 0;
    position: absolute;
    top: 50%;
    width: 24px;
  }
  .utility-nav .country-nav.flag--at .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--at .nav-link--lvl2:before {
    background-position: -257px -36px;
  }
  .utility-nav .country-nav.flag--be .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--be .nav-link--lvl2:before {
    background-position: -257px -55px;
  }
  .utility-nav .country-nav.flag--ca .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--ca .nav-link--lvl2:before {
    background-position: -257px -74px;
  }
  .utility-nav .country-nav.flag--dk .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--dk .nav-link--lvl2:before {
    background-position: -257px -93px;
  }
  .utility-nav .country-nav.flag--fr .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--fr .nav-link--lvl2:before {
    background-position: -257px -112px;
  }
  .utility-nav .country-nav.flag--de .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--de .nav-link--lvl2:before {
    background-position: -257px -131px;
  }
  .utility-nav .country-nav.flag--ie .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--ie .nav-link--lvl2:before {
    background-position: -257px -150px;
  }
  .utility-nav .country-nav.flag--nl .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--nl .nav-link--lvl2:before {
    background-position: -257px -169px;
  }
  .utility-nav .country-nav.flag--pt .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--pt .nav-link--lvl2:before {
    background-position: -282px -36px;
  }
  .utility-nav .country-nav.flag--es .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--es .nav-link--lvl2:before {
    background-position: -282px -55px;
  }
  .utility-nav .country-nav.flag--se .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--se .nav-link--lvl2:before {
    background-position: -282px -74px;
  }
  .utility-nav .country-nav.flag--uk .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--uk .nav-link--lvl2:before {
    background-position: -282px -93px;
  }
  .utility-nav .country-nav.flag--us .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--us .nav-link--lvl2:before {
    background-position: -282px -112px;
  }
  .utility-nav .country-nav .nav-link--lvl1 {
    /* -- /Base/Includes/images/icons/black-chev-down.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2IiBpZD0iY2hldi1zbSI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUuNSAzKSIgZD0iTTEuNzQgNS42MmwtLjgzLS44M0w1LjU4LjE3IDYuNCAxIDEuNzQgNS42Mk00Ljc2IDFsLjgyLS44MyA0LjY3IDQuNjItLjgyLjgzTDQuNzYgMU02LjQgMUw1LjU4LjE3IDQuNzYgMWwuODItLjgzLjgyLjgzeiIvPjwvc3ZnPg==');
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 11px 6px;
    cursor: pointer;
    padding-left: 35px;
    padding-right: 31px;
  }
  .utility-nav .country-nav .flag--be .nav-link--lvl2 {
    display: inline-block;
  }
  .utility-nav .country-nav .flag--be .nav-link--lvl2 + .nav-link--lvl2 {
    margin-left: -0.25em;
  }
  .utility-nav .country-nav .flag--ca .nav-link--lvl2 {
    display: inline-block;
  }
  .utility-nav .country-nav .flag--ca .nav-link--lvl2 + .nav-link--lvl2 {
    margin-left: -0.25em;
  }
  .utility-nav .live-chat .nav-link--lvl1 {
    /* -- /Base/Includes/images/icons/green-chat.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NzAgMjcyIDE4IDE4IiBpZD0ibGl2ZS1jaGF0IiBmaWxsPSIjNjRhNzBiIj48cGF0aCBkPSJNLTQ2My4yIDI4Mi4xYy0xLjcgMC0zLjQtMS42LTMuNC0zLjR2LTEuMWgtMS4xYy0xLjIgMC0yLjMgMS4yLTIuMyAyLjN2NC41YzAgMS4xIDEuMSAyLjMgMi4yIDIuM3YzLjNsMy40LTMuNGg1LjZjMS4xIDAgMi4yLTEuMSAyLjItMi4zdi0uN2wtMS42LTEuNmgtNXYuMXoiLz48cGF0aCBkPSJNLTQ1NC4yIDI3MmgtOWMtMS4yIDAtMi4zIDEuMS0yLjMgMi4zdjQuNWMwIDEuMSAxLjEgMi4yIDIuMyAyLjJoNS42bDMuNCAzLjRWMjgxYzEuMSAwIDIuMi0xLjEgMi4yLTIuMnYtNC41YzAtMS4yLTEuMS0yLjMtMi4yLTIuM3oiLz48L3N2Zz4gIA==');
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding-left: 38px;
  }
  .utility-nav .help .nav-link--lvl1 {
    /* -- /Base/Includes/images/icons/green-headset.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxNy4zIiBpZD0iaGVscCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTTE2LjIgNmMtLjctMy41LTMuNi02LTcuMy02LTMuNyAwLTcgMi43LTcuNiA2LjJDLjUgNi42IDAgNy40IDAgOC4zdjIuMmMwIDEuMiAxIDIuMiAyLjIgMi4yczIuMi0xIDIuMi0yLjJWOC4zYzAtMS4yLTEtMi4yLTIuMS0yLjIuOC0yLjggMy40LTUgNi42LTUgMy4xIDAgNS42IDIuMSA2LjIgNS4xLS45LjMtMS42IDEuMS0xLjYgMi4ydjIuMmMwIDEuMiAxIDIuMiAyLjIgMi4ydi42YzAgMS43LS42IDEuNy0xLjcgMS43SDkuN2MtLjItLjctLjktMS4xLTEuNi0xLjEtLjkgMC0xLjcuOC0xLjcgMS43IDAgLjkuOCAxLjcgMS43IDEuNy43IDAgMS40LS41IDEuNi0xLjFIMTRjMS4xIDAgMi44IDAgMi44LTIuOHYtLjljLjctLjQgMS4xLTEuMSAxLjEtMS45VjguM2MuMS0xLjEtLjctMi4xLTEuNy0yLjN6Ii8+PC9zdmc+');
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 18px 17.3px;
    padding-left: 38px;
  }
  .utility-nav .my-account .nav-link--lvl1 {
    /* -- /Base/Includes/images/icons/green-silhouette.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NzEgMjcyIDE3IDE3IiBpZD0ibXktYWNjb3VudCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTS00NTQuNCAyODVjLS41LS44LTIuMi0xLjMtMy45LTEuOS0xLjctLjctMi4xLS45LTIuMS0uOXYtMS42cy42LS41LjgtMmMuNC4xLjgtLjYuOC0uOXMtLjEtMS4zLS41LTEuMmMuMS0uNy4yLTEuNC4xLTEuNyAwLTEuNS0xLjMtMi44LTMuMy0yLjhzLTMuMyAxLjMtMy40IDIuNmMwIC4zIDAgMSAuMSAxLjctLjQgMC0uNS45LS41IDEuM3MuNCAxLjEuOC45Yy4yIDEuNS44IDIgLjggMnYxLjZzLS40LjItMi4xLjktMy40IDEuMi0zLjkgMS45Yy0uNC44LS4zIDQuMS0uMyA0LjFoMTdzLjEtMy4zLS40LTR6Ii8+PC9zdmc+');
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    cursor: pointer;
    padding-left: 37px;
  }
  .utility-nav .my-account .nav-item--lvl2 {
    display: block;
    text-align: left;
    white-space: nowrap;
  }
  .utility-nav .my-account .nav-link--lvl2 {
    background: #fff;
    color: #000;
    font-size: 15px;
    line-height: 19px;
    padding: 8px 15px;
    text-decoration: underline;
  }
  .utility-nav .my-account.active {
    -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 1px 1px 2px);
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 1px 1px 2px);
  }
  .utility-nav .my-account .nav-link--lvl2:hover {
    color: #64a70b;
  }
  .utility-nav .my-account.active .nav-link--lvl1 {
    background-color: #f3f3f3;
    border-radius: 2px 2px 0 0;
    position: relative;
  }
  .utility-nav .my-account.active .nav-list--lvl2 {
    background: #f3f3f3;
    border-radius: 2px 0 2px 2px;
    display: block;
    min-width: 100%;
    padding: 10px 0;
    position: absolute;
    right: 0;
    top: 100%;
  }
  .utility-nav .cart .nav-link--lvl1 {
    /* -- /Base/Includes/images/icons/green-cart.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NjcgMjY5LjcgMjQuMyAyMy4zIiBpZD0ic2hvcHBpbmctY2FydCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTS00NDMuOSAyNzMuMmMtLjItLjEtMSAwLTEuMiAwaC0xNi4xbC0uNi0yLjNjLS4xLS43LS43LTEuMi0xLjQtMS4yaC0yLjRjLS44IDAtMS40LjYtMS40IDEuNCAwIC44LjYgMS40IDEuNCAxLjRoMS4ybDEuNiA5LjdjMCAuMiAwIC4zLjEuNWwuNiAzLjRjLjEuNi42IDEgMS4yIDEuMWgxNC42Yy44IDAgLjgtLjYuOC0xLjRzMS4xLS45LjMtLjloLTEzLjdsLTEuMi0xLjJoMTUuMWMuNyAwIDEtLjUgMS4yLTEuMmwxLjItOC4yYzAtLjYtLjctLjgtMS4zLTEuMXptLTMuNCA4LjJoLTExLjZsLTEuMi01LjloMTMuOWwtMS4xIDUuOXpNLTQ1Ny43IDI4OC40Yy0xLjMgMC0yLjMgMS0yLjMgMi4zczEgMi4zIDIuMyAyLjMgMi4zLTEgMi4zLTIuMy0xLjEtMi4zLTIuMy0yLjN6TS00NDkuNyAyODguNGMtMS4zIDAtMi4zIDEtMi4zIDIuM3MxIDIuMyAyLjMgMi4zIDIuMy0xIDIuMy0yLjNjLjEtMS4zLTEtMi4zLTIuMy0yLjN6Ii8+PC9zdmc+');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24.3px 23.3px;
    font-size: 0;
    height: 40px;
    margin-left: 2px;
    padding: 0;
    position: relative;
    width: 40px;
  }
  .utility-nav .cart .nav-link--lvl1.has-items::after {
    background: #000;
    border-radius: 50%;
    color: #fff;
    content: attr(data-cart-count);
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    min-height: 12px;
    min-width: 12px;
    padding: 2px;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 2px;
  }
  /* ===== 6. COMMUNITY FOOTER ===== */
  .communityFooterBG {
    background: #fff;
    border-top: 1px solid #ebebeb;
  }
  .communityFooter {
    margin: auto;
    max-width: 1180px;
    padding: 0 10px;
    position: relative;
  }
  .communityFooter .right {
    min-height: 71px;
  }
  .communityFooter .left + .right {
    min-height: 0;
  }
  .communityFooter .newsletterSignup {
    padding: 15px 0;
  }
  .communityFooter .socialIcons {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 15px;
  }
  .communityFooter .nav-list {
    display: table;
    margin: 0;
    padding: 0;
  }
  .communityFooter .nav-item {
    display: table-cell;
  }
  .communityFooter .nav-item + .nav-item {
    padding-left: 12px;
  }
  .communityFooter .nav-link {
    display: block;
    height: 41px;
    position: relative;
    vertical-align: middle;
    width: 41px;
  }
  .communityFooter .sitecore .nav-link-text,
  .communityFooter .sitecore .nav-aux-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
  }
  .communityFooter .sitecore .nav-img {
    height: 45px;
    width: 45px;
  }
  .communityFooter .fb a:after,
  .communityFooter .glassdoor a:after,
  .communityFooter .instagram a:after,
  .communityFooter .linkedin a:after,
  .communityFooter .twitter a:after,
  .communityFooter .youtube a:after {
    background-image: url('/sites/MainSite/Includes/images/shared-sprite.png');
    background-repeat: no-repeat;
    content: '';
    height: 41px;
    position: absolute;
    right: 0;
    top: 0;
    width: 41px;
  }
  .communityFooter .fb span,
  .communityFooter .glassdoor span,
  .communityFooter .instagram span,
  .communityFooter .linkedin span,
  .communityFooter .twitter span,
  .communityFooter .youtube span {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
  }
  .communityFooter .fb a:after {
    background-position: -206px -35px;
  }
  .communityFooter .glassdoor a:after {
    background-position: -206px -315px;
  }
  .communityFooter .instagram a:after {
    background-position: -206px -259px;
  }
  .communityFooter .linkedin a:after {
    background-position: -206px -91px;
  }
  .communityFooter .twitter a:after {
    background-position: -206px -203px;
  }
  .communityFooter .youtube a:after {
    background-position: -206px -147px;
  }
  /* ===== 7. FOOTER NAV ===== */
  .page-footer {
    background: #f3f3f3;
  }
  .footer-nav {
    border-bottom: 1px solid #000;
    margin: 0 auto;
    max-width: 1180px;
    padding: 20px 10px;
  }
  .footer-nav .nav-list {
    margin: 0;
    padding: 0;
  }
  .footer-nav .nav-item,
  .footer-nav .nav-link {
    display: block;
  }
  .footer-nav .nav-list--lvl1 {
    box-sizing: border-box;
    display: table;
    padding: 0;
    width: 100%;
  }
  .footer-nav .nav-item--lvl1 {
    display: table-cell;
    vertical-align: top;
    width: 25%;
  }
  .footer-nav .nav-link--lvl1 {
    color: #64a70b;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .footer-nav .nav-link--lvl2 {
    color: #000;
    font-size: 14px;
    line-height: 19px;
    padding: 6px 0;
  }
  /* ===== 8. DECLAIMER NAV ===== */
  .disclaimer-nav {
    margin: 0 auto;
    max-width: 1180px;
    padding: 15px 10px;
  }
  .disclaimer-nav .nav-list {
    margin: 0;
    padding: 0;
  }
  .disclaimer-nav .nav-item {
    display: inline-block;
    margin-right: 15px;
  }
  .disclaimer-nav .nav-link {
    color: #000;
    display: block;
    font-size: 14px;
    padding: 0 5px;
  }
  /* ===== 9. COPYRIGHT INFO ===== */
  .page-copyright {
    background: #000;
    color: #fff;
  }
  .page-copyright .copyright {
    font-size: 14px;
    margin: 0 auto;
    max-width: 1180px;
    padding: 15px 10px;
  }
}
/* ===== 2. SMALL DESKTOP VIEW ===== */
@media (max-width: 1023px) and (min-width: 768px) {
  /***
*   File:
*       sm-desktop.partial.less
*
*   Description:
*       This file styles the navigation for our DESKTOP layout (above 767px wide)
*       but they are tailored for smaller desktops (below 1024px wide.) This file
*       is built to be include in a master file and not compile to css on its on.
*
*   Table of Contents:
*       1. Site Banner (The white callout)
*       2. Primary Nav (The green nav)
*           2a. Placeholder Left
*           2b. Placeholder Right
*           2c. Nav Items
*       3. Utility Nav (The items right of the site banner)
*       4. Footer Nav
*       5. Disclaimer Nav
*/
  /* ===== 1. SITE BANNER ===== */
  .site-banner .callout p {
    padding-right: 256px;
  }
  /* ===== 2. PRIMARY NAV ===== */
  /* ===== 2a. PLACEHOLDER LEFT ===== */
  .primary-nav-left {
    left: 29px;
  }
  /* ===== 2b. PLACEHOLDER RIGHT ===== */
  .primary-nav-right {
    width: 144px;
  }
  /* ===== 2c. NAV ITEMS ===== */
  .primary-nav {
    margin: 0 154px 0 173px;
  }
  .no-search .primary-nav {
    margin-right: 0;
  }
  /* ===== 3. UTILITY NAV ===== */
  .utility-nav .nav-link--lvl1 {
    font-size: 0;
    padding-right: 0;
  }
  .utility-nav .country-nav .nav-link--lvl1 {
    padding-right: 26px;
  }
  /* ===== 4. FOOTER NAV ===== */
  .footer-nav .nav-link--lvl1 {
    font-size: 14px;
  }
  .footer-nav .nav-link--lvl2 {
    font-size: 12px;
  }
  /* ===== 5. DISCLAIMER NAV ===== */
  .disclaimer-nav .nav-link {
    font-size: 12px;
  }
}
/* ===== 3. MOBILE VIEW ===== */
@media (max-width: 767px) {
  /***
*   File:
*       mobile.partial.less
*
*   Description:
*       This file styles the navigation for our MOBILE/SMALL TABLET layout (below 768px wide.)
*       This file is built to be include in a master file and not compile to css on its on.
*
*
*   Table of Contents:
*       1. General Styles
*       2. Site Banner (The white callout)
*       3. MM Header (The green banner)
*       4. Site Navigation (The drawer)
*           4a. Menu Active
*       5. Search Box
*       6. Primary Nav (The green nav)
*       7. Secondary Nav (The nav with dropdowns)
*           7a. Level 1 (General)
*           7b. Level 2 (General)
*       8. Utility Nav
*           8a. Country Nav
*               i. Country Flags
*           8b. Additional Items
*       9. Community Footer
*      10. Footer Nav
*      11. Disclaimer Nav
*      12. Copyright Info
*/
  /* ===== 1. GENERAL STYLES ===== */
  .page-header,
  .page-footer,
  .page-copyright {
    font-family: 'Harmonia Sans Pro', Arial, sans-serif;
  }
  .page-header a,
  .page-footer a,
  .page-copyright a {
    text-decoration: none;
  }
  .global-modal {
    display: none;
  }
  /* ===== 2. SITE BANNER ===== */
  .site-banner .callout p {
    background: #fff;
    font-size: 14px;
    margin: 0;
    padding: 10px;
    text-align: center;
  }
  /* ===== 3. MM HEADER ===== */
  .mm-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #64a70b;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .mm-header .mm-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    background-color: transparent;
    /* -- /Base/Includes/images/icons/white-hamburger.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxNyIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTI0LjgsM0gxLjJDMC41LDMsMCwyLjUsMCwxLjhWMS4yQzAsMC41LDAuNSwwLDEuMiwwbDIzLjYsMEMyNS41LDAsMjYsMC41LDI2LDEuMnYwLjZDMjYsMi41LDI1LjUsMywyNC44LDN6Ii8+PHBhdGggZD0iTTI0LjgsMTBIMS4yQzAuNSwxMCwwLDkuNSwwLDguOFY4LjJDMCw3LjUsMC41LDcsMS4yLDdoMjMuNkMyNS41LDcsMjYsNy41LDI2LDguMnYwLjZDMjYsOS41LDI1LjUsMTAsMjQuOCwxMHoiLz48cGF0aCBkPSJNMjQuOCwxN0gxLjJDMC41LDE3LDAsMTYuNSwwLDE1Ljh2LTAuNkMwLDE0LjUsMC41LDE0LDEuMiwxNGgyMy42YzAuNywwLDEuMiwwLjUsMS4yLDEuMnYwLjZDMjYsMTYuNSwyNS41LDE3LDI0LjgsMTd6Ii8+PC9zdmc+DQo=');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 23px 17px;
    cursor: pointer;
    font-size: 0;
    height: 58px;
    position: static;
    width: 58px;
  }
  .mm-header .mm-header-center {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
  }
  .mm-header .site-root-link {
    display: inline-block;
    padding: 15px;
  }
  .mm-header .site-logo {
    height: auto;
    vertical-align: middle;
    width: 126px;
  }
  .mm-header #select_language {
    margin: -5px 0 10px;
  }
  .mm-header .mm-cart-nav {
    width: 58px;
  }
  .mm-header .nav-list {
    margin: 0;
    padding: 0;
  }
  .mm-header .nav-item,
  .mm-header .nav-link {
    display: block;
  }
  .mm-header .nav-link {
    /* -- /Base/include/images/icons/white-cart.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NjcgMjY5LjcgMjQuMyAyMy4zIiBpZD0ic2hvcHBpbmctY2FydCIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTS00NDMuOSAyNzMuMmMtLjItLjEtMSAwLTEuMiAwaC0xNi4xbC0uNi0yLjNjLS4xLS43LS43LTEuMi0xLjQtMS4yaC0yLjRjLS44IDAtMS40LjYtMS40IDEuNCAwIC44LjYgMS40IDEuNCAxLjRoMS4ybDEuNiA5LjdjMCAuMiAwIC4zLjEuNWwuNiAzLjRjLjEuNi42IDEgMS4yIDEuMWgxNC42Yy44IDAgLjgtLjYuOC0xLjRzMS4xLS45LjMtLjloLTEzLjdsLTEuMi0xLjJoMTUuMWMuNyAwIDEtLjUgMS4yLTEuMmwxLjItOC4yYzAtLjYtLjctLjgtMS4zLTEuMXptLTMuNCA4LjJoLTExLjZsLTEuMi01LjloMTMuOWwtMS4xIDUuOXpNLTQ1Ny43IDI4OC40Yy0xLjMgMC0yLjMgMS0yLjMgMi4zczEgMi4zIDIuMyAyLjMgMi4zLTEgMi4zLTIuMy0xLjEtMi4zLTIuMy0yLjN6TS00NDkuNyAyODguNGMtMS4zIDAtMi4zIDEtMi4zIDIuM3MxIDIuMyAyLjMgMi4zIDIuMy0xIDIuMy0yLjNjLjEtMS4zLTEtMi4zLTIuMy0yLjN6Ii8+PC9zdmc+');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 31px 30px;
    font-size: 0;
    height: 58px;
    position: relative;
    width: 58px;
  }
  .mm-header .nav-link.has-items:after {
    background: #000;
    border-radius: 50%;
    color: #fff;
    content: attr(data-cart-count);
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    min-height: 12px;
    min-width: 12px;
    padding: 4px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 7px;
  }
  /* ===== 4. SITE NAVIGATION ===== */
  .site-navigation {
    background: #fff;
    box-shadow: inset -8px 0 5px -5px rgba(0, 0, 0, 0.15);
    height: 100vh;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    -webkit-transform: translate(-275px, 0);
    -ms-transform: translate(-275px, 0);
    transform: translate(-275px, 0);
    transition-property: -webkit-transform, visibility;
    transition-delay: 0s, 300ms;
    transition-duration: 300ms, 0s;
    transition-property: transform, visibility;
    transition-timing-function: ease-in;
    visibility: hidden;
    width: 275px;
    z-index: 100;
  }
  /* ===== 4a. MENU ACTIVE (Site Navigation)  ===== */
  body.mm-active {
    overflow: hidden;
  }
  .mm-overlay {
    background: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition-delay: 0s, 300ms;
    transition-duration: 300ms, 0s;
    transition-property: opacity, visibility;
    transition-timing-function: ease-in;
    visibility: hidden;
    z-index: 90;
  }
  body.mm-active .mm-overlay {
    opacity: 0.3;
    pointer-events: auto;
    transition-delay: 0s;
    transition-duration: 375ms, 0s;
    transition-timing-function: ease-out;
    visibility: visible;
  }
  body.mm-active .site-navigation {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition-delay: 0s;
    transition-duration: 375ms, 0s;
    transition-timing-function: ease-out;
    visibility: visible;
  }
  /* ===== 5. SEARCH BOX ===== */
  .primary-nav-right {
    background: #f3f3f3;
    box-shadow: inset -8px 0 5px -5px rgba(0, 0, 0, 0.15);
    padding: 15px;
  }
  .no-search .primary-nav-right {
    display: none;
  }
  .primary-nav-right .search {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
  }
  .primary-nav-right .search-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%;
  }
  .primary-nav-right .field,
  .primary-nav-right .input-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    font-family: inherit;
    font-size: 12px;
    height: 33px;
    line-height: 21px;
    margin: 0;
    min-width: 0;
    padding: 0;
  }
  .primary-nav-right .field {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 0 10px;
  }
  .primary-nav-right .input-btn {
    background-color: #fff;
    /* -- /Base/Includes/images/icons/black-search.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgaWQ9InNlYXJjaCI+PHBhdGggZD0iTTE1LjYgMTMuNWwtMy45LTMuOXMtLjIgMC0uMi0uMWMuNi0xIDEtMi4xIDEtMy40QzEyLjUgMi44IDkuNyAwIDYuMiAwIDIuOCAwIDAgMi44IDAgNi4yYzAgMy40IDIuOCA2LjIgNi4yIDYuMiAxLjMgMCAyLjQtLjMgMy40LTEgMCAuMSAwIC4yLjEuMmwzLjkgMy45Yy42LjYgMS42LjUgMi4xIDAgLjQtLjQuNS0xLjQtLjEtMnpNNi4yIDEwYy0yLjEgMC0zLjgtMS43LTMuOC0zLjggMC0yLjEgMS43LTMuOCAzLjgtMy44UzEwIDQuMSAxMCA2LjJDMTAgOC4zIDguMyAxMCA2LjIgMTB6Ii8+PC9zdmc+');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    cursor: pointer;
    width: 35px;
  }
  /* ===== 6. PRIMARY NAV ===== */
  .primary-nav-wrapper .primary-nav-left {
    display: none;
  }
  .primary-nav {
    background: #f3f3f3;
    border: 0 solid #ebebeb;
    border-width: 1px 0;
    box-shadow: inset -8px 0 5px -5px rgba(0, 0, 0, 0.15);
    padding: 15px;
  }
  .primary-nav .nav-list {
    background: #fff;
    border-radius: 2px;
    margin: 0;
    padding: 0;
  }
  .primary-nav .nav-item {
    display: none;
  }
  .primary-nav .nav-item + .nav-item {
    border-top: 1px solid #ebebeb;
  }
  .primary-nav .nav-link {
    color: #000;
    display: block;
    font-size: 15px;
    padding: 12px;
  }
  .primary-nav .nav-link:hover,
  .primary-nav .nav-item.on .nav-link:hover,
  .primary-nav .nav-list.active .nav-item.on:hover .nav-link {
    background-color: #4e8828;
    color: #fff;
  }
  .primary-nav .nav-item.on {
    display: block;
  }
  .primary-nav .nav-item.on .nav-link {
    background-color: #64a70b;
    /* -- /Base/Includes/images/icons/white-chev-down.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2IiBpZD0iY2hldi1zbSIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUuNSAzKSIgZD0iTTEuNzQgNS42MmwtLjgzLS44M0w1LjU4LjE3IDYuNCAxIDEuNzQgNS42Mk00Ljc2IDFsLjgyLS44MyA0LjY3IDQuNjItLjgyLjgzTDQuNzYgMU02LjQgMUw1LjU4LjE3IDQuNzYgMWwuODItLjgzLjgyLjgzeiIvPjwvc3ZnPg==');
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 20px 11px;
    border-radius: 2px;
    color: #fff;
  }
  .primary-nav .nav-list.active .nav-item {
    display: block;
  }
  .primary-nav .nav-list.active .nav-item.on .nav-link {
    background-image: none;
    border-radius: 0;
  }
  .primary-nav .nav-list.active .nav-item:hover:first-child .nav-link,
  .primary-nav .nav-list.active .nav-item.on:first-child .nav-link {
    border-radius: 2px 2px 0 0;
  }
  .primary-nav .nav-list.active .nav-item:hover:last-child .nav-link,
  .primary-nav .nav-list.active .nav-item.on:last-child .nav-link {
    border-radius: 0 0 2px 2px;
  }
  .primary-nav .nav-item.on,
  .primary-nav .nav-item.on + .nav-item {
    border-top: 0;
  }
  .primary-nav .facebook .nav-link {
    background-image: url('/~/media/Images/iRobot/Cool%20Stuff/Social_Networks/facebook_icon.png');
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    color: transparent;
    font-size: 0;
    height: 21px;
  }
  /* ===== 7. SECONDARY NAV ===== */
  .secondary-nav {
    /* ===== 7a. LEVEL 1 (Secondary Nav) ===== */
    /* ===== 7b. LEVEL 2 (Secondary Nav) ===== */
  }
  .secondary-nav .nav-list {
    margin: 0;
    padding: 0;
  }
  .secondary-nav .nav-item,
  .secondary-nav .nav-link {
    display: block;
  }
  .secondary-nav .nav-link {
    color: #000;
    font-size: 15px;
    padding: 15px 15px 15px 35px;
  }
  .secondary-nav .nav-link:hover {
    color: #64a70b;
  }
  .secondary-nav .nav-item--lvl1 + .nav-item--lvl1 {
    border-top: 1px solid #ebebeb;
  }
  .secondary-nav .nav-link--lvl1 {
    background-color: #f3f3f3;
    /* -- /Base/Includes/images/icons/green-chev-right.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJjaGV2LXNtIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMy4yIDIyLjEiPjxwYXRoIGZpbGw9IiM2NEE3MEIiIGQ9Ik0wLjMsMmwyLTJsMTAuOSwxMWwtMiwxLjlMMC4zLDIgTTExLjIsOS4xbDIsMS45bC0xMC45LDExbC0yLTEuOUwxMS4yLDkuMSBNMTEuMiwxM2wyLTEuOWwtMi0xLjlsMiwxLjkgQzEzLjIsMTEsMTEuMiwxMywxMS4yLDEzeiIvPjwvc3ZnPg==');
    background-position: 17px 50%;
    background-repeat: no-repeat;
    background-size: 9px 16px;
    box-shadow: inset -8px 0 5px -5px rgba(0, 0, 0, 0.15);
    font-weight: 500;
  }
  .secondary-nav .nav-item--lvl1.nodropdown .nav-link--lvl1 {
    background-image: none;
    padding-left: 15px;
  }
  .secondary-nav .nav-item--lvl2 {
    border-top: 1px solid #ebebeb;
  }
  .secondary-nav .nav-link--lvl2 {
    padding-left: 50px;
  }
  .secondary-nav .nav-link--lvl2 span {
    display: none;
  }
  .secondary-nav .nav-list--lvl2 {
    display: none;
  }
  .secondary-nav .nav-item--lvl1.active .nav-list--lvl2 {
    display: block;
  }
  /* ===== 8. UTILITY NAV ===== */
  .utility-nav {
    border-top: 1px solid #ebebeb;
    padding-bottom: 50px;
    /* ===== 8a. COUNTRY NAV (Utility Nav) ===== */
    /* ===== 8a - i. COUNTRY FLAGS (Utility Nav - Country Nav) ===== */
    /* Austria */
    /* Belgium */
    /* Canada */
    /* Denmark */
    /* France */
    /* Germany */
    /* Ireland */
    /* Netherlands */
    /* Portugal */
    /* Spain */
    /* Sweden */
    /* United Kingdom */
    /* United States */
    /* Customizations for Belgiums side-by-side link */
    /* ===== 8b. ADDITIONAL ITEMS (Utility Nav) ===== */
  }
  .utility-nav .nav-list {
    margin: 0;
    padding: 0;
  }
  .utility-nav .nav-item,
  .utility-nav .nav-link {
    display: block;
  }
  .utility-nav .nav-link {
    color: #000;
    font-size: 15px;
  }
  .utility-nav .nav-item--lvl1 {
    border-bottom: 1px solid #ebebeb;
  }
  .utility-nav .nav-link--lvl1 {
    padding: 15px 15px 15px 35px;
  }
  .utility-nav .country-nav .nav-link--lvl1 {
    /* -- /Base/Includes/images/icons/black-chev-down.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2IiBpZD0iY2hldi1zbSI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUuNSAzKSIgZD0iTTEuNzQgNS42MmwtLjgzLS44M0w1LjU4LjE3IDYuNCAxIDEuNzQgNS42Mk00Ljc2IDFsLjgyLS44MyA0LjY3IDQuNjItLjgyLjgzTDQuNzYgMU02LjQgMUw1LjU4LjE3IDQuNzYgMWwuODItLjgzLjgyLjgzeiIvPjwvc3ZnPg==');
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 20px 11px;
    cursor: pointer;
    padding: 15px 15px 15px 40px;
    position: relative;
  }
  .utility-nav .country-nav:not(.active) .nav-link--lvl1:hover {
    color: #64a70b;
  }
  .utility-nav .country-nav .nav-list--lvl2 {
    display: none;
  }
  .utility-nav .country-nav.active {
    padding-bottom: 10px;
  }
  .utility-nav .country-nav.active .nav-list--lvl2 {
    display: block;
  }
  .utility-nav .country-nav.active .nav-link--lvl1 {
    background: none;
    cursor: auto;
    padding: 10px 15px 10px 40px;
  }
  .utility-nav .country-nav .nav-link--lvl2 {
    padding: 5px 15px 5px 40px;
    position: relative;
  }
  .utility-nav .country-nav .nav-link--lvl2:hover {
    color: #64a70b;
  }
  .utility-nav .country-nav .nav-link--lvl1:before,
  .utility-nav .country-nav .flag .nav-link--lvl2:before {
    background-image: url(/sites/MainSite/Includes/images/shared-sprite.png);
    content: '';
    height: 16px;
    left: 7px;
    margin: -7px 0 0;
    position: absolute;
    top: 50%;
    width: 24px;
  }
  .utility-nav .country-nav.flag--at .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--at .nav-link--lvl2:before {
    background-position: -257px -36px;
  }
  .utility-nav .country-nav.flag--be .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--be .nav-link--lvl2:before {
    background-position: -257px -55px;
  }
  .utility-nav .country-nav.flag--ca .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--ca .nav-link--lvl2:before {
    background-position: -257px -74px;
  }
  .utility-nav .country-nav.flag--dk .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--dk .nav-link--lvl2:before {
    background-position: -257px -93px;
  }
  .utility-nav .country-nav.flag--fr .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--fr .nav-link--lvl2:before {
    background-position: -257px -112px;
  }
  .utility-nav .country-nav.flag--de .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--de .nav-link--lvl2:before {
    background-position: -257px -131px;
  }
  .utility-nav .country-nav.flag--ie .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--ie .nav-link--lvl2:before {
    background-position: -257px -150px;
  }
  .utility-nav .country-nav.flag--nl .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--nl .nav-link--lvl2:before {
    background-position: -257px -169px;
  }
  .utility-nav .country-nav.flag--pt .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--pt .nav-link--lvl2:before {
    background-position: -282px -36px;
  }
  .utility-nav .country-nav.flag--es .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--es .nav-link--lvl2:before {
    background-position: -282px -55px;
  }
  .utility-nav .country-nav.flag--se .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--se .nav-link--lvl2:before {
    background-position: -282px -74px;
  }
  .utility-nav .country-nav.flag--uk .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--uk .nav-link--lvl2:before {
    background-position: -282px -93px;
  }
  .utility-nav .country-nav.flag--us .nav-link--lvl1:before,
  .utility-nav .country-nav .flag--us .nav-link--lvl2:before {
    background-position: -282px -112px;
  }
  .utility-nav .country-nav .flag--be .nav-link--lvl2 {
    display: inline-block;
  }
  .utility-nav .country-nav .flag--be .nav-link--lvl2 + .nav-link--lvl2 {
    margin-left: -0.25em;
    padding-left: 26px;
  }
  .utility-nav .country-nav .flag--be .nav-link--lvl2 + .nav-link--lvl2:before {
    left: 0;
  }
  .utility-nav .live-chat {
    display: none;
  }
  .utility-nav .help .nav-link--lvl1:hover,
  .utility-nav .my-account .nav-link--lvl2:hover {
    color: #64a70b;
  }
  .utility-nav .help .nav-link--lvl1,
  .utility-nav .my-account .nav-link--lvl1,
  .utility-nav .cart .nav-link--lvl1 {
    background-position: 10px 50%;
    background-repeat: no-repeat;
  }
  .utility-nav .help .nav-link--lvl1 {
    /* -- /Base/Includes/images/icons/green-headset.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxNy4zIiBpZD0iaGVscCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTTE2LjIgNmMtLjctMy41LTMuNi02LTcuMy02LTMuNyAwLTcgMi43LTcuNiA2LjJDLjUgNi42IDAgNy40IDAgOC4zdjIuMmMwIDEuMiAxIDIuMiAyLjIgMi4yczIuMi0xIDIuMi0yLjJWOC4zYzAtMS4yLTEtMi4yLTIuMS0yLjIuOC0yLjggMy40LTUgNi42LTUgMy4xIDAgNS42IDIuMSA2LjIgNS4xLS45LjMtMS42IDEuMS0xLjYgMi4ydjIuMmMwIDEuMiAxIDIuMiAyLjIgMi4ydi42YzAgMS43LS42IDEuNy0xLjcgMS43SDkuN2MtLjItLjctLjktMS4xLTEuNi0xLjEtLjkgMC0xLjcuOC0xLjcgMS43IDAgLjkuOCAxLjcgMS43IDEuNy43IDAgMS40LS41IDEuNi0xLjFIMTRjMS4xIDAgMi44IDAgMi44LTIuOHYtLjljLjctLjQgMS4xLTEuMSAxLjEtMS45VjguM2MuMS0xLjEtLjctMi4xLTEuNy0yLjN6Ii8+PC9zdmc+');
    background-size: 18px 17.3px;
  }
  .utility-nav .my-account {
    border-bottom: 0;
  }
  .utility-nav .my-account .nav-link--lvl1 {
    /* -- /Base/Includes/images/icons/green-silhouette.svg -- */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NzEgMjcyIDE3IDE3IiBpZD0ibXktYWNjb3VudCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTS00NTQuNCAyODVjLS41LS44LTIuMi0xLjMtMy45LTEuOS0xLjctLjctMi4xLS45LTIuMS0uOXYtMS42cy42LS41LjgtMmMuNC4xLjgtLjYuOC0uOXMtLjEtMS4zLS41LTEuMmMuMS0uNy4yLTEuNC4xLTEuNyAwLTEuNS0xLjMtMi44LTMuMy0yLjhzLTMuMyAxLjMtMy40IDIuNmMwIC4zIDAgMSAuMSAxLjctLjQgMC0uNS45LS41IDEuM3MuNCAxLjEuOC45Yy4yIDEuNS44IDIgLjggMnYxLjZzLS40LjItMi4xLjktMy40IDEuMi0zLjkgMS45Yy0uNC44LS4zIDQuMS0uMyA0LjFoMTdzLjEtMy4zLS40LTR6Ii8+PC9zdmc+');
    background-size: 17px 17px;
    cursor: default;
    padding: 15px 15px 10px 35px;
    pointer-events: none;
  }
  .utility-nav .my-account .nav-link--lvl2 {
    padding: 10px 15px 10px 35px;
    text-decoration: underline;
  }
  .utility-nav .cart {
    display: none;
  }
  /* ===== 9. COMMUNITY FOOTER ===== */
  .communityFooterBG {
    background: #fff;
    border-top: 1px solid #ebebeb;
  }
  .communityFooter {
    margin: auto;
    max-width: 1180px;
    padding: 0 10px;
    position: relative;
  }
  .communityFooter .left,
  .communityFooter .right {
    padding: 15px 0;
  }
  .communityFooter .left + .right {
    padding: 0 0 15px;
  }
  .communityFooter .newsletterSignup {
    overflow: hidden;
  }
  .communityFooter .nav-list {
    display: table;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .communityFooter .nav-item {
    display: table-cell;
  }
  .communityFooter .nav-item + .nav-item {
    padding-left: 12px;
  }
  .communityFooter .nav-link {
    display: inline-block;
    height: 41px;
    position: relative;
    vertical-align: middle;
    width: 41px;
  }
  .communityFooter .sitecore .nav-link-text,
  .communityFooter .sitecore .nav-aux-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
  }
  .communityFooter .sitecore .nav-img {
    height: 45px;
    width: 45px;
  }
  .communityFooter .fb a:after,
  .communityFooter .glassdoor a:after,
  .communityFooter .instagram a:after,
  .communityFooter .linkedin a:after,
  .communityFooter .twitter a:after,
  .communityFooter .youtube a:after {
    background-image: url('/sites/MainSite/Includes/images/shared-sprite.png');
    background-repeat: no-repeat;
    content: '';
    height: 41px;
    position: absolute;
    right: 0;
    top: 0;
    width: 41px;
  }
  .communityFooter .fb span,
  .communityFooter .glassdoor span,
  .communityFooter .instagram span,
  .communityFooter .linkedin span,
  .communityFooter .twitter span,
  .communityFooter .youtube span {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
  }
  .communityFooter .fb a:after {
    background-position: -206px -35px;
  }
  .communityFooter .glassdoor a:after {
    background-position: -206px -315px;
  }
  .communityFooter .instagram a:after {
    background-position: -206px -259px;
  }
  .communityFooter .linkedin a:after {
    background-position: -206px -91px;
  }
  .communityFooter .twitter a:after {
    background-position: -206px -203px;
  }
  .communityFooter .youtube a:after {
    background-position: -206px -147px;
  }
  /* ===== 10. FOOTER NAV ===== */
  .page-footer {
    background: #f3f3f3;
  }
  .footer-nav {
    padding: 20px 10px 10px;
  }
  .footer-nav .nav-list {
    margin: 0;
    padding: 0;
  }
  .footer-nav .nav-item,
  .footer-nav .nav-link {
    display: block;
  }
  .footer-nav .nav-item--lvl1 {
    margin-bottom: 15px;
  }
  .footer-nav .nav-link--lvl1 {
    color: #64a70b;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .footer-nav .nav-link--lvl2 {
    color: #000;
    font-size: 14px;
    line-height: 19px;
    padding: 6px 0;
  }
  /* ===== 11. DISCLAIMER NAV ===== */
  .disclaimer-nav {
    border-top: 1px solid #000;
    padding: 10px;
  }
  .disclaimer-nav .nav-list {
    margin: 0;
    padding: 0;
  }
  .disclaimer-nav .nav-item,
  .disclaimer-nav .nav-link {
    display: block;
  }
  .disclaimer-nav .nav-link {
    color: #000;
    display: block;
    font-size: 14px;
    padding: 10px 0;
  }
  /* ===== 12. COPYRIGHT INFO ===== */
  .page-copyright {
    background: #000;
    color: #fff;
  }
  .page-copyright .copyright {
    font-size: 14px;
    margin: 0 auto;
    max-width: 1180px;
    padding: 15px 10px;
  }
}