/* font */ /* -------------------------- */ @font-face { font-family: 'readerregular'; src: url('../../assets/fonts/reader/reader-regular-webfont.eot'); src: url('../../assets/fonts/reader/reader-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/reader/reader-regular-webfont.woff2') format('woff2'), url('../../assets/fonts/reader/reader-regular-webfont.woff') format('woff'), url('../../assets/fonts/reader/reader-regular-webfont.ttf') format('truetype'), url('../../assets/fonts/reader/reader-regular-webfont.svg#readerregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'readerbold'; src: url('../../assets/fonts/reader/reader-bold-webfont.eot'); src: url('../../assets/fonts/reader/reader-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/reader/reader-bold-webfont.woff2') format('woff2'), url('../../assets/fonts/reader/reader-bold-webfont.woff') format('woff'), url('../../assets/fonts/reader/reader-bold-webfont.ttf') format('truetype'), url('../../assets/fonts/reader/reader-bold-webfont.svg#readerbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoonheader'; src: url('../../assets/fonts/icomoon/icomoon.eot?gafy6h'); src: url('../../assets/fonts/icomoon/icomoon.eot?gafy6h#iefix') format('embedded-opentype'), url('../../assets/fonts/icomoon/icomoon.ttf?gafy6h') format('truetype'), url('../../assets/fonts/icomoon/icomoon.woff?gafy6h') format('woff'), url('../../assets/fonts/icomoon/icomoon.svg?gafy6h#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="iconheader-"], [class*="iconheader-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoonheader' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul, ol, dl { font-size: 16px; } #header-shiseido .iconheader-cross:before{content:"\e900"} #header-shiseido .iconheader-earth:before{content:"\e901"} #header-shiseido .iconheader-facebook:before{content:"\e902"} #header-shiseido .iconheader-instagram:before{content:"\e903"} #header-shiseido .iconheader-magnifying-glass:before{content:"\e904"} #header-shiseido .iconheader-add-to-list:before{content:"\e914"} #header-shiseido .iconheader-classic-computer:before{content:"\e915"} #header-shiseido .iconheader-controller-fast-backward:before{content:"\e916"} #header-shiseido .iconheader-creative-commons-attribution:before{content:"\e917"} #header-shiseido .iconheader-creative-commons-noderivs:before{content:"\e918"} #header-shiseido .iconheader-creative-commons-noncommercial-eu:before{content:"\e919"} #header-shiseido .iconheader-creative-commons-noncommercial-us:before{content:"\e91a"} #header-shiseido .iconheader-creative-commons-public-domain:before{content:"\e91b"} #header-shiseido .iconheader-creative-commons-remix:before{content:"\e91c"} #header-shiseido .iconheader-creative-commons-share:before{content:"\e91d"} #header-shiseido .iconheader-creative-commons-sharealike:before{content:"\e91e"} #header-shiseido .iconheader-creative-commons:before{content:"\e91f"} #header-shiseido .iconheader-document-landscape:before{content:"\e920"} #header-shiseido .iconheader-remove-user:before{content:"\e921"} #header-shiseido .iconheader-warning:before{content:"\e922"} #header-shiseido .iconheader-arrow-bold-down:before{content:"\e923"} #header-shiseido .iconheader-arrow-bold-left:before{content:"\e924"} #header-shiseido .iconheader-arrow-bold-right:before{content:"\e925"} #header-shiseido .iconheader-arrow-bold-up:before{content:"\e926"} #header-shiseido .iconheader-arrow-down:before{content:"\e927"} #header-shiseido .iconheader-arrow-left:before{content:"\e928"} #header-shiseido .iconheader-arrow-long-down:before{content:"\e929"} #header-shiseido .iconheader-arrow-long-left:before{content:"\e92a"} #header-shiseido .iconheader-arrow-long-right:before{content:"\e92b"} #header-shiseido .iconheader-arrow-long-up:before{content:"\e92c"} #header-shiseido .iconheader-arrow-right:before{content:"\e92d"} #header-shiseido .iconheader-arrow-up:before{content:"\e92e"} #header-shiseido .iconheader-arrow-with-circle-down:before{content:"\e92f"} #header-shiseido .iconheader-arrow-with-circle-left:before{content:"\e930"} #header-shiseido .iconheader-arrow-with-circle-right:before{content:"\e931"} #header-shiseido .iconheader-arrow-with-circle-up:before{content:"\e932"} #header-shiseido .iconheader-bookmark:before{content:"\e933"} #header-shiseido .iconheader-bookmarks:before{content:"\e934"} #header-shiseido .iconheader-chevron-down:before{content:"\e935"} #header-shiseido .iconheader-chevron-left:before{content:"\e936"} #header-shiseido .iconheader-chevron-right:before{content:"\e937"} #header-shiseido .iconheader-chevron-small-down:before{content:"\e938"} #header-shiseido .iconheader-chevron-small-left:before{content:"\e939"} #header-shiseido .iconheader-chevron-small-right:before{content:"\e93a"} #header-shiseido .iconheader-chevron-small-up:before{content:"\e93b"} #header-shiseido .iconheader-chevron-thin-down:before{content:"\e93c"} #header-shiseido .iconheader-chevron-thin-left:before{content:"\e93d"} #header-shiseido .iconheader-chevron-thin-right:before{content:"\e93e"} #header-shiseido .iconheader-chevron-thin-up:before{content:"\e93f"} #header-shiseido .iconheader-chevron-up:before{content:"\e940"} #header-shiseido .iconheader-chevron-with-circle-down:before{content:"\e941"} #header-shiseido .iconheader-chevron-with-circle-left:before{content:"\e942"} #header-shiseido .iconheader-chevron-with-circle-right:before{content:"\e943"} #header-shiseido .iconheader-chevron-with-circle-up:before{content:"\e944"} #header-shiseido .iconheader-cloud:before{content:"\e945"} #header-shiseido .iconheader-controller-fast-forward:before{content:"\e946"} #header-shiseido .iconheader-controller-jump-to-start:before{content:"\e947"} #header-shiseido .iconheader-controller-next:before{content:"\e948"} #header-shiseido .iconheader-controller-paus:before{content:"\e949"} #header-shiseido .iconheader-controller-play:before{content:"\e94a"} #header-shiseido .iconheader-controller-record:before{content:"\e94b"} #header-shiseido .iconheader-controller-stop:before{content:"\e94c"} #header-shiseido .iconheader-controller-volume:before{content:"\e94d"} #header-shiseido .iconheader-dot-single:before{content:"\e94e"} #header-shiseido .iconheader-dots-three-horizontal:before{content:"\e94f"} #header-shiseido .iconheader-dots-three-vertical:before{content:"\e950"} #header-shiseido .iconheader-dots-two-horizontal:before{content:"\e951"} #header-shiseido .iconheader-dots-two-vertical:before{content:"\e952"} #header-shiseido .iconheader-download:before{content:"\e953"} #header-shiseido .iconheader-emoji-flirt:before{content:"\e954"} #header-shiseido .iconheader-flow-branch:before{content:"\e955"} #header-shiseido .iconheader-flow-cascade:before{content:"\e956"} #header-shiseido .iconheader-flow-line:before{content:"\e957"} #header-shiseido .iconheader-flow-parallel:before{content:"\e958"} #header-shiseido .iconheader-flow-tree:before{content:"\e959"} #header-shiseido .iconheader-install:before{content:"\e95a"} #header-shiseido .iconheader-layers:before{content:"\e95b"} #header-shiseido .iconheader-open-book:before{content:"\e95c"} #header-shiseido .iconheader-resize-100:before{content:"\e95d"} #header-shiseido .iconheader-resize-full-screen:before{content:"\e95e"} #header-shiseido .iconheader-save:before{content:"\e95f"} #header-shiseido .iconheader-select-arrows:before{content:"\e960"} #header-shiseido .iconheader-sound-mute:before{content:"\e961"} #header-shiseido .iconheader-sound:before{content:"\e962"} #header-shiseido .iconheader-trash:before{content:"\e963"} #header-shiseido .iconheader-triangle-down:before{content:"\e964"} #header-shiseido .iconheader-triangle-left:before{content:"\e965"} #header-shiseido .iconheader-triangle-right:before{content:"\e966"} #header-shiseido .iconheader-triangle-up:before{content:"\e967"} #header-shiseido .iconheader-uninstall:before{content:"\e968"} #header-shiseido .iconheader-upload-to-cloud:before{content:"\e969"} #header-shiseido .iconheader-upload:before{content:"\e96a"} #header-shiseido .iconheader-add-user:before{content:"\e96b"} #header-shiseido .iconheader-address:before{content:"\e96c"} #header-shiseido .iconheader-adjust:before{content:"\e96d"} #header-shiseido .iconheader-air:before{content:"\e96e"} #header-shiseido .iconheader-aircraft-landing:before{content:"\e96f"} #header-shiseido .iconheader-aircraft-take-off:before{content:"\e970"} #header-shiseido .iconheader-aircraft:before{content:"\e971"} #header-shiseido .iconheader-align-bottom:before{content:"\e972"} #header-shiseido .iconheader-align-horizontal-middle:before{content:"\e973"} #header-shiseido .iconheader-align-left:before{content:"\e974"} #header-shiseido .iconheader-align-right:before{content:"\e975"} #header-shiseido .iconheader-align-top:before{content:"\e976"} #header-shiseido .iconheader-align-vertical-middle:before{content:"\e977"} #header-shiseido .iconheader-archive:before{content:"\e978"} #header-shiseido .iconheader-area-graph:before{content:"\e979"} #header-shiseido .iconheader-attachment:before{content:"\e97a"} #header-shiseido .iconheader-awareness-ribbon:before{content:"\e97b"} #header-shiseido .iconheader-back-in-time:before{content:"\e97c"} #header-shiseido .iconheader-back:before{content:"\e97d"} #header-shiseido .iconheader-bar-graph:before{content:"\e97e"} #header-shiseido .iconheader-battery:before{content:"\e97f"} #header-shiseido .iconheader-beamed-note:before{content:"\e980"} #header-shiseido .iconheader-bell:before{content:"\e981"} #header-shiseido .iconheader-blackboard:before{content:"\e982"} #header-shiseido .iconheader-block:before{content:"\e983"} #header-shiseido .iconheader-book2:before{content:"\e984"} #header-shiseido .iconheader-bowl:before{content:"\e985"} #header-shiseido .iconheader-box:before{content:"\e986"} #header-shiseido .iconheader-briefcase:before{content:"\e987"} #header-shiseido .iconheader-browser:before{content:"\e988"} #header-shiseido .iconheader-brush:before{content:"\e989"} #header-shiseido .iconheader-bucket:before{content:"\e98a"} #header-shiseido .iconheader-cake:before{content:"\e98b"} #header-shiseido .iconheader-calculator:before{content:"\e98c"} #header-shiseido .iconheader-calendar:before{content:"\e98d"} #header-shiseido .iconheader-camera:before{content:"\e98e"} #header-shiseido .iconheader-ccw:before{content:"\e98f"} #header-shiseido .iconheader-chat:before{content:"\e990"} #header-shiseido .iconheader-check2:before{content:"\e991"} #header-shiseido .iconheader-circle-with-cross:before{content:"\e992"} #header-shiseido .iconheader-circle-with-minus:before{content:"\e993"} #header-shiseido .iconheader-circle-with-plus:before{content:"\e994"} #header-shiseido .iconheader-circle:before{content:"\e995"} #header-shiseido .iconheader-circular-graph:before{content:"\e996"} #header-shiseido .iconheader-clapperboard:before{content:"\e997"} #header-shiseido .iconheader-clipboard:before{content:"\e998"} #header-shiseido .iconheader-clock:before{content:"\e999"} #header-shiseido .iconheader-code:before{content:"\e99a"} #header-shiseido .iconheader-cog:before{content:"\e99b"} #header-shiseido .iconheader-colours:before{content:"\e99c"} #header-shiseido .iconheader-compass:before{content:"\e99d"} #header-shiseido .iconheader-copy:before{content:"\e99e"} #header-shiseido .iconheader-credit-card:before{content:"\e99f"} #header-shiseido .iconheader-credit:before{content:"\e9a0"} #header-shiseido .iconheader-cross2:before{content:"\e9a1"} #header-shiseido .iconheader-cup:before{content:"\e9a2"} #header-shiseido .iconheader-cw:before{content:"\e9a3"} #header-shiseido .iconheader-cycle:before{content:"\e9a4"} #header-shiseido .iconheader-database:before{content:"\e9a5"} #header-shiseido .iconheader-dial-pad:before{content:"\e9a6"} #header-shiseido .iconheader-direction:before{content:"\e9a7"} #header-shiseido .iconheader-document:before{content:"\e9a8"} #header-shiseido .iconheader-documents:before{content:"\e9a9"} #header-shiseido .iconheader-drink:before{content:"\e9aa"} #header-shiseido .iconheader-drive:before{content:"\e9ab"} #header-shiseido .iconheader-drop:before{content:"\e9ac"} #header-shiseido .iconheader-edit:before{content:"\e9ad"} #header-shiseido .iconheader-email:before{content:"\e9ae"} #header-shiseido .iconheader-emoji-happy:before{content:"\e9af"} #header-shiseido .iconheader-emoji-neutral:before{content:"\e9b0"} #header-shiseido .iconheader-emoji-sad:before{content:"\e9b1"} #header-shiseido .iconheader-erase:before{content:"\e9b2"} #header-shiseido .iconheader-eraser:before{content:"\e9b3"} #header-shiseido .iconheader-export:before{content:"\e9b4"} #header-shiseido .iconheader-eye:before{content:"\e9b5"} #header-shiseido .iconheader-feather:before{content:"\e9b6"} #header-shiseido .iconheader-flag:before{content:"\e9b7"} #header-shiseido .iconheader-flash:before{content:"\e9b8"} #header-shiseido .iconheader-flashlight:before{content:"\e9b9"} #header-shiseido .iconheader-flat-brush:before{content:"\e9ba"} #header-shiseido .iconheader-folder-images:before{content:"\e9bb"} #header-shiseido .iconheader-folder-music:before{content:"\e9bc"} #header-shiseido .iconheader-folder-video:before{content:"\e9bd"} #header-shiseido .iconheader-folder:before{content:"\e9be"} #header-shiseido .iconheader-forward:before{content:"\e9bf"} #header-shiseido .iconheader-funnel:before{content:"\e9c0"} #header-shiseido .iconheader-game-controller:before{content:"\e9c1"} #header-shiseido .iconheader-gauge:before{content:"\e9c2"} #header-shiseido .iconheader-globe:before{content:"\e9c3"} #header-shiseido .iconheader-graduation-cap:before{content:"\e9c4"} #header-shiseido .iconheader-grid:before{content:"\e9c5"} #header-shiseido .iconheader-hair-cross:before{content:"\e9c6"} #header-shiseido .iconheader-hand:before{content:"\e9c7"} #header-shiseido .iconheader-heart-outlined:before{content:"\e9c8"} #header-shiseido .iconheader-heart:before{content:"\e9c9"} #header-shiseido .iconheader-help-with-circle:before{content:"\e9ca"} #header-shiseido .iconheader-help:before{content:"\e9cb"} #header-shiseido .iconheader-home:before{content:"\e9cc"} #header-shiseido .iconheader-hour-glass:before{content:"\e9cd"} #header-shiseido .iconheader-image-inverted:before{content:"\e9ce"} #header-shiseido .iconheader-image:before{content:"\e9cf"} #header-shiseido .iconheader-images:before{content:"\e9d0"} #header-shiseido .iconheader-inbox:before{content:"\e9d1"} #header-shiseido .iconheader-infinity:before{content:"\e9d2"} #header-shiseido .iconheader-info-with-circle:before{content:"\e9d3"} #header-shiseido .iconheader-info:before{content:"\e9d4"} #header-shiseido .iconheader-key:before{content:"\e9d5"} #header-shiseido .iconheader-keyboard:before{content:"\e9d6"} #header-shiseido .iconheader-lab-flask:before{content:"\e9d7"} #header-shiseido .iconheader-landline:before{content:"\e9d8"} #header-shiseido .iconheader-language:before{content:"\e9d9"} #header-shiseido .iconheader-laptop:before{content:"\e9da"} #header-shiseido .iconheader-leaf:before{content:"\e9db"} #header-shiseido .iconheader-level-down:before{content:"\e9dc"} #header-shiseido .iconheader-level-up:before{content:"\e9dd"} #header-shiseido .iconheader-lifebuoy:before{content:"\e9de"} #header-shiseido .iconheader-light-bulb:before{content:"\e9df"} #header-shiseido .iconheader-light-down:before{content:"\e9e0"} #header-shiseido .iconheader-light-up:before{content:"\e9e1"} #header-shiseido .iconheader-line-graph:before{content:"\e9e2"} #header-shiseido .iconheader-link:before{content:"\e9e3"} #header-shiseido .iconheader-list:before{content:"\e9e4"} #header-shiseido .iconheader-location-pin:before{content:"\e9e5"} #header-shiseido .iconheader-location:before{content:"\e9e6"} #header-shiseido .iconheader-lock-open:before{content:"\e9e7"} #header-shiseido .iconheader-lock:before{content:"\e9e8"} #header-shiseido .iconheader-log-out:before{content:"\e9e9"} #header-shiseido .iconheader-login:before{content:"\e9ea"} #header-shiseido .iconheader-loop:before{content:"\e9eb"} #header-shiseido .iconheader-magnet:before{content:"\e9ec"} #header-shiseido .iconheader-magnifying-glass1:before{content:"\e9ed"} #header-shiseido .iconheader-mail:before{content:"\e9ee"} #header-shiseido .iconheader-man:before{content:"\e9ef"} #header-shiseido .iconheader-map:before{content:"\e9f0"} #header-shiseido .iconheader-mask:before{content:"\e9f1"} #header-shiseido .iconheader-medal:before{content:"\e9f2"} #header-shiseido .iconheader-megaphone:before{content:"\e9f3"} #header-shiseido .iconheader-menu:before{content:"\e9f4"} #header-shiseido .iconheader-message:before{content:"\e9f5"} #header-shiseido .iconheader-mic:before{content:"\e9f6"} #header-shiseido .iconheader-minus:before{content:"\e9f7"} #header-shiseido .iconheader-mobile:before{content:"\e9f8"} #header-shiseido .iconheader-modern-mic:before{content:"\e9f9"} #header-shiseido .iconheader-moon:before{content:"\e9fa"} #header-shiseido .iconheader-mouse:before{content:"\e9fb"} #header-shiseido .iconheader-music:before{content:"\e9fc"} #header-shiseido .iconheader-network:before{content:"\e9fd"} #header-shiseido .iconheader-new-message:before{content:"\e9fe"} #header-shiseido .iconheader-new:before{content:"\e9ff"} #header-shiseido .iconheader-news:before{content:"\ea00"} #header-shiseido .iconheader-note:before{content:"\ea01"} #header-shiseido .iconheader-notification:before{content:"\ea02"} #header-shiseido .iconheader-old-mobile:before{content:"\ea03"} #header-shiseido .iconheader-old-phone:before{content:"\ea04"} #header-shiseido .iconheader-palette:before{content:"\ea05"} #header-shiseido .iconheader-paper-plane2:before{content:"\ea06"} #header-shiseido .iconheader-pencil:before{content:"\ea07"} #header-shiseido .iconheader-phone:before{content:"\ea08"} #header-shiseido .iconheader-pie-chart:before{content:"\ea09"} #header-shiseido .iconheader-pin:before{content:"\ea0a"} #header-shiseido .iconheader-plus:before{content:"\ea0b"} #header-shiseido .iconheader-popup:before{content:"\ea0c"} #header-shiseido .iconheader-power-plug:before{content:"\ea0d"} #header-shiseido .iconheader-price-ribbon:before{content:"\ea0e"} #header-shiseido .iconheader-price-tag:before{content:"\ea0f"} #header-shiseido .iconheader-print:before{content:"\ea10"} #header-shiseido .iconheader-progress-empty:before{content:"\ea11"} #header-shiseido .iconheader-progress-full:before{content:"\ea12"} #header-shiseido .iconheader-progress-one:before{content:"\ea13"} #header-shiseido .iconheader-progress-two:before{content:"\ea14"} #header-shiseido .iconheader-publish:before{content:"\ea15"} #header-shiseido .iconheader-quote:before{content:"\ea16"} #header-shiseido .iconheader-radio:before{content:"\ea17"} #header-shiseido .iconheader-reply-all:before{content:"\ea18"} #header-shiseido .iconheader-reply:before{content:"\ea19"} #header-shiseido .iconheader-retweet:before{content:"\ea1a"} #header-shiseido .iconheader-rocket:before{content:"\ea1b"} #header-shiseido .iconheader-round-brush:before{content:"\ea1c"} #header-shiseido .iconheader-rss:before{content:"\ea1d"} #header-shiseido .iconheader-ruler:before{content:"\ea1e"} #header-shiseido .iconheader-scissors:before{content:"\ea1f"} #header-shiseido .iconheader-share-alternitive:before{content:"\ea20"} #header-shiseido .iconheader-share:before{content:"\ea21"} #header-shiseido .iconheader-shareable:before{content:"\ea22"} #header-shiseido .iconheader-shield:before{content:"\ea23"} #header-shiseido .iconheader-shop:before{content:"\ea24"} #header-shiseido .iconheader-shopping-bag:before{content:"\ea25"} #header-shiseido .iconheader-shopping-basket:before{content:"\ea26"} #header-shiseido .iconheader-shopping-cart:before{content:"\ea27"} #header-shiseido .iconheader-shuffle:before{content:"\ea28"} #header-shiseido .iconheader-signal:before{content:"\ea29"} #header-shiseido .iconheader-sound-mix:before{content:"\ea2a"} #header-shiseido .iconheader-sports-club:before{content:"\ea2b"} #header-shiseido .iconheader-spreadsheet:before{content:"\ea2c"} #header-shiseido .iconheader-squared-cross:before{content:"\ea2d"} #header-shiseido .iconheader-squared-minus:before{content:"\ea2e"} #header-shiseido .iconheader-squared-plus:before{content:"\ea2f"} #header-shiseido .iconheader-star-outlined:before{content:"\ea30"} #header-shiseido .iconheader-star2:before{content:"\ea31"} #header-shiseido .iconheader-stopwatch:before{content:"\ea32"} #header-shiseido .iconheader-suitcase:before{content:"\ea33"} #header-shiseido .iconheader-swap:before{content:"\ea34"} #header-shiseido .iconheader-sweden:before{content:"\ea35"} #header-shiseido .iconheader-switch:before{content:"\ea36"} #header-shiseido .iconheader-tablet:before{content:"\ea37"} #header-shiseido .iconheader-tag:before{content:"\ea38"} #header-shiseido .iconheader-text-document-inverted:before{content:"\ea39"} #header-shiseido .iconheader-text-document:before{content:"\ea3a"} #header-shiseido .iconheader-text:before{content:"\ea3b"} #header-shiseido .iconheader-thermometer:before{content:"\ea3c"} #header-shiseido .iconheader-thumbs-down:before{content:"\ea3d"} #header-shiseido .iconheader-thumbs-up:before{content:"\ea3e"} #header-shiseido .iconheader-thunder-cloud:before{content:"\ea3f"} #header-shiseido .iconheader-ticket:before{content:"\ea40"} #header-shiseido .iconheader-time-slot:before{content:"\ea41"} #header-shiseido .iconheader-tools:before{content:"\ea42"} #header-shiseido .iconheader-traffic-cone:before{content:"\ea43"} #header-shiseido .iconheader-tree:before{content:"\ea44"} #header-shiseido .iconheader-trophy:before{content:"\ea45"} #header-shiseido .iconheader-tv:before{content:"\ea46"} #header-shiseido .iconheader-typing:before{content:"\ea47"} #header-shiseido .iconheader-unread:before{content:"\ea48"} #header-shiseido .iconheader-untag:before{content:"\ea49"} #header-shiseido .iconheader-user:before{content:"\ea4a"} #header-shiseido .iconheader-users:before{content:"\ea4b"} #header-shiseido .iconheader-v-card:before{content:"\ea4c"} #header-shiseido .iconheader-video:before{content:"\ea4d"} #header-shiseido .iconheader-vinyl:before{content:"\ea4e"} #header-shiseido .iconheader-voicemail:before{content:"\ea4f"} #header-shiseido .iconheader-wallet:before{content:"\ea50"} #header-shiseido .iconheader-water:before{content:"\ea51"} #header-shiseido .iconheader-500px-with-circle:before{content:"\ea52"} #header-shiseido .iconheader-500px:before{content:"\ea53"} #header-shiseido .iconheader-basecamp:before{content:"\ea54"} #header-shiseido .iconheader-behance:before{content:"\ea55"} #header-shiseido .iconheader-creative-cloud:before{content:"\ea56"} #header-shiseido .iconheader-dropbox:before{content:"\ea57"} #header-shiseido .iconheader-evernote:before{content:"\ea58"} #header-shiseido .iconheader-flattr:before{content:"\ea59"} #header-shiseido .iconheader-foursquare:before{content:"\ea5a"} #header-shiseido .iconheader-google-drive:before{content:"\ea5b"} #header-shiseido .iconheader-google-hangouts:before{content:"\ea5c"} #header-shiseido .iconheader-grooveshark:before{content:"\ea5d"} #header-shiseido .iconheader-icloud:before{content:"\ea5e"} #header-shiseido .iconheader-mixi:before{content:"\ea5f"} #header-shiseido .iconheader-onedrive:before{content:"\ea60"} #header-shiseido .iconheader-paypal:before{content:"\ea61"} #header-shiseido .iconheader-picasa:before{content:"\ea62"} #header-shiseido .iconheader-qq:before{content:"\ea63"} #header-shiseido .iconheader-rdio-with-circle:before{content:"\ea64"} #header-shiseido .iconheader-renren:before{content:"\ea65"} #header-shiseido .iconheader-scribd:before{content:"\ea66"} #header-shiseido .iconheader-sina-weibo:before{content:"\ea67"} #header-shiseido .iconheader-skype-with-circle:before{content:"\ea68"} #header-shiseido .iconheader-skype:before{content:"\ea69"} #header-shiseido .iconheader-slideshare:before{content:"\ea6a"} #header-shiseido .iconheader-smashing:before{content:"\ea6b"} #header-shiseido .iconheader-soundcloud:before{content:"\ea6c"} #header-shiseido .iconheader-spotify-with-circle:before{content:"\ea6d"} #header-shiseido .iconheader-spotify:before{content:"\ea6e"} #header-shiseido .iconheader-swarm:before{content:"\ea6f"} #header-shiseido .iconheader-vine-with-circle:before{content:"\ea70"} #header-shiseido .iconheader-vine:before{content:"\ea71"} #header-shiseido .iconheader-vk-alternitive:before{content:"\ea72"} #header-shiseido .iconheader-vk-with-circle:before{content:"\ea73"} #header-shiseido .iconheader-vk:before{content:"\ea74"} #header-shiseido .iconheader-xing-with-circle:before{content:"\ea75"} #header-shiseido .iconheader-xing:before{content:"\ea76"} #header-shiseido .iconheader-yelp:before{content:"\ea77"} #header-shiseido .iconheader-dribbble-with-circle:before{content:"\ea78"} #header-shiseido .iconheader-dribbble:before{content:"\ea79"} #header-shiseido .iconheader-facebook-with-circle:before{content:"\ea7a"} #header-shiseido .iconheader-facebook3:before{content:"\ea7b"} #header-shiseido .iconheader-flickr-with-circle:before{content:"\ea7c"} #header-shiseido .iconheader-flickr:before{content:"\ea7d"} #header-shiseido .iconheader-github-with-circle:before{content:"\ea7e"} #header-shiseido .iconheader-github:before{content:"\ea7f"} #header-shiseido .iconheader-google-with-circle:before{content:"\ea80"} #header-shiseido .iconheader-google:before{content:"\ea81"} #header-shiseido .iconheader-instagram-with-circle:before{content:"\ea82"} #header-shiseido .iconheader-instagram1:before{content:"\ea83"} #header-shiseido .iconheader-lastfm-with-circle:before{content:"\ea84"} #header-shiseido .iconheader-lastfm:before{content:"\ea85"} #header-shiseido .iconheader-linkedin-with-circle:before{content:"\ea86"} #header-shiseido .iconheader-linkedin:before{content:"\ea87"} #header-shiseido .iconheader-pinterest-with-circle:before{content:"\ea88"} #header-shiseido .iconheader-pinterest:before{content:"\ea89"} #header-shiseido .iconheader-rdio:before{content:"\ea8a"} #header-shiseido .iconheader-stumbleupon-with-circle:before{content:"\ea8b"} #header-shiseido .iconheader-stumbleupon:before{content:"\ea8c"} #header-shiseido .iconheader-tumblr-with-circle:before{content:"\ea8d"} #header-shiseido .iconheader-tumblr:before{content:"\ea8e"} #header-shiseido .iconheader-twitter-with-circle:before{content:"\ea8f"} #header-shiseido .iconheader-twitter:before{content:"\ea90"} #header-shiseido .iconheader-vimeo-with-circle:before{content:"\ea91"} #header-shiseido .iconheader-vimeo:before{content:"\ea92"} #header-shiseido .iconheader-youtube-with-circle:before{content:"\ea93"} #header-shiseido .iconheader-youtube:before{content:"\ea94"} .page-template-page-template-store-locator-offline-php header#header-shiseido { position: fixed; top: 0; z-index: 999999; width: 100%; } header#header-shiseido input[type="search"] { -webkit-appearance: inherit!important; box-sizing: inherit!important; } /* Général ************************************************** */ #header-shiseido .link, #footer-shiseido .link { font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 14px; line-height: 18px; font-weight: 400; color: #fff; letter-spacing: -0px; font-style: normal; font-variant: normal; border-bottom: 1px solid #000; padding: 2px 0; margin: 0 10px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-transform: none; } #header-shiseido .link:hover, #header-shiseido .link.active, #footer-shiseido .link:hover{ color: #C8102E; border-bottom: 1px solid #C8102E; } #header-shiseido .option-nav-container .link, #footer-shiseido .option-nav-container .link { font-size: 12px; } footer#footer-shiseido .legal-nav-container .link { font-size: 12px; } .copyright-2016 { font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 12px; text-align: center; line-height: 18px; font-weight: 400; color: #fff; letter-spacing: -0px; font-style: normal; font-variant: normal; padding: 12px 0 3px 0px; } /* Header ************************************************** */ header#header-shiseido { position: relative; display: block; width: 100%; padding: 0; margin: 0; background-color: #fff; z-index: 10000; } /* Bandeau d'action de navigation secondaire */ #header-shiseido .option-nav-container { position: relative; display: block; width: 100%; padding: 0 0 2px; background-color: #000; } #header-shiseido .option-nav-block { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0; padding: 0; list-style: none; } #header-shiseido .option-nav-block .nav-padder { padding-top: 3px; } #header-shiseido .option-nav-container .link span { padding-right: 6px; } #header-shiseido .social-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: 0; padding: 0; list-style: none; } #header-shiseido .social-container .icn { display: block; color: #fff; padding: 5px 6px 0; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #header-shiseido .social-container .icn:hover, #header-shiseido .social-container .icn:active, #header-shiseido .social-container .icn:focus { color: #C8102E; } /* 767px */ @media screen and (max-width: 47.9375em) { #header-shiseido .option-nav-container { display: none; } } /* Logos */ #header-shiseido .logo-aera-container { position: relative; display: block; width: 100%; padding: 20px 0 7px; max-width: 1160px; margin: auto; background-color: #fff; } #header-shiseido .logo-container { display: block; width: 100%; max-width: 189px; margin: 0 auto; float: inherit; padding-top: 0; } #header-shiseido .logo-container a { display: block; overflow: hidden; max-width: 189px; margin: auto; } #header-shiseido .logo-container a img { width: 100%; } #header-shiseido .camelia-container { position: absolute; top: 50%; right: 80px; margin-top: -23px; display: block; width: 51px; height: 51px; } #header-shiseido .camelia-container img { width: 100%; margin-top: 7px; } #header-shiseido.header-no-menu .logo-aera-container { padding: 20px 0 20px; } #header-shiseido.header-no-menu .camelia-container { margin-top: 0; top: 20px; } #header-shiseido.header-no-menu .camelia-container img { margin-top: 0px; } /* 766px */ @media screen and (max-width: 47.875em) { #header-shiseido .logo-container { display: block; width: 61.4%; max-width: 320px; } #header-shiseido .camelia-container { display: none; } } /* 767px à 1024px */ @media screen and (min-width: 47.9375em) and (max-width: 64em) { #header-shiseido .camelia-container { right: 30px; } } /* Navigation principale */ #header-shiseido .global-navigation-container { position: relative; display: block; width: 100%; padding: 0; margin: 0; background-color: #fff; z-index: 30; } #header-shiseido .nav { display: block; width: 100%; } #header-shiseido .global-navigation-block { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; list-style: none; margin: 0; padding: 0; } #header-shiseido .global-navigation-block .link { position: relative; display: block; font-family: 'readerbold', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; color: #000; text-transform: uppercase; border-bottom: 0; padding: 16px 15px; margin: 0; } #header-shiseido .global-navigation-block .link:hover, #header-shiseido .global-navigation-block .link:active, #header-shiseido .global-navigation-block .link:focus { color: #C8102E; border-bottom: 0; } #header-shiseido .global-navigation-block .icn { padding: 16px 6px; font-size: 16px; } #header-shiseido .global-navigation-block .separator { margin-right: 15px; padding-right: 30px; } #header-shiseido .global-navigation-block .separator:before { content: ""; position: absolute; top: 50%; right: 0; margin-top: -12px; display: block; width: 1px; height: 24px; background-color: #000; } #header-shiseido .secondary-nav { position: relative; display: block; text-align: center; padding: 5px; } #header-shiseido .secondary-nav .title { position: relative; display: block; width: 100%; font-family: 'readerbold', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 14px; line-height: 1; color: #000; text-transform: uppercase; text-align: center; padding: 10px 0; z-index: 1; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #header-shiseido .secondary-nav .title.selected, #header-shiseido .secondary-nav .title:hover, #header-shiseido .secondary-nav .title:focus { color: #C8102E; } #header-shiseido .secondary-nav .close {/* ********************************************************************************************************************************** */ position: absolute; top: 3px; right: 10px; display: none; width: 100%; font-size: 16px; line-height: 1; color: #C8102E; padding: 10px; text-align: right; z-index: 2; } #header-shiseido .nav-large { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #header-shiseido .nav-small { display: none; } #header-shiseido .for-small-only { display: none; } /* 1024px */ @media screen and (max-width: 64em) { #header-shiseido .nav-large { display: none; } #header-shiseido .nav-small { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #header-shiseido .for-small-only { display: block; } #header-shiseido .global-navigation-block .separator { margin-right: 8px; padding-right: 15px; } } /* Big Menu */ #header-shiseido .menu-container { position: relative; display: block; width: 100%; z-index: 20; } #header-shiseido .menu-container-list { display: block; width: 100%; margin: 0; padding: 0; list-style: none; } #header-shiseido .menu-container .family-browser-container { position: absolute; top: 0; left: 0; display: none; width: 100%; min-height: 310px; padding-bottom: 30px; background-color: #fff; z-index: 10; } #header-shiseido .menu-container .family-browser-container.black { min-height: 415px; background-color: #000; } #header-shiseido .menu-container .family-browser-container.last { padding-bottom: 60px; } #header-shiseido .menu-container .family-browser-block { position: relative; display: block; width: 100%; max-width: 980px; margin: 24px auto 0; } #header-shiseido .family-browser-block.bg-color { background-color: #fafafa; } #header-shiseido .menu-container .family-browser-block .tab-content { position: relative; overflow: hidden; display: block; width: 100%; margin: 0; padding: 0; list-style: none; } /* 1024px */ @media screen and (max-width: 64em) { #header-shiseido .menu-container { position: absolute; display: block; width: 100%; z-index: 20; } #header-shiseido .menu-container .family-browser-block .tab-content { display: none; } } /*------- Big Menu Contents -------*/ #header-shiseido .dir { position: relative; float: left; margin-top: 20px; margin-right: 32px; } #header-shiseido .dir ul { margin: 0; padding: 0; list-style: none; } #header-shiseido .dir li { font-size: 12px; line-height: 1.4; margin-bottom: 5px; } #header-shiseido .dir .link { font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 12px; line-height: 1; color: #000; margin: 0; padding: 0; /*border-bottom: 1px solid #fff;*/ border-bottom: 1px solid transparent; /*khoa*/ -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #header-shiseido .black .link { color: #fff; border-bottom: 1px solid #000; } #header-shiseido .dir li a:hover, #header-shiseido .dir li a:active, #header-shiseido .dir li a:focus { color: #C8102E; border-bottom: 1px solid #C8102E; } #header-shiseido .dir .link-image { border: 1px solid #ccc; opacity: 1; /*-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;*/ } #header-shiseido .dir .link-image img { width: 100%; } #header-shiseido .dir .link-image:hover, #header-shiseido .dir .link-image:active, #header-shiseido .dir .link-image:focus { /*border: 1px solid #C8102E;*/ border: 1px solid #ccc; opacity: .7; } #header-shiseido .btn-all { position: absolute; top: 2px; right: 0; font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 12px; line-height: 1; color: #000; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #header-shiseido .btn-all:hover, #header-shiseido .btn-all:active, #header-shiseido .btn-all:focus { color: #C8102E; } #header-shiseido .dir .title { display: block; font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 14px; line-height: 1; color: #000; margin-bottom: 21px; padding-bottom: 14px; border-bottom: 1px solid #ccc; } #header-shiseido .dir .title a { color: #C8102E; } #header-shiseido .black .dir .title { color: #fff; } #header-shiseido .menu-container .link-image-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } #header-shiseido .link-image-list li { float: left; width: 184px; margin-bottom: 10px; } #header-shiseido .link-image-list li a { display: block; } /*------- Big Menu Module Width -------*/ #header-shiseido .w140 { width: 140px; } #header-shiseido .w174 { width: 174px; } #header-shiseido .w184 { width: 184px; } #header-shiseido .w380 { width: 380px; } #header-shiseido .w380 a, #header-shiseido .w184 a { display: inline; } /* 639px */ @media screen and (max-width: 39.9375em) { #header-shiseido .w140 { width: 50%; } #header-shiseido .w174, #header-shiseido .w184, #header-shiseido .w380, #header-shiseido .link-image-list li { width: 100%; } #header-shiseido .dir:first-child { margin-top: 0; } #header-shiseido .btn-all { right: 10px; } } /* 1024px */ @media screen and (max-width: 64em) { #header-shiseido .menu-container .family-browser-block { margin: 0 auto; } #header-shiseido .dir { margin-right: 0; padding: 0 10px; } #header-shiseido .dir .title { font-family: 'readerbold', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 16px; margin-top: 30px; margin-bottom: 10px; } #header-shiseido .dir .link { display: inline-block; margin: 5px 0 4px 0; padding: 5px 0 1px 0; } #header-shiseido .menu-container .family-browser-container { position: relative; display: block; min-height: 20px; padding-bottom: 0; } #header-shiseido .menu-container-list.menu-container-list-js{display: none} #header-shiseido .menu-container .family-browser-container.black { min-height: 20px; } #header-shiseido .option-nav-container{display: none;}#header-shiseido .nav-small{display: none !important} /*hambuger menu - khoa*/ } /* 640px à 1024px */ @media screen and (min-width: 40em) and (max-width: 64em) { #header-shiseido .w140, #header-shiseido .w174, #header-shiseido .w184 { width: 50%; } #header-shiseido .w380 { width: 100%; } #header-shiseido .btn-all { top: 30px; right: 10px; } } /* Champs de rechercher du header */ #header-shiseido .search-block input[type="search"] { float: left; width: 80%; height: auto; font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 12px; line-height: 35px; border: 0; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); margin: 0; padding: 0 8px; color: rgba(0, 0, 0, 0.75); background-color: #fff; } #header-shiseido .btn-submit-search { position: relative; float: left; display: block; width: 20%; height: 35px; font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 14px; line-height: 35px; color: #000; text-align: center; background-color: #fff; margin: 0; padding: 0; cursor: pointer; border-left: 1px solid #000; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #header-shiseido .btn-submit-search:before { content: "\e904"; font-family: 'icomoonheader' !important; font-size: 14px; line-height: 35px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #header-shiseido button.btn-submit-search:hover, #header-shiseido button.btn-submit-search:active, #header-shiseido button.btn-submit-search:focus { background-color: #C8102E; } #header-shiseido button.btn-submit-search:hover:before, #header-shiseido button.btn-submit-search:active:before, #header-shiseido button.btn-submit-search:focus:before { color: #fff; } /* Menu des langues */ #header-shiseido .lang-container.f-dropdown li a { display: block; font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 12px; line-height: 1; color: #000; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #header-shiseido .lang-container.f-dropdown li a:hover, #header-shiseido .lang-container.f-dropdown li a:active, #header-shiseido .lang-container.f-dropdown li a:focus { color: #fff; background-color: #C8102E; } #header-shiseido .f-dropdown { top: 34px!important; } /* custom des dropdonw de la nav */ #header-shiseido .nav .f-dropdown { border: solid 1px #000; max-width: 210px; z-index: 20; } #header-shiseido .nav .f-dropdown li:hover, #header-shiseido .nav .f-dropdown li:focus { background: #fff; } #header-shiseido .nav .f-dropdown:after { border-color: transparent transparent #000 transparent; } /* Footer ************************************************** */ footer#footer-shiseido { position: relative; display: block; width: 100%; padding: 20px 0; background-color: #000; } #footer-shiseido .legal-nav-container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0; padding: 0; } #footer-shiseido .legal-nav-container li { list-style: none; text-align: center; } #footer-shiseido .legal-nav-container .link { margin: 0 11px; } /* 767px */ @media screen and (max-width: 47.9375em) { #footer-shiseido .legal-nav-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #footer-shiseido .legal-nav-container li { margin: 5px 0; } } /* Newsletter modal */ .reveal-modal { z-index: 9999999!important; } .reveal-modal-bg { z-index: 9999998!important; } /* Newsletter */ #newsletter.reveal-modal { background: #fff!important; z-index: 9999999!important; } #newsletter.reveal-modal-bg { z-index: 9999998!important; } #newsletter input[type="text"], #newsletter input[type="password"], #newsletter input[type="date"], #newsletter input[type="datetime"], #newsletter input[type="datetime-local"], #newsletter input[type="month"], #newsletter input[type="week"], #newsletter input[type="email"], #newsletter input[type="number"], #newsletter input[type="search"], #newsletter input[type="tel"], #newsletter input[type="time"], #newsletter input[type="url"], #newsletter textarea { font-size: 14px!important; margin: 0 0 16px 0!important; padding: 8px!important; height: 37px!important; width: 100%!important; } #newsletter .gform_wrapper ul.gform_fields li.gfield { padding-right: 0px!important; } #newsletter .gform_wrapper .gfield_checkbox li, #newsletter .gform_wrapper .gfield_radio li { margin: 0px!important; } #newsletter label { font-size: 14px!important; } #newsletter input[type="checkbox"] + label, #newsletter input[type="radio"] + label { margin-left: 8px!important; margin-right: 16px!important; } #newsletter button, #newsletter .button { margin: 0 0 20px!important; padding-top: 16px!important; padding-right: 32px!important; padding-bottom: 17px!important; padding-left: 32px!important; font-size: 16px!important; background-color: #c8102e!important; } .page-template-page-template-suncare-2016 #newsletter button, .page-template-page-template-suncare-2016 #newsletter .button { margin-top: 30px!important; } .newsletter-form h2 { font-size: 30px; line-height: 68px; font-family: 'Shiseido Neue', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; padding: 0px; color: #000; } .newsletter-form .validation_error { display: none; } .newsletter-form { font-family: 'Shiseido Neue', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; } .newsletter-form ul { list-style-type: none; margin-left: 0; } .newsletter-form label { display: none!important; } .newsletter-form .gfield_radio label, .newsletter-form .gfield_checkbox label { display: inline-block!important; } .newsletter-form .gfield_radio li { display: inline-block; margin: 0; } .newsletter-form .gfield_description.validation_message { font-size: 14px; font-style: italic; color: red; margin: 0 0 10px 0; } .newsletter-form .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .newsletter-form .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .newsletter-form .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { margin-top: 4px!important; margin-bottom: 0!important; } .newsletter-form .mandatory { font-size: 13px; font-style: italic; color: #aaa; } .newsletter-form .gform_wrapper .gform_body .gform_fields .gfield_error { background-color: #fcfcfc; margin: 10px 0; padding: 10px; border: 1px solid #a3a3a3; border-radius: 2px; } .newsletter-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { margin-top: 0!important; padding-top: 5px!important; margin-bottom: 0!important; padding-bottom: 0!important; color: #c8102e!important; font-weight: normal!important; } .reveal-modal .close-reveal-modal { color: #000!important; font-family: verdana!important; font-weight: normal!important; font-size: 22px!important; top: 15px!important; right: 15px!important; } @media only screen and (max-width: 40em) { dialog, .reveal-modal { min-height: 100%!important; width: 100%!important; } } /*hamburger menu*/ .hamburger-menu{position: absolute;top: 35px;left: 33px;display: none;transition: all 0.25s linear;-webkit-transition: all 0.25s linear;} .ico-menu {width: 22px;height: 22px;position: relative;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;} .ico-menu span {display: block;position: absolute;height: 2px;width: 100%;background: #000;opacity: 1;left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;} .ico-menu:hover span{background-color:#c8102e;} .ico-menu span:nth-child(1) {top: 0px;} .ico-menu span:nth-child(2),.ico-menu span:nth-child(3) {top: 7px;} .ico-menu span:nth-child(4) {top: 14px;} .ico-menu.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;} .ico-menu.open span:nth-child(2) {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .ico-menu.open span:nth-child(3) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .ico-menu.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;} .search-mobile-ico{font-weight: bold;margin-left: -10px;margin-right: 10px;font-size: 17px;top: 2px;position: relative;}{font-weight: bold;margin-left: -10px;margin-right: 10px;font-size: 17px;top: 2px;position: relative;} .li-break-line{padding-left: 34px;padding-right: 34px} .line-break-mb{width: calc(100% - 68px);height: 15px;display: block;border-top: 1px solid #000;margin: 0px auto;position: relative;top: 10px;transition: all 0.25s linear;-webkit-transition: all 0.25s linear;} .ul-language-mb{position: relative;padding-top: 10px !important;} .ul-language-mb:before{content: "";position: relative;top: 0;width: calc(100% - 68px);height: 1px;background-color:#cccccc;position: absolute;left: 34px;} .ul-language-mb li{display: block;text-align: center;} .ul-language-mb li a {transition: all 0.25s linear;-webkit-transition: all 0.25s linear;display: inline-block;border-bottom: 1px solid transparent;margin: 12px 0;line-height: 1;color:#010101;font-size: 13px;padding: 0;font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif} .ul-language-mb li a:hover{color: #C8102E;border-bottom: 1px solid #C8102E;} .ul-social-mb{padding-bottom: 10px !important;display: block !important;text-align: center} .ul-social-mb li{display: inline-block;color:#010101;margin: 10px 3px;} .ul-social-mb li a span{color:#010101;font-size: 20px;transition: all 0.25s linear;-webkit-transition: all 0.25s linear} .ul-social-mb li a:hover span{color:#c8102e;} .md-search-mb{width: calc(100% - 68px);margin-left: 34px;display: block;background: #000;border: 1px solid #ccc;float: left;transition: all 0.25s linear;-webkit-transition: all 0.25s linear;margin-bottom: 23px} #header-shiseido .md-search-mb .btn-submit-search{width: 40px;border-left-color:#ccc;} #header-shiseido .md-search-mb input[type="search"]{width: calc(100% - 40px)} @media screen and (max-width: 64em){ .hamburger-menu{display: block;} .global-navigation-block.nav-small{display: none !important;} #header-shiseido .logo-aera-container{padding-bottom: 20px} } @media screen and (min-width: 64em){ .ul-social-mb{display: none !important;} } @media screen and (max-width: 21.875em){ .hamburger-menu{left: 15px} .line-break-mb{width: calc(100% - 30px)} .md-search-mb{width: calc(100% - 30px);margin-left: 15px} } /* Customize tard au citron */ #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize { color: #fff!important; background-color: #c8102e!important; font-size: 14px!important; padding: 5px 10px!important; border-radius: 3px!important; margin-bottom: 3px!important; margin-top: 3px!important; } #tarteaucitronAlertBig #tarteaucitronCloseAlert { background-color: #dddddd!important; color: #000!important; } #tarteaucitronRoot * { line-height: inherit!important; } #tarteaucitronAlertBig { background-color: #000!important; } #tarteaucitronPercentage { display: none!important; } dialog .close-reveal-modal, .reveal-modal .close-reveal-modal { background: transparent url(../../assets/images/header-footer/close-modal.png) top no-repeat; color: transparent!important; padding: 0px; width: 40px; height: 40px; top: -20px!important; right: -20px!important; } dialog .close-reveal-modal, .reveal-modal .close-reveal-modal.red { background: transparent url(../../assets/images/header-footer/close-modal-red.png) top no-repeat; }