meta.foundation-data-attribute-namespace{ font-family: false} .u-hiddenVisually{ border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important} .is-srOnly{ border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important} *{ font-family: latoregular, Arial, sans-serif} html{ font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; --header-height: 118px; font-size: 14px} body{ margin: 0; background: #fff; color: #333; cursor: auto; padding: 0; position: relative; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.5; padding-top: 80px; font-size: 1rem; margin-bottom: 6rem; margin-top: 1.5rem} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ display: block} a{ background-color: transparent; color: #333; line-height: inherit; text-decoration: underline; transition: color .15s ease; -webkit-transition: color .15s ease} img{ border: 0; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic} svg:not(:root){ overflow: hidden} button, input, optgroup, select, textarea{ color: inherit; font: inherit; margin: 0} button{ overflow: visible; background: 0 0; border: 0} button, select{ text-transform: none} button, html input[type="button"], input[type="reset"], input[type="submit"]{ cursor: pointer} input{ line-height: normal} fieldset{ border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em} legend{ border: 0; padding: 0} table{ border-collapse: collapse; border-spacing: 0} *, :after, :before{ box-sizing: border-box; -webkit-box-sizing: border-box} body, html{ height: auto} blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul{ margin: 0; padding: 0} p{ margin-bottom: 1.5rem} h1, h2, h3, h4, h5, h6{ color: #444; font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: .25px; margin-bottom: .78571rem; margin-top: 2.28571rem} h2{ font-size: 25px} h4{ font-size: 20px} dl, ol, ul{ list-style-position: outside; margin-bottom: 1.5rem} ul{ margin-left: 1.15rem} .button{ border-radius: 4px; border-style: solid; border-width: 1px; cursor: pointer; font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1rem; margin: 0 0 1rem; position: relative; text-align: center; text-decoration: none; display: inline-block; background-color: transparent; border-color: #ccc; color: #666; font-size: 1rem; padding: .85714rem 2.28571rem; outline: 0; vertical-align: middle; transition: all .15s ease; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: all .15s ease} .button--primary{ background-color: #444; border-color: #444; color: #fff} .dropdown-menu{ display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #e5e5e5; font-size: 1rem; height: auto; width: 100%; z-index: 5; max-width: 200px} .form{ margin: 0 0 1.5rem} .form-fieldset{ border-width: 0; margin: 0; padding: 0} .form-input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #ccc; border-style: solid; border-width: 1px; border-radius: 4px; color: #666; display: block; font-family: inherit; font-size: 1rem; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; height: 3rem; margin: 0; padding: .75rem 1rem; transition: border-color .1s ease-out; width: 100%; font-smoothing: antialiased; -webkit-transition: border-color .1s ease-out} .form-input::-webkit-input-placeholder{ color: #999} .form-field{ display: block; margin: 0 0 2rem; max-width: none} .form-field:after, .form-field:before{ content: " "; display: table} .form-field:after{ clear: both} .form-prefixPostfix-button--postfix{ margin: .78571rem 0 0; -ms-flex-order: 1; order: 1; -webkit-box-ordinal-group: 2} .modal{ border-radius: 0; display: none; position: fixed; top: 50% !important; visibility: hidden; width: 100%; z-index: 1005; left: 50%; background-color: #fff; padding: 0; border: solid 0 #e5e5e5; box-shadow: none; max-height: 90%; overflow: hidden; margin: 0; max-width: 95%; min-height: 240px; outline: 0; transform: translate(-50%, -50%); -webkit-box-shadow: none; -webkit-transform: translate(-50%, -50%)} .modal--small{ width: 500px} .loadingOverlay{ background: rgba(51, 51, 51, .9); bottom: 0; height: 100%; left: 0; opacity: 1; position: fixed; right: 0; top: 0; transition: all 250ms ease-out; width: 100%; background-color: rgba(255, 255, 255, .9); display: none; z-index: 99999; -webkit-transition: all 250ms ease-out} .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box} .slick-list{ position: relative; overflow: hidden; display: block; margin: 0; padding: 0} .slick-slider .slick-list, .slick-slider .slick-track{ transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0)} .slick-track{ position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; -webkit-perspective: 1000px} .slick-track:after, .slick-track:before{ content: ""; display: table} .slick-track:after{ clear: both} .slick-loading .slick-track{ visibility: hidden} .slick-slide{ float: left; height: 100%; min-height: 1px; display: none} .slick-slide img{ display: block} .slick-initialized .slick-slide{ display: block} .slick-loading .slick-slide{ visibility: hidden} .slick-loading .slick-list{ background: #fff center center no-repeat} .slick-next, .slick-prev{ position: absolute; display: block; height: 4.35714rem; width: 2.85714rem; line-height: 0; font-size: 0; cursor: pointer; background: 0 0; color: transparent; top: 50%; transform: translate(0, -50%); padding: .71429rem; border: 1px solid #fff; outline: 0; background-color: rgba(255, 255, 255, .9); z-index: 1; margin-top: -1.07143rem; -webkit-transform: translate(0, -50%)} .slick-next:before, .slick-prev:before{ font-family: inherit; font-size: 20px; line-height: 1; color: #999; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .slick-prev{ left: -15px} .slick-prev:before{ content: ""} .slick-next{ right: -10px} .slick-next:before{ content: ""} .slick-dotted.slick-slider{ margin-bottom: 30px} .slick-dots{ position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%} .slick-dots li{ position: relative; display: inline-block; height: 2.28571rem; width: 2.28571rem; margin: 0; padding: .35714rem; cursor: pointer} .slick-dots li button{ border: 1px solid #333; background: 0 0; display: inline-block; height: 20px; width: 20px; outline: 0; line-height: 0; font-size: 0; color: transparent; padding: 0; cursor: pointer; margin: 0; position: relative; text-align: center; vertical-align: middle} .slick-dots li button:before{ position: absolute; top: 0; left: 0; content: ""; width: 20px; height: 20px; font-family: inherit; font-size: 60px; line-height: 20px; text-align: center; color: #333; opacity: .6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .slick-dots li.slick-active button:before{ color: #757575; opacity: 1} .slick-next::before, .slick-prev::before{ background-position: 50%; background-repeat: no-repeat; background-size: 100%; display: block; height: 2.92857rem; width: 1.42857rem} .slick-next::before{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M1.45679 1.00746147l21 20.02482143L1.50885 41.0074615' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E")} .slick-prev::before{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M22.4572074 1.00746147l-21 20.02482143 20.9479397 19.9751786' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E")} .slick-dots li button, .slick-dots li button::before{ height: 1.07143rem; width: 1.07143rem; border-radius: 50%} .slick-dots li button::before{ display: block; left: -1px; top: -1px; transition: background .1s ease-out; -webkit-transition: background .1s ease-out} .slick-dots li.slick-active button::before{ background: #757575} .nanobar{ width: 100%; height: .35714rem; z-index: 9999; top: 0; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none} .nanobar .bar{ width: 0; height: 100%; transition: height .1s; background-color: #999} .dropdown{ left: -9999px; outline: 0; position: absolute} .modal--alert{ background-color: #fff !important; border-radius: 4px; font-family: Lato, Arial, Helvetica, sans-serif; padding: 40px 20px 20px; text-align: center} .lazyload, .lazyloading{ height: 100%} .icons-svg-sprite{ display: none} .navUser-action, .navUser-item{ display: block} .navUser-action{ color: #333; font-weight: 700; padding: 1rem .78571rem; text-decoration: none; text-transform: uppercase} .navUser-action svg{ fill: #333333; stroke: #333333; transition: all .15s ease; -webkit-transition: all .15s ease} .dropdown--quickSearch{ background-color: #e5e5e5; padding: 1.5rem 0; display: none} .dropdown--quickSearch .form{ margin: auto; max-width: 30rem} .dropdown--quickSearch .form, .dropdown--quickSearch .form-field{ margin-bottom: 0} .dropdown--quickSearch .form-input{ font-size: 20px; height: unset} .countPill{ background-color: #333; border-radius: 50%; color: #fff; display: none; font-size: 12px; font-weight: 700; height: 20px; line-height: 20px; margin-left: .21429rem; text-align: center; width: 20px} .navPages-container{ top: 0; display: none; height: 100%; left: 0; -webkit-overflow-scrolling: touch; position: absolute; right: 0; z-index: 10; bottom: 0} .cart{ display: block; margin-bottom: 1.5rem; width: 100%} .quickSearchResults{ margin-top: 1.5rem} .header{ position: fixed; top: 0; width: 100%; z-index: 100; background-color: #fff; height: 55px} .body{ margin-bottom: 6rem; margin-top: 1.5rem; margin: 0} .footer{ background-color: #fff; padding: 3rem 0; border-top: 1px solid #e5e5e5; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0)} .footer-copyright{ text-align: center} .container{ margin-left: auto; margin-right: auto; max-width: 100%; padding: 0; position: relative; width: 100%; margin: 0 auto} .footer.footer-gilletteUs{ background-color: #0d1430; padding: 0; border-top: 5px solid #0637a1} .footer.footer-gilletteUs .footer-wrap{ -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; width: 100%; display: flex; padding: 48px 0; gap: 64px; -webkit-box-pack: justify; -webkit-box-align: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row} .footer.footer-gilletteUs .container-gilletteUs{ max-width: 1366px; margin: 0 auto; width: 100%; padding: 0 40px; color: #fff} .footer.footer-gilletteUs .container-gilletteUs .left{ width: 33.3%} .footer.footer-gilletteUs .container-gilletteUs .right{ width: 66.6%} .footer.footer-gilletteUs .container-gilletteUs .right .footer-socials-wrap{ display: flex; width: 100%; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; gap: 24px; padding-top: 48px; -webkit-box-pack: end; -webkit-box-align: center} .footer.footer-gilletteUs .container-gilletteUs .right .footer-socials-wrap .smartlabel{ width: 38%} .footer.footer-gilletteUs .container-gilletteUs .right .footer-socials-wrap .smartlabel svg{ height: 33px; width: 110px} .footer.footer-gilletteUs .footer-copyright{ width: 100%; background-color: #001e60} .footer.footer-gilletteUs .footer-copyright__wrap{ padding: 10px; display: flex; width: 100%; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: center} .footer.footer-gilletteUs .navigation-wrap .navigation{ display: flex; width: 100%; gap: 24px} .footer.footer-gilletteUs .navigation-wrap .navigation-col{ width: 33.3%} .footer.footer-gilletteUs .navigation-wrap .navigation-col:last-child{ width: 45%} .footer.footer-gilletteUs .navigation-wrap .navigation-col h4{ font-family: latobold, sans-serif; margin: 0 0 20px 0; font-size: 16px; line-height: 24px; color: #fff; text-transform: uppercase; font-weight: 700} .footer.footer-gilletteUs .navigation-wrap .navigation-col ul{ margin: 0; list-style: none} .footer.footer-gilletteUs .navigation-wrap .navigation-col ul li a{ display: block; font-size: 14px; line-height: 22px; color: #fff; text-decoration: none; transition: color .2s; -webkit-transition: color .2s} .footer.footer-gilletteUs .navigation-wrap .navigation-col ul li:not(:last-child){ margin-bottom: 16px} .footer.footer-gilletteUs .navigation-wrap .navigation-col-wrap{ display: flex} .footer.footer-gilletteUs .navigation-wrap .navigation-col-wrap ul:not(:last-child){ margin-right: 40px} .footer.footer-gilletteUs .footer-subscription .footer-top-div{ margin-bottom: 30px} .footer.footer-gilletteUs .footer-subscription .footer-top-div h4{ color: #fff; font-family: latobold, arial, "sans-serif"; font-size: 22px; line-height: 30px; margin: 0 0 20px 0; text-align: left; font-weight: 700} .footer.footer-gilletteUs .footer-subscription .footer-bottom-div{ width: 100%; display: block} .footer.footer-gilletteUs .footer-subscription .footer-bottom-div ul{ width: 100%; display: flex; margin-left: 0; gap: 24px; margin-bottom: 0} .footer.footer-gilletteUs .footer-subscription .footer-bottom-div ul li{ list-style-type: none} .footer.footer-gilletteUs .footer-subscription p{ margin: 0 auto 20px; color: #fff; text-align: left; font-family: latoregular, arial, "sans-serif"; font-size: 14px; line-height: 22px; width: 100%} .footer.footer-gilletteUs .footer-subscription p a{ color: #fff} .footer.footer-gilletteUs .footer-subscription .footer-form-container{ margin-bottom: 0; width: 100%} .footer.footer-gilletteUs .footer-subscription .footer-subscribe-email-container{ margin-bottom: 0; display: block} .footer.footer-gilletteUs .footer-subscription .input-head{ font-size: 14px; line-height: 22px} .footer.footer-gilletteUs .footer-subscription .form-input-wrap{ display: flex; width: 100%} .footer.footer-gilletteUs .footer-subscription .footer-subscribe-input{ border-radius: 0; margin-right: 5px} .footer.footer-gilletteUs .footer-subscription .footer-subscribe-button{ background: #0077c8; border-radius: 0; color: #fff; margin: 0; border: none; font-family: latobold, arial, "sans-serif"; padding: 10px 25px; font-weight: 700; line-height: 22px} .aria-description--hidden{ position: absolute; top: 0; left: 0; height: 1px; width: 1px; overflow: hidden; margin-left: -10000px} .promo-banner{ background-color: #00aeef; display: block; padding: 10px; top: 0} .promo-banner.sercom-promo{ display: none} header.header.gillette-us{ z-index: 1001; background-color: #fff; padding: 0; position: fixed; border-bottom: 1px solid #f1f1f1} header.header.gillette-us .header-holder{ max-width: 1366px; margin: 0 auto; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; -webkit-box-pack: justify; -webkit-box-align: center; padding: 8px 5px 8px 40px} header.header.gillette-us .header-holder .togglers-left{ display: none} header.header.gillette-us .header-holder .top-bar-left{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0} header.header.gillette-us .header-holder .menu{ margin: 0; display: flex; list-style-type: none; -ms-flex-align: center; align-items: center; width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center} header.header.gillette-us .header-holder .menu>li{ max-width: 100%; -ms-flex: 0 0 auto; flex: 0 0 auto; outline: 0; -webkit-box-flex: 0} header.header.gillette-us .header-holder .menu>li>a, header.header.gillette-us .header-holder .menu>li>div{ display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; text-decoration: none; cursor: pointer; padding: 15px 0; margin: 0 0; font-family: latobold, arial, sans-serif; font-size: 14px; line-height: 1; letter-spacing: normal; border-bottom: 2px solid transparent; text-transform: uppercase; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: start; -webkit-box-align: center} header.header.gillette-us .header-holder .menu>li>a.transLink, header.header.gillette-us .header-holder .menu>li>div.transLink{ border-bottom: 5px solid transparent} header.header.gillette-us .header-holder .menu>li>a span, header.header.gillette-us .header-holder .menu>li>div span{ font-size: 14px; line-height: 1; letter-spacing: normal; font-family: latoregular, Arial, sans-serif; padding-right: 5px; text-transform: capitalize; font-weight: 400} header.header.gillette-us .header-holder .menu>li>a svg, header.header.gillette-us .header-holder .menu>li>div svg{ outline: 0; stroke: none} header.header.gillette-us .header-holder .menu>li>a .cart, header.header.gillette-us .header-holder .menu>li>div .cart{ margin: 0; position: relative; top: 2px} header.header.gillette-us .header-holder .menu>li>a .cart .quantity, header.header.gillette-us .header-holder .menu>li>div .cart .quantity{ position: absolute; top: 1px; left: 4px; right: 0; bottom: 0; font-size: 14px; font-family: latobold, arial, sans-serif; line-height: 1; color: #fff; display: block; background: 0 0} header.header.gillette-us .header-holder .menu>li>div{ padding: 0} header.header.gillette-us .header-holder .menu>li>div .dropbtn{ padding: 15px 0; margin: 0 0} header.header.gillette-us .header-holder .menu>li>a{ color: #182f6e} header.header.gillette-us .header-holder .menu>li .dropbtn{ font-family: latobold, arial, sans-serif; font-size: 14px; line-height: 1; letter-spacing: normal; color: #182f6e; text-transform: uppercase; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid transparent; transition: border-color .1s; -webkit-box-pack: center; -webkit-box-align: center; -webkit-transition: border-color .1s} header.header.gillette-us .header-holder .menu>li.search>a{ position: relative} header.header.gillette-us .header-holder .menu>li.search>a .space{ width: 100%; bottom: -22px; left: 0; right: 0; background-color: #fff; z-index: 51; position: absolute; min-height: 25px} header.header.gillette-us .header-holder .menu>li.country{ width: 24px; height: 24px; margin: 0} header.header.gillette-us .header-holder .top-bar-center{ -ms-flex: 0 0 150px; flex: 0 0 150px; -webkit-box-flex: 0} header.header.gillette-us .header-holder .top-bar-center a{ display: inline-block; cursor: pointer; text-decoration: none; height: 40px} header.header.gillette-us .header-holder .top-bar-right{ -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; -webkit-box-flex: 0} header.header.gillette-us .header-holder .top-bar-right ul li a{ color: #182f6e} header.header.gillette-us .header-holder .top-bar-right ul li a svg g path:nth-child(2){ fill: #182f6e !important} header.header.gillette-us .header-holder .top-bar-right ul li a .cart .countPill{ color: #182f6e !important} header.header.gillette-us .dropdown1 .dropbtn{ font-size: 16px; border: none; outline: 0; color: #fff; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; position: relative} header.header.gillette-us .droppedAccount{ position: relative} header.header.gillette-us .dropdown-content{ display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .25); z-index: 1; -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .25)} header.header.gillette-us .space{ display: none; position: absolute; min-height: 25px; background-color: #f9f9f9; z-index: 2} header.header.gillette-us .navPages-container{ display: none} #cart-preview-dropdown{ position: fixed !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25); right: -99999px; width: 100%; height: 100%; background-color: #f9f9f9; max-width: 375px; z-index: 9999; top: 0 !important; left: initial !important; transition: .3s; -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25); -webkit-transition: .3s} div[data-content-region="header_top--global"]{ font-family: Lato, Arial, "sans-serif"} div[data-content-region="header_top--global"] div[data-sub-layout]{ padding: 0} div[data-content-region="header_top--global"] .header-notification--promo{ opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized{ background-color: #2faae1; color: #0b1531; min-height: 50px; width: 100%; margin: 0 auto; position: initial; overflow: hidden; text-overflow: ellipsis; visibility: visible; opacity: 1} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-next, div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-prev{ min-height: 40px; border: 0; margin-top: 0; position: absolute; color: inherit; background-color: #fff0} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-next:before, div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-prev:before{ filter: brightness(0) saturate(100%) invert(6%) sepia(46%) saturate(3018%) hue-rotate(211deg) brightness(91%) contrast(97%); height: 1.2rem; width: 1.2rem} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-prev{ left: 100px} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-next{ right: 100px} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list{ margin: 0 50px} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list .slick-track{ text-align: center; min-height: 40px; display: flex; -ms-flex-align: center; align-items: center} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list .slick-track .container{ padding: 8px; width: 100%; min-width: unset} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global{ padding: 6px 0; font-size: 16px; text-align: center; font-style: normal; font-weight: 500; line-height: normal} div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global a{ text-decoration: underline; color: inherit} .global_critical_css_new{ display: block} @charset "UTF-8"; [contenteditable=true]:focus, [href]:focus, [tabindex]:not([tabindex="-1"]):focus, button:focus, details:focus, input:focus, select:focus, textarea:focus{ outline: 2px solid #0f7fff; outline-offset: 1px !important} input:focus+label{ outline: 2px solid #0f7fff !important; outline-offset: 1px !important} meta.foundation-version{ font-family: "/5.5.3/"} meta.foundation-mq-small{ font-family: "/only screen/"; width: 0} meta.foundation-mq-small-only{ font-family: "/only screen and (max-width:551px)/"; width: 0} meta.foundation-mq-medium{ font-family: "/only screen and (min-width:551px)/"; width: 551px} meta.foundation-mq-medium-only{ font-family: "/only screen and (min-width:551px) and (max-width:801px)/"; width: 551px} meta.foundation-mq-large{ font-family: "/only screen and (min-width:801px)/"; width: 801px} meta.foundation-mq-large-only{ font-family: "/only screen and (min-width:801px) and (max-width:1261px)/"; width: 801px} meta.foundation-mq-xlarge{ font-family: "/only screen and (min-width:1261px)/"; width: 1261px} meta.foundation-mq-xlarge-only{ font-family: "/only screen and (min-width:1261px) and (max-width:1681px)/"; width: 1261px} meta.foundation-mq-xxlarge{ font-family: "/only screen and (min-width:1681px)/"; width: 1681px} .u-block{ display: block !important} .u-inlineBlock{ display: inline-block !important; max-width: 100% !important} .u-hidden{ display: none !important} .u-textAlignCenter{ text-align: center !important} .u-textAlignLeft{ text-align: left !important} .u-textAlignRight{ text-align: right !important} .u-textBreak{ word-wrap: break-word !important} .u-textInheritColor{ color: inherit !important} .u-textKern{ text-rendering: optimizeLegibility !important; -webkit-font-feature-settings: "kern" 1 !important; font-feature-settings: "kern" 1 !important; -webkit-font-kerning: normal !important; font-kerning: normal !important} .u-textLead{ line-height: 1.6 !important; font-size: 1.1em !important} .u-textNoWrap{ white-space: nowrap !important} .u-textTruncate{ max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important} .u-fontSmoothing{ -moz-osx-font-smoothing: grayscale !important; -webkit-font-smoothing: antialiased !important} .plantetkindblue{ background-color: #dce6e6} .planetkindmodernblue{ background-color: #312f4c} audio, canvas, progress, video{ display: inline-block; vertical-align: baseline} audio:not([controls]){ display: none; height: 0} [hidden], template{ display: none} a:active, a:hover{ outline: 0} abbr[title]{ border-bottom: 1px dotted} b, strong{ font-weight: 700; line-height: inherit} dfn{ font-style: italic} h1{ font-size: 28px; margin: .67em 0} mark{ background: #ff0; color: #000} small{ font-size: 60%; line-height: inherit} sub, sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} sup{ top: -.5em} sub{ bottom: -.25em} figure{ margin: 0 0 1.5rem} hr{ -webkit-box-sizing: content-box; box-sizing: content-box; height: 1px; border: solid #e5e5e5; border-width: 1px 0 0; clear: both; margin: 7px 0; width: 350px; background-color: #5e5e5e} pre{ overflow: auto} code, kbd, pre, samp{ font-family: monospace, monospace; font-size: 1em} button, html input[type=button], input[type=reset], input[type=submit]{ -webkit-appearance: button; cursor: pointer} button[disabled], html input[disabled]{ cursor: default} button::-moz-focus-inner, input::-moz-focus-inner{ border: 0; padding: 0} input[type=checkbox], input[type=radio]{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ height: auto} input[type=search]{ -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box} input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{ -webkit-appearance: none} textarea{ overflow: auto; height: auto; min-height: 50px} optgroup{ font-weight: 700} td, th{ padding: 0} a:hover{ cursor: pointer} button:active, button:focus{ -webkit-box-shadow: none; box-shadow: none; outline: 0} select{ width: 100%} a:focus, a:hover{ color: #757575} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{ color: #757575; font-size: 60%; line-height: 0} h3{ font-size: 22px} h5{ font-size: 15px} h6{ font-size: 13px} .subheader{ font-weight: 400; line-height: 24px; margin-bottom: .78571rem} em, i{ font-style: italic; line-height: inherit} ol ol, ol ul, ul ol, ul ul{ margin-left: 1.2rem; margin-bottom: 0} ol{ margin-left: 1.15rem} dl dt{ font-weight: 700; margin-bottom: .35714rem} dl dd{ margin-bottom: 1.5rem} abbr, acronym{ border-bottom: 1px dotted #ccc; color: #333; cursor: help; font-size: 90%; text-transform: uppercase} abbr{ text-transform: none} blockquote, blockquote p{ font-size: 22px; line-height: 29px} cite{ color: #999; display: block; font-size: 1rem; line-height: 1.5; margin: .5rem 0 0} .icon{ height: 1.14286rem; width: 1.14286rem; display: inline-block; vertical-align: middle} .icon svg{ display: inline-block; fill: #757575; height: 100%; vertical-align: top; width: 100%} .inlineList{ list-style: none; margin-top: 0; margin-bottom: 1.21429rem; margin-left: -1.57143rem; margin-right: 0; overflow: hidden; padding: 0} .inlineList>li{ display: block; float: left; list-style: none; margin-left: 1.57143rem} .inlineList>li>*{ display: block} .table{ border: solid 1px #e5e5e5; margin-bottom: 2rem; table-layout: auto; width: 100%} .table thead{ background: #e5e5e5} .table thead tr td, .table thead tr th{ font-size: 1rem; font-weight: 700; padding: .78571rem 1.5rem} .table tr td, .table tr th{ padding: .78571rem 1.5rem; text-align: left} .table tbody tr td, .table tbody tr th, .table tfoot tr td, .table tfoot tr th, .table thead tr th, .table tr td{ display: table-cell} .table td.table-cell--numericData, .table th.table-header--numericData{ text-align: right} .table-thead{ border: 1px solid #e5e5e5} .table-tfoot{ border: 1px solid #e5e5e5} .table-tbody tr{ border-bottom: 1px solid #e5e5e5} .table-tbody tr:last-child{ border-bottom: 0} .button.active, .button.is-active, .button:focus, .button:hover{ background-color: transparent; border-color: #999; color: #333} .button:active{ background-color: transparent; border: 1px solid #757575; color: #000} .button.active, .button.is-active, .button:focus{ outline: 0} .button--primary.active, .button--primary.is-active, .button--primary:focus, .button--primary:hover{ background-color: #666; border-color: #666; color: #fff} .button--primary:active{ background-color: #000; border: 1px solid #000; color: #fff} .button[disabled]{ background-color: #ccc; border-color: rgba(0, 0, 255, 0); color: #fff; cursor: default} .button--large{ font-size: 15px} .button--small{ font-size: 13px; padding: .57143rem 1.5rem} .button--slab{ display: block; width: 100%} .button+.button--slab{ margin-left: 0} .button--icon{ font-size: 1rem; padding: .78571rem .78571rem} .button--icon svg{ fill: #757575} .buttonGroup{ display: inline-block} .buttonGroup>.button{ border-radius: 0; border-right-width: 0; float: left; margin-left: 0} .buttonGroup>.button:first-child{ border-bottom-left-radius: 4px; border-top-left-radius: 4px} .buttonGroup>.button:last-child{ border-bottom-right-radius: 4px; border-right-width: 1px; border-top-right-radius: 4px} .dropdown-menu.open{ display: block} .dropdown-menu>:first-child{ margin-top: 0} .dropdown-menu>:last-child{ margin-bottom: 0} .dropdown-menu--content{ display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #e5e5e5; font-size: 1rem; height: auto; padding: .78571rem; width: 100%; z-index: 89; max-width: 200px} .dropdown-menu--content.open{ display: block} .dropdown-menu--content>:first-child{ margin-top: 0} .dropdown-menu--content>:last-child{ margin-bottom: 0} .dropdown-menu-item{ cursor: pointer; font-size: 1rem; line-height: 1.5; margin: 0; padding: .35714rem .71429rem; text-align: left} .dropdown-menu-item a{ display: block; padding: .35714rem; margin: -.35714rem} .form-legend{ background: 0 0; border: solid #999; border-width: 0 0 1px; display: block; line-height: 32px; margin-bottom: .78571rem; padding: 0; width: 100%} .form-select{ -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #fff; border-radius: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+"); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #ccc; color: #666; font-family: inherit; font-size: 1rem; line-height: normal; padding: .75rem; cursor: pointer; height: 3rem; margin: 0; outline: 0} .form-checkbox+.form-label, .form-radio+.form-label{ display: inline-block; font-size: 1rem; font-weight: 400; margin-bottom: .35714rem; padding-left: 1.85714rem; position: relative; vertical-align: baseline; width: 100%} .form-checkbox+.form-label::after, .form-checkbox+.form-label::before, .form-radio+.form-label::after, .form-radio+.form-label::before{ content: ""; display: block; position: absolute; -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out} .form-checkbox+.form-label::before, .form-radio+.form-label::before{ background-color: #fff; border: solid #ccc; border-width: 1px; height: 1.14286rem; left: 0; top: 0; width: 1.14286rem} .form-checkbox+.form-label::after, .form-radio+.form-label::after{ height: 1rem; left: 1px; opacity: 0; top: 1px; -webkit-transform: scale(0); transform: scale(0); width: 1rem} .switch-checkbox:focus+.switch-toggle{ border-color: #757575; -webkit-box-shadow: 0 0 4px rgba(117, 117, 117, .4); box-shadow: 0 0 4px rgba(117, 117, 117, .4)} .switch-toggle{ background-color: #757575; border: 1px solid #757575; border-radius: 2rem; cursor: pointer; display: inline-block; height: 2rem; position: relative; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; vertical-align: middle; width: 4.28571rem} .panel-body{ margin-bottom: 1.5rem; padding: 1rem 2rem 1.5rem; background: #e5e5e5} .panel-body>:first-child{ margin-top: 0} .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{ outline: 0; background: 0 0; color: transparent; background-color: rgba(255, 255, 255, .9); background-position: 50%; background-repeat: no-repeat; background-size: 100%; border: none} .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before{ opacity: .8} .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before{ opacity: .6} [dir=rtl] .slick-prev{ left: auto; right: -25px} [dir=rtl] .slick-prev:before{ content: ""} [dir=rtl] .slick-next{ left: -25px; right: auto} [dir=rtl] .slick-next:before{ content: ""} .slick-dots li button:focus, .slick-dots li button:hover{ outline: 0} .slick-dots li button:focus:before, .slick-dots li button:hover:before{ opacity: .8} .slick-next:hover::before{ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNCA0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS40NTY3OSAxLjAwNzQ2MTQ3bDIxIDIwLjAyNDgyMTQzTDEuNTA4ODUgNDEuMDA3NDYxNSIgc3Ryb2tlPSIjOTg5ODk4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+")} .slick-prev:hover::before{ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNCA0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuNDU3MjA3NCAxLjAwNzQ2MTQ3bC0yMSAyMC4wMjQ4MjE0MyAyMC45NDc5Mzk3IDE5Ljk3NTE3ODYiIHN0cm9rZT0iIzk4OTg5OCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")} .slick-dots li button:hover::before{ background: #333} .productView .slick-dots{ position: relative; bottom: 0} .slick-disabled{ cursor: default; opacity: .1} h5, h6{ text-transform: uppercase} .page-heading{ margin: 0 0 3rem; text-align: center; font-family: latoregular, Arial, sans-serif} .table--line tr td{ display: block; padding-left: 0; padding-right: 0} .table--line tr td+td{ padding-left: 1.5rem} .table--line td+td{ border-left: 0} .dropdown-menu.is-loading .loadingOverlay{ background: 0 0; padding: 4.5rem 0; position: relative} .dropdown-menu.is-open{ display: block} .dropdown-menu .button:focus{ z-index: 5} .dropdown-menu-item:first-child>a{ padding-top: .78571rem} .dropdown-menu-item:last-child>a{ padding-bottom: 1rem} .dropdown-menu-item>a{ margin: 0; padding: .28571rem 1.14286rem; text-decoration: none} .form-wishlist{ position: relative} .form-wishlist .button{ width: 100%} .dropdown-menu-button{ width: 100%} .dropdown-menu-button.is-open{ border-bottom-left-radius: 0; border-bottom-right-radius: 0} .dropdown-menu-button .icon{ float: right; margin-left: 10px} .dropdown-menu-button:focus{ z-index: 10} .pagination-item.pagination-item--next>a, .pagination-item.pagination-item--previous>a{ color: #333} .pagination-item.pagination-item--next>a:hover, .pagination-item.pagination-item--previous>a:hover{ color: #757575} .pagination-item.pagination-item--next>a:hover .icon>svg, .pagination-item.pagination-item--previous>a:hover .icon>svg{ fill: #757575} .pagination-item--next{ float: right} .pagination-item--next .icon{ margin-right: -.85714rem} .pagination-list--small{ position: relative} .pagination-list--small .pagination-item{ color: #757575; cursor: inherit; line-height: 1.5} .pagination-list--small .pagination-link{ padding: 0 .35714rem} .pagination-list--small .pagination-item--next{ right: 0} .ds-pagination{ width: 100%; max-width: 1440px; padding: 0 80px; margin: 0 auto 20px} .tab-title{ padding: 1.14286rem 0; text-align: center; text-decoration: none} .accordion-block:first-child{ margin-top: 0} .accordion-block:first-child .accordion-navigation{ border-radius: 4px 4px 0 0} .accordion-block:last-child .accordion-content, .accordion-block:last-child .accordion-navigation{ border-radius: 0 0 4px 4px} .accordion-block:last-child .accordion-navigation{ border-bottom-width: 0} .form-field--error .form-inlineMessage::before{ background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='rgba(204,71,73,.999)' /%3E%3C/svg%3E") no-repeat; background-size: 100%; content: ""; display: inline-block; height: 1rem; left: -.14286rem; margin-right: .07143rem; position: relative; top: .21429rem; width: 1rem} .form-field--success .form-input[type=text]{ padding-right: 3rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(0,138,6,.999)' /%3E%3C/svg%3E"); background-position: right .71429rem center; background-repeat: no-repeat} .navBar, .navList{ margin-left: 0} .navBar-action, .navList-action{ text-decoration: none} .navList-action.is-active{ font-weight: 700} .navList-action--checkbox{ display: inline-block; font-size: 1rem; font-weight: 400; margin-bottom: .35714rem; padding-left: 1.85714rem; position: relative; vertical-align: baseline; width: 100%} .navList-action--checkbox::after, .navList-action--checkbox::before{ content: ""; display: block; position: absolute; -webkit-transition: all 50ms ease-out; transition: all 50ms ease-out; top: 50%} .navList-action--checkbox::before{ background-color: #fff; border: solid #ccc; border-width: 1px; height: 1.14286rem; left: 0; top: 0; width: 1.14286rem; border-radius: 4px; margin-top: -.57143rem} .navList-action--checkbox::after{ height: 1rem; left: 1px; opacity: 0; top: 1px; -webkit-transform: scale(0); transform: scale(0); width: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(51,51,51,.999)' /%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 100%; color: rgba(51, 51, 51, .999); content: ""; font-size: 1rem; line-height: 1; text-align: center; margin-top: -.5rem} .navList-action--checkbox.is-disabled{ cursor: default} .navList-action--checkbox.is-disabled::before{ background-color: #fff} .navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after{ opacity: 1; -webkit-transform: scale(1); transform: scale(1)} .navList-action-close{ background: #e5e5e5; border-radius: 100%; display: inline-block; float: right; line-height: 0; opacity: 0; padding: .28571rem; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; visibility: hidden} .navList-action-close .icon{ height: .92857rem; width: .92857rem; fill: #333333} .navList-action.is-selected:hover .navList-action-close{ opacity: 1; visibility: visible} .navBar--sub{ margin-bottom: 4.5rem; text-align: center} .navBar--sub .navBar-section{ float: none} .navBar--sub .navBar-item{ float: none; margin: 0 .78571rem} .navBar--sub .navBar-item.is-active>.navBar-action{ color: #666} .navBar--sub .navBar-action{ color: #757575; font-size: 1rem; padding: 0} .navBar--sub .navBar-action:hover{ color: #333} .icon, .icon svg{ -webkit-transition: all .15s ease; transition: all .15s ease} .actionBar-section .form-field{ background-color: #fff; border: 1px solid #ccc; border-radius: 4px; overflow: hidden} .actionBar-section .form-field:hover{ border-color: #999} .actionBar-section .form-label{ color: #757575; font-size: 13px; line-height: 2.14286rem; margin-bottom: 0; padding-left: .78571rem} .actionBar-section .form-input, .actionBar-section .form-select{ border: 0; padding-left: .21429rem; width: auto} .actionBar-section .form-input, .actionBar-section .form-label, .actionBar-section .form-select{ display: inline-block} .actionBar-section .form-select{ color: #333; height: 2.14286rem} .has-ribbon{ position: relative} .ribbon{ background-color: #333; color: #fff; cursor: default; font-weight: 700; margin: -.78571rem -.78571rem 0 0; padding: .07143rem 1rem; position: absolute; right: 0; text-transform: uppercase; top: 0; z-index: 1} .navUser{ position: absolute; top: 26px; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 100%; z-index: 5} .navUser:after, .navUser:before{ content: " "; display: table} .navUser:after{ clear: both} .navUser ol, .navUser ul{ list-style: none; margin-left: 0; margin: 0; padding: 0} .navUser ol ol, .navUser ol ul, .navUser ul ol, .navUser ul ul{ list-style: none; margin-bottom: 0} .navUser ol li, .navUser ul li{ margin: 0; padding: 0} .navUser-section{ float: left} .navUser-section:after, .navUser-section:before{ content: " "; display: table} .navUser-section:after{ clear: both} .navUser-section--alt{ float: right; margin-left: 1.5rem} .navUser-section+.navUser-section{ margin-left: 1.5rem} .navUser .dropdown-menu{ background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, .13); box-shadow: 0 1px 2px rgba(255, 255, 255, .13); position: absolute} .navUser .dropdown-menu.is-open::before{ border: inset 10px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #ccc transparent; border-bottom-style: solid; bottom: 100%; left: .78571rem; position: absolute} .navUser .dropdown-menu.is-open::after{ border: inset 8px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #fff transparent; border-bottom-style: solid; bottom: 100%; left: .92857rem; position: absolute} .navUser-action.is-open, .navUser-action:hover{ color: #757575} .navUser-action.is-open svg, .navUser-action:hover svg{ fill: #757575; stroke: #757575} .navUser-action .icon{ height: .57143rem; width: .57143rem; margin: -1px 0 0 .21429rem} .navUser-action--currencySelector+.dropdown-menu::before{ left: auto !important; right: .78571rem} .navUser-action--currencySelector+.dropdown-menu::after{ left: auto !important; right: .92857rem} .navUser-action--storeCredit+.dropdown-menu{ max-width: 21.42857rem; padding: 1.5rem} .navUser-action--storeCredit+.dropdown-menu::before{ left: 10rem !important} .navUser-action--storeCredit+.dropdown-menu::after{ left: 10.14286rem !important} .navUser-action-divider{ border-right: 1px solid #e5e5e5; color: #757575; display: inline-block; padding: 0 1.42857rem 0 0; text-decoration: none} .navUser-item{ display: none} .navUser-item--cart{ display: block} .navUser-item--cart .navUser-action{ color: #333} .navUser-item--cart .navUser-action.is-open, .navUser-item--cart .navUser-action:hover{ color: #757575} .navUser-item--cart .dropdown-menu{ max-width: 22.85714rem} .navUser-item--cart .dropdown-menu.is-open{ top: auto !important; left: auto !important; right: .35714rem} .navUser-item--cart .dropdown-menu.is-open::after, .navUser-item--cart .dropdown-menu.is-open::before{ left: auto} .navUser-item--cart .dropdown-menu.is-open::before{ right: .42857rem} .navUser-item--cart .dropdown-menu.is-open::after{ right: .57143rem} .navUser-item-cartLabel{ display: none} .navUser-item--compare{ display: none} .navUser-item--compare.show{ display: block} .navUser-item--account .navUser-or+.navUser-action{ margin-right: -.5rem} .navUser-item--account .navUser-action{ display: inline-block} .navUser-or{ color: #333; cursor: default; display: inline-block; margin: 0 -.85714rem; padding: 0 2px; position: relative; z-index: 1} .navUser-action--quickSearch.is-open{ position: relative} .navUser-action--quickSearch.is-open::before{ border: inset 10px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #e5e5e5 transparent; border-bottom-style: solid; bottom: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%)} .dropdown--quickSearch.is-open{ display: block; left: 0 !important; outline: 0; right: 0 !important; width: 100% !important; z-index: 50} .dropdown--quickSearch .productGrid{ padding: 1.5rem 0 0} .countPill--positive{ display: inline-block} .countPill--alt{ background-color: #ccc; color: #333} .navPage-childList, .navPages .navPage-subMenu-list{ border-left: 1px solid #ccc; margin: .35714rem .78571rem; padding-left: .78571rem} .has-activeNavPages{ overflow: hidden; -webkit-overflow-scrolling: auto} .navPages-container.is-open{ display: block; padding-top: 55px; z-index: 0} .navPages{ background-color: #e5e5e5; height: 100%; overflow-y: auto; padding: 1.5rem} .navPages ul{ list-style: none} .navPages .navPage-subMenu-list{ border-left: 0; list-style: none; margin-left: 0; padding-left: 0} .navPages-list{ margin: 0; margin-bottom: 50px} .navPages-list+.navPages-list{ border-top: 1px solid #ccc; margin-top: .78571rem; padding-top: .78571rem} hr.mobileMenu{ margin: 0 auto; height: 2px; border: none; background-color: #d2d3d4; margin-top: 8px; width: calc(100% - 40px)} hr.mobileMenu+.navPages-list{ margin-top: 30px} hr.mobileMenu+.navPages-list .navPages-item a.dropbutn{ font-size: 18px !important; line-height: 24px !important} .navPages-list-depth-max.subMenu-is-open .is-hidden{ display: none} .navPages-list-depth-max.subMenu-is-open .navPages-item-page{ display: none} .navPages-action-depth-max.has-subMenu.is-open{ border-bottom: 1px solid #ccc; text-align: center} .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon{ border: solid 1px #d6cdc0; border-radius: 4px; float: left; height: 35px; margin-top: -10px; padding: 11.7px; -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 35px} .navPages-action-depth-max.has-subMenu.is-open svg{ height: 9.6px; width: 9.6px} .navPages-action{ color: #333; display: block; font-size: 15px; font-weight: 700; padding: .78571rem 0; text-decoration: none; text-transform: uppercase} .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .navPages-action .collapsible-icon-wrapper.is-open svg, .navPages-action.is-open svg{ fill: #757575; stroke: #757575} .navPages-action.activePage, .navPages-action:hover{ color: #757575} .navPages-action.activePage svg, .navPages-action:hover svg{ fill: #757575; stroke: #757575} .navPages-action svg{ fill: #333333; stroke: #333333; -webkit-transition: all .15s ease; transition: all .15s ease} .navPages-action--storeCredit{ color: #757575} .navPages-action--compare{ display: none} .navPages-action--compare.show{ display: block} .navPages-action-moreIcon{ height: .57143rem; width: .57143rem; margin-left: .78571rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)} .collapsible-icon-wrapper.is-open .navPages-action-moreIcon, .has-subMenu.is-open .navPages-action-moreIcon{ -webkit-transform: rotate(0); transform: rotate(0)} .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon{ height: .78571rem; width: .78571rem; margin: 0 1.5rem} .navPage-childList{ display: none} .navPage-childList.is-open{ display: block} .navPage-subMenu-action:not(.navPages-action-depth-max)+.navPage-childList{ margin-left: 3rem} .navPage-subMenu{ display: none; outline: 0} .navPage-subMenu.is-open{ display: block} .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu+.navPage-subMenu .navPage-subMenu-list{ margin-right: 0} .navPage-subMenu-item{ padding: .78571rem 0} .navPage-subMenu-item-child, .navPage-subMenu-item-parent{ width: 100%} .navPage-subMenu-action{ padding: .78571rem 0} .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action{ padding: 0 0 0 1.5rem} .navPage-subMenu-action .collapsible-icon-wrapper{ -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block; height: 100%; text-align: right; width: 100%} .navPage-childList-action{ font-weight: 400; padding: 0 0 .35714rem} .navPages-quickSearch{ border-bottom: 1px solid #e5e5e5; margin-bottom: .78571rem} .navPages-quickSearch>.container{ padding: 0} .navPages-quickSearch .form{ margin: 0} .navPages-quickSearch .form-field{ margin-bottom: 0} .quickSearchResults .modal-close{ display: none} .page{ margin: 0 -.75rem; max-width: none; width: auto} .page:after, .page:before{ content: " "; display: table} .page:after{ clear: both} .page-content, .page-content--full{ padding-left: .75rem; padding-right: .75rem; width: 100%; float: left} .footer.footer-gilletteUs .container-gilletteUs .right .not-sell-mobile{ display: none; margin-top: 20px; text-align: center; width: 100%} .footer.footer-gilletteUs .container-gilletteUs .footer-notice{ width: 100%; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 56px} .footer.footer-gilletteUs .container-gilletteUs .footer-notice h5{ margin-top: 0; color: #fff; text-transform: none; font-family: latobold, sans-serif; font-size: 14px; line-height: 22px} .footer.footer-gilletteUs .navigation-wrap .navigation-col ul li a:hover{ color: #fff} header.header.gillette-us .header-holder .search-mobile-new{ display: none} header.header.gillette-us .header-holder .menu>li.search>a.hover .space{ display: hidden} header.header.gillette-us .header-holder .menu>li.search>a.hover svg path:last-child{ fill: #182f6e} header.header.gillette-us .header-holder .menu.medium-horizontal>li{ margin-right: 33px} header.header.gillette-us .header-holder .top-bar-right .menu.medium-horizontal>li{ margin-right: 36px} header.header.gillette-us .searchBar{ width: 100%; height: 44px; background-color: #efefef; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .5s; transition: all .5s; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 115px; right: 0} header.header.gillette-us .searchBar .closeSearchBar{ width: 24px; height: 24px; margin: 10px; display: block} header.header.gillette-us .searchBar form{ display: flex; width: 100%} header.header.gillette-us .searchBar form .searchInput{ height: 44px; width: 100%; border: none; padding: 10px} header.header.gillette-us .searchBar form .searchSubmit{ width: 44px; height: 44px; background-color: #182f6e} header.header.gillette-us .searchBar.show{ -webkit-transform: translateX(0); transform: translateX(0)} header.header.gillette-us .dropdown1.hover .dropbtn{ border-color: #182f6e !important} header.header.gillette-us .dropdown1.hover .dropdown-content{ display: block; top: 100%; left: 0; right: 0; width: 100%; background-color: #fff; min-height: 346px} header.header.gillette-us .dropdown1.hover .dropdown-content .full{ max-width: 1304px; margin: 0 auto; display: flex; padding: 50px 10px} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories{ position: relative; list-style: none; margin-left: 0} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item{ max-width: 220px} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item:not(:last-child) a{ padding-bottom: 15px} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item.hoverDefault .dropdown-sublist, header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item:hover .dropdown-sublist{ display: flex} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item.hoverDefault a{ color: #182f6e; font-weight: 800} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item a{ text-transform: none; text-decoration: none; display: block; font-size: 16px; line-height: 18px; color: #5e5e5e; -webkit-transition: color .2s, font-weight .2s; transition: color .2s, font-weight .2s} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item a:hover{ color: #182f6e; font-weight: 800} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item a>span{ font-family: latobold, arial, sans-serif; font-size: 18px; line-height: 1; letter-spacing: normal; color: #182f6e; text-transform: uppercase} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item a.acc_nav{ display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 50px} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item a.acc_nav svg{ margin-right: 10px} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item a.acc_nav span{ padding: 0} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist{ display: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: absolute; top: 0; left: 100%; list-style: none; margin-left: 0; height: 100%; padding-left: 60px} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-subitem{ -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; width: 200px; height: 100%} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-subitem:not(:last-child){ margin-right: 80px} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-subitem:first-child{ -webkit-animation-delay: 0s; animation-delay: 0s} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-subitem:nth-child(2){ -webkit-animation-delay: .3s; animation-delay: .3s} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-subitem:nth-child(3){ -webkit-animation-delay: .6s; animation-delay: .6s} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-subitem:nth-child(4){ -webkit-animation-delay: .9s; animation-delay: .9s} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-sublink{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: flex; height: 100%; text-align: center; padding-bottom: 0; color: #182f6e; -webkit-box-align: center; -ms-flex-align: center; align-items: center} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-sublink:focus{ outline: 0} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-sublink img{ width: 200px; height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-sublink img.bugatti{ width: 120px} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-sublink p{ padding-top: 20px; margin-bottom: 0; font-size: 16px; line-height: 20px; font-weight: 400} header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-sublink p sup{ text-transform: uppercase; font-size: 6px; top: -1em; font-weight: 700} header.header.gillette-us .dropdown1.hover .space{ display: block; width: 100%; background-color: #fff; bottom: -25px; left: 0; right: 0} header.header.gillette-us .bottom-nav{ display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; background-color: #efefef; position: absolute; bottom: 0; left: 0; right: 0; width: 100%} main.page{ margin: 0} main.page div.page-content.page-content--centered{ padding: 0 15px; width: 100%} main.page div.page-content.page-content--centered p{ margin-bottom: 0; line-height: 24px; font-size: 18px} div[data-content-region=header_top--global]{ font-family: Lato, Arial, 'sans-serif'} div[data-content-region=header_top--global] div[data-sub-layout]{ padding: 0} div[data-content-region=header_top--global] .header-notification--promo{ opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized{ background-color: #2faae1; color: #0b1531; min-height: 50px; width: 100%; margin: 0 auto; position: initial; overflow: hidden; text-overflow: ellipsis; visibility: visible; opacity: 1} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list{ margin: 0 50px} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track{ text-align: center; min-height: 40px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container{ padding: 8px; width: 100% !important; min-width: unset} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global{ padding: 6px 0; font-size: 16px; text-align: center; font-style: normal; font-weight: 500; line-height: normal} div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global a{ text-decoration: underline; color: inherit} .slick-list:focus{ outline: 0} .slick-list.dragging{ cursor: hand} [dir=rtl] .slick-slide{ float: right} .slick-slide.slick-loading img{ display: none} .slick-slide.dragging img{ pointer-events: none} .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent} .slick-arrow.slick-hidden{ display: none} .productView-images{ margin-bottom: 3rem} .mobileMenu-toggle{ height: 3.92857rem; width: 3.92857rem; display: inline-block; font-size: 0; left: 0; overflow: hidden; padding: 0 1.28571rem; position: absolute; z-index: 50} .mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle .mobileMenu-toggleIcon::before{ background: #444; content: ""; display: block; height: 2px; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: top .1s ease-in 150ms, bottom .1s ease-in 150ms, -webkit-transform .1s ease-in; transition: transform .1s ease-in, top .1s ease-in 150ms, bottom .1s ease-in 150ms, -webkit-transform .1s ease-in; width: 1.42857rem} .mobileMenu-toggle .mobileMenu-toggleIcon{ top: 1.92857rem; -webkit-transition: background-color 10ms ease-in .1s; transition: background-color 10ms ease-in .1s} .mobileMenu-toggle .mobileMenu-toggleIcon::before{ top: -.5rem} .mobileMenu-toggle .mobileMenu-toggleIcon::after{ bottom: -.5rem} header.header.gillette-us .header-holder .searchIconToggle{ margin-left: 10px} @media (min-width:1261px){ .slick-next{ right: -3.35714rem}} @media (min-width:1261px){ .slick-prev{ left: -3.35714rem}} @media (min-width:801px){ .header{ overflow: visible; position: relative}} @media screen and (min-width:40em){ header.header.gillette-us .header-holder .top-bar-left{ -ms-flex: 0 0 auto; flex: 0 0 auto} header.header.gillette-us .header-holder .top-bar-left ul .first-nav-button{ margin-right: 12px}} @media screen and (min-width:1080px){ header.header.gillette-us .header-holder .top-bar-center{ transform: translate(-55%, 0)} header.header.gillette-us .header-holder .top-bar-center a img{ max-width: 150px}} @media screen and (min-width:801px){ header.header.gillette-us .dropdown-content.dropAccount{ max-width: 222px; left: 50%; right: initial; min-height: initial; top: 70px; transform: translateX(-50%)}} @media (max-width:1600px) and (min-width:801px){ div[data-content-region="header_top--global"] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global{ font-size: 14px; line-height: 25px}} @media (min-width:551px){ html{ font-size: 14px} .modal{ left: 0; margin: 0 auto; max-width: 80%; right: 0; width: 900px; top: 50%; transform: translateY(-50%)} .dropdown--quickSearch{ padding: 3rem} .footer-copyright{ text-align: left}} @media (min-width:801px){ html{ font-size: 14px} .navPages-container{ background: 0 0; display: block; height: auto; padding: 0; position: relative} .cart{ display: table} .quickSearchResults{ margin-top: 0} .body{ margin-top: 2.5rem}} @media (min-width:1261px){ html{ font-size: 14px} .form-prefixPostfix-button--postfix{ margin: 0 0 0 .78571rem; -ms-flex-order: 0; order: 0} .container{ padding: 0 6rem}} @media (min-width:551px){ html{ font-size: 14px}} @media (min-width:801px){ html{ font-size: 14px}} @media (min-width:1261px){ html{ font-size: 14px}} @media (min-width:481px){ .button+.button{ margin-left: .78571rem}} @media (min-width:551px){ .form-row--half .form-field{ width: 50%} .form-row--third .form-field{ width: 33.33333%} .form-row--quarter .form-field{ width: 25%}} @media only screen and (min-width:551px){ .modal{ left: 0; margin: 0 auto; max-width: 80%; right: 0; width: 900px}} @media only screen and (min-width:551px){ .modal{ top: 50% !important}} @media (min-width:551px){ .modal{ -webkit-transform: translateY(-50%); transform: translateY(-50%)}} @media (min-width:1261px){ .slick-next{ right: -3.35714rem}} @media (min-width:1261px){ .slick-prev{ left: -3.35714rem}} @media screen and (max-width:415px){ .productView .slick-dots{ bottom: 25px}} @media (min-width:551px){ .table--line tr td{ text-align: center} .table--line tr td:first-child{ text-align: left} .table--line tr td:last-child{ text-align: right}} @media (min-width:551px){ .form-wishlist{ float: left; padding: 0 .71429rem; width: 50%}} @media (min-width:801px){ .form-wishlist{ padding: 0; width: auto}} @media (min-width:1261px){ .form-wishlist{ display: inline-block; margin-top: 1rem}} @media (min-width:801px){ .form-wishlist .button{ width: auto}} @media (min-width:1261px){ .form-wishlist .button{ margin-right: .78571rem}} @media (min-width:551px){ #wishlist-dropdown.is-open{ padding-right: 20px}} @media (min-width:801px){ .tab.is-active{ border: 1px solid #e5e5e5; border-bottom: 1px solid #fff}} @media (min-width:801px){ .accordion--navList .accordion-navigation-actions{ right: 0; top: 0}} @media (min-width:1261px){ .form-prefixPostfix-button--postfix{ margin: 0 0 0 .78571rem; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0}} @media (min-width:801px){ .navBar--sub .navBar-item{ display: inline-block}} @media (min-width:801px){ .navBar--sub .navBar-item.is-active{ border-bottom: 1px solid #333}} @media (min-width:801px){ .navBar--sub .navBar-item.navBar-item--separate{ border-left: 1px solid #757575; margin: 0; padding-left: .78571rem}} @media (min-width:551px){ .navUser-item{ float: left}} @media (min-width:801px){ .navUser{ padding: 0 1.5rem; position: relative; right: auto; top: auto; -webkit-transform: none; transform: none; z-index: 50}} @media (min-width:801px){ .navUser-section{ position: relative}} @media (min-width:801px){ .navUser-item{ display: block} .navUser-item.navUser-item--social{ margin-top: .35714rem; padding-right: .35714rem} .navUser-item.navUser-item--divider{ font-size: 1.78571rem; margin-top: .57143rem; padding-left: .14286rem}} @media (max-width:551px){ .navUser-item--cart__hidden-s{ display: none}} @media (min-width:801px){ .navUser-item--cart .dropdown-menu.is-open{ right: 0}} @media (min-width:801px){ .navUser-item--cart .dropdown-menu.is-open::before{ right: .78571rem}} @media (min-width:801px){ .navUser-item--cart .dropdown-menu.is-open::after{ right: .92857rem}} @media (min-width:551px){ .navUser-item-cartLabel{ display: inline}} @media (min-width:551px){ .dropdown--quickSearch{ padding: 3rem}} @media (min-width:551px){ .dropdown--quickSearch .productGrid{ padding: 3rem 0 0}} @media (min-width:801px){ .navPages-container{ background: 0 0; display: block; height: auto; padding: 0; position: relative}} @media (min-width:801px){ .navPages{ margin: 0 auto; max-width: 85.71429rem; width: 100%; background: 0 0; font-size: 0; overflow-y: visible; padding: 0; text-align: center} .navPages:after, .navPages:before{ content: " "; display: table} .navPages:after{ clear: both} .navPages ol, .navPages ul{ list-style: none; margin-left: 0; margin: 0; padding: 0} .navPages ol ol, .navPages ol ul, .navPages ul ol, .navPages ul ul{ list-style: none; margin-bottom: 0} .navPages ol li, .navPages ul li{ margin: 0; padding: 0} .navPages-section{ float: left} .navPages-section:after, .navPages-section:before{ content: " "; display: table} .navPages-section:after{ clear: both} .navPages-section--alt{ float: right; margin-left: 1.5rem} .navPages-section+.navPages-section{ margin-left: 1.5rem}} @media (min-width:801px) and (min-width:551px){ .navPages-item{ float: left}} @media (min-width:801px){ .navPages-action, .navPages-item{ display: block}} @media (min-width:801px){ .navPages .navPage-subMenu-list{ margin: auto; max-width: 85.71429rem; width: 100%; border-left: 0; padding-left: 0} .navPages .navPage-subMenu-list:after, .navPages .navPage-subMenu-list:before{ content: " "; display: table} .navPages .navPage-subMenu-list:after{ clear: both}} @media (min-width:801px){ .navPages-list{ display: inline-block; float: none}} @media screen and (min-width:946px){ hr.mobileMenu{ display: none !important} hr.mobileMenu+.navPages-list{ display: none !important}} @media (min-width:801px){ .navPages-list-depth-max.subMenu-is-open .is-hidden{ display: inline-block}} @media (min-width:801px){ .navPages-list-depth-max.subMenu-is-open .navPages-item-page{ display: inline-block}} @media (min-width:801px){ .navPages-action-depth-max.has-subMenu.is-root.is-open .navPages-action-moreIcon{ -webkit-transform: rotate(0); transform: rotate(0)}} @media (min-width:801px){ .navPages-action-depth-max.has-subMenu.is-open{ border-bottom: 0; text-align: left}} @media (min-width:801px){ .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon{ height: .57143rem; width: .57143rem; border: 0; border-radius: 0; float: none; margin-top: 0; padding: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}} @media (min-width:801px){ .navPages-action-depth-max.has-subMenu.is-open svg{ height: 100%; width: 100%}} @media (min-width:801px){ .navPages-action{ display: inline-block; padding: .78571rem 1.14286rem 1.14286rem} .navPages-action.is-open{ background-color: #e5e5e5}} @media (min-width:801px){ .navPages-action-moreIcon{ -webkit-transform: none; transform: none}} @media (min-width:801px){ .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon{ height: .57143rem; width: .57143rem; margin: 0 0 0 .78571rem}} @media (min-width:801px){ .navPage-childList{ border: 0; display: block}} @media (min-width:801px){ .navPage-subMenu-action:not(.navPages-action-depth-max)+.navPage-childList{ margin-left: 0}} @media (min-width:801px){ .navPage-subMenu{ background-color: #e5e5e5; padding: 1.5rem 1.5rem 2.28571rem !important; position: absolute; text-align: left} .navPage-subMenu.is-open{ display: block; left: 0; width: 100%} .navPage-subMenu .navPages-action-moreIcon{ display: none}} @media (min-width:801px){ .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu+.navPage-subMenu .navPage-subMenu-list{ margin-right: auto}} @media (min-width:801px){ .has-subMenu.is-root+.navPage-subMenu-horizontal{ border-left: 0; height: auto; left: inherit; margin: auto; top: inherit; width: 15.35714rem}} @media (min-width:801px){ .navPage-subMenu-horizontal.is-open{ border-left: 1px solid #ccc; display: inherit; height: auto; margin-left: 15.35714rem; padding: 0 !important; top: 0; width: 16.35714rem}} @media (min-width:801px){ .navPage-subMenu-horizontal .navPages-action-moreIcon{ display: inline-block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}} @media (min-width:801px){ .navPage-subMenu-item{ padding-left: .75rem; padding-right: .75rem; width: 25%; float: left; padding: 0 .75rem !important} .navPage-subMenu-item .navPages-action{ text-transform: none; width: 100%} .navPage-subMenu-item>.navPage-subMenu-action{ border-bottom: 1px solid #ccc; margin-bottom: 1.14286rem}} @media (min-width:801px){ .navPage-subMenu-item-child .navPage-subMenu-action, .navPage-subMenu-item-parent .navPage-subMenu-action{ padding-left: 1.5rem; padding-right: 1.5rem; width: 100%} .navPage-subMenu-item-child .navPage-subMenu-action.is-open, .navPage-subMenu-item-child .navPage-subMenu-action:hover, .navPage-subMenu-item-parent .navPage-subMenu-action.is-open, .navPage-subMenu-item-parent .navPage-subMenu-action:hover{ background: #e5e5e5; color: #757575; font-weight: 500; opacity: .3}} @media (min-width:801px){ .navPage-subMenu-action{ padding: .78571rem 0 1.14286rem}} @media (min-width:801px){ .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action{ padding: .78571rem 0 1.14286rem}} @media (min-width:801px){ .navPage-subMenu-action .collapsible-icon-wrapper .navPage-childList-item{ display: none}} @media (min-width:801px){ .navPages-quickSearch{ display: none}} @media (min-width:801px){ .navPages-quickSearch{ display: none}} @media (min-width:801px){ .cart{ display: table}} @media (min-width:801px){ .quickSearchResults{ margin-top: 0}} @media (min-width:801px){ .quickSearchResults .modal-close{ display: block}} @media (min-width:801px){ .header{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; overflow: visible; position: relative}} @media (min-width:801px){ .body{ margin-top: 2.5rem}} @media (min-width:801px){ .page-content--centered{ padding-left: .75rem; padding-right: .75rem; width: 66.66667%; float: none; margin-left: auto; margin-right: auto}} @media (min-width:551px){ .footer-copyright{ text-align: left}} @media (min-width:1261px){ .container{ padding: 0 6rem}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .container-gilletteUs .right{ width: 100%}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .container-gilletteUs .right .footer-socials-wrap .smartlabel{ width: 100%}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col{ width: 40%}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col:last-child{ width: 100%}} @media screen and (max-width:600px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col h4{ width: 100%}} @media screen and (min-width:40em){ header.header.gillette-us .header-holder .top-bar-left{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto} header.header.gillette-us .header-holder .top-bar-left ul .first-nav-button{ margin-right: 12px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-left{ display: none}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li>a svg, header.header.gillette-us .header-holder .menu>li>div svg{ width: 20px; height: 20px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li>a .cart .quantity, header.header.gillette-us .header-holder .menu>li>div .cart .quantity{ font-size: 12px; top: 0; left: 0}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li.accountNav, header.header.gillette-us .header-holder .menu>li.search{ display: none} header.header.gillette-us .header-holder .menu>li>a{ padding: 1rem 5px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li.country{ margin: 14px 0}} @media screen and (min-width:1080px){ header.header.gillette-us .header-holder .top-bar-center{ -webkit-transform: translate(-77%, 0); transform: translate(-77%, 0)} header.header.gillette-us .header-holder .top-bar-center a img{ width: 142px; height: auto; display: block; aspect-ratio: 142/36} header.header.gillette-us .header-holder .top-bar-center a.kind{ height: initial} header.header.gillette-us .header-holder .top-bar-center a.kind img{ max-width: 78px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-center a img{ width: 96px; height: 24px; aspect-ratio: 96/24}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-center{ -webkit-box-flex: 1; -ms-flex: 1 0 100px; flex: 1 0 100px; -webkit-transform: translate(14px, 0); transform: translate(14px, 0)}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-right .menu.medium-horizontal>li{ margin-right: 23px} header.header.gillette-us .header-holder .top-bar-right .menu.medium-horizontal>li:last-child{ margin-right: 18px; margin-left: 5px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-right{ position: relative; top: -5px} header.header.gillette-us .header-holder .mobileMenu-toggle{ position: static; width: 30px; max-height: 35px; display: block; padding: 0} header.header.gillette-us .header-holder .mobileMenu-toggle span{ padding: 0 5px} header.header.gillette-us .header-holder .mobileMenu-toggle .mobileMenu-toggleIcon, header.header.gillette-us .header-holder .mobileMenu-toggle .mobileMenu-toggleIcon:after, header.header.gillette-us .header-holder .mobileMenu-toggle .mobileMenu-toggleIcon:before{ background: 0 0} header.header.gillette-us .header-holder .mobileMenu-toggle .mobileMenu-toggleIcon{ background: url(../../../../../content/img/icons/ic-new-menu.svg) center/contain no-repeat; width: 20px; height: 20px; top: 9px} header.header.gillette-us .header-holder .mobileMenu-toggle.is-open{ height: 44px; width: 54px; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 1000; top: 10px; left: 297px; right: 0} header.header.gillette-us .header-holder .mobileMenu-toggle.is-open .mobileMenu-toggleIcon{ background: url(../../../../../content/img/icons/close-button.svg) center/contain no-repeat; width: 21px; height: 21px; top: 8px}} @media screen and (max-width:767px){ header.header.gillette-us .header-holder .mobileMenu-toggle.is-open{ left: 70%}} @media screen and (max-width:1030px){ header.header.gillette-us{ padding: 0 !important; background-color: #f9f9f9; position: fixed; height: 60px} header.header.gillette-us.plp-custom-header{ background-image: linear-gradient(90deg, #eff0f6, #d1d3d4)} header.header.gillette-us .header-holder{ padding: 11px 17px 0 24px} header.header.gillette-us .header-holder .togglers-left{ display: flex} header.header.gillette-us .header-holder .search-bar{ display: none} header.header.gillette-us.is-open{ height: 100vh} header.header.gillette-us.is-open .header-holder{ height: 44px; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end} header.header.gillette-us.is-open .header-holder .top-bar-center, header.header.gillette-us.is-open .header-holder .top-bar-right{ display: none} header.header.gillette-us.is-open .header-holder .search-bar{ display: inline-block; width: calc(100% - 54px); height: 100%; position: relative} header.header.gillette-us.is-open .header-holder .search-bar input{ height: 100%; background-color: #efefef; border: none; width: 100%; padding-left: 20px} header.header.gillette-us.is-open .header-holder .search-bar input::-webkit-input-placeholder{ font-size: 16px} header.header.gillette-us.is-open .header-holder .search-bar input::-moz-placeholder{ font-size: 16px} header.header.gillette-us.is-open .header-holder .search-bar input:-ms-input-placeholder{ font-size: 16px} header.header.gillette-us.is-open .header-holder .search-bar input::-ms-input-placeholder{ font-size: 16px} header.header.gillette-us.is-open .header-holder .search-bar input::placeholder{ font-size: 16px} header.header.gillette-us.is-open .header-holder .search-bar .search-icon{ position: absolute; top: 10px; right: 20px} header.header.gillette-us .header-holder .search-mobile-new{ display: inline-block}} @media screen and (min-width:1030px){ header.header.gillette-us .searchBar{ display: none}} @media screen and (min-width:801px){ header.header.gillette-us .dropdown-content.dropAccount{ max-width: 222px !important; left: 50% !important; right: initial !important; min-height: initial !important; top: 70px !important; -webkit-transform: translateX(-50%); transform: translateX(-50%)} header.header.gillette-us .dropdown-content.dropAccount .full{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 !important} header.header.gillette-us .dropdown-content.dropAccount .full span div>a, header.header.gillette-us .dropdown-content.dropAccount .full>a{ border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 30px 0; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none} header.header.gillette-us .dropdown-content.dropAccount .full span div>a span, header.header.gillette-us .dropdown-content.dropAccount .full>a span{ text-transform: uppercase; font-family: latobold, arial, 'sans-serif'} header.header.gillette-us .dropdown-content.dropAccount .full span div>a{ border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 30px 0; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-transform: uppercase; font-family: latobold, arial, 'sans-serif'}} @media only screen and (max-width:1260px){ header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-subitem{ -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; width: 150px}} @media only screen and (max-width:1050px){ header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-subitem{ -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px}} @media only screen and (max-width:1260px){ header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-sublink img{ width: 150px; height: 150px}} @media only screen and (max-width:1050px){ header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-sublink img{ width: 100px; height: 100px}} @media only screen and (max-width:1260px){ header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-sublink img.bugatti{ width: 85px}} @media only screen and (max-width:1050px){ header.header.gillette-us .dropdown1.hover .dropdown-content .full .dropdown-content-categories .dropdown-content-item .dropdown-sublist .dropdown-sublink img.bugatti{ width: 60px}} @media screen and (max-width:800px){ .container{ padding: 0}} @media (max-width:1600px) and (min-width:801px){ div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global{ font-size: 14px; line-height: 25px}} @media only screen and (max-width:551px){ .modal{ min-height: 100vh}} @media screen and (max-width:1030px){ body{ padding-top: 44px}} @media (max-width:551px){ .navUser-item--cart__hidden-s{ display: none}} @media screen and (max-width:800px){ hr{ width: 90%; margin: 13px auto}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .footer-wrap{ padding: 48px 0 56px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .container-gilletteUs{ padding: 0 24px}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .container-gilletteUs .left{ width: 100%; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .container-gilletteUs .right{ width: 100%}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .container-gilletteUs .right .footer-socials-wrap .smartlabel{ width: 100%}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .navigation-wrap .navigation{ -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 48px}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col{ width: 40%}} @media screen and (max-width:850px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col:last-child{ width: 100%}} @media screen and (max-width:600px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col h4{ width: 100%}} @media screen and (max-width:600px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col-wrap{ width: 100%}} @media screen and (max-width:1030px){ .promo-banner{ padding: 12px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder{ padding: 0; height: 100%; background: #fff}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-left{ display: none}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li>a svg, header.header.gillette-us .header-holder .menu>li>div svg{ width: 20px; height: 20px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li>a .cart .quantity, header.header.gillette-us .header-holder .menu>li>div .cart .quantity{ font-size: 12px; top: 0; left: 0}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li.accountNav, header.header.gillette-us .header-holder .menu>li.search{ display: none} header.header.gillette-us .header-holder .menu>li>a{ padding: 1rem 5px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .menu>li.country{ margin: 14px 0}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-center a img{ width: 96px; height: 24px; aspect-ratio: 96/24}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-center{ -webkit-box-flex: 1; -ms-flex: 1 0 100px; flex: 1 0 100px; -webkit-transform: translate(14px, 0); transform: translate(14px, 0)}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-right .menu.medium-horizontal>li{ margin-right: 23px} header.header.gillette-us .header-holder .top-bar-right .menu.medium-horizontal>li:last-child{ margin-right: 18px; margin-left: 5px}} @media screen and (max-width:1030px){ header.header.gillette-us{ padding: 0 !important; background-color: #f9f9f9; position: fixed; height: 60px} header.header.gillette-us.plp-custom-header{ background-image: linear-gradient(90deg, #eff0f6, #d1d3d4)} header.header.gillette-us .header-holder{ padding: 11px 17px 0 24px} header.header.gillette-us .header-holder .togglers-left{ display: flex} header.header.gillette-us .header-holder .search-bar{ display: none} header.header.gillette-us.is-open{ height: 100vh} header.header.gillette-us.is-open .header-holder{ height: 44px; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end} header.header.gillette-us.is-open .header-holder .top-bar-center, header.header.gillette-us.is-open .header-holder .top-bar-right{ display: none} header.header.gillette-us.is-open .header-holder .search-bar{ display: inline-block; width: calc(100% - 54px); height: 100%; position: relative} header.header.gillette-us.is-open .header-holder .search-bar input{ height: 100%; background-color: #efefef; border: none; width: 100%; padding-left: 20px} header.header.gillette-us.is-open .header-holder .search-bar input::-webkit-input-placeholder{ font-size: 16px} header.header.gillette-us.is-open .header-holder .search-bar input::-moz-placeholder{ font-size: 16px} header.header.gillette-us.is-open .header-holder .search-bar input:-ms-input-placeholder{ font-size: 16px} header.header.gillette-us.is-open .header-holder .search-bar input::-ms-input-placeholder{ font-size: 16px} header.header.gillette-us.is-open .header-holder .search-bar input::placeholder{ font-size: 16px} header.header.gillette-us.is-open .header-holder .search-bar .search-icon{ position: absolute; top: 10px; right: 20px} header.header.gillette-us .header-holder .search-mobile-new{ display: inline-block}} @media screen and (max-width:800px){ .container{ padding: 0}} @media (max-width:480px){ div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list{ margin: 0 15px}} @media (max-width:1024px){ div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list{ margin: 0 40px; overflow: hidden}} @media (max-width:480px){ div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container{ padding: 8px 30px}} @media (max-width:1024px){ div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global{ font-size: 12px}} @media (max-width:1600px) and (min-width:801px){ div[data-content-region=header_top--global] .header-notification--promo.slick-initialized .slick-list .slick-track .container .promo-text-global{ font-size: 14px; line-height: 25px}}