/* TYPOGRAPHIE */ /* Generated by Font Squirrel (//www.fontsquirrel.com) */ @font-face { font-family: 'shiseido2013winlight'; src: url('../../assets/fonts/shiseido2013win/shiseidowin-light-webfont.eot'); src: url('../../assets/fonts/shiseido2013win/shiseidowin-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/shiseido2013win/shiseidowin-light-webfont.woff') format('woff'), url('../../assets/fonts/shiseido2013win/shiseidowin-light-webfont.ttf') format('truetype'), url('../../assets/fonts/shiseido2013win/shiseidowin-light-webfont.svg#shiseido2013winlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'shiseido2013winbold'; src: url('../../assets/fonts/shiseido2013win/shiseidowin-bold-webfont.eot'); src: url('../../assets/fonts/shiseido2013win/shiseidowin-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/shiseido2013win/shiseidowin-bold-webfont.woff') format('woff'), url('../../assets/fonts/shiseido2013win/shiseidowin-bold-webfont.ttf') format('truetype'), url('../../assets/fonts/shiseido2013win/shiseidowin-bold-webfont.svg#shiseido2013winbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'shiseido2013winextralight'; src: url('../../assets/fonts/shiseido2013win/shiseido2013-extralight-webfont.eot'); src: url('../../assets/fonts/shiseido2013win/shiseido2013-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/shiseido2013win/shiseido2013-extralight-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GillSansHelLight'; src: url('../../assets/fonts/gillsanshel/GillSansHel-Light.eot'); src: url('../../assets/fonts/gillsanshel/GillSansHel-Light.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/gillsanshel/GillSansHel-Light.woff') format('woff'), url('../../assets/fonts/gillsanshel/GillSansHel-Light.ttf') format('truetype'), url('../../assets/fonts/gillsanshel/GillSansHel-Light.svg#shiseido2001light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PL-shiseido2001Light'; src: url('../../assets/fonts/gillsanshel/GillSansHel-Regular.eot'); src: url('../../assets/fonts/gillsanshel/GillSansHel-Regular.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/gillsanshel/GillSansHel-Regular.woff') format('woff'), url('../../assets/fonts/gillsanshel/GillSansHel-Regular.ttf') format('truetype'), url('../../assets/fonts/gillsanshel/GillSansHel-Regular.svg#shiseido2001light') format('svg'); font-weight: normal; font-style: normal; } /* WebFont pour Ibuki * MyFonts Webfont Build ID 2905409, 2014-10-20T10:21:05-0400 * Webfont: MarydaleRegular by Three Islands Press * License: //www.myfonts.com/viewlicense?type=web&buildid=2905409 */ @font-face { font-family: 'MarydaleRegular'; src: url('../../assets/fonts/marydale-regular/marydale-regular.eot'); src: url('../../assets/fonts/marydale-regular/marydale-regular.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/marydale-regular/marydale-regular.woff2') format('woff2'), url('../../assets/fonts/marydale-regular/marydale-regular.woff') format('woff'), url('../../assets/fonts/marydale-regular/marydale-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome 4.1.0 by @davegandy - //fontawesome.io - @fontawesome */ @font-face { font-family: 'FontAwesome'; src: url('../../assets/fonts/font-awesome/fontawesome-webfont.eot?v=4.1.0'); src: url('../../assets/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../../assets/fonts/font-awesome/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../../assets/fonts/font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../../assets/fonts/font-awesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @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.woff') format('woff'), url('../../assets/fonts/reader/reader-regular-webfont.ttf') format('truetype'), url('../../assets/fonts/reader/reader-regular-webfont.svg#reader-regular-webfont') 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.woff') format('woff'), url('../../assets/fonts/reader/reader-bold-webfont.ttf') format('truetype'), url('../../assets/fonts/reader/reader-bold-webfont.svg#reader-bold-webfont') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-square:before, .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } /* Icon font */ @font-face { font-family: 'icomoon'; src:url('../../assets/fonts/icomoon-catalog/icomoon.eot?-yr5ubn'); src:url('../../assets/fonts/icomoon-catalog/icomoon.eot?#iefix-yr5ubn') format('embedded-opentype'), url('../../assets/fonts/icomoon-catalog/icomoon.woff?-yr5ubn') format('woff'), url('../../assets/fonts/icomoon-catalog/icomoon.ttf?-yr5ubn') format('truetype'), url('../../assets/fonts/icomoon-catalog/icomoon.svg?-yr5ubn#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; 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; } .icon-calendrier:before {content: "\e600";} .icon-check:before {content: "\e601";} .icon-chevron-bas:before {content: "\e602";} .icon-chevron-droite:before {content: "\e603";} .icon-chevron-gauche:before {content: "\e604";} .icon-chevron-haut:before {content: "\e605";} .icon-cible:before {content: "\e606";} .icon-close:before {content: "\e607";} .icon-enveloppe:before {content: "\e608";} .icon-facebook:before {content: "\e609";} .icon-filtres:before {content: "\e60a";} .icon-fin-chevron-bas:before {content: "\e60b";} .icon-fin-chevron-droite:before {content: "\e60c";} .icon-fin-chevron-gauche:before {content: "\e60d";} .icon-fin-chevron-haut:before {content: "\e60e";} .icon-geolocalisation:before {content: "\e60f";} .icon-horloge:before {content: "\e610";} .icon-imprimante:before {content: "\e611";} .icon-informations:before {content: "\e612";} .icon-loupe:before {content: "\e613";} .icon-lune:before {content: "\e614";} .icon-menu-burger:before {content: "\e615";} .icon-pinterest:before {content: "\e616";} .icon-play:before {content: "\e617";} .icon-plus:before {content: "\e618";} .icon-points-suspension:before {content: "\e619";} .icon-smiley:before {content: "\e61a";} .icon-soleil:before {content: "\e61b";} .icon-telephone:before {content: "\e61c";} .icon-twitter:before {content: "\e61d";} .icon-youtube:before {content: "\e61e";} .icon-curseur-map:before {content: "\e61f";} .icon-instagram:before {content: "\e620";} .ajust-font {font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;color: inherit;} /* General */ body { font-family: "shiseido2013winlight"; } #pl body { font-family: "PL-shiseido2001Light"; } p {color: #4c4c4c;font-size: 17px;line-height: 20px;margin: 0px;padding: 0 0 10px 0;} .bg-red {background-color: #c8102e;} .bg-black {background-color: #000;} .bg-beige {background-color: #f0ede8;} .bg-degrade-gris {background: transparent url(../../assets/images/catalog/bg-section-header-product.png) bottom repeat-x;padding-bottom: 130px;} .uppercase { text-transform: uppercase; } /* Specific russian */ .single-shiseido_products .russian-title { display: block; width: 100%; margin-top: 10px; font-size: 20px; line-height: 20px; } /* BOUTONS */ /* Boutons classiques */ .btn {position: relative;display: block;padding: 11px 11px 11px 40px;margin:0 0 10px 0; color: #000;font-size: 16px;line-height: 16px;font-family: "shiseido2013winbold";text-transform: uppercase;text-align: center; border: 1px solid #a3a3a3;background-color: transparent;transition: all 300ms ease-in-out;z-index: 5;} .btn.wtb-show {position: relative!important;display: block!important;padding: 11px 11px 11px 40px!important;margin:0 0 10px 0!important; color: #000!important;font-size: 16px!important;line-height: 16px!important;font-family: "shiseido2013winbold"!important;text-transform: uppercase!important;text-align: center!important; border: 1px solid #a3a3a3!important;background-color: transparent!important;transition: all 300ms ease-in-out!important;z-index: 5!important;} #pl .btn {font-family: "PL-shiseido2001Light";} .btn span {position: absolute;top: 0;left: 0;padding:11px;color: #4c4c4c;transition: all 300ms ease-in-out;} .btn.wtb-show span {position: absolute!important;top: 0!important;left: 0!important;padding:11px!important;color: #4c4c4c!important;transition: all 300ms ease-in-out!important;} .btn.wtb-show:after {font-size: 16px!important;} .no-touch .btn:hover, .no-touch .btn:active, .no-touch .btn:focus {background-color: #000;color: #fff;border: 1px solid #000;} .no-touch .btn:hover span, .no-touch .btn:active span, .no-touch .btn:focus span {color: #fff;} .no-touch .btn.wtb-show:hover, .no-touch .btn.wtb-show:active, .no-touch .btn.wtb-show:focus {background-color: #000!important;color: #fff!important;border: 1px solid #000!important;} .no-touch .btn.wtb-show:hover span, .no-touch .btn.wtb-show:active span, .no-touch .btn.wtb-show:focus span {color: #fff!important;} .btn-rouge {color: #fff;background-color: #c8102e;border: 1px solid #c8102e;padding: 11px 46px 11px 16px;} .btn-rouge span {color: #fff;left: auto;right: 0;} .btn-simple-transparent {display: block; font-family: "shiseido2013winbold";color: #000;text-align: center; background-color:transparent;border: 1px solid #fff;padding: 11px 10px;margin: 0 0 10px 0;transition: all 300ms ease-in-out;} #pl .btn-simple-transparent { font-family: "PL-shiseido2001Light"; } .no-touch .btn-simple-transparent:hover, .no-touch .btn-simple-transparent:active, .no-touch .btn-simple-transparent:focus {background-color: #000;color: #fff;border: 1px solid #000;} .category-buttons { margin-top: 20px!important; } .btn-simple-noir {display: block; font-family: "shiseido2013winbold";color: #000;text-align: center; background-color: #fff;border: 1px solid #000;padding: 11px 10px;margin: 0 0 10px 0;transition: all 300ms ease-in-out;} #pl .btn-simple-noir {font-family: "PL-shiseido2001Light";} .no-touch .btn-simple-noir:hover, .no-touch .btn-simple-noir:active, .no-touch .btn-simple-noir:focus {background-color: #000;color: #fff;border: 1px solid #000;} .btn-simple-rouge {display: block; font-family: "shiseido2013winbold";color: #fff;text-align: center; background-color: #c8102e;border: 1px solid #c8102e;padding: 11px 10px;margin: 0 0 10px 0;transition: all 300ms ease-in-out;} #pl .btn-simple-rouge {font-family: "PL-shiseido2001Light";} .no-touch .btn-simple-rouge:hover, .no-touch .btn-simple-rouge:active, .no-touch .btn-simple-rouge:focus {background-color: #000;color: #fff;border: 1px solid #000;} .simple-link {color: #596b70;border-bottom: 1px solid #596b70;transition: all 300ms ease-in-out;} .no-touch .simple-link:hover, .no-touch .simple-link:active, .no-touch .simple-link:focus {color: #c8102e;border-bottom: 1px solid #c8102e;} /* Boutons de partage réseaux sociaux */ .btn-social-share {color:#000;border: 1px solid #a3a3a3;padding: 7px 6px 3px 6px;border-radius: 50%; transition: all 300ms ease-in-out;} .no-touch .btn-social-share:hover, .no-touch .btn-social-share:active, .no-touch .btn-social-share:focus {background-color: #000;color: #fff;border: 1px solid #000;} /* max-width 640px */ @media only screen and (max-width: 40em) { .btn-simple-rouge, .btn {width: 100%;text-align: center;padding: 11px 16px;} .description-container ul li {text-align: center;} } /* ---------------------------------------- */ /* >> Single Shiseido Products ------------ */ /* ---------------------------------------- */ #at3winfooter {display: none!important;} .print-logo-only {display: none;} /* BREADCRUMB */ .breadcrumbs-container {text-align: center;padding: 32px 0 10px 0;} .fisrt-breadcrumbs-item {display: inline-block;} .breadcrumbs-container ul {display: inline-block; margin: 0;padding: 0;} .breadcrumbs-container li {float: left;list-style: none;font-size: 12px;text-transform: uppercase;} .breadcrumbs-container .current {color: #c8102e!important;} .breadcrumbs-container li:before {content: "/";color: #000;font-size: 20px;margin: 0 0.5rem;position: relative;top: 1px;} .breadcrumbs-container li:first-child:before {content: " ";margin: 0;} .breadcrumbs-container .breadcrumb a {border-bottom: 1px solid transparent;transition : all 300ms ease-in-out;} .no-touch .breadcrumbs-container .breadcrumb a:hover, .no-touch .breadcrumbs-container .breadcrumb a:active, .no-touch .breadcrumbs-container .breadcrumb a:focus {color: #c8102e;text-decoration: none;border-bottom: 1px solid #c8102e;} /* START PRODUCT NAVIGATION */ .nav-product {display: block;width: 25%;} .nav-product a {font-size: 17px;transition : all 300ms ease-in-out;} .no-touch .nav-product a:hover, .no-touch .nav-product a:active, .no-touch .nav-product a:focus {color: #c8102e;} .nav-product-title {font-size:13px;color: #c8102e;font-family: "shiseido2013winbold"; text-transform: uppercase;padding:10px 12px 4px 12px;} #pl .nav-product-title {font-family: "PL-shiseido2001Light";} .product-title {padding:0 12px 4px 12px;} .arrow-container {width: 20%; font-size: 28px; padding: 12px 12px 8px 12px;transition : all 150ms ease-in-out;} .text-container {width: 80%;} .text-container span {display: block;} .nav-product-previous, .nav-product-previous .arrow-container, .nav-product-previous .text-container {float: left;} .no-touch .nav-product-previous a:hover .arrow-container, .no-touch .nav-product-previous a:active .arrow-container, .no-touch .nav-product-previous a:focus .arrow-container {padding: 12px 16px 8px 8px;} .nav-product-next, .nav-product-next .arrow-container, .nav-product-next .text-container {float: right;} .nav-product-next {text-align: right;} .no-touch .nav-product-next a:hover .arrow-container, .no-touch .nav-product-next a:active .arrow-container, .no-touch .nav-product-next a:focus .arrow-container {padding: 12px 8px 8px 16px;} /* TITLE PRODUCT */ .title-product-container h1 {display: block;width: 50%; margin: 0 auto 30px auto;padding:0 0 30px 0; font-family: "shiseido2013winlight";font-size: 44px;line-height: 44px; text-align: center;background: transparent url(../../assets/images/catalog/bg-shadow.png) center bottom no-repeat;} #pl .title-product-container {font-family: "PL-shiseido2001Light";} .title-product-container h1 span {font-size: 16px;color: #c8102e;} /* START RELATED */ .cross-selling-container h2 {text-align: center;} /* THUMBNAILS */ .images-item-container {text-align: center;} /* IMAGE GALLERY */ .images-gallery-container {text-align:center;min-height:100px;} .images-gallery-container .new-shade {display: inline-block;margin:20px 10px; border: 1px solid #000;cursor: pointer; transition : all 150ms ease-in-out;} .no-touch .images-gallery-container .new-shade:hover, .no-touch .images-gallery-container .new-shade:active, .no-touch .images-gallery-container .new-shade:focus {border: 1px solid #c8102e;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);margin-top: 18px;} /* DETAIL PRODUCT */ .shade-title {display: inline-block; margin-bottom: 10px;} .new-shades-container, .existing-shades-container {font-size: 17px;font-family: "shiseido2013winbold";margin-bottom: 20px;} #pl .existing-shades-container {font-family: "PL-shiseido2001Light";} .new-shade-title, .existing-shade-title {font-size: 12px;font-family: "shiseido2013winbold";color: #c8102e;text-transform: uppercase;height: 19px;} #pl .existing-shade-title {font-family: "PL-shiseido2001Light";} .existing-shade {display: inline-block;/*margin: 10px;*/cursor: pointer;} .new-shade {cursor: pointer;} /* Description du produit */ .description-container p {font-size: 17px;line-height: 20px;color: #4c4c4c;margin-bottom: 20px;} .description-container ul {margin-bottom: 20px;list-style-type: circle;} .description-container ul li {font-size: 17px;line-height: 20px;color: #4c4c4c;} /* Call to action du produit */ .call-to-action-container {margin-bottom: 20px;} /* SOCIAL SHARE */ .social-item {float: left;margin-right: 10px;} .social-btn-hide {display: none;} /* Système de tab */ .bottom-product-info-container {margin: 60px 0;overflow: auto;} .info-container .title {display: block; font-size: 18px;color: #c8102e;margin:20px 0 10px 0;} .info-container.quick-view .title {margin:0px 0 10px 0;} .info-container span:first-child {margin:10px 0;} #horizontalTab1 .resp-tab-active {cursor: default;} #horizontalTab1 li.resp-tab-active:after { content: " "; position: absolute; display: none; } #tabInfo { display: none; } ul.resp-tabs-list {color: #4c4c4c;font-size: 17px;line-height: 20px;margin: 0px;padding: 0 0 10px 0;} .resp-tabs-list li {position: relative;float: left;font-size: 16px;color: #000;text-transform: uppercase;text-align: center;padding: 9px 15px;margin: 0 10px 0 0;list-style: none;cursor: pointer;border: 1px solid #000;transition: all 300ms ease-in-out;} .no-touch .resp-tabs-list li:hover, .no-touch .resp-tabs-list li:active, .no-touch .resp-tabs-list li:focus {background-color: #000;color: #fff;} .resp-tabs-container {padding: 0px;background-color: #fff;clear: left;} h2.resp-accordion {cursor: pointer;padding: 5px;display: none;} .resp-tab-content {display: none;padding: 30px 0;} .resp-tab-content ul { margin-bottom: 20px;list-style-type:circle; } .resp-tab-content ul li { color: #4c4c4c; font-size: 17px; line-height: 20px; margin: 0px; padding: 0 0 10px 0; } .resp-tab-content p {padding: 0 0 20px 0;} .resp-tab-content iframe { margin: 15px 0; } .resp-tab-content .video-container {overflow: hidden;width: 70%;} .resp-tab-active {background-color: #000;color: #fff!important;} .resp-content-active, .resp-accordion-active {display: block;} h2.resp-accordion {font-family: "shiseido2013winbold";font-size: 16px;color: #000;text-transform: uppercase;border-bottom: 1px solid #a3a3a3;margin: 0px;padding: 10px 15px;} #pl h2.resp-accodion {font-family: "PL-shiseido2001Light";} h2.resp-tab-active {border-bottom: 0px solid #a3a3a3 !important;margin-bottom: 0px !important;padding: 10px 15px !important;} h2.resp-tab-title:last-child {border-bottom: 12px solid #a3a3a3 !important;background: #c8102e;} .resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c8102e; } h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #fff; } /* Accordion styles */ h2.resp-tab-active {background: #000 !important;} .resp-easy-accordion h2.resp-accordion {display: block;} .resp-easy-accordion .resp-tab-content {border: 1px solid #a3a3a3;} .resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #a3a3a3 !important;} .resp-jfit {width: 100%;margin: 0px;} .resp-tab-content-active {display: block;} /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ @media only screen and (max-width: 64em) { ul.resp-tabs-list {display: none;} h2.resp-accordion {display: block;} .resp-vtabs .resp-tab-content {border: 1px solid #a3a3a3;} .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none;} .resp-accordion-closed {display:none !important;} .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #a3a3a3 !important;} .resp-tab-active { color: #fff!important; } } /* MAKEUP PATTERNS */ .bg-dark {background-color: #181819;padding: 50px 0;} .video-container h2 {padding:0 0 30px 0;margin: 0;font-family: "shiseido2013winlight";font-size: 44px;color: #fff; text-align: center;} #h2 .video-container h2 {font-family: "PL-shiseido2001Light";} .video-container h2 img {width: auto;} .video-container a { float: left;width: 100%; min-height: 220px;font-size: 17px;line-height: 20px; background-color: #fff;transition: all 300ms ease-in-out;} .video-container p {padding-top: 10px;transition: all 300ms ease-in-out;} .step-container .video-container p {text-align:justify;} .video-container .img-container {overflow: hidden;} .video-container img {width: 100%; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all 300ms ease-in-out;} .title-video-container {padding: 10px;min-height: 65px;} .title-video-container .icon {margin: 0 5px 10px 0;transition: all 300ms ease-in-out;} .no-touch .video-container a:hover, .no-touch .video-container a:active, .no-touch .video-container a:focus {background-color: #f0ede8;} .no-touch .video-container a:hover .title-video .icon, .no-touch .video-container a:active .title-video .icon, .no-touch .video-container a:focus .title-video .icon {color: #c8102e;} .no-touch .video-container a:hover img, .no-touch .video-container a:active img, .no-touch .video-container a:focus img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .video-container h4 {font-family: "shiseido2013winbold";font-size: 17px;color: #fff;} #pl .video-container h4 {font-family: "PL-shiseido2001Light";} /* Cross Selling */ .cross-selling-container h2 {padding: 30px 0;margin: 0;font-family: "shiseido2013winlight";font-size: 44px;text-align: center;} #pl .cross-selling-container h2 {font-family: "PL-shiseido2001Light";} .items-container .item {position: relative;overflow: hidden; display: block; text-align: center;border: 1px solid #fff;transition: all 300ms ease-in-out;} .items-container .item img {padding-bottom: 30px;} .items-container .extra-info {overflow: hidden; display: block;min-height: 58px;padding-top: 9px;} .items-container .extra-info.new-info {padding-top: 28px;margin-bottom: 10px;} .items-container .extra-info.day-night-info {padding-top: 28px;margin-bottom: 10px;} .items-container .extra-info.new-info.day-night-info {padding-top: 9px;margin-bottom: 10px;} .items-container .info-sup {font-size: 12px;font-family: "shiseido2013winbold";color: #4c4c4c;text-align: right; padding:0 9px 0 0;} #pl .items-container .info-sup {font-family: "PL-shiseido2001Light";} .items-container .info-sup.new, .quickview-title .info-sup.new {font-family: "shiseido2013winbold";font-size: 12px;color: #c8102e;text-transform: uppercase;} #pl .quickview-title .info-sup.new {font-family: "PL-shiseido2001Light";} .items-container .category, .quickview-title .category {font-family: "shiseido2013winbold"; font-size: 13px;color: #4c4c4c;text-transform: uppercase;} #pl .quickview-title .category{font-family: "PL-shiseido2001Light";} .items-container .title, .quickview-title .title {font-size: 17px;line-height: 20px;padding-bottom: 15px;} .quickview-title {text-align: center; } .items-container .title { padding: 0 5px 15px 5px; } .h3-title {font-size: 17px;line-height: 20px;padding-bottom: 15px;padding: 0 5px 15px 5px; font-family: "shiseido2013winlight";} .h2-title {font-size: 17px!important;line-height: 20px;padding-bottom: 15px;padding: 0 5px 15px 5px; font-family: "shiseido2013winlight";} .items-container .hover-container {display: block;position: absolute;bottom: -100px; width: 100%;padding: 17px 0; border-top: 1px solid #fff;background-color: #fff;transition: all 300ms ease-in-out;} .items-container .hover-container.double {padding: 28px 0;} .items-container .hover-container a {float: left;width: 50%;font-size: 13px;font-family: "shiseido2013winbold";text-transform: uppercase;text-align: center; border: none;} #pl .items-container .hover-container a {font-family: "PL-shiseido2001Light";} html#de .items-container .hover-container a {width:100%; margin: 1px 0;} .items-container .link-quick-view {color:#000;transition: all 300ms ease-in-out;} .items-container .link-details {color:#c8102e;transition: all 300ms ease-in-out;} .quickview-link-details {color:#c8102e;transition: all 300ms ease-in-out;display:block; margin-top: 10px;text-transform:uppercase;margin-bottom: 20px;} .no-touch .items-container .hover-container a:hover {text-decoration: underline;} .no-touch .items-container .item:hover, .no-touch .items-container .item:active, .no-touch .items-container .item:focus {border: 1px solid #000;} .no-touch .items-container .item:hover .hover-container, .no-touch .items-container .item:active .hover-container, .no-touch .items-container .item:focus .hover-container {bottom: 0;} .no-touch .items-container .item:hover .hover-container, .no-touch .items-container .item:active .hover-container, .no-touch .items-container .item:focus .hover-container {border-top: 1px solid #000;} /* Liste multi choix */ .multi-choice .item, .multi-choice .liste-choice {float: left; width: 50%;} .multi-choice .liste-choice {padding-top: 0px;} .liste-choice ul {padding:0 10px;} .liste-choice ul li {padding: 1px; text-align: center;cursor: pointer;transition: all 150ms ease-in-out;} /* .no-touch .liste-choice ul li:hover {padding: 0 0 2px 0;} */ .name-choice {padding: 10px; font-family: 'shiseido2013winbold';font-size: 12px;color: #c8102e;text-transform: uppercase;} #pl .name-choice {font-family: "PL-shiseido2001Light";} /* ILLUSTRATION */ .bg-decoration-container {clear: both; position: relative;overflow: hidden;height: 300px; background: transparent url(../images/bg-decoration.jpg) center center no-repeat; -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */ /*background-attachment: fixed;*/ margin: 0 0 0 0;} .touch .bg-decoration-container { background-attachment: scroll; } /* INNOVATION */ .innovation-container {margin: 50px 0 20px 0;} .innovation-container h3 {font-family: "shiseido2013winlight";font-size: 25px;line-height: 30px;padding: 0 0 15px 107px;min-height: 100px;} #pl .innovation-container h3 {font-family: "PL-shiseido2001Light";} .innovation-container a {font-family: "shiseido2013winbold";font-size: 13px;color: #c8102e;text-transform: uppercase;border-bottom: 1px solid #fff; transition: all 300ms ease-in-out;} #pl .innovation-container a {font-family: "PL-shiseido2001Light";} .no-touch .innovation-container a:hover, .no-touch .innovation-container a:active, .no-touch .innovation-container a:focus {color: #000;border-bottom: 1px solid #000;} .innovation-container ul li img {float: left;margin: 0 20px 20px 0;} /* ---------------------------------------- */ /* >> Liste ------------------------------- */ /* ---------------------------------------- */ .separateur {margin: 40px 0;} /* HEADER IBUKI */ .header-product-container {overflow: hidden; margin-bottom: 20px; margin-top: 20px;} .header-product-container .breadcrumbs-container {text-align: left;padding: 32px 0 0 0;} .header-product-container h1 {font-family: "shiseido2013winlight";font-size: 44px;} #pl .header-product-container h1 {font-family: "PL-shiseido2001Light";} .header-product-container p {padding: 0 0 0 0;} .header-product-container .category-description p { margin-bottom: 15px; } .header-product-container a {font-size: 13px;text-transform: uppercase;transition: all 300ms ease-in-out;} .more-info-content {display: none;text-align: left; margin: 10px 0;} .more-info-techno {display: none;text-align: left; margin: 10px 0;} .readmore-js-toggle { display: inline-block; margin: 20px 0 20px 0;font-family: "shiseido2013winbold"; font-size: 13px; color: #c8102e; text-transform: uppercase; border-bottom: 1px solid #fff; transition: all 300ms ease-in-out; } #pl .readmore-js-toggle {font-family: "PL-shiseido2001Light";} /* HEADER TAXONOMY */ .header-taxonomy-container {overflow: hidden;display: block; text-align: center;padding-bottom:20px;} .header-taxonomy-container h1 {font-family: "shiseido2013winlight";font-size: 44px;} #pl .header-taxonomy-container h1 {font-family: "PL-shiseido2001Light";} .header-taxonomy-container p {padding: 0 0 20px 0;} .header-taxonomy-container { margin-bottom: 30px; } /* FILTER */ .shadow-box { position:relative; background:#fff;margin: 0 0 30px 0;} .shadow-box:before { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,.4); -moz-box-shadow:0 0 20px rgba(0,0,0,.4); box-shadow:0 0 20px rgba(0,0,0,.4); top:0; bottom:0; left:10%; right:10%; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .shadow-box > ul {padding: 4px 0; background: #fcfcfc; background: -moz-linear-gradient(left, #fcfcfc 0%, #f5f5f5 50%, #fcfcfc 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(50%,#f5f5f5), color-stop(100%,#fcfcfc)); background: -webkit-linear-gradient(left, #fcfcfc 0%,#f5f5f5 50%,#fcfcfc 100%); background: -o-linear-gradient(left, #fcfcfc 0%,#f5f5f5 50%,#fcfcfc 100%); background: -ms-linear-gradient(left, #fcfcfc 0%,#f5f5f5 50%,#fcfcfc 100%); background: linear-gradient(to right, #fcfcfc 0%,#f5f5f5 50%,#fcfcfc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc',GradientType=1 ); } .shadow-box li {border-left: 1px solid #dcdcdc;padding: 0 10px;} .shadow-box li:first-child {border-left: 0;} .shadow-box li a.new-all-products {color: #4c4c4c;font-size: 13px;line-height: 16px;font-family: "shiseido2013winbold";text-transform: uppercase;text-decoration: none;} #pl .shadow-box li a.new-all-products {font-family: "PL-shiseido2001Light";} .filter-container {border-top: 20px solid #fff;} .filter-active {margin-bottom: 400px;} [class*="block-grid-"] > li.li-illustration {padding-right: 0;} [class*="block-grid-"] > li.li-item {padding-left: 0;} /* START BEST SELLERS */ .best-seller-container {margin-bottom: 25px;} .best-seller-container h2 {font-family: "shiseido2013winlight";font-size: 45px;text-align: center;} #pl .best-seller-container h2 {font-family: "PL-shiseido2001Light";} /* STEP */ /* Step 1 */ .featured-product { min-height: 354px; } .items-container .item.featured-product img.featured { padding-bottom: 25px!important; } .illustration-product-container {position: relative; display: block; height: 100%;-webkit-background-size: cover!important; /* pour Chrome et Safari */ -moz-background-size: cover!important; /* pour Firefox */ -o-background-size: cover!important; /* pour Opera */ background-size: cover!important; /* version standardisée */ border-top: 1px solid #a3a3a3; border-right: 0 solid #a3a3a3; border-bottom: 1px solid #a3a3a3; border-left: 1px solid #a3a3a3; background-position: center center!important; } .illustration-product-container:before {content:"";position:absolute;top: -1px;right: -0.0625rem;display: block;width: 30px;height: 1px;background-color: #a3a3a3;z-index:1;} .illustration-product-container:after {content:"";position:absolute;bottom: -1px;right: -0.0625rem;display: block;width: 30px;height: 1px;background-color: #a3a3a3;z-index:1;} .item.highlight-item { border-top: 1px solid #a3a3a3; border-right: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; border-left: 1px solid #fff;} .no-touch .items-container .fisrt-item .item:hover, .no-touch .items-container .fisrt-item .item:active, .no-touch .items-container .fisrt-item .item:focus { border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #a3a3a3;} .no-touch .items-container .fisrt-item .item:hover .hover-container, .no-touch .items-container .fisrt-item .item:active .hover-container, .no-touch .items-container .fisrt-item .item:focus .hover-container {border-top: 1px solid #a3a3a3;} .step-number-aspect {font-size: 18px;color: #c8102e;} .step-container h2 {font-family: "shiseido2013winlight";font-size: 32px;word-wrap: break-word;} #pl .step-container h2 {font-family: "PL-shiseido2001Light";} .special-action .special-action-content {overflow: hidden;display: block;min-height: 337px;margin: 15px auto 0 auto;padding: 0 25px; text-align: center;transition: all 300ms ease-in-out;} .no-touch .special-action:hover .special-action-content, .no-touch .special-action:active .special-action-content, .no-touch .special-action:focus .special-action-content {box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);} .special-action a {font-size: 13px;font-family: "shiseido2013winbold";color: #c8102e;text-transform: uppercase;border-bottom: 1px solid #fff;transition: all 300ms ease-in-out;} #pl .special-action a {font-family: "PL-shiseido2001Light";} .no-touch .special-action a:hover, .no-touch .special-action a:active, .no-touch .special-action a:focus {color: #000;border-bottom: 1px solid #000;} .special-action .title {position: relative; font-size: 18px;line-height: 20px;font-family: "shiseido2013winbold";color: #000;padding-bottom: 16px;margin-bottom: 16px;} #pl .special-action .title {font-family: "PL-shiseido2001Light";} /*.special-action .title:after {content: " ";position: absolute;display: block;width: 50%;height: 1px;bottom: 0;left: 50%;margin-left: -25%;background-color: #a3a3a3;}*/ /* Custom special action */ .illustration-container {background: #f8f8f8 url(../images/illustration-01.jpg) center bottom no-repeat;-webkit-background-size: cover!important; /* pour Chrome et Safari */ -moz-background-size: cover!important; /* pour Firefox */ -o-background-size: cover!important; /* pour Opera */ background-size: cover!important; /* version standardisée */ } .illustration-container a {border-bottom: 1px solid #f8f8f8;transition: all 300ms ease-in-out;} .illustration-container .title {margin-top: 20px;} .localization-container {position: relative;background: #f8f8f8 url(../../assets/images/catalog/bg-findstore-map.jpg) center top no-repeat;} .localization-container .bottom-container {position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 180px; background: #000 url(../../assets/images/catalog/bg-findstore-01.jpg) center bottom no-repeat;} .localization-container .title {font-family: "shiseido2013winbold";font-size: 18px;color: #fff; margin: 15px 0 0 0;padding: 0; text-transform: uppercase;} /*.localization-container {background: #f8f8f8 url(../images/icon-localisation.png) center 40px no-repeat;} .localization-container a {border-bottom: 1px solid #f8f8f8;transition: all 300ms ease-in-out;} .localization-container .title {margin-top: 140px;text-transform: none;}*/ /* ---------------------------------------- */ /* >> Header ------------------------------ */ /* ---------------------------------------- */ .top-header {position: relative; padding: 12px 0;} .logo-container img {max-width: 352px;} .camellia-container {float: right;} .camellia-container img {max-width:56px;} @media screen and (max-width: 1290px) { .uber-foundation-container { margin: 0!important; width: 100%; } .logo-foundation-container { margin: 0!important; } .camellia-foundation-container { float: right!important; } } /* Custom Uber Mega Menu */ .ubermenu-bound .ubermenu-submenu-type-mega { min-width: inherit!important; } .ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target { margin: 0 10px; } .bg-ubermenu {background-color: #f0ede8;} .bg-ubermenu .ubermenu-skin-clean-white.ubermenu-responsive-toggle {background: #f0ede8;font-size: 20px;font-weight: normal:} .bg-ubermenu .ubermenu-skin-clean-white.ubermenu-responsive-toggle:hover {background: #f0ede8;color: #000;} .bg-ubermenu .ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {background: transparent url(../images/bg80.png) 0 0 repeat;} .bg-ubermenu .uber-countries { padding-top: 10px!important; padding-bottom: 10px!important; } .bg-ubermenu .uber-countries a { padding-top: 10px; padding-bottom: 10px; } #pl .ubermenu-main, #pl .ubermenu-main .ubermenu-target, #pl .ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target { font: normal 14px/18px PL-shiseido2001Light, Helvetica, Arial, sans-serif!important; } .bg-ubermenu .column-title { text-align: center; } .bg-ubermenu .column-title .ubermenu-target-title { text-transform: uppercase!important; color: #fff!important; } .bg-ubermenu a.column-title { text-transform: uppercase!important; color: #fff!important; } .bg-ubermenu a.column-title .ubermenu-target-title:hover { color: #af2d35!important; } .bg-ubermenu a.sub-column-title .ubermenu-target-title {font-family: "shiseido2013winbold"; } #pl .bg-ubermenu a.sub-column-title .ubermenu-target-title {font-family: "PL-shiseido2001Light";} .bg-ubermenu .ubermenu-item-type-custom .ubermenu-target-with-icon { padding: 15px 3px 15px 3px!important; } #ru .ubermenu .main-menu-item { padding: 15px 13px; } #es .ubermenu .main-menu-item { padding: 15px 13px; } #es-ar .ubermenu .main-menu-item { padding: 15px 13px; } #pt-pt .ubermenu .main-menu-item { padding: 15px 13px; } #el .ubermenu .main-menu-item { padding: 15px 13px; } #search_results_activity_indicator {display: block;width: 25px;margin-top: 3px; margin-left: -10px;background-color: #f9f9f9;} #search_results_activity_indicator canvas {padding-left: -50px;} ul.dwls_search_results {border: 1px solid #d4d3d3;} ul.dwls_search_results li {border: 0!important;padding: 0!important;} ul.dwls_search_results li a.daves-wordpress-live-search_title {width: 100%; color: #4c4c4c!important;text-transform: none;font-weight: normal!important;font-size: 17px!important;line-height: 20px;padding: 5px 12px!important;margin: 0;list-style: none;border-top: 1px solid #d4d3d3;transition: all 300ms ease-in-out;} .daves-wordpress-live-search_type {display: block; font-size: 12px;text-transform: uppercase;color: #c8102e;padding: 0 12px 5px 12px!important;transition: all 300ms ease-in-out;} ul.dwls_search_results li:hover a {background-color: #c8102e; color: #fff!important;} /* Medias Query Special Custom Header - max-width 640px */ @media only screen and (max-width: 960px) { .top-header {padding: 0;z-index: 2;} .top-header .logo-container {display: none;} #l-eu .top-header .logo-container {display: inline-block;float: inherit;width:100%;text-align:center; padding: 20px 0!important;} #l-eu .top-header .logo-container img { width: 250px; } .camellia-container {position: absolute;top: 8px;right: 16px;width: 40px;} #l-eu .logo-foundation-container { width: 100%!important; } #l-eu .top-header .camellia-foundation-container {display: none;} .bg-ubermenu {background-color: #c8102e;} .bg-ubermenu .ubermenu-skin-clean-white.ubermenu-responsive-toggle {background: #c8102e;color: #fff;transition: all 300ms ease-in-out;} .bg-ubermenu .ubermenu-skin-clean-white.ubermenu-responsive-toggle:hover {background: #c8102e;color: #000;} .bg-ubermenu .ubermenu-main { background-color: #c8102e; background: -webkit-gradient(linear,left top,left bottom,from(#c8102e),to(#c8102e)); background: -webkit-linear-gradient(top,#c8102e,#c8102e); background: -moz-linear-gradient(top,#c8102e,#c8102e); background: -ms-linear-gradient(top,#c8102e,#c8102e); background: -o-linear-gradient(top,#c8102e,#c8102e); background: linear-gradient(top,#c8102e,#c8102e); border: 1px solid #c8102e; } .bg-ubermenu .ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target {color: #fff;} .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color: #000!important; background: transparent; } .bg-ubermenu .ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {background: #000;} } /* ---------------------------------------- */ /* >> Footer ------------------------------ */ /* ---------------------------------------- */ footer .bg-red {padding: 15px 0;} footer .bg-black {padding: 50px 0 25px 0;} .social-container .title {color: #fff;font-size: 18px;line-height: 30px;text-align: right;} .social-container ul {margin: 0;padding: 0;list-style: none;} .social-container li {padding-bottom: 0;} .social-container .social {display: block;width: 30px;height: 30px;color: #fff;text-align: center;padding-top: 4px; background-color: #000; border-radius: 50%;transition: all 300ms ease-in-out;} .social-container .social-fb {background-color: #3b5998;} .social-container .social-tw {background-color: #00cffe;} .social-container .social-pt {background-color: #cb2027;} .social-container .social-yt {background-color: #cb2027;} .social-container .social-it {background-color: #517fa4;} .no-touch .social-container .social:hover, .no-touch .social-container .social:active, .no-touch .social-container .social:focus {background-color: #000;} .newsletter-footer-container .title {color: #fff;font-size: 18px;line-height: 30px;text-align: right;} .newsletter-footer-container .text-field {font-size: 18px;line-height: 20px;height: 30px;margin-bottom: 0;border: 1px solid #8e2227;} .newsletter-footer-container .gform_footer input.gform_button {margin: 0 0 0 10px;padding: 5px 10px 4px 10px;border: 1px solid #000;} .newsletter-footer-container .gform_footer input.gform_button:hover, .newsletter-footer-container .gform_footer input.gform_button:active, .newsletter-footer-container .gform_footer input.gform_button:focus {background-color: #c8102e;} .newsletter-footer-container .gform_wrapper .validation_error { display: none!important; } .newsletter-footer-container .gform_wrapper .gform_body .gform_fields .gfield_error {margin: 0!important; } .newsletter-footer-container .gform_confirmation_wrapper { color: #fff!important; margin: 8px!important;} .newsletter-footer-container .newsletter-link { color:#fff; color: #fff; font-size: 18px; line-height: 30px; } .newsletter-footer-container .newsletter-link:hover { text-decoration: underline; } /* Custom du champ newsletter en footer*/ .newsletter-footer-container .gform_wrapper form {margin: 0;} .newsletter-footer-container .gform_body {float: left; width: 80%;} .newsletter-footer-container .gform_footer {float: left;width: 20%;} .newsletter-footer-container .gform_body ul {margin: 0;list-style: none;} .newsletter-footer-container .gform_body .ginput_container {height: 30px;margin: 0;} .newsletter-footer-container .gform_body .ginput_container input {margin: 0;padding: 5px 10px;height: 30px;border: 1px solid #c8102e:} .btn-newsletter-footer {position: relative;display: inline-block;padding: 6px 12px;margin: 0;color: #fff;font-size: 16px;line-height: 16px;text-transform: uppercase;border: 1px solid #8e2227;background-color: transparent;transition: all 300ms ease-in-out;} .no-touch .btn-newsletter-footer:hover, .no-touch .btn-newsletter-footer:active, .no-touch .btn-newsletter-footer:focus {background-color:#000;color: #fff;} footer .second-part a {color: #fff;border-bottom: 1px solid #000;transition: all 300ms ease-in-out;} footer .second-part a:hover, footer .second-part a:active, footer .second-part a:focus {color: #c8102e;border-bottom: 1px solid #c8102e;} footer .copyright {color: #a3a3a3;font-size: 14px;} /* ---------------------------------------- */ /* >> SEARCH ------------------------------ */ /* ---------------------------------------- */ .search-container {padding: 40px 0 50px 0;background: #fff url(../../assets/images/catalog/bg-cream.jpg) center center no-repeat;} .search-header {overflow: hidden; display: block; text-align: center;} .search-results {display: block; font-family: "shiseido2013winlight";font-size: 22px;color: #000;margin-bottom: 10px;} #pl .search-results {font-family: "PL-shiseido2001Light";} .search-results > span {color: #c8102e;} .search-text {display: block; font-family: "shiseido2013winlight";font-size: 44px;color: #000;margin-bottom: 30px;} #pl .search-text {font-family: "PL-shiseido2001Light";} .search-container-bg {overflow: hidden; padding: 10px 8.33333% 50px;background: #fff url(../../assets/images/catalog/bg-shadow.png) center top no-repeat; } .search-container-bg h2 {font-family: "shiseido2013winlight";font-size: 18px; color: #c8102e;margin:45px 0 20px 0!important;} #pl .search-container-bg h2 {font-family: "PL-shiseido2001Light";} .search-container-bg a {display: block;width: 100%;padding: 15px 10px;font-family: "shiseido2013winbold";font-size: 15px;color: #4c4c4c;text-transform: uppercase;border-bottom: 1px solid #a3a3a3;background-color: #fff; transition: all 300ms ease-in-out;} #pl .search-container-bg a {font-family: "PL-shiseido2001Light";} .no-touch .search-container-bg a:hover, .no-touch .search-container-bg a:active, .no-touch .search-container-bg a:focus {background-color: #f5f5f5;} /* ---------------------------------------- */ /* >> Underconstruction ------------------- */ /* ---------------------------------------- */ .page-template-page-template-under-construction-tr .sto-loc-online-container {text-align: center; padding: 0px 0 50px 0;background: #fff url(../../assets/images/catalog/bg-cream.jpg) center center no-repeat;} .page-template-page-template-under-construction-tr .sto-loc-online-container h1 {font-family: "shiseido2013winlight";font-size: 44px;color: #000;margin-bottom: 30px!important;} #pl .page-template-page-template-under-construction-tr .sto-loc-online-container h1 {font-family: "PL-shiseido2001Light";} @media only screen and (max-width: 40em) { .page-template-page-template-under-construction-tr .sto-loc-online-container h1 {font-size: 30px;line-height: 34px;} } .page-template-page-template-under-construction-tr .sto-loc-online-container-bg {overflow: hidden; padding: 45px 8.33333%;background-color: #fff;text-align: left; } .page-template-page-template-under-construction-tr .reseller-container ul { margin: 17px 0 0 0; padding: 0 0 0 26px; } .page-template-page-template-under-construction-tr .btn-simple-rouge {display: block; font-family: "shiseido2013winbold";color: #fff;text-align: center; background-color: #c8102e;border: 1px solid #c8102e;padding: 11px 10px;margin: 0 0 10px 0;transition: all 300ms ease-in-out;} .page-template-page-template-under-construction-tr #pl .btn-simple-rouge {font-family: "PL-shiseido2001Light";} .no-touch .page-template-page-template-under-construction-tr .btn-simple-rouge:hover, .no-touch .page-template-page-template-under-construction-tr .btn-simple-rouge:active, .no-touch .page-template-page-template-under-construction-tr .btn-simple-rouge:focus {background-color: #000;color: #fff;border: 1px solid #000;} /* ---------------------------------------- */ /* >> STORE LOCATOR ----------------------- */ /* ---------------------------------------- */ .sto-loc-container {text-align: center; padding: 0 0 130px 0;background: #fff url(../../assets/images/catalog/bg-locator.jpg) center top no-repeat; -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */} .sto-loc-container .breadcrumbs-container li, .sto-loc-container .breadcrumbs-container a {color: #fff;} .sto-loc-container h1 {font-family: "shiseido2013winlight";font-size: 44px;color: #fff;margin-bottom: 110px;} #pl .sto-loc-container h1 {font-family: "PL-shiseido2001Light";} .sto-loc-container h2 {font-family: "shiseido2013winlight";font-size: 30px;line-height: 40px; color: #fff;margin-bottom: 30px;} #pl .sto-loc-container h2 {font-family: "PL-shiseido2001Light";} .choice-container {display: block; width: 50%;margin: 0 auto;} .reseller-choice-container li:first-child {border-right: 1px solid #fff;} .choice-container .btn-simple-transparent {text-transform: uppercase;color: #fff;font-size: 16px;} /* ---------------------------------------- */ /* >> LANDING ----------------------- */ /* ---------------------------------------- */ .page-template-page-template-country-landing-php { background-color: #000; } .page-template-page-template-country-landing-php .sto-loc-container { padding: 100px 0 130px 0; } #ch .page-template-page-template-country-landing-php .sto-loc-container {background: #fff url(../../assets/images/catalog/switzerland.jpg) center top no-repeat;-webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */} #be .page-template-page-template-country-landing-php .sto-loc-container {background: #fff url(../../assets/images/catalog/belgium.jpg) center top no-repeat;-webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */} /* ---------------------------------------- */ /* >> STORE LOCATOR ONLINE ---------------- */ /* ---------------------------------------- */ .sto-loc-online-container {text-align: center; padding: 0 0 50px 0;background: #fff url(../../assets/images/catalog/bg-cream.jpg) center center no-repeat;} .page-template-page-template-stores-php .sto-loc-online-container { background: none; } .sto-loc-online-container h1 {font-family: "shiseido2013winlight";font-size: 44px;color: #000;margin-bottom: 30px;} #pl .sto-loc-online-container h1 {font-family: "PL-shiseido2001Light";} .sto-loc-online-container-bg {overflow: hidden; padding: 0 0 0 0;background-color: #fff;text-align: left; } .reseller-container ul {margin: 0;padding: 0;list-style: none;margin-bottom: 0;} .reseller-container li {overflow: hidden; display: block; width: 100%;padding: 15px 10px;border-bottom: 1px solid #a3a3a3;background-color: #fff;transition: all 300ms ease-in-out;} .no-touch .reseller-container li:hover, .no-touch .reseller-container li:active, .no-touch .reseller-container li:focus {background-color: #f5f5f5;} .sto-loc-online-container-bg .filter-container {background-color: #000;border: 0;line-height: 44px;padding: 0 8.33333%;} .sto-loc-online-container-bg .ibuki-select.chzn-container-active.chzn-with-drop .chzn-single { color: #fff!important; padding-right: 15px; } .sto-loc-online-container-bg .ibuki-select.chosen-container-active.chosen-with-drop .chosen-single { color: #fff!important; padding-right: 15px; } .reseller-container a {overflow: hidden; display: block;width: 100%;} .reseller-container a.btn {float: right; width: auto;} .img-reseller {float: left;width: 45px;height: 45px;margin-right: 20px;} .info-reseller {float: left;} .info-reseller span {display: block;} .page-template-page-template-stores-php .reseller-container ul ul .info-reseller { margin-left: 15px; } .name-reseller {font-family: "shiseido2013winlight";font-size: 18px;line-height: 20px; color: #000;padding-top: 5px;} #pl .name-reseller{font-family: "PL-shiseido2001Light";} .website-reseller {font-family: "shiseido2013winbold";font-size: 15px;line-height: 20px;color: #4c4c4c;} #pl .website-reseller {font-family: "PL-shiseido2001Light";} /* ---------------------------------------- */ /* >> 404 --------------------------------- */ /* ---------------------------------------- */ .error404 .sto-loc-online-container {text-align: center; padding: 0px 0 50px 0;background: #fff url(../../assets/images/catalog/bg-cream.jpg) center center no-repeat;} .error404 .sto-loc-online-container h1 {font-family: "shiseido2013winlight";font-size: 44px;color: #000;margin-bottom: 30px!important;} #pl .error404 .sto-loc-online-container h1 {font-family: "PL-shiseido2001Light";} @media only screen and (max-width: 40em) { .error404 .sto-loc-online-container h1 {font-size: 30px;line-height: 34px;} } .error404 .sto-loc-online-container-bg {overflow: hidden; padding: 45px 8.33333%;background-color: #fff;text-align: left; } .error404 .reseller-container ul { margin-top: 10px; margin-left: 17px; list-style-type: disc; list-style-position: outside; } .error404 .reseller-container ul li { background: none; border: none; padding: 0; margin: 0 0 5px 0; overflow: visible; display: list-item; } .error404 .reseller-container ul li a { display: inline-block; overflow: visible; width: auto; vertical-align: text-top; line-height: 20px; } .error404 .reseller-container ul ul { list-style-type: circle; } .error404 .reseller-container ul ul ul { list-style-type: square; } /* ---------------------------------------- */ /* >> SEARCH ------------------------------ */ /* ---------------------------------------- */ .search-no-results .sto-loc-online-container {text-align: center; padding: 0px 0 50px 0;background: #fff url(../../assets/images/catalog/bg-cream.jpg) center center no-repeat;} .search-no-results .sto-loc-online-container h1 {font-family: "shiseido2013winlight";font-size: 44px;color: #000;margin-bottom: 30px!important;} #pl .search-no-results .sto-loc-online-container h1 {font-family: "PL-shiseido2001Light";} @media only screen and (max-width: 40em) { .search-no-results .sto-loc-online-container h1 {font-size: 30px;line-height: 34px;} } .search-no-results .sto-loc-online-container-bg {overflow: hidden; padding: 45px 8.33333%;background-color: #fff;text-align: left; } .search-no-results .reseller-container ul { margin-top: 10px; margin-left: 17px; list-style-type: disc; list-style-position: outside; } .search-no-results .reseller-container ul li { background: none; border: none; padding: 0; margin: 0 0 5px 0; overflow: visible; display: list-item; } .search-no-results .reseller-container ul li a { display: inline-block; overflow: visible; width: auto; vertical-align: text-top; line-height: 20px; } .search-no-results .reseller-container ul ul { list-style-type: circle; } .search-no-results .reseller-container ul ul ul { list-style-type: square; } /* ---------------------------------------- */ /* >> MAKE UP ----------------------------- */ /* ---------------------------------------- */ .makeup-container {text-align: center; padding: 0 0 50px 0;} .makeup-container h1 {font-family: "shiseido2013winlight";font-size: 44px;color: #000;margin-bottom: 30px;} #pl .makeup-container h1 {font-family: "PL-shiseido2001Light";} .makeup-container-header {overflow: hidden; display: block;width: 100%;padding-bottom: 30px;margin-bottom: 30px; background: transparent url(../../assets/images/catalog/bg-shadow.png) center bottom no-repeat;) center bottom no-repeat;} .makeup-choice-container .btn-simple-noir {text-transform: uppercase;margin: 20px 0;} /* MEDIAS QUERY */ @media only screen { } /* Define mobile styles */ /* max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (max-width: 960px) { .logo-container {float: left;padding-top: 5%;} .logo-container img {max-width: none;width: 100%;} .camellia-container img {max-width:none;width: 100%;} } @media only screen and (max-width: 40em) { /* DETAIL PRODUCT */ .title-product-container h1 {width: 70%;font-size: 30px;line-height: 35px;} .nav-product {width: 15%;} .arrow-container {width: 100%;} .resp-tab-content .video-container {width: 100%;} /* MAKEUP PATTERNS */ .video-container a {margin-bottom: 30px;} /* HEADER IBUKI */ .header-product-container {text-align: center; background:none;min-height: 330px;margin-bottom: 30px;background: none!important;} .header-product-container .breadcrumbs-container {text-align: center;} .shadow-box li {border-left: 0;} .shadow-box li {text-align: center;} .shadow-box li a.new-all-products {display: block; padding: 10px 0;} /* Step 1 */ .illustration-product-container {min-height: 300px; border-top: 1px solid #a3a3a3; border-right: 1px solid #a3a3a3; border-bottom: 0 solid #a3a3a3; border-left: 1px solid #a3a3a3;} .illustration-product-container:before {content:"";position:absolute;top: auto;bottom: -0.0625rem; right: auto; left: -1px; display: block;width: 1px;height: 30px;background-color: #a3a3a3;z-index:1;} .illustration-product-container:after {content:"";position:absolute;bottom: -0.0625rem;right: -1px;display: block;width: 1px;height: 30px;background-color: #a3a3a3;z-index:1;} .item.highlight-item { border-top: 1px solid #fff; border-right: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; border-left: 1px solid #a3a3a3;} [class*="block-grid-"] > li.li-illustration {padding-right: 0.625rem;padding-bottom: 0;} [class*="block-grid-"] > li.li-item {padding-left:0.625rem;} .no-touch .items-container .fisrt-item .item:hover, .no-touch .items-container .fisrt-item .item:active, .no-touch .items-container .fisrt-item .item:focus {border: 1px solid #fff;} /* Liste multi choix */ .items-container .multi-choice {padding: 0.625rem 1.25rem; border-bottom: 1px solid #d1d1d1;} .multi-choice .item, .multi-choice .liste-choice {float: none; width: 100%;} /* INNOVATION */ .innovation-container {text-align: center; } .innovation-container h3 { padding: 0 0 15px 0; min-height: inherit; } .innovation-container ul li img {float: none;width: 100%;} .text-innovation {margin-bottom: 70px;} /* STORE LOCATOR */ .sto-loc-container {padding: 0 0 30px 0;} .choice-container {width: 100%;} .reseller-choice-container li:first-child {border-right: 0;margin-bottom: 20px;} .sto-loc-container h1 {margin-bottom: 20px;} .sto-loc-container h2 {font-size: 20px;line-height: 30px;margin-bottom: 15px;} /* MAKEUP */ .makeup-choice-container li:first-child {margin-bottom: 40px;} /* FOOTER */ .social-container {margin-bottom: 20px;} .social-container .title {text-align: left;padding-bottom: 5px;} .social-container .social {margin: 0 auto;} .newsletter-footer-container .title {text-align: left;padding-bottom: 5px;} .newsletter-footer-container .text-field {margin-bottom: 10px;} .btn-newsletter-footer {width: 100%;text-align: center;} .reseller-container .img-reseller {width: 25%;margin-right: 0;text-align: center;} .reseller-container .info-reseller {width: 75%;} } /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { /* DETAIL PRODUCT */ .title-product-container h1 {width: 70%;} .nav-product {width: 15%;} .arrow-container {width: 100%;} /* .resp-tabs-container {margin-bottom: 70px;} */ .resp-tab-content .video-container {width: 100%;} /* MAKEUP PATTERNS */ .video-container a {margin-bottom: 50px;} /* HEADER IBUKI */ .header-product-container {text-align: center; background:none;min-height: 260px;background: none!important;} .header-product-container .breadcrumbs-container {text-align: center;} /* Step 1 */ .no-touch .items-container .fisrt-item .item:hover, .no-touch .items-container .fisrt-item .item:active, .no-touch .items-container .fisrt-item .item:focus {border: 1px solid #fff;} /* Liste multi choix */ .items-container .multi-choice {padding: 0.625rem 1.25rem;border-bottom: 1px solid #d1d1d1;} /* STORE LOCATOR */ .choice-container {width: 80%;} .sto-loc-container h2 {font-size: 27px;line-height: 30px;} /* FOOTER */ .social-container {margin-bottom: 20px;} .social-container .title {text-align: left;} .social-container .social {margin: 0 auto;} .newsletter-footer-container .title {text-align: left;} .btn-newsletter-footer {width: 100%;text-align: center;} } /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) {} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1921px, xxlarge screens */ @media only screen and (min-width: 120.063em) { } @media print { header, footer, .breadcrumbs-container, .nav-product, .images-gallery-container, .new-shades-container, .existing-shades-container, .call-to-action-container, .description-container .medium-6.large-6.end.columns, .social-item, .social-btn-hide, .video-container, .cross-selling-container, .bg-decoration-container, .innovation-container, #cookie-bar {display: none;margin: 0;padding: 0;height: 0;} .bg-degrade-gris, .bottom-product-info-container {padding: 0;margin:0;} body {font-family:Tahoma, Geneva, sans-serif;} .print-logo-only {display: block;margin: 20px 0; } .title-product-container h1 {float: left;font-size: 25pt;text-align: left; margin: 0 0 20px 0;padding: 0;} .images-item-container {float: left;width: 250px;margin: 0 0 20px 0;} .description-container {page-break-after : always;} .description-container p {font-size: 10pt; line-height: 15pt; padding: 0 0 20px 0; margin: 0 0 20px 0;border-bottom: 1px solid #000;} .resp-tab-item.resp-tab-active {color: #000;} .resp-tab-content {display: block;margin: 0;padding: 0;} .resp-tab-content p {font-size: 10pt; line-height: 15pt;padding: 0;margin: 0 0 10px 0;} .info-container .title {font-family: "shiseido2013winbold";font-size: 10pt; line-height: 15pt;} #pl .info-container .title {font-family: "PL-shiseido2001Light";} .resp-tabs-list {overflow: hidden;display: block; margin: 50px 0;border-top: 10px solid #fff;} .resp-tab-active {background-color: #fff;color: #000!important;} #horizontalTab1 {margin-bottom: 50px!important;page-break-inside: avoid;} #horizontalTab2 {padding-top: 20px;page-break-inside: avoid;} } .daytime, .nighttime, .daynighttime { text-align: right; margin-bottom: 5px; } .daytime span, .nighttime span, .daynighttime span { font-size: 12px; text-transform: uppercase!important; margin-right: 11px!important; } .daytime span {color: #f3a600;margin-right: 4px;} .nighttime span {color: #a3a3a3;margin-right: 4px;} .daynighttime span.day {color: #f3a600;margin-right: 0px!important;} .daynighttime span.night {color: #a3a3a3;margin-right: 0px!important;} .daytime img, .nighttime img, .daynighttime img { padding-bottom: 2px!important; } /* ---------------------------------------------------------------------------------- */ /* ------------------------------ >> ULTIMUNE GAME << ------------------------------ */ /* ---------------------------------------------------------------------------------- */ .page-template-page-template-ultimune-v2-php header {position: relative;z-index: 5;} .page-template-page-template-ultimune-v2-php .sections-wrapper {position: relative;z-index: 2;}/* Permet de placer le menu d'Ultimune sous le big menu du site */ .ultimune-game-header-container {text-align: center;} .ultimune-game-header-container h1 {position: relative; font-family: "shiseido2013winlight";font-size: 44px;line-height: 44px;padding: 40px 0;margin: 0;} #pl .ultimune-game-header-container h1 {font-family: "PL-shiseido2001Light";} .ultimune-game-header-container h2 {position: relative; font-family: "shiseido2013winbold";font-size: 22px;line-height: 28px;padding: 15px 0 40px 0;} #pl .ultimune-game-header-container h2 {font-family: "PL-shiseido2001Light";} .ultimune-game-header-container .logo-ultimune {max-width: 230px;} .ultimune-game-header-container img {position: relative;} .ultimune-game-main-container {position: relative; text-align: center;background: #e8f6f9 url(../images/bg-molecules-top.jpg) center top no-repeat;-webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */} .ultimune-game-main-container h2 {font-family: "shiseido2013winlight";font-size: 44px;line-height: 44px;color: #596b70;margin: 0; padding: 75px 0 30px 0;background: transparent url(../../assets/images/catalog/bg-shadow.png) center bottom no-repeat;) center top no-repeat;} #pl .ultimune-game-main-container h2 {font-family: "PL-shiseido2001Light";} .ultimune-game-main-container .intro {padding-bottom: 20px;} .ultimune-game-main-container p {font-family: "shiseido2013winbold"; font-size: 17px;line-height: 20px;color: #596b70;padding-bottom: 30px;} #pl .ultimune-game-main-container p {font-family: "PL-shiseido2001Light";} .ultimune-game-main-container .btn-simple-rouge {text-transform: uppercase;} .ultimune-game-main-container textarea { height: 100px!important; margin-bottom: 0px!important; } .ultimune-game-main-container .charleft.ginput_counter { font-size: 13px; color: #787878; margin-bottom: 10px; } .page-template-page-template-ultimune-game-php .fancybox-inner { height: auto!important; text-align: center; } .page-template-page-template-ultimune-game-php .fancybox-inner h3 {font-family: "shiseido2013winbold"; font-size: 18px;line-height: 18px;color: #000;text-transform: uppercase;} #pl .page-template-page-template-ultimune-game-php .fancybox-inner h3 {font-family: "PL-shiseido2001Light";} .page-template-page-template-ultimune-game-php .fancybox-inner .participant_content { margin-top: 25px; } .page-template-page-template-ultimune-v2-php .beautyinyou .fancybox-inner { height: auto!important; text-align: center; } .page-template-page-template-ultimune-v2-php .beautyinyou .fancybox-inner h3 {font-family: "shiseido2013winbold"; font-size: 18px;line-height: 18px;color: #000;text-transform: uppercase;} #pl .page-template-page-template-ultimune-v2-php .beautyinyou .fancybox-inner h3 {font-family: "PL-shiseido2001Light";} .page-template-page-template-ultimune-v2-php .beautyinyou .fancybox-inner .participant_content { margin-top: 25px; } /* Flèches du slider */ .listing-pictures-container {position: relative;} .arrow-list-winner { position: absolute;top: 50%;margin-top: -26px; width: 52px;height: 52px;background-color: hsla(349, 71%, 36%, 0.8); font-size: 28px;color: #fff; padding: 12px 12px 8px 12px;cursor: pointer; z-index: 5;transition: all 300ms ease-in-out; } .arrow-list-winner:hover, .arrow-list-winner:active, .arrow-list-winner:focus {background-color: #000;} .arrow-list-winner-prev {left: 0;} .arrow-list-winner-next {right: 0;} /* max-width 640px */ @media only screen and (max-width: 40em) { .arrow-list-winner {top:0;} } .listing-pictures-container ul {background-color: #fff;margin: 0 0.625em;} .listing-pictures-container li {padding: 0; } .listing-pictures-container .title-liste-container span {display: block; text-align: center;} .listing-pictures-container .title {font-family: "shiseido2013winbold";font-size: 23px;line-height: 25px;padding: 15% 5px 10% 5px;margin-bottom: 2%;background: transparent url(../images/trait-separateur.png) center bottom no-repeat;} #pl .listing-pictures-container .title {font-family: "PL-shiseido2001Light";} .listing-pictures-container .tag {font-family: "shiseido2013winlight";font-size: 21px;line-height: 30px;color: #000;margin: 0; padding-top:10px;} #pl .listing-pictures-container .tag {font-family: "PL-shiseido2001Light";} .listing-pictures-container a.group:hover { opacity: 0.5; filter: alpha(opacity=50) } .bg-molecule-bottom {background: transparent url(../images/bg-molecules-bottom.jpg) center bottom no-repeat;-webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */height: 489px;margin-top: -489px;} .ultimune-game-footer-container {margin:100px 0 50px 0;} .ultimune-game-footer-container h3 {font-family: "shiseido2013winbold"; font-size: 18px;line-height: 30px;color: #000;text-transform: uppercase; padding-bottom: 30px;} #pl .ultimune-game-footer-container h3 {font-family: "PL-shiseido2001Light";} .ultimune-game-footer-container h3 span {display: block; text-transform: none;} .free-sample-container, .find-point-container {position: relative; background-color: #fff;padding: 50px 20px 40px 40%;min-height: 210px;text-align: left;} .free-sample-img, .find-point-img {position: absolute;top: -50px;left: 15%;} .panel-to-show {display: none;} .btn-close-panel {position: absolute;display: block;top: -30px;left: 50%;margin-left: -40px;width: 80px;height: 80px;border-radius: 50%;background-color: #fff;color: #000;text-align: center;font-family: "shiseido2013winbold"; font-size: 15px;line-height: 18px;padding-top: 25px;transition: all 300ms ease-in-out;} #pl .btn-close-panel {font-family: "PL-shiseido2001Light";} .no-touch .btn-close-panel:hover, .no-touch .btn-close-panel:active, .no-touch .btn-close-panel:focus {background-color: #c8102e;color: #fff;} .participate-formulaire-container {position: relative;overflow: visible;display: block; background-color: #fff;margin: 0 0.625em;padding: 60px 0 0 0;} .participate-formulaire-container .bg-white {overflow: hidden; background-color: #fff;padding:0 20px 30px 20px;} .participate-formulaire-container h3 {font-family: "shiseido2013winbold";font-size: 25px;line-height: 30px;color: #000;text-transform: uppercase; padding-bottom: 30px;} #pl .participate-formulaire-container h3 {font-family: "PL-shiseido2001Light";} .participate-formulaire-container p {font-family: "shiseido2013winbold"; font-size: 18px;line-height: 30px;color: #787878;padding-bottom: 20px;} #pl .participate-formulaire-container p {font-family: "PL-shiseido2001Light";} .participate-formulaire {display: block;width: 60%;margin: 0 auto; text-align: left;} .participate-formulaire ul {margin: 0;padding: 0;text-align: left;} .participate-formulaire li {margin: 0;padding: 0;list-style: none;} .ie8 .participate-formulaire li {margin: 10px 0;padding: 0;list-style: none;} .ie8 .participate-formulaire li .ginput_container {margin: 0 0 10px 0;} .participate-formulaire p {text-align: left;} .participate-formulaire input[type="submit"]{display: block;width: 244px; font-family: "shiseido2013winbold";color: #fff;text-align: center;text-transform: uppercase; background-color: #c8102e;padding: 10px;margin: 10px auto;cursor:pointer;transition: all 300ms ease-in-out;} #pl .participate-formulaire input[type="submit"] {font-family: "PL-shiseido2001Light";} .participate-formulaire-container .htag {font-family: "shiseido2013winbold";color: #000;font-size: 15px;line-height: 22px;} #pl .participate-formulaire-container .htag {font-family: "PL-shiseido2001Light";} .participate-formulaire-container .htag span {color: #787878;} .participate-formulaire ul li:nth-child(3) .ginput_container {float: left;width: 100%;} .participate-formulaire ul li:nth-child(3) .gfield_description {font-size: 13px;margin-bottom: 20px;} .participate-formulaire label.gfield_label span.gfield_required {display: none;} .participate-formulaire .gfield_checkbox li {float: left; width: 100%;margin: 0 0 10px 0;clear: both;} .participate-formulaire .gfield_checkbox li input[type=checkbox] {float: left; width: 8%;margin: 3px 0 0 0;} .participate-formulaire .gfield_checkbox li label {float: left; width: 92%;margin: 0;padding: 0 5px;} .participate-formulaire .description_below li:nth-child(4) {clear: both;} /* Champs erreur */ body .gform_wrapper .gform_body .gform_fields .gfield_error {background-color: #fcfcfc;margin: 10px 0;padding: 10px;border: 1px solid #a3a3a3;border-radius: 2px;} body .gform_wrapper .validation_error {font-family: "shiseido2013winbold";font-size: 18px;line-height: 26px;color: #c8102e;padding-bottom: 20px;} #pl body .gform_wrapper .validation_error {font-family: "PL-shiseido2001Light";} body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {font-family: "shiseido2013winbold";font-size: 14px;line-height: 22px;color: #c8102e;clear: both;} #pl body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {font-family: "PL-shiseido2001Light";} .participate-formulaire ul li:nth-child(3) .gfield_description.validation_message {margin-bottom: 0;} .participate-formulaire {text-align: center;} .participate-formulaire .gform_footer {float: left; margin: 0px auto;width: 100%;} .custom-sample-form .gfield_label {display: none;} .custom-sample-form .gform_body li.gfield_error label.gfield_label {text-align: left;} .custom-sample-form .gform_body li.gfield_error .ginput_container label {display: none;width: 48%;margin: 1%; text-align: left; } .custom-sample-form .gform_body li.gfield_error .validation_message {display: block;width: 98%;margin: 1%; text-align: left;clear: both;} .custom-sample-form .gform_body li.gfield_error .ginput_left, .custom-sample-form .gform_body li.gfield_error .ginput_right, .custom-sample-form .gform_body li.gfield_error .ginput_full {float: left;width: 98%;margin: 1%;/*padding: 1%; background-color: #f4f4f4;*/} .custom-sample-form .description_below li:nth-child(4) .ginput_complex span:nth-child(5) label {display: none;} .custom-sample-form .description_below li:nth-child(6) {text-align: left;padding-left: 10px;} .custom-sample-form .description_below .gfield_captcha_container {text-align: left;} .custom-sample-form .description_below .ui-datepicker-trigger {position: absolute;z-index: 2;top: 17px;left: 89%;} .custom-sample-form p {display: block;width: 100%;text-align: left; padding: 20px 0 0 0;} @media only screen and (min-width: 40em) { .custom-sample-form .gform_body li.gfield_error .ginput_left, .custom-sample-form .gform_body li.gfield_error .ginput_right, .custom-sample-form .gform_body li.gfield_error .ginput_full {width: 48%;} .custom-sample-form .gform_body li.gfield_error input[type=text] {float: none;width: 100%;margin: 0;} } .btn-fb-connect {display: block;width: 244px; font-family: "shiseido2013winbold";color: #fff;text-align: center;text-transform: uppercase; background-color: #47639e;padding: 10px;margin: 0 auto 30px auto;transition: all 300ms ease-in-out;} #pl .btn-fb-connect {font-family: "PL-shiseido2001Light";} .no-touch .btn-fb-connect:hover, .no-touch .btn-fb-connect:active, .no-touch .btn-fb-connect:focus {background-color: #3d5586;color: #fff;} .btn-social-accounts {position: relative; display: block;max-width: 244px; font-family: "shiseido2013winbold";color: #c8102e;text-align: center; background-color:transparent;border: 1px solid #c8102e;padding: 11px 10px;margin: 10px auto;transition: all 300ms ease-in-out;} #pl .btn-social-accounts {font-family: "PL-shiseido2001Light";} .no-touch .btn-social-accounts:hover, .no-touch .btn-social-accounts:active, .no-touch .btn-social-accounts:focus {background-color: #000;color: #fff;border: 1px solid #000;} .btn-social-accounts span {position: absolute;top: 11px;left: 11px;} .forms-sample-validation, .forms-sample-too-many, .free-sample-form-container, .forms-paricipate-validation {display: none;} .forms-paricipate-validation .btn-simple-rouge {width: 244px;margin: 0 auto;} .social-share-container {margin-top: 40px;} .social-follow-container li span {display: block; font-family: "shiseido2013winbold";color: #c8102e;font-size: 16px;text-transform: uppercase;margin-bottom: 10px;} #pl .social-follow-container {font-family: "PL-shiseido2001Light";} .free-sample-form-container {position: relative; background-color: #fff;padding: 50px 20px 40px 20px;} .free-sample-form-container h3 {text-transform: none;} .free-sample-form-container input[type="submit"] {display: block;width: 244px;font-family: "shiseido2013winbold";color: #fff;text-align: center;text-transform: uppercase;background-color: #c8102e;padding: 10px;margin: 10px auto;cursor: pointer;transition: all 300ms ease-in-out;} #pl .free-sample-form-container input[type="submit"] {font-family: "PL-shiseido2001Light";} .free-sample-form-container ul {margin: 0;padding: 0;} .free-sample-form-container li {position: relative;overflow: hidden; margin: 0;padding: 0;list-style: none;} .custom-sample-form .gfield_checkbox li {float: left; width: 100%;margin: 10px 0;clear: both;} .custom-sample-form .gfield_checkbox li input[type=checkbox] {float: left; width: 8%;margin: 3px 0 0 0;} .custom-sample-form .gfield_checkbox li label {float: left; width: 92%;margin: 0;padding: 0 5px;} .custom-sample-form .gform_footer {float: left; width: 100%;} .sample-message-container {position: relative; background-color: #fff;padding: 50px 20px 40px 20px;} .sample-message-container h3 {padding-bottom: 20px;} .sample-message-container h4 {font-family: "shiseido2013winbold"; font-size: 15px;line-height: 30px;color: #000;} #pl .sample-message-container h4 {font-family: "PL-shiseido2001Light";} .sample-message-container p {font-size: 15px;} .sample-message-container .btn-simple-rouge {max-width: 244px;margin: 0 auto 20px auto;} .custom-sample-form .gfield_contains_required ul li:nth-child(3) select {width: 100%;} /* MEDIAS QUERY ULTIMUNE GAME */ /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) { .custom-sample-form input[type=text] {float: left; width: 48%;margin: 1%;} .custom-sample-form ul li:nth-child(2) {float: left;width: 50%;} .custom-sample-form ul li:nth-child(2) input[type=text] {float: left;width: 96%;margin: 2%;} .custom-sample-form ul li:nth-child(3) {float: left;width: 50%; } .custom-sample-form ul li:nth-child(3) input[type=text] {float: left;width: 96%;margin: 2%;} .custom-sample-form ul li:nth-child(4) {float: left;width: 100%;} .custom-sample-form ul li:nth-child(4) select {float: left; width: 48%;margin: 1%;} .custom-sample-form ul li:nth-child(5) {overflow: hidden; clear: both;margin-bottom: 10px!important;} .custom-sample-form ul li:nth-child(5) .ginput_container {margin-top: 1%;} .custom-sample-form ul li:nth-child(5) textarea {width: 98%;margin:0 1%;height: 55px;} } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (max-width: 40em) { .ultimune-game-main-container h2 {font-size: 30px;line-height: 34px;} .listing-pictures-container .title {font-size: 20px;line-height: 24px;padding:10px;margin-bottom: 0;} .listing-pictures-container .responsive-espace {margin:-10px 0 0 0;} .ultimune-game-main-container p {padding-bottom: 30px;padding-top: 20px;} .ultimune-game-main-container .btn-simple-rouge {margin-bottom: 50px;} .responsive-espace {margin:-2px 0 50px 0;} .ultimune-game-main-container .panel-to-hide .responsive-espace {margin: -2px 0 10px 0;} .free-sample-container, .find-point-container {position: relative; background-color: #fff;padding: 20px;min-height: inherit;} .free-sample-img, .find-point-img {display: none;} .ultimune-game-footer-container {margin: 0;} .ultimune-game-footer-container h3 {padding-bottom: 15px;} .participate-formulaire {width: 100%;} .participate-formulaire-container h3 {padding-bottom: 10px;} .participate-formulaire-container .second-title {padding-top: 80px;} .social-share-container {margin-top: 0;margin-bottom: 40px;} } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .listing-pictures-container .title {font-size: 20px;line-height: 24px;padding: 10% 10px 4% 10px;margin-bottom: 5%;} .listing-pictures-container .responsive-espace {margin:0 0 0 0;} .responsive-espace {margin:0 0 70px 0;} .ultimune-game-footer-container {margin: 100px 0 0px 0;} .participate-formulaire {width: 100%;} } /* ---------------------------------------------------------------------------------- */ /* ---------------------------------- >> IBUKI << ---------------------------------- */ /* ---------------------------------------------------------------------------------- */ .section-container section { position: relative; overflow: hidden; display: block; min-height: 650px; } .section-container .dsp-table { display: table; table-layout: fixed; width: 100%; padding: 80px 0; } .section-container .dsp-tablecell { position: relative; display: table-cell; vertical-align: middle; width: 100%; height: 100%; z-index: 2; } #ibuki .section-0 { background: #f5f6fb; padding: 0; } #ibuki .amorce-container { position: relative; z-index: 2; } #ibuki .video-bg { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; background: #000; z-index: 0; } #ibuki .introduction-container { display: block; width: 70%; margin: 0 auto 20px auto; padding: 0 20px 40px; text-align: center; /*min-height: 240px; background: url(../images/ibuki/video-player-wall.jpg) center center no-repeat; background-size: cover;*/ } #ibuki .introduction-container .intro-title { font-family: 'MarydaleRegular'; font-size: 38px; line-height: 50px; font-style: normal; color: #fff; margin: 40px 0 100px 0!important; } #ibuki .introduction-container .intro-title .baseline { font-family: 'shiseido2013winlight'; font-size: 30px; line-height: 32px; } #ibuki .introduction-container .btn-simple-rouge.btn-center { display: block; width: 310px; margin: 0 auto 10px; padding: 22px 10px; border-radius: 4px; } #ibuki .wtb-show:before { display: none; } #ibuki .introduction-container p { font-family: 'shiseido2013winbold'; font-size: 24px; line-height: 25px; font-style: normal; color: #fff; padding:0 0 20px 0; } #ibuki .introduction-container p img { width: 100px; } @media only screen and (max-width: 640px) { #ibuki .introduction-container p { display: block; padding: 20px 0; } #ibuki .introduction-container p img { width: 100px; display: block; margin: 10px auto; } } #ibuki .section-1 { background-image: url(../images/ibuki/photo-s01.png), url(../images/ibuki/bg-section-01.png); background-color: #f1f2f7; background-position: 0 100%, 100% -200px; background-repeat: no-repeat , no-repeat; background-attachment : fixed, fixed; background-size : auto, auto; } @media only screen and (min-width:1025px) and (max-width: 1400px) { #ibuki .section-1 { background-position: 0 100%, 100% -100px; background-size : 40%, 50%; } } #ibuki .section-2 {background: #fff;} #ibuki .section-3 { background: #f5f6fb url(../images/ibuki/produit-s03.png); background-position: -300px 50%; background-repeat: no-repeat; background-attachment : fixed; background-size : auto auto; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; } @media only screen and (min-width:1025px) and (max-width: 1400px) { #ibuki .section-3 { background-position: -260px -20px; background-size: 70%; } } #ibuki .section-4 { background: #cfcacc url(../images/ibuki/photo-s04.jpg) 100% 50% no-repeat; background-size: cover; background-attachment : fixed; } #ibuki .section-5 { background: #cbe8da url(../images/ibuki/bg-section-05.jpg) 50% 50% no-repeat; background-attachment : fixed; } #ibuki .section-6 { background-color: #ece7e4; /* background: #ece7e4 url(../images/ibuki/bg-section-06.png); background-position: 95% 50%; background-repeat: no-repeat; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out;*/ } #ibuki .section-7 { background: #defaeb url(../images/ibuki/bg-section-07.png); background-position: left bottom; background-repeat: no-repeat; background-attachment : fixed; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; } #ibuki .section-8 { background: #f7f6f2 url(../images/ibuki/bg-section-08.jpg) 100% 50% no-repeat; background-attachment : fixed; background-size: cover; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; } #ibuki .section-9 { background: #eaeaea url(../images/ibuki/bg-section-09.jpg) 60% 50% no-repeat; background-attachment : fixed; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; } #ibuki .section-10 {background: #fff;} .section-container .text-container { width: auto; } .section-container .text-container .new { display: inline-block; font-family: 'shiseido2013winlight'; font-size: 16px; line-height: 18px; font-style: normal; color: #000; text-transform: uppercase; border: 1px solid #000; padding: 0 2px; margin: 0 0 10px 0; } #ibuki .product-list-container .new { display: inline-block; font-family: 'shiseido2013winlight'; font-size: 16px; line-height: 18px; font-style: normal; color: #000; text-transform: uppercase; border: 1px solid #000; padding: 0 2px; margin: 10px 0 10px 0; } .section-container .text-container .h1-like { display: block; font-family: 'shiseido2013winbold'; font-size: 25px; line-height: 26px; font-style: normal; color: #c8102e; text-transform: uppercase; margin: 10px 0!important; } .section-container .text-container .h2-like { display: block; font-family: 'MarydaleRegular'; font-size: 35px; line-height: 36px; font-style: normal; color: #000; text-transform: uppercase; margin: 0 0 40px 0!important; } .section-container .text-container .h2-like .baseline { display: block; font-family: 'shiseido2013winlight'; font-size: 20px; line-height: 24px; font-style: normal; color: #000; text-transform: none; } .section-container .text-container p { display: block; font-family: 'shiseido2013winlight'; font-size: 20px; line-height: 24px; font-style: normal; color: #333; margin: 0 0 25px 0; } .section-container .text-container small { display: block; margin-bottom: 20px; } .section-container .text-container small p { display: block; font-family: 'shiseido2013winlight'; font-size: 14px; line-height: 16px; font-style: normal; color: #333; margin: 0; } .section-container .text-container ul { list-style: none; margin: 0; padding: 0 0 0 30px; } .section-container .text-container li { position: relative; display: block; font-family: 'shiseido2013winlight'; font-size: 20px; line-height: 24px; font-style: normal; color: #333; margin: 0 0 5px 0; } .section-container .text-container li:before { content: ''; position: absolute; top: 10px; left: -25px; display: block; width: 19px; height: 6px; background-color: #ffa5a5; border-radius: 50%; } .section-container .text-container .btn-simple-rouge { display: inline-block; text-transform: uppercase; border-radius: 2px; } .section-container .text-container .btn-simple-rouge.btn-center { display: block; width: 196px; margin: 0 auto; } .section-container .panel-bg { background-color: rgba(255, 255, 255, 0.70); padding: 80px; text-align: center; } .section-container .product-list-container li { padding: 0 5%; } .section-container .product-list-container li { text-align: center; } .section-container .product-list-container .title { display: block; font-family: 'shiseido2013winbold'; font-size: 22px; line-height: 24px; color: #FFF; text-transform: uppercase; margin: 5px 0; } .section-container .product-list-container .step { display: block; font-family: 'shiseido2013winbold'; font-size: 17px; line-height: 18px; color: #fff; } .section-container .product-list-container .special .title { color: #b90135; } .section-container .product-list-container .special .step { color: rgba(0, 0, 0, 0.61); } .ibuki-brand { font-family: 'shiseido2013winbold'; font-weight: normal; text-transform: uppercase; font-size: 30px; color: #fff; margin:30px 0 10px; } @media only screen and (max-width: 40em) { .ibuki-brand { margin:60px 0 10px; } } .sos { display: block; width: 100%; margin-top: -100px; } .section-0 .sos { margin-top:0; } .sos .word { position: relative; display: inline-block; width: 110px; height: 94px; } .sos span { display: inline-block; position: absolute; font-family: 'shiseido2013winlight'; font-size: 34px; line-height: 94px; color: #000; } .section-0 .sos span { color: #fff; } .sos .letter { top: 0; left: 55px; } .sos .letter-o { top: 0; left: 75px; } .sos .first-letter { top: 0; left: 0; font-size: 94px; color: #c8102e; } .section-0 .sos .first-letter { color: #c8102e; } .social-bloc { position: relative; float: left; width: 100%; text-align: center; } .social-container { display: block; width: 100%; text-align: center; } .social-container .social-item{ display: inline-block; float: none; } .discover-container { position: absolute; bottom: 30px; left: 50%; margin-left: -100px; width: 200px; text-align: center; z-index: 2; } .discover-container span { position: relative; display: block; color: #fff; } .discover-container span.icon-fin-chevron-bas { font-size: 15px; } .discover-container span.icon-fin-chevron-bas:after { content: ''; position: absolute; bottom: 3px; left: 50%; margin-left: -1px; display: block; width: 2px; height: 0px; background-color: #fff; z-index: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .discover-container .title { font-family: 'shiseido2013winbold'; font-size: 20px; color: #fff; padding: 10px 0 0 0; } .no-touch .discover-container:hover span.icon-fin-chevron-bas:after { height: 20px; } .ingredients-container { margin-bottom: 20px; } .text-container .illustration-techno-container ul { list-style: none; padding: 0; } .illustration-techno-container li { text-align: center; background-color: #fff; padding: 6px 4px; margin: 0; } .illustration-techno-container .legende-container li { font-family: 'shiseido2013winbold'; font-size: 20px; line-height: 24px; color: #333; background-color:transparent; padding: 5px 10px 25px!important; } .illustration-techno-container .legende-container li:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -5px; display: block; width: 0; height: 0; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #333333 transparent; } .text-container .illustration-techno-container li:before {display: none;} .illustration-techno-container li figure img { width: 100%; } .illustration-techno-container li figcaption { display: table; table-layout: fixed; width: 100%; min-height: 135px; } .section-6 .illustration-techno-container li { border-right: 1px solid #ece7e4; border-bottom: 1px solid #ece7e4; } .section-6 .img-esp-adjust {margin: 30px 0;} .section-7 .illustration-techno-container li { border-right: 1px solid #defaeb; border-bottom: 1px solid #defaeb; } .section-7 .illustration-techno-container .legende-container li { border-right: 0 solid transparent; border-bottom: 0 solid transparent; } .section-7 .ingredients-container ul, .section-7 .ingredients-container li {padding: 0;} .section-7 .ingredients-container li:before {display: none;} .section-8 .text-container .special-highlight { font-family: 'MarydaleRegular'; color: #c8102e; text-transform: uppercase; } .section-10 .text-container img { margin-bottom: 40px; } .slide-module { display: none; position: fixed; top: 50%; margin-top: -80px; right: 0; z-index: 50; } .slide-module-container { display: block; min-width: 56px; } .slide-module-container a { display: block; overflow: hidden; background-color: #313131; color: #fff; min-width: 60px; min-height: 46px; padding: 15px 0; text-align: center; transition: all 300ms ease-in-out; } .slide-module-container a:hover, .slide-module-container a:active, .slide-module-container a:focus { background-color: #c8102e; } .slide-module-container .compteur { display: block; background-color: #313131; padding: 2px 4px; text-align: center; color: #fff; font-weight: 300; } .currentSection { font-size: 30px; } .nbTotalSection { font-size: 18px; } .p-container { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 1; } @media only screen and (max-width: 640px) { .p-container {display: none;} } .p-container .ptl { position: absolute; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; } #ibuki .how-to-use-container .title { display: block; font-size: 22px; line-height: 26px; text-transform: uppercase; margin: 15px 0 10px 0; } #ibuki .how-to-use-container .description { display: block; font-size: 17px; line-height: 22px; } /*Animations*/ .section-1 .text-container img { opacity: 0; -moz-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; } .section-1 .text-container .sos, .section-1 .text-container .new { opacity: 0; -moz-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -moz-transition-delay: 1000ms; -webkit-transition-delay: 1000ms; -o-transition-delay: 1000ms; -ms-transition-delay: 1000ms; transition-delay: 1000ms; } .section-1 .text-container .h1-like, .section-1 .text-container .h2-like, .section-1 .social-bloc { opacity: 0; -moz-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -moz-transition-delay: 1500ms; -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; -ms-transition-delay: 1500ms; transition-delay: 1500ms; } .section-1.active-effect .text-container img, .section-1.active-effect .text-container .sos, .section-1.active-effect .text-container .new, .section-1.active-effect .text-container .h1-like, .section-1.active-effect .text-container .h2-like, .section-1.active-effect .social-bloc { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .section-2 .product-02 { margin-top: 20px; opacity: 0; -moz-transform: translateY(20px); -webkit-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; } .section-2.active-effect .product-02 { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .section-2 .ptl-01 { top:10% ; left: -60px; opacity: 0; -moz-transform: rotate(-80deg); -webkit-transform: rotate(-80deg); -o-transform: rotate(-80deg); -ms-transform: rotate(-80deg); transform: rotate(-80deg); -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; -moz-animation: ptl-rot 50s infinite linear; -webkit-animation: ptl-rot 50s infinite linear; animation: ptl-rot 50s infinite linear; } .section-2 .ptl-02 { top:15% ; left: -60px; opacity: 0; -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); -moz-transition-delay: 1500ms; -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; -ms-transition-delay: 1500ms; transition-delay: 1500ms; -moz-animation: ptl-rot-inv 75s infinite linear; -webkit-animation: ptl-rot-inv 75s infinite linear; animation: ptl-rot-inv 75s infinite linear; } .section-2 .ptl-03 { top:80% ; left: -40px; opacity: 0; -moz-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -o-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); -moz-transition-delay: 1000ms; -webkit-transition-delay: 1000ms; -o-transition-delay: 1000ms; -ms-transition-delay: 1000ms; transition-delay: 1000ms; -moz-animation: ptl-rot 100s infinite linear; -webkit-animation: ptl-rot 100s infinite linear; animation: ptl-rot 100s infinite linear; } .section-3 .ptl-01 { top:14% ; right: -110px; opacity: 0; -moz-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -o-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; -moz-animation: ptl-rot 50s infinite linear; -webkit-animation: ptl-rot 50s infinite linear; animation: ptl-rot 50s infinite linear; } .section-3 .ptl-02 { top: 6%; right: -50px; opacity: 0; -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); -moz-transition-delay: 1500ms; -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; -ms-transition-delay: 1500ms; transition-delay: 1500ms; -moz-animation: ptl-rot-inv 75s infinite linear; -webkit-animation: ptl-rot-inv 75s infinite linear; animation: ptl-rot-inv 75s infinite linear; } .section-4 .ptl-01 { top: 45%; left: 70px; opacity: 0; -moz-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -o-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; -moz-animation: ptl-rot 50s infinite linear; -webkit-animation: ptl-rot 50s infinite linear; animation: ptl-rot 50s infinite linear; } .section-4 .ptl-02 { top: 50%; left: 50px; opacity: 0; -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); -moz-transition-delay: 1500ms; -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; -ms-transition-delay: 1500ms; transition-delay: 1500ms; -moz-animation: ptl-rot-inv 75s infinite linear; -webkit-animation: ptl-rot-inv 75s infinite linear; animation: ptl-rot-inv 75s infinite linear; } .section-4 .ptl-03 { top:14% ; right: -40px; opacity: 0; -moz-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -o-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); -moz-transition-delay: 1000ms; -webkit-transition-delay: 1000ms; -o-transition-delay: 1000ms; -ms-transition-delay: 1000ms; transition-delay: 1000ms; -moz-animation: ptl-rot 100s infinite linear; -webkit-animation: ptl-rot 100s infinite linear; animation: ptl-rot 100s infinite linear; } .section-4 .ptl-04 { top: 74%; right: -130px; opacity: 0; -moz-transform: rotate(-70deg); -webkit-transform: rotate(-70deg); -o-transform: rotate(-70deg); -ms-transform: rotate(-70deg); transform: rotate(-70deg); -moz-transition-delay: 1000ms; -webkit-transition-delay: 1000ms; -o-transition-delay: 1000ms; -ms-transition-delay: 1000ms; transition-delay: 1000ms; -moz-animation: ptl-rot 50s infinite linear; -webkit-animation: ptl-rot 50s infinite linear; animation: ptl-rot 50s infinite linear; } .section-5 .ptl-01 { top: 67%; left: -120px; opacity: 0; -moz-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -o-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; -moz-animation: ptl-rot 50s infinite linear; -webkit-animation: ptl-rot 50s infinite linear; animation: ptl-rot 50s infinite linear; } .section-5 .ptl-02 { top: 50%; right: 30px; opacity: 0; -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); -moz-transition-delay: 1500ms; -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; -ms-transition-delay: 1500ms; transition-delay: 1500ms; -moz-animation: ptl-rot-inv 75s infinite linear; -webkit-animation: ptl-rot-inv 75s infinite linear; animation: ptl-rot-inv 75s infinite linear; } .section-5 .ptl-03 { top: 47%; right: -130px; opacity: 0; -moz-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -o-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); -moz-transition-delay: 1000ms; -webkit-transition-delay: 1000ms; -o-transition-delay: 1000ms; -ms-transition-delay: 1000ms; transition-delay: 1000ms; -moz-animation: ptl-rot 100s infinite linear; -webkit-animation: ptl-rot 100s infinite linear; animation: ptl-rot 100s infinite linear; } .section-5 .product-step1 img, .section-5 .product-step1 figcaption, .section-5 .product-step2 img, .section-5 .product-step2 figcaption, .section-5 .product-step3 img, .section-5 .product-step3 figcaption, .section-5 .product-step4 img, .section-5 .product-step4 figcaption { opacity: 0; transition: all 500ms ease-in-out; } .section-5.active-effect .product-step1 img, .section-5.active-effect .product-step1 figcaption { opacity: 1; transition-delay: 250ms; } .section-5.active-effect .product-step2 img, .section-5.active-effect .product-step2 figcaption { opacity: 1; transition-delay: 750ms; } .section-5.active-effect .product-step3 img, .section-5.active-effect .product-step3 figcaption { opacity: 1; transition-delay: 1250ms; } .section-5.active-effect .product-step4 img, .section-5.active-effect .product-step4 figcaption { opacity: 1; transition-delay: 1750ms; } .section-8 .ptl-01 { top: 36%; right: 10px; opacity: 0; -moz-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -o-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; -moz-animation: ptl-rot 50s infinite linear; -webkit-animation: ptl-rot 50s infinite linear; animation: ptl-rot 50s infinite linear; } .section-8 .ptl-02 { top: 28%; right: 30px; opacity: 0; -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); -moz-transition-delay: 1500ms; -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; -ms-transition-delay: 1500ms; transition-delay: 1500ms; -moz-animation: ptl-rot-inv 75s infinite linear; -webkit-animation: ptl-rot-inv 75s infinite linear; animation: ptl-rot-inv 75s infinite linear; } .section-9 .ptl-01 { top: 20%; left: -110px; opacity: 0; -moz-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -o-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; -moz-animation: ptl-rot 50s infinite linear; -webkit-animation: ptl-rot 50s infinite linear; animation: ptl-rot 50s infinite linear; } .section-9 .ptl-02 { top:10% ; left: -60px; opacity: 0; -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); -moz-transition-delay: 1500ms; -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; -ms-transition-delay: 1500ms; transition-delay: 1500ms; -moz-animation: ptl-rot 75s infinite linear; -webkit-animation: ptl-rot 75s infinite linear; animation: ptl-rot 75s infinite linear; } .section-10 .ptl-01 { top:10% ; left: -60px; opacity: 0; -moz-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -o-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; -moz-animation: ptl-rot 50s infinite linear; -webkit-animation: ptl-rot 50s infinite linear; animation: ptl-rot 50s infinite linear; } .section-10 .ptl-02 { top:10% ; left: -60px; opacity: 0; -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); -moz-transition-delay: 1500ms; -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; -ms-transition-delay: 1500ms; transition-delay: 1500ms; -moz-animation: ptl-rot 75s infinite linear; -webkit-animation: ptl-rot 75s infinite linear; animation: ptl-rot 75s infinite linear; } .section-2.active-effect .ptl-01, .section-2.active-effect .ptl-02, .section-2.active-effect .ptl-03, .section-3.active-effect .ptl-01, .section-3.active-effect .ptl-02, .section-4.active-effect .ptl-01, .section-4.active-effect .ptl-02, .section-4.active-effect .ptl-03, .section-4.active-effect .ptl-04, .section-5.active-effect .ptl-01, .section-5.active-effect .ptl-02, .section-5.active-effect .ptl-03, .section-8.active-effect .ptl-01, .section-8.active-effect .ptl-02, .section-9.active-effect .ptl-01, .section-9.active-effect .ptl-02 { opacity: 1; } /* max-width 640px, mobile-only styles */ @media only screen and (max-width: 40em) { .section-container .text-container .h2-like { font-size: 25px; line-height: 26px; margin: 0 0 20px 0!important; padding: 5px 0 0 0; } #ibuki .section-1 {background: #f5f6fb;} #ibuki .introduction-container {width: 100%;margin: 0;} #ibuki .introduction-container .intro-title {font-size: 29px;line-height: 31px;margin: 20px 0 40px 0!important;} #ibuki .introduction-container .intro-title .baseline {font-size: 20px;line-height: 22px;} #ibuki .introduction-container p {font-size: 20px;line-height: 21px;} #ibuki .introduction-container .btn-simple-rouge.btn-center {width: auto;} #ibuki .discover-container {display: none;} .sos {margin-top: -70px;} .sos .word {width: 85px;} .sos .first-letter {font-size: 70px;} .sos .letter {left: 39px;} .sos .letter-o {left: 55px;} .social-container {position: relative;left: 0;margin-left: 0;width: auto;} .section-2 .text-container img {margin: 20px 0;} .section-2 .text-container .show-for-small-only img {width: 80%;} #ibuki .section-3 {background: #f5f6fb;} #ibuki .section-4 {background: #d5d1d2;} .section-container .panel-bg {padding: 30px 10px;margin: 0 20px;} /*#ibuki .section-6 {background: #ece7e4;}*/ #ibuki .section-7 { background: #defaeb url(../images/ibuki/bg-section-07.png); background-position: -510px 160px; background-repeat: no-repeat; background-attachment: scroll; } #ibuki .section-8 { background: #f7f6f2 url(../images/ibuki/bg-section-08.jpg) 60% 0% no-repeat; background-attachment: scroll; background-size: cover; } #ibuki .section-9 {background: #eaeaea;} .section-9 .text-container img {padding: 40px 0 0 0;} .text-container {text-align: center;padding: 0 10px;} .section-1 .text-container {padding: 0;} .text-container ul {text-align: left;} } /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) { } /* min-width 641px and max-width 1024px */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { #ibuki .introduction-container {width: 88%;} #ibuki .section-1 { background-image: url(../images/ibuki/bg-section-01.png); background-position: 140% -200px; background-repeat: no-repeat; background-attachment: scroll; background-size: 90%; background-color: #f5f6fb; } #ibuki .section-4 {background: #cfcacc url(../images/ibuki/photo-s04.jpg) 100% 60% no-repeat;} #ibuki .section-7 {background: #defaeb url(../images/ibuki/bg-section-07.png) -400px 190px no-repeat;} #ibuki .section-9 {background: #eaeaea;} .section-9 .text-container img {padding: 40px 0 0 0;} #ibuki .esp-adjust {padding:0 20%;} #ibuki .section-3 .row {padding:0 5%;} #ibuki .section-3 .esp-adjust {padding:0;} } @media only screen and (min-width:1025px) and (max-width: 1400px) { .section-container .text-container .h1-like {font-size: 20px;line-height: 21px;margin: 10px 0!important;} .section-container .text-container .h2-like {font-size: 30px;line-height: 35px;margin: 0 0 20px 0!important;} .section-container .text-container p {font-size: 18px;line-height: 22px;} #ibuki .introduction-container {width: 70%;} .sos {margin-bottom: 10px;} .sos .word {width: 100px;height: 64px;} .sos .word-center {width: 90px;} .sos .first-letter {font-size: 64px;} .sos .letter {left: 40px;} .sos .letter-o {left: 50px;} #ibuki .section-2 .esp-adjust {padding-left: 20%;} #ibuki .section-3 .esp-adjust {padding-right: 15%;} #ibuki .section-5 .esp-adjust {padding:0 15%;} #ibuki .section-5 .product-list-container figure img {width: 90%;} #ibuki .section-6 .esp-adjust {padding-left: 20%;} #ibuki .section-7 .esp-adjust {padding-right: 20%;} #ibuki .section-8 .esp-adjust {padding-left: 20%;} #ibuki .section-9 .esp-adjust {padding-left: 20%;} } /* Custom Navigation */ #ibuki .top-bar .title-area {float: none;} #ibuki nav .name h1 {text-indent: -9999px;} #ibuki nav .name h1 span {display: none;} #ibuki .logo-bop-container {display: block;width: 150px;height: 28px;background: transparent url(../images/sprite-logo-bop.png) 0 0 no-repeat;margin: 8px auto 0 auto;} #ibuki .top-bar-section ul > li {padding-bottom: 0; padding: 0!important;} #ibuki .social-shared-nav li {padding: 0;} #ibuki .contain-to-grid.ibuki-nav-container {position: relative;z-index: 500; padding-top: 15px;} #ibuki .contain-to-grid.ibuki-nav-container, #ibuki .contain-to-grid.ibuki-nav-container .top-bar, #ibuki .contain-to-grid.ibuki-nav-container .top-bar .top-bar-section ul li, #ibuki .contain-to-grid.ibuki-nav-container .top-bar .top-bar-section li:not(.has-form) a:not(.button) {background: transparent;word-wrap: break-word;} #ibuki .top-bar-section ul li > a {position: relative;font-family: "shiseido2013winlight";font-size: 13px;transition: all 300ms ease-in-out;text-align: center; line-height: 20px!important; padding: 0!important; } #pl #ibuki .top-bar-section ul li > a {font-family: "PL-shiseido2001Light";} #ibuki .top-bar-section ul li > a:hover, #ibuki .top-bar-section ul li > a:active, #ibuki .top-bar-section ul li > a:focus {color: #ccc;} #ibuki .social-item { float: inherit; display: inline-block; } #ibuki .boost-video { position: relative; } #ibuki .boost-video .icon-placement { top: 25%!important; } @media screen and (max-width: 900px) { #ibuki .ibuki-nav-container { background: #fff!important; } #ibuki .top-bar .toggle-topbar.menu-icon a { color: #000; } .top-bar .toggle-topbar.menu-icon a span::after { -moz-box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; -webkit-box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; } .top-bar .toggle-topbar.menu-icon a:hover > span::after { -moz-box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; -webkit-box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; } #ibuki .top-bar-section ul li > a { color: #000; line-height: 45px!important; } #ibuki .top-bar-section ul li > a:hover { background: #000!important; color: #fff; } #ibuki .top-bar-section ul > li { width: 100%; text-align: center; padding: 0; border-top: 1px solid #ccc; } #ibuki .top-bar-section ul > li.first { margin-top: 12px; } #ibuki .top-bar .name { background: #fff; height: inherit; color: #fff; } #ibuki .logo-bop-container { background-position: -35px -30px; height: 17px; margin: 0!important; } #ibuki .top-bar .name h1 a { width: 100%; color: #fff; } #ibuki .logo-bop-container { width: inherit; } #ibuki .top-bar .toggle-topbar.menu-icon { margin-top: -16px; } #ibuki #tubular-shield { display: none; } #ibuki #tubular-container { display: none; } #ibuki .bg-intro, #ibuki .bg-face , #ibuki .bg-face-02, #ibuki .bg-silhouette, #ibuki .bg-diamond, #ibuki .bg-trame, #ibuki .bg-trame-01, #ibuki .bg-trame-02, #ibuki .bg-amazing-results, #ibuki .bg-real-results, #ibuki .bg-daily-skincare, #ibuki .bg-how-to-use, #ibuki .bg-flacon-bop-grand, #ibuki .bg-beautyinyou { background-attachment: inherit; } } @media screen and (max-width: 750px) { #ibuki section { word-wrap: break-word; } #ibuki .bop-title-1 { color: #fff; letter-spacing: 8px; font-size: 20px; line-height: 24px; text-transform: uppercase; } #ibuki .bop-title-2 { color: #888888; font-size: 26px; line-height: 30px; text-transform: uppercase; } #ibuki .bop-title-3 { color: #ffffff; letter-spacing: 8px; font-size: 28px; line-height: 32px; text-transform: uppercase; } #ibuki #intro .marger-9 { margin-top: 50px; } #ibuki #intro .go-to-bottom { margin-bottom: 50px; } #ibuki #section-padder-1.section-padder-1 { padding: 50px 0; } #ibuki .section-padder-2 { padding: 50px 0; } #ibuki .section-padder-2.bg-real-results { padding-top: 50px; } } /* Strong, beautiful... */ /* .active-your-skin-immunity { color: #fff; position: absolute; top: 171px; right: 108px; width: 300px; font-size: 24px; line-height: 30px; } .power-infusing-concentrate { position: absolute; bottom: 20px; right: 0; width: 470px; font-size: 20px; line-height: 26px; } @media screen and (max-width: 970px) { .active-your-skin-immunity, .power-infusing-concentrate { position: relative; width: auto; right: inherit; top: inherit; } .active-your-skin-immunity { color: #000; right: inherit; top: inherit; margin: 50px 0 20px 0; } .power-infusing-concentrate { bottom: inherit; } } */ /* Custom Navigation */ #ibuki .contain-to-grid .top-bar { max-width: 66.25em; margin: 0 auto; margin-bottom: 0; } #ibuki .uppercase { text-transform: uppercase; } #ibuki .contain-to-grid { position: absolute!important; } #ibuki .top-bar .title-area {float: none;} #ibuki nav .name h1 {text-indent: -9999px;} #ibuki nav .name h1 span {display: none;} #ibuki .logo-ibuki-container {display: block;width: 150px;height: 28px;background: transparent url(../images/sprite-logo-bop.png) 0 0 no-repeat;margin: 8px auto 0 auto;} #ibuki .top-bar-section ul > li {padding-bottom: 0; padding: 0!important;} #ibuki .social-shared-nav li {padding: 0;} #ibuki .contain-to-grid.ibuki-nav-container {position: relative;z-index: 500; padding-top: 15px;} #ibuki .contain-to-grid.ibuki-nav-container, #ibuki .contain-to-grid.ibuki-nav-container .top-bar, #ibuki .contain-to-grid.ibuki-nav-container .top-bar .top-bar-section ul li, #ibuki .contain-to-grid.ibuki-nav-container .top-bar .top-bar-section li:not(.has-form) a:not(.button) {background: transparent;word-wrap: break-word;} #ibuki .top-bar-section ul li > a {position: relative;font-family: "shiseido2013winlight";font-size: 13px;transition: all 300ms ease-in-out;text-align: center; line-height: 20px!important; padding: 0!important; } #pl #ibuki .top-bar-section ul li > a {font-family: "PL-shiseido2001Light";} #ibuki .top-bar-section ul li > a:hover, #ibuki .top-bar-section ul li > a:active, #ibuki .top-bar-section ul li > a:focus {color: #ccc;} #ibuki .social-item { float: inherit; display: inline-block; } #ibuki .boost-video { position: relative; } #ibuki .boost-video .icon-placement { top: 25%!important; } @media screen and (max-width: 900px) { #ibuki .ibuki-nav-container { background: #fff!important; } #ibuki .top-bar .toggle-topbar.menu-icon a { color: #000; } .top-bar .toggle-topbar.menu-icon a span::after { -moz-box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; -webkit-box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; } .top-bar .toggle-topbar.menu-icon a:hover > span::after { -moz-box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; -webkit-box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000; } #ibuki .top-bar-section ul li > a { color: #000; line-height: 45px!important; } #ibuki .top-bar-section ul li > a:hover { background: #000!important; color: #fff; } #ibuki .top-bar-section ul > li { width: 100%; text-align: center; padding: 0; border-top: 1px solid #ccc; } #ibuki .top-bar-section ul > li.first { margin-top: 12px; } #ibuki .top-bar .name { background: #fff; height: inherit; color: #fff; } #ibuki .logo-ibuki-container { background-position: -35px -30px; height: 17px; margin: 0!important; } #ibuki .top-bar .name h1 a { width: 100%; color: #fff; } #ibuki .logo-ibuki-container { width: inherit; } #ibuki .top-bar .toggle-topbar.menu-icon { margin-top: -16px; } } /* Custom Fixed Navigation */ #ibuki .fixed .logo-bop-container {display: block;width: 150px;height: 28px;background: transparent url(../images/sprite-logo-bop.png) 0 -30px no-repeat;margin: 0 auto;} #ibuki .fixed .top-bar .name h1 a {padding: 14px 15px 0 15px;} #ibuki .contain-to-grid.ibuki-nav-container { background: #000; } #ibuki .contain-to-grid.ibuki-nav-container.fixed { background: none; position: fixed!important; padding-top: 0;} @media screen and (max-width: 900px) { #ibuki .contain-to-grid.ibuki-nav-container.fixed {position: relative!important;} } #ibuki .contain-to-grid.ibuki-nav-container.fixed {height: 41px!important;background: transparent url(../images/bg-white-transparent.png) repeat;border-bottom: 1px solid #e0e0e0;} /*#ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar { height: inherit!important; }*/ #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a {position: relative;color: #333;text-align: center; padding: 10px 0!important; } #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a.highlight-red {background-color: #f28e9b!important;color: #fff;-webkit-border-radius: 2px 2px 0 0; border-radius: 4px 4px 0 0;} #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a:after {content:" "; position: absolute;bottom: -1px;left: 0;display: block; width: 100%;height: 2px;background-color: transparent;transition: all 300ms ease-in-out;} #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a.highlight-red:after {content:" "; position: absolute;bottom: -1px;left: 0;display: block; width: 100%;height: 2px;background-color: #f28e9b;transition: all 300ms ease-in-out;} #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a:hover:after, #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a:active:after, #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a:focus:after {content:" "; position: absolute;bottom: -1px;left: 0;display: block; width: 100%;height: 2px;background-color: #f28e9b;} #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a.highlight-red:hover, #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a.highlight-red:active, #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a.highlight-red:focus {background-color: #950F39!important;color: #fff;} #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a.highlight-red:hover:after, #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a.highlight-red:active:after, #ibuki .contain-to-grid.ibuki-nav-container.fixed .top-bar-section ul li > a.highlight-red:focus:after {background-color: #950F39;} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /*#ibuki .logo-bop-container {background: transparent url(../images/sprite-logo-bop@x2.png) 0 0 no-repeat;background-size: 150px 45px;} #ibuki .fixed .logo-bop-container {background: transparent url(../images/sprite-logo-bop@x2.png) 0 -60px no-repeat;background-size: 150px 45px;}*/ } #ibuki .top-bar .title-area { height: 16px; } @media only screen and (min-width: 900px) { #ibuki .top-bar .title-area { display: none; } #ibuki .top-bar .title-area .name { display: none; } } /* ---------------------------------------------------------------------------------- */ /* ------------------------------ >> IBUKI PORTAIL << ------------------------------ */ /* ---------------------------------------------------------------------------------- */ .section-container { overflow: hidden; position: relative; width: 100%; background-color: #000; } .section-ibuki-portail { position: relative; overflow: hidden; width: 100%; z-index: 1; } .more-block-container { position: absolute; bottom: 0; right: 0; z-index: 2; } .touch .more-block-container {display: none;} .more-block-container .content { position: absolute; bottom: 0; right: 0; z-index: 2; } .bg-more-block { position: absolute; bottom: -530px; right: -590px; display: block; width: 800px; height: 800px; background-color: #FFF; z-index: 1; -moz-transform: rotate(-47deg); -webkit-transform: rotate(-47deg); -o-transform: rotate(-47deg); -ms-transform: rotate(-47deg); transform: rotate(-47deg); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .link-to-more { float: right; padding: 20px; cursor: pointer; width: 220px; text-align: right; } .link-to-more img { display: inline-block; width: 75px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .link-to-more span { display: block; font-family: 'shiseido2013winlight'; font-size: 20px; line-height: 21px; font-style: normal; color: #c8102e; text-transform: uppercase; padding: 5px 0 0 0; opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .content-hover { position: absolute; bottom: -250px; right: 165px; display: block; width: 300px; text-align: right; z-index: 2; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .content-hover .new { display: inline-block; font-family: 'shiseido2013winlight'; font-size: 16px; line-height: 18px; font-style: normal; color: #000; text-transform: uppercase; border: 1px solid #000; padding: 0 2px; margin: 0 0 10px 0; } .content-hover .title { display: block; font-family: 'shiseido2013winlight'; font-size: 30px; line-height: 34px; font-style: normal; color: #000; margin-bottom: 10px; } .content-hover .btn-simple-rouge { float: right; min-width: 115px; border-radius: 4px; } .more-block-container:hover .link-to-more img { -moz-transform: scale(2) translateX(-10px) translateY(-10px); -webkit-transform: scale(2) translateX(-10px) translateY(-10px); -o-transform: scale(2) translateX(-10px) translateY(-10px); -ms-transform: scale(2) translateX(-10px) translateY(-10px); transform: scale(2) translateX(-10px) translateY(-10px); } .more-block-container:hover .link-to-more span { opacity: 0; } .more-block-container:hover .bg-more-block { bottom: -560px; right: -260px; -moz-transform: rotate(-29deg); -webkit-transform: rotate(-29deg); -o-transform: rotate(-29deg); -ms-transform: rotate(-29deg); transform: rotate(-29deg); } .more-block-container:hover .content-hover { bottom: 20px; } /* max-width 640px */ @media only screen and (max-width: 40em) { .more-block-container {display: none;} #ibuki .video-bg { overflow: hidden; display: block; min-height: 570px; background: #000 url(../images/ibuki/fallback-video.jpg) center center no-repeat; } #ibuki .video-bg .video {display: none;} .touch .illustration-techno-container li figcaption { height: 135px; } } /* ---------------------------------------------------------------------------------- */ /* -------------------------------- >> FULL PAGE << -------------------------------- */ /* ---------------------------------------------------------------------------------- */ #header-fixed-container { position:fixed; top:0px; display:block; width: 100%; height: 132px; background: #f0ede8; z-index:900000; } #footer-fixed-container { position:fixed; bottom:0px; display:block; width: 100%; height: 276px; background: #000; z-index:900000; } /* ---------------------------------------------------------------------------------- */ /* ------------------------- >> PUSH FOUNDATION FINDER << -------------------------- */ /* ---------------------------------------------------------------------------------- */ /* Single */ .push-foundation-finder-single { display: block; width: 100%; min-height: 258px; border: 1px solid #cccccc; margin: 30px 0 70px 0; position: relative; background-color: transparent transparent transparent; background-image: url(../../pages/foundation-finder/images/push-foundation-finder-background-product.png), url(../../pages/foundation-finder/images/push-foundation-finder-products.png), url(../../pages/foundation-finder/images/push-foundation-finder-background.jpg); background-position: right bottom, left bottom, center center; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 267px 194px, 280px 280px, cover; } .push-foundation-finder-single .config-start-title { position: relative; padding: 0 0 58px; font-size: 45px; text-transform: uppercase; line-height: 26px; max-width: 430px; margin: 70px auto 0px auto; font-weight: normal; font-family: "shiseido2013winlight"; color: #584131; } .push-foundation-finder-single .config-start-baseline { text-transform: uppercase; padding: 15px 0 50px 0; font-size: 25px; font-family: "shiseido2013winbold"; } .push-foundation-finder-single .config-start-title span { color: #98806C; } .push-foundation-finder-single .config-start-title b { font-size: 100px; font-family: "shiseido2013winextralight"; letter-spacing: -20px; font-weight: normal; position: relative; left: -10px; } .push-foundation-finder-single .config-start-title:after { content: ''; position: absolute; bottom: 20px; width: 100px; left: 50%; margin: 0 0 0 -50px; border-bottom: 1px solid #98806C; } .push-foundation-finder-single .push-foundation-finder-button { position: absolute; height: 100%; width: 40px; background-color: #f0d2bc; background-image: url(../../pages/foundation-finder/images/push-foundation-finder-arrow.png); background-position: center center; background-repeat: no-repeat; top: 0; right: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .push-foundation-finder-single:hover > .push-foundation-finder-button { background-color: #000; } .push-foundation-finder-single .push-foundation-finder-button-text { display: none; } @media only screen and (max-width: 980px) { .push-foundation-finder-single { background-image: url(../../pages/foundation-finder/images/push-foundation-finder-background-product-mobile.png), url(../../pages/foundation-finder/images/push-foundation-finder-products-mobile.png), url(../../pages/foundation-finder/images/push-foundation-finder-background.jpg); background-size: 193px 163px, 167px 188px, cover; min-height: 256px; } .push-foundation-finder-button { display: none; } .push-foundation-finder-single .config-start-baseline { font-size: 18px; padding: 0px 0 41px 0; } .push-foundation-finder-single .config-start-title { font-size: 38px; padding: 0 0 45px; margin: 45px auto 0px auto; } .push-foundation-finder-single .config-start-title b { font-size: 70px; } .push-foundation-finder-single .push-foundation-finder-button-text { display: block; color: #000; font-size: 22px; font-weight: 700; } } @media only screen and (max-width: 600px) { .push-foundation-finder-single { background-image: url(../../pages/foundation-finder/images/push-foundation-finder-background-product-mobile.png), none, url(../../pages/foundation-finder/images/push-foundation-finder-background.jpg); } } /* Category */ .push-foundation-finder-category { display: block; width: 100%; min-height: 128px; max-width: 437px; border: 1px solid #cccccc; margin: 10px auto 30px auto; position: relative; background-color: transparent transparent transparent; background-image: url(../../pages/foundation-finder/images/push-foundation-finder-background-product-mobile.png), url(../../pages/foundation-finder/images/push-foundation-finder-products.png), url(../../pages/foundation-finder/images/push-foundation-finder-background.jpg); background-position: right bottom, -8px bottom, center center; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 109px 79px, 126px 113px, cover; } .push-foundation-finder-category .config-start-title { position: relative; padding: 0px 0 13px; font-size: 22px; text-transform: uppercase; line-height: 26px; max-width: 430px; margin: 15px auto 0px auto; font-weight: normal; font-family: "shiseido2013winlight"; color: #584131; } .push-foundation-finder-category .config-start-baseline { text-transform: uppercase; padding: 3px 110px 12px 110px; line-height: 14px; font-size: 12px; font-family: "shiseido2013winbold"; } .push-foundation-finder-category .config-start-title span { color: #98806C; } .push-foundation-finder-category .config-start-title b { font-size: 42px; font-family: "shiseido2013winextralight"; letter-spacing: -18px; padding: 0 4px; font-weight: normal; position: relative; left: -9px; } .push-foundation-finder-category .config-start-title:after { content: ''; position: absolute; bottom: 6px; width: 100px; left: 50%; margin: 0 0 0 -50px; border-bottom: 1px solid #98806C; } .push-foundation-finder-category .push-foundation-finder-button-text { display: block; color: #000; font-size: 14px; text-transform: none; font-weight: 700; margin-bottom: 20px; } .push-foundation-finder-category:hover > .push-foundation-finder-button-text { text-decoration: underline; } @media only screen and (max-width: 980px) { } @media only screen and (max-width: 590px) { .push-foundation-finder-category { background-image: url(../../pages/foundation-finder/images/push-foundation-finder-background-product-mobile.png), none, url(../../pages/foundation-finder/images/push-foundation-finder-background.jpg); } .push-foundation-finder-category .config-start-baseline { padding-left: 10px; padding-right: 10px; } } /* Subentries */ .push-foundation-finder-subentries { display: block; width: 100%; padding-left: 155px; border: 1px solid #cccccc; margin: 30px 0 70px 0; position: relative; background-color: transparent transparent transparent; background-image: url(../../pages/foundation-finder/images/push-foundation-finder-background-product-subentries.png), url(../../pages/foundation-finder/images/push-foundation-finder-products.png), url(../../pages/foundation-finder/images/push-foundation-finder-background.jpg); background-position: right bottom, left bottom, center center; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 190px 160px, 176px 159px, cover; } .push-foundation-finder-subentries .config-start-title { position: relative; padding: 0 0 42px; font-size: 37px; text-transform: uppercase; line-height: 26px; max-width: 430px; margin: 41px auto 0px auto; font-weight: normal; font-family: "shiseido2013winlight"; color: #584131; } .push-foundation-finder-subentries .config-start-baseline { text-transform: uppercase; padding: 0 0 15px 0; font-size: 16px; font-family: "shiseido2013winbold"; } .push-foundation-finder-subentries .config-start-title span { color: #98806C; } .push-foundation-finder-subentries .config-start-title b { font-size: 70px; font-family: "shiseido2013winextralight"; letter-spacing: -20px; font-weight: normal; position: relative; left: -10px; } .push-foundation-finder-subentries .config-start-title:after { content: ''; position: absolute; bottom: 20px; width: 100px; left: 50%; margin: 0 0 0 -50px; border-bottom: 1px solid #98806C; } .push-foundation-finder-subentries .push-foundation-finder-button-text { display: block; color: #000; font-size: 22px; font-weight: 700; margin-bottom: 10px; } .push-foundation-finder-subentries:hover > .push-foundation-finder-button-text { text-decoration: underline; } @media only screen and (max-width: 980px) { .push-foundation-finder-subentries { background-image: url(../../pages/foundation-finder/images/push-foundation-finder-background-product-mobile.png), url(../../pages/foundation-finder/images/push-foundation-finder-products-mobile.png), url(../../pages/foundation-finder/images/push-foundation-finder-background.jpg); background-size: 193px 163px, 167px 188px, cover; } } @media only screen and (max-width: 920px) { .push-foundation-finder-subentries { padding-left: 0; } .push-foundation-finder-subentries { background-image: url(../../pages/foundation-finder/images/push-foundation-finder-background-product-mobile.png), none, url(../../pages/foundation-finder/images/push-foundation-finder-background.jpg); } } /* Menu */ .foundation-finder-image { margin-top: 30px; } /* Transition */ .flag-transition { background: transparent url(../images/flag-transition.png) no-repeat; width: 163px; height: 163px; position: absolute; top: 0; right: 0; color: #fff; padding: 30px 15px; text-align: center; } .no-touch .flag-transition:hover { color: #fff; background: transparent url(../images/flag-transition-hover.png) no-repeat; } .flag-transition .warning { text-transform: uppercase; display: block; margin-bottom: 7px; } .flag-transition .warning-content { display: block; margin-bottom: 11px; } .flag-transition .warning-link { text-decoration: underline; } @media only screen and (max-width:500px) { .flag-transition { background-size: cover; width: 120px; height: 120px; padding: 15px 10px; font-size: 12px; } } /* SITEMAP */ .page-template-page-template-sitemap h2 { font-family: "shiseido2013winlight"; font-size: 20px; line-height: 20px; } .page-template-page-template-sitemap .sto-loc-online-container-bg { padding: 10px 8.33333%; } .page-template-page-template-sitemap ul { margin-left: 17px; list-style-type: disc; list-style-position: outside; } .page-template-page-template-sitemap ul li { background: none; border: none; padding: 0; margin: 0 0 5px 0; overflow: visible; display: list-item; } .page-template-page-template-sitemap ul li a { display: inline-block; overflow: visible; width: auto; vertical-align: text-top; line-height: 20px; } .page-template-page-template-sitemap ul ul { list-style-type: circle; } .page-template-page-template-sitemap ul ul ul { list-style-type: square; } .page-template-page-template-sitemap a:hover { text-decoration: underline; } /* Formulaires CRM */ .crm-forms .mainDiv { float: none!important; } .crm-forms span { display: inline-block!important; text-align: right!important; color: #fff!important; font-size: 16px!important; vertical-align: top!important; font-family: "shiseido2013winlight"!important; } /*.crm-forms input { width: 326px!important; margin: 0!important; }*/ .crm-forms input[type="text"] { height: inherit!important; font-size: inherit!important; box-shadow: inherit!important; -moz-box-shadow: inherit!important; -webkit-box-shadow: inherit!important; -o-box-shadow: inherit!important; background-color: #fff!important; border: 1px solid #fff!important; padding: 5px 18px 5px 5px!important; } /*.crm-forms { display: inline-block; width: 150px; }*/ .crm-forms .alignBottom .minSize3 { width: 100%!important; min-width: 100%!important; max-width: 100%!important; display: inline-block!important; } .crm-forms .minSize3 { width: 50%!important; min-width: 50%!important; max-width: 50%!important; display: inline-block!important; } .crm-forms .minSize2 { width: 50%!important; min-width: 50%!important; max-width: 50%!important; display: inline-block!important; } .crm-forms .minSize1 { width: 50%!important; min-width: 50%!important; max-width: 50%!important; display: inline-block!important; } .crm-forms .minSize3 .minSize3 { width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .crm-forms .minSize2 .minSize2 { width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .crm-forms .minSize1 .minSize1 { width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .crm-forms .clickdform .responsiveCell .minSize3 .maxDateSize3 { width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .crm-forms .clear { display: none!important; } .crm-forms .line { display: none!important; } .crm-forms .clickdform input.maxSize1 { width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .crm-forms .clickdform .responsiveCell div.alignBottom { display: inline-block!important; } .crm-forms .clear { display: none!important; } .crm-forms .clickdform select.maxSize1 { width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .crm-forms .clickdform input.maxSize2 { width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .crm-forms .responsiveCellSize2, .crm-forms .responsiveCellSize1, .crm-forms .responsiveCellSize3 { width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .crm-forms .clickdform .alignBottom { vertical-align: top!important; text-align: right!important; padding-right: 20px!important; } .crm-forms input[type=button] { position: relative!important; display: block!important; border: none!important; color: #FFF!important; font-size: 16px!important; font-weight: 400!important; padding: 9px 57px!important; background: #9D1C32!important; margin: 0 auto!important; outline: none!important; width: auto!important; right: 0!important; top: 0!important; } .crm-forms .clickdform .alignBottom span { text-align: right!important; padding-right: 20px!important; } .crm-forms .clickdform .alignBottom span.requiredStar { padding-right: 0px!important; } .crm-forms input[type=text], .crm-forms input[type=textarea], .crm-forms select { font-family: "shiseido2013winlight"!important; } .crm-forms .responsiveRow { margin: 15px 0; } .crm-forms .responsiveCell.responsiveCellSize2 { margin: 0 0 15px 0; } .crm-forms .form-container { width: 80%; margin: 0 10%; } .crm-forms div.requiredInfo { margin-top: 10px!important; font-family: "shiseido2013winlight"!important; } /* Other adjustments */ .page-template-default .sto-loc-online-container { background-position: top center; } .page-template-default .sto-loc-online-container h1 { margin-bottom: 0px; } .page-template-default .sto-loc-online-container-bg { overflow: hidden; padding: 45px 8.33333%; background-color: #fff; text-align: left; background: #fff; } .page-template-default p { padding-bottom: 20px; } .tax-shiseido-store-city { padding-top: 0px!important; } iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } #channel-advisor.reveal-modal { padding: 0px; } #channel-advisor.reveal-modal iframe.stores { border: none; width: 100%!important; } @media only screen and (min-width:850px) { #channel-advisor.reveal-modal iframe.stores { min-height: 365px; } #de #channel-advisor.reveal-modal iframe.stores { min-height: 420px; } #channel-advisor.reveal-modal { width: 540px; margin-left: -270px; } } @media only screen and (max-width:850px) { #channel-advisor.reveal-modal iframe.stores { min-height: 510px; } } @media only screen and (max-width:700px) { #channel-advisor.reveal-modal iframe.stores { min-height: 600px; } }