@import url(http://fonts.googleapis.com/css?family=Muli:300,400,400italic,300italic);
/*!
 * Project Name Main CSS Framework
 * @author oldface
 * @version 20131230
 */
/*!
 * ~~~~~~~~~~~~~~~~~~~~~~~
 * Reset & Normalize v2.1.3
 * ~~~~~~~~~~~~~~~~~~~~~~~
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

a { background: transparent; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

p { margin: 0 0 1em; padding: 0; }

p:last-child { margin-bottom: 0; }

b { font-weight: normal; }

small { font-size: inherit; }

ul, ol, dl, dd, dt { margin: 0; padding: 0; list-style: none outside none; }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; vertical-align: bottom; }

blockquote { margin: 0; padding: 0; border: none; }

object, embed { outline: 0; vertical-align: bottom; }

a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1); -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

a:hover { color: #c4b8a8; text-decoration: underline; }

::-moz-selection { background: #111; color: #ddd; }

::selection { background: #111; color: #ddd; }

a, a:focus { outline: 0; }

button, input[type="button"], input[type="reset"], input[type="submit"] { border: 0; padding: 0; margin: 0; background: none; }

input[type="radio"], input[type="checkbox"] { margin-right: .3em; }

input::-moz-focus-inner { border: 0; }

body { font-size: 15px; font-family: Helvetica, Arial, sans-serif; line-height: 1.5; *font-size: small; *font: x-small; }

select, input, button, textarea, button { font: 99% Helvetica, Arial, sans-serif; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

img { image-rendering: optimizeQuality; image-rendering: auto; -ms-interpolation-mode: bicubic; }

/*!
 * ======================
 * Commons
 * ======================
 */
/*!
 * ----------------------
 * Commons/ Text and color
 * ----------------------
 */
body { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 300; line-height: 1.5; color: white; }

.section-title { width: 100%; overflow: hidden; font-family: 'Muli'; font-size: 48px; font-weight: 300; text-align: center; white-space: nowrap; color: #fff; }
.section-title span { position: relative; }
.section-title b, .section-title i { position: absolute; top: 50%; width: 1000px; height: 1px; overflow: hidden; margin-top: -1px; border-top: 1px solid #a5937b; }
.section-title b { left: -1040px; }
.section-title i { right: -1040px; }

.section-descr { font-weight: 300; }

.title .s { display: block; margin-bottom: 3px; color: #a5937b; font-family: 'Muli'; font-size: 15px; font-weight: 300; }

.title .n { display: block; color: #dcdcdc; font-family: 'Muli'; font-size: 30px; font-weight: 300; line-height: 1.1; }

/*!
 * ----------------------
 * Commons/ Keyframes
 * ----------------------
 */
@-moz-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

.pagenav { margin-top: 15px; margin-bottom: 15px; height: 20px; text-align: center; font-size: 0; }
.pagenav b { font-size: 13px; }
.pagenav b { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }
.pagenav b { display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; width: 20px; height: 20px; margin: 0 8px; background: url("../../img/ui/pagenav.png"); cursor: pointer; }
.pagenav b:hover { opacity: .8; }
.pagenav b.active { background-position: -20px 0; }

.circle-prev, .circle-next { position: absolute; top: 50%; z-index: 10; margin-top: -42px; width: 84px; height: 84px; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url("../../img/ui/circlenav.png"); background-repeat: no-repeat; cursor: pointer; -webkit-transition: -webkit-transform 0.07s ease-out; -moz-transition: -moz-transform 0.07s ease-out; -o-transition: -o-transform 0.07s ease-out; transition: transform 0.07s ease-out; }
.circle-prev > br, .circle-prev br, .circle-next > br, .circle-next br { display: none; }
.circle-prev:hover, .circle-next:hover { -webkit-transform: scale(0.94, 0.94); -moz-transform: scale(0.94, 0.94); -ms-transform: scale(0.94, 0.94); -o-transform: scale(0.94, 0.94); transform: scale(0.94, 0.94); }

.circle-prev:hover { background-position: 0 -84px; }

.circle-next { background-position: -84px 0; }
.circle-next:hover { background-position: -84px -84px; }

.circle { display: block; width: 105px; height: 60px; background: url("../../img/ui/circle.png") no-repeat 0 0; padding-top: 45px; line-height: 1.2; text-align: center; white-space: nowrap; color: #a5937b; }
.circle:hover { background-position: -105px 0; color: #8d7a60; text-decoration: none; }
.circle.twoline { height: 67px; padding-top: 38px; }

.backtop { display: block; width: 69px; height: 89px; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url("../../img/ui/backtop.png"); background-repeat: no-repeat; -webkit-transition: -webkit-transform 0.07s ease-out, opacity 0.1s; -moz-transition: -moz-transform 0.07s ease-out, opacity 0.1s; -o-transition: -o-transform 0.07s ease-out, opacity 0.1s; transition: transform 0.07s ease-out, opacity 0.1s; }
.backtop > br, .backtop br { display: none; }
.backtop:hover { background-position: -69px 0; -webkit-transform: scale(0.94, 0.94); -moz-transform: scale(0.94, 0.94); -ms-transform: scale(0.94, 0.94); -o-transform: scale(0.94, 0.94); transform: scale(0.94, 0.94); }

/*!
 * ======================
 * Modules
 * ======================
 */
/*!
 * ----------------------
 * Module/ coverbannr
 * ----------------------
 */
.coverbannr { position: relative; }

.coverbannr-slides { position: relative;width: 100%; z-index: 1; }
.coverbannr-slides ul { position: relative;  width: 100%;overflow: hidden;  }
.coverbannr-slides li { position: relative; z-index: 0; left: 0; top: 0; width: 100%; }
.coverbannr-slides li img { width: 100%; vertical-align: bottom; }
.coverbannr-slides li.video { background: #000; }
.coverbannr-slides li.video .poster { position: relative; z-index: 3; display: inline-block; }
.coverbannr-slides li.video .icon { position: absolute; left: 50%; top: 50%; float: left; z-index: 2; margin-left: -25px; margin-top: -25px; width: 49px; height: 49px; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url("../../img/ui/icn-play-video.png"); background-repeat: no-repeat; -webkit-transition: opacity 0.2s ease; -webkit-transition-delay: out; -moz-transition: opacity 0.2s ease out; -o-transition: opacity 0.2s ease out; transition: opacity 0.2s ease out; cursor: pointer; }
.coverbannr-slides li.video .icon > br, .coverbannr-slides li.video .icon br { display: none; }
.coverbannr-slides li.video .player { position: absolute; left: 0; top: 0; float: left; z-index: 2; width: 100%; height: 100%; }
.coverbannr-slides li.video .player iframe { border: 0; margin: 0; padding: 0; width: 100%; height: 100%; }
.coverbannr-slides li.video:hover .icon { opacity: .2; }

.coverbannr-menu { position: relative; z-index: 2; }
.coverbannr-menu b { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }
.coverbannr-menu b { overflow: hidden; background-repeat: no-repeat; text-indent: -9990em; text-align: left; }

.coverbannr-prev { left: 10px; }

.coverbannr-next { right: 10px; }

/*!
 * ----------------------
 * Module/ prodfindr
 * ----------------------
 */
.prodfindr { position: relative; }

.prodfindr-slides { position: relative; z-index: 1; /*
li.solo {
	img {
		width: 100%;
		display: block;
	}
}
li.multiple {
	height: auto;//js
	overflow: hidden;
	.item {
		float: left;
		width: 29%;
		margin: 0 2%;
		padding-top: 10px;
		text-align: center;
		.more {
			margin: 10px auto;
		}
	}
}
*/ }
.prodfindr-slides .slides { position: relative; z-index: 1; width: 100%; overflow: hidden; }
.prodfindr-slides ul { position: relative; width: auto; font-size: 0; white-space: nowrap; }
.prodfindr-slides ul li { font-size: 15px; }
.prodfindr-slides ul li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }
.prodfindr-slides li { position: relative; width: 100%; }
.prodfindr-slides li img { position: relative; z-index: 1; width: 100%; display: block; }
.prodfindr-slides li .more { position: absolute; z-index: 2; left: 0; top: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }
@media (max-width: 64em) { .prodfindr-slides li .more { -webkit-transform: scale(0.85, 0.85); -moz-transform: scale(0.85, 0.85); -ms-transform: scale(0.85, 0.85); -o-transform: scale(0.85, 0.85); transform: scale(0.85, 0.85); } }
@media (max-width: 50em) { .prodfindr-slides li .more { -webkit-transform: scale(0.65, 0.65); -moz-transform: scale(0.65, 0.65); -ms-transform: scale(0.65, 0.65); -o-transform: scale(0.65, 0.65); transform: scale(0.65, 0.65); } }

.prodfindr-prev { left: -110px; }

.prodfindr-next { right: -110px; }

.prodfindr-menu { position: relative; width: 100%; height: 65px; background-color: #a5937b; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.prodfindr-menu .menu { position: relative; z-index: 2; width: 100%; height: 100%; overflow: hidden; }
.prodfindr-menu .menu ul { position: relative; width: auto; height: 100%; font-size: 0; white-space: nowrap; }
.prodfindr-menu .menu ul li { font-size: 15px; }
.prodfindr-menu .menu ul li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }
.prodfindr-menu .menu li { position: relative; width: 22%; height: 100%; text-align: center; line-height: 1.2; }
.prodfindr-menu .menu a { display: block; width: 100%; height: 100%; text-decoration: none; color: white; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.prodfindr-menu .menu a:hover, .prodfindr-menu .menu a:focus, .prodfindr-menu .menu a:active { color: white; text-decoration: none; }
.prodfindr-menu .menu a * { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
.prodfindr-menu .menu a:hover *, .prodfindr-menu .menu a:focus *, .prodfindr-menu .menu a:active * { color: white; }
.prodfindr-menu .menu strong { display: block; padding-top: 14px; font-weight: 300; font-size: 18px; text-transform: uppercase; white-space: nowrap; }
.prodfindr-menu .menu small { display: block; line-height: 1; font-size: 12px; text-transform: normal; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }
.rgba .prodfindr-menu .menu small { color: rgba(255, 255, 255, 0.8); }
.prodfindr-menu .menu a:hover { background-color: #6f604b; }
.prodfindr-menu .menu li.active a:hover { background-color: transparent; color: #ddd; }
.prodfindr-menu .active-brick { position: absolute; left: 0; top: 0; float: left; z-index: 1; display: block; width: 22%; height: 100%; background: black; }
.prodfindr-menu .active-brick i { position: absolute; left: 50%; top: -8px; float: left; width: 16px; height: 8px; overflow: hidden; margin-left: -8px; background: url("../../img/ui/prodfindr-menu-arrow.png"); }
.prodfindr-menu .next, .prodfindr-menu .prev { position: absolute; top: 0; z-index: 3; width: 100px; height: 100%; background: url("../../img/ui/prodfindr-menu-prevnext.png"); -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; -webkit-animation: fadein 0.2s ease-out 0.3s; -moz-animation: fadein 0.2s ease-out 0.3s; -ms-animation: fadein 0.2s ease-out 0.3s; -o-animation: fadein 0.2s ease-out 0.3s; animation: fadein 0.2s ease-out 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; cursor: pointer; }
.prodfindr-menu .next:hover, .prodfindr-menu .prev:hover { opacity: .4; }
.no-opacity .prodfindr-menu .next:hover, .no-opacity .prodfindr-menu .prev:hover { display: none; }
.prodfindr-menu .next { right: 0; }
.prodfindr-menu .prev { display: none; left: 0; background-position: 0 -65px; }

.prodfindr-detail { width: 100%; overflow: hidden; white-space: nowrap; }
.prodfindr-detail section { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }
.prodfindr-detail section { position: relative; z-index: 1; width: 100%; white-space: nowrap; }
.prodfindr-detail section header, .prodfindr-detail section .content, .prodfindr-detail section footer { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }
.prodfindr-detail section header { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; /*
width: 25%;
overflow: hidden; // for display mask
margin-right: 5%;
margin-left: 5%;
margin-top: em( 120px );
p {
	margin-bottom: 1em;
	color: #dcdcdc;
	line-height: 1.3;
	+ p { color: #fff; }
}
*/ }
.prodfindr-detail section .content { position: relative; width: 65%; overflow: hidden; margin-left: 5%; margin-right: 5%; padding-top: 2.33333em; }
.prodfindr-detail section .content blockquote { display: block; margin-bottom: 1.5em; color: #a5937b; font-weight: 700; font-size: 16px; line-height: 1.3; }
.prodfindr-detail section .content ul { list-style: disc outside none; padding-left: 1.75em; margin-left: -.4em; }
.prodfindr-detail section .content li { line-height: 1.15; margin-bottom: .4em; }
.prodfindr-detail section footer { width: 25%; overflow: hidden; padding-top: 6.66667em; }
.prodfindr-detail section footer a.circle { float: left; margin: .6em; }

.lang-selector { min-width: 144px; height: 35px; background: url("../../img/ui/lang-selector-globe.png") no-repeat 0 50%; line-height: 1; text-shadow: 0 1px 1px black; }
.lang-selector .toggle { height: 33px; padding-left: 50px; padding-right: 8px; border: 1px solid #a5937b; background: url("../../img/ui/icn-arrow-down.png") no-repeat 100% 50%; line-height: 33px; font-size: 17px; color: #a5937b; cursor: pointer; }
.lang-selector .dropdown { display: none; border: 1px solid #a5937b; border-top: 0; border-bottom: 0; color: #a5937b; }
.lang-selector .dropdown a { display: block; text-decoration: none; color: #a5937b; }
.lang-selector .dropdown a:hover, .lang-selector .dropdown a:focus, .lang-selector .dropdown a:active { color: white; text-decoration: none; }
.lang-selector .dropdown a * { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
.lang-selector .dropdown a:hover *, .lang-selector .dropdown a:focus *, .lang-selector .dropdown a:active * { color: white; }
.lang-selector .dropdown li { padding: 8px 8px; border-bottom: 1px solid #c4b8a8; }
.lang-selector:hover .toggle { background-image: url("../../img/ui/icn-arrow-up.png"); }
.lang-selector:hover .dropdown { display: block; -webkit-animation: fadein 0.2s ease-out; -moz-animation: fadein 0.2s ease-out; -ms-animation: fadein 0.2s ease-out; -o-animation: fadein 0.2s ease-out; animation: fadein 0.2s ease-out; background-color: black; }

/*!
 * ======================
 * Template
 * ======================
 */
body { margin: 0 auto; background: black; }

#wrap { position: relative; width: 100%; margin: 0 auto; padding-top: 48px; }

#header { position: absolute; top: 0; left: 0; z-index: 20; width: 100%; min-width: 768px; height: 47px; overflow: hidden; border-bottom: 1px solid black; background: #b0b0b0 url("../../img/ui/header-bg.png") repeat-x 0 100%; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
#header.fixed { /*position: fixed;*/}
#header .logo { height: 33px; padding: 8px 15px 0 10px; border-right: 1px solid #595959; }
#header .logo img { display: block; }
@media (max-width: 78.125em) { #header .logo { padding-right: 10px; } }
#header .inner { font-size: 0; white-space: nowrap; }
#header .inner .logo, #header .inner #nav { font-size: 15px; }
#header .inner .logo, #header .inner #nav { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }

#nav { height: 47px; }
#nav ul { font-size: 0; white-space: nowrap; height: 100%; text-align: left; }
#nav ul li { font-size: 16px; }
#nav ul li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }
#nav li { height: 100%; line-height: 48px; border-right: 1px solid #595959; color: #59483e; text-align: center; white-space: normal; }
#nav li a { display: block; height: 100%; padding-left: 7px; padding-right: 7px; color: #59493f; text-decoration: none; }
#nav li a:hover, #nav li a.active { color: #fff; background: #b0b0b0 url("../../img/ui/header-bg-active.png") repeat-x 0 100%; }
@media (max-width: 78.125em) { #nav li { font-size: 15px !important; } }
@media (max-width: 62.5em) { #nav li { line-height: 1.05; padding-top: 15px; font-size: 14px !important; height: 32px; }
  #nav li a { padding-left: 5px; padding-right: 5px; } }

/* Narrow header */
@media (max-width: 52.5em) { #wrap { padding-top: 84px; }
  #header { height: 84px; }
  #header .logo { display: block !important; padding-top: 5px; padding-bottom: 2px; border-bottom: 1px solid #999; }
  #nav li { border-color: #999; }
  #nav li:last-child { border-right: 0; }
  #nav li a { padding-left: 6px; padding-right: 6px; font-family: Arial, Helvetica, sans-serif; } }
#lang-selector { position: absolute; right: 25px; top: 25px; float: left; z-index: 10; }

#content { position: relative; z-index: 10; margin: 0 auto; }

.section { position: relative; width: 69.80337%; max-width: 1024px; min-width: 768px; margin: 0 auto 5.33333em; }

.section-title { margin-bottom: 0.9375em; margin-left: auto; margin-right: auto; }
@media (max-width: 78.125em) { .section-title { margin-bottom: 0.625em; } }

.section-descr { margin-bottom: 3em; margin-left: auto; margin-right: auto; }
@media (max-width: 78.125em) { .section-descr { margin-bottom: 0.625em; } }

#backtop { position: fixed; z-index: 30; right: 2%; bottom: 5%; }
#backtop.hide { opacity: 0; }
.no-opacity #backtop.hide { display: none; }

/*!
 * ======================
 * Section
 * ======================
 */
/*!
 * ----------------------
 * Cover
 * ----------------------
 */
#cover { width: 100%; max-width: 1900px; margin-bottom: 100px; }
@media (max-width: 85.5em) { #cover .coverbannr-slides li { width: 130%; margin-left: -15%; } }
@media (max-width: 52.5em) { #cover .coverbannr-slides li { width: 160%; margin-left: -10%; } }
/*@media (max-width: 62.5em) { #cover .coverbannr-slides li { width: 110%; margin-left: -5%; } }
@media (max-width: 52.5em) { #cover .coverbannr-slides li { width: 120%; margin-left: -10%; } }*/

/*!
 * ----------------------
 * Find Your Essence
 * ----------------------
 */
#find { width: 84.26966%; max-width: 1200px; -webkit-transition: width 0.15s ease-out; -moz-transition: width 0.15s ease-out; -o-transition: width 0.15s ease-out; transition: width 0.15s ease-out; }
#find .toplink { margin-bottom: .5em; font-size: 16px; }
#find .toplink a { text-decoration: none; color: #a5937b; }
#find .toplink a:hover, #find .toplink a:focus, #find .toplink a:active { color: white; text-decoration: none; }
#find .toplink a * { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
#find .toplink a:hover *, #find .toplink a:focus *, #find .toplink a:active * { color: white; }
#find .toplink a:hover { text-decoration: none; }
@media (max-width: 88.75em) { #find { width: 92%; }
  #find .prodfindr-prev { left: 5px; }
  #find .prodfindr-next { right: 5px; } }
@media (max-width: 68.75em) { #find { width: 100%; }
  #find .prodfindr-prev, #find .prodfindr-next { display: none; } }
@media (max-width: 56.25em) { #find .prodfindr-menu .menu strong { font-size: 16px; } }
@media (max-width: 50em) { #find .prodfindr-menu .menu strong { font-size: 15px; } }

/*!
 * ----------------------
 * The Spirit of Essence
 * ----------------------
 */
#spirit .details { font-size: 0; text-align: center; }
#spirit .details li { font-size: 15px; }
#spirit .details li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }
#spirit .details li { width: 31.3%; margin: 0 1%; }
#spirit .details figure { position: relative; width: 100%; height: 288px; overflow: hidden; margin-bottom: 40px; }
#spirit .details figure img { position: relative; z-index: 1; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
#spirit .details figcaption { position: absolute; left: -1%; top: -1%; display: block; width: 102%; height: 102%; z-index: 2; opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 36px; font-weight: 300; line-height: 1.2; font-family: 'Muli'; text-transform: uppercase; color: #a5937b; text-align: center; white-space: nowrap; /* The ghost, nudged to maintain perfect centering */ }
.no-rgba #spirit .details figcaption { background: url("../../img/ui/00000070.png"); }
.no-opacity #spirit .details figcaption { display: none; }
@media (max-width: 90em) { #spirit .details figcaption { font-size: 30px; } }
@media (max-width: 84.375em) { #spirit .details figcaption { font-size: 28px; } }
@media (max-width: 78.125em) { #spirit .details figcaption { font-size: 26px; } }
@media (max-width: 71.875em) { #spirit .details figcaption { font-size: 24px; } }
@media (max-width: 62.5em) { #spirit .details figcaption { font-size: 20px; } }
#spirit .details figcaption:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ }
#spirit .details figcaption span { display: inline-block; text-align: center; vertical-align: middle; }
.no-display-table #spirit .details figcaption span { padding-top: 20px; }
#spirit .details li:hover figcaption { opacity: 1; }
.no-opacity #spirit .details li:hover figcaption { display: block; }
#spirit .details li:hover figure img { opacity: .3; }

/*!
 * ----------------------
 * Acclaimed by the Masters
 * ----------------------
 */
#acclaimed { background: url("../../img/ui/earth.jpg") 50% 100% no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }
#acclaimed .section-descr { width: 85.51308%; margin: 0 auto 85px; text-align: center; }
#acclaimed blockquote { margin-bottom: 1.2em; }
#acclaimed blockquote p { margin-bottom: 0; font-style: italic; }
#acclaimed blockquote footer, #acclaimed blockquote cite { font-style: normal; }
#acclaimed blockquote footer { color: #ccc; }
#acclaimed .awards td { width: 25%; text-align: center; vertical-align: middle; }
#acclaimed .awards td a { position: relative; display: block; width: 100%; height: 100%; text-decoration: none; color: white; }
#acclaimed .awards td a:hover, #acclaimed .awards td a:focus, #acclaimed .awards td a:active { color: white; text-decoration: none; }
#acclaimed .awards td a * { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
#acclaimed .awards td a:hover *, #acclaimed .awards td a:focus *, #acclaimed .awards td a:active * { color: white; }
#acclaimed .awards td .badge { position: relative; z-index: 1; margin: 2em 0; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
#acclaimed .awards td .title { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; margin: auto; height: 100px; display: block; width: 100%; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; font-size: 93%; text-shadow: 0 1px black; }
.no-opacity #acclaimed .awards td .title { display: none; }
#acclaimed .awards td .more { display: inline-block; margin-top: 2em; color: #a5937b; padding-right: 1.2em; background: url("../../img/ui/icn-arrow-right.png") no-repeat 100% 50%; }
#acclaimed .awards td a:hover .more { color: #a5937b; }
#acclaimed .awards td a:hover .badge { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=24); opacity: 0.24; -webkit-transform: scale(0.75, 0.75); -moz-transform: scale(0.75, 0.75); -ms-transform: scale(0.75, 0.75); -o-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75); }
#acclaimed .awards td a:hover .title { opacity: 1; }
.no-opacity #acclaimed .awards td a:hover .title { display: block; }

/*!
 * ----------------------
 * Discover The Essence
 * ----------------------
 */
#discover .section-descr { width: 85.51308%; text-align: center; }
#discover .figures { font-size: 0; }
#discover .figures li { font-size: 15px; }
#discover .figures li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }
#discover .figures li { width: 23%; margin: 0 1%; }
#discover .figures li a { display: block; text-decoration: none; color: white; }
#discover .figures li a:hover, #discover .figures li a:focus, #discover .figures li a:active { color: #c4b8a8; text-decoration: none; }
#discover .figures li a * { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
#discover .figures li a:hover *, #discover .figures li a:focus *, #discover .figures li a:active * { color: #c4b8a8; }
#discover .figures li img { display: block; width: 100%; margin-bottom: 40px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#discover .figures li span { display: block; text-align: center; }
#discover .figures li a:hover img { opacity: 1; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); }
#discover .figures:hover li img { opacity: .2; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); filter: grayscale(1); }