Anti-aging hair colour service Ammonia Free COVERING Coverage of up to 100% white hair. DURABILITY Long-lasting, durable permanent colour. TECHNOLOGY Enriched with Densilum to help re-densify and bodify the hair fiber. ODS2 technology optimises scalp comfort. DEVELOPMENT TIME 30 min : depending on the service provided by your professional hairdresser total service time may vary. The 1st ammonia-free anti-aging hair colour to safely cover your gray hair. Optimal grey hair coverage and an age-defying natural results. Texturizes your hair for a fuller look: Stronger than previous hair colourants*.6 weeks hydration and intense nutrition of the hair, 50% more shine* .olapic a:link, .olapic a:active, .olapic a:hover, .olapic a:focus, .olapic a:visited { font-family: inherit; font-size: inherit; text-decoration: none; text-transform: none; color: inherit; outline: 0; } .olapic html, .olapic body, .olapic div, .olapic span, .olapic h1, .olapic h2, .olapic h3, .olapic h4, .olapic h5, .olapic h6, .olapic p, .olapic li, .olapic ul, .olapic ol, .olapic input, .olapic img, .olapic label, .olapic form, .olapic select, .olapic fieldset, .olapic textarea, .olapic i, .olapic a { width: auto; min-width: 0; max-width: none; height: auto; min-height: 0; max-height: none; margin: 0; padding: 0; float: none; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: normal; text-align: inherit; vertical-align: baseline; text-decoration: none; letter-spacing: normal; text-transform: none; color: inherit; border: 0; outline: 0; background: 0; text-shadow: none; } .olapic .olapic-icon-twitter, .olapic .olapic-icon-instagram, .olapic .olapic-icon-gallery, .olapic .olapic-icon-upload, .olapic .olapic-report-icon, .olapic .olapic-icon-source { margin: 0; padding: 0; font-size: inherit; font-weight: normal; font-style: normal; text-decoration: none; color: inherit; border: 0; outline: 0; } .olapic .olapic-filter-btn, .olapic .olapic-closeBtn, .olapic .olapic-cancel-report, .olapic .olapic-btn-yes, .olapic .olapic-btn-no, .olapic .olapic-chooseFile, .olapic .olapic-remove, .olapic .olapic-buttons, .olapic .olapic-close-report, .olapic .olapic-viewer-close, .olapic .olapic-close, .olapic .olapic-products-previous, .olapic .olapic-products-next, .olapic .olapic-k, .olapic .olapic-gallery-tab, .olapic .olapic-map-tab, .olapic .olapic-active, .olapic .olapic-dropdown-toggle, .olapic .olapic-empty-uploader, .olapic .olapic-report-photo, .olapic .olapic-sharing-fb, .olapic .olapic-sharing-tw, .olapic .olapic-sharing-pi, .olapic .olapic-login-fb-button, .olapic .olapic-policy { margin: 0; padding: 0; text-decoration: none; color: inherit; border: 0; background-color: transparent; } .olapic .olapic-filter-btn:active, .olapic .olapic-filter-btn:hover, .olapic .olapic-filter-btn:focus, .olapic .olapic-closeBtn:active, .olapic .olapic-closeBtn:hover, .olapic .olapic-closeBtn:focus, .olapic .olapic-cancel-report:active, .olapic .olapic-cancel-report:hover, .olapic .olapic-cancel-report:focus, .olapic .olapic-btn-yes:active, .olapic .olapic-btn-yes:hover, .olapic .olapic-btn-yes:focus, .olapic .olapic-btn-no:active, .olapic .olapic-btn-no:hover, .olapic .olapic-btn-no:focus, .olapic .olapic-chooseFile:active, .olapic .olapic-chooseFile:hover, .olapic .olapic-chooseFile:focus, .olapic .olapic-remove:active, .olapic .olapic-remove:hover, .olapic .olapic-remove:focus, .olapic .olapic-buttons:active, .olapic .olapic-buttons:hover, .olapic .olapic-buttons:focus, .olapic .olapic-close-report:active, .olapic .olapic-close-report:hover, .olapic .olapic-close-report:focus, .olapic .olapic-viewer-close:active, .olapic .olapic-viewer-close:hover, .olapic .olapic-viewer-close:focus, .olapic .olapic-close:active, .olapic .olapic-close:hover, .olapic .olapic-close:focus, .olapic .olapic-products-previous:active, .olapic .olapic-products-previous:hover, .olapic .olapic-products-previous:focus, .olapic .olapic-products-next:active, .olapic .olapic-products-next:hover, .olapic .olapic-products-next:focus, .olapic .olapic-k:active, .olapic .olapic-k:hover, .olapic .olapic-k:focus, .olapic .olapic-gallery-tab:active, .olapic .olapic-gallery-tab:hover, .olapic .olapic-gallery-tab:focus, .olapic .olapic-map-tab:active, .olapic .olapic-map-tab:hover, .olapic .olapic-map-tab:focus, .olapic .olapic-active:active, .olapic .olapic-active:hover, .olapic .olapic-active:focus, .olapic .olapic-dropdown-toggle:active, .olapic .olapic-dropdown-toggle:hover, .olapic .olapic-dropdown-toggle:focus, .olapic .olapic-empty-uploader:active, .olapic .olapic-empty-uploader:hover, .olapic .olapic-empty-uploader:focus, .olapic .olapic-report-photo:active, .olapic .olapic-report-photo:hover, .olapic .olapic-report-photo:focus, .olapic .olapic-sharing-fb:active, .olapic .olapic-sharing-fb:hover, .olapic .olapic-sharing-fb:focus, .olapic .olapic-sharing-tw:active, .olapic .olapic-sharing-tw:hover, .olapic .olapic-sharing-tw:focus, .olapic .olapic-sharing-pi:active, .olapic .olapic-sharing-pi:hover, .olapic .olapic-sharing-pi:focus, .olapic .olapic-login-fb-button:active, .olapic .olapic-login-fb-button:hover, .olapic .olapic-login-fb-button:focus, .olapic .olapic-policy:active, .olapic .olapic-policy:hover, .olapic .olapic-policy:focus { text-decoration: none; outline: 0; } .olapic .olapic-text, .olapic .olapic-reportText, .olapic .olapic-strong, .olapic .olapic-photo-caption, .olapic .olapic-imgNum, .olapic .olapic-fileName, .olapic .olapic-step, .olapic .olapic-caret { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; vertical-align: baseline; border: 0; outline: 0; } .olapic .olapic-map-container, .olapic .olapic-viewer-wrapper, .olapic .olapic-main, .olapic .olapic-main-container, .olapic .olapic-viewer-container, .olapic .olapic-author, .olapic .olapic-sharing, .olapic .olapic-products, .olapic .olapic-wrapper, .olapic .olapic-related-products, .olapic .olapic-products-wrapper, .olapic .olapic-middle, .olapic .olapic-popup-footer, .olapic .olapic-container, .olapic .olapic-header, .olapic .olapic-popup-main, .olapic .olapic-viewer-previous, .olapic .olapic-viewer-next, .olapic .olapic-navigation, .olapic .olapic-left, .olapic .olapic-right, .olapic .olapic-steps, .olapic .olapic-popupAlert, .olapic .olapic-error, .olapic .olapic-form-group, .olapic .olapic-map-container, .olapic .olapic-partial-item, .olapic .olapic-featured-photo, .olapic .olapic-db, .olapic .olapic-report-buttons, .olapic .olapic-fb-login, .olapic .olapic-item, .olapic .olapic-column-1, .olapic .olapic-column-2, .olapic .olapic-column-3, .olapic .olapic-loading { margin: 0; padding: 0; display: block; vertical-align: baseline; border: 0; outline: 0; } .olapic .olapic-grid, .olapic .olapic-nav, .olapic .olapic-nav-pills, .olapic .olapic-ul-nav, .olapic .olapic-products-list, .olapic .olapic-form-login { margin: 0; padding: 0; list-style: none; } .olapic .olapic-text-input, .olapic .olapic-form-control, .olapic .olapic-form-submit, .olapic .olapic-username, .olapic .olapic-inputsubmit, .olapic .olapic-signup { margin: 0; padding: 0; font: inherit; font-size: inherit; white-space: normal; } .olapic .olapic-mobile-version, .olapic .olapic-desktop-version { margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; } .olapic .olapic-pull-right { float: right; } .olapic .olapic-loading-graph { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } .olapic .olapic-bullet { padding: 0; border: 0; outline: 0; } .olapic { /* Widget Wrapper */ /* Carousel Animation */ /* Header */ /* Navigation */ /* - Partial carousel container - */ /* - Carousel List Item Video - */ /* - Carousel Toggles - */ /* Vertical Slider Styles */ /* Footer */ } .olapic a, .olapic a:hover, .olapic a:focus, .olapic a:active { text-decoration: none; color: inherit; outline: 0; } .olapic .olapic-slider-widget { width: 100%; max-width: 1180px; margin: 0 auto; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } .olapic .olapic-carousel-list-animation { transition: all .3s ease-in-out !important; } .olapic .olapic-slider-header { height: auto; overflow: hidden; } .olapic .olapic-header-column { position: relative; width: 100%; max-width: 990px; height: auto; margin: 0 auto; padding: 15px 0 0; display: block; overflow: hidden; font-family: 'RalewayBold', Arial, sans-serif; font-size: 15px; line-height: 15px; text-align: left; text-transform: uppercase; color: #000; } .olapic .olapic-header-column h3 { margin: 0; padding: 0; font-size: 15px; font-weight: 500; text-align: left; color: #e05a8f; text-transform: uppercase; } .olapic .olapic-header-column p { margin: 0 auto; display: block; font-family: 'DroidSerifBold', Arial, sans-serif; font-size: 40px; text-align: left; text-transform: none; } .olapic .olapic-header-column h4 { margin: -20px 0 10px; font-family: 'DroidSerifBold', Arial, sans-serif; font-size: 90px; text-align: left; } .olapic .olapic-slider-body { position: relative; max-width: 1180px; margin: 0 auto; } .olapic .olapic-slider-wrapper { position: relative; width: 100%; margin: 0 auto; overflow: hidden; } .olapic .olapic-carousel { position: relative; margin: 0; padding: 0; list-style: none; } .olapic .olapic-carousel li { position: relative; width: 182px; height: 182px; margin: 0 10px; float: left; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; } .olapic .olapic-carousel li .olapic-user-name { position: absolute; z-index: 2; width: 100%; max-width: 182px; padding: 0 10px; display: none; overflow: hidden; font-size: 15px; font-weight: normal; line-height: 182px; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #fff; background-color: rgba(0, 0, 0, .6); } .olapic .olapic-carousel li a { width: 100%; height: 100%; display: block; } .olapic .olapic-carousel li a:hover { width: 100%; height: 100%; text-decoration: none; } .olapic .olapic-carousel-list-container { position: relative; top: 0; box-sizing: border-box; width: 999999%; margin: 0 auto; } .olapic .olapic-nav { position: relative; width: 100%; height: 100%; } .olapic .olapic-nav-button:link, .olapic .olapic-nav-button:focus { position: absolute; top: 0; bottom: 0; width: 44px; height: 105px; margin: auto; font-size: 28px; font-weight: bold; line-height: 105px; text-align: center; text-decoration: none; color: #000; background-color: #fff; } .olapic .olapic-nav-button:link:hover, .olapic .olapic-nav-button:focus:hover { font-size: 28px; text-decoration: none; color: #000; background: #fff; } .olapic .olapic-nav-button:link::before, .olapic .olapic-nav-button:focus::before { display: block; } .olapic .olapic-nav-prev { top: 0; left: 0; } .olapic .olapic-nav-prev::before { font-family: 'olapic-icons'; content: '\e816'; -webkit-font-smoothing: antialiased; } .olapic .olapic-nav-prev::before { left: 0; } .olapic .olapic-nav-next { top: 0; right: 0; } .olapic .olapic-nav-next::before { font-family: 'olapic-icons'; content: '\e817'; -webkit-font-smoothing: antialiased; } .olapic .olapic-nav-next::before { right: 0; } .olapic .olapic-carousel-partial-container { display: none; float: left; } .olapic .olapic-carousel-partial-container a, .olapic .olapic-carousel-partial-container a:hover, .olapic .olapic-carousel-partial-container a:focus { position: relative; width: 182px; height: 182px; margin: 0 10px; display: none; float: left; overflow: hidden; font-size: 80px; line-height: 182px; text-align: center; color: #000; border: 1px dashed #000; } .olapic .olapic-type-video { position: absolute; z-index: 1; width: 100%; height: 100%; pointer-events: none; } .olapic .olapic-type-video i { position: absolute; z-index: 150; top: 50%; left: 50%; width: 65px; height: 68px; margin: -34px 0 0 -32px; cursor: pointer; background: url('//photorankstatics-a.akamaihd.net/static/images/Viewer2/olapic/video-controls.png') no-repeat -38px -30px; } .olapic .olapic_slide_vertical { width: 250px; } .olapic .olapic_slide_vertical .olapic-slider-wrapper, .olapic .olapic_slide_vertical .olapic-slider-body { height: auto; } .olapic .olapic_slide_vertical .olapic-slider-wrapper { height: 471px; float: none; } .olapic .olapic_slide_vertical .olapic-carousel-list-container { top: 0; width: 100%; height: 462px; padding-top: 0; } .olapic .olapic_slide_vertical .olapic-carousel li { margin: 0 auto 5px 39px; display: inline-block; float: none; } .olapic .olapic_slide_vertical .olapic-slider-footer { margin-top: 15px; } .olapic .olapic_slide_vertical .olapic-nav-button { height: 29px; margin: 0 auto; float: none; } .olapic .olapic_slide_vertical .olapic-nav-prev::before { font-family: 'olapic-icons'; content: '\e818'; -webkit-font-smoothing: antialiased; } .olapic .olapic_slide_vertical .olapic-nav-next::before { font-family: 'olapic-icons'; content: '\e815'; -webkit-font-smoothing: antialiased; } .olapic .olapic-slider-noArrows { visibility: hidden; } .olapic .olapic-slider-footer { position: relative; width: 100%; max-width: 990px; margin: 0 auto; display: block; } .olapic .olapic-footer-buttons { padding: 41px 0 10px; text-align: center; } .olapic .olapic-footer-button { margin: 0 6px; display: inline-block; } .olapic .olapic-footer-button a { width: 210px; height: auto; padding: 13px 0; display: block; font-family: 'RalewayBold', Arial, sans-serif; font-size: 1.3em; text-align: center; text-decoration: none; color: #fff; background: #002fa7; } .olapic .olapic-footer-button a:hover { text-decoration: none; color: #000; background: #d9d9d9; } .olapic .olapic-slider-copy { position: absolute; top: 0; right: 10px; margin: 15px 0; } .olapic .olapic-slider-copy a:link, .olapic .olapic-slider-copy a:visited { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 15px; color: #4d4e4d; } .olapic .olapic-slider-copy a:link::after, .olapic .olapic-slider-copy a:visited::after { width: 17px; height: 17px; margin-left: 9px; display: inline-block; content: ''; vertical-align: sub; background: url('//olapic-data.s3.amazonaws.com/olapic/assets/img/favicon.png') no-repeat 0 0 transparent; background-size: contain; } .olapic .olapic-slider-copy a:hover { text-decoration: none; color: #777; } /* ---- Browser Fixes ----*/ .olapic-ie a:link, .olapic-ie a:hover, .olapic-ie a:active, .olapic-ie a:focus, .olapic-ie a:visited, .olapic-firefox a:link, .olapic-firefox a:hover, .olapic-firefox a:active, .olapic-firefox a:focus, .olapic-firefox a:visited { text-decoration: none; outline: 0; } .olapic .olapic-pagination { position: absolute; right: 0; bottom: 20px; height: 10px; list-style: none; } .olapic .olapic-pagination ul { list-style: none; } .olapic .olapic-pagination li { width: 10px; height: 10px; margin-left: 6px; float: left; } .olapic .olapic-pagination li a { width: 10px; height: 10px; display: block; font-size: 10px; line-height: 10px; color: #b2b2b2; background: none; } .olapic .olapic-pagination li a::before { font-family: 'olapic-icons'; content: '\e828'; -webkit-font-smoothing: antialiased; } .olapic .olapic-pagination li a:hover { text-decoration: none; color: #fa9871; } .olapic .olapic-pagination .active a { color: #fa9871; } @media (min-width: 1200px) { .olapic_items_0 .olapic-carousel-partial-container, .olapic_items_1 .olapic-carousel-partial-container, .olapic_items_2 .olapic-carousel-partial-container, .olapic_items_3 .olapic-carousel-partial-container, .olapic_items_4 .olapic-carousel-partial-container, .olapic_items_5 .olapic-carousel-partial-container { display: inline-block; } .olapic_items_0 .olapic-carousel-partial-container a:nth-child(1n+1) { display: block; } .olapic_items_1 .olapic-carousel-partial-container a:nth-child(1n+1) { display: block; } .olapic_items_2 .olapic-carousel-partial-container a:nth-child(1), .olapic_items_2 .olapic-carousel-partial-container a:nth-child(2), .olapic_items_2 .olapic-carousel-partial-container a:nth-child(3) { display: block; } .olapic_items_3 .olapic-carousel-partial-container a:nth-child(1), .olapic_items_3 .olapic-carousel-partial-container a:nth-child(2) { display: block; } .olapic_items_4 .olapic-carousel-partial-container a:nth-child(1) { display: block; } .olapic .olapic-header-column p { max-width: 990px; overflow: hidden; white-space: nowrap; letter-spacing: .005em; text-overflow: ellipsis; } } @media (min-width: 1024px) and (max-width: 1199px) { .olapic_items_0 .olapic-carousel-partial-container, .olapic_items_1 .olapic-carousel-partial-container, .olapic_items_2 .olapic-carousel-partial-container, .olapic_items_3 .olapic-carousel-partial-container, .olapic_items_4 .olapic-carousel-partial-container { display: inline-block; } .olapic_items_0 .olapic-carousel-list-container, .olapic_items_1 .olapic-carousel-list-container, .olapic_items_2 .olapic-carousel-list-container, .olapic_items_3 .olapic-carousel-list-container, .olapic_items_4 .olapic-carousel-list-container { left: 0 !important; } .olapic_items_0 .olapic-carousel-partial-container a:nth-child(1n+1) { display: block; } .olapic_items_1 .olapic-carousel-partial-container a:nth-child(1), .olapic_items_1 .olapic-carousel-partial-container a:nth-child(2), .olapic_items_1 .olapic-carousel-partial-container a:nth-child(3) { display: block; } .olapic_items_2 .olapic-carousel-partial-container a:nth-child(1), .olapic_items_2 .olapic-carousel-partial-container a:nth-child(2) { display: block; } .olapic_items_3 .olapic-carousel-partial-container a:nth-child(1) { display: block; } .olapic .olapic-slider-footer, .olapic .olapic-header-column { max-width: 788px; } .olapic .olapic-slider-body, .olapic .olapic-slider-widget { max-width: 998px; } .olapic .olapic-header-column p { max-width: 788px; overflow: hidden; white-space: nowrap; letter-spacing: .003em; text-overflow: ellipsis; } } @media (min-width: 768px) and (max-width: 1023px) { .olapic_items_0 .olapic-carousel-partial-container, .olapic_items_1 .olapic-carousel-partial-container, .olapic_items_2 .olapic-carousel-partial-container, .olapic_items_3 .olapic-carousel-partial-container { display: inline-block; } .olapic_items_0 .olapic-carousel-list-container, .olapic_items_1 .olapic-carousel-list-container, .olapic_items_2 .olapic-carousel-list-container, .olapic_items_3 .olapic-carousel-list-container { left: 0 !important; } .olapic_items_0 .olapic-carousel-partial-container a:nth-child(1n+1) { display: block; } .olapic_items_1 .olapic-carousel-partial-container a:nth-child(1), .olapic_items_1 .olapic-carousel-partial-container a:nth-child(2) { display: block; } .olapic_items_2 .olapic-carousel-partial-container a:nth-child(1) { display: block; } .olapic .olapic-slider-footer { max-width: 587px; } .olapic .olapic-slider-body { max-width: 748px; } .olapic .olapic-header-column, .olapic .olapic-slider-widget { max-width: 789px; } .olapic .olapic-header-column p { overflow: hidden; white-space: nowrap; letter-spacing: .003em; text-overflow: ellipsis; } } @media (min-width: 568px) and (max-width: 767px) { .olapic_items_0 .olapic-carousel-partial-container, .olapic_items_1 .olapic-carousel-partial-container, .olapic_items_2 .olapic-carousel-partial-container { display: inline-block; } .olapic_items_0 .olapic-carousel-list-container, .olapic_items_1 .olapic-carousel-list-container, .olapic_items_2 .olapic-carousel-list-container { left: 0 !important; } .olapic_items_0 .olapic-carousel-partial-container a:nth-child(1n+1) { display: block; } .olapic_items_1 .olapic-carousel-partial-container a:nth-child(1) { margin: 0; display: block; } .olapic_items_2 .olapic-carousel-partial-container a:nth-child(1n+1), .olapic_items_3 .olapic-carousel-partial-container a:nth-child(1n+1), .olapic_items_4 .olapic-carousel-partial-container a:nth-child(1n+1), .olapic_items_5 .olapic-carousel-partial-container a:nth-child(1n+1), .olapic_items_6 .olapic-carousel-partial-container a:nth-child(1n+1) { display: none; } .olapic .olapic-slider-footer { max-width: 438px; } .olapic .olapic-slider-body, .olapic .olapic-header-column { max-width: 547px; } .olapic .olapic-slider-widget { max-width: 560px; } .olapic .olapic-carousel-partial-container a { width: 209px; height: 209px; margin: 0 7.5px; font-size: 80px; line-height: 209px; } .olapic .olapic-header-column p { display: block; font-size: 18px; } .olapic .olapic-header-column h4 { margin: -10px 0 10px; font-size: 41px; } .olapic .olapic-header-column h3 { margin-bottom: 5px; } .olapic .olapic-footer-buttons { padding: 20px 0 15px; text-align: center; } .olapic .olapic-footer-button { margin: 3px; } .olapic .olapic-slider-copy { position: relative; margin: 0 0 20px; text-align: center; } .olapic .olapic-carousel li { width: 209px; height: 209px; margin: 0 10px; overflow: hidden; } .olapic .olapic-carousel li .olapic-user-name { max-width: 209px; line-height: 209px; } } @media (max-width: 567px) { .olapic_items_0 .olapic-carousel-partial-container, .olapic_items_1 .olapic-carousel-partial-container { display: inline-block; } .olapic_items_0 .olapic-carousel-list-container, .olapic_items_1 .olapic-carousel-list-container { left: 0 !important; } .olapic_items_0 .olapic-carousel-partial-container { width: 100%; max-width: 192px; line-height: 192px; } .olapic_items_0 .olapic-carousel-partial-container a:nth-child(1) { width: 100%; margin: 0; display: block; } .olapic .olapic-slider-widget, .olapic .olapic-slider-body, .olapic .olapic-slider-footer { max-width: 300px; } .olapic .olapic-carousel-partial-container a { width: 192px; height: 192px; margin: 0 7.5px; font-size: 80px; line-height: 209px; } .olapic .olapic-footer-buttons { padding: 18px 0 10px; text-align: center; } .olapic .olapic-footer-button { margin: 4px; } .olapic .olapic-footer-button a { width: 143px; padding: 13px 0; } .olapic .olapic-slider-copy { position: relative; right: 0; margin: 0 0 18px; text-align: center; } .olapic .olapic-header-column { max-width: 280px; margin: 16px auto 10px; padding: 0; text-align: center; } .olapic .olapic-header-column p { display: block; font-size: 18px; } .olapic .olapic-header-column h4 { margin: -10px 0 0; font-size: 41px; } .olapic .olapic-header-column h3 { margin-bottom: 5px; } .olapic .olapic-carousel li { width: 192px; height: 192px; margin: 0 5px; overflow: hidden; } .olapic .olapic-carousel li .olapic-user-name { max-width: 192px; line-height: 192px; } } @font-face { font-family: 'olapic-icons'; src: url('//photorankstatics-a.akamaihd.net/static/frontend/assets/olapic/olapic-icons.eot'); src: url('//photorankstatics-a.akamaihd.net/static/frontend/assets/olapic/olapic-icons.eot') format('embedded-opentype'), url('//photorankstatics-a.akamaihd.net/static/frontend/assets/olapic/olapic-icons.woff') format('woff'), url('//photorankstatics-a.akamaihd.net/static/frontend/assets/olapic/olapic-icons.ttf') format('truetype'), url('//photorankstatics-a.akamaihd.net/static/frontend/assets/olapic/olapic-icons.svg#olapic-icons') format('svg'); } @font-face { font-family: 'RalewayBold'; src: url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/RalewayBold.eot'); src: url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/RalewayBold.eot') format('embedded-opentype'), url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/RalewayBold.woff2') format('woff2'), url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/RalewayBold.woff') format('woff'), url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/RalewayBold.ttf') format('truetype'), url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/RalewayBold.svg#RalewayBold') format('svg'); } @font-face { font-family: 'DroidSerifBold'; src: url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/DroidSerifBold.eot'); src: url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/DroidSerifBold.eot') format('embedded-opentype'), url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/DroidSerifBold.woff2') format('woff2'), url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/DroidSerifBold.woff') format('woff'), url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/DroidSerifBold.ttf') format('truetype'), url('//olapic-data.s3.amazonaws.com/lorealprofessionel/assets/fonts/DroidSerifBold.svg#DroidSerifBold') format('svg'); } [class^='olapic-icon-']::before, [class*=' olapic-icon-']::before { width: 1em; margin-right: .2em; display: inline-block; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1em; text-align: center; text-decoration: inherit; text-transform: none; speak: none; }