/*
Theme Name: Twenty Twelve
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
-------------------------------------------------------------- */

/* TYPOGRAPHIE */
@font-face {
	font-family: 'shiseido2013winlight';
	src: url('../../assets/fonts/shiseido2013win/shiseidowin-light-webfont.eot');
	src: url('../../assets/fonts/shiseido2013win/shiseidowin-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../assets/fonts/shiseido2013win/shiseidowin-light-webfont.woff') format('woff'),
		url('../../assets/fonts/shiseido2013win/shiseidowin-light-webfont.ttf') format('truetype'),
		url('../../assets/fonts/shiseido2013win/shiseidowin-light-webfont.svg#shiseido2013winlight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'shiseido2013winbold';
	src: url('../../assets/fonts/shiseido2013win/shiseidowin-bold-webfont.eot');
	src: url('../../assets/fonts/shiseido2013win/shiseidowin-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../assets/fonts/shiseido2013win/shiseidowin-bold-webfont.woff') format('woff'),
		url('../../assets/fonts/shiseido2013win/shiseidowin-bold-webfont.ttf') format('truetype'),
		url('../../assets/fonts/shiseido2013win/shiseidowin-bold-webfont.svg#shiseido2013winbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'shiseido2013winextralight';
	src: url('../../assets/fonts/shiseido2013win/shiseido2013-extralight-webfont.eot');
	src: url('../../assets/fonts/shiseido2013win/shiseido2013-extralight-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../assets/fonts/shiseido2013win/shiseido2013-extralight-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.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; font-family: "shiseido2013winlight"; }
.wysiwyg-2  a { text-decoration: none; color: #AC2831; }
.wysiwyg-2  a:hover { text-decoration: underline; }
.wysiwyg-2 p { margin: 15px 0 15px 0; line-height: 23px; }
.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(../../assets/images/highlights/sprite.png); }
.sprite-nav { display:inline-block; overflow:hidden; background-repeat: no-repeat; background-image:url(../../assets/images/highlights/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('../../assets/images/highlights/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: 116px; 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: 115px; overflow: hidden; position: relative; }
.single-gallery-nav .single-gallery-nav-image .filter { position: absolute; height: 100%; width: 100%; background: transparent url('../../assets/images/highlights/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('../../assets/images/highlights/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('../../assets/images/highlights/bg-filter-1.png') repeat; }
.single-gallery-left-arrow { cursor: pointer; position: absolute; left: 0; top: 0; height: 100%; width: 60px; background: transparent url('../../assets/images/highlights/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('../../assets/images/highlights/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('../../assets/images/highlights/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-family: "shiseido2013winlight"; }
.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("../../assets/images/highlights/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('../../assets/images/highlights/bg-filter-1.png') repeat; }
.post-content.content-background-white { background: transparent url('../../assets/images/highlights/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('../../assets/images/highlights/bg-filter-1.png') repeat; /*opacity: 0.7;*/ }
.post-content.content-background-white { background: transparent url('../../assets/images/highlights/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('../../assets/images/highlights/bg-filter-1.png') repeat; }
.post-content-2.content-background-white { background: transparent url('../../assets/images/highlights/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('../../assets/images/highlights/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; }

/* 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('../../assets/images/highlights/btn-close.png') center center no-repeat;}
.next-panel {background: url('../../assets/images/highlights/btn-next.png') center center no-repeat;}
.prev-panel {background: url('../../assets/images/highlights/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('../../assets/images/highlights/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('../../assets/images/highlights/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('../../assets/images/highlights/ajax-loader.gif') center center no-repeat; }
.loader-3 { background: #ffffff url('../../assets/images/highlights/ajax-loader.gif') center center no-repeat; }
.loader-4 { background: transparent url('../../assets/images/highlights/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; }

.bx-next, .bx-prev, .flex-next, .flex-prev {
	/*background-color: rgba(0, 0, 0, 0.2);*/
	height: 100px !important;
	width: 100px !important;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.bx-next:hover, .bx-prev:hover, .flex-next:hover, .flex-prev:hover {
	opacity: 1 !important;
}

.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; }

#content .page-template-page-template-under-construction-tr { margin: 160px 0 100px 0; text-align: center; }
.page-template-page-template-under-construction-tr #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-template-page-template-under-construction-tr .sto-loc-online-container {text-align: center; padding: 0px 0 50px 0;background: #fff url(images/bg-cream.jpg) center center no-repeat;}
.page-template-page-template-under-construction-tr .sto-loc-online-container h1 {font-family: "shiseido2013winlight";font-size: 44px;color: #000;margin-bottom: 30px!important;}
#pl .page-template-page-template-under-construction-tr .sto-loc-online-container h1 {font-family: "PL-shiseido2001Light";}

@media only screen and (max-width: 40em) {
	.page-template-page-template-under-construction-tr .sto-loc-online-container h1 {font-size: 30px;line-height: 34px;}
}

.page-template-page-template-under-construction-tr .sto-loc-online-container-bg {overflow: hidden; padding: 45px 8.33333%;background-color: #fff;text-align: left; }
.page-template-page-template-under-construction-tr .reseller-container ul { margin: 17px 0 0 0; padding: 0 0 0 26px; }



.page-template-page-template-under-construction-tr .btn-simple-rouge {display: block; font-family: "shiseido2013winbold";color: #fff;text-align: center; background-color: #c8102e;border: 1px solid #c8102e;padding: 11px 10px;margin: 0 0 10px 0;transition: all 300ms ease-in-out;}
.page-template-page-template-under-construction-tr #pl .btn-simple-rouge {font-family: "PL-shiseido2001Light";}
.no-touch .page-template-page-template-under-construction-tr .btn-simple-rouge:hover,
.no-touch .page-template-page-template-under-construction-tr .btn-simple-rouge:active,
.no-touch .page-template-page-template-under-construction-tr .btn-simple-rouge:focus {background-color: #000;color: #fff;border: 1px solid #000;}


/* ---------------------------------------- */
/* >> 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;
	}
}
