/* font */ /* -------------------------- */ @font-face { font-family: 'readerregular'; src: url('../fonts/reader/reader-regular-webfont.eot'); src: url('../fonts/reader/reader-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/reader/reader-regular-webfont.woff2') format('woff2'), url('../fonts/reader/reader-regular-webfont.woff') format('woff'), url('../fonts/reader/reader-regular-webfont.ttf') format('truetype'), url('../fonts/reader/reader-regular-webfont.svg#readerregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'readerbold'; src: url('../fonts/reader/reader-bold-webfont.eot'); src: url('../fonts/reader/reader-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/reader/reader-bold-webfont.woff2') format('woff2'), url('../fonts/reader/reader-bold-webfont.woff') format('woff'), url('../fonts/reader/reader-bold-webfont.ttf') format('truetype'), url('../fonts/reader/reader-bold-webfont.svg#readerbold') format('svg'); font-weight: normal; font-style: normal; } /* base */ /* -------------------------- */ .clear { clear: both; } /* wrapper */ /* -------------------------- */ #home-container { max-width: 1100px; margin: auto; font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-weight: normal; position: relative; } #home-container .load-hidder { background: #fff; width: 100%; height: 100%; position: absolute; z-index: 1; } /* homepage */ /* -------------------------- */ .inner-slide { width: 100%; position: relative; } /*@media only screen and (max-width: 1350px) { .inner-slide { height: 190px; } } @media only screen and (max-width: 580px) { .inner-slide { height: 250px; } } */ .inner-slide .slide-title { display: table; min-height: 66px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 100%; position: absolute; bottom: 0; padding: 15px 27px; background: transparent url('../images/slide-title-background.png') repeat center center; } .inner-slide:hover > .slide-title { padding-bottom: 22px; min-height: 77px; } .bx-wrapper .bx-caption { padding: 15px 27px; background: transparent url('../../../images/slide-title-background.png') repeat center center; } .bx-wrapper .bx-caption span { color: #fff; font-size: 14px; font-weight: 600; line-height: 18px; margin: 0; padding: 0; font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; } .inner-slide .slide-title h2 { vertical-align: middle; display: table-cell; color: #fff; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: uppercase; margin: 0; padding: 0; font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; } .inner-slide .slide-title p { color: #fff; font-size: 14px; font-weight: 600; line-height: 18px; margin: 0; padding: 0; font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; margin-top: 3px; } .bx-wrapper ul { margin-left: 0px!important; } .bx-wrapper .bx-controls-direction a { height: 100%; top: 16px; width: 30px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .bx-wrapper .bx-controls-direction a.bx-prev { left: -33px; background: #000 url('../images/slider-left.png') no-repeat center center; } .bx-wrapper .bx-controls-direction a.bx-next { right: -33px; background: #000 url('../images/slider-right.png') no-repeat center center; } /*.slider-container .bx-wrapper .bx-controls-direction a.bx-prev { left: 0px; opacity: 0.4 } .slider-container .bx-wrapper .bx-controls-direction a.bx-next { right: 0px; opacity: 0.4 }*/ /*.bx-wrapper .bx-controls-direction a:hover { background-color: #c8102e; }*/ .bx-wrapper .bx-pager.bx-default-pager a { width: 9px; height: 9px; } .bx-wrapper .bx-viewport { border: none; -moz-box-shadow: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; left: 0; } .carousel-container { padding: 0 33px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 3px; } .bx-wrapper { margin: 0 auto 20px; } .slider-spacer { z-index: 1; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; height: 100%; width: 3px; position: absolute; top: 0; left: 50%; margin-left: -1.5px; background: #fff; } .slide-left { width: 50%; float: left; } .slide-right { width: 50%; float: left; } .mainslider img { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .mainslider a:hover > div img { opacity: 0.75; } .mainslider a:hover > .slider-spacer { height: 100%; width: 3px; position: absolute; top: 0; left: 50%; margin-left: -1.5px; background: #fff; } .hide_pager .bx-controls { display: none; } .bx-wrapper img { width: 100%; } .carousel_hide_pager.count-4 .bx-controls { display: none; } .carousel_hide_pager.count-4 .carousel-container { padding: 0; } .carousel_hide_pager.count-3 .bx-controls { display: none; } .carousel_hide_pager.count-3 .carousel-container { padding: 0; } .carousel_hide_pager.count-2-4 .bx-controls { display: none; } .carousel_hide_pager.count-2-4 .carousel-container { padding: 0; } .carousel_hide_pager.count-2-3 .bx-controls { display: none; } .carousel_hide_pager.count-2-3 .carousel-container { padding: 0; } .custom-hide-on-mobile { display: inherit!important; } .custom-show-on-mobile { display: none!important; } @media only screen and (max-width: 1444px) { .carousel_hide_pager.count-4 .bx-controls { display: block; } .carousel_hide_pager.count-4 .carousel-container { padding: 0 33px; } .carousel_hide_pager.count-3 .bx-controls { display: none; } .carousel_hide_pager.count-3 .carousel-container { padding: 0; } .carousel_hide_pager.count-2-4 .bx-controls { display: none; } .carousel_hide_pager.count-2-4 .carousel-container { padding: 0; } .carousel_hide_pager.count-2-3 .bx-controls { display: none; } .carousel_hide_pager.count-2-3 .carousel-container { padding: 0; } } @media only screen and (max-width: 1024px) { .carousel_hide_pager.count-4 .bx-controls { display: block; } .carousel_hide_pager.count-4 .carousel-container { padding: 0 33px; } .carousel_hide_pager.count-3 .bx-controls { display: block; } .carousel_hide_pager.count-3 .carousel-container { padding: 0 33px; } .carousel_hide_pager.count-2-4 .bx-controls { display: block; } .carousel_hide_pager.count-2-4 .carousel-container { padding: 0 33px; } .carousel_hide_pager.count-2-3 .bx-controls { display: none; } .carousel_hide_pager.count-2-3 .carousel-container { padding: 0; } } @media only screen and (max-width: 788px) { .carousel_hide_pager.count-2-4 .bx-controls { display: block; } .carousel_hide_pager.count-2-4 .carousel-container { padding: 0 33px; } .carousel_hide_pager.count-2-3 .bx-controls { display: block; } .carousel_hide_pager.count-2-3 .carousel-container { padding: 0 33px; } .custom-hide-on-mobile { display: none!important; } .custom-show-on-mobile { display: inherit!important; } } @media only screen and (max-width: 561px) { .carousel_hide_pager.count-4 .bx-controls { display: block; } .carousel_hide_pager.count-4 .carousel-container { padding: 0 33px; } .carousel_hide_pager.count-3 .bx-controls { display: block; } .carousel_hide_pager.count-3 .carousel-container { padding: 0 33px; } .carousel_hide_pager.count-2-4 .bx-controls { display: block; } .carousel_hide_pager.count-2-4 .carousel-container { padding: 0 33px; } .carousel_hide_pager.count-2-3 .bx-controls { display: block; } .carousel_hide_pager.count-2-3 .carousel-container { padding: 0 33px; } } /* Bottom homepage */ /* TYPOGRAPHIE */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) */ /*@font-face { font-family: 'shiseido2013winlight'; src: url('../../../fonts/shiseido2013win/shiseidowin-light-webfont.eot'); src: url('../../../fonts/shiseido2013win/shiseidowin-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/shiseido2013win/shiseidowin-light-webfont.woff') format('woff'), url('../../../fonts/shiseido2013win/shiseidowin-light-webfont.ttf') format('truetype'), url('../../../fonts/shiseido2013win/shiseidowin-light-webfont.svg#shiseido2013winlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'shiseido2013winbold'; src: url('../../../fonts/shiseido2013win/shiseidowin-bold-webfont.eot'); src: url('../../../fonts/shiseido2013win/shiseidowin-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/shiseido2013win/shiseidowin-bold-webfont.woff') format('woff'), url('../../../fonts/shiseido2013win/shiseidowin-bold-webfont.ttf') format('truetype'), url('../../../fonts/shiseido2013win/shiseidowin-bold-webfont.svg#shiseido2013winbold') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'GillSansHelLight'; src: url('../../../fonts/GillSansHel-Light.eot'); src: url('../../../fonts/GillSansHel-Light.eot?#iefix') format('embedded-opentype'), url('../../../fonts/GillSansHel-Light.woff') format('woff'), url('../../../fonts/GillSansHel-Light.ttf') format('truetype'), url('../../../fonts/GillSansHel-Light.svg#shiseido2001light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GillSansHelRegular'; src: url('../../../fonts/GillSansHel-Regular.eot'); src: url('../../../fonts/GillSansHel-Regular.eot?#iefix') format('embedded-opentype'), url('../../../fonts/GillSansHel-Regular.woff') format('woff'), url('../../../fonts/GillSansHel-Regular.ttf') format('truetype'), url('../../../fonts/GillSansHel-Regular.svg#shiseido2001light') format('svg'); font-weight: normal; font-style: normal; } /* Icon font */ @font-face { font-family: 'icomoon'; src:url('../../../fonts/icon-fonts/icomoon.eot?-yr5ubn'); src:url('../../../fonts/icon-fonts/icomoon.eot?#iefix-yr5ubn') format('embedded-opentype'), url('../../../fonts/icon-fonts/icomoon.woff?-yr5ubn') format('woff'), url('../../../fonts/icon-fonts/icomoon.ttf?-yr5ubn') format('truetype'), url('../../../fonts/icon-fonts/icomoon.svg?-yr5ubn#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'iconic'; src:url('../../../fonts/iconic/iconic.eot'); src:url('../../../fonts/iconic/iconic.eot?#iefix') format('embedded-opentype'), url('../../../fonts/iconic/iconic.woff') format('woff'), url('../../../fonts/iconic/iconic.ttf') format('truetype'), url('../../../fonts/iconic/iconic.svg#ecoicon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'shiseido2001light'; src: url('../../../fonts/shiseido2001-light-webfont-webfont-webfont.eot'); src: url('../../../fonts/shiseido2001-light-webfont-webfont-webfont.eot?#iefix') format('embedesd-opentype'), url('../../../fonts/shiseido2001-light-webfont-webfont-webfont.woff') format('woff'), url('../../../fonts/shiseido2001-light-webfont-webfont-webfont.ttf') format('truetype'), url('../../../fonts/shiseido2001-light-webfont-webfont-webfont.svg#shiseido2001light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PL-shiseido2001Light'; src: url('../../../fonts/pl/Shiseido2001Light.eot'); src: url('../../../fonts/pl/Shiseido2001Light.eot?#iefix') format('embedesd-opentype'), url('../../../fonts/pl/Shiseido2001Light.woff') format('woff'), url('../../../fonts/pl/Shiseido2001Light.ttf') format('truetype'), url('../../../fonts/pl/Shiseido2001Light.svg#PL-shiseido2001light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PL-Shiseido2001ExtraLight'; src: url('../../../fonts/pl/Shiseido2001ExtraLight.eot'); src: url('../../../fonts/pl/Shiseido2001ExtraLight.eot?#iefix') format('embedesd-opentype'), url('../../../fonts/pl/Shiseido2001ExtraLight.woff') format('woff'), url('../../../fonts/pl/Shiseido2001ExtraLight.ttf') format('truetype'), url('../../../fonts/pl/Shiseido2001ExtraLight.svg#PL-Shiseido2001ExtraLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PL-Shiseido2001-Bold'; src: url('../../../fonts/pl/Shiseido2001-Bold.eot'); src: url('../../../fonts/pl/Shiseido2001-Bold.eot?#iefix') format('embedesd-opentype'), url('../../../fonts/pl/Shiseido2001-Bold.woff') format('woff'), url('../../../fonts/pl/Shiseido2001-Bold.ttf') format('truetype'), url('../../../fonts/pl/Shiseido2001-Bold.svg#PL-Shiseido2001-Bold') 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";} /*! * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../../../fonts/font-awesome/fontawesome-webfont.eot?v=4.1.0'); src: url('../../../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../../../fonts/font-awesome/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../../../fonts/font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../../../fonts/font-awesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') 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"; } .ajust-font {font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;color: inherit;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Sets default font family to sans-serif. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ outline:none; } /* * Removes default margin. */ body { margin: 0; -webkit-font-smoothing: antialiased; /*overflow: scroll;*/ } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a { text-decoration: none; outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0); } a:focus { -webkit-tap-highlight-color: rgba(0,0,0,0); } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); } /* ========================================================================== Typography ========================================================================== */ /* * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, * Safari 5, and Chrome. */ h1 { margin: 0!important; } h2 { margin: 0!important; } h3 { margin: 0!important; } /* * Addresses styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } p { margin: 0; padding: 0 } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* * Corrects font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Sets consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 45%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* * Removes border when inside `a` element in IE 8/9. */ img { border: 0; } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* * 1. Corrects font family not being inherited in all browsers. * 2. Corrects font size not being inherited in all browsers. * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to `content-box` in IE 8/9. * 2. Removes excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; } /* Sections */ section { width: 100%; position: relative; overflow: hidden; } section .section-inner { max-width: 1000px; width: 100%; margin: 0 auto; position: relative; } section .section-inner-2 { max-width: 1400px; width: 100%; margin: 0 auto; position: relative; } section .section-inner-3 { max-width: 1350px; width: 100%; margin: 0 auto; position: relative; } section .section-inner-4 { max-width: 1500px; width: 100%; margin: 0 auto; position: relative; } /*section.video-iframe { height: 650px; } section.video-iframe .videoWrapper { height: 650px; } section.video-iframe .videoWrapper iframe { height: 650px; }*/ .section-container-background { position: absolute; height: 120%; width: 100%; top: 0%; } .section-container-content { position: absolute; height: 100%; width: 100%; top: 0; } /* Floats */ .float-left { float: left; } .float-right { float: right; } /* Containers */ /*.container-1 { height: 405px; }*/ .container-2 { height: 650px; } /* Wysiwyg */ .wysiwyg-1 p { margin: 0 0 20px 0; } .wysiwyg-2 { color: #666666; line-height: 24px; } .wysiwyg-2 a { text-decoration: none; color: #AC2831; } .wysiwyg-2 a:hover { text-decoration: underline; } .wysiwyg-2 p { margin: 15px 0 15px 0; } .wysiwyg-2 h1, h2, h3, h4 { font-size: 18px; line-height: 24px; } .single-shiseido_sites .wysiwyg-1 p, .single-shiseido_sites .wysiwyg-2 p, .single-shiseido_sites .post-content-text p { font-size: inherit; } /* Links */ .link-1 { position: absolute; top: 0; right: 0; height: 62px; line-height: 20px; opacity: 1!important; text-decoration: none; } .link-1:hover { text-decoration: underline; } /* Scrollers */ .scrollable-1 { overflow: auto; height: 550px; } .scrollable-2 { overflow: auto; height: 400px; } .scrollable-3 { overflow: auto; } /* Colors */ .color-1 { color: #fff; } .color-2, a.color-2 { color: #ddd; } a.color-2:hover { color: #bcbcbc; } .color-3, a.color-3 { color: #666; } a.color-3:hover { color: #3a3a3a; } .color-4, a.color-4 { color: #AC2831; } a.color-4:hover { color: #831a21; } .color-5 { color: #C8C8C8; } /* Heights */ .height-1 { height: 60px; } /* Positions */ .position-relative { position: relative!important; } .position-absolute { position: absolute!important; } /* Padders */ .padder-1 { padding: 17px; } .padder-2 { padding: 10px; } .padder-3 { padding: 16px 0; } .padder-4 { padding: 30px 60px 30px 60px; } .padder-5 { padding: 17px 60px 17px 17px; } .padder-6 { padding: 0 10px 0 10px; } .padder-7 { padding: 70px 100px 70px 100px; } .padder-8 { padding: 0 3px 0 3px; } .padder-9 { padding: 7px; } .padder-10 { padding: 30px 10px 40px 10px; } .padder-11 { padding: 80px 10px 80px 10px; } .padder-12 { padding: 60px 10px 40px 10px; } .padder-13 { padding: 40px 15px 40px 70px;} .padder-14 { padding: 70px 100px 70px 100px; } .padder-15 { padding: 17px 17px 60px 17px; } .padder-16 { padding: 40px 60px 40px 60px; } .responsive-padder-1 { padding: 70px 2% 70px 2%; } .responsive-padder-2 { padding: 70px 2% 70px 2%; } .responsive-padder-3 { padding: 0px 2% 0px 2%; } /* Responsive classes */ .display-on-mobile { display: none; } /* Borders */ .border-1 { border: 1px solid #9f9f9f; } .border-2 { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .border-3 { border-top: 1px solid #DDDDDD; } .border-4 { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } .border-5 { border-right: 1px solid #DDDDDD; } .border-6 { border: 1px solid #000000; } .border-7 { border-bottom: 1px solid #fff; } .border-8 { border-left: 1px solid #fff; border-right: 1px solid #fff; } /* Thumbnails */ .thumbnail-1 { width: 100%; height: auto; } /* Backgrounds */ .background-1 { -webkit-background-size: contain!important; -moz-background-size: contain!important; -o-background-size: contain!important; background-size: contain!important; }*/ .background-2 { -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; background-position: center center!important; -ms-behavior: url(js/backgroundsize.min.htc); } .background-3 { background-color: #000; } .background-left-arrow { background-position: 50% -29px; position: absolute!important; width: 100%; height: 100%; } .background-left-arrow a { width: 100%; height: 100%; display: block; position: absolute; background: transparent ('../../../images/bg-filter-transparent.png') repeat; } .background-left-arrow:hover { background-position: 50% -224px; cursor: pointer; } .background-right-arrow { background-position: 50% -98px; cursor: pointer; position: absolute!important; width: 100%; height: 100%; } .background-right-arrow a { width: 100%; height: 100%; display: block; position: absolute; background: transparent ('images/bg-filter-transparent.png') repeat; } .background-right-arrow:hover { background-position: 50% -294px; cursor: pointer; } .background-home { background-position: 50% -162px; position: absolute!important; width: 100%; height: 100%; } .background-home a { width: 100%; height: 100%; display: block; position: absolute; background: transparent ('../../../images/bg-filter-transparent.png') repeat; } .background-home:hover { background-position: 50% -358px; cursor: pointer; } /* Images */ .sprite { display:inline-block; overflow:hidden; background-repeat: no-repeat; background-image:url(../../../images/sprite.png); } .sprite-nav { display:inline-block; overflow:hidden; background-repeat: no-repeat; background-image:url(../../../images/single-nav-sprite.png); } /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .sprite { background-image: url('../../../images/sprite-x2.png'); background-repeat: no-repeat; background-size: 423px 477px; } .sprite-nav { background-repeat: no-repeat; background-image:url(../../../images/single-nav-sprite.png); background-size: 60px 440px; } } .single-share { height: 30px; width: 31px; } .single-share span { display: none; } .single-share-facebook { background-position: -125px -295px; } .single-share-facebook:hover { background-position: -125px -327px; cursor: pointer; } .single-share-twitter { background-position: -164px -295px; } .single-share-twitter:hover { background-position: -164px -327px; cursor: pointer; } .single-share-google { background-position: -204px -295px; } .single-share-google:hover { background-position: -204px -327px; cursor: pointer; } .single-share-pinterest { background-position: -244px -295px; } .single-share-pinterest:hover { background-position: -244px -327px; cursor: pointer; } .single-share-youtube { background-position: -329px -295px; } .single-share-youtube:hover { background-position: -329px -327px; cursor: pointer; } .img-facebook { width: 10px; height: 17px; background-position: -252px -122px; cursor: pointer; margin: 0 5px 0 5px; } .img-facebook:hover { background-position: -252px -144px; } .img-twitter { width: 15px; height: 15px; background-position: -268px -124px; cursor: pointer; margin: 0 5px 0 5px; } .img-twitter:hover { background-position: -268px -146px; } .img-google { width: 15px; height: 17px; background-position: -289px -124px; cursor: pointer; margin: 0 5px 0 5px; } .img-google:hover { background-position: -289px -146px; } .img-pinterest { width: 14px; height: 17px; background-position: -309px -121px; cursor: pointer; margin: 0 5px 0 5px; } .img-pinterest:hover { background-position: -309px -143px; } .img-arrow-black { width: 15px; height: 19px; background-position: -171px -124px; } .img-arrow-white { width: 15px; height: 19px; background-position: -203px -124px; } .img-open { width: 17px; height: 17px; background-position: -186px -274px; position: absolute; top: 19px; right: 19px; } .img-close { width: 17px; height: 17px; background-position: -161px -274px; position: absolute; top: 19px; right: 19px; } .img-search { width: 17px; height: 17px; background-position: -249px -215px; padding: 0; margin: 0; border: none; color: transparent; background-color: transparent; } .img-search:hover { background-position: -249px -234px; cursor: pointer; } .img-video { width: 17px; height: 17px; background-position: -267px -215px; margin: 10px 5px 6px 5px; } li.li-icon a:hover > .img-video { background-position: -267px -234px; cursor: pointer } .selected .img-video { background-position: -267px -234px; cursor: default; } .img-content { width: 17px; height: 17px; background-position: -285px -215px; margin: 10px 5px 6px 5px; } li.li-icon a:hover > .img-content { background-position: -285px -234px; cursor: pointer; } .selected .img-content { background-position: -285px -234px; cursor: default; } .img-logo-shiseido { width: 210px; height: 36px; background-position: -209px -252px; margin: 22px 0; } .img-facebook-header { width: 42px; height: 44px; background-position: -336px -120px; } .img-facebook-header:hover { width: 42px; height: 44px; background-position: -336px -166px; cursor: pointer; } .img-youtube-header { width: 42px; height: 44px; background-position: -381px -121px; } .img-youtube-header:hover { width: 42px; height: 44px; background-position: -381px -168px; cursor: pointer; } .img-camelia-header { width: 42px; height: 44px; background-position: -282px -291px; } .img-facebook-logo { width: 101px; height: 23px; background-position: -13px -257px; } .img-youtube-logo { width: 37px; height: 37px; background-position: -122px -246px; position: absolute; top: 0; right: 0; } .img-arrow-left { width: 41px; height: 77px; background-position: -153px -161px; position: absolute; top: 50%; left: 15px; margin-top: -38px; } .img-arrow-right { width: 41px; height: 77px; background-position: -198px -161px; position: absolute; top: 50%; right: 15px; margin-top: -38px; } /* Displays */ .display-none { display : none; } /* Custom elements */ sup { font-family: Arial, Helvetica, sans-serif!important; } .slideshow-more-link { text-decoration: none; } .slideshow-more-link:hover { text-decoration: underline; } .section-gallery { background-color: #000; } .single-gallery-nav { border-top: 1px solid #fff; height: 120px; overflow: hidden; } .single-gallery-nav-inner { width: 5000px; position: absolute; top: 0; left: 0; } .single-gallery-nav .single-gallery-nav-image { border-bottom: 1px solid #fff; max-width: 180px; float: left; height: 120px; overflow: hidden; position: relative; } .single-gallery-nav .single-gallery-nav-image .filter { position: absolute; height: 100%; width: 100%; background: transparent url('images/bg-filter-1.png') repeat; top: 0; cursor: pointer; z-index: 2; } .single-gallery-nav .single-gallery-nav-image .border { position: absolute; height: 100%; width: 1px; background-color: #fff; top: 0; right: 0; z-index: 3; } .single-gallery-nav .single-gallery-nav-image img { width:100%; height: auto; max-height: 120px; cursor: pointer; } .single-gallery-nav .single-gallery-nav-image > .filter { display: block; } .single-gallery-nav .single-gallery-nav-image.active > .filter, .single-gallery-nav .single-gallery-nav-image:hover > .filter { display: none; } .single .single-share span { display: none!important; } .single-bg-left { position: absolute; background-color: #000; height: 100%; width: 16.6667%; top: 0; left: 0; z-index: -1; } .single-bg-right { position: absolute; background-color: #000; height: 100%; width: 50%; top: 0; right: 0; z-index: -1; } .image-hover-filter { position: absolute; height: 100%; width: 100%; background: transparent url('images/bg-filter-1.png') repeat; display: none; cursor: pointer; } .video-launcher { cursor: pointer; } .shade { display: inline; } .border-previous { border-right: 1px solid #fff; display: block; height: 60px; } .border-next { border-left: 1px solid #fff; display: block; height: 60px; } .last .arrow-next { display: none; } .arrow-next { text-align: center; padding: 17px 0 15px 0; cursor: pointer; position: absolute; bottom: 0; width: 100%; } .arrow-next-home { text-align: center; padding: 17px 0 15px 0; cursor: pointer; position: absolute; bottom: 0; width: 100%; } .search-input { padding: 11px 11px 12px 11px; border: none; color: #1F1F1F; /*width: 390px;*/ } .networks { width: 100px; } .single-gallery { height: 631px; border-bottom: 1px solid #fff; overflow: hidden; } @media only screen and (max-width:1900px) { .single-gallery { height: 630px; } } @media only screen and (max-width:1875px) { .single-gallery { height: 620px; } } @media only screen and (max-width:1850px) { .single-gallery { height: 610px; } } @media only screen and (max-width:1825px) { .single-gallery { height: 610px; } } @media only screen and (max-width:1800px) { .single-gallery { height: 600px; } } @media only screen and (max-width:1775px) { .single-gallery { height: 590px; } } @media only screen and (max-width:1750px) { .single-gallery { height: 580px; } } @media only screen and (max-width:1725px) { .single-gallery { height: 570px; } } @media only screen and (max-width:1700px) { .single-gallery { height: 560px; } } @media only screen and (max-width:1675px) { .single-gallery { height: 560px; } } @media only screen and (max-width:1650px) { .single-gallery { height: 550px; } } @media only screen and (max-width:1625px) { .single-gallery { height: 540px; } } @media only screen and (max-width:1600px) { .single-gallery { height: 530px; } } @media only screen and (max-width:1575px) { .single-gallery { height: 520px; } } @media only screen and (max-width:1550px) { .single-gallery { height: 510px; } } @media only screen and (max-width:1525px) { .single-gallery { height: 510px; } } @media only screen and (max-width:1500px) { .single-gallery { height: 500px; } } @media only screen and (max-width:1475px) { .single-gallery { height: 490px; } } @media only screen and (max-width:1450px) { .single-gallery { height: 480px; } } @media only screen and (max-width:1425px) { .single-gallery { height: 470px; } } @media only screen and (max-width:1400px) { .single-gallery { height: 460px; } } @media only screen and (max-width:1375px) { .single-gallery { height: 460px; } } @media only screen and (max-width:1350px) { .single-gallery { height: 450px; } } @media only screen and (max-width:1325px) { .single-gallery { height: 440px; } } @media only screen and (max-width:1300px) { .single-gallery { height: 430px; } } @media only screen and (max-width:1275px) { .single-gallery { height: 420px; } } @media only screen and (max-width:1250px) { .single-gallery { height: 410px; } } @media only screen and (max-width:1225px) { .single-gallery { height: 410px; } } @media only screen and (max-width:1200px) { .single-gallery { height: 400px; } } @media only screen and (max-width:1175px) { .single-gallery { height: 390px; } } @media only screen and (max-width:1150px) { .single-gallery { height: 380px; } } @media only screen and (max-width:1125px) { .single-gallery { height: 370px; } } @media only screen and (max-width:1100px) { .single-gallery { height: 360px; } } @media only screen and (max-width:1075px) { .single-gallery { height: 360px; } } @media only screen and (max-width:1050px) { .single-gallery { height: 350px; } } @media only screen and (max-width:1025px) { .single-gallery { height: 340px; } } @media only screen and (max-width:1000px) { .single-gallery { height: 330px; } } @media only screen and (max-width:975px) { .single-gallery { height: 320px; } } @media only screen and (max-width:950px) { .single-gallery { height: 570px; } } @media only screen and (max-width:925px) { .single-gallery { height: 560px; } } @media only screen and (max-width:900px) { .single-gallery { height: 550px; } } @media only screen and (max-width:875px) { .single-gallery { height: 540px; } } @media only screen and (max-width:850px) { .single-gallery { height: 530px; } } @media only screen and (max-width:825px) { .single-gallery { height: 520px; } } @media only screen and (max-width:800px) { .single-gallery { height: 510px; } } @media only screen and (max-width:775px) { .single-gallery { height: 510px; } } @media only screen and (max-width:750px) { .single-gallery { height: 475px; } } @media only screen and (max-width:725px) { .single-gallery { height: 420px; } } @media only screen and (max-width:700px) { .single-gallery { height: 380px; } } @media only screen and (max-width:675px) { .single-gallery { height: 340px; } } @media only screen and (max-width:650px) { .single-gallery { height: 300px; } } @media only screen and (max-width:625px) { .single-gallery { height: 287px; } } @media only screen and (max-width:600px) { .single-gallery { height: 287px; } } @media only screen and (max-width:575px) { .single-gallery { height: 287px; } } @media only screen and (max-width:550px) { .single-gallery { height: 287px; } } @media only screen and (max-width:525px) { .single-gallery { height: 287px; } } @media only screen and (max-width:500px) { .single-gallery { height: 287px; } } .single-gallery-img { background-color: #fff; z-index: 1; position: absolute; height: 100%; width: 100%; top: 0; right: 0; -webkit-background-size: contain!important; -moz-background-size: contain!important; -o-background-size: contain!important; background-size: contain!important; background-position: center center; background-repeat: no-repeat; } .single-gallery-right-arrow { cursor: pointer; position: absolute; right: 0; top: 0; height: 100%; width: 60px; background: transparent url('images/bg-filter-1.png') repeat; } .single-gallery-left-arrow { cursor: pointer; position: absolute; left: 0; top: 0; height: 100%; width: 60px; background: transparent url('images/bg-filter-1.png') repeat; } .single-gallery .single-gallery-right-arrow { z-index: 2; } .single-gallery-nav .single-gallery-right-arrow, .single-gallery-nav .single-gallery-left-arrow { z-index: 20; } .single-arrow { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -16px; width: 16px; height: 33px; background-position: 50% -112px; } .single-arrow-left { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -16px; width: 16px; height: 33px; background-position: 50% -43px; } .single-gallery-right-arrow:hover > .single-arrow { background-position: 50% -308px; } .single-gallery-left-arrow:hover > .single-arrow-left { background-position: 50% -238px; } #more-news:hover { color: #AD2931; cursor: pointer; } .more-product { padding: 15px; text-decoration: underline; } .more-product:hover { color: #AC2831; cursor: pointer; } .product-panel { position: absolute; height: 100%; width: 100%; background: transparent url('images/bg-filter-1.png') repeat; top: 0; display: none; } .product-panel-content { position: absolute; height: 100%; width: 70%; background-color: #fff; top: 0; right: -100%; } .product-panel-content-inner { display: none; } .product-panel-buttons-container { width: 60px; height: 182px; position: absolute; left: 0; top: 50%; margin-top: -91px; } .product-panel-button { width: 60px; height: 60px; cursor: pointer; } .product-panel-switch-left { background-position: 0 -355px; display: none; } .product-panel-switch-right { background-position: 0 -417px; } .product-panel-close { background-position: 0 -293px; } .product-panel-switch-left:hover { background-position: -62px -355px; } .product-panel-switch-right:hover { background-position: -62px -417px; } .product-panel-close:hover { background-position: -62px -293px; } .product-button { display: inline-block; vertical-align: middle; width: 120px; text-align: center; margin: 15px; } .product-button:hover { color: #AC2831; cursor: pointer; } .product-button.current { color: #AC2831; cursor: default; } .column-panel { position: absolute; height: 100%; width: 100%; background: transparent url('images/bg-filter-1.png') repeat; top: 0; display: none; } .column-panel-content { position: absolute; height: 100%; width: 100%; background-color: #fff; top: 0; right: -100%; } .column-panel-button { width: 60px; height: 60px; cursor: pointer; position: absolute; right: 0; top: 0; } .column-button { display: inline-block; vertical-align: middle; width: 120px; text-align: center; margin: 15px; } .column-button:hover { color: #AC2831; cursor: pointer; } .column-button.current { color: #AC2831; cursor: default; } .column-panel-close { background-position: 0 -293px; } .column-panel-close:hover { background-position: -62px -293px; } .single-close { width: 60px; height: 60px; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 10; display: block; } .single-close { background-position: 0 -293px; } .single-close:hover { background-position: -62px -293px; } .back-home { display: block; padding: 17px; text-align: center; text-transform: uppercase; text-decoration: none; color: #C8C8C8; } .back-home:hover { text-decoration: underline; } /* Lists */ ul.list-style-1 { list-style-type: none; margin: 0!important; padding: 0!important; } ul.list-style-1 li { margin: 15px 0 15px 0; } ul.list-style-1 li .inline-block { display: inline-block; vertical-align: middle; } ul.list-style-2 { list-style-type: none; margin: 0!important; padding: 0!important; position: relative; z-index: 2; } ul.list-style-2 li { margin: 0 0 20px 0; font-size: 15px; } ul.list-style-2 li a { color: #DDDDDD; } ul.list-style-2 li a:hover { text-decoration: underline; } /* Sliders */ .toggle-scroll-conversion { position: fixed; top: 5px; left: 5px; font: 13px/1 sans-serif; } .slider-paralax #container-parallax { position:relative; overflow:hidden; height:600px; display:block } .slider-paralax .section { width: 1600px; height: 600px; overflow: hidden; position:absolute; z-index:0; } .slider-paralax .section-background { width:100%; height:100%; position:relative; } .slider-paralax .obj-wrapper { width: 1600px; height: 600px; margin: 0 auto; overflow:hidden; } .slider-paralax #moving-content { top: 0; position: absolute; text-align:center; width:100%; } .slider-paralax .title { top:20%; right:20%; font-size:40px; text-align: center; text-transform: uppercase; color:white; width:25%; position:absolute; } .slider-paralax .under-title { top:60%; right:20%; font-size:20px; text-align: center; text-transform: uppercase; color:white; width:25%; position:absolute; } .slider-paralax .img-arrow-right-container { height:100%; width: 250px; position:absolute; top:0; right:0; z-index:5; cursor: pointer; } .slider-paralax .img-arrow-left-container { height:100%; width: 250px; position:absolute; top:0; left:0; cursor: pointer; } /* Overflows */ .overflow-hidden { overflow: hidden; } /* Text aligns */ .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } /* Fonts style */ .font-style-1 { font-size: 20px; line-height: 28px; } .font-style-2 { font-size: 30px; line-height: 38px; } .font-style-3 { font-size: 16px; line-height: 20px; } .font-style-4 { font-size: 13px; line-height: 16px; } .font-style-5 { font-size: 15px; line-height: 18px; } .font-style-6 { font-size: 17px; line-height: 22px; } .font-style-7 { font-size: 14px; line-height: 18px; } .font-style-8 { font-size: 28px; line-height: 36px; } .font-style-9 { font-size: 18px; line-height: 24px; } .font-style-10 { font-size: 19px; line-height: 24px; } .font-style-11 { font-size: 22px; line-height: 28px; } .font-style-12 { font-size: 20px; line-height: 22px; } .font-style-13 { font-size: 90px; line-height: 90px; } .font-style-14 { font-size: 50px; line-height: 60px; } .font-style-15 { font-size: 24px; line-height: 32px; } /* Fonts weight */ .font-normal { font-weight: normal; } .font-bold { font-weight: bold; } /* Spacers */ .spacer-1 { height: 114px; width: 100%; } .spacer-2 { height: 50px; width: 100%; } .spacer-3 { height: 10px; width: 100%; } /* Containers sizes */ .container-size-1 { max-width: 1450px; margin: auto; position: relative; } .container-size-2 { max-width: 940px; margin: auto; position: relative; } .container-size-3 { width: 100%; margin: auto; position: relative; } .container-size-4 { max-width: 920px; margin: auto; position: relative; } /* Links style */ .link-style-1:hover { font-weight: bold; } /* Cases */ .uppercase { text-transform: uppercase; } /* Fonts */ .font-shiseido-light { font-family: "shiseido2013winlight"; } #pl .font-shiseido-light {font-family: "PL-shiseido2001Light";} /* Grid */ .column-24 { width: 100%; float: left; min-height: 1px; } .column-23 { width: 95.8333%; float: left; min-height: 1px; } .column-22 { width: 91.6667%; float: left; min-height: 1px; } .column-21 { width: 87.5%; float: left; min-height: 1px; } .column-20 { width: 83.3333%; float: left; min-height: 1px; } .column-19 { width: 79.1667%; float: left; min-height: 1px; } .column-18 { width: 75%; float: left; min-height: 1px; } .column-17 { width: 70.8333%; float: left; min-height: 1px; } .column-16 { width: 66.6667%; float: left; min-height: 1px; } .column-15 { width: 62.5%; float: left; min-height: 1px; } .column-14 { width: 58.3333%; float: left; min-height: 1px; } .column-13 { width: 54.1667%; float: left; min-height: 1px; } .column-12 { width: 50%; float: left; min-height: 1px; } .column-11 { width: 45.8333%; float: left; min-height: 1px; } .column-10 { width: 41.6667%; float: left; min-height: 1px; } .column-9 { width: 37.5%; float: left; min-height: 1px; } .column-8 { width: 33.3333%; float: left; min-height: 1px; } .column-8-inline { width: 32.3333%; display: inline-block; min-height: 1px; vertical-align:top; } .column-7 { width: 29.1667%; float: left; min-height: 1px; } .column-6 { width: 25%; float: left; min-height: 1px; } .column-6-inline { width: 25%; display: inline-block; min-height: 1px; vertical-align:top; } .column-5 { width: 20.8333%; float: left; min-height: 1px; } .column-4 { width: 16.6667%; float: left; min-height: 1px; } .column-3 { width: 12.5%; float: left; min-height: 1px; } .column-2 { width: 8.3333%; float: left; min-height: 1px; } .column-1 { width: 4.1667%; float: left; min-height: 1px; } .fullscreen { max-width: 100% !important; } .sticky-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } /*.sticky-header nav { overflow:hidden; height:500px; } .menu-header-container { background: white; }*/ .scrolled-nav { top:-90px; } /*#en.no-flash nav[role="navigation"] { display: block !important; }*/ #de.no-flash nav[role="navigation"] { font-size:12px!important; } #ru nav[role="navigation"] { font-size:11px!important; } div.selector span { font-family: "shiseido2001light"; color: white; text-transform: uppercase; text-shadow: none; font-size: 1em; background: transparent url("images/icon-select.png") center right no-repeat; margin-top: 5px; } .m-box-section { -webkit-box-sizing: border-box; width: 100%; padding: 50px 0 0; font-family: "shiseido2001light"; height: 100%; } .m-box-fullwidth { max-width: 1000px; width: 100%; margin: 0 auto; position: relative; } .m-box-section--intro div[class*="m-paragraph"] { width: 40%; } .m-box-section--intro div[class*="--right"] { float: right; display: inline-block; zoom: 1; *display: inline; } .m-box-section--intro div[class*="--left"] { float: left; display: inline-block; zoom: 1; *display: inline; } .l-intro--zen, .m-box--responsive--intro { background: black url("../../../images/section-intro/zen/bg-intro.jpg") center fixed no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .l-intro--zen div[class*="m-paragraph"], .m-box--responsive--intro div[class*="m-paragraph"] { color: #c98c28; font-size: 24px; line-height: 29px; } .m-box--responsive--intro { display: none; } /* Responsive */ @media screen and (max-width: 1500px) { .background-1 { background-position: top center!important; } } @media screen and (max-width: 850px) { .responsive-margin-remove { margin-top: 0!important; } } /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /**** Isotope styles ****/ /* required for containers to inherit vertical size from window */ html, body { height: 100%; } .element { width: 24.8%; height: 380px; margin: 1px; float: left; overflow: hidden; position: relative; } .ie8 .element { width: 24.6%; height: 380px; margin: 1px; float: left; overflow: hidden; position: relative; } @media screen and (max-width: 1500px) { .element { width: 33%; } } @media screen and (max-width: 1100px) { .element { width: 49.2%; } } @media screen and (max-width: 750px) { .element { width: 100%; } } .post-content { position: absolute; width: 100%; bottom: 0; } .post-content.content-background { background: transparent url('../images/bg-filter-1.png') repeat; } .post-content.content-background-white { background: transparent url('../images/bg-filter-3.png') repeat; } .hp-info-panel {bottom: -150px; height: 405px; } .hp-info-panel p + p {margin: 20px 0 0;} .post-content.facebook-background { background-color: #3B5998; } .post-content .post-content-category { position: relative!important; } .post-content .post-content-text { position: relative!important; } .post-content.content-background-black { background: transparent url('../images/bg-filter-1.png') repeat; /*opacity: 0.7;*/ } .post-content.content-background-white { background: transparent url('../images/bg-filter-3.png') repeat; /*opacity: 0.5;*/ } .post-content-panel { z-index: 10; } .slide-content { position: relative; top: inherit; left: inherit; margin: 100px auto 100px auto; width: 616px; text-align: center; padding-top: 70px; } .slide-content .post-content { position: relative; margin: auto; left: auto; top: auto; bottom: auto; } .flexslider-universe .post-content { width: 617px; left: 50%; margin-left: -306px; top: 50%; bottom: inherit; min-height: 240px; margin-top: -120px; } .flexslider-universe .post-content-text.font-style-15 p { font-size: inherit; line-height: inherit; } .post-content-2 { width: 40%; margin: auto; } .post-content-2.content-background-black { background: transparent url('../images/bg-filter-1.png') repeat; } .post-content-2.content-background-white { background: transparent url('../images/bg-filter-3.png') repeat; } .post-content-2.facebook-background { background-color: #3B5998; } .post-content-2 .post-content-category { position: relative!important; } .post-content-2 .post-content-text { position: relative!important; text-align: center; } .post-content-3 { position: absolute; width: 100%; bottom: 0; } .post-content-3.content-background { background: transparent url('../images/bg-filter-1.png') repeat; } .post-content-3 .post-content-text { position: relative!important; } .display-block { display: block; } .cursor-pointer { cursor: pointer; } .variable-sizes .element.width2 { width: 230px; } .variable-sizes .element.height2 { height: 230px; } .variable-sizes .element.width2.height2 { font-size: 2.0em; } .element.large, .variable-sizes .element.large, .variable-sizes .element.large.width2.height2 { font-size: 3.0em; width: 350px; height: 350px; z-index: 100; } .clickable .element:hover { cursor: pointer; } .clickable .element:hover h3 { text-shadow: 0 0 10px white, 0 0 10px white ; } .clickable .element:hover h2 { color: white; } /**** Example Options ****/ #options { padding-bottom: 1.0em; overflow: visible !important } #options ul { margin: 0; padding: 0; list-style: none; } #options > div > ul { float: left; display: inline-block; *display: inline; zoom: 1; } #options > div { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; } #options ul ul { margin-left: 1.5em; } #options li { float: left; } #options li a { display: block; padding: 10px 13px; color: #1F1F1F; text-decoration: none; } #options li.li-tag-selector a { padding: inherit } #options li.li-search { width: 100%; } #searchsubmit { position: absolute; right: 9px; top: 50%; margin-top: -7px!important; } #options li.li-icon a { padding: 0!important; } #options li.li-format { padding: 10px 9px 8px 9px; } #options li a:hover { color: #AD2931; } #options li a:active { color: #AD2931; } #options li:first-child a { border-radius: 7px 0 0 7px; border-left: none; } #options li:last-child a { border-radius: 0 7px 7px 0; } #options li a.selected { color: #AD2931; } #filters {display: block; position: relative!important; overflow: visible!important; min-width: 60%!important; } #filters-search {} #filters-search .search-input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } #filters-search input[type="submit"] {margin: 10px 0 0;} #filters-search input {float: left; display: inline-block; *display: inline; zoom: 1;} #filters-format {} .is-hidden {display: none;} .li-icon-all a { padding: 10px 4px!important; } .ie8 .li-tag-selector.border-4 { border: none!important; } .ie8 #filters-search.border-5 { border: none!important; } .js #filters { clip: rect(0 0 0 0); position: absolute; display: block; overflow: hidden; zoom: 1; } #filters.opened { max-height: 9999px; } #nav-toggle { display: none} @media screen and (max-width: 920px) { .js #filters { position: relative; } .js #filters.closed { max-height: none; } #nav-toggle { display: block; clear: both; text-align: center; padding: 1em 0; color: #333; text-decoration: none } } @media screen and (max-width: 1435px) { #filters-search {width: 17%;} #filters-search input[type="submit"] {width: 17px;} #filters-format {text-align: right; width: 15%;} #filters-format li {float: left; display: inline-block} #filters {min-width: 70%;} #filters-search .search-input { width: 85%; } .li-tag-selector li { text-align: left } } @media screen and (max-width: 1320px) { #filters-format .li-format {display: none} #filters .is-hidden {float: right} #filters-search {width: auto; border-right: none;} #filters-search input[type="submit"] {width: 17px;} #filters-format {width: 7%;} #filters-format .is-shown {display: none} .li-icon-all {display: none!important;} .flexslider-universe .post-content { width: 700px; left: 50%; margin-left: -350px; top: 50%; bottom: inherit; min-height: 240px; margin-top: -120px; } .flexslider-universe .flex-control-nav { display: none!important; } .section-slider .flex-control-nav { display: none!important; } .slide-content { width: 700px; } .slide-content .post-content { width: 700px; /*left: 50%; margin-left: -350px; top: 50%; bottom: inherit; margin-top: -120px;*/ } } @media screen and (max-width: 1320px) { #filters {width: 100%; border-bottom: 1px solid #CCC; text-align: center} #filters li {display: inline-block; *display: inline; zoom: 1;} #filters-search {width: 100%; background: #efefef} #filters-search .search-input {background: #efefef; width: 95%;} .li-tag-selector.border-4 { border: none; } /* #filters-format {float: right !important; position: relative; top: -40px;}*/ #filters-search, #filters-format {border-top: 0 none} } @media screen and (max-width: 915px) { /*#filters li {width: 100%;}*/ } /* Combination filter options*/ #options .option-combo { display: inline-block; float: left; margin-right: 10px; } #options .option-combo ul { margin-right: 20px; display: inline-block; } #options .option-combo h2, #options .option-combo h4 { line-height: 34px; margin-bottom: 0; margin-right: 5px; display: inline-block; vertical-align: top; } /* Color shapes */ .color-shape { width: 70px; height: 70px; margin: 5px; float: left; } .color-shape.round { -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } .color-shape.big.round { -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px; } .color-shape.red { background: red; } .color-shape.blue { background: blue; } .color-shape.yellow { background: yellow; } .color-shape.wide, .color-shape.big { width: 150px; } .color-shape.tall, .color-shape.big { height: 150px; } .color-shape a { display: block; height: 100%; } .color-shape a:hover { background: white; background: hsla( 0, 0%, 100%, 0.5 ); } /**** Horizontal ****/ .horizontal #container { height: 80%; } #copy { max-width: 640px; } /**** Photo demo ****/ .photos .photo { width: 320px; margin: 5px; float: left; } .photos .photo img { display: block; width: 100%; } #content { margin-left: 210px; } .demos #content { height: 100%; } /**** Docs ****/ .docs #content { max-width: 640px} .docs #content a:hover { border-bottom: 1px dotted; } /**** Doc page nav ****/ header {position: relative;z-index: 1000;} #site-nav { width: 200px; position: absolute; left: 10px; top: 0px; padding-top: 20px; font-size: 12px; } #site-nav h1 { font-size: 24px; margin-bottom: 0.5em; margin-top: 0; font-weight: bold; font-family: 'Helvetica Neue', Arial, sans-serif; } #site-nav h2 { font-size: 17px; font-weight: normal; margin: 0 0 0.3em; border-top: none; } #site-nav h1 a { color: #4FB; } #site-nav h1 a:hover { color: #4BF; } #site-nav ul { list-style: none; margin: 0 0 1.0em; font-weight: bold; } #site-nav ul ul { margin-bottom: 0; } #site-nav ul a { display: block; border: none; padding: 1px 5px; } #site-nav ul .current a { background: hsla( 0, 0%, 0%, 0.3 ); color: #1BF; } #site-nav ul a:hover, #site-nav ul .current a:hover { color: white; } #site-nav ul .current .toc a { font-size: 12px; padding-left: 1.2em; font-weight: normal; } .sub-menu .menu-title { font-weight: bold; } .nav-description { display: none; position: absolute; top: 34px; left: 0; margin: 0; z-index: 100; padding: 7px 10px; background: #fff; width: 200px; text-transform: none; } .sub-menu .nav-description { font-style: italic; width: 100%; margin-top: 2px; display: block; position: relative; background: none; width: auto; top: 0; padding: 0px; } nav li a:hover > .nav-description { display: block!important; color: #fff; background-color: #ad2931; } /**** Doc content ****/ .docs #content h2 { border-top: 1px solid #333; padding-top: 0.8em; margin-bottom: 0.8em; } .docs #content h2:target { padding: 10px; background: white; color: #222; } .docs #content h3 { color: #FEC; background: hsla( 0, 0%, 75%, 0.05 ); padding: 2px 0.5em; margin-bottom: 0.5em; font-size: 1.15em; } .docs #content h4 { margin-bottom: 0.5em; font-size: 14px; } pre { padding: 10px; } pre, code { background: black; color: white; font-family: 'Monaco', monospace, sans-serif; } #content code { font-size: 12px; } #content pre { line-height: 1.6em; } h3#options { padding-bottom: 0; } .option-def dl dt, .option-def dl dd { float: left; padding: 0 1.2em;; background: #161616; line-height: 36px; height: 36px; } .option-def dl.header dt, .option-def dl.header dd { background: #444; } .option-def dl .option-type { font-size: 13px; color: #AAA; font-style: italic; } .option-def dl dd { border-left: 1px solid #222; } /* Tagline */ .docs .tagline { font-size: 22px; font-weight: 300; } /* as-is from MIT */ .docs .as-is { font-size: 95%; } /* Commercial license blurb */ .docs #commercial { background: white; padding: 10px; font-size: 14px; color: #1F1F1D; } .docs #commercial a { font-weight: bold;} /**** Pygments ****/ code .s1, code .s { color: #78BD55; } /* string */ code .mi, /* integer */ code .cp, /* doctype */ code .kc { color: #5298D4; } /*boolean*/ code .k { color: #E39B79; } /* keyword */ code .kd, /* storage */ code .na { color: #A9D866; } /* markup attribute */ code .p { color: #EDB; } /* punctuation */ code .o { color: #F63; } /* operator */ code .nb { color: #AA97AC;} /* support */ /* comment */ code .c, code .c1 { color: #666; font-style: italic; } code .nt { color: #A0C8FC; } /* Markup open tag */ code .nf { color: #9EA8B8; } /* css id */ code .nc { color: #A78352; } /* CSS class */ code .m { color: #DE8E50; } /* CSS value */ code .nd { color: #9FAD7E; } /* CSS pseudo selector */ /**** Super list ****/ /**** Sites using Isotope ****/ #sites h2 { display: none; padding: 0.4em; line-height: 32px; margin-bottom: 0.4em; -webkit-transition: background-color 0.8s; -moz-transition: background-color 0.8s; -o-transition: background-color 0.8s; transition: background-color 0.8s; } #sites h2 img { display: inline-block; margin-right: 0.4em; vertical-align: bottom; } #sites h2.loading { background: white; color: #222; } #sites h2.error { background: red; color: #222; } #sites ul { margin: 0; } .super-list .example { list-style: none; float: left; width: 230px; margin: 5px; } .super-list .example a, .super-list .example b, .super-list .example img { display: block; } .super-list .example img { width: 100%; } .super-list .example a { background: #1F1E1D; } .super-list .example a:hover { background: white; color: #111; } .super-list .example b { font-weight: bold; line-height: 1.3em; padding: 3px; padding-top: 8px; } .super-list .link { float: left; position: relative; font-size: 24px; line-height: 1.2em; font-weight: 300; margin: 5px; } .super-list .link { width: 230px; height: 110px; } .super-list .link a { display: block; padding: 10px; padding-left: 65px; height: 90px; background: #1F1E1D; color: #FE5; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .super-list .link a:before { content: '➔'; font-size: 70px; position: absolute; top: 30px; left: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .super-list .link.away a:before { top: 25px; left: 0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .super-list .link a:hover { background: #E58; color: white; } .super-list .feature .name { bottom: auto; top: 140px; left: 18px; font-size: 20px; } /**** BIG Graph ****/ .big-graph { background: white; height: 600px; margin: 20px auto; } .big-graph .project { width: 45px; height: 45px; float: left; } .big-graph .project .icon { pointer-events: none; width: 31px; height: 31px; background: white; margin-left: 7px; -webkit-transition: -webkit-transform 0.25s; -moz-transition: -moz-transform 0.25s; -ms-transition: -ms-transform 0.25s; -o-transition: -o-transform 0.25s; transition: transform 0.25s; } .big-graph .project:hover { z-index: 5; } .big-graph .project:hover .icon { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); } .big-graph .project.commercial .icon { background: #6B6B6B; } .big-graph .project.urbanism .icon { background: #00CF00; } .big-graph .project.public-space .icon { background: #FF8D00; } .big-graph .project.culture .icon { background: #D61919; } .big-graph .project.body-culture .icon { background: #00ECFF; } .big-graph .project.health .icon { background: #FF2251; } .big-graph .project.education .icon { background: #00A700; } .big-graph .project.housing .icon { background: #FF02FF; } .big-graph .project.hotel .icon { background: #0000C3; } .big-graph .project.media .icon { background: #292929; } .big-graph .project p { line-height: 14px; font-size: 10.5px; color: black; margin-left: 7px; } /**** Infinite Scroll ****/ #infscr-loading { position: fixed; text-align: center; bottom: 30px; left: 42%; z-index: 100; background: white; background: hsla( 0, 0%, 100%, 0.9 ); padding: 20px; color: #222; font-size: 15px; font-weight: bold; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Margers */ .marger-1 { margin-bottom: 30px!important; } .marger-2 { margin-top: 30px!important; } .marger-3 { margin: 20px 0 20px 0!important; } .marger-4 { margin: 30px 0 30px 0!important; } .marger-5 { margin-bottom: 15px!important; } .marger-6 { margin-top: 12px!important; } .marger-7 { margin: 50px 0 40px 0!important; } .marger-8 { margin-bottom: 90px!important; } .marger-9 { margin-top: 114px!important; } .marger-10 { margin-left: 2px!important; } .marger-11 { margin-right: 2px!important; } .marger-12 { margin-left: 2px!important; } .marger-13 { margin: 0 0 20px 0!important; } .marger-14 { margin-bottom: 2px!important; } .marger-15 { margin: 0 0 5px 0!important; } .marger-16 { margin-bottom: 10px!important; } .marger-17 { margin-bottom: 7px!important; } .marger-18 { margin-top: 33%!important; } .marger-19 { margin-bottom: 40px!important; } .marger-20 { margin-left: 5px!important; } .marger-21 { margin-bottom: 50px!important; } .marger-22 { margin: 15px 0 15px 0!important; } .marger-23 { margin-bottom: 5px!important; } .marger-24 { margin:150px auto 0 auto!important; } .marger-25 { margin: 150px auto 30px auto!important; } .marger-26 { margin-bottom: 15px!important; } .marger-27 { margin-top: 15px!important; } .marger-28 { margin-top: 114px; } .marger-29 { margin-top: 50px!important; } /* Footer */ .no-flash footer ul.no-flash { display: none; } footer { background: #000; } footer .validation_error { display: none; } .footer-background { background: transparent url('images/footer-background.png') no-repeat; height: 196px; width: 658px; bottom: 0; right: -250px; position: absolute; z-index: 0; } .footer-inner { max-width: 940px; margin: auto; position: relative; } .footer-part-1 { background-color: #ae2a31; padding: 10px 0 5px 0; color: #fff; } .footer-part-2 { color: #fff; } .footer-part-2 .copyright-credits { margin: 30px 0 0 0; color: #868686; font-size: 13px; padding-bottom: 30px; position: relative; z-index: 2; } .footer-part-2 .copyright { float: left; } .footer-part-2 .copyright-icon { font-family: Arial, Helvetica, sans-serif!important; } .footer-part-2 .credits { float: right; } .footer-part-2 ul, .footer-part-2 ul.list-style-2 li { margin-left: 0 0 0 1.25rem; } /* Video */ .section-video { -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; font-family: 'shiseido2001light'; width: 100%; position: relative; color: white; /*overflow: hidden;*/ } /*.section-video > article div {float: left; display: inline-block; text-align: center; padding: 27% 0 0}*/ .section-video-col1, .section-video-col3 {width: 30%; padding-left: 2.5% !important; padding-right: 2.5% !important} .section-video-col2 {width: 30%;} .section-video-col1 p {font-size: 28px; text-transform: uppercase} .section-video-col3 p {font-size: 20px;} .section-video-col1 p, .section-video-col3 p { padding: 5% 0 0 } .video-player-button {width: 112px; height: 112px; margin-left: -56px; margin-top: -56px; position: absolute; left: 50%; top: 50%; display: inline-block; background: transparent url('images/btn-play.png') center center no-repeat; text-indent: -999em;} .video-player-button-icon { cursor: pointer; margin: 30px auto; width: 112px; height: 112px; display: block; background: transparent url('images/btn-play.png') center center no-repeat; } .video-player-button-icon.black { background: transparent url('images/btn-play-black.png') center center no-repeat; } section > article {width: 100%; max-width: 1300px; margin: 0 auto;} section > article a { background-size: cover!important; } #section-video-content {position: absolute; display: none; width: 100%; height: 100%!important; top: 0; left: 0; background: rgba(0,0,0,.8); color: white;} .panel {z-index: 999; background: white; color: black; position: absolute; width: 70%; height: 100%; right: -100%; top: 0; -webkit-box-sizing: border-box; padding: 30px 100px 30px 30px;} .nav-panel {position: absolute; top: 3%; right: 2%;} .nav-panel a {text-indent: -999em; width: 40px; height: 40px; line-height: 45px; text-align: center; display: block; text-decoration: none; margin: 0 0 1.5em;} .panel-close {background: url('images/btn-close.png') center center no-repeat;} .next-panel {background: url('images/btn-next.png') center center no-repeat;} .prev-panel {background: url('images/btn-prev.png') center center no-repeat;} .nav-panel a:hover {opacity: .4; filter:alpha(opacity=40);} .trigger-panel {margin: 0 0 2.5em} .trigger-panel.left {float: left; display: block; width: 50%;} .trigger-panel.right {float: right; display: block; width: 50%; text-align: right} .trigger-panel p {font-size: 20px; text-transform: uppercase;} .trigger-panel a {text-decoration: underline; color: white; } .trigger-panel div {text-align: center; display: inline-block; width: 50%;} #slides {margin: 25% 0 0; position: relative; z-index: 50;} .section-video-content-close { z-index: 0; position: absolute; height: 100%; width: 100%; background: transparent ('images/bg-filter-transparent.png') repeat; } .videoWrapContent { max-width: 40%; width: 100%; left: 50%; margin-left: -20%; position: absolute; top: 25%; } .videoWrapper { position: relative; padding-bottom: 40%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .no-pointer { cursor: default; } .discover-button { transition: all 300ms ease-in-out 0s; top: inherit!important; background-color: #ad2931; color: #fff; font-size: 21px; padding: 5px 7px 5px 7px; position: absolute; bottom: 30px; left: 50%; margin-left: -100px; z-index: 50; text-align: center; min-width: 200px; } .discover-button:hover { background-color: #941b23; } .no-flash #nav-header { display: none!important; } #ru.no-flash #nav-header { display: block!important; } .no-flash .footer-part-2 li.no-flash { display: none; } .no-flash nav[role="navigation"] { display: none; } #ru.no-flash nav[role="navigation"] { display: block!important; } .no-flash footer ul.no-flash { display: none; } .no-flash .marger-9 { margin-top: 80px!important; } .no-flash .marger-28 { margin-top: 80px!important; } .no-flash .no-flash-item { display: none; } .bxslider { margin: 0; } .bx-viewport { padding: 0!important; } @media only screen and (min-width:1500px) { .videoWrapContent { max-width: 27%; width: 100%; left: 50%; margin-left: -13.5%; position: absolute; top: 25%; } } @media only screen and (max-width:1000px) { .responsive-padder-4 { padding: 0 15px 0 15px; } } @media only screen and (max-width:950px) { .discover-button { bottom: 15px; top: inherit!important; } .padder-14 { padding: 40px 1% 40px 1%!important; } .product-button { margin: 5px!important; } .template-4-columns .column-24 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-23 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-22 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-21 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-20 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-19 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-18 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-17 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-16 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-15 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-14 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-13 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-12 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-11 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-10 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-9 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-8 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-7 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-6 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-5 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-4 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-3 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-2 { width: 100%!important; float: none; min-height: 1px; } .template-4-columns .column-1 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-24 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-23 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-22 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-21 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-20 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-19 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-18 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-17 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-16 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-15 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-14 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-13 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-12 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-11 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-10 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-9 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-8 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-7 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-6 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-5 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-4 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-3 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-2 { width: 100%!important; float: none; min-height: 1px; } .template-3-columns .column-1 { width: 100%!important; float: none; min-height: 1px; } .remove-on-responsive { display: none!important; } .marger-28 { margin-top: 80px !important; } } @media only screen and (max-width:750px) { .marger-11 { margin: 0!important; } .discover-button { bottom: 10px; top: inherit!important; padding: 5px !important; font-size:15px !important; margin-left: -56px !important; min-width: 100px !important; } section.video-iframe { height: auto; } section.video-iframe .videoWrapper { height: auto; } section.video-iframe .videoWrapper iframe { height: 100%; } .spacer-2 { height: 10px!important; width: 100%; } .marger-9 { margin: 0!important; } .marger-28 { margin-top: 0px!important; } .flexslider-container { padding: 0!important; } #gforms_confirmation_message { position: absolute; top: 0; right: 0; font-size: 14px; width: 50%; line-height: 14px; margin-top: 18px; } .single-bg-left, .single-bg-right { display: none; } .text-align-right, .text-align-left { text-align: center!important; } .post-content-2 { width: 80%; } .product-panel-content { width: 100%; } .padder-7 { padding: 40px 50px 40px 100px; } .responsive-padder-2 { padding: 15px; } .responsive-padder-3 { padding: 15px; } .spacer-1 { height: 0!important; } #js-display-video { position: relative!important; margin: auto!important; display: block!important; padding: 0!important; left: inherit; top: inherit; } .responsive-column { width: 100%; height: auto!important; } .responsive-column-reset { width: 0px!important; } /*.section-video > article div {float: left; display: inline-block; text-align: center; padding: 10% 0 0}*/ .section-video-col1, .section-video-col3 {width: 100%;} .section-video-col2 {width: 100%;} #slides {margin: 3em 0} .trigger-panel {float: none !important} .trigger-panel.left {float: none; display: block; width: 100%;} .trigger-panel.right {float: none; display: block; width: 100%; text-align: right} .trigger-panel p {font-size: 20px; text-transform: uppercase;} .trigger-panel a {text-decoration: underline; color: white; } .trigger-panel div {text-align: center; display: inline-block; width: 100%;} .videoWrapContent { position: relative; top: 0; max-width: 80%; margin-left: -40% } .panel { width: 95%; padding: 20px 100px 20px 50px; } nav[role="navigation"] ul { padding: 0 15px 0 15px; } .background-1 { background-image: none!important; } .responsive-padder-1 { padding: 20px 5% 60px 5%; } .sticky-header { position: relative; } .column-24 { width: 100%; float: none; min-height: 1px; } .column-23 { width: 100%; float: none; min-height: 1px; } .column-22 { width: 100%; float: none; min-height: 1px; } .column-21 { width: 100%; float: none; min-height: 1px; } .column-20 { width: 100%; float: none; min-height: 1px; } .column-19 { width: 100%; float: none; min-height: 1px; } .column-18 { width: 100%; float: none; min-height: 1px; } .column-17 { width: 100%; float: none; min-height: 1px; } .column-16 { width: 100%; float: none; min-height: 1px; } .column-15 { width: 100%; float: none; min-height: 1px; } .column-14 { width: 100%; float: none; min-height: 1px; } .column-13 { width: 100%; float: none; min-height: 1px; } .column-12 { width: 100%; float: none; min-height: 1px; } .column-11 { width: 100%; float: none; min-height: 1px; } .column-10 { width: 100%; float: none; min-height: 1px; } .column-9 { width: 100%; float: none; min-height: 1px; } .column-8 { width: 100%; float: none; min-height: 1px; } .subSliderHeader .column-8 { width:33% !important; float: left; min-height: 1px; } .column-7 { width: 100%; float: none; min-height: 1px; } .column-6 { width: 100%; float: none; min-height: 1px; } .column-5 { width: 100%; float: none; min-height: 1px; } .column-4 { width: 100%; float: none; min-height: 1px; } .column-3 { width: 100%; float: none; min-height: 1px; } .column-2 { width: 100%; float: none; min-height: 1px; } .column-1 { width: 100%; float: none; min-height: 1px; } /* Responsive classes */ .display-on-mobile { display: block; } } .display-always { display: block!important; } .hide-on-responsive { display: block; } .show-on-responsive { display: none!important; } /*.bx-pager { display: none!important; }*/ .noresult { margin-top:150px; text-align:center; } @media only screen and (max-width:400px) { .subSliderHeader .column-8 { width:100%!important; float: none; min-height: 1px; } } @media only screen and (max-width:750px) { .page-template-default table {overflow-x: auto;display: block;} .font-style-1 { font-size: 18px !important; line-height: 28px; } .font-style-2 { font-size: 28px !important; line-height: 38px; } .font-style-3 { font-size: 14px !important; line-height: 20px; } .font-style-4 { font-size: 11px !important; line-height: 16px; } .font-style-5 { font-size: 13px !important; line-height: 18px; } .font-style-6 { font-size: 15px !important; line-height: 22px; } .font-style-7 { font-size: 12px !important; line-height: 18px; } .font-style-8 { font-size: 26px !important; line-height: 36px; } .font-style-9 { font-size: 16px !important; line-height: 24px; } .font-style-10 { font-size: 17px !important; line-height: 24px; } .font-style-11 { font-size: 20px !important; line-height: 28px; } .font-style-12 { font-size: 18px !important; line-height: 22px; } .font-style-13 { font-size: 88px !important; line-height: 90px; } .font-style-14 { font-size: 48px !important; line-height: 60px; } .font-style-15 { font-size: 22px !important; line-height: 32px; } .marger-29 { margin-top: 20px!important; } /*.gform_wrapper input[type=submit] { position: relative; margin-top: 5px; }*/ .hide-on-responsive { display: none!important; } .show-on-responsive { display: block!important; } .padder-15 { padding: 17px 17px 17px 17px!important; } .slider .content-background.show-on-responsive .padder-15 { padding: 17px 17px 48px 17px!important; } .marger-28 { margin: 0!important; } .slider-pushs { margin-top: 20px!important; } .videoWrapContent { top: 30px; } .flexslider-universe .post-content { margin: 0; width: auto; top: 0; bottom: 0; left: 0; position: relative; min-height: auto; } .slide-content { /*margin: 0;*/ width: auto; /*top: 0; bottom: 0; left: 0; position: relative; min-height: auto;*/ } .slide-content .post-content { width: auto; margin: 0 40px; } .flexslider-universe .padder-16 { padding: 40px 80px 40px 80px; } .slide-content .padder-16 { padding: 40px 20px 40px 20px; } .responsive-spacer { height: 10px!important; } section .section-container-content { position: relative; } section.remove-background .section-container-background { position: relative; background: none!important; } section { height: auto; min-height: 1px!important; padding-bottom: 50px; } section.slider-paralax { padding-bottom: 0px!important; } .img-logo-shiseido { float: none; margin: 0 auto 15px auto; } header { text-align: center; } .responsive-padder-4 { padding: 10px 15px 0 15px; } .networks { float: center; margin: auto; position: relative; } .language-selector.chzn-container { top: 65px!important; } section.video-iframe { padding-bottom: 0px!important; } .no-flash .marger-9 { margin-top: 0px!important; } .no-flash .marger-28 { margin-top: 0px!important; } } /*.loader-1 { background: transparent url('images/ajax-loader.gif') center center no-repeat; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; top: 50%; left: 50%; position: absolute; padding: 3px; background-color: #fff; border: 1px solid #d5d5d5; z-index: 99; }*/ /*.loader-1 { background: transparent url('images/ajax-loader.gif') center center no-repeat; width: 32px; height: 32px; margin-top: -8px; margin-left: -8px; top: 50%; left: 50%; position: absolute; padding: 3px; z-index: 0; } .loader-2 { background: transparent url('images/ajax-loader.gif') center center no-repeat; } .loader-3 { background: #ffffff url('images/ajax-loader.gif') center center no-repeat; } .loader-4 { background: transparent url('images/ajax-loader.gif') center center no-repeat; width: 32px; height: 32px; margin-top: -8px; margin-left: -8px; top: 50%; left: 50%; position: absolute; z-index: 99; }*/ .dot { margin:0 10px; background: none repeat scroll 0 0 #CCCCCC; border-radius: 10px 10px 10px 10px; display: inline-block; height: 10px; width: 10px; cursor:pointer; } .dot:hover { background: none repeat scroll 0 0 #FFFFFF } .rsThumbsContainer { margin-top:2px; } .rsThumbs { z-index:100 } #bg { position: absolute; top: 0; left: 0; } .bgwidth { width: 100%; } .bgheight { height: 100%; } .li-tag-selector { /*float: right!important;*/ } .li-tag-selector .chzn-drop { width: 180px!important; background: #fff!important; } .tag-selector.chzn-container .chzn-results li { color: #666666; } .tag-selector.chzn-container .chzn-results li:hover { color: #fff; } .videoWrapperSlider { position: relative; padding-bottom: 30%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapperSlider iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-icon-ie { width: 113px; height: 112px; position: absolute; left: 50%; top: 50%; margin-left: -56px; margin-top: -56px; background: transparent url('images/hover-highlights.png') no-repeat; } .ie8 .hide-on-old-ie, .ie9 .hide-on-old-ie { display: none; } .show-on-old-ie { display: none; } .ie8 .show-on-old-ie, .ie9 .show-on-old-ie { display: block; } @media only screen and (max-width:950px) { .single-post .main-column.column-4 { width: 35%!important; } .single-post .main-column.column-12 { width:100%!important; } .single-post .main-column.column-8 { width: 65%!important; } .hide-on-responsive { display: none!important; } } #more-news { display: block; } .section-video-15 .product-panel-buttons-container { left: inherit; right: 0; top: 0; margin-top: 0; } .video-panel { background: transparent url('images/bg-filter-6.png') repeat; position: absolute; width: 100%; height: 100%; color: #fff; display: none; top: 0; } .video-panel .video-panel-close { position: absolute; right: 0; top: 0; } .video-panel-item-link-container span:hover { text-decoration: underline; cursor: pointer; } .video-link-container a { color: #fff; text-decoration: none; cursor: pointer; } .video-link-container a:hover { text-decoration: underline; } .panel-video-player-button-icon { margin-left: -56px; margin-top: -56px; position: absolute; top: 50%; left: 50%; } @media only screen and (max-width:750px) { /*.section-video-15 { padding: 0; }*/ /*.video-panel { position: relative; }*/ .panel-video-player-button-icon {width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; position: absolute; top: 50%; left: 50%; background-image: url('images/btn-play-small.png'); } .section-video-15 .responsive-padder-2 { padding: 70px 15px 15px 15px; } .section-video-15 .padder-7 { padding: 40px 100px 40px 50px; } .single-post .border-next, .single-post .border-previous { border: none; } .single-post .scrollable-1 { overflow: visible; height: auto; } .single-post .main-column.column-8 .padder-13 { padding: 30px; } .single-post .main-column.column-4 { width: 100%!important; } .single-post .main-column.column-12 { width:100%!important; } .single-post .main-column.column-8 { width: 100%!important ; } .nav-principal { display: none!important; } .nav-principal { display: none!important; } } @media only screen and (max-width:980px) { .remove-on-mobile { display:none; } } .item-list-2-marger .mCSB_container { margin-right: 0!important; } .column-video-player-button-icon.white {position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; display: inline-block; width: 50px; height: 50px; background-image: url('images/btn-play-small.png'); } .column-video-player-button-icon.black {position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; display: inline-block; width: 50px; height: 50px; background-image: url('images/btn-play-small-black.png'); } .columns-template .hi-icon-wrap { position: absolute; left: 50%; bottom: 10px!important; margin-top: -60px; margin-left: -73px; margin-left: -50px\9; } .btBackSearch { position: relative; } .tac { text-align:center; } .bxslider { list-style-type:none; padding: 0; } #content .error404 { margin: 160px 0 100px 0; text-align: center; } .error404 #content { margin-left:0 !important; } /* Custom main-sample ######################################## */ .main-sample-container {position: relative;display: block;width: 100%;margin: 0; background-repeat: no-repeat; background-position: center center; background-size: cover;} .main-sample { padding-bottom: 35px; } .main-sample .step-1 { margin-top: 27px; } .main-sample .step-1 .content { margin: 30px 0 17px 0; padding: 0px 88px; font-size: 30px; text-align: center; } .main-sample .step-1 .content p { font-size: 20px; line-height: 24px; } .main-sample .step-2 { margin-top: 199px; } .main-sample .step-2 .content { margin: 55px 0 17px 0; padding: 0px 88px; font-size: 26px; text-align: center; } .main-sample .step-2 .content .thank-you-message p { font-size: 23px; line-height: 27px; } .main-sample .step-2 .content .thank-you-message { margin-top: 27px; display: block; } .main-sample .step-2 .content .invite-button { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; display: inline-block; border: none; color: #FFF; font-size: 17px; text-transform: uppercase;font-weight: 300; padding: 15px 50px; background: #9D1C32; margin: 60px 0 0 0; outline: none; width: auto; } .main-sample .step-2 .content .invite-button:hover { background: #000; } .main-sample .step-3 { margin-top: 79px; } .main-sample .step-3 .content { margin: 43px 0 32px 0; padding: 0px 20px; font-size: 26px; text-align: center; } .main-sample .step-3 .content p { font-size: 23px; line-height: 27px; } .main-sample .step-4 { margin-top: 199px; } .main-sample .step-4 .content { margin: 55px 0 17px 0; padding: 0px 88px; font-size: 26px; text-align: center; } .main-sample .step-4 .content .thank-you-message p { font-size: 23px; line-height: 27px; } .main-sample .step-4 .content .thank-you-message { margin-top: 27px; display: block; } .main-sample .step-4 .content .invite-button { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; display: inline-block; border: none; color: #FFF; font-size: 17px; text-transform: uppercase;font-weight: 300; padding: 15px 50px; background: #9D1C32; margin: 60px 0 0 0; outline: none; width: auto; } .main-sample .step-4 .content .invite-button:hover { background: #000; } .main-sample .validation_error { display: none; } .main-sample .form-spacer { display: block; height: 39px; } .main-sample .form-spacer-end { display: block; height: 18px; } .main-sample .gform_wrapper {margin:0 0 20px 0!important;} .main-sample .gform_wrapper .gform_fields {margin:0 0 0 10%!important;} .main-sample .chzn-container-single .chzn-single { height: 39px!important; } .main-sample .chosen-target a.chzn-single span {color: #000; line-height: 37px; padding: 0 5px; text-transform: none; font-family: "shiseido2001light"; font-size: 18px!important;} .main-sample ul {list-style-type: none!important;} .main-sample ul li.gfield {position: relative; margin: 0 0 11px 0; padding: 0;} .main-sample ul li.gfield label {display: inline-block;width: 220px;padding-right: 34px; text-align: right; color: #000!important; font-size: 18px!important; line-height: 36px!important; vertical-align: top;} .main-sample ul li.gfield div {display: inline-block;width: 150px;} .main-sample ul li.gfield div input {width:308px; margin: 0!important;} .main-sample ul li.gfield div textarea {width:308px;height: 85px; border-color: transparent;} .main-sample ul li.gfield div select {width:308px;height: 32px;border-color: #fff;background-color: #fff;} .main-sample ul li.gfield 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;border: 1px solid #fff;padding: 9px 18px 8px 5px;} .main-sample .gform_wrapper input[type=submit] { font-family: "shiseido2013winlight"!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; display: block; border: none; color: #FFF; font-size: 17px; text-transform: uppercase;font-weight: 300; padding: 15px 26px; background: #9D1C32; margin: 31px 0 0 302px; outline: none; width: auto; right: 0; top: 0;} .main-sample .gform_wrapper input[type=submit]:hover, .main-sample .gform_wrapper input[type=submit]:active, .main-sample .gform_wrapper input[type=submit]:focus {background-color: #000;} .main-sample .chzn-container.chzn-with-drop .chzn-drop { width: 100%!important; } .main-sample .chzn-container.chzn-with-drop .chzn-drop .chzn-search { display: none!important; } .main-sample .chzn-container.chzn-with-drop .chzn-drop input[type="text"] { display: none!important; } .main-sample .chosen-target ul.chzn-results li { font-size: 16px!important; } .main-sample ul li.gfield_error .validation_message {display: block; padding-left: 220px; width: auto!important; } .main-sample ul li.gfield_error input[type="text"] {border: 1px solid #9D1C32;} .main-sample #gforms_confirmation_message {position: relative;line-height: 30px; text-align: center;font-size: 24px;padding: 0 0 100px 0;} .main-sample .asterisk {font-size: 12px;} .main-sample .mandatories { display: block; width: 100%; text-align: right; padding-right: 165px; } .main-sample a.mandatories { text-decoration: underline; color: #9D1C32; } .main-sample a.mandatories:hover { color: #000; } .main-sample ul.gfield_checkbox li div input { width:inherit!important; } .main-sample ul.gfield_checkbox li label { width:inherit!important; font-size: 19px!important; line-height: 19px!important; } .main-sample ul li.checkboxes div {display: inline-block;width: inherit!important;} .main-sample ul li.checkboxes div input { width:inherit!important; } .main-sample ul li.checkboxes label.gfield_label { width: 142px!important; } .main-sample .gfield_checkbox {} .chosen-target a.chzn-single {margin: 0;padding: 0;background-color: #fff;} .chosen-target a.chzn-single span {color: #000;line-height: 32px;padding: 0 5px;text-transform: none;font-family: "shiseido2001light";font-size: 16px;} .chosen-target ul.chzn-results {background-color: #9D1C32;} .chosen-target ul.chzn-results li {border-bottom: 1px solid #B35263;font-size: 14px;line-height: 25px;} .chosen-target ul.chzn-results .highlighted { background-color: #9D1C32;color:#FF9999;} .chosen-target .chzn-container-active.chzn-with-drop .chzn-single {background-color: #fff;} .chosen-target .chzn-container-active.chzn-with-drop .chzn-single div b {background-position:0 -32px;} .chosen-target .chzn-container-active.chzn-with-drop .chzn-single div, .chosen-target .chzn-container-single .chzn-single div {width: 32px;border-left: 1px solid #bbb;} .chosen-target .chzn-container-single .chzn-single div b {display: block;width: 100%;height: 100%;background: url('images/sprite-chosen-select-sample.png') no-repeat 0 0;} .main-sample .chzn-container {width:308px!important;z-index:inherit;} .main-sample .checkboxes .gfield_required { display: none; } .main-sample .gfield_error.checkboxes label { color: red!important; } .main-sample ul li.gfield.checkboxes label { text-align: left!important; } .main-sample .reveal-modal { padding: 0 20px; background-color: transparent; border: solid 0 #666666; box-shadow: 0 0 10px rgba(0, 0, 0, 0); outline: none; } .main-sample .reveal-modal.large { max-width: 1470px; width: 90%; } .main-sample .reveal-modal.large .modal-inner { max-width: 1470px; } .main-sample .close-reveal-modal { right: 28px!important; top: 1px!important; } .main-sample .reveal-modal .close-reveal-modal { position: absolute; top: 0; right: -5px; font-size: 1.5rem; font-weight: normal; line-height: 1.5rem; color: #999; background-color: transparent; border-radius: 3px; padding-top: 3px; cursor: pointer; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .main-sample .reveal-modal-bg { background: #000000; background: rgba(0, 0, 0, 0.8); } ::-ms-clear { width: 0;height: 0; display: none; } @media only screen and (min-width: 1025px){ .main-sample .background-container { background: none; padding: 0; } } @media only screen and (max-width: 1025px){ .main-sample { padding-top: 35px; } .main-sample .background-container { background: rgb(255, 255, 255); background: rgba(255, 255, 255, .4); padding: 20px; } .main-sample .step-2 { margin-top: 27px; } .main-sample .step-3 { margin-top: 27px; } .main-sample .step-4 { margin-top: 27px; } .main-sample ul li.gfield label.gfield_label { width: 30%!important; text-align: left!important; } .main-sample ul li.gfield_error .validation_message {display: block; padding-left: 30%!important; width: auto!important; } .main-sample ul li.gfield div.ginput_container { width: 70%!important; } .main-sample ul li.gfield input[type="text"] { width: 100%!important; } .main-sample ul li.gfield div select { width: 70%; } .main-sample .chzn-container { width: 100%!important; } .main-sample ul li.checkboxes label.gfield_label { width: 100%!important; text-align: left!important; } .main-sample ul li.checkboxes div.ginput_container { width: 100%!important; } } @media only screen and (min-width:800px) { .main-sample .background-mobile { background: none!important; } } @media only screen and (max-width:800px) { .main-sample ul li.gfield label.gfield_label { width: 35%!important; text-align: left!important; } .main-sample ul li.gfield_error .validation_message {display: block; padding-left: 35%!important; width: auto!important; } .main-sample ul li.gfield div.ginput_container { width: 65%!important; } .main-sample ul li.gfield input[type="text"] { width: 100%!important; } .main-sample ul li.gfield div select { width: 65%; } .main-sample .chzn-container { width: 100%!important; } .main-sample ul li.checkboxes label.gfield_label { width: 100%!important; text-align: left!important; } .main-sample ul li.checkboxes div.ginput_container { width: 100%!important; } } @media only screen and (max-width:1024px) { .main-sample .gform_wrapper input[type=submit] { margin: 0 auto!important; } } @media only screen and (max-width:800px) { .main-sample .gform_wrapper .gform_fields { margin: 0!important; } .main-sample .background-desktop { background: none!important; } .main-sample ul li.gfield_error .validation_message { padding-left: 0!important; } } @media only screen and (max-width:641px) { .main-sample { padding: 20px!important; } .main-sample ul li.checkboxes label.gfield_label { width: 184px; margin-bottom: 10px; text-align: left!important; } .main-sample ul li.gfield_error .validation_message {display: block; padding-left: 184px!important; width: auto!important; } .main-sample ul.gfield_checkbox li label { width: 80%!important; text-align: left!important; margin-bottom: 15px!important; } } @media only screen and (max-width:600px) { .main-sample .step-1 .content { padding: 0 15px!important; } .main-sample .step-2 .content { padding: 0 15px!important; } .main-sample .step-4 .content { padding: 0 15px!important; } /*.main-sample ul li.gfield label { width: 175px!important; padding-right: 21px!important; }*/ .main-sample ul li.checkboxes label.gfield_label { width: 100%!important; text-align: left!important; } .main-sample ul li.gfield_error .validation_message {display: block; padding-left: 0!important; width: 95%!important; text-align: right!important; } .main-sample ul li.checkboxes div.ginput_container { width: 100%!important; } .main-sample .step-2 .content .invite-button, .main-sample .step-4 .content .invite-button, .main-sample .gform_wrapper input[type=submit] { width: 100%; padding-left: 0; padding-right: 0; } } @media only screen and (max-width:530px) { .main-sample ul li.gfield label.gfield_label { width: 100%!important; text-align: left!important; } .main-sample ul li.gfield_error .validation_message {display: block; padding-left: 0!important; width: 95%!important; text-align: right!important; } .main-sample ul li.gfield div.ginput_container { width: 100%!important; } .main-sample ul li.gfield input[type="text"] { width: 100%!important; } .main-sample ul li.gfield div select { width: 100%; } .main-sample .chzn-container { width: 100%!important; } .main-sample ul li.checkboxes label.gfield_label { width: 100%!important; text-align: left!important; } .main-sample ul li.checkboxes div.ginput_container { width: 100%!important; } } @media only screen and (max-width:940px) { /*.header-sample, .main-sample, .footer-sample {width:90%;padding: 20px;} .main-sample ul li div select, .main-sample ul li div textarea, .main-sample ul li div {width:100%;} .main-sample .chzn-container {width:96%!important;} .main-sample ul li div input[type="text"] {width: 96%; padding:5px 2%;} .main-sample ul li label {float: left;width: 100%;padding-right: 0;text-align: left;margin-bottom: 5px;} .main-sample ul li.gfield_error .validation_message {top: 26px;} .main-sample .gform_wrapper .gform_fields {display: block; margin:0 auto;} .main-sample #gforms_confirmation_message {top: auto;left: auto;width: 90%;line-height: 30px;}*/ } /* Custom main-contact ######################################## */ .main-contact-container {position: relative;display: block;width: 100%;margin: 0; background: transparent url('images/bg-main-contact-container.jpg') no-repeat center center;background-size: cover;} .header-contact {width: 980px;margin: 0 auto;padding:22px 20px 27px 20px;margin-bottom: 32px; color:#686765;text-align: center;font-size: 30px;font-weight: bold;background: transparent url('images/header-contact-underline.png') no-repeat bottom center;} .main-contact {width: 980px;margin: 0 auto;padding: 40px 20px; background: transparent url('images/bg-filter-6.png') repeat;color: #fff;} .main-contact .validation_error { text-align: center; margin-bottom: 30px; } .main-contact h1 {font-size: 24px;font-weight: bold;text-align: center;padding-bottom: 35px;color:#fff;} .main-contact .gform_wrapper {margin:0 0 20px 0!important;} .main-contact .gform_wrapper .gform_fields {margin:0 0 0 10%!important;} .main-contact ul {list-style-type: none!important;} .main-contact ul li {position: relative; margin: 0 0 24px 0;padding: 0;} .main-contact ul li label {display: inline-block;width: 220px;padding-right: 34px; text-align: right; color: #fff!important; font-size: 16px!important; vertical-align: top;} .main-contact ul li div {display: inline-block;width: 150px;} .main-contact ul li div input {width:326px; margin: 0!important;} .main-contact ul li div textarea {width:326px;height: 85px; border-color: transparent;} .main-contact ul li div select {width:326px;height: 32px;border-color: #fff;background-color: #fff;} .main-contact ul li 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;border: 1px solid #fff;padding: 5px 18px 5px 5px;} .main-contact .gform_wrapper input[type=submit] {position: relative;display: block;border: none;color: #FFF;font-size: 16px;font-weight: 400;padding:9px 57px;background: #9D1C32;margin: 0 auto;outline: none;width: auto;right: 0;top: 0;} .main-contact .gform_wrapper input[type=submit]:hover, .main-contact .gform_wrapper input[type=submit]:active, .main-contact .gform_wrapper input[type=submit]:focus {background-color: #941B23;} .main-contact ul li.gfield_error .validation_message {position: absolute;top: 4px;right: 4px;padding-right: 20px;text-indent: -9999px; background: transparent url('images/error-mark.png') no-repeat 99% center;width: 1px;} .main-contact ul li.gfield_error input[type="text"] {border: 1px solid #9D1C32;} .main-contact #gforms_confirmation_message {position: relative;line-height: 30px; text-align: center;font-size: 24px;padding: 0 0 100px 0;} .main-contact .asterisk {font-size: 12px;} .footer-contact {width: 940px;margin: 0 auto;padding: 14px 20px;color:#7E7A79;text-align: center;font-size: 12px;} .chosen-target a.chzn-single {margin: 0;padding: 0;background-color: #fff;} .chosen-target a.chzn-single span {color: #000;line-height: 32px;padding: 0 5px;text-transform: none;font-family: "shiseido2001light";font-size: 16px;} .chosen-target ul.chzn-results {background-color: #9D1C32;} .chosen-target ul.chzn-results li {border-bottom: 1px solid #B35263;font-size: 14px;line-height: 25px;} .chosen-target ul.chzn-results .highlighted { background-color: #9D1C32;color:#FF9999;} .chosen-target .chzn-container-active.chzn-with-drop .chzn-single {background-color: #fff;} .chosen-target .chzn-container-active.chzn-with-drop .chzn-single div b {background-position:0 -32px;} .chosen-target .chzn-container-active.chzn-with-drop .chzn-single div, .chosen-target .chzn-container-single .chzn-single div {width: 32px;border-left: 1px solid #bbb;} .chosen-target .chzn-container-single .chzn-single div b {display: block;width: 100%;height: 100%;background: url('images/sprite-chosen-select-contact.png') no-repeat 0 0;} .main-contact .chzn-container {width:326px!important;z-index:inherit;} ::-ms-clear { width: 0;height: 0; display: none; } @media only screen and (max-width:750px) { .main-contact-container {margin-top: 0;} } @media only screen and (max-width:940px) { .header-contact, .main-contact, .footer-contact {width:90%;padding: 20px;} .main-contact ul li div select, .main-contact ul li div textarea, .main-contact ul li div {width:100%;} .main-contact .chzn-container {width:96%!important;} .main-contact ul li div input[type="text"] {width: 96%; padding:5px 2%;} .main-contact ul li label {float: left;width: 100%;padding-right: 0;text-align: left;margin-bottom: 5px;} .main-contact ul li.gfield_error .validation_message {top: 26px;} .main-contact .gform_wrapper .gform_fields {display: block; margin:0 auto;} .main-contact #gforms_confirmation_message {top: auto;left: auto;width: 90%;line-height: 30px;} } #de nav[role="navigation"] { font-size:12px !important; } /* ---------------------------------------- */ /* >> Header ------------------------------ */ /* ---------------------------------------- */ .bg-red {background-color: #c8102e;} .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; text-align: left;} .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 .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"; } .bg-ubermenu a.sub-column-title .ubermenu-target-title #pl {font-family: "PL-shiseido2001Light";} .bg-ubermenu .uber-countries { padding-top: 10px!important; padding-bottom: 10px!important; } .bg-ubermenu .uber-countries a { padding-top: 10px; padding-bottom: 10px; } .bg-ubermenu .ubermenu-item-type-custom .ubermenu-target-with-icon { padding: 15px 3px 15px 3px!important; } #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; } #es .ubermenu .main-menu-item { padding: 15px 13px; } #ru .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;} .camellia-container {position: absolute;top: 8px;right: 16px;width: 40px;} .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;} } @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%;} } /* ---------------------------------------- */ /* >> 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;} @media only screen and (max-width:1024px) { .social-container .title {text-align: left!important; margin-bottom: 10px!important; } } @media only screen and (max-width:641px) { .social-container .title {text-align: center!important; margin: 0 0 20px 0!important; } } .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;} @media only screen and (max-width:1024px) { .newsletter-footer-container .title {text-align: left!important; margin-bottom: 10px!important; } } @media only screen and (max-width:641px) { .newsletter-footer-container .title {text-align: center!important; margin: 30px 0 20px 0!important;} } .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 .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(images/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(../../../images/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-weight: bold;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;} .no-result.sto-loc-online-container {text-align: center; padding: 0px 0 50px 0;background: #fff url(images/bg-cream.jpg) center center no-repeat;} .no-result.sto-loc-online-container h1 {font-family: "shiseido2013winlight";font-size: 44px;color: #000;margin-bottom: 30px!important;} #pl .no-result.sto-loc-online-container h1 {font-family: "PL-shiseido2001Light";} .no-result .sto-loc-online-container-bg {overflow: hidden; padding: 45px 8.33333%;background-color: #fff;text-align: left; } .no-result .reseller-container ul { margin: 17px 0 0 0; padding: 0 0 0 26px; } /* ---------------------------------------- */ /* >> 404 -------------------------___----- */ /* ---------------------------------------- */ .error404 .sto-loc-online-container {text-align: center; padding: 0px 0 50px 0;background: #fff url(images/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: 17px 0 0 0; padding: 0 0 0 26px; } /* ---------------------------------------- */ /* >> page -------------------------___----- */ /* ---------------------------------------- */ .page-template-default .sto-loc-online-container {text-align: center; padding: 0px 0 50px 0;background: #fff url(images/bg-cream.jpg) top center no-repeat;} .page-template-default.sto-loc-online-container h1 {font-family: "shiseido2013winlight";font-size: 44px;color: #000;margin-bottom: 30px!important;} #pl .page-template-default.sto-loc-online-container h1 {font-family: "PL-shiseido2001Light";} @media only screen and (max-width: 40em) { .page-template-default .sto-loc-online-container h1 {font-size: 30px;line-height: 34px;} } .page-template-default .sto-loc-online-container-bg {overflow: hidden; padding: 45px 8.33333%;background-color: #fff;text-align: left; } .page-template-default .reseller-container ul { margin: 17px 0 0 0; padding: 0 0 0 26px; } .page-template-default .sto-loc-online-container-bg p, .page-template-default .sto-loc-online-container-bg ul, .page-template-default .sto-loc-online-container-bg ol { margin-bottom: 20px!important; color: #4c4c4c; font-size: 17px; line-height: 20px; } .page-template-default .sto-loc-online-container-bg h1, .page-template-default .sto-loc-online-container-bg h2, .page-template-default .sto-loc-online-container-bg h3, .page-template-default .sto-loc-online-container-bg h4 { margin-bottom: 20px!important; } .page-template-default .sto-loc-online-container-bg a { color: #c8102e; text-decoration: underline; } .page-template-default .sto-loc-online-container-bg a:hover { color: #000; } .page-template-default .sto-loc-online-container-bg h2 { font-family: "shiseido2013winlight"; font-size: 28px; } #pl .page-template-default .sto-loc-online-container-bg h2 {font-family: "PL-shiseido2001Light";} .page-template-default .sto-loc-online-container-bg h3 { font-family: "shiseido2013winlight"; font-size: 24px; } #pl .page-template-default .sto-loc-online-container-bg h3 {font-family: "PL-shiseido2001Light";} .page-template-default .sto-loc-online-container-bg h4 { font-family: "shiseido2013winlight"; font-size: 20px; } #pl .page-template-default .sto-loc-online-container-bg h4 {font-family: "PL-shiseido2001Light";} /* 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;} /* IE8 */ .ie8 .ubermenu-search-ie8 {display: none!important;} /* NEWSLETTER PAGE */ .newsletter-iframe { width: 100%; height: 1345px; } /* BC CALENDAR */ .list-bc-down { background: none repeat scroll 0 0 #eeeeee !important; padding: 20px !important; color:#424242 !important; } .near-event-0, .near-event-1 { float:left; width:49%; padding:10px 0 20px 0; cursor:pointer; } .date-near-event { float:left; margin-right:30px; font-size:20px; } .lieu-near-event { float:left; } .title-lieu-near-event { font-size:18px; } .adresse-lieu-near-event, .perso-lieu-near-event, .dist-lieu-near-event { font-size:14px; } /* SITEMAP */ .page-template-page-template-sitemap .menu-item-type-custom { display:none; } .page-template-page-template-sitemap .uber-menu-lang { display:none; } /* MEIN IBUKI TYP - MINISITE */ .postid-55153 iframe { height: 1395px!important; } @media screen and (max-width: 780px) { .postid-55153 iframe { height: 3330px!important; } } @media screen and (max-width: 650px) { .postid-55153 iframe { height: 2850px!important; } } .back-home-everbloom-me { position: relative; display: block; width: 100%; min-height: 650px; background: #ffffff url('images/everbloom-back-me.jpg') no-repeat center top; background-size: cover; text-align: center; } .back-home-everbloom { display: block; position: relative; width: 100%; min-height: 650px; background: #ffffff url('images/everbloom-back.jpg') no-repeat center top; background-size: cover; text-align: center; } .button-everbloom { position: relative; top: 400px; display: inline-block; background: transparent none repeat scroll 0 0; border: 1px solid #e44866; color: #e44866; font-family: inherit; font-size: 1rem; font-weight: 700; padding: 1em 4em; text-align: center; text-transform: uppercase; transition-duration: 0.2s; } .button-everbloom:hover { background-color: #e44866; color: #fff; -webkit-transition-delay: 0s !important; transition-delay: 0s !important; -webkit-transition-duration: 0.2s !important; transition-duration: 0.2s !important; } .new-everbloom { position: relative; top: 360px; left: 0; display: block; width: 100%; font-size: 18px; font-weight: bold; padding: 20px; } .subline-everbloom { position: absolute; left: 0; bottom: 20px; display: block; width: 100%; font-size: 20px; padding: 20px; } @media only screen and (max-width: 640px) { .back-home-everbloom-me, .back-home-everbloom { min-height: 900px; background: #ffffff url('images/everbloom-back-mobile.jpg') no-repeat center top; } .new-everbloom { top: 130px; } .button-everbloom { top: 160px; } } /* Modify slider appearance */ .bx-pager { bottom: -32px!important; } .bx-wrapper { margin: 0 auto 44px; } .carousel-container .bx-wrapper .bx-controls-direction a.bx-prev { -webkit-transition: all 0.3s ease-in; background: #666666 url(../images/carousel-arrow-left.png) no-repeat center center; } .carousel-container .bx-wrapper .bx-controls-direction a.bx-next { -webkit-transition: all 0.3s ease-in; background: #666666 url(../images/carousel-arrow-right.png) no-repeat center center; } .no-touch .carousel-container .bx-wrapper .bx-controls-direction a.bx-prev:hover, .no-touch .carousel-container .bx-wrapper .bx-controls-direction a.bx-next:hover { background-color: #585858; } .slider-container .bx-wrapper .bx-controls-direction a.bx-prev { opacity: 0.3; left: 0px; background: transparent url(../images/slider-arrow-left.png) no-repeat center center; } .slider-container .bx-wrapper .bx-controls-direction a.bx-next { opacity: 0.3; right: 0px; background: transparent url(../images/slider-arrow-right.png) no-repeat center center; } .no-touch .slider-container .bx-wrapper .bx-controls-direction a.bx-prev:hover, .no-touch .slider-container .bx-wrapper .bx-controls-direction a.bx-next:hover { opacity: 0.6; } .slider-container .bx-pager-link.active, .slider-container .bx-pager-link:hover { background-color: #C8102E!important; } /* Info club modal */ #club-info .club-container { padding: 15px; } #club-info .club-title { font-family: 'readerbold', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 15px; } #club-info .club-content { font-family: 'readerregular', 'Helvetica Neue', 'Helvetica', Helvetica, Arial ,sans-serif; font-size: 16px; } #club-info .club-content a { color: #c8102e; text-decoration: underline; } #club-info .club-content a:hover { color: #a50f27; }