.redesign-cart h1.title{ font-size: 30px; font-style: normal; font-stretch: normal; line-height: 36px; letter-spacing: normal; color: #182f6e; font-family: lato_blackregular, arial, sans-serif; padding-bottom: 26px; border-bottom: 15px solid #182f6e; margin: 0; max-width: calc(100% - 340px)} .cart-preview{ margin-bottom: 80px} .cart-preview .twice{ display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-box-align: start} .cart-preview .twice .cart-products-version2{ -ms-flex: 1; flex: 1; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-box-pack: start; -webkit-box-align: start; -webkit-box-orient: vertical; -webkit-box-direction: normal} .cart-preview .twice .cart-products-version2>div{ -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-box-flex: 0} .redesign-cart .cart-preview .cart-summary{ -ms-flex: 0 1 300px; flex: 0 1 300px; max-width: 300px; -webkit-box-flex: 0; margin-left: 40px; margin-top: 15px} .redesign-cart .cart-preview .cart-summary>div{ margin-bottom: 0; -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25); background-color: #f9f9f9; padding: 20px 30px} .redesign-cart .cart-preview .cart-summary .label{ font-family: latobold, Arial, sans-serif; color: #182f6e; font-size: 14px; line-height: 17px; margin-bottom: 0; font-style: normal; font-stretch: normal; letter-spacing: normal; padding-bottom: 15px; border-bottom: 2px solid #d1d3d4} .redesign-cart .cart-preview .cart-summary .total .label-row{ font-family: latobold, Arial, sans-serif; font-size: 14px; line-height: 17px; color: #5e5e5e; font-style: normal; font-stretch: normal; letter-spacing: normal; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left} .redesign-cart .cart-preview .cart-summary .total .label-row strong{ font-weight: inherit; font-family: inherit} .redesign-cart .cart-preview .cart-summary .btn.checkout{ margin-top: 0} .cart_critical_css_new{ display: block} meta.foundation-data-attribute-namespace{ font-family: false} .u-hidden{ display: none !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%; font-size: 14px; --header-height: 118px; scroll-behavior: smooth} 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} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ display: block} [hidden], template{ display: none} a{ background-color: transparent; color: #333; line-height: inherit; text-decoration: underline; -webkit-transition: color .15s ease; transition: color .15s ease} b, strong{ font-weight: 700; line-height: inherit} h1{ font-size: 28px; margin: .67em 0} img{ border: 0; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic} svg:not(:root){ overflow: hidden} 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} 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]{ -webkit-appearance: button; cursor: pointer} button[disabled], html input[disabled]{ cursor: default} 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} td, th{ padding: 0} *, :after, :before{ -webkit-box-sizing: border-box; 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} h3{ font-size: 22px} h4{ font-size: 20px} 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} small{ font-size: 60%; line-height: inherit} dl, ol, ul{ list-style-position: outside; margin-bottom: 1.5rem} ol ol, ol ul, ul ol, ul ul{ margin-left: 1.2rem; margin-bottom: 0} ul{ margin-left: 1.15rem} ol{ margin-left: 1.15rem} dl dt{ font-weight: 700; margin-bottom: .35714rem} dl dd{ margin-bottom: 1.5rem} .icon{ height: 1.14286rem; width: 1.14286rem; display: inline-block; vertical-align: middle} .button{ -webkit-appearance: none; -moz-appearance: none; 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; -webkit-transition: all .15s ease; transition: all .15s ease} .button--primary{ background-color: #444; border-color: #444; color: #fff} .button--icon{ font-size: 1rem; padding: .78571rem .78571rem} .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-label{ color: #666; cursor: pointer; display: block; font-size: 1rem; line-height: 1.5; margin-bottom: .5rem} .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; font-smoothing: antialiased; height: 3rem; margin: 0; padding: .75rem 1rem; -webkit-transition: border-color .1s ease-out; transition: border-color .1s ease-out; width: 100%} .form-input:disabled{ background-color: #fff; color: #999; cursor: not-allowed} .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-actions{ background: 0 0; border: 0; text-align: center; margin: 0 auto; max-width: 85.71429rem; width: 100%; display: block} .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; -webkit-box-shadow: none; box-shadow: none; max-height: 90%; overflow: hidden; margin: 0; max-width: 95%; min-height: 240px; outline: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%)} .modal>:first-child{ margin-top: 0} .modal>:last-child{ margin-bottom: 0} .modal--small{ width: 500px} .modal-body{ padding: 2.25rem 2.25rem; overflow: auto; -webkit-overflow-scrolling: touch} .modal-body>:last-child{ margin-bottom: 0} .modal-close{ color: #757575; cursor: pointer; font-size: 26px; font-weight: 400; line-height: 2.28571rem; position: absolute; top: 1.05rem; right: .75rem; -webkit-transform: translateY(none); transform: translateY(none); height: 2.28571rem; width: 2.28571rem; padding: 0; text-align: center; text-decoration: none; z-index: 50} .loadingOverlay{ background: rgba(51, 51, 51, .9); bottom: 0; height: 100%; left: 0; opacity: 1; position: fixed; right: 0; top: 0; -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out; width: 100%; background-color: rgba(255, 255, 255, .9); display: none; z-index: 99999} .aria-description--hidden{ height: 1px; left: 0; margin-left: -10000px; overflow: hidden; position: absolute; top: 0; width: 1px} .slick-slider{ position: relative; display: block; -webkit-box-sizing: border-box; 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} .slick-list{ position: relative; overflow: hidden; display: block; margin: 0; padding: 0} .slick-slider .slick-list, .slick-slider .slick-track{ -webkit-transform: translate3d(0, 0, 0); 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; -webkit-perspective: 1000px; 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-initialized .slick-slide{ display: block} .slick-loading .slick-slide{ visibility: hidden} .slick-loading .slick-list{ background: #fff center center no-repeat} h5, h6{ text-transform: uppercase} .dropdown{ left: -9999px; outline: 0; position: absolute} .modal .form-field{ position: relative} .modal--alert{ background-color: #fff !important; border-radius: 4px; font-family: Lato, Arial, Helvetica, sans-serif; padding: 40px 20px 20px; text-align: center} .hide-content{ opacity: 0} .lazyload, .lazyloading{ height: 100%} .form-prefixPostfix-button--postfix{ margin: .78571rem 0 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1} .form-input--incrementTotal{ border: 0; display: inline-block; font-size: 15px; font-weight: 700; height: auto; padding: 0; text-align: center; vertical-align: middle; width: 2.5rem} .icons-svg-sprite{ display: none} .icon, .icon svg{ -webkit-transition: all .15s ease; transition: all .15s ease} .dropdown--quickSearch{ background-color: #e5e5e5; display: none; padding: 1.5rem 0} .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{ bottom: 0; display: none; height: 100%; left: 0; -webkit-overflow-scrolling: touch; position: absolute; right: 0; z-index: 10} .navPages{ background-color: #e5e5e5; height: 100%; overflow-y: auto; padding: 1.5rem} .navPages ul{ list-style: none} .navPages-list{ margin: 0; margin-bottom: 50px} hr.mobileMenu{ margin: 0 auto; height: 2px; border: none; background-color: #d2d3d4; margin-top: 8px; width: calc(100% - 40px)} .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} .cart{ display: block; margin-bottom: 1.5rem; width: 100%} .cart-remove{ background-color: #e5e5e5; border-radius: 50%; cursor: pointer; float: right; height: 1.28571rem; margin-top: .14286rem; padding: .21429rem; -webkit-transition: background-color .15s ease; transition: background-color .15s ease; width: 1.28571rem} .cart-totals{ list-style: none; margin-left: 0; margin-bottom: 1.5rem; text-align: right; width: 100%} .cart-total{ border-bottom: 0} .cart-total:after, .cart-total:before{ content: " "; display: table} .cart-total:after{ clear: both} .cart-total-label{ color: #757575; width: 33.33333%} .cart-total-value{ text-align: left} .cart-total-label, .cart-total-value{ float: left; padding: .5rem 0 .5rem 1.5rem} .cart-total-grandTotal{ font-family: Montserrat, Arial, Helvetica, sans-serif; font-size: 20px; padding-bottom: .21429rem; padding-top: .21429rem; position: relative} .coupon-code-add, .coupon-code-cancel, .gift-certificate-add, .gift-certificate-cancel, .shipping-estimate-hide, .shipping-estimate-show{ color: #757575; padding: 0; text-decoration: underline; -webkit-transition: color .15s ease; transition: color .15s ease} .coupon-code-add:hover, .coupon-code-cancel:hover, .gift-certificate-add:hover, .gift-certificate-cancel:hover, .shipping-estimate-hide:hover, .shipping-estimate-show:hover{ color: #333} .coupon-code-cancel, .shipping-estimate-show[aria-expanded=true]{ font-style: italic} .quickSearchResults{ margin-top: 1.5rem} .header{ background-color: #fff; height: 55px; position: fixed; top: 0; width: 100%; z-index: 100} .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} .body{ margin-bottom: 6rem; margin-top: 1.5rem; margin: 0} .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{ background-color: #fff; border-top: 1px solid #e5e5e5; padding: 3rem 0; 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{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; display: flex; padding: 48px 0; gap: 64px; -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%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; padding-top: 48px} .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 .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 .footer-copyright{ width: 100%; background-color: #001e60} .footer.footer-gilletteUs .footer-copyright__wrap{ padding: 10px; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: 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; -webkit-transition: color .2s; transition: color .2s} .footer.footer-gilletteUs .navigation-wrap .navigation-col ul li a:hover{ color: #fff} .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 .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} .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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 8px 5px 8px 40px} header.header.gillette-us .header-holder .togglers-left{ display: none} header.header.gillette-us .header-holder .searchIconToggle{ margin-left: 10px} header.header.gillette-us .header-holder .search-mobile-new{ display: none} header.header.gillette-us .header-holder .top-bar-left{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%} header.header.gillette-us .header-holder .menu{ margin: 0; display: flex; list-style-type: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap} header.header.gillette-us .header-holder .menu>li{ max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; outline: 0} header.header.gillette-us .header-holder .menu>li>a, header.header.gillette-us .header-holder .menu>li>div{ display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -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} 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.country{ width: 24px; height: 24px; margin: 0} header.header.gillette-us .header-holder .menu.medium-horizontal>li{ margin-right: 33px} header.header.gillette-us .header-holder .top-bar-center{ -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px} 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{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%} 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 .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 .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%} #cart-preview-dropdown{ position: fixed !important; -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25); 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; -webkit-transition: .3s; transition: .3s} .redesign-cart{ margin: 55px auto 90px; max-width: 1057px; padding: 0 20px} .redesign-cart .cart-preview{ display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap} .redesign-cart .cart-preview .cart-summary .cart-totals{ margin: 0; width: 100%; float: none} .redesign-cart .cart-preview .cart-summary .cart-total+.cart-total{ border-top: 2px solid #d1d3d4} .redesign-cart .cart-preview .cart-summary .total{ padding-bottom: 10px; 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; -ms-flex-wrap: wrap; flex-wrap: wrap} .redesign-cart .cart-preview .cart-summary .total .value, .redesign-cart .cart-preview .cart-summary .total .value span{ font-family: lato_blackregular, arial, sans-serif; font-size: 16px; font-style: normal; font-stretch: normal; line-height: 1.19; letter-spacing: normal; color: #182f6e} .redesign-cart .cart-preview .cart-summary .total .value{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right} .redesign-cart .cart-preview .cart-summary .total .form-label{ font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: #182f6e} .redesign-cart .cart-preview .cart-summary .total .cart-total-value button{ font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; color: #182f6e; text-decoration: underline} .redesign-cart .cart-preview .cart-summary .total .cart-form, .redesign-cart .cart-preview .cart-summary .total form.form{ width: 100%} .redesign-cart .cart-preview .cart-summary .btn{ background-color: #182f6e; padding: 10px 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; margin-top: 15px; text-decoration: none} .redesign-cart .cart-preview .cart-summary .btn span{ font-size: 18px; font-family: latobold, arial, sans-serif; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #fff} .redesign-cart .cart-preview .cart-summary .btn:not(.paypal-checkout){ text-transform: uppercase} .redesign-cart .cart-preview .cart-summary .order_summary_container{ margin-top: 0} .redesign-cart h2.sub-title{ color: #182f6e; font-size: 24px; letter-spacing: 0; line-height: 28px; margin: 0; font-family: lato_blackregular, arial, sans-serif; padding-bottom: 15px; border-bottom: 15px solid #182f6e; width: 100%} .cart-preview .once .cart-products-version2>div{ -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%} .product-row{ padding: 30px 0 20px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; border-bottom: 1px solid #5e5e5e} .product-row .product-row-hide, .product-row.product-row-hide{ display: none} .product-row .product-row-unhide, .product-row.product-row-unhide{ display: flex} .product-row.noborder{ border-bottom: none; padding-bottom: 0} .product-row .isDesktopOnly975{ display: none !important} .product-row .isMobileOnly975{ display: none !important} .product-row .product-row-container{ display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative} .product-row .radio-swatch-field+.radio-select-field{ margin-left: -100px} .product-row .radio-select-field{ margin-bottom: 0} .product-row .product-row-image-cont{ margin-right: 20px} .product-row .product-row-image-cont a{ display: block; text-decoration: none} .product-row .product-row-image-cont a img{ width: 136px; height: 100%} .product-row .product-row-content-name{ margin-bottom: 12px} .product-row .product-row-content-name a{ display: block; color: #182f6e; font-family: latobold, Arial, sans-serif; font-size: 18px; letter-spacing: 0; line-height: 22px; text-decoration: none} .product-row .product-row-content-name a svg{ vertical-align: bottom} .product-row .product-row-content{ width: calc(100% - 156px)} .product-row .product-row-content .product-row-content-price{ margin-bottom: 16px} .product-row .product-row-content .product-row-content-price span{ color: #182f6e; font-size: 16px; letter-spacing: 0; line-height: 18px} .product-row .cart-remove{ background: 0 0; display: flex; width: initial; height: initial; margin: 0; padding: 0; position: absolute; top: 15px; right: 0; float: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .product-row .cart-remove img{ width: 12px; -o-object-fit: contain; object-fit: contain; margin-right: 7px} .product-row .cart-remove span{ color: #182f6e; font-size: 12px; letter-spacing: 0; line-height: 15px} .product-row .product-row-content-cont{ display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start} .product-row .product-row-content-cont .product-row-content-quantity .increment-button{ font-size: 20px; line-height: 20px; color: #182f6e; font-family: latobold, Arial, sans-serif} .product-row .product-row-content-cont .product-row-content-quantity label{ color: #5e5e5e; font-size: 14px; letter-spacing: 0; line-height: 17px; display: block; margin-bottom: 7px} .product-row .product-row-content-cont .product-row-content-quantity div{ height: 40px; width: 78px; border: 1px solid #182f6e; background-color: #fff; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .product-row .product-row-content-cont .product-row-content-quantity div button{ border: none; margin: 0; padding: 0; font-style: normal; color: #182f6e} .product-row .product-row-content-cont .product-row-content-quantity div button .icon{ font-size: 25px; font-style: normal} .product-row .product-row-content-cont .product-row-content-quantity div input{ color: #182f6e; font-family: latobold, Arial, sans-serif; font-size: 14px; letter-spacing: 0; line-height: 30px; text-align: center} .product-row .product-row-content-cont .product-row-content-quantity.asmHide+.moveLeft .product-row-content-options .modal-body{ margin-left: 0} .product-row .product-row-content-cont .product-row-content-options hr{ display: none} .product-row .product-row-content-cont .product-row-content-options .form-field{ margin-bottom: 0} .product-row .product-row-content-cont .product-row-content-options label.form-label{ color: #5e5e5e; font-size: 14px; letter-spacing: 0; line-height: 17px; display: block; margin-bottom: 7px} .product-row .product-row-content-cont .product-row-content-options .modal-body{ padding: 0; margin-left: 20px; overflow: initial} .product-row .product-row-content-cont .product-row-content-options .selected-select{ position: relative; z-index: 2} .product-row .product-row-content-cont .product-row-content-options .selected-select ul{ background: #fff; position: absolute; top: 100%; list-style: none; margin: 0; padding: 12px 0 0; border: 1px solid #182f6e; left: 0; right: 0; display: none} .product-row .product-row-content-cont .product-row-content-options .selected-select ul li label{ padding: 0 12px 12px; margin: 0} .product-row .product-row-content-cont .product-row-content-options .selected-select ul li label:after, .product-row .product-row-content-cont .product-row-content-options .selected-select ul li label:before{ border-color: transparent; background: 0 0} .product-row .product-row-content-cont .product-row-content-options .selected-label{ height: 40px; width: 325px; border: 1px solid #182f6e; background-color: #fff; padding: 12px; color: #182f6e; font-family: latobold, Arial, sans-serif; font-size: 14px; letter-spacing: 0; line-height: 17px; cursor: pointer; position: relative} .product-row .product-row-content-cont .product-row-content-options .selected-label+ul{ max-width: 325px; width: 100%} .product-row .product-row-content-cont .product-row-content-options .selected-label:before{ content: ""; position: absolute; width: 20px; height: 20px; z-index: 0; background: url(../../../../../content/img/gil/ic-down.svg); background-size: 20px; background-repeat: no-repeat; background-position: 100%, 100%; -webkit-transform: rotate(0); transform: rotate(0); top: 25%; left: 90%} .product-row .product-row-content-cont .form-actions{ display: none} 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} .desktop_cart_css{ display: block} a:focus, a:hover{ color: #757575} .modal--large{ max-height: 90%; width: 1280px} .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; -webkit-transition: all .15s ease; transition: all .15s ease} .navPage-childList-action{ font-weight: 400; padding: 0 0 .35714rem} footer.footer-gilletteUs .navigation-wrap .navigation-col:last-child{ width: 45%} 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid transparent; -webkit-transition: border-color .1s; 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 .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 .dropdown1.hover .dropbtn{ border-color: #182f6e !important} header.header.gillette-us .droppedAccount{ position: relative} header.header.gillette-us .dropdown-content{ display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .25); box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .25); z-index: 1} 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} .hide{ display: none !important} @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 .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}} @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 screen and (max-width:800px){ .redesign-cart h1.title{ text-align: center}} @media screen and (max-width:800px){ .redesign-cart .cart-preview .cart-summary{ margin-left: 0}} @media screen and (max-width:414px){ .redesign-cart .cart-preview .cart-summary{ -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%}} @media screen and (max-width:975px){ .redesign-cart .cart-preview .cart-summary .cart-totals .label-row{ padding-left: 0}} @media (max-width:946px){ html{ --header-height: 73px}} @media screen and (max-width:975px){ .redesign-cart h1.title{ max-width: 100%}} @media screen and (max-width:975px){ .redesign-cart .cart-preview .cart-summary{ -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 40px !important} .redesign-cart .cart-preview .cart-summary.oncy{ margin-top: 20px !important}} @media screen and (min-width:976px){ .product-row .isDesktopOnly975{ display: block !important}} @media screen and (max-width:975px){ .product-row .isMobileOnly975{ display: block !important}} @media screen and (max-width:975px){ .product-row .radio-swatch-field+.radio-select-field{ margin-left: 0}} @media screen and (max-width:975px){ .product-row .radio-select-field{ margin-top: 1rem}} @media screen and (max-width:975px){ .product-row .product-row-image-cont a img{ width: 107px}} @media screen and (max-width:975px){ .product-row .product-row-content-name{ margin-top: 10px; margin-bottom: 15px}} @media screen and (max-width:975px){ .product-row .product-row-content{ width: calc(100% - 127px)}} @media screen and (max-width:975px){ .product-row .product-row-content-cont .product-row-content-options .modal-body{ margin-left: 0}} @media screen and (max-width:600px){ .product-row .product-row-content-cont .product-row-content-options .selected-label{ max-width: 325px; width: 100%} .product-row .product-row-content-cont .product-row-content-options .selected-label+ul{ max-width: 325px; width: 100%}} @media screen and (max-width:975px){ .product-row .product-row-content-cont{ display: block}} @media screen and (max-width:975px){ .product-row{ padding: 30px 0 40px}} @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}} @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){ .form-actions{ text-align: left}} @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:801px){ .modal-close{ font-size: 32px}} @media (min-width:551px){ .form-actions{ margin-top: 1.5rem}} @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:551px){ .dropdown--quickSearch{ padding: 3rem}} @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){ .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-quickSearch{ display: none}} @media (min-width:801px){ .cart{ display: table}} @media (min-width:551px){ .cart-remove{ margin-left: 1rem}} @media (min-width:551px){ .cart-totals{ float: right; width: 75%}} @media (min-width:801px){ .cart-totals{ margin-bottom: 1rem; width: 58.33333%}} @media (min-width:1261px){ .cart-totals{ width: 41.66667%}} @media (min-width:801px){ .cart-total+.cart-total{ border-top: 1px solid #e5e5e5}} @media (min-width:551px){ .cart-total-label{ width: 50%}} @media (min-width:801px){ .cart-total-label{ display: block; padding-left: 0; text-align: left}} @media (min-width:551px){ .cart-total-value{ text-align: right}} @media (min-width:801px){ .cart-total-value{ width: 50%}} @media (min-width:801px){ .cart-total-label, .cart-total-value{ padding: 1rem 0}} @media (min-width:801px){ .cart-total-grandTotal{ padding: 1rem 0; top: -.28571rem}} @media (min-width:801px){ .quickSearchResults{ margin-top: 0}} @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:551px){ .footer-copyright{ text-align: left}} @media (min-width:1261px){ .container{ padding: 0 6rem}} @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 (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 (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 screen and (min-width:976px){ .product-row .isDesktopOnly975{ display: block !important}} @media screen and (max-width:975px){ .product-row .isMobileOnly975{ display: block !important}} @media screen and (max-width:975px){ .product-row .radio-swatch-field+.radio-select-field{ margin-left: 0}} @media screen and (max-width:975px){ .product-row .radio-select-field{ margin-top: 1rem}} @media screen and (max-width:975px){ .product-row .product-row-image-cont a img{ width: 107px}} @media screen and (max-width:975px){ .product-row .product-row-content-name{ margin-top: 10px; margin-bottom: 15px}}