.gillette-faq .faq-banner{ position: relative; width: 100%; padding: 49px 0 40px; background-color: #182f6e} .gillette-faq .faq-banner__container{ margin: 0 auto; padding: 0 21px; width: 100%; max-width: 1122px} .gillette-faq .faq-banner__text-block{ width: 100%; max-width: 100%} .gillette-faq .faq-banner__text-block h1{ font-family: lato_blackregular, sans-serif; text-transform: initial; color: #fff; font-size: 30px; line-height: 34px; margin: 0 0 20px; text-align: center} .gillette-faq .faq-banner__text-block p{ color: #fff; margin-bottom: 12px; line-height: 24px; font-size: 16px; text-align: center} .gillette-faq .faq-banner__bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; display: none} .gillette-faq .help-tabs{ padding-top: 40px} .gillette-faq .help-tabs__container{ width: 100%; margin: 0 auto; padding: 0 23px; max-width: 914px} .gillette-faq .help-tabs .sticky-nav{ display: none} .gillette-faq .help-tabs h2.tab_title{ font-size: 30px; line-height: 34px; font-family: lato_blackregular, sans-serif; margin: 0 auto; width: 100%; text-align: center; color: #182f6e} .gillette-faq .help-tabs h2.title{ display: flex; -ms-flex-align: center; align-items: center; margin: 0 auto; width: 100%; text-align: center; color: #182f6e; font-size: 30px; line-height: 34px; font-family: lato_blackregular, sans-serif; -webkit-box-align: center} .gillette-faq .help-tabs__tabs-selector-wrap{ padding: 39px 0 39px; display: flex; width: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify} .gillette-faq .help-tabs__main-title{ padding: 30px 21px; width: 100%; background-color: #efefef} .gillette-faq .help-tabs__main-title .tab_title2, .gillette-faq .help-tabs__main-title .tab_title3{ display: none} .gillette-faq .help-tabs__main-title h2{ margin: 0 auto; max-width: 915px} .gillette-faq .help-tabs__tabs-wrap{ width: 100%; padding: 40px 20px 0 20px; max-width: 1022px; margin: 0 auto} .gillette-faq .help-tabs__tab{ width: 100%} .gillette-faq .help-tabs__tab2, .gillette-faq .help-tabs__tab3{ display: none} .gillette-faq .help-tabs__tab-wrap{ display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap} .gillette-faq .help-tabs__iframe-wrap{ max-width: 1021px; width: calc(100% + 39px); margin: 0 -20px; height: 100%; max-height: 835px} .gillette-faq .help-tabs__iframe-wrap iframe{ height: 835px; width: 100%; margin: 0 auto} .gillette-faq .tab-selector{ width: 100%; cursor: pointer; display: flex} .gillette-faq .tab-selector__img-container{ display: flex; -ms-flex-pack: center; justify-content: center; margin: 0 30px 0 0; -webkit-box-pack: center} .gillette-faq .tab-selector__img{ width: 70px; height: 70px; min-width: 70px} .gillette-faq .tab-selector__text-container{ width: 100%} .gillette-faq .tab-selector h2{ font-family: latobold, sans-serif; margin: 0 0 2px; transition: .3s; font-size: 16px; line-height: 24px; color: #5e5e5e; width: fit-content; text-align: left; padding-bottom: 5px; border-bottom: 5px solid transparent; -webkit-transition: .3s} .gillette-faq .tab-selector p{ font-size: 16px; line-height: 24px; color: #5e5e5e; text-align: left; margin-bottom: 20px} .gillette-faq .tab-selector.active h2{ color: #182f6e; border-bottom: 5px solid #00aeef} .gillette-faq .accordion{ width: 100%; max-width: 100%; border: none; margin-bottom: 60px} .gillette-faq .accordion:nth-child(2n){ padding-left: 0} .gillette-faq .accordion p{ color: #5e5e5e; font-size: 16px; line-height: 24px} .gillette-faq .accordion:nth-child(odd){ padding-right: 0} .gillette-faq .accordion__header{ padding-bottom: 13px; border-bottom: 1px solid #5e5e5e; margin-bottom: 8px} .gillette-faq .accordion__header h3{ font-family: lato_blackregular, sans-serif; font-size: 18px; line-height: 23px; color: #182f6e; margin: 0} .gillette-faq .accordion__quest{ position: relative; list-style-type: none; transition: .3s; padding-top: 7px; -webkit-transition: .3s} .gillette-faq .accordion__quest:not(:last-child){ margin-bottom: 8px} .gillette-faq .accordion__content-wrap{ margin: 0} .gillette-faq .accordion__content{ display: none; padding: 0 12px 20px 27px} .gillette-faq .accordion__quest-main{ cursor: pointer; position: relative; padding: 0 13px 0 27px; transition: .3s; -webkit-transition: .3s} .gillette-faq .accordion__quest-main::before{ transition: .3s; position: absolute; content: ''; top: 6px; left: 8px; border: 5px solid transparent; border-left: 5px solid #808285; -webkit-transition: .3s} .gillette-faq .accordion__quest-main p{ font-family: latoregular, sans-serif; color: #5e5e5e; margin-bottom: 0} .gillette-faq .contact-us{ padding: 34px 0 40px; background-color: #efefef} .gillette-faq .contact-us__container{ max-width: 927px; width: 100%; margin: 0 auto; padding: 0 21px} .gillette-faq .contact-us h3{ font-family: lato_blackregular, sans-serif; width: 100%; text-align: center; margin: 0 0 30px; color: #182f6e; font-size: 30px; line-height: 34px; letter-spacing: .75px} .gillette-faq .contact-us__card{ cursor: pointer; text-decoration: none; width: 100%; height: initial; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-align: center} .gillette-faq .contact-us__card:not(:last-child){ margin-bottom: 15px} .gillette-faq .contact-us__card p{ width: 100%; text-align: left; font-size: 16px; line-height: 24px; color: #182f6e; margin-bottom: 0; font-family: latobold, sans-serif} .gillette-faq .contact-us__card-img-container{ width: fit-content; margin: 0 15px 0 0; text-align: center} .gillette-faq .contact-us__card-img-container img{ width: 46px; min-width: 46px; height: 50px} .gillette-faq .contact-us__cards-wrap{ display: flex; width: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify} .gillette-faq .contact-us .chat-representative{ text-decoration: none} .faq_new_critical_css{ display: block} meta.foundation-data-attribute-namespace{ font-family: false} .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; 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} footer, header, nav, section{ 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{ color: inherit; font: inherit; margin: 0} button{ overflow: visible; text-transform: none; background: 0 0; border: 0} button, 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} div, form, h1, h2, h3, h4, h5, li, ol, p, td, th, ul{ margin: 0; padding: 0} p{ margin-bottom: 1.5rem} h1, h2, h3, h4, h5{ 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} 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-slide{ float: left; height: 100%; min-height: 1px; display: none} .slick-initialized .slick-slide{ display: block} .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{ height: 100%} .icons-svg-sprite{ display: none} .navUser-action{ display: block; 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{ 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{ margin: 0; position: relative; top: 2px} header.header.gillette-us .header-holder .menu>li>a .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 .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-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} @charset "UTF-8"; [href]:focus, [tabindex]:not([tabindex="-1"]):focus, button:focus, input:focus{ outline: 2px solid #0f7fff; outline-offset: 1px !important} meta.foundation-mq-small{ font-family: "/only screen/"; width: 0} meta.foundation-mq-small-only{ width: 0} meta.foundation-mq-medium{ width: 551px} meta.foundation-mq-medium-only{ width: 551px} meta.foundation-mq-large{ width: 801px} meta.foundation-mq-large-only{ width: 801px} meta.foundation-mq-xlarge{ width: 1261px} meta.foundation-mq-xlarge-only{ width: 1261px} meta.foundation-mq-xxlarge{ width: 1681px} a:active, a:hover{ outline: 0} b, strong{ font-weight: 700; line-height: inherit} h1{ font-size: 28px; margin: .67em 0} 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[type=submit]{ -webkit-appearance: button; cursor: pointer} button::-moz-focus-inner, input::-moz-focus-inner{ border: 0; padding: 0} input[type=radio]{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0} td, th{ padding: 0} a:hover{ cursor: pointer} button:active, button:focus{ -webkit-box-shadow: none; box-shadow: none; outline: 0} a:focus, a:hover{ color: #757575} h3{ font-size: 22px} h5{ font-size: 15px; text-transform: uppercase} ul ol, ul ul{ margin-left: 1.2rem; margin-bottom: 0} ol{ margin-left: 1.15rem} .button:focus, .button:hover{ background-color: transparent; border-color: #999; color: #333} .button:active{ background-color: transparent; border: 1px solid #757575; color: #000} .button:focus{ outline: 0} .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} .form-input:disabled{ background-color: #fff; color: #999; cursor: not-allowed} .form-input:focus{ border-color: #999; outline: 0} .form-input::-ms-clear{ height: 0; width: 0} .form-input::-moz-placeholder{ color: #999} .form-input:-ms-input-placeholder{ color: #999} .accordion{ margin-bottom: 0; border: #e5e5e5 solid; border-width: 1px; -webkit-box-shadow: none; box-shadow: none; margin: 0 0 1.5rem; border-radius: 4px} .accordion:after, .accordion:before{ content: " "; display: table} .accordion:after{ clear: both} .modal>:first-child{ margin-top: 0} .modal>: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::before{ height: 2.85714rem; width: 2.85714rem; border-radius: 2.85714rem; border: solid 2px; border-color: #fff #fff #999 #999; content: ""; display: block; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: spin .5s infinite cubic-bezier(.69, .31, .56, .83); animation: spin .5s infinite cubic-bezier(.69, .31, .56, .83)} @-webkit-keyframes spin{ 0%{ -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0)} 100%{ -webkit-transform: translateY(-50%) rotate(360deg); transform: translateY(-50%) rotate(360deg)}} @keyframes spin{ 0%{ -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0)} 100%{ -webkit-transform: translateY(-50%) rotate(360deg); transform: translateY(-50%) rotate(360deg)}} .slick-list:focus{ outline: 0} .modal-close::before{ border-color: transparent transparent #313440 transparent; border-style: solid; border-width: .71429rem; content: " "; position: absolute; right: 50%; top: 50%; -webkit-transform: translateX(50%); transform: translateX(50%)} .modal-close::after{ background-color: #313440; border-radius: .57143rem; color: #fff; content: attr(title); cursor: default; font-size: 1rem; padding: .28571rem .42857rem; position: absolute; right: 50%; top: 100%; white-space: nowrap; -webkit-transform: translateX(.71429rem); transform: translateX(.71429rem)} .modal-close::after, .modal-close::before{ display: none} .modal-close:focus::after, .modal-close:focus::before{ display: block} .modal-close:hover{ color: #999} .modal--alert .alert-icon{ border: .25em solid transparent; border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: default; display: flex; font-family: inherit; height: 5em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 5em; margin: 1.25em auto 1.875em; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 5em} .modal--alert .error-icon{ -webkit-animation: animate-icon .5s; animation: animate-icon .5s; border-color: #f27474; color: #f27474} .modal--alert .error-icon .icon-content{ -webkit-animation: animate-icon-content .5s; animation: animate-icon-content .5s; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative} .modal--alert .error-icon .icon-content .line{ background-color: #f27474; border-radius: .125em; display: block; height: .3125em; position: absolute; top: 2.3125em; width: 2.9375em} .modal--alert .error-icon .icon-content .line-left{ left: 1.0625em; -webkit-transform: rotate(45deg); transform: rotate(45deg)} .modal--alert .error-icon .icon-content .line-right{ right: 1em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg)} .modal--alert .warning-icon{ -webkit-animation: animate-icon .5s; animation: animate-icon .5s; border-color: #facea8; color: #f8bb86} .modal--alert .warning-icon .icon-content{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-animation: animate-icon-content .5s; animation: animate-icon-content .5s; display: flex; font-size: 3.75em} .modal--alert .modal-content{ color: #333; font-size: 1.14286rem} .modal--alert .button-container{ margin: 25px 0 0} .modal--alert .button-container .confirm{ background-color: #444; border-color: #444; color: #fff} .modal--alert .button-container .confirm:focus, .modal--alert .button-container .confirm:hover{ background-color: #666; border-color: #666; color: #fff} .modal--alert .button-container .confirm:active{ background-color: #000; border-color: #000; color: #fff} @-webkit-keyframes animate-icon{ 0%{ opacity: 0; -webkit-transform: rotateX(100deg); transform: rotateX(100deg)} 100%{ opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0)}} @keyframes animate-icon{ 0%{ opacity: 0; -webkit-transform: rotateX(100deg); transform: rotateX(100deg)} 100%{ opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0)}} @-webkit-keyframes animate-icon-content{ 0%{ margin-top: 1.625em; opacity: 0; -webkit-transform: scale(.4); transform: scale(.4)} 50%{ margin-top: 1.625em; opacity: 0; -webkit-transform: scale(.4); transform: scale(.4)} 80%{ margin-top: -.375em; -webkit-transform: scale(1.15); transform: scale(1.15)} 100%{ margin-top: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1)}} @keyframes animate-icon-content{ 0%{ margin-top: 1.625em; opacity: 0; -webkit-transform: scale(.4); transform: scale(.4)} 50%{ margin-top: 1.625em; opacity: 0; -webkit-transform: scale(.4); transform: scale(.4)} 80%{ margin-top: -.375em; -webkit-transform: scale(1.15); transform: scale(1.15)} 100%{ margin-top: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1)}} .button+.button{ margin-left: 0} .navUser-action:hover{ color: #757575} .navUser-action:hover svg{ fill: #757575; stroke: #757575} .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-action{ color: #333; display: block; font-size: 15px; font-weight: 700; padding: .78571rem 0; text-decoration: none; text-transform: uppercase} .navPages-action:hover{ color: #757575} .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-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} .account-list{ list-style: none; margin-left: 0} .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} .account{ margin-bottom: 1.5rem} .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} .footer.footer-gilletteUs .footer-subscription .footer-subscribe-button:focus{ outline: -webkit-focus-ring-color auto 1px; outline-offset: 1px} .promo-banner p{ color: #fff; font-size: 16px; line-height: 22px; text-align: center; margin: 0} 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 .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 .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%} header.header.gillette-us .bottom-nav svg{ stroke: none; width: 28px; height: 28px} header.header.gillette-us .bottom-nav .account, header.header.gillette-us .bottom-nav .mSearch{ margin: 0} header.header.gillette-us .bottom-nav .account a.navPages-action, header.header.gillette-us .bottom-nav .mSearch a.navPages-action{ display: inline-block; padding: 15px 25px; text-transform: capitalize; font-family: latobold, arial, sans-serif; font-size: 18px; line-height: 1; letter-spacing: normal; color: #808285} header.header.gillette-us .bottom-nav .account span, header.header.gillette-us .bottom-nav .mSearch span{ vertical-align: super} header.header.gillette-us .bottom-nav .mSearch .show{ display: inline} @-webkit-keyframes fadeInUp20{ 0%{ -webkit-transform: translate3d(0, 25px, 0); opacity: 0; transform: translate3d(0, 25px, 0)} to{ -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0)}} @-webkit-keyframes rotateArrowUp{ 0%{ -webkit-transform: rotate(90deg); transform: rotate(90deg)} to{ -webkit-transform: rotate(270deg); transform: rotate(270deg)}} @-webkit-keyframes rotateArrowDown{ 0%{ -webkit-transform: rotate(270deg); transform: rotate(270deg)} to{ -webkit-transform: rotate(90deg); transform: rotate(90deg)}} @-webkit-keyframes rotateArrowRight{ 0%{ -webkit-transform: rotate(0); transform: rotate(0)} to{ -webkit-transform: rotate(90deg); transform: rotate(90deg)}} @-webkit-keyframes rotateArrowRightDown{ 0%{ -webkit-transform: rotate(90deg); transform: rotate(90deg)} to{ -webkit-transform: rotate(0); transform: rotate(0)}} a.skip-main:active, a.skip-main:focus{ color: #fff; background-color: #182f6e; left: auto; top: auto; width: 15%; height: auto; overflow: auto; margin: 6% 8%; padding: 13px; border-radius: 15px; text-align: center; font-size: 14px; z-index: 999; font-family: latobold, arial, sans-serif} @-webkit-keyframes fadeIn{ from{ opacity: 0} to{ opacity: 1}} @-webkit-keyframes fadeEffect{ from{ opacity: 0} to{ opacity: 1}} @-webkit-keyframes zoom{ from{ -webkit-transform: scale(0)} to{ -webkit-transform: scale(1)}} .hide{ display: none !important} @-webkit-keyframes flickerAnimation{ 0%{ opacity: 1} 50%{ opacity: .5} 100%{ opacity: 1}} .gillette-faq .accordion p a{ color: #5e5e5e} .gillette-faq .accordion__content h2{ text-align: left; font-size: 16px; font-family: lato_blackregular, arial, sans-serif; font-style: normal; font-stretch: normal; line-height: 1.19; letter-spacing: normal; color: #282829; margin: 0} .gillette-faq .accordion__content table{ margin: 10px 0} .gillette-faq .accordion__content table th{ font-family: lato_blackregular, arial, sans-serif; text-transform: uppercase; background-color: #ddd} .gillette-faq .accordion__content table td, .gillette-faq .accordion__content table th{ padding: 10px 5px; width: 60%; border: 1px solid #ccc} .gillette-faq .accordion__content table td img{ margin-bottom: 4px; margin-right: auto} .gillette-faq .accordion__content table td span{ display: block} .gillette-faq .accordion__content table td:first-child, .gillette-faq .accordion__content table th:first-child{ width: 40%; border-right: 0; font-size: 13px} .gillette-faq .accordion__content ul{ list-style: inside} .gillette-faq .accordion__content ul ul{ margin-bottom: 0; padding-left: 15px; list-style: circle} .gillette-faq .accordion__content ol, .gillette-faq .accordion__content ul{ margin-bottom: 10px} .gillette-faq .accordion__content ol li, .gillette-faq .accordion__content ul li{ padding-bottom: 5px; color: #5e5e5e; font-size: 16px; line-height: 24px} .gillette-faq .accordion__like-btn{ cursor: pointer; width: 30px; height: 30px; border-radius: 50%; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative} .gillette-faq .accordion__like-btn .circle-like{ -webkit-transition: .3s; transition: .3s; width: 100%; height: 100%; border-radius: 50%; border: 2px solid transparent} .gillette-faq .accordion__like-btn .like-radio{ overflow: hidden; position: absolute; left: -1px; bottom: -1px; width: 0; height: 0; visibility: hidden} .gillette-faq .accordion__like-btn .active-like{ display: none} .gillette-faq .accordion__like-btn .active-dislike{ display: none} .gillette-faq .accordion__like-btn:first-child{ margin-right: 10px} .gillette-faq .accordion__like-btn img{ width: 100%; height: 100%} .gillette-faq .accordion__like-wrap p{ color: #5e5e5e; font-family: latobold, sans-serif; margin-bottom: 9px} .gillette-faq .accordion__like-btns{ display: flex; width: 100%} @-webkit-keyframes lds-roller{ 0%{ -webkit-transform: rotate(0); transform: rotate(0)} 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg)}} @-webkit-keyframes HideList{ from{ -webkit-transform: scaleY(1); transform: scaleY(1)} to{ -webkit-transform: scaleY(0); transform: scaleY(0)}} @-webkit-keyframes fade{ from{ opacity: .8} to{ opacity: 1}} @-webkit-keyframes animate-up{ 0%{ opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px)} 35%{ opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px)} 100%{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}} 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} @-webkit-keyframes shg-sld-fade{ from{ opacity: .4} to{ opacity: 1}} .onetrust-pc-dark-filter.ot-fade-in{ animation-name: onetrust-fade-in; animation-duration: 400ms; animation-timing-function: ease-in-out} .onetrust-pc-dark-filter.ot-hide{ display: none !important} .onetrust-pc-dark-filter{ background: rgba(0, 0, 0, .5); z-index: 2147483646; width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0} @keyframes onetrust-fade-in{ 0%{ opacity: 0} 100%{ opacity: 1}} [data-sub-layout-container="9aeb3499-b253-4fe2-af66-a0d6aebd171a"]{ box-sizing: border-box; display: flex; flex-wrap: wrap; z-index: 0; position: relative} [data-sub-layout-container="9aeb3499-b253-4fe2-af66-a0d6aebd171a"]:after{ background-position: center center; background-size: cover; z-index: auto; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0} [data-sub-layout="0b50fc4a-c30c-44d3-85d4-2d1e60cafc60"]{ display: flex; flex-direction: column; box-sizing: border-box; flex-basis: 100%; max-width: 100%; z-index: 0; justify-content: center; padding-right: 10.5px; padding-left: 10.5px; position: relative} [data-sub-layout="0b50fc4a-c30c-44d3-85d4-2d1e60cafc60"]:after{ background-position: center center; background-size: cover; z-index: auto; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0} [data-sub-layout-container="ece2d9c8-f072-4a42-8cce-f605e1e31129"]{ box-sizing: border-box; display: flex; flex-wrap: wrap; z-index: 0; position: relative} [data-sub-layout-container="ece2d9c8-f072-4a42-8cce-f605e1e31129"]:after{ background-position: center center; background-size: cover; z-index: auto; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0} [data-sub-layout="83381885-a7bd-4757-b2c6-d1d409258da8"]{ display: flex; flex-direction: column; box-sizing: border-box; flex-basis: 100%; max-width: 100%; z-index: 0; justify-content: center; padding-right: 10.5px; padding-left: 10.5px; position: relative} [data-sub-layout="83381885-a7bd-4757-b2c6-d1d409258da8"]:after{ background-position: center center; background-size: cover; z-index: auto; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0} .st0{ fill: #ffffff} .st1{ fill: #ffffff} @media screen and (min-width:666px){ .gillette-faq .mobile-only{ display: none}} @media screen and (min-width:666px){ .gillette-faq .faq-banner{ background-color: transparent; padding: 90px 0}} @media screen and (min-width:1100px){ .gillette-faq .faq-banner{ padding: 122px 0 146px}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__text-block{ max-width: 369px}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__text-block h1{ text-align: left; text-transform: uppercase}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__text-block p{ text-align: left}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__bg{ display: block}} @media screen and (min-width:666px){ .gillette-faq .help-tabs{ padding-top: 60px}} @media screen and (min-width:1440px){ .gillette-faq .help-tabs__content{ width: 100%; display: block; margin: 0; max-width: 100%}} @media screen and (min-width:666px){ .gillette-faq .help-tabs h2.title{ width: fit-content; white-space: nowrap; margin: 0 auto}} @media screen and (min-width:666px){ .gillette-faq .help-tabs__tabs-selector-wrap{ -ms-flex-wrap: initial; flex-wrap: initial; padding: 77px 0 72px; width: auto}} @media screen and (min-width:1440px){ .gillette-faq .help-tabs__tabs-selector-wrap{ width: 100%}} @media screen and (min-width:666px){ .gillette-faq .help-tabs__main-title{ padding: 56px 10px}} @media screen and (min-width:1100px){ .gillette-faq .help-tabs__tabs-wrap{ padding: 67px 10px 0 41px}} @media screen and (min-width:1100px){ .gillette-faq .help-tabs__tabs-wrap{ padding: 50px 20px 0}} @media screen and (min-width:666px){ .gillette-faq .tab-selector{ width: 195px; display: block}} @media screen and (min-width:666px){ .gillette-faq .tab-selector__img-container{ margin: 0 0 22px}} @media screen and (min-width:666px){ .gillette-faq .tab-selector__img{ width: 80px; height: 80px; min-width: 80px}} @media screen and (min-width:666px){ .gillette-faq .tab-selector h2{ text-align: center; margin: 0 19px 2px; width: initial}} @media screen and (min-width:666px){ .gillette-faq .tab-selector p{ text-align: center}} @media screen and (min-width:666px){ .gillette-faq .accordion{ width: 50%}} @media screen and (min-width:666px){ .gillette-faq .accordion:nth-child(2n){ padding-left: 20px; max-width: calc(458px + 20px)}} @media screen and (min-width:1100px){ .gillette-faq .accordion:nth-child(2n){ padding-left: 34px; max-width: calc(458px + 34px)}} @media screen and (min-width:666px){ .gillette-faq .accordion:nth-child(odd){ padding-right: 20px; max-width: calc(458px + 20px)}} @media screen and (min-width:1100px){ .gillette-faq .accordion:nth-child(odd){ padding-right: 33px; max-width: calc(458px + 33px)}} @media screen and (min-width:666px){ .gillette-faq .accordion__header{ padding-bottom: 30px; margin-bottom: 24px}} @media screen and (min-width:666px){ .gillette-faq .accordion__header h3{ font-size: 20px; line-height: 22px}} @media screen and (min-width:666px){ .gillette-faq .accordion__quest{ padding-top: 9px}} @media screen and (min-width:666px){ .gillette-faq .accordion__quest:not(:last-child){ margin-bottom: 11px}} @media screen and (min-width:666px){ .gillette-faq .contact-us{ padding: 60px 0}} @media screen and (min-width:666px){ .gillette-faq .contact-us h3{ margin: 0 0 58px; letter-spacing: 1px}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card{ width: 195px; display: block; margin-bottom: 0}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card p{ text-align: center; font-family: lato_blackregular, sans-serif}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card-img-container{ width: 100%; margin: 0 0 5px}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card-img-container img{ width: 92px; min-width: 92px; height: 92px}} @media screen and (min-width:666px){ .gillette-faq .contact-us__cards-wrap{ -ms-flex-wrap: nowrap; flex-wrap: nowrap}} @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 screen and (min-width:666px){ .gillette-faq .mobile-only{ display: none}} @media screen and (min-width:666px){ .gillette-faq .faq-banner{ background-color: transparent; padding: 90px 0}} @media screen and (min-width:1100px){ .gillette-faq .faq-banner{ padding: 122px 0 146px}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__text-block{ max-width: 369px}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__text-block h1{ text-align: left; text-transform: uppercase}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__text-block p{ text-align: left}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__bg{ display: block}} @media screen and (min-width:666px){ .gillette-faq .help-tabs{ padding-top: 60px}} @media screen and (min-width:1440px){ .gillette-faq .help-tabs__content{ width: 100%; display: block; margin: 0; max-width: 100%}} @media screen and (min-width:666px){ .gillette-faq .help-tabs h2.title{ width: fit-content; white-space: nowrap; margin: 0 auto}} @media screen and (min-width:666px){ .gillette-faq .help-tabs__tabs-selector-wrap{ -ms-flex-wrap: initial; flex-wrap: initial; padding: 77px 0 72px; width: auto}} @media screen and (min-width:1440px){ .gillette-faq .help-tabs__tabs-selector-wrap{ width: 100%}} @media screen and (min-width:666px){ .gillette-faq .help-tabs__main-title{ padding: 56px 10px}} @media screen and (min-width:1100px){ .gillette-faq .help-tabs__tabs-wrap{ padding: 67px 10px 0 41px}} @media screen and (min-width:1100px){ .gillette-faq .help-tabs__tabs-wrap{ padding: 50px 20px 0}} @media screen and (min-width:666px){ .gillette-faq .tab-selector{ width: 195px; display: block}} @media screen and (min-width:666px){ .gillette-faq .tab-selector__img-container{ margin: 0 0 22px}} @media screen and (min-width:666px){ .gillette-faq .tab-selector__img{ width: 80px; height: 80px; min-width: 80px}} @media screen and (min-width:666px){ .gillette-faq .tab-selector h2{ text-align: center; margin: 0 19px 2px; width: initial}} @media screen and (min-width:666px){ .gillette-faq .tab-selector p{ text-align: center}} @media screen and (min-width:666px){ .gillette-faq .accordion{ width: 50%}} @media screen and (min-width:666px){ .gillette-faq .accordion:nth-child(2n){ padding-left: 20px; max-width: calc(458px + 20px)}} @media screen and (min-width:1100px){ .gillette-faq .accordion:nth-child(2n){ padding-left: 34px; max-width: calc(458px + 34px)}} @media screen and (min-width:666px){ .gillette-faq .accordion:nth-child(odd){ padding-right: 20px; max-width: calc(458px + 20px)}} @media screen and (min-width:1100px){ .gillette-faq .accordion:nth-child(odd){ padding-right: 33px; max-width: calc(458px + 33px)}} @media screen and (min-width:666px){ .gillette-faq .accordion__header{ padding-bottom: 30px; margin-bottom: 24px}} @media screen and (min-width:666px){ .gillette-faq .accordion__header h3{ font-size: 20px; line-height: 22px}} @media screen and (min-width:666px){ .gillette-faq .accordion__quest{ padding-top: 9px}} @media screen and (min-width:666px){ .gillette-faq .accordion__quest:not(:last-child){ margin-bottom: 11px}} @media screen and (min-width:666px){ .gillette-faq .contact-us{ padding: 60px 0}} @media screen and (min-width:666px){ .gillette-faq .contact-us h3{ margin: 0 0 58px; letter-spacing: 1px}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card{ width: 195px; display: block; margin-bottom: 0}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card p{ text-align: center; font-family: lato_blackregular, sans-serif}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card-img-container{ width: 100%; margin: 0 0 5px}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card-img-container img{ width: 92px; min-width: 92px; height: 92px}} @media screen and (min-width:666px){ .gillette-faq .contact-us__cards-wrap{ -ms-flex-wrap: nowrap; flex-wrap: nowrap}} @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 only screen and (max-width:551px){ .modal{ min-height: 100vh}} @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 print{ .modal{ background: #fff !important; display: none}} @media screen and (max-width:1030px){ body{ padding-top: 44px}} @media (min-width:801px){ .modal-close{ font-size: 32px}} @media (min-width:801px){ .button+.button{ margin-left: .78571rem}} @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 (max-width:551px){ .navUser-item--cart__hidden-s{ display: none}} @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 ul{ list-style: none; margin-left: 0; margin: 0; padding: 0} .navPages ul ul{ list-style: none; margin-bottom: 0} .navPages ul li{ margin: 0; padding: 0}} @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-list{ display: inline-block; float: none}} @media screen and (min-width:946px){ hr.mobileMenu{ display: none !important}} @media (min-width:801px){ .navPages-action{ display: inline-block; padding: .78571rem 1.14286rem 1.14286rem}} @media (min-width:801px){ .navPages-quickSearch{ display: none}} @media screen and (max-width:800px){ hr{ width: 90%; margin: 13px auto}} @media (min-width:801px){ .cart{ display: table}} @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){ .mobileMenu-toggle{ display: none}} @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 (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:600px){ .footer.footer-gilletteUs .navigation-wrap .navigation-col-wrap ul:not(:last-child){ width: 50%; margin-right: 0}} @media screen and (max-width:1030px){ .promo-banner{ padding: 12px}} @media screen and (max-width:800px){ .promo-banner p{ font-size: 14px; line-height: 20px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder{ padding: 0; height: 100%; background: #fff}} @media screen and (min-width:1030px){ header.header.gillette-us .header-holder .searchIconToggle{ display: none}} @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{ 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; max-height: 36px}} @media screen and (max-width:1030px){ header.header.gillette-us .header-holder .top-bar-center a img{ width: 96px; height: 24px}} @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(https://cdn11.bigcommerce.com/s-dukhrgn8mp/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 .header-holder{ padding: 11px 17px 0 24px} header.header.gillette-us .header-holder .togglers-left{ display: flex} 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>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>a span{ text-transform: uppercase; font-family: latobold, arial, 'sans-serif'}} @media screen and (max-width:800px){ .container{ padding: 0}} @media screen and (max-width:666px){ .gillette-faq .desktop-only{ display: none}} @media screen and (min-width:666px){ .gillette-faq .mobile-only{ display: none}} @media screen and (min-width:666px){ .gillette-faq .faq-banner{ background-color: transparent; padding: 90px 0 90px}} @media screen and (min-width:1100px){ .gillette-faq .faq-banner{ padding: 122px 0 146px}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__text-block{ max-width: 369px}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__text-block h1{ text-align: left; text-transform: uppercase}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__text-block p{ text-align: left}} @media screen and (min-width:666px){ .gillette-faq .faq-banner__bg{ display: block}} @media screen and (min-width:666px){ .gillette-faq .help-tabs{ padding-top: 60px}} @media screen and (min-width:1440px){ .gillette-faq .help-tabs__content{ width: 100%; display: block; margin: 0; max-width: 100%}} @media screen and (min-width:666px){ .gillette-faq .help-tabs h2.title{ width: fit-content; white-space: nowrap; margin: 0 auto}} @media screen and (min-width:666px){ .gillette-faq .help-tabs__tabs-selector-wrap{ -ms-flex-wrap: initial; flex-wrap: initial; padding: 77px 0 72px; width: auto}} @media screen and (min-width:1440px){ .gillette-faq .help-tabs__tabs-selector-wrap{ width: 100%}} @media screen and (min-width:666px){ .gillette-faq .help-tabs__main-title{ padding: 56px 10px}} @media screen and (min-width:1100px){ .gillette-faq .help-tabs__tabs-wrap{ padding: 67px 10px 0 41px}} @media screen and (min-width:1100px){ .gillette-faq .help-tabs__tabs-wrap{ padding: 50px 20px 0 20px}} @media screen and (min-width:666px){ .gillette-faq .tab-selector{ width: 195px; display: block}} @media screen and (min-width:666px){ .gillette-faq .tab-selector__img-container{ margin: 0 0 22px 0}} @media screen and (min-width:666px){ .gillette-faq .tab-selector__img{ width: 80px; height: 80px; min-width: 80px}} @media screen and (min-width:666px){ .gillette-faq .tab-selector h2{ text-align: center; margin: 0 19px 2px; width: initial}} @media screen and (min-width:666px){ .gillette-faq .tab-selector p{ text-align: center}} @media screen and (min-width:666px){ .gillette-faq .accordion{ width: 50%}} @media screen and (min-width:666px){ .gillette-faq .accordion:nth-child(2n){ padding-left: 20px; max-width: calc(458px + 20px)}} @media screen and (min-width:1100px){ .gillette-faq .accordion:nth-child(2n){ padding-left: 34px; max-width: calc(458px + 34px)}} @media screen and (min-width:666px){ .gillette-faq .accordion:nth-child(odd){ padding-right: 20px; max-width: calc(458px + 20px)}} @media screen and (min-width:1100px){ .gillette-faq .accordion:nth-child(odd){ padding-right: 33px; max-width: calc(458px + 33px)}} @media screen and (min-width:666px){ .gillette-faq .accordion__header{ padding-bottom: 30px; margin-bottom: 24px}} @media screen and (min-width:666px){ .gillette-faq .accordion__header h3{ font-size: 20px; line-height: 22px}} @media screen and (min-width:666px){ .gillette-faq .accordion__quest{ padding-top: 9px}} @media screen and (min-width:666px){ .gillette-faq .accordion__quest:not(:last-child){ margin-bottom: 11px}} @media screen and (min-width:666px){ .gillette-faq .accordion__content table td, .gillette-faq .accordion__content table th{ padding: 10px}} @media screen and (min-width:666px){ .gillette-faq .contact-us{ padding: 60px 0}} @media screen and (min-width:666px){ .gillette-faq .contact-us h3{ margin: 0 0 58px; letter-spacing: 1px}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card{ width: 195px; display: block; margin-bottom: 0}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card p{ text-align: center; font-family: lato_blackregular, sans-serif}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card-img-container{ width: 100%; margin: 0 0 5px 0}} @media screen and (min-width:666px){ .gillette-faq .contact-us__card-img-container img{ width: 92px; min-width: 92px; height: 92px}} @media screen and (min-width:666px){ .gillette-faq .contact-us__cards-wrap{ -ms-flex-wrap: nowrap; flex-wrap: nowrap}} @media (max-width:946px){ html{ --header-height: 73px}} @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 only screen and (max-width:700px){ [data-sub-layout="0b50fc4a-c30c-44d3-85d4-2d1e60cafc60"]{ flex-basis: 100%; max-width: 100%}} @media only screen and (max-width:700px){ [data-sub-layout="83381885-a7bd-4757-b2c6-d1d409258da8"]{ flex-basis: 100%; max-width: 100%}}