@charset "UTF-8";
/* qTip2 v2.2.1 | Plugins: tips modal viewport svg imagemap ie6 | Styles: core basic css3 | qtip2.com | Licensed MIT | Sat Sep 06 2014 23:12:07 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0; }

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word; }

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 700; }

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important; }

.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  cursor: pointer;
  outline: 0;
  border: 1px solid transparent; }

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px; }

* html .qtip-titlebar .qtip-close {
  top: 16px; }

.qtip-icon .ui-icon, .qtip-titlebar .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr; }

.qtip-icon, .qtip-icon .ui-icon {
  border-radius: 3px;
  text-decoration: none; }

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: 400 bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: -100em -100em no-repeat; }

.qtip-default {
  border: 1px solid #F1D031;
  background-color: #FFFFA3;
  color: #555; }

.qtip-default .qtip-titlebar {
  background-color: #FFEF93; }

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777; }

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111; }

.qtip-light {
  background-color: #fff;
  border-color: #E2E2E2;
  color: #454545; }

.qtip-light .qtip-titlebar {
  background-color: #f1f1f1; }

.qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3; }

.qtip-dark .qtip-titlebar {
  background-color: #404040; }

.qtip-dark .qtip-icon {
  border-color: #444; }

.qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030; }

.qtip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35; }

.qtip-cream .qtip-titlebar {
  background-color: #F0DE7D; }

.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0; }

.qtip-red {
  background-color: #F78B83;
  border-color: #D95252;
  color: #912323; }

.qtip-red .qtip-titlebar {
  background-color: #F06D65; }

.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0; }

.qtip-red .qtip-icon, .qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #D95252; }

.qtip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219; }

.qtip-green .qtip-titlebar {
  background-color: #B0DE78; }

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0; }

.qtip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD; }

.qtip-blue .qtip-titlebar {
  background-color: #D0E9F5; }

.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0; }

.qtip-shadow {
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); }

.qtip-bootstrap, .qtip-rounded, .qtip-tipsy {
  border-radius: 5px; }

.qtip-rounded .qtip-titlebar {
  border-radius: 4px 4px 0 0; }

.qtip-youtube {
  border-radius: 2px;
  box-shadow: 0 0 3px #333;
  color: #fff;
  border: 0 solid transparent;
  background: #4A4A4A;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, #000));
  background-image: -webkit-linear-gradient(top, #4A4A4A 0, #000 100%);
  background-image: -o-linear-gradient(top, #4A4A4A 0, #000 100%); }

.qtip-youtube .qtip-titlebar {
  background-color: transparent; }

.qtip-youtube .qtip-content {
  padding: .75em;
  font: 12px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"; }

.qtip-youtube .qtip-icon {
  border-color: #222; }

.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030; }

.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  background-image: -webkit-linear-gradient(top, #717171, #232323);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid #f1f1f1;
  border-radius: 2px;
  box-shadow: 0 0 12px #333; }

.qtip-jtools .qtip-titlebar {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; }

.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; }

.qtip-jtools .qtip-content, .qtip-jtools .qtip-titlebar {
  background: 0 0;
  color: #fff;
  border: 0 dashed transparent; }

.qtip-jtools .qtip-icon {
  border-color: #555; }

.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333; }

.qtip-cluetip {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent; }

.qtip-cluetip .qtip-titlebar {
  background-color: #87876A;
  color: #fff;
  border: 0 dashed transparent; }

.qtip-cluetip .qtip-icon {
  border-color: #808064; }

.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952; }

.qtip-tipsy {
  background: #000;
  background: rgba(0, 0, 0, 0.87);
  color: #fff;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: 'Lucida Grande', sans-serif;
  font-weight: 700;
  line-height: 16px;
  text-shadow: 0 1px #000; }

.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent; }

.qtip-tipsy .qtip-content {
  padding: 6px 10px; }

.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none; }

.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030; }

.qtip-tipped {
  border: 3px solid #959FA9;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: 400;
  font-family: serif; }

.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: #fff;
  background: #3A79B8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
  background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; }

.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589; }

.qtip-tipped .qtip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555; }

.qtip-bootstrap {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 1px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box; }

.qtip-bootstrap .qtip-titlebar {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.qtip-bootstrap .qtip-titlebar .qtip-close {
  right: 11px;
  top: 45%;
  border-style: none; }

.qtip-bootstrap .qtip-content {
  padding: 9px 14px; }

.qtip-bootstrap .qtip-icon {
  background: 0 0; }

.qtip-bootstrap .qtip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20); }

.qtip-bootstrap .qtip-icon .ui-icon:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .4;
  filter: alpha(opacity=40); }

.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
  -webkit-filter: none;
          filter: none;
  -ms-filter: none; }

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10; }

.qtip .qtip-tip, x:-o-prefocus {
  visibility: hidden; }

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: 0 0;
  border: 0 dashed transparent; }

.qtip .qtip-tip canvas {
  top: 0;
  left: 0; }

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible; }

#qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

#qtip-overlay.blurs {
  cursor: pointer; }

#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .7; }

.qtipmodal-ie6fix {
  position: absolute !important; }

#subnav > div.perfumery {
  background: #846e80; }

.page-perfumery .breadcrump > .links, .section-perfumery .breadcrump > .links {
  border-color: #846e80; }

.page-perfumery button, .page-perfumery .button,
.page-perfumery .slider.fill,
.page-perfumery .intro,
.page-perfumery .block.pagination,
.page-perfumery .block.message .content,
.page-perfumery .slider.inner .button,
.page-perfumery .ui-tabs .ui-tab.active > a:after,
.page-perfumery button.border:hover,
.page-perfumery .button.border:hover,
.page-perfumery .block.contact input[type=button],
.page-perfumery .block.quote.has_background,
.page-perfumery .block.dropdown,
.page-perfumery .ui-tabs .ui-navigation a,
.page-perfumery .block.slidedown .ui-button,
.page-perfumery .submenu, .page-perfumery .submenu ul ul, .page-perfumery aside.dots.fixed span:after, .section-perfumery button, .section-perfumery .button,
.section-perfumery .slider.fill,
.section-perfumery .intro,
.section-perfumery .block.pagination,
.section-perfumery .block.message .content,
.section-perfumery .slider.inner .button,
.section-perfumery .ui-tabs .ui-tab.active > a:after,
.section-perfumery button.border:hover,
.section-perfumery .button.border:hover,
.section-perfumery .block.contact input[type=button],
.section-perfumery .block.quote.has_background,
.section-perfumery .block.dropdown,
.section-perfumery .ui-tabs .ui-navigation a,
.section-perfumery .block.slidedown .ui-button,
.section-perfumery .submenu, .section-perfumery .submenu ul ul, .section-perfumery aside.dots.fixed span:after {
  background: #846e80; }

.page-perfumery .ui-tabs .ui-tab.active > a, .section-perfumery .ui-tabs .ui-tab.active > a {
  background: #846e80 !important; }

.page-perfumery button.background:hover,
.page-perfumery .button.background:hover,
.page-perfumery .block.number-grid h3,
.page-perfumery .slider.full .author,
.page-perfumery .block.article .content h2 small,
.page-perfumery .block.article-content h3,
.page-perfumery .block.contact h1, .page-perfumery .block.contact .p.heading,
.page-perfumery label, .page-perfumery input,
.page-perfumery .button.inverted:hover,
.page-perfumery .block.tastes strong,
.page-perfumery .block.ingredients .drop,
.page-perfumery .block.ingredients .ingredient:before,
.page-perfumery .block.ingredients .info .content,
.page-perfumery .block.ingredients .info .content p,
.page-perfumery .block.map .mode a,
.page-perfumery .ui-tabs .ui-indicator,
.page-perfumery .ui-tabs .ui-tab .ui-tab.active > a,
.page-perfumery .block.values .title,
.page-perfumery .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-perfumery .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-perfumery .slider.nova .content h2,
.page-perfumery .slider .ui-slide .image .btn-tooltip,
.page-perfumery .ui-map .ui-label, .section-perfumery button.background:hover,
.section-perfumery .button.background:hover,
.section-perfumery .block.number-grid h3,
.section-perfumery .slider.full .author,
.section-perfumery .block.article .content h2 small,
.section-perfumery .block.article-content h3,
.section-perfumery .block.contact h1, .section-perfumery .block.contact .p.heading,
.section-perfumery label, .section-perfumery input,
.section-perfumery .button.inverted:hover,
.section-perfumery .block.tastes strong,
.section-perfumery .block.ingredients .drop,
.section-perfumery .block.ingredients .ingredient:before,
.section-perfumery .block.ingredients .info .content,
.section-perfumery .block.ingredients .info .content p,
.section-perfumery .block.map .mode a,
.section-perfumery .ui-tabs .ui-indicator,
.section-perfumery .ui-tabs .ui-tab .ui-tab.active > a,
.section-perfumery .block.values .title,
.section-perfumery .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-perfumery .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-perfumery .slider.nova .content h2,
.section-perfumery .slider .ui-slide .image .btn-tooltip,
.section-perfumery .ui-map .ui-label {
  color: #846e80; }

.page-perfumery input[type=text]::-webkit-input-placeholder,
.page-perfumery input[type=email]::-webkit-input-placeholder, .section-perfumery input[type=text]::-webkit-input-placeholder,
.section-perfumery input[type=email]::-webkit-input-placeholder {
  color: #846e80; }

.page-perfumery input[type=text]:-moz-input-placeholder,
.page-perfumery input[type=email]:-moz-input-placeholder, .section-perfumery input[type=text]:-moz-input-placeholder,
.section-perfumery input[type=email]:-moz-input-placeholder {
  color: #846e80; }

.page-perfumery input[type=text]::-moz-input-placeholder,
.page-perfumery input[type=email]::-moz-input-placeholder, .section-perfumery input[type=text]::-moz-input-placeholder,
.section-perfumery input[type=email]::-moz-input-placeholder {
  color: #846e80; }

.page-perfumery input[type=text]:-ms-input-placeholder,
.page-perfumery input[type=email]:-ms-input-placeholder, .section-perfumery input[type=text]:-ms-input-placeholder,
.section-perfumery input[type=email]:-ms-input-placeholder {
  color: #846e80; }

.page-perfumery .slider.full.half-size.inner .button.background:after,
.page-perfumery .slider.full.half-size.inner .button.background:before,
.page-perfumery .button.inverted:hover:after, .page-perfumery .button.inverted:hover:before, .section-perfumery .slider.full.half-size.inner .button.background:after,
.section-perfumery .slider.full.half-size.inner .button.background:before,
.section-perfumery .button.inverted:hover:after, .section-perfumery .button.inverted:hover:before {
  border-color: #846e80; }

.page-perfumery .slider.nova, .page-perfumery .block.ingredients .info, .page-perfumery .block.inner-tabs > h1, .section-perfumery .slider.nova, .section-perfumery .block.ingredients .info, .section-perfumery .block.inner-tabs > h1 {
  background-color: #e2dce1; }

.page-perfumery .block.inner-tabs > h1, .section-perfumery .block.inner-tabs > h1 {
  background-color: #bfb2bd; }

.page-perfumery .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-perfumery .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #9c8999; }

.page-perfumery .ui-tabs .ui-tab.active, .section-perfumery .ui-tabs .ui-tab.active {
  border-top-color: #4c404a !important; }

.page-perfumery .slider.timeline-vertical .ui-slider .content .inner:after, .section-perfumery .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: #f9f8f9; }

.page-perfumery .slider.timeline-vertical .ui-slider .content h2:before, .section-perfumery .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #e2dce1; }

.page-perfumery .slider.timeline-vertical .ui-slider .content h2:after, .section-perfumery .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #b4a4b1; }

.page-perfumery .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-perfumery .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #b4a4b1; }

.page-perfumery .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-perfumery .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-perfumery .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-perfumery .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #e2dce1; }

#subnav > div.inner {
  background: #846e80; }

.page-inner .breadcrump > .links, .section-inner .breadcrump > .links {
  border-color: #846e80; }

.page-inner button, .page-inner .button,
.page-inner .slider.fill,
.page-inner .intro,
.page-inner .block.pagination,
.page-inner .block.message .content,
.page-inner .slider.inner .button,
.page-inner .ui-tabs .ui-tab.active > a:after,
.page-inner button.border:hover,
.page-inner .button.border:hover,
.page-inner .block.contact input[type=button],
.page-inner .block.quote.has_background,
.page-inner .block.dropdown,
.page-inner .ui-tabs .ui-navigation a,
.page-inner .block.slidedown .ui-button,
.page-inner .submenu, .page-inner .submenu ul ul, .page-inner aside.dots.fixed span:after, .section-inner button, .section-inner .button,
.section-inner .slider.fill,
.section-inner .intro,
.section-inner .block.pagination,
.section-inner .block.message .content,
.section-inner .slider.inner .button,
.section-inner .ui-tabs .ui-tab.active > a:after,
.section-inner button.border:hover,
.section-inner .button.border:hover,
.section-inner .block.contact input[type=button],
.section-inner .block.quote.has_background,
.section-inner .block.dropdown,
.section-inner .ui-tabs .ui-navigation a,
.section-inner .block.slidedown .ui-button,
.section-inner .submenu, .section-inner .submenu ul ul, .section-inner aside.dots.fixed span:after {
  background: #846e80; }

.page-inner .ui-tabs .ui-tab.active > a, .section-inner .ui-tabs .ui-tab.active > a {
  background: #846e80 !important; }

.page-inner button.background:hover,
.page-inner .button.background:hover,
.page-inner .block.number-grid h3,
.page-inner .slider.full .author,
.page-inner .block.article .content h2 small,
.page-inner .block.article-content h3,
.page-inner .block.contact h1, .page-inner .block.contact .p.heading,
.page-inner label, .page-inner input,
.page-inner .button.inverted:hover,
.page-inner .block.tastes strong,
.page-inner .block.ingredients .drop,
.page-inner .block.ingredients .ingredient:before,
.page-inner .block.ingredients .info .content,
.page-inner .block.ingredients .info .content p,
.page-inner .block.map .mode a,
.page-inner .ui-tabs .ui-indicator,
.page-inner .ui-tabs .ui-tab .ui-tab.active > a,
.page-inner .block.values .title,
.page-inner .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-inner .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-inner .slider.nova .content h2,
.page-inner .slider .ui-slide .image .btn-tooltip,
.page-inner .ui-map .ui-label, .section-inner button.background:hover,
.section-inner .button.background:hover,
.section-inner .block.number-grid h3,
.section-inner .slider.full .author,
.section-inner .block.article .content h2 small,
.section-inner .block.article-content h3,
.section-inner .block.contact h1, .section-inner .block.contact .p.heading,
.section-inner label, .section-inner input,
.section-inner .button.inverted:hover,
.section-inner .block.tastes strong,
.section-inner .block.ingredients .drop,
.section-inner .block.ingredients .ingredient:before,
.section-inner .block.ingredients .info .content,
.section-inner .block.ingredients .info .content p,
.section-inner .block.map .mode a,
.section-inner .ui-tabs .ui-indicator,
.section-inner .ui-tabs .ui-tab .ui-tab.active > a,
.section-inner .block.values .title,
.section-inner .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-inner .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-inner .slider.nova .content h2,
.section-inner .slider .ui-slide .image .btn-tooltip,
.section-inner .ui-map .ui-label {
  color: #846e80; }

.page-inner input[type=text]::-webkit-input-placeholder,
.page-inner input[type=email]::-webkit-input-placeholder, .section-inner input[type=text]::-webkit-input-placeholder,
.section-inner input[type=email]::-webkit-input-placeholder {
  color: #846e80; }

.page-inner input[type=text]:-moz-input-placeholder,
.page-inner input[type=email]:-moz-input-placeholder, .section-inner input[type=text]:-moz-input-placeholder,
.section-inner input[type=email]:-moz-input-placeholder {
  color: #846e80; }

.page-inner input[type=text]::-moz-input-placeholder,
.page-inner input[type=email]::-moz-input-placeholder, .section-inner input[type=text]::-moz-input-placeholder,
.section-inner input[type=email]::-moz-input-placeholder {
  color: #846e80; }

.page-inner input[type=text]:-ms-input-placeholder,
.page-inner input[type=email]:-ms-input-placeholder, .section-inner input[type=text]:-ms-input-placeholder,
.section-inner input[type=email]:-ms-input-placeholder {
  color: #846e80; }

.page-inner .slider.full.half-size.inner .button.background:after,
.page-inner .slider.full.half-size.inner .button.background:before,
.page-inner .button.inverted:hover:after, .page-inner .button.inverted:hover:before, .section-inner .slider.full.half-size.inner .button.background:after,
.section-inner .slider.full.half-size.inner .button.background:before,
.section-inner .button.inverted:hover:after, .section-inner .button.inverted:hover:before {
  border-color: #846e80; }

.page-inner .slider.nova, .page-inner .block.ingredients .info, .page-inner .block.inner-tabs > h1, .section-inner .slider.nova, .section-inner .block.ingredients .info, .section-inner .block.inner-tabs > h1 {
  background-color: #e2dce1; }

.page-inner .block.inner-tabs > h1, .section-inner .block.inner-tabs > h1 {
  background-color: #bfb2bd; }

.page-inner .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-inner .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #9c8999; }

.page-inner .ui-tabs .ui-tab.active, .section-inner .ui-tabs .ui-tab.active {
  border-top-color: #4c404a !important; }

.page-inner .slider.timeline-vertical .ui-slider .content .inner:after, .section-inner .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: #f9f8f9; }

.page-inner .slider.timeline-vertical .ui-slider .content h2:before, .section-inner .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #e2dce1; }

.page-inner .slider.timeline-vertical .ui-slider .content h2:after, .section-inner .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #b4a4b1; }

.page-inner .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-inner .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #b4a4b1; }

.page-inner .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-inner .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-inner .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-inner .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #e2dce1; }

#subnav > div.careers {
  background: #064370; }

.page-careers .breadcrump > .links, .section-careers .breadcrump > .links {
  border-color: #064370; }

.page-careers button, .page-careers .button,
.page-careers .slider.fill,
.page-careers .intro,
.page-careers .block.pagination,
.page-careers .block.message .content,
.page-careers .slider.inner .button,
.page-careers .ui-tabs .ui-tab.active > a:after,
.page-careers button.border:hover,
.page-careers .button.border:hover,
.page-careers .block.contact input[type=button],
.page-careers .block.quote.has_background,
.page-careers .block.dropdown,
.page-careers .ui-tabs .ui-navigation a,
.page-careers .block.slidedown .ui-button,
.page-careers .submenu, .page-careers .submenu ul ul, .page-careers aside.dots.fixed span:after, .section-careers button, .section-careers .button,
.section-careers .slider.fill,
.section-careers .intro,
.section-careers .block.pagination,
.section-careers .block.message .content,
.section-careers .slider.inner .button,
.section-careers .ui-tabs .ui-tab.active > a:after,
.section-careers button.border:hover,
.section-careers .button.border:hover,
.section-careers .block.contact input[type=button],
.section-careers .block.quote.has_background,
.section-careers .block.dropdown,
.section-careers .ui-tabs .ui-navigation a,
.section-careers .block.slidedown .ui-button,
.section-careers .submenu, .section-careers .submenu ul ul, .section-careers aside.dots.fixed span:after {
  background: #064370; }

.page-careers .ui-tabs .ui-tab.active > a, .section-careers .ui-tabs .ui-tab.active > a {
  background: #064370 !important; }

.page-careers button.background:hover,
.page-careers .button.background:hover,
.page-careers .block.number-grid h3,
.page-careers .slider.full .author,
.page-careers .block.article .content h2 small,
.page-careers .block.article-content h3,
.page-careers .block.contact h1, .page-careers .block.contact .p.heading,
.page-careers label, .page-careers input,
.page-careers .button.inverted:hover,
.page-careers .block.tastes strong,
.page-careers .block.ingredients .drop,
.page-careers .block.ingredients .ingredient:before,
.page-careers .block.ingredients .info .content,
.page-careers .block.ingredients .info .content p,
.page-careers .block.map .mode a,
.page-careers .ui-tabs .ui-indicator,
.page-careers .ui-tabs .ui-tab .ui-tab.active > a,
.page-careers .block.values .title,
.page-careers .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-careers .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-careers .slider.nova .content h2,
.page-careers .slider .ui-slide .image .btn-tooltip,
.page-careers .ui-map .ui-label, .section-careers button.background:hover,
.section-careers .button.background:hover,
.section-careers .block.number-grid h3,
.section-careers .slider.full .author,
.section-careers .block.article .content h2 small,
.section-careers .block.article-content h3,
.section-careers .block.contact h1, .section-careers .block.contact .p.heading,
.section-careers label, .section-careers input,
.section-careers .button.inverted:hover,
.section-careers .block.tastes strong,
.section-careers .block.ingredients .drop,
.section-careers .block.ingredients .ingredient:before,
.section-careers .block.ingredients .info .content,
.section-careers .block.ingredients .info .content p,
.section-careers .block.map .mode a,
.section-careers .ui-tabs .ui-indicator,
.section-careers .ui-tabs .ui-tab .ui-tab.active > a,
.section-careers .block.values .title,
.section-careers .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-careers .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-careers .slider.nova .content h2,
.section-careers .slider .ui-slide .image .btn-tooltip,
.section-careers .ui-map .ui-label {
  color: #064370; }

.page-careers input[type=text]::-webkit-input-placeholder,
.page-careers input[type=email]::-webkit-input-placeholder, .section-careers input[type=text]::-webkit-input-placeholder,
.section-careers input[type=email]::-webkit-input-placeholder {
  color: #064370; }

.page-careers input[type=text]:-moz-input-placeholder,
.page-careers input[type=email]:-moz-input-placeholder, .section-careers input[type=text]:-moz-input-placeholder,
.section-careers input[type=email]:-moz-input-placeholder {
  color: #064370; }

.page-careers input[type=text]::-moz-input-placeholder,
.page-careers input[type=email]::-moz-input-placeholder, .section-careers input[type=text]::-moz-input-placeholder,
.section-careers input[type=email]::-moz-input-placeholder {
  color: #064370; }

.page-careers input[type=text]:-ms-input-placeholder,
.page-careers input[type=email]:-ms-input-placeholder, .section-careers input[type=text]:-ms-input-placeholder,
.section-careers input[type=email]:-ms-input-placeholder {
  color: #064370; }

.page-careers .slider.full.half-size.inner .button.background:after,
.page-careers .slider.full.half-size.inner .button.background:before,
.page-careers .button.inverted:hover:after, .page-careers .button.inverted:hover:before, .section-careers .slider.full.half-size.inner .button.background:after,
.section-careers .slider.full.half-size.inner .button.background:before,
.section-careers .button.inverted:hover:after, .section-careers .button.inverted:hover:before {
  border-color: #064370; }

.page-careers .slider.nova, .page-careers .block.ingredients .info, .page-careers .block.inner-tabs > h1, .section-careers .slider.nova, .section-careers .block.ingredients .info, .section-careers .block.inner-tabs > h1 {
  background-color: #4daef5; }

.page-careers .block.inner-tabs > h1, .section-careers .block.inner-tabs > h1 {
  background-color: #0c8be9; }

.page-careers .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-careers .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #0960a0; }

.page-careers .ui-tabs .ui-tab.active, .section-careers .ui-tabs .ui-tab.active {
  border-top-color: #01090f !important; }

.page-careers .slider.timeline-vertical .ui-slider .content .inner:after, .section-careers .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: #7dc4f8; }

.page-careers .slider.timeline-vertical .ui-slider .content h2:before, .section-careers .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #4daef5; }

.page-careers .slider.timeline-vertical .ui-slider .content h2:after, .section-careers .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #0b7dd1; }

.page-careers .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-careers .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #0b7dd1; }

.page-careers .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-careers .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-careers .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-careers .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #4daef5; }

#subnav > div.flavors {
  background: #ef9224; }

.page-flavors .breadcrump > .links, .section-flavors .breadcrump > .links {
  border-color: #ef9224; }

.page-flavors button, .page-flavors .button,
.page-flavors .slider.fill,
.page-flavors .intro,
.page-flavors .block.pagination,
.page-flavors .block.message .content,
.page-flavors .slider.inner .button,
.page-flavors .ui-tabs .ui-tab.active > a:after,
.page-flavors button.border:hover,
.page-flavors .button.border:hover,
.page-flavors .block.contact input[type=button],
.page-flavors .block.quote.has_background,
.page-flavors .block.dropdown,
.page-flavors .ui-tabs .ui-navigation a,
.page-flavors .block.slidedown .ui-button,
.page-flavors .submenu, .page-flavors .submenu ul ul, .page-flavors aside.dots.fixed span:after, .section-flavors button, .section-flavors .button,
.section-flavors .slider.fill,
.section-flavors .intro,
.section-flavors .block.pagination,
.section-flavors .block.message .content,
.section-flavors .slider.inner .button,
.section-flavors .ui-tabs .ui-tab.active > a:after,
.section-flavors button.border:hover,
.section-flavors .button.border:hover,
.section-flavors .block.contact input[type=button],
.section-flavors .block.quote.has_background,
.section-flavors .block.dropdown,
.section-flavors .ui-tabs .ui-navigation a,
.section-flavors .block.slidedown .ui-button,
.section-flavors .submenu, .section-flavors .submenu ul ul, .section-flavors aside.dots.fixed span:after {
  background: #ef9224; }

.page-flavors .ui-tabs .ui-tab.active > a, .section-flavors .ui-tabs .ui-tab.active > a {
  background: #ef9224 !important; }

.page-flavors button.background:hover,
.page-flavors .button.background:hover,
.page-flavors .block.number-grid h3,
.page-flavors .slider.full .author,
.page-flavors .block.article .content h2 small,
.page-flavors .block.article-content h3,
.page-flavors .block.contact h1, .page-flavors .block.contact .p.heading,
.page-flavors label, .page-flavors input,
.page-flavors .button.inverted:hover,
.page-flavors .block.tastes strong,
.page-flavors .block.ingredients .drop,
.page-flavors .block.ingredients .ingredient:before,
.page-flavors .block.ingredients .info .content,
.page-flavors .block.ingredients .info .content p,
.page-flavors .block.map .mode a,
.page-flavors .ui-tabs .ui-indicator,
.page-flavors .ui-tabs .ui-tab .ui-tab.active > a,
.page-flavors .block.values .title,
.page-flavors .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-flavors .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-flavors .slider.nova .content h2,
.page-flavors .slider .ui-slide .image .btn-tooltip,
.page-flavors .ui-map .ui-label, .section-flavors button.background:hover,
.section-flavors .button.background:hover,
.section-flavors .block.number-grid h3,
.section-flavors .slider.full .author,
.section-flavors .block.article .content h2 small,
.section-flavors .block.article-content h3,
.section-flavors .block.contact h1, .section-flavors .block.contact .p.heading,
.section-flavors label, .section-flavors input,
.section-flavors .button.inverted:hover,
.section-flavors .block.tastes strong,
.section-flavors .block.ingredients .drop,
.section-flavors .block.ingredients .ingredient:before,
.section-flavors .block.ingredients .info .content,
.section-flavors .block.ingredients .info .content p,
.section-flavors .block.map .mode a,
.section-flavors .ui-tabs .ui-indicator,
.section-flavors .ui-tabs .ui-tab .ui-tab.active > a,
.section-flavors .block.values .title,
.section-flavors .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-flavors .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-flavors .slider.nova .content h2,
.section-flavors .slider .ui-slide .image .btn-tooltip,
.section-flavors .ui-map .ui-label {
  color: #ef9224; }

.page-flavors input[type=text]::-webkit-input-placeholder,
.page-flavors input[type=email]::-webkit-input-placeholder, .section-flavors input[type=text]::-webkit-input-placeholder,
.section-flavors input[type=email]::-webkit-input-placeholder {
  color: #ef9224; }

.page-flavors input[type=text]:-moz-input-placeholder,
.page-flavors input[type=email]:-moz-input-placeholder, .section-flavors input[type=text]:-moz-input-placeholder,
.section-flavors input[type=email]:-moz-input-placeholder {
  color: #ef9224; }

.page-flavors input[type=text]::-moz-input-placeholder,
.page-flavors input[type=email]::-moz-input-placeholder, .section-flavors input[type=text]::-moz-input-placeholder,
.section-flavors input[type=email]::-moz-input-placeholder {
  color: #ef9224; }

.page-flavors input[type=text]:-ms-input-placeholder,
.page-flavors input[type=email]:-ms-input-placeholder, .section-flavors input[type=text]:-ms-input-placeholder,
.section-flavors input[type=email]:-ms-input-placeholder {
  color: #ef9224; }

.page-flavors .slider.full.half-size.inner .button.background:after,
.page-flavors .slider.full.half-size.inner .button.background:before,
.page-flavors .button.inverted:hover:after, .page-flavors .button.inverted:hover:before, .section-flavors .slider.full.half-size.inner .button.background:after,
.section-flavors .slider.full.half-size.inner .button.background:before,
.section-flavors .button.inverted:hover:after, .section-flavors .button.inverted:hover:before {
  border-color: #ef9224; }

.page-flavors .slider.nova, .page-flavors .block.ingredients .info, .page-flavors .block.inner-tabs > h1, .section-flavors .slider.nova, .section-flavors .block.ingredients .info, .section-flavors .block.inner-tabs > h1 {
  background-color: #fdf1e2; }

.page-flavors .block.inner-tabs > h1, .section-flavors .block.inner-tabs > h1 {
  background-color: #f8cd9b; }

.page-flavors .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-flavors .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #f2aa54; }

.page-flavors .ui-tabs .ui-tab.active, .section-flavors .ui-tabs .ui-tab.active {
  border-top-color: #a15d0c !important; }

.page-flavors .slider.timeline-vertical .ui-slider .content .inner:after, .section-flavors .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: white; }

.page-flavors .slider.timeline-vertical .ui-slider .content h2:before, .section-flavors .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #fdf1e2; }

.page-flavors .slider.timeline-vertical .ui-slider .content h2:after, .section-flavors .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #f6c183; }

.page-flavors .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-flavors .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #f6c183; }

.page-flavors .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-flavors .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-flavors .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-flavors .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #fdf1e2; }

#subnav > div.research {
  background: #76c8db; }

.page-research .breadcrump > .links, .section-research .breadcrump > .links {
  border-color: #76c8db; }

.page-research button, .page-research .button,
.page-research .slider.fill,
.page-research .intro,
.page-research .block.pagination,
.page-research .block.message .content,
.page-research .slider.inner .button,
.page-research .ui-tabs .ui-tab.active > a:after,
.page-research button.border:hover,
.page-research .button.border:hover,
.page-research .block.contact input[type=button],
.page-research .block.quote.has_background,
.page-research .block.dropdown,
.page-research .ui-tabs .ui-navigation a,
.page-research .block.slidedown .ui-button,
.page-research .submenu, .page-research .submenu ul ul, .page-research aside.dots.fixed span:after, .section-research button, .section-research .button,
.section-research .slider.fill,
.section-research .intro,
.section-research .block.pagination,
.section-research .block.message .content,
.section-research .slider.inner .button,
.section-research .ui-tabs .ui-tab.active > a:after,
.section-research button.border:hover,
.section-research .button.border:hover,
.section-research .block.contact input[type=button],
.section-research .block.quote.has_background,
.section-research .block.dropdown,
.section-research .ui-tabs .ui-navigation a,
.section-research .block.slidedown .ui-button,
.section-research .submenu, .section-research .submenu ul ul, .section-research aside.dots.fixed span:after {
  background: #76c8db; }

.page-research .ui-tabs .ui-tab.active > a, .section-research .ui-tabs .ui-tab.active > a {
  background: #76c8db !important; }

.page-research button.background:hover,
.page-research .button.background:hover,
.page-research .block.number-grid h3,
.page-research .slider.full .author,
.page-research .block.article .content h2 small,
.page-research .block.article-content h3,
.page-research .block.contact h1, .page-research .block.contact .p.heading,
.page-research label, .page-research input,
.page-research .button.inverted:hover,
.page-research .block.tastes strong,
.page-research .block.ingredients .drop,
.page-research .block.ingredients .ingredient:before,
.page-research .block.ingredients .info .content,
.page-research .block.ingredients .info .content p,
.page-research .block.map .mode a,
.page-research .ui-tabs .ui-indicator,
.page-research .ui-tabs .ui-tab .ui-tab.active > a,
.page-research .block.values .title,
.page-research .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-research .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-research .slider.nova .content h2,
.page-research .slider .ui-slide .image .btn-tooltip,
.page-research .ui-map .ui-label, .section-research button.background:hover,
.section-research .button.background:hover,
.section-research .block.number-grid h3,
.section-research .slider.full .author,
.section-research .block.article .content h2 small,
.section-research .block.article-content h3,
.section-research .block.contact h1, .section-research .block.contact .p.heading,
.section-research label, .section-research input,
.section-research .button.inverted:hover,
.section-research .block.tastes strong,
.section-research .block.ingredients .drop,
.section-research .block.ingredients .ingredient:before,
.section-research .block.ingredients .info .content,
.section-research .block.ingredients .info .content p,
.section-research .block.map .mode a,
.section-research .ui-tabs .ui-indicator,
.section-research .ui-tabs .ui-tab .ui-tab.active > a,
.section-research .block.values .title,
.section-research .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-research .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-research .slider.nova .content h2,
.section-research .slider .ui-slide .image .btn-tooltip,
.section-research .ui-map .ui-label {
  color: #76c8db; }

.page-research input[type=text]::-webkit-input-placeholder,
.page-research input[type=email]::-webkit-input-placeholder, .section-research input[type=text]::-webkit-input-placeholder,
.section-research input[type=email]::-webkit-input-placeholder {
  color: #76c8db; }

.page-research input[type=text]:-moz-input-placeholder,
.page-research input[type=email]:-moz-input-placeholder, .section-research input[type=text]:-moz-input-placeholder,
.section-research input[type=email]:-moz-input-placeholder {
  color: #76c8db; }

.page-research input[type=text]::-moz-input-placeholder,
.page-research input[type=email]::-moz-input-placeholder, .section-research input[type=text]::-moz-input-placeholder,
.section-research input[type=email]::-moz-input-placeholder {
  color: #76c8db; }

.page-research input[type=text]:-ms-input-placeholder,
.page-research input[type=email]:-ms-input-placeholder, .section-research input[type=text]:-ms-input-placeholder,
.section-research input[type=email]:-ms-input-placeholder {
  color: #76c8db; }

.page-research .slider.full.half-size.inner .button.background:after,
.page-research .slider.full.half-size.inner .button.background:before,
.page-research .button.inverted:hover:after, .page-research .button.inverted:hover:before, .section-research .slider.full.half-size.inner .button.background:after,
.section-research .slider.full.half-size.inner .button.background:before,
.section-research .button.inverted:hover:after, .section-research .button.inverted:hover:before {
  border-color: #76c8db; }

.page-research .slider.nova, .page-research .block.ingredients .info, .page-research .block.inner-tabs > h1, .section-research .slider.nova, .section-research .block.ingredients .info, .section-research .block.inner-tabs > h1 {
  background-color: white; }

.page-research .block.inner-tabs > h1, .section-research .block.inner-tabs > h1 {
  background-color: #dbf1f6; }

.page-research .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-research .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #9ed8e6; }

.page-research .ui-tabs .ui-tab.active, .section-research .ui-tabs .ui-tab.active {
  border-top-color: #31a0ba !important; }

.page-research .slider.timeline-vertical .ui-slider .content .inner:after, .section-research .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: white; }

.page-research .slider.timeline-vertical .ui-slider .content h2:before, .section-research .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: white; }

.page-research .slider.timeline-vertical .ui-slider .content h2:after, .section-research .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #c7e8f0; }

.page-research .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-research .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #c7e8f0; }

.page-research .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-research .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-research .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-research .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: white; }

#subnav > div.ingredients {
  background: #706e5b; }

.page-ingredients .breadcrump > .links, .section-ingredients .breadcrump > .links {
  border-color: #706e5b; }

.page-ingredients button, .page-ingredients .button,
.page-ingredients .slider.fill,
.page-ingredients .intro,
.page-ingredients .block.pagination,
.page-ingredients .block.message .content,
.page-ingredients .slider.inner .button,
.page-ingredients .ui-tabs .ui-tab.active > a:after,
.page-ingredients button.border:hover,
.page-ingredients .button.border:hover,
.page-ingredients .block.contact input[type=button],
.page-ingredients .block.quote.has_background,
.page-ingredients .block.dropdown,
.page-ingredients .ui-tabs .ui-navigation a,
.page-ingredients .block.slidedown .ui-button,
.page-ingredients .submenu, .page-ingredients .submenu ul ul, .page-ingredients aside.dots.fixed span:after, .section-ingredients button, .section-ingredients .button,
.section-ingredients .slider.fill,
.section-ingredients .intro,
.section-ingredients .block.pagination,
.section-ingredients .block.message .content,
.section-ingredients .slider.inner .button,
.section-ingredients .ui-tabs .ui-tab.active > a:after,
.section-ingredients button.border:hover,
.section-ingredients .button.border:hover,
.section-ingredients .block.contact input[type=button],
.section-ingredients .block.quote.has_background,
.section-ingredients .block.dropdown,
.section-ingredients .ui-tabs .ui-navigation a,
.section-ingredients .block.slidedown .ui-button,
.section-ingredients .submenu, .section-ingredients .submenu ul ul, .section-ingredients aside.dots.fixed span:after {
  background: #706e5b; }

.page-ingredients .ui-tabs .ui-tab.active > a, .section-ingredients .ui-tabs .ui-tab.active > a {
  background: #706e5b !important; }

.page-ingredients button.background:hover,
.page-ingredients .button.background:hover,
.page-ingredients .block.number-grid h3,
.page-ingredients .slider.full .author,
.page-ingredients .block.article .content h2 small,
.page-ingredients .block.article-content h3,
.page-ingredients .block.contact h1, .page-ingredients .block.contact .p.heading,
.page-ingredients label, .page-ingredients input,
.page-ingredients .button.inverted:hover,
.page-ingredients .block.tastes strong,
.page-ingredients .block.ingredients .drop,
.page-ingredients .block.ingredients .ingredient:before,
.page-ingredients .block.ingredients .info .content,
.page-ingredients .block.ingredients .info .content p,
.page-ingredients .block.map .mode a,
.page-ingredients .ui-tabs .ui-indicator,
.page-ingredients .ui-tabs .ui-tab .ui-tab.active > a,
.page-ingredients .block.values .title,
.page-ingredients .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-ingredients .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-ingredients .slider.nova .content h2,
.page-ingredients .slider .ui-slide .image .btn-tooltip,
.page-ingredients .ui-map .ui-label, .section-ingredients button.background:hover,
.section-ingredients .button.background:hover,
.section-ingredients .block.number-grid h3,
.section-ingredients .slider.full .author,
.section-ingredients .block.article .content h2 small,
.section-ingredients .block.article-content h3,
.section-ingredients .block.contact h1, .section-ingredients .block.contact .p.heading,
.section-ingredients label, .section-ingredients input,
.section-ingredients .button.inverted:hover,
.section-ingredients .block.tastes strong,
.section-ingredients .block.ingredients .drop,
.section-ingredients .block.ingredients .ingredient:before,
.section-ingredients .block.ingredients .info .content,
.section-ingredients .block.ingredients .info .content p,
.section-ingredients .block.map .mode a,
.section-ingredients .ui-tabs .ui-indicator,
.section-ingredients .ui-tabs .ui-tab .ui-tab.active > a,
.section-ingredients .block.values .title,
.section-ingredients .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-ingredients .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-ingredients .slider.nova .content h2,
.section-ingredients .slider .ui-slide .image .btn-tooltip,
.section-ingredients .ui-map .ui-label {
  color: #706e5b; }

.page-ingredients input[type=text]::-webkit-input-placeholder,
.page-ingredients input[type=email]::-webkit-input-placeholder, .section-ingredients input[type=text]::-webkit-input-placeholder,
.section-ingredients input[type=email]::-webkit-input-placeholder {
  color: #706e5b; }

.page-ingredients input[type=text]:-moz-input-placeholder,
.page-ingredients input[type=email]:-moz-input-placeholder, .section-ingredients input[type=text]:-moz-input-placeholder,
.section-ingredients input[type=email]:-moz-input-placeholder {
  color: #706e5b; }

.page-ingredients input[type=text]::-moz-input-placeholder,
.page-ingredients input[type=email]::-moz-input-placeholder, .section-ingredients input[type=text]::-moz-input-placeholder,
.section-ingredients input[type=email]::-moz-input-placeholder {
  color: #706e5b; }

.page-ingredients input[type=text]:-ms-input-placeholder,
.page-ingredients input[type=email]:-ms-input-placeholder, .section-ingredients input[type=text]:-ms-input-placeholder,
.section-ingredients input[type=email]:-ms-input-placeholder {
  color: #706e5b; }

.page-ingredients .slider.full.half-size.inner .button.background:after,
.page-ingredients .slider.full.half-size.inner .button.background:before,
.page-ingredients .button.inverted:hover:after, .page-ingredients .button.inverted:hover:before, .section-ingredients .slider.full.half-size.inner .button.background:after,
.section-ingredients .slider.full.half-size.inner .button.background:before,
.section-ingredients .button.inverted:hover:after, .section-ingredients .button.inverted:hover:before {
  border-color: #706e5b; }

.page-ingredients .slider.nova, .page-ingredients .block.ingredients .info, .page-ingredients .block.inner-tabs > h1, .section-ingredients .slider.nova, .section-ingredients .block.ingredients .info, .section-ingredients .block.inner-tabs > h1 {
  background-color: #d1d0c6; }

.page-ingredients .block.inner-tabs > h1, .section-ingredients .block.inner-tabs > h1 {
  background-color: #afad9c; }

.page-ingredients .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-ingredients .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #8c8a72; }

.page-ingredients .ui-tabs .ui-tab.active, .section-ingredients .ui-tabs .ui-tab.active {
  border-top-color: #38372d !important; }

.page-ingredients .slider.timeline-vertical .ui-slider .content .inner:after, .section-ingredients .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: #e8e7e2; }

.page-ingredients .slider.timeline-vertical .ui-slider .content h2:before, .section-ingredients .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #d1d0c6; }

.page-ingredients .slider.timeline-vertical .ui-slider .content h2:after, .section-ingredients .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #a3a18e; }

.page-ingredients .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-ingredients .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #a3a18e; }

.page-ingredients .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-ingredients .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-ingredients .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-ingredients .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #d1d0c6; }

#subnav > div.recette {
  background: #706e5b; }

.page-recette .breadcrump > .links, .section-recette .breadcrump > .links {
  border-color: #706e5b; }

.page-recette button, .page-recette .button,
.page-recette .slider.fill,
.page-recette .intro,
.page-recette .block.pagination,
.page-recette .block.message .content,
.page-recette .slider.inner .button,
.page-recette .ui-tabs .ui-tab.active > a:after,
.page-recette button.border:hover,
.page-recette .button.border:hover,
.page-recette .block.contact input[type=button],
.page-recette .block.quote.has_background,
.page-recette .block.dropdown,
.page-recette .ui-tabs .ui-navigation a,
.page-recette .block.slidedown .ui-button,
.page-recette .submenu, .page-recette .submenu ul ul, .page-recette aside.dots.fixed span:after, .section-recette button, .section-recette .button,
.section-recette .slider.fill,
.section-recette .intro,
.section-recette .block.pagination,
.section-recette .block.message .content,
.section-recette .slider.inner .button,
.section-recette .ui-tabs .ui-tab.active > a:after,
.section-recette button.border:hover,
.section-recette .button.border:hover,
.section-recette .block.contact input[type=button],
.section-recette .block.quote.has_background,
.section-recette .block.dropdown,
.section-recette .ui-tabs .ui-navigation a,
.section-recette .block.slidedown .ui-button,
.section-recette .submenu, .section-recette .submenu ul ul, .section-recette aside.dots.fixed span:after {
  background: #706e5b; }

.page-recette .ui-tabs .ui-tab.active > a, .section-recette .ui-tabs .ui-tab.active > a {
  background: #706e5b !important; }

.page-recette button.background:hover,
.page-recette .button.background:hover,
.page-recette .block.number-grid h3,
.page-recette .slider.full .author,
.page-recette .block.article .content h2 small,
.page-recette .block.article-content h3,
.page-recette .block.contact h1, .page-recette .block.contact .p.heading,
.page-recette label, .page-recette input,
.page-recette .button.inverted:hover,
.page-recette .block.tastes strong,
.page-recette .block.ingredients .drop,
.page-recette .block.ingredients .ingredient:before,
.page-recette .block.ingredients .info .content,
.page-recette .block.ingredients .info .content p,
.page-recette .block.map .mode a,
.page-recette .ui-tabs .ui-indicator,
.page-recette .ui-tabs .ui-tab .ui-tab.active > a,
.page-recette .block.values .title,
.page-recette .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-recette .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-recette .slider.nova .content h2,
.page-recette .slider .ui-slide .image .btn-tooltip,
.page-recette .ui-map .ui-label, .section-recette button.background:hover,
.section-recette .button.background:hover,
.section-recette .block.number-grid h3,
.section-recette .slider.full .author,
.section-recette .block.article .content h2 small,
.section-recette .block.article-content h3,
.section-recette .block.contact h1, .section-recette .block.contact .p.heading,
.section-recette label, .section-recette input,
.section-recette .button.inverted:hover,
.section-recette .block.tastes strong,
.section-recette .block.ingredients .drop,
.section-recette .block.ingredients .ingredient:before,
.section-recette .block.ingredients .info .content,
.section-recette .block.ingredients .info .content p,
.section-recette .block.map .mode a,
.section-recette .ui-tabs .ui-indicator,
.section-recette .ui-tabs .ui-tab .ui-tab.active > a,
.section-recette .block.values .title,
.section-recette .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-recette .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-recette .slider.nova .content h2,
.section-recette .slider .ui-slide .image .btn-tooltip,
.section-recette .ui-map .ui-label {
  color: #706e5b; }

.page-recette input[type=text]::-webkit-input-placeholder,
.page-recette input[type=email]::-webkit-input-placeholder, .section-recette input[type=text]::-webkit-input-placeholder,
.section-recette input[type=email]::-webkit-input-placeholder {
  color: #706e5b; }

.page-recette input[type=text]:-moz-input-placeholder,
.page-recette input[type=email]:-moz-input-placeholder, .section-recette input[type=text]:-moz-input-placeholder,
.section-recette input[type=email]:-moz-input-placeholder {
  color: #706e5b; }

.page-recette input[type=text]::-moz-input-placeholder,
.page-recette input[type=email]::-moz-input-placeholder, .section-recette input[type=text]::-moz-input-placeholder,
.section-recette input[type=email]::-moz-input-placeholder {
  color: #706e5b; }

.page-recette input[type=text]:-ms-input-placeholder,
.page-recette input[type=email]:-ms-input-placeholder, .section-recette input[type=text]:-ms-input-placeholder,
.section-recette input[type=email]:-ms-input-placeholder {
  color: #706e5b; }

.page-recette .slider.full.half-size.inner .button.background:after,
.page-recette .slider.full.half-size.inner .button.background:before,
.page-recette .button.inverted:hover:after, .page-recette .button.inverted:hover:before, .section-recette .slider.full.half-size.inner .button.background:after,
.section-recette .slider.full.half-size.inner .button.background:before,
.section-recette .button.inverted:hover:after, .section-recette .button.inverted:hover:before {
  border-color: #706e5b; }

.page-recette .slider.nova, .page-recette .block.ingredients .info, .page-recette .block.inner-tabs > h1, .section-recette .slider.nova, .section-recette .block.ingredients .info, .section-recette .block.inner-tabs > h1 {
  background-color: #d1d0c6; }

.page-recette .block.inner-tabs > h1, .section-recette .block.inner-tabs > h1 {
  background-color: #afad9c; }

.page-recette .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-recette .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #8c8a72; }

.page-recette .ui-tabs .ui-tab.active, .section-recette .ui-tabs .ui-tab.active {
  border-top-color: #38372d !important; }

.page-recette .slider.timeline-vertical .ui-slider .content .inner:after, .section-recette .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: #e8e7e2; }

.page-recette .slider.timeline-vertical .ui-slider .content h2:before, .section-recette .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #d1d0c6; }

.page-recette .slider.timeline-vertical .ui-slider .content h2:after, .section-recette .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #a3a18e; }

.page-recette .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-recette .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #a3a18e; }

.page-recette .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-recette .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-recette .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-recette .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #d1d0c6; }

#subnav > div.sustainability {
  background: #064371; }

.page-sustainability .breadcrump > .links, .section-sustainability .breadcrump > .links {
  border-color: #064371; }

.page-sustainability button, .page-sustainability .button,
.page-sustainability .slider.fill,
.page-sustainability .intro,
.page-sustainability .block.pagination,
.page-sustainability .block.message .content,
.page-sustainability .slider.inner .button,
.page-sustainability .ui-tabs .ui-tab.active > a:after,
.page-sustainability button.border:hover,
.page-sustainability .button.border:hover,
.page-sustainability .block.contact input[type=button],
.page-sustainability .block.quote.has_background,
.page-sustainability .block.dropdown,
.page-sustainability .ui-tabs .ui-navigation a,
.page-sustainability .block.slidedown .ui-button,
.page-sustainability .submenu, .page-sustainability .submenu ul ul, .page-sustainability aside.dots.fixed span:after, .section-sustainability button, .section-sustainability .button,
.section-sustainability .slider.fill,
.section-sustainability .intro,
.section-sustainability .block.pagination,
.section-sustainability .block.message .content,
.section-sustainability .slider.inner .button,
.section-sustainability .ui-tabs .ui-tab.active > a:after,
.section-sustainability button.border:hover,
.section-sustainability .button.border:hover,
.section-sustainability .block.contact input[type=button],
.section-sustainability .block.quote.has_background,
.section-sustainability .block.dropdown,
.section-sustainability .ui-tabs .ui-navigation a,
.section-sustainability .block.slidedown .ui-button,
.section-sustainability .submenu, .section-sustainability .submenu ul ul, .section-sustainability aside.dots.fixed span:after {
  background: #064371; }

.page-sustainability .ui-tabs .ui-tab.active > a, .section-sustainability .ui-tabs .ui-tab.active > a {
  background: #064371 !important; }

.page-sustainability button.background:hover,
.page-sustainability .button.background:hover,
.page-sustainability .block.number-grid h3,
.page-sustainability .slider.full .author,
.page-sustainability .block.article .content h2 small,
.page-sustainability .block.article-content h3,
.page-sustainability .block.contact h1, .page-sustainability .block.contact .p.heading,
.page-sustainability label, .page-sustainability input,
.page-sustainability .button.inverted:hover,
.page-sustainability .block.tastes strong,
.page-sustainability .block.ingredients .drop,
.page-sustainability .block.ingredients .ingredient:before,
.page-sustainability .block.ingredients .info .content,
.page-sustainability .block.ingredients .info .content p,
.page-sustainability .block.map .mode a,
.page-sustainability .ui-tabs .ui-indicator,
.page-sustainability .ui-tabs .ui-tab .ui-tab.active > a,
.page-sustainability .block.values .title,
.page-sustainability .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-sustainability .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-sustainability .slider.nova .content h2,
.page-sustainability .slider .ui-slide .image .btn-tooltip,
.page-sustainability .ui-map .ui-label, .section-sustainability button.background:hover,
.section-sustainability .button.background:hover,
.section-sustainability .block.number-grid h3,
.section-sustainability .slider.full .author,
.section-sustainability .block.article .content h2 small,
.section-sustainability .block.article-content h3,
.section-sustainability .block.contact h1, .section-sustainability .block.contact .p.heading,
.section-sustainability label, .section-sustainability input,
.section-sustainability .button.inverted:hover,
.section-sustainability .block.tastes strong,
.section-sustainability .block.ingredients .drop,
.section-sustainability .block.ingredients .ingredient:before,
.section-sustainability .block.ingredients .info .content,
.section-sustainability .block.ingredients .info .content p,
.section-sustainability .block.map .mode a,
.section-sustainability .ui-tabs .ui-indicator,
.section-sustainability .ui-tabs .ui-tab .ui-tab.active > a,
.section-sustainability .block.values .title,
.section-sustainability .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-sustainability .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-sustainability .slider.nova .content h2,
.section-sustainability .slider .ui-slide .image .btn-tooltip,
.section-sustainability .ui-map .ui-label {
  color: #064371; }

.page-sustainability input[type=text]::-webkit-input-placeholder,
.page-sustainability input[type=email]::-webkit-input-placeholder, .section-sustainability input[type=text]::-webkit-input-placeholder,
.section-sustainability input[type=email]::-webkit-input-placeholder {
  color: #064371; }

.page-sustainability input[type=text]:-moz-input-placeholder,
.page-sustainability input[type=email]:-moz-input-placeholder, .section-sustainability input[type=text]:-moz-input-placeholder,
.section-sustainability input[type=email]:-moz-input-placeholder {
  color: #064371; }

.page-sustainability input[type=text]::-moz-input-placeholder,
.page-sustainability input[type=email]::-moz-input-placeholder, .section-sustainability input[type=text]::-moz-input-placeholder,
.section-sustainability input[type=email]::-moz-input-placeholder {
  color: #064371; }

.page-sustainability input[type=text]:-ms-input-placeholder,
.page-sustainability input[type=email]:-ms-input-placeholder, .section-sustainability input[type=text]:-ms-input-placeholder,
.section-sustainability input[type=email]:-ms-input-placeholder {
  color: #064371; }

.page-sustainability .slider.full.half-size.inner .button.background:after,
.page-sustainability .slider.full.half-size.inner .button.background:before,
.page-sustainability .button.inverted:hover:after, .page-sustainability .button.inverted:hover:before, .section-sustainability .slider.full.half-size.inner .button.background:after,
.section-sustainability .slider.full.half-size.inner .button.background:before,
.section-sustainability .button.inverted:hover:after, .section-sustainability .button.inverted:hover:before {
  border-color: #064371; }

.page-sustainability .slider.nova, .page-sustainability .block.ingredients .info, .page-sustainability .block.inner-tabs > h1, .section-sustainability .slider.nova, .section-sustainability .block.ingredients .info, .section-sustainability .block.inner-tabs > h1 {
  background-color: #4dadf6; }

.page-sustainability .block.inner-tabs > h1, .section-sustainability .block.inner-tabs > h1 {
  background-color: #0c8bea; }

.page-sustainability .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-sustainability .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #0960a1; }

.page-sustainability .ui-tabs .ui-tab.active, .section-sustainability .ui-tabs .ui-tab.active {
  border-top-color: #010a10 !important; }

.page-sustainability .slider.timeline-vertical .ui-slider .content .inner:after, .section-sustainability .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: #7ec4f8; }

.page-sustainability .slider.timeline-vertical .ui-slider .content h2:before, .section-sustainability .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #4dadf6; }

.page-sustainability .slider.timeline-vertical .ui-slider .content h2:after, .section-sustainability .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #0b7cd2; }

.page-sustainability .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-sustainability .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #0b7cd2; }

.page-sustainability .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-sustainability .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-sustainability .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-sustainability .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #4dadf6; }

#subnav > div.sustainabilityv2 {
  background: #064371; }

.page-sustainabilityv2 .breadcrump > .links, .section-sustainabilityv2 .breadcrump > .links {
  border-color: #064371; }

.page-sustainabilityv2 button, .page-sustainabilityv2 .button,
.page-sustainabilityv2 .slider.fill,
.page-sustainabilityv2 .intro,
.page-sustainabilityv2 .block.pagination,
.page-sustainabilityv2 .block.message .content,
.page-sustainabilityv2 .slider.inner .button,
.page-sustainabilityv2 .ui-tabs .ui-tab.active > a:after,
.page-sustainabilityv2 button.border:hover,
.page-sustainabilityv2 .button.border:hover,
.page-sustainabilityv2 .block.contact input[type=button],
.page-sustainabilityv2 .block.quote.has_background,
.page-sustainabilityv2 .block.dropdown,
.page-sustainabilityv2 .ui-tabs .ui-navigation a,
.page-sustainabilityv2 .block.slidedown .ui-button,
.page-sustainabilityv2 .submenu, .page-sustainabilityv2 .submenu ul ul, .page-sustainabilityv2 aside.dots.fixed span:after, .section-sustainabilityv2 button, .section-sustainabilityv2 .button,
.section-sustainabilityv2 .slider.fill,
.section-sustainabilityv2 .intro,
.section-sustainabilityv2 .block.pagination,
.section-sustainabilityv2 .block.message .content,
.section-sustainabilityv2 .slider.inner .button,
.section-sustainabilityv2 .ui-tabs .ui-tab.active > a:after,
.section-sustainabilityv2 button.border:hover,
.section-sustainabilityv2 .button.border:hover,
.section-sustainabilityv2 .block.contact input[type=button],
.section-sustainabilityv2 .block.quote.has_background,
.section-sustainabilityv2 .block.dropdown,
.section-sustainabilityv2 .ui-tabs .ui-navigation a,
.section-sustainabilityv2 .block.slidedown .ui-button,
.section-sustainabilityv2 .submenu, .section-sustainabilityv2 .submenu ul ul, .section-sustainabilityv2 aside.dots.fixed span:after {
  background: #064371; }

.page-sustainabilityv2 .ui-tabs .ui-tab.active > a, .section-sustainabilityv2 .ui-tabs .ui-tab.active > a {
  background: #064371 !important; }

.page-sustainabilityv2 button.background:hover,
.page-sustainabilityv2 .button.background:hover,
.page-sustainabilityv2 .block.number-grid h3,
.page-sustainabilityv2 .slider.full .author,
.page-sustainabilityv2 .block.article .content h2 small,
.page-sustainabilityv2 .block.article-content h3,
.page-sustainabilityv2 .block.contact h1, .page-sustainabilityv2 .block.contact .p.heading,
.page-sustainabilityv2 label, .page-sustainabilityv2 input,
.page-sustainabilityv2 .button.inverted:hover,
.page-sustainabilityv2 .block.tastes strong,
.page-sustainabilityv2 .block.ingredients .drop,
.page-sustainabilityv2 .block.ingredients .ingredient:before,
.page-sustainabilityv2 .block.ingredients .info .content,
.page-sustainabilityv2 .block.ingredients .info .content p,
.page-sustainabilityv2 .block.map .mode a,
.page-sustainabilityv2 .ui-tabs .ui-indicator,
.page-sustainabilityv2 .ui-tabs .ui-tab .ui-tab.active > a,
.page-sustainabilityv2 .block.values .title,
.page-sustainabilityv2 .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-sustainabilityv2 .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-sustainabilityv2 .slider.nova .content h2,
.page-sustainabilityv2 .slider .ui-slide .image .btn-tooltip,
.page-sustainabilityv2 .ui-map .ui-label, .section-sustainabilityv2 button.background:hover,
.section-sustainabilityv2 .button.background:hover,
.section-sustainabilityv2 .block.number-grid h3,
.section-sustainabilityv2 .slider.full .author,
.section-sustainabilityv2 .block.article .content h2 small,
.section-sustainabilityv2 .block.article-content h3,
.section-sustainabilityv2 .block.contact h1, .section-sustainabilityv2 .block.contact .p.heading,
.section-sustainabilityv2 label, .section-sustainabilityv2 input,
.section-sustainabilityv2 .button.inverted:hover,
.section-sustainabilityv2 .block.tastes strong,
.section-sustainabilityv2 .block.ingredients .drop,
.section-sustainabilityv2 .block.ingredients .ingredient:before,
.section-sustainabilityv2 .block.ingredients .info .content,
.section-sustainabilityv2 .block.ingredients .info .content p,
.section-sustainabilityv2 .block.map .mode a,
.section-sustainabilityv2 .ui-tabs .ui-indicator,
.section-sustainabilityv2 .ui-tabs .ui-tab .ui-tab.active > a,
.section-sustainabilityv2 .block.values .title,
.section-sustainabilityv2 .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-sustainabilityv2 .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-sustainabilityv2 .slider.nova .content h2,
.section-sustainabilityv2 .slider .ui-slide .image .btn-tooltip,
.section-sustainabilityv2 .ui-map .ui-label {
  color: #064371; }

.page-sustainabilityv2 input[type=text]::-webkit-input-placeholder,
.page-sustainabilityv2 input[type=email]::-webkit-input-placeholder, .section-sustainabilityv2 input[type=text]::-webkit-input-placeholder,
.section-sustainabilityv2 input[type=email]::-webkit-input-placeholder {
  color: #064371; }

.page-sustainabilityv2 input[type=text]:-moz-input-placeholder,
.page-sustainabilityv2 input[type=email]:-moz-input-placeholder, .section-sustainabilityv2 input[type=text]:-moz-input-placeholder,
.section-sustainabilityv2 input[type=email]:-moz-input-placeholder {
  color: #064371; }

.page-sustainabilityv2 input[type=text]::-moz-input-placeholder,
.page-sustainabilityv2 input[type=email]::-moz-input-placeholder, .section-sustainabilityv2 input[type=text]::-moz-input-placeholder,
.section-sustainabilityv2 input[type=email]::-moz-input-placeholder {
  color: #064371; }

.page-sustainabilityv2 input[type=text]:-ms-input-placeholder,
.page-sustainabilityv2 input[type=email]:-ms-input-placeholder, .section-sustainabilityv2 input[type=text]:-ms-input-placeholder,
.section-sustainabilityv2 input[type=email]:-ms-input-placeholder {
  color: #064371; }

.page-sustainabilityv2 .slider.full.half-size.inner .button.background:after,
.page-sustainabilityv2 .slider.full.half-size.inner .button.background:before,
.page-sustainabilityv2 .button.inverted:hover:after, .page-sustainabilityv2 .button.inverted:hover:before, .section-sustainabilityv2 .slider.full.half-size.inner .button.background:after,
.section-sustainabilityv2 .slider.full.half-size.inner .button.background:before,
.section-sustainabilityv2 .button.inverted:hover:after, .section-sustainabilityv2 .button.inverted:hover:before {
  border-color: #064371; }

.page-sustainabilityv2 .slider.nova, .page-sustainabilityv2 .block.ingredients .info, .page-sustainabilityv2 .block.inner-tabs > h1, .section-sustainabilityv2 .slider.nova, .section-sustainabilityv2 .block.ingredients .info, .section-sustainabilityv2 .block.inner-tabs > h1 {
  background-color: #4dadf6; }

.page-sustainabilityv2 .block.inner-tabs > h1, .section-sustainabilityv2 .block.inner-tabs > h1 {
  background-color: #0c8bea; }

.page-sustainabilityv2 .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-sustainabilityv2 .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #0960a1; }

.page-sustainabilityv2 .ui-tabs .ui-tab.active, .section-sustainabilityv2 .ui-tabs .ui-tab.active {
  border-top-color: #010a10 !important; }

.page-sustainabilityv2 .slider.timeline-vertical .ui-slider .content .inner:after, .section-sustainabilityv2 .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: #7ec4f8; }

.page-sustainabilityv2 .slider.timeline-vertical .ui-slider .content h2:before, .section-sustainabilityv2 .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #4dadf6; }

.page-sustainabilityv2 .slider.timeline-vertical .ui-slider .content h2:after, .section-sustainabilityv2 .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #0b7cd2; }

.page-sustainabilityv2 .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-sustainabilityv2 .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #0b7cd2; }

.page-sustainabilityv2 .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-sustainabilityv2 .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-sustainabilityv2 .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-sustainabilityv2 .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #4dadf6; }

#subnav > div.company {
  background: #064371; }

.page-company .breadcrump > .links, .section-company .breadcrump > .links {
  border-color: #064371; }

.page-company button, .page-company .button,
.page-company .slider.fill,
.page-company .intro,
.page-company .block.pagination,
.page-company .block.message .content,
.page-company .slider.inner .button,
.page-company .ui-tabs .ui-tab.active > a:after,
.page-company button.border:hover,
.page-company .button.border:hover,
.page-company .block.contact input[type=button],
.page-company .block.quote.has_background,
.page-company .block.dropdown,
.page-company .ui-tabs .ui-navigation a,
.page-company .block.slidedown .ui-button,
.page-company .submenu, .page-company .submenu ul ul, .page-company aside.dots.fixed span:after, .section-company button, .section-company .button,
.section-company .slider.fill,
.section-company .intro,
.section-company .block.pagination,
.section-company .block.message .content,
.section-company .slider.inner .button,
.section-company .ui-tabs .ui-tab.active > a:after,
.section-company button.border:hover,
.section-company .button.border:hover,
.section-company .block.contact input[type=button],
.section-company .block.quote.has_background,
.section-company .block.dropdown,
.section-company .ui-tabs .ui-navigation a,
.section-company .block.slidedown .ui-button,
.section-company .submenu, .section-company .submenu ul ul, .section-company aside.dots.fixed span:after {
  background: #064371; }

.page-company .ui-tabs .ui-tab.active > a, .section-company .ui-tabs .ui-tab.active > a {
  background: #064371 !important; }

.page-company button.background:hover,
.page-company .button.background:hover,
.page-company .block.number-grid h3,
.page-company .slider.full .author,
.page-company .block.article .content h2 small,
.page-company .block.article-content h3,
.page-company .block.contact h1, .page-company .block.contact .p.heading,
.page-company label, .page-company input,
.page-company .button.inverted:hover,
.page-company .block.tastes strong,
.page-company .block.ingredients .drop,
.page-company .block.ingredients .ingredient:before,
.page-company .block.ingredients .info .content,
.page-company .block.ingredients .info .content p,
.page-company .block.map .mode a,
.page-company .ui-tabs .ui-indicator,
.page-company .ui-tabs .ui-tab .ui-tab.active > a,
.page-company .block.values .title,
.page-company .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-company .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-company .slider.nova .content h2,
.page-company .slider .ui-slide .image .btn-tooltip,
.page-company .ui-map .ui-label, .section-company button.background:hover,
.section-company .button.background:hover,
.section-company .block.number-grid h3,
.section-company .slider.full .author,
.section-company .block.article .content h2 small,
.section-company .block.article-content h3,
.section-company .block.contact h1, .section-company .block.contact .p.heading,
.section-company label, .section-company input,
.section-company .button.inverted:hover,
.section-company .block.tastes strong,
.section-company .block.ingredients .drop,
.section-company .block.ingredients .ingredient:before,
.section-company .block.ingredients .info .content,
.section-company .block.ingredients .info .content p,
.section-company .block.map .mode a,
.section-company .ui-tabs .ui-indicator,
.section-company .ui-tabs .ui-tab .ui-tab.active > a,
.section-company .block.values .title,
.section-company .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-company .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-company .slider.nova .content h2,
.section-company .slider .ui-slide .image .btn-tooltip,
.section-company .ui-map .ui-label {
  color: #064371; }

.page-company input[type=text]::-webkit-input-placeholder,
.page-company input[type=email]::-webkit-input-placeholder, .section-company input[type=text]::-webkit-input-placeholder,
.section-company input[type=email]::-webkit-input-placeholder {
  color: #064371; }

.page-company input[type=text]:-moz-input-placeholder,
.page-company input[type=email]:-moz-input-placeholder, .section-company input[type=text]:-moz-input-placeholder,
.section-company input[type=email]:-moz-input-placeholder {
  color: #064371; }

.page-company input[type=text]::-moz-input-placeholder,
.page-company input[type=email]::-moz-input-placeholder, .section-company input[type=text]::-moz-input-placeholder,
.section-company input[type=email]::-moz-input-placeholder {
  color: #064371; }

.page-company input[type=text]:-ms-input-placeholder,
.page-company input[type=email]:-ms-input-placeholder, .section-company input[type=text]:-ms-input-placeholder,
.section-company input[type=email]:-ms-input-placeholder {
  color: #064371; }

.page-company .slider.full.half-size.inner .button.background:after,
.page-company .slider.full.half-size.inner .button.background:before,
.page-company .button.inverted:hover:after, .page-company .button.inverted:hover:before, .section-company .slider.full.half-size.inner .button.background:after,
.section-company .slider.full.half-size.inner .button.background:before,
.section-company .button.inverted:hover:after, .section-company .button.inverted:hover:before {
  border-color: #064371; }

.page-company .slider.nova, .page-company .block.ingredients .info, .page-company .block.inner-tabs > h1, .section-company .slider.nova, .section-company .block.ingredients .info, .section-company .block.inner-tabs > h1 {
  background-color: #4dadf6; }

.page-company .block.inner-tabs > h1, .section-company .block.inner-tabs > h1 {
  background-color: #0c8bea; }

.page-company .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-company .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #0960a1; }

.page-company .ui-tabs .ui-tab.active, .section-company .ui-tabs .ui-tab.active {
  border-top-color: #010a10 !important; }

.page-company .slider.timeline-vertical .ui-slider .content .inner:after, .section-company .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: #7ec4f8; }

.page-company .slider.timeline-vertical .ui-slider .content h2:before, .section-company .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #4dadf6; }

.page-company .slider.timeline-vertical .ui-slider .content h2:after, .section-company .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #0b7cd2; }

.page-company .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-company .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #0b7cd2; }

.page-company .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-company .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-company .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-company .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #4dadf6; }

#subnav > div.contact {
  background: #064371; }

.page-contact .breadcrump > .links, .section-contact .breadcrump > .links {
  border-color: #064371; }

.page-contact button, .page-contact .button,
.page-contact .slider.fill,
.page-contact .intro,
.page-contact .block.pagination,
.page-contact .block.message .content,
.page-contact .slider.inner .button,
.page-contact .ui-tabs .ui-tab.active > a:after,
.page-contact button.border:hover,
.page-contact .button.border:hover,
.page-contact .block.contact input[type=button],
.page-contact .block.quote.has_background,
.page-contact .block.dropdown,
.page-contact .ui-tabs .ui-navigation a,
.page-contact .block.slidedown .ui-button,
.page-contact .submenu, .page-contact .submenu ul ul, .page-contact aside.dots.fixed span:after, .section-contact button, .section-contact .button,
.section-contact .slider.fill,
.section-contact .intro,
.section-contact .block.pagination,
.section-contact .block.message .content,
.section-contact .slider.inner .button,
.section-contact .ui-tabs .ui-tab.active > a:after,
.section-contact button.border:hover,
.section-contact .button.border:hover,
.section-contact .block.contact input[type=button],
.section-contact .block.quote.has_background,
.section-contact .block.dropdown,
.section-contact .ui-tabs .ui-navigation a,
.section-contact .block.slidedown .ui-button,
.section-contact .submenu, .section-contact .submenu ul ul, .section-contact aside.dots.fixed span:after {
  background: #064371; }

.page-contact .ui-tabs .ui-tab.active > a, .section-contact .ui-tabs .ui-tab.active > a {
  background: #064371 !important; }

.page-contact button.background:hover,
.page-contact .button.background:hover,
.page-contact .block.number-grid h3,
.page-contact .slider.full .author,
.page-contact .block.article .content h2 small,
.page-contact .block.article-content h3,
.page-contact .block.contact h1, .page-contact .block.contact .p.heading,
.page-contact label, .page-contact input,
.page-contact .button.inverted:hover,
.page-contact .block.tastes strong,
.page-contact .block.ingredients .drop,
.page-contact .block.ingredients .ingredient:before,
.page-contact .block.ingredients .info .content,
.page-contact .block.ingredients .info .content p,
.page-contact .block.map .mode a,
.page-contact .ui-tabs .ui-indicator,
.page-contact .ui-tabs .ui-tab .ui-tab.active > a,
.page-contact .block.values .title,
.page-contact .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-contact .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-contact .slider.nova .content h2,
.page-contact .slider .ui-slide .image .btn-tooltip,
.page-contact .ui-map .ui-label, .section-contact button.background:hover,
.section-contact .button.background:hover,
.section-contact .block.number-grid h3,
.section-contact .slider.full .author,
.section-contact .block.article .content h2 small,
.section-contact .block.article-content h3,
.section-contact .block.contact h1, .section-contact .block.contact .p.heading,
.section-contact label, .section-contact input,
.section-contact .button.inverted:hover,
.section-contact .block.tastes strong,
.section-contact .block.ingredients .drop,
.section-contact .block.ingredients .ingredient:before,
.section-contact .block.ingredients .info .content,
.section-contact .block.ingredients .info .content p,
.section-contact .block.map .mode a,
.section-contact .ui-tabs .ui-indicator,
.section-contact .ui-tabs .ui-tab .ui-tab.active > a,
.section-contact .block.values .title,
.section-contact .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-contact .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-contact .slider.nova .content h2,
.section-contact .slider .ui-slide .image .btn-tooltip,
.section-contact .ui-map .ui-label {
  color: #064371; }

.page-contact input[type=text]::-webkit-input-placeholder,
.page-contact input[type=email]::-webkit-input-placeholder, .section-contact input[type=text]::-webkit-input-placeholder,
.section-contact input[type=email]::-webkit-input-placeholder {
  color: #064371; }

.page-contact input[type=text]:-moz-input-placeholder,
.page-contact input[type=email]:-moz-input-placeholder, .section-contact input[type=text]:-moz-input-placeholder,
.section-contact input[type=email]:-moz-input-placeholder {
  color: #064371; }

.page-contact input[type=text]::-moz-input-placeholder,
.page-contact input[type=email]::-moz-input-placeholder, .section-contact input[type=text]::-moz-input-placeholder,
.section-contact input[type=email]::-moz-input-placeholder {
  color: #064371; }

.page-contact input[type=text]:-ms-input-placeholder,
.page-contact input[type=email]:-ms-input-placeholder, .section-contact input[type=text]:-ms-input-placeholder,
.section-contact input[type=email]:-ms-input-placeholder {
  color: #064371; }

.page-contact .slider.full.half-size.inner .button.background:after,
.page-contact .slider.full.half-size.inner .button.background:before,
.page-contact .button.inverted:hover:after, .page-contact .button.inverted:hover:before, .section-contact .slider.full.half-size.inner .button.background:after,
.section-contact .slider.full.half-size.inner .button.background:before,
.section-contact .button.inverted:hover:after, .section-contact .button.inverted:hover:before {
  border-color: #064371; }

.page-contact .slider.nova, .page-contact .block.ingredients .info, .page-contact .block.inner-tabs > h1, .section-contact .slider.nova, .section-contact .block.ingredients .info, .section-contact .block.inner-tabs > h1 {
  background-color: #4dadf6; }

.page-contact .block.inner-tabs > h1, .section-contact .block.inner-tabs > h1 {
  background-color: #0c8bea; }

.page-contact .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-contact .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #0960a1; }

.page-contact .ui-tabs .ui-tab.active, .section-contact .ui-tabs .ui-tab.active {
  border-top-color: #010a10 !important; }

.page-contact .slider.timeline-vertical .ui-slider .content .inner:after, .section-contact .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: #7ec4f8; }

.page-contact .slider.timeline-vertical .ui-slider .content h2:before, .section-contact .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #4dadf6; }

.page-contact .slider.timeline-vertical .ui-slider .content h2:after, .section-contact .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #0b7cd2; }

.page-contact .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-contact .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #0b7cd2; }

.page-contact .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-contact .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-contact .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-contact .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #4dadf6; }

#subnav > div.locations {
  background: #064371; }

.page-locations .breadcrump > .links, .section-locations .breadcrump > .links {
  border-color: #064371; }

.page-locations button, .page-locations .button,
.page-locations .slider.fill,
.page-locations .intro,
.page-locations .block.pagination,
.page-locations .block.message .content,
.page-locations .slider.inner .button,
.page-locations .ui-tabs .ui-tab.active > a:after,
.page-locations button.border:hover,
.page-locations .button.border:hover,
.page-locations .block.contact input[type=button],
.page-locations .block.quote.has_background,
.page-locations .block.dropdown,
.page-locations .ui-tabs .ui-navigation a,
.page-locations .block.slidedown .ui-button,
.page-locations .submenu, .page-locations .submenu ul ul, .page-locations aside.dots.fixed span:after, .section-locations button, .section-locations .button,
.section-locations .slider.fill,
.section-locations .intro,
.section-locations .block.pagination,
.section-locations .block.message .content,
.section-locations .slider.inner .button,
.section-locations .ui-tabs .ui-tab.active > a:after,
.section-locations button.border:hover,
.section-locations .button.border:hover,
.section-locations .block.contact input[type=button],
.section-locations .block.quote.has_background,
.section-locations .block.dropdown,
.section-locations .ui-tabs .ui-navigation a,
.section-locations .block.slidedown .ui-button,
.section-locations .submenu, .section-locations .submenu ul ul, .section-locations aside.dots.fixed span:after {
  background: #064371; }

.page-locations .ui-tabs .ui-tab.active > a, .section-locations .ui-tabs .ui-tab.active > a {
  background: #064371 !important; }

.page-locations button.background:hover,
.page-locations .button.background:hover,
.page-locations .block.number-grid h3,
.page-locations .slider.full .author,
.page-locations .block.article .content h2 small,
.page-locations .block.article-content h3,
.page-locations .block.contact h1, .page-locations .block.contact .p.heading,
.page-locations label, .page-locations input,
.page-locations .button.inverted:hover,
.page-locations .block.tastes strong,
.page-locations .block.ingredients .drop,
.page-locations .block.ingredients .ingredient:before,
.page-locations .block.ingredients .info .content,
.page-locations .block.ingredients .info .content p,
.page-locations .block.map .mode a,
.page-locations .ui-tabs .ui-indicator,
.page-locations .ui-tabs .ui-tab .ui-tab.active > a,
.page-locations .block.values .title,
.page-locations .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-locations .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-locations .slider.nova .content h2,
.page-locations .slider .ui-slide .image .btn-tooltip,
.page-locations .ui-map .ui-label, .section-locations button.background:hover,
.section-locations .button.background:hover,
.section-locations .block.number-grid h3,
.section-locations .slider.full .author,
.section-locations .block.article .content h2 small,
.section-locations .block.article-content h3,
.section-locations .block.contact h1, .section-locations .block.contact .p.heading,
.section-locations label, .section-locations input,
.section-locations .button.inverted:hover,
.section-locations .block.tastes strong,
.section-locations .block.ingredients .drop,
.section-locations .block.ingredients .ingredient:before,
.section-locations .block.ingredients .info .content,
.section-locations .block.ingredients .info .content p,
.section-locations .block.map .mode a,
.section-locations .ui-tabs .ui-indicator,
.section-locations .ui-tabs .ui-tab .ui-tab.active > a,
.section-locations .block.values .title,
.section-locations .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-locations .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-locations .slider.nova .content h2,
.section-locations .slider .ui-slide .image .btn-tooltip,
.section-locations .ui-map .ui-label {
  color: #064371; }

.page-locations input[type=text]::-webkit-input-placeholder,
.page-locations input[type=email]::-webkit-input-placeholder, .section-locations input[type=text]::-webkit-input-placeholder,
.section-locations input[type=email]::-webkit-input-placeholder {
  color: #064371; }

.page-locations input[type=text]:-moz-input-placeholder,
.page-locations input[type=email]:-moz-input-placeholder, .section-locations input[type=text]:-moz-input-placeholder,
.section-locations input[type=email]:-moz-input-placeholder {
  color: #064371; }

.page-locations input[type=text]::-moz-input-placeholder,
.page-locations input[type=email]::-moz-input-placeholder, .section-locations input[type=text]::-moz-input-placeholder,
.section-locations input[type=email]::-moz-input-placeholder {
  color: #064371; }

.page-locations input[type=text]:-ms-input-placeholder,
.page-locations input[type=email]:-ms-input-placeholder, .section-locations input[type=text]:-ms-input-placeholder,
.section-locations input[type=email]:-ms-input-placeholder {
  color: #064371; }

.page-locations .slider.full.half-size.inner .button.background:after,
.page-locations .slider.full.half-size.inner .button.background:before,
.page-locations .button.inverted:hover:after, .page-locations .button.inverted:hover:before, .section-locations .slider.full.half-size.inner .button.background:after,
.section-locations .slider.full.half-size.inner .button.background:before,
.section-locations .button.inverted:hover:after, .section-locations .button.inverted:hover:before {
  border-color: #064371; }

.page-locations .slider.nova, .page-locations .block.ingredients .info, .page-locations .block.inner-tabs > h1, .section-locations .slider.nova, .section-locations .block.ingredients .info, .section-locations .block.inner-tabs > h1 {
  background-color: #4dadf6; }

.page-locations .block.inner-tabs > h1, .section-locations .block.inner-tabs > h1 {
  background-color: #0c8bea; }

.page-locations .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-locations .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #0960a1; }

.page-locations .ui-tabs .ui-tab.active, .section-locations .ui-tabs .ui-tab.active {
  border-top-color: #010a10 !important; }

.page-locations .slider.timeline-vertical .ui-slider .content .inner:after, .section-locations .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: #7ec4f8; }

.page-locations .slider.timeline-vertical .ui-slider .content h2:before, .section-locations .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #4dadf6; }

.page-locations .slider.timeline-vertical .ui-slider .content h2:after, .section-locations .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #0b7cd2; }

.page-locations .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-locations .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #0b7cd2; }

.page-locations .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-locations .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-locations .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-locations .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #4dadf6; }

#subnav > div.social {
  background: #72bcb6; }

.page-social .breadcrump > .links, .section-social .breadcrump > .links {
  border-color: #72bcb6; }

.page-social button, .page-social .button,
.page-social .slider.fill,
.page-social .intro,
.page-social .block.pagination,
.page-social .block.message .content,
.page-social .slider.inner .button,
.page-social .ui-tabs .ui-tab.active > a:after,
.page-social button.border:hover,
.page-social .button.border:hover,
.page-social .block.contact input[type=button],
.page-social .block.quote.has_background,
.page-social .block.dropdown,
.page-social .ui-tabs .ui-navigation a,
.page-social .block.slidedown .ui-button,
.page-social .submenu, .page-social .submenu ul ul, .page-social aside.dots.fixed span:after, .section-social button, .section-social .button,
.section-social .slider.fill,
.section-social .intro,
.section-social .block.pagination,
.section-social .block.message .content,
.section-social .slider.inner .button,
.section-social .ui-tabs .ui-tab.active > a:after,
.section-social button.border:hover,
.section-social .button.border:hover,
.section-social .block.contact input[type=button],
.section-social .block.quote.has_background,
.section-social .block.dropdown,
.section-social .ui-tabs .ui-navigation a,
.section-social .block.slidedown .ui-button,
.section-social .submenu, .section-social .submenu ul ul, .section-social aside.dots.fixed span:after {
  background: #72bcb6; }

.page-social .ui-tabs .ui-tab.active > a, .section-social .ui-tabs .ui-tab.active > a {
  background: #72bcb6 !important; }

.page-social button.background:hover,
.page-social .button.background:hover,
.page-social .block.number-grid h3,
.page-social .slider.full .author,
.page-social .block.article .content h2 small,
.page-social .block.article-content h3,
.page-social .block.contact h1, .page-social .block.contact .p.heading,
.page-social label, .page-social input,
.page-social .button.inverted:hover,
.page-social .block.tastes strong,
.page-social .block.ingredients .drop,
.page-social .block.ingredients .ingredient:before,
.page-social .block.ingredients .info .content,
.page-social .block.ingredients .info .content p,
.page-social .block.map .mode a,
.page-social .ui-tabs .ui-indicator,
.page-social .ui-tabs .ui-tab .ui-tab.active > a,
.page-social .block.values .title,
.page-social .slider.downloads .ui-slides .ui-slide > a > div:before,
.page-social .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.page-social .slider.nova .content h2,
.page-social .slider .ui-slide .image .btn-tooltip,
.page-social .ui-map .ui-label, .section-social button.background:hover,
.section-social .button.background:hover,
.section-social .block.number-grid h3,
.section-social .slider.full .author,
.section-social .block.article .content h2 small,
.section-social .block.article-content h3,
.section-social .block.contact h1, .section-social .block.contact .p.heading,
.section-social label, .section-social input,
.section-social .button.inverted:hover,
.section-social .block.tastes strong,
.section-social .block.ingredients .drop,
.section-social .block.ingredients .ingredient:before,
.section-social .block.ingredients .info .content,
.section-social .block.ingredients .info .content p,
.section-social .block.map .mode a,
.section-social .ui-tabs .ui-indicator,
.section-social .ui-tabs .ui-tab .ui-tab.active > a,
.section-social .block.values .title,
.section-social .slider.downloads .ui-slides .ui-slide > a > div:before,
.section-social .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a,
.section-social .slider.nova .content h2,
.section-social .slider .ui-slide .image .btn-tooltip,
.section-social .ui-map .ui-label {
  color: #72bcb6; }

.page-social input[type=text]::-webkit-input-placeholder,
.page-social input[type=email]::-webkit-input-placeholder, .section-social input[type=text]::-webkit-input-placeholder,
.section-social input[type=email]::-webkit-input-placeholder {
  color: #72bcb6; }

.page-social input[type=text]:-moz-input-placeholder,
.page-social input[type=email]:-moz-input-placeholder, .section-social input[type=text]:-moz-input-placeholder,
.section-social input[type=email]:-moz-input-placeholder {
  color: #72bcb6; }

.page-social input[type=text]::-moz-input-placeholder,
.page-social input[type=email]::-moz-input-placeholder, .section-social input[type=text]::-moz-input-placeholder,
.section-social input[type=email]::-moz-input-placeholder {
  color: #72bcb6; }

.page-social input[type=text]:-ms-input-placeholder,
.page-social input[type=email]:-ms-input-placeholder, .section-social input[type=text]:-ms-input-placeholder,
.section-social input[type=email]:-ms-input-placeholder {
  color: #72bcb6; }

.page-social .slider.full.half-size.inner .button.background:after,
.page-social .slider.full.half-size.inner .button.background:before,
.page-social .button.inverted:hover:after, .page-social .button.inverted:hover:before, .section-social .slider.full.half-size.inner .button.background:after,
.section-social .slider.full.half-size.inner .button.background:before,
.section-social .button.inverted:hover:after, .section-social .button.inverted:hover:before {
  border-color: #72bcb6; }

.page-social .slider.nova, .page-social .block.ingredients .info, .page-social .block.inner-tabs > h1, .section-social .slider.nova, .section-social .block.ingredients .info, .section-social .block.inner-tabs > h1 {
  background-color: #fcfefe; }

.page-social .block.inner-tabs > h1, .section-social .block.inner-tabs > h1 {
  background-color: #c8e5e3; }

.page-social .block.inner-tabs .ui-tabs.level-1 .ui-content, .section-social .block.inner-tabs .ui-tabs.level-1 .ui-content {
  background-color: #95ccc8; }

.page-social .ui-tabs .ui-tab.active, .section-social .ui-tabs .ui-tab.active {
  border-top-color: #408882 !important; }

.page-social .slider.timeline-vertical .ui-slider .content .inner:after, .section-social .slider.timeline-vertical .ui-slider .content .inner:after {
  background-color: white; }

.page-social .slider.timeline-vertical .ui-slider .content h2:before, .section-social .slider.timeline-vertical .ui-slider .content h2:before {
  background-color: #fcfefe; }

.page-social .slider.timeline-vertical .ui-slider .content h2:after, .section-social .slider.timeline-vertical .ui-slider .content h2:after {
  background-color: #b7ddda; }

.page-social .slider.timeline-vertical .ui-slider .content .ui-pagination a:before, .section-social .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
  background-color: #b7ddda; }

.page-social .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.page-social .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before, .section-social .slider.timeline-vertical .ui-slider .content .ui-pagination a.active:before,
.section-social .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover:before {
  background-color: #fcfefe; }

.count-1 > * {
  width: 100% !important; }

.count-2 > * {
  width: 50% !important; }

.count-3 > * {
  width: 33.33% !important; }

.count-4 > * {
  width: 25% !important; }

.count-5 > * {
  width: 20% !important; }

.count-6 > * {
  width: 16.66% !important; }

.count-7 > * {
  width: 14.28% !important; }

.count-8 > * {
  width: 12.5% !important; }

.count-9 > * {
  width: 11.11% !important; }

.count-10 > * {
  width: 10% !important; }

@font-face {
  font-family: "DINPro";
  src: url("../fonts/DINPro-Italic.eot");
  src: url("../fonts/DINPro-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Italic.woff") format("woff"), url("../fonts/DINPro-Italic.ttf") format("truetype"), url("../fonts/DINPro-Italic.svg#DINPro-Italic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "DINPro";
  src: url("../fonts/DINPro-BoldItalic.eot");
  src: url("../fonts/DINPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-BoldItalic.woff") format("woff"), url("../fonts/DINPro-BoldItalic.ttf") format("truetype"), url("../fonts/DINPro-BoldItalic.svg#DINPro-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "DINPro";
  src: url("../fonts/DINPro-Bold.eot");
  src: url("../fonts/DINPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Bold.woff") format("woff"), url("../fonts/DINPro-Bold.ttf") format("truetype"), url("../fonts/DINPro-Bold.svg#DINPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "DINPro";
  src: url("../fonts/DINPro.eot");
  src: url("../fonts/DINPro.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro.woff") format("woff"), url("../fonts/DINPro.ttf") format("truetype"), url("../fonts/DINPro.svg#DINPro") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "DINPro";
  src: url("../fonts/DINPro-Medium.eot");
  src: url("../fonts/DINPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Medium.woff") format("woff"), url("../fonts/DINPro-Medium.ttf") format("truetype"), url("../fonts/DINPro-Medium.svg#DINPro-Medium") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "DINPro";
  src: url("../fonts/DINPro-MediumItalic.eot");
  src: url("../fonts/DINPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-MediumItalic.woff") format("woff"), url("../fonts/DINPro-MediumItalic.ttf") format("truetype"), url("../fonts/DINPro-MediumItalic.svg#DINPro-MediumItalic") format("svg");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Source";
  src: url("../fonts/SourceSansPro-It.eot");
  src: url("../fonts/SourceSansPro-It.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSansPro-It.woff") format("woff"), url("../fonts/SourceSansPro-It.ttf") format("truetype"), url("../fonts/SourceSansPro-It.svg#SourceSansPro-It") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Source";
  src: url("../fonts/SourceSansPro-BoldIt.eot");
  src: url("../fonts/SourceSansPro-BoldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSansPro-BoldIt.woff") format("woff"), url("../fonts/SourceSansPro-BoldIt.ttf") format("truetype"), url("../fonts/SourceSansPro-BoldIt.svg#SourceSansPro-BoldIt") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "Source";
  src: url("../fonts/SourceSansPro-Bold.eot");
  src: url("../fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSansPro-Bold.woff") format("woff"), url("../fonts/SourceSansPro-Bold.ttf") format("truetype"), url("../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Source";
  src: url("../fonts/SourceSansPro-Regular.eot");
  src: url("../fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSansPro-Regular.woff") format("woff"), url("../fonts/SourceSansPro-Regular.ttf") format("truetype"), url("../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "icons";
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Load SVG for Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "DINPro";
    src: url("../fonts/DINPro-Italic.svg#DINPro-Italic") format("svg");
    font-weight: normal;
    font-style: italic; }
  @font-face {
    font-family: "DINPro";
    src: url("../fonts/DINPro-BoldItalic.svg#DINPro-BoldItalic") format("svg");
    font-weight: bold;
    font-style: italic; }
  @font-face {
    font-family: "DINPro";
    src: url("../fonts/DINPro-Bold.svg#DINPro-Bold") format("svg");
    font-weight: bold;
    font-style: normal; }
  @font-face {
    font-family: "DINPro";
    src: url("../fonts/DINPro.svg#DINPro") format("svg");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: "DINPro";
    src: url("../fonts/DINPro-Medium.svg#DINPro-Medium") format("svg");
    font-weight: 600;
    font-style: normal; }
  @font-face {
    font-family: "DINPro";
    src: url("../fonts/DINPro-MediumItalic.svg#DINPro-MediumItalic") format("svg");
    font-weight: 600;
    font-style: italic; }
  @font-face {
    font-family: "Source";
    src: url("../fonts/SourceSansPro-It.svg#SourceSansPro-It") format("svg");
    font-weight: normal;
    font-style: italic; }
  @font-face {
    font-family: "Source";
    src: url("../fonts/SourceSansPro-BoldIt.svg#SourceSansPro-BoldIt") format("svg");
    font-weight: bold;
    font-style: italic; }
  @font-face {
    font-family: "Source";
    src: url("../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold") format("svg");
    font-weight: bold;
    font-style: normal; }
  @font-face {
    font-family: "Source";
    src: url("../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: "icons";
    src: url("../fonts/icons.svg#icons") format("svg");
    font-weight: normal;
    font-style: normal; } }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  font-size: 10px; }

body, html {
  height: 100%; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: none; }

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

sup {
  font-size: 0.7em;
  vertical-align: top; }

sub {
  font-size: 0.7em;
  vertical-align: bottom;
  position: relative;
  bottom: -0.15em; }

a {
  cursor: pointer; }

a.basic {
  text-decoration: underline; }
  a.basic:hover {
    opacity: .9; }

body.menu_open2 {
  width: 100%;
  overflow: hidden; }

.page {
  height: 100%; }

.cover {
  overflow: hidden;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  background: #fff; }

.cover > * {
  position: relative;
  width: 100%;
  height: auto;
  opacity: 0; }

.cover.initialised {
  background: transparent; }

.cover.initialised > * {
  opacity: 1; }

.table {
  display: table;
  height: 100%;
  width: 100%; }
  .table .td {
    display: table-cell;
    vertical-align: middle; }

.nowrap {
  white-space: nowrap; }
  .nowrap > * {
    white-space: normal; }

.clearfix:after, .breadcrump:after, .slider.nova:after, .block.article-content .container .content:after, .block.tastes .container .ui-tabs:after, .block.ingredients .info .inner:after, .block.posts .post:after, .page-ingredients_catalog .view.full-list .cols:after, .blocks:after, .slider:after, .ui-tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

.blocks, .slider {
  clear: both; }

.block + .slider {
  clear: none; }

.page > .blocks {
  float: left;
  width: 100%; }

.blocks + .blocks, .blocks + .slider, .block + .slider, .slider + .slider, .slider + .blocks, .block + .blocks, .block + .block.quote,
a + .blocks, a + .block, a + .slider, .page > .back-to-top {
  margin-top: 2px; }

.blocks.slidedowns + .blocks.slidedowns {
  margin-top: 0; }

@media only screen and (min-width: 768px) {
  aside ~ .blocks, aside ~ .block.map, aside ~ .block.XL, aside ~ .block.ingredients, aside ~ .block.title, aside ~ .component.dates,
  aside ~ .block.posts, aside ~ .block.article-content, aside ~ .slider, aside ~ .block.intro, aside ~ footer {
    width: 80% !important; } }

aside ~ .submenu {
  display: none; }

.p ul {
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 1em; }
  .p ul li {
    margin-top: .5em; }

.has-overlay:after {
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/colors/grdt-black.png") no-repeat center bottom;
  background-size: 100% 100%; }

.has-overlay-black-75:after {
  opacity: .75; }

.has-overlay-black-50:after {
  opacity: .50; }

.has-overlay-black-25:after {
  opacity: .25; }

/* 
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    border-radius: 0px;
    background: rgba(0,0,0,0.3);
}
 
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0,0,0,0.3);
} */
body {
  font-family: Source, Arial, sans-serif; }

h1, h2, h3, h4 {
  font-weight: bold;
  font-family: DINPro, Arial, sans-serif; }
  h1 a, h2 a, h3 a, h4 a {
    font-weight: inherit; }

p {
  line-height: 120%;
  color: #242424; }

p img {
  margin: 0; }

.p {
  line-height: 120%;
  color: #242424; }

.p img {
  margin: 0; }

em, i {
  font-style: italic; }

strong, b {
  font-weight: bold; }

blockquote, blockquote p {
  font-size: 170%;
  line-height: 1.2em;
  color: #777;
  font-style: italic; }

blockquote {
  margin: 0 0 2em;
  padding: 1em 2em 0 2em;
  border-left: 1px solid #ddd; }

blockquote cite {
  display: block;
  font-size: 120%;
  color: #555; }

blockquote cite:before {
  content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
  color: #555; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1em 0 3em;
  height: 0; }

a, a:visited {
  color: inherit;
  text-decoration: none;
  outline: 0; }

button, .button, a.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-family: Source, Arial, sans-serif;
  font-weight: bold;
  background: #064371;
  color: #fff;
  border: 0;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.8em 1.5em;
  cursor: pointer;
  line-height: 1em;
  text-align: center;
  font-size: 1.3em; }
  button.border, .button.border, a.button.border,
  input[type="submit"].border,
  input[type="reset"].border,
  input[type="button"].border {
    margin-top: 2.5em;
    background: transparent; }
    button.border:after, button.border:before, .button.border:after, .button.border:before, a.button.border:after,
    a.button.border:before,
    input[type="submit"].border:after,
    input[type="submit"].border:before,
    input[type="reset"].border:after,
    input[type="reset"].border:before,
    input[type="button"].border:after, input[type="button"].border:before {
      width: 100%;
      height: 100%;
      opacity: 1; }
  button.with-arrow span:after, .button.with-arrow span:after, a.button.with-arrow span:after,
  input[type="submit"].with-arrow span:after,
  input[type="reset"].with-arrow span:after,
  input[type="button"].with-arrow span:after {
    content: 'c';
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;
    font-family: icons;
    text-transform: lowercase; }
  button.blue, .button.blue, a.button.blue,
  input[type="submit"].blue,
  input[type="reset"].blue,
  input[type="button"].blue {
    background: #064371; }
  button.inverted:hover:after, button.inverted:hover:before, .button.inverted:hover:after, .button.inverted:hover:before, a.button.inverted:hover:after,
  a.button.inverted:hover:before,
  input[type="submit"].inverted:hover:after,
  input[type="submit"].inverted:hover:before,
  input[type="reset"].inverted:hover:after,
  input[type="reset"].inverted:hover:before,
  input[type="button"].inverted:hover:after, input[type="button"].inverted:hover:before {
    opacity: 1;
    width: 100%;
    height: 100%; }

button:hover, .button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  /*TODO*/ }

button:active, .button:active
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  /*TODO*/ }

button.full-width, .button.full-width
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; }

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

.btn-tooltip-image {
  position: absolute;
  bottom: .3em;
  right: .3em;
  font-size: 3em; }

.tooltiptext {
  display: none; }

.tooltip-default {
  border: none;
  background: rgba(0, 0, 0, 0.5);
  font-size: 1.6em;
  padding: .5em; }

.tooltip-default .qtip-content p {
  margin-top: .5em;
  color: #FFF;
  line-height: normal; }

.ui-slider {
  height: 100%;
  position: relative; }
  .ui-slider .ui-slides {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative; }
  .ui-slider .ui-slide {
    z-index: 1;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
  .ui-slider .ui-slide.active {
    z-index: 6; }
  .ui-slider .ui-pagination {
    position: absolute;
    width: 80%;
    bottom: 0;
    margin-left: 10%;
    text-align: center;
    z-index: 7; }
    .ui-slider .ui-pagination .ui-scroll {
      position: relative; }
    .ui-slider .ui-pagination a {
      display: inline-block;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      margin: 10px 2px;
      border: 1px solid #fff;
      cursor: pointer; }
      .ui-slider .ui-pagination a:hover, .ui-slider .ui-pagination a.active {
        background: #fff; }
  .ui-slider .ui-arrows {
    z-index: 7; }
    .ui-slider .ui-arrows .ui-arrow {
      cursor: pointer;
      z-index: 7;
      position: relative; }
      .ui-slider .ui-arrows .ui-arrow:hover {
        opacity: 0.6; }
  .ui-slider .ui-show-slide {
    cursor: pointer; }
  .ui-slider .ui-arrows {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #fff; }
    .ui-slider .ui-arrows > * {
      display: inline-block;
      vertical-align: middle; }
    .ui-slider .ui-arrows .ui-arrow.left:after {
      text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
      font-size: 6em;
      color: inherit; }
    .ui-slider .ui-arrows .ui-arrow.right:after {
      text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
      font-size: 6em;
      color: inherit; }
    .ui-slider .ui-arrows .separator {
      width: 2px;
      height: 100%;
      background: #fff; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      .ui-slider .ui-arrows .separator {
        margin-top: -1em; } }

.ui-tabs {
  width: 100%;
  position: relative; }
  .ui-tabs .ui-navigation {
    position: absolute;
    left: 0;
    width: 100% !important;
    height: 2px;
    z-index: 1;
    bottom: 3em; }
    .ui-tabs .ui-navigation a {
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: 4px solid #fff;
      position: absolute;
      top: -9px;
      margin-left: -9px;
      z-index: 1;
      -webkit-transition: left 0.3s;
              transition: left 0.3s; }
    .ui-tabs .ui-navigation:after {
      content: '';
      position: absolute;
      left: 5%;
      width: 90%;
      margin: 0;
      border: 1px solid #ebebeb;
      z-index: 0; }
  .ui-tabs .ui-indicator {
    position: absolute;
    top: 100%;
    margin-top: -1px;
    margin-left: -0.5em;
    font-family: icons;
    width: auto !important;
    font-size: 2em; }
  .ui-tabs .ui-content {
    display: none; }
  .ui-tabs .ui-tab {
    float: left;
    border-top: 2px solid #e3e3e3;
    box-sizing: border-box; }
    .ui-tabs .ui-tab > a {
      text-align: center;
      display: block;
      color: #b0b0b0;
      text-transform: uppercase;
      font-family: DINPro, Arial, sans-serif;
      font-size: 2.1em;
      font-weight: bold;
      padding: 0 10%;
      cursor: pointer;
      background: #f0f0f0;
      border-right: 1px solid #fff;
      -webkit-transition: color 0.3s;
              transition: color 0.3s; }
      .ui-tabs .ui-tab > a:hover {
        color: #636363; }
    .ui-tabs .ui-tab.active > a {
      color: #fff; }
    .ui-tabs .ui-tab .ui-indicator {
      background-image: url("../images/ui/arrows/fill-up-grey@2x.png");
      bottom: -3px;
      top: auto; }
    .ui-tabs .ui-tab .ui-tab {
      border-top: 0; }
      .ui-tabs .ui-tab .ui-tab > a {
        background: none;
        text-transform: none;
        font-weight: 600;
        padding: 2em 10%;
        margin-bottom: 1em;
        border-left: 0; }
      .ui-tabs .ui-tab .ui-tab.active > a {
        font-weight: bold; }

.ui-more .ui-more-content {
  display: none; }

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[data-icon-after]:after {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-after-"]:after,
[class*=" icon-after-"]:after {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-n-1:before {
  content: "a"; }

.icon-n-2:before {
  content: "b"; }

.icon-n-3:before {
  content: "c"; }

.icon-n-4:before {
  content: "d"; }

.icon-arrow-back:before {
  content: "e"; }

.icon-arrow-down:before {
  content: "f"; }

.icon-arrow-up:before {
  content: "g"; }

.icon-arrow-right:before {
  content: "h"; }

/* @see _responsive.scss l 348 */
.icon-arrow-left:before {
  content: "i"; }

/* @see _responsive.scss l 347 */
.icon-award:before {
  content: "j"; }

.icon-book:before {
  content: "k"; }

.icon-cadenas:before {
  content: "l"; }

.icon-canada:before {
  content: "m"; }

.icon-download-cloud:before {
  content: "n"; }

.icon-cross:before {
  content: "o"; }

.icon-mail:before {
  content: "p"; }

.icon-conduct:before {
  content: "q"; }

.icon-company:before {
  content: "r"; }

.icon-citrus:before {
  content: "s"; }

.icon-chef:before {
  content: "t"; }

.icon-catalogue-perfumery:before {
  content: "u"; }

.icon-catalogue-flavors:before {
  content: "v"; }

.icon-catalogue-flavor-2:before {
  content: "w"; }

.icon-catalog-perfumery-2:before {
  content: "x"; }

.icon-captarome:before {
  content: "y"; }

.icon-download-cloud-plain:before {
  content: "z"; }

.icon-facebook:before {
  content: "A"; }

.icon-career:before {
  content: "B"; }

.icon-factory-1:before {
  content: "C"; }

.icon-factory-2:before {
  content: "D"; }

.icon-factory-3:before {
  content: "E"; }

.icon-fish:before {
  content: "F"; }

.icon-flavors:before {
  content: "G"; }

.icon-fundamentals:before {
  content: "H"; }

.icon-governance:before {
  content: "I"; }

.icon-hedione:before {
  content: "J"; }

.icon-heritage:before {
  content: "K"; }

.icon-hi:before {
  content: "L"; }

.icon-microscope:before {
  content: "M"; }

.icon-microscope-1:before {
  content: "N"; }

.icon-microscope-2:before {
  content: "O"; }

.icon-management:before {
  content: "P"; }

.icon-magnifier:before {
  content: "Q"; }

.icon-logo:before {
  content: "R"; }

.icon-locations:before {
  content: "S"; }

.icon-flame:before {
  content: "T"; }

.icon-list:before {
  content: "U"; }

.icon-linkedin:before {
  content: "V"; }

.icon-ingredients:before {
  content: "W"; }

.icon-info:before {
  content: "X"; }

.icon-idea:before {
  content: "Y"; }

.icon-home:before {
  content: "Z"; }

.icon-olfactive-family:before {
  content: "0"; }

.icon-perfumery:before {
  content: "1"; }

.icon-pig:before {
  content: "2"; }

.icon-pin:before {
  content: "3"; }

.icon-play:before {
  content: "4"; }

.icon-plus:before {
  content: "5"; }

.icon-pointer:before, .ui-tabs .ui-indicator:before, .ui-map .ui-label:before {
  content: "6"; }

.icon-presentation:before {
  content: "7"; }

.icon-quote-end:before {
  content: "8"; }

.icon-quote-start:before {
  content: "9"; }

.icon-research:before {
  content: "!"; }

.icon-seafood:before {
  content: "\""; }

.icon-si1:before {
  content: "#"; }

.icon-volume-off:before {
  content: "$"; }

.icon-vanilla-2:before {
  content: "%"; }

.icon-vanilla:before {
  content: "&"; }

.icon-usa:before {
  content: "'"; }

.icon-twitter:before {
  content: "("; }

.icon-arrow-circle-up:before {
  content: ")"; }

.icon-timer:before {
  content: "*"; }

.icon-sustainability:before {
  content: "+"; }

.icon-sustainabilityv2:before {
  content: "+"; }

.icon-spirit:before {
  content: ","; }

.icon-snowflake-01:before {
  content: "-"; }

.icon-smile:before {
  content: "."; }

.icon-si3:before {
  content: "/"; }

.icon-si2:before {
  content: ":"; }

.icon-volume-on:before {
  content: ";"; }

.icon-water:before {
  content: "<"; }

.icon-water-drop:before {
  content: "="; }

.icon-sharing-inno-2012:before {
  content: ">"; }

.icon-sharing-inno-2013:before {
  content: "?"; }

.icon-sharing-inno-2014:before {
  content: "@"; }

.icon-sharing-inno-2015:before {
  content: "["; }

.icon-sharing-inno-2011:before {
  content: "]"; }

.icon-instagram:before {
  content: "^"; }

.icon-after-n-1:after {
  content: "a"; }

.icon-after-n-2:after {
  content: "b"; }

.icon-after-n-3:after {
  content: "c"; }

.icon-after-n-4:after {
  content: "d"; }

.icon-after-arrow-back:after {
  content: "e"; }

.icon-after-arrow-down:after, .page-ingredients_catalog .view.full-list .cols .col.right table th.sort-active.sort-desc:after {
  content: "f"; }

.icon-after-arrow-up:after, .page-ingredients_catalog .view.full-list .cols .col.right table th.sort-active.sort-asc:after {
  content: "g"; }

.icon-after-arrow-right:after {
  content: "h"; }

.icon-after-arrow-left:after {
  content: "i"; }

.icon-after-award:after {
  content: "j"; }

.icon-after-book:after {
  content: "k"; }

.icon-after-cadenas:after {
  content: "l"; }

.icon-after-canada:after {
  content: "m"; }

.icon-after-download-cloud:after {
  content: "n"; }

.icon-after-cross:after {
  content: "o"; }

.icon-after-mail:after {
  content: "p"; }

.icon-after-conduct:after {
  content: "q"; }

.icon-after-company:after {
  content: "r"; }

.icon-after-citrus:after {
  content: "s"; }

.icon-after-chef:after {
  content: "t"; }

.icon-after-catalogue-perfumery:after {
  content: "u"; }

.icon-after-catalogue-flavors:after {
  content: "v"; }

.icon-after-catalogue-flavor-2:after {
  content: "w"; }

.icon-after-catalog-perfumery-2:after {
  content: "x"; }

.icon-after-captarome:after {
  content: "y"; }

.icon-after-download-cloud-plain:after {
  content: "z"; }

.icon-after-facebook:after {
  content: "A"; }

.icon-after-career:after {
  content: "B"; }

.icon-after-factory-1:after {
  content: "C"; }

.icon-after-factory-2:after {
  content: "D"; }

.icon-after-factory-3:after {
  content: "E"; }

.icon-after-fish:after {
  content: "F"; }

.icon-after-flavors:after {
  content: "G"; }

.icon-after-fundamentals:after {
  content: "H"; }

.icon-after-governance:after {
  content: "I"; }

.icon-after-hedione:after {
  content: "J"; }

.icon-after-heritage:after {
  content: "K"; }

.icon-after-hi:after {
  content: "L"; }

.icon-after-microscope:after {
  content: "M"; }

.icon-after-microscope-1:after {
  content: "N"; }

.icon-after-microscope-2:after {
  content: "O"; }

.icon-after-management:after {
  content: "P"; }

.icon-after-magnifier:after {
  content: "Q"; }

.icon-after-logo:after {
  content: "R"; }

.icon-after-locations:after {
  content: "S"; }

.icon-after-flame:after {
  content: "T"; }

.icon-after-list:after {
  content: "U"; }

.icon-after-linkedin:after {
  content: "V"; }

.icon-after-ingredients:after {
  content: "W"; }

.icon-after-info:after {
  content: "X"; }

.icon-after-idea:after {
  content: "Y"; }

.icon-after-home:after {
  content: "Z"; }

.icon-after-olfactive-family:after {
  content: "0"; }

.icon-after-perfumery:after {
  content: "1"; }

.icon-after-pig:after {
  content: "2"; }

.icon-after-pin:after {
  content: "3"; }

.icon-after-play:after {
  content: "4"; }

.icon-after-plus:after {
  content: "5"; }

.icon-after-pointer:after {
  content: "6"; }

.icon-after-presentation:after {
  content: "7"; }

.icon-after-quote-end:after {
  content: "8"; }

.icon-after-quote-start:after {
  content: "9"; }

.icon-after-research:after {
  content: "!"; }

.icon-after-seafood:after {
  content: "\""; }

.icon-after-si1:after {
  content: "#"; }

.icon-after-volume-off:after {
  content: "$"; }

.icon-after-vanilla-2:after {
  content: "%"; }

.icon-after-vanilla:after {
  content: "&"; }

.icon-after-usa:after {
  content: "'"; }

.icon-after-twitter:after {
  content: "("; }

.icon-after-arrow-circle-up:after {
  content: ")"; }

.icon-after-timer:after {
  content: "*"; }

.icon-after-sustainability:after {
  content: "+"; }

.icon-after-sustainabilityv2:after {
  content: "+"; }

.icon-after-spirit:after {
  content: ","; }

.icon-after-snowflake-01:after {
  content: "-"; }

.icon-after-smile:after {
  content: "."; }

.icon-after-si3:after {
  content: "/"; }

.icon-after-si2:after {
  content: ":"; }

.icon-after-volume-on:after {
  content: ";"; }

.icon-after-water:after {
  content: "<"; }

.icon-after-water-drop:after {
  content: "="; }

.icon-after-sharing-inno-2012:after {
  content: ">"; }

.icon-after-sharing-inno-2013:after {
  content: "?"; }

.icon-after-sharing-inno-2014:after {
  content: "@"; }

.icon-after-sharing-inno-2015:after {
  content: "["; }

.icon-after-sharing-inno-2011:after {
  content: "]"; }

.ui-map .ui-label {
  background: #fff;
  width: 450px;
  box-sizing: border-box;
  height: 190px;
  font-size: 1.3em; }
  .ui-map .ui-label:before {
    color: #fff;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -0.5em;
    font-size: 1em;
    font-family: icons; }
  .ui-map .ui-label img {
    height: 100%;
    width: auto;
    float: left;
    margin-right: 20px; }
  .ui-map .ui-label > div {
    padding: 30px 20px;
    padding-right: 40px; }
    .ui-map .ui-label > div h4 {
      font-size: .9em;
      font-weight: normal;
      color: #666; }
    .ui-map .ui-label > div p {
      font-size: .9em;
      margin-top: .5em; }
  .ui-map .ui-label .button {
    font-size: .8em;
    margin-top: 1em; }
  .ui-map .ui-label a.icon {
    font-size: 35px;
    color: #ccc;
    position: absolute;
    right: 4px;
    bottom: 4px; }
  .ui-map .ui-label a.ui-close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 10px; }
    .ui-map .ui-label a.ui-close:after, .ui-map .ui-label a.ui-close:before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 2px;
      content: '';
      background: #999; }
    .ui-map .ui-label a.ui-close:after {
      -webkit-transform: rotate(45deg) translateX(-0.5px);
          -ms-transform: rotate(45deg) translateX(-0.5px);
              transform: rotate(45deg) translateX(-0.5px); }
    .ui-map .ui-label a.ui-close:before {
      -webkit-transform: rotate(-45deg) translateX(0.5px);
          -ms-transform: rotate(-45deg) translateX(0.5px);
              transform: rotate(-45deg) translateX(0.5px); }

header {
  width: 100%;
  top: 0;
  left: 0;
  color: #fff;
  position: fixed;
  z-index: 400; }
  header .contain {
    padding: 2em 0;
    margin-bottom: 4px;
    background: rgba(0, 0, 0, 0.5);
    height: 28px; }
  header .logo, header nav {
    width: 100%;
    text-align: center;
    margin-top: 1.8em; }
  header .map {
    width: 100%;
    height: 50em;
    top: -50em;
    position: absolute; }
    header .map .heading {
      display: none; }
    header .map .ui-map {
      margin-top: 0;
      height: 100%;
      width: 100%;
      top: 0;
      background: url("../images/ui/loader-google.gif") no-repeat center #e5e3df; }
      header .map .ui-map .ui-gmap {
        height: 100%; }
    header .map .close {
      position: absolute;
      z-index: 100;
      font-size: 3em;
      top: 1em;
      right: 1em;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
      color: #064371; }
  header .menu {
    position: absolute;
    width: 15px;
    left: 0;
    top: 9px;
    padding: 15px;
    display: none; }
    header .menu span, header .menu span:before, header .menu span:after {
      background: #064371;
      height: 2px;
      border-radius: 3px;
      display: block;
      width: 100%;
      content: ''; }
    header .menu span:before {
      position: relative;
      top: -4px; }
    header .menu span:after {
      position: relative;
      bottom: -2px; }
  header nav {
    font-size: 1.9em;
    text-transform: uppercase; }
    header nav li {
      margin: 0 0.45em;
      display: inline-block;
      position: relative; }
      header nav li:first-child {
        margin-left: 0; }
      header nav li:last-child {
        margin-right: 0; }
      header nav li:before, header nav li:after {
        content: '_';
        position: absolute;
        left: 0;
        -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: 0;
            -ms-transform-origin: 0;
                transform-origin: 0; }
      header nav li:before {
        bottom: 117%; }
      header nav li:after {
        bottom: -3px; }
      header nav li.active:before, header nav li.active:after, header nav li:hover:before, header nav li:hover:after {
        -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
                transform: scaleX(1); }
      header nav li.active {
        font-weight: bold; }
      header nav li > span {
        display: none;
        float: right;
        font-size: 1.2em; }
  header .logo {
    float: left;
    width: auto;
    margin-top: 0;
    margin-left: 4.5em; }
    header .logo img {
      height: 26px;
      width: auto; }
  header nav {
    float: left;
    width: auto;
    margin-top: 7px;
    font-size: 1.5em;
    margin-left: 4em; }
    header nav > .heading {
      display: none;
      height: 3.3em;
      font-size: 1.2em;
      text-align: left;
      margin-left: 1.5em; }
      header nav > .heading > * {
        display: inline-block;
        margin-top: .8em;
        margin-right: 3em; }
        header nav > .heading > *:last-child {
          margin-right: 0; }
        header nav > .heading > * > span {
          font-size: 1.5em; }
  header #subnav {
    display: none; }
    header #subnav .heading {
      background: rgba(0, 0, 0, 0.2);
      padding: 2px 0; }
      header #subnav .heading > div {
        display: block;
        line-height: 3.3em;
        float: left;
        text-transform: uppercase;
        font-size: 1.2em; }
        header #subnav .heading > div.back {
          width: 3.3em;
          text-align: center;
          border-right: 1px solid #FFF; }
        header #subnav .heading > div.title {
          padding-left: 1.5em; }
  header .toolbox {
    position: absolute;
    right: 3.75em;
    top: 2em;
    font-size: 1.2em; }
    header .toolbox > div, header .toolbox .quick-links {
      display: inline-block;
      vertical-align: middle; }
    header .toolbox
.search {
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      header .toolbox
.search:before {
        vertical-align: middle; }
      header .toolbox
.search:after {
        margin-left: 1em;
        background-color: #fff;
        width: 1px;
        height: 13px;
        content: '';
        display: inline-block;
        vertical-align: middle; }
      header .toolbox
.search form {
        position: absolute;
        left: 3.5em;
        right: 0;
        margin: 0;
        top: 2px;
        display: none;
        z-index: 1; }
      header .toolbox
.search input[type=text] {
        width: 100%;
        padding: 0;
        background: transparent;
        border: 0;
        border-bottom: 1px solid #fff;
        color: #fff;
        text-transform: uppercase;
        font-family: Source, Arial, sans-serif;
        outline: none; }
        header .toolbox
.search input[type=text]:focus {
          box-shadow: none; }
    header .toolbox .quick-links {
      margin: 0 0.5em;
      text-transform: uppercase;
      font-size: 1.1em; }
      header .toolbox .quick-links a {
        margin: 0 0.5em; }
    header .toolbox .social a {
      margin-left: 0.5em;
      font-size: 16px;
      display: inline-block; }

@media only screen and (min-width: 768px) {
  body.page-homepage:not(.fixed-menu) header, body.section-homepage:not(.fixed-menu) header {
    padding-top: 3em;
    position: absolute; }
    body.page-homepage:not(.fixed-menu) header .contain, body.section-homepage:not(.fixed-menu) header .contain {
      background: transparent;
      height: auto; }
    body.page-homepage:not(.fixed-menu) header .logo, body.section-homepage:not(.fixed-menu) header .logo {
      float: none;
      width: 100%;
      margin-top: 1.8em;
      margin-left: 0; }
      body.page-homepage:not(.fixed-menu) header .logo img, body.section-homepage:not(.fixed-menu) header .logo img {
        height: 5.2em; }
    body.page-homepage:not(.fixed-menu) header nav, body.section-homepage:not(.fixed-menu) header nav {
      float: none;
      width: 100%;
      margin-top: 1.8em;
      font-size: 1.9em;
      margin-left: 0; }
    body.page-homepage:not(.fixed-menu) header .toolbox, body.section-homepage:not(.fixed-menu) header .toolbox {
      top: 3em; }
  body.page-homepage:not(.fixed-menu).header-map-open header, body.section-homepage:not(.fixed-menu).header-map-open header {
    padding-top: 0; }
    body.page-homepage:not(.fixed-menu).header-map-open header .contain, body.section-homepage:not(.fixed-menu).header-map-open header .contain {
      background: rgba(0, 0, 0, 0.5); } }

body.menu_open2 header .menu {
  left: auto;
  right: 1em; }
  body.menu_open2 header .menu span {
    background: transparent; }
  body.menu_open2 header .menu span:before {
    -webkit-transform: translate3d(0, 4px, 0) rotateZ(45deg);
            transform: translate3d(0, 4px, 0) rotateZ(45deg);
    background: #FFF; }
  body.menu_open2 header .menu span:after {
    -webkit-transform: translate3d(0, -4px, 0) rotateZ(-45deg);
            transform: translate3d(0, -4px, 0) rotateZ(-45deg);
    background: #FFF; }

body.menu_closing header .menu span {
  background: #064371; }

body.menu_closing header .menu span:before {
  -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
          transform: translate3d(0, 0, 0) rotateZ(0deg); }

body.menu_closing header .menu span:after {
  -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
          transform: translate3d(0, 0, 0) rotateZ(0deg); }

body.header-map-open header {
  top: 50em !important; }

body.header-map-open .submenu {
  top: calc(54em + 28px); }

body.header-map-open.fixed-menu.submenu-hover .submenu {
  top: calc(54em + 28px); }

.breadcrump {
  position: absolute;
  bottom: 35%;
  left: 0px;
  z-index: 2;
  color: #FFF;
  font-size: 2.2em; }
  .breadcrump a {
    color: #FFF; }
  .breadcrump > * {
    background: rgba(0, 0, 0, 0.5);
    line-height: 3.3em;
    float: left; }
  .breadcrump > .prev-level {
    width: 3.3em;
    text-align: center; }
  .breadcrump > .prev-level span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle; }
  .breadcrump > .links {
    padding: 0 3.3em 0 1.5em;
    margin-left: 2px;
    border-right: 5px solid; }
    .breadcrump > .links .link {
      display: inline-block; }
  .breadcrump > .links a {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    text-transform: uppercase; }
  .breadcrump > .links a:last-child {
    font-weight: bold; }

#___gcse_0 {
  display: none;
  position: absolute;
  top: -10px;
  left: 18px;
  right: -3em; }
  #___gcse_0 > .gsc-control-cse {
    margin: 0;
    padding: 0;
    padding-left: 8px;
    background: none;
    border: none; }
  #___gcse_0 .gsc-search-box .gsc-input > input:hover,
  #___gcse_0 .gsc-input-box-hover,
  #___gcse_0 .gsc-search-box .gsc-input > input:focus, #___gcse_0 .gsc-input-box-focus {
    box-shadow: none; }
  #___gcse_0 form.gsc-search-box {
    margin: 0; }
  #___gcse_0 table.gsc-search-box {
    margin: 0; }
    #___gcse_0 table.gsc-search-box .gsc-input-box {
      background: transparent;
      border: none;
      border-bottom: 1px solid #FFF; }
  #___gcse_0 .cse .gsc-search-button input.gsc-search-button-v2,
  #___gcse_0 input.gsc-search-button-v2 {
    padding: 6px;
    border: none;
    background: transparent;
    outline: none; }
  #___gcse_0 .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 3px;
    background: transparent !important; }
  #___gcse_0 input.gsc-input {
    font-size: 15px;
    color: #FFF; }
  #___gcse_0 .gsc-input-box > table {
    height: 100%; }
  #___gcse_0 .gsib_a {
    padding-top: 0px;
    border: none; }
  #___gcse_0 .gsst_a .gscb_a {
    vertical-align: middle;
    color: #FFF; }

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
  font-family: DINPro, Arial, sans-serif; }

.gsc-result .gs-title {
  text-decoration: none;
  font-weight: bold; }

.gs-result .gs-title, .gs-result .gs-title * {
  text-decoration: none !important; }

footer {
  background: #ECECEC;
  position: relative;
  z-index: 300;
  padding: 6em 5% 4.5em 5%;
  width: 100%;
  box-sizing: border-box;
  font-family: DINPro, Arial, sans-serif;
  clear: both;
  color: #9c9c9c; }
  footer .logo {
    clear: both;
    text-align: center;
    padding-top: 2em; }
    footer .logo img {
      width: 22em;
      height: auto; }
  footer .legal {
    text-align: center;
    font-size: 2em;
    padding-top: 2em; }
    footer .legal a {
      -webkit-transition: color 0.3s;
              transition: color 0.3s; }
    footer .legal a:hover {
      color: #505050; }
  footer .links {
    width: 80%;
    float: left; }
    footer .links a {
      color: #9c9c9c;
      -webkit-transition: color 0.3s;
              transition: color 0.3s; }
    footer .links a:hover {
      color: #505050; }
    footer .links span a {
      color: #064371; }
    footer .links ul li {
      display: block;
      font-size: 2em;
      margin-bottom: 1.5em; }
      footer .links ul li span, footer .links ul li a {
        display: block; }
      footer .links ul li span {
        font-weight: bold;
        margin-bottom: 0.5em;
        text-transform: uppercase; }
      footer .links ul li a {
        line-height: 140%; }
    @media only screen and (min-width: 768px) {
      footer .links ul li {
        float: left;
        width: 50%; }
      footer .links ul li:nth-child(2n+1) {
        clear: both; } }
    @media only screen and (min-width: 992px) {
      footer .links ul li {
        float: left;
        width: 30%; }
      footer .links ul li:nth-child(2n+1) {
        clear: none; }
      footer .links ul li:nth-child(3n+1) {
        clear: both; } }
    @media only screen and (min-width: 1200px) {
      footer .links ul li {
        float: left;
        width: 25%; }
      footer .links ul li:nth-child(3n+1) {
        clear: none; }
      footer .links ul li:nth-child(4n+1) {
        clear: both; } }
  footer .social-boxright .social-doc-search {
    width: 20%;
    float: left;
    border-left: 1px solid #9c9c9c;
    box-sizing: border-box;
    padding-left: 4%;
    height: 23.8em;
    margin-bottom: 2em; }
    footer .social-boxright .social-doc-search span {
      text-transform: uppercase;
      font-size: 2.2em;
      color: #064371;
      font-weight: bold;
      display: block;
      margin-bottom: 0.5em; }
    footer .social-boxright .social-doc-search .social {
      margin: 0 0.5em 0.5em 0;
      display: inline-block;
      font-size: 3em;
      color: #999; }
    footer .social-boxright .social-doc-search .catalogue {
      color: #064371;
      display: block;
      margin-bottom: 2em; }
      footer .social-boxright .social-doc-search .catalogue:before {
        font-size: 5em;
        vertical-align: middle; }
      footer .social-boxright .social-doc-search .catalogue img, footer .social-boxright .social-doc-search .catalogue span {
        vertical-align: middle; }
      footer .social-boxright .social-doc-search .catalogue b {
        display: block; }
      footer .social-boxright .social-doc-search .catalogue span {
        display: inline-block;
        font-size: 1.7em;
        font-weight: normal;
        color: #9c9c9c; }
    footer .social-boxright .social-doc-search .search {
      border-bottom: 1px solid #9c9c9c;
      margin: 2em 0;
      margin-bottom: 4em;
      display: block;
      position: relative; }
      footer .social-boxright .social-doc-search .search input {
        font-size: 1.4em;
        font-family: DINPro, Arial, sans-serif;
        margin: 0;
        background: transparent;
        border: none;
        display: block;
        float: left;
        margin-left: 2em;
        margin-bottom: 0.4em; }
        footer .social-boxright .social-doc-search .search input:hover, footer .social-boxright .social-doc-search .search input:focus {
          border: none;
          box-shadow: none;
          outline: none; }
      footer .social-boxright .social-doc-search .search:before {
        position: absolute;
        left: 0;
        font-size: 2em;
        bottom: 0.1em;
        color: #aaa; }
      footer .social-boxright .social-doc-search .search ::-webkit-input-placeholder {
        color: #dbdbdb; }
      footer .social-boxright .social-doc-search .search :-moz-placeholder {
        color: #dbdbdb; }
      footer .social-boxright .social-doc-search .search ::-moz-placeholder {
        color: #dbdbdb; }
      footer .social-boxright .social-doc-search .search :-ms-input-placeholder {
        color: #dbdbdb; }
  footer .social-links {
    width: 20%;
    float: left;
    border-left: 1px solid rgba(156, 156, 156, 0);
    box-sizing: border-box;
    padding-left: 4%;
    margin-bottom: 3.5em; }
    footer .social-links span {
      color: #064371;
      font-size: 2em;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 1.5em;
      display: block; }
    footer .social-links .social a {
      margin-right: 0.5em;
      font-size: 2.5em; }

#cookies-info {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  padding: 10px;
  padding-right: 30px;
  color: #FFF;
  z-index: 300;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  #cookies-info a {
    text-decoration: underline; }
  #cookies-info span {
    position: absolute;
    font-size: 20px;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer; }

aside {
  position: fixed;
  width: 20%;
  height: 100%;
  background: #e4e4e4;
  right: 0;
  top: 0;
  z-index: 200;
  padding: 3.5em;
  box-sizing: border-box;
  color: #064371; }
  aside h1 {
    font-size: 3.3em;
    text-transform: uppercase;
    margin-top: 3em; }
    aside h1 small {
      font-size: 0.7em;
      font-weight: normal;
      display: block; }
  aside .ui-menu a {
    display: block;
    position: relative;
    cursor: pointer;
    line-height: 1.3em; }
    aside .ui-menu a:after {
      content: '+';
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -0.5em;
      font-family: icons;
      font-size: 1.4em; }
    aside .ui-menu a.active:after {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    aside .ui-menu a.has-icon-large > span {
      display: inline-block; }
      aside .ui-menu a.has-icon-large > span:nth-child(1) {
        font-size: 2.5em; }
  aside .ui-menu a[href]:after {
    display: none; }
  aside .ui-menu ul {
    font-size: 1.3em;
    margin-top: 4em; }
    aside .ui-menu ul li {
      margin-top: 1.7em;
      text-transform: uppercase;
      font-family: DINPro, Arial, sans-serif;
      font-weight: bold; }
      aside .ui-menu ul li ul {
        margin: 1em 0 1em 1em;
        display: none; }
        aside .ui-menu ul li ul li {
          margin: 0;
          text-transform: none;
          font-weight: normal;
          color: #9f9f9f;
          font-size: .9em; }
          aside .ui-menu ul li ul li a {
            padding: 0.5em 0; }
      aside .ui-menu ul li.cta.first {
        margin-top: 4em; }
  aside.dots {
    background: transparent;
    width: auto;
    padding: 0;
    text-align: right;
    right: 2em;
    position: absolute; }
    aside.dots a {
      display: block;
      padding: 0.6em;
      color: #fff;
      font-size: 1.3em; }
    aside.dots a.active:after, aside.dots a:hover:after {
      background: #fff; }
    aside.dots a:after {
      content: '';
      width: 6px;
      height: 6px;
      border: 1px solid #fff;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
      margin-left: 1em; }
    aside.dots.scrollable {
      height: auto;
      top: 70%;
      z-index: 1; }
      aside.dots.scrollable .table {
        display: block;
        width: auto;
        height: auto; }
      aside.dots.scrollable .td {
        display: block; }
    aside.dots.fixed {
      z-index: 400;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      position: fixed;
      right: 0;
      padding-right: 0;
      -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
              transform: translateX(100%); }
      aside.dots.fixed > span {
        display: block;
        padding: 2em 0;
        position: relative; }
        aside.dots.fixed > span:after {
          position: absolute;
          right: 0;
          top: 0;
          width: 48px;
          height: 100%;
          z-index: -1;
          content: '';
          opacity: 0.7; }
        aside.dots.fixed > span.hover:after {
          width: 100%; }
      aside.dots.fixed a:after {
        margin-right: 1em; }
      aside.dots.fixed a {
        position: relative;
        margin-left: 1em; }
      aside.dots.fixed a span {
        display: inline-block;
        white-space: nowrap;
        opacity: 0;
        -webkit-transform: translateX(25%);
            -ms-transform: translateX(25%);
                transform: translateX(25%); }
      aside.dots.fixed a:hover span {
        -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
                transform: translateX(0%);
        opacity: 1; }

body.fixed-aside aside.dots.fixed {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  top: auto;
  bottom: 50%;
  height: auto; }

body.has_aside {
  /* .page {
    > .submenu { display: none; }
  } */ }
  body.has_aside header .map {
    display: none; }
  body.has_aside header .toolbox {
    right: 21%; }

a[name] {
  display: block;
  clear: both; }

.submenu {
  position: fixed;
  top: calc(4em + 28px);
  left: 0;
  width: 100%;
  padding: 2em 8em;
  z-index: 99;
  box-sizing: border-box;
  color: #fff;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .submenu h3 {
    float: left;
    font-size: 2em;
    text-transform: uppercase; }
    .submenu h3:before {
      margin-right: 0.5em; }
  .submenu > ul {
    right: 0;
    position: absolute;
    top: 0;
    font-size: 1.7em; }
  .submenu > ul > li {
    float: left;
    position: relative; }
    .submenu > ul > li a {
      padding: 1.28em;
      display: inline-block; }
  .submenu li:hover > a {
    background: rgba(255, 255, 255, 0.2); }
  .submenu li:hover div {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    opacity: 1; }
  .submenu li.active > a {
    background: rgba(255, 255, 255, 0.3); }
  .submenu ul div {
    position: absolute;
    left: 50%;
    width: 14em;
    top: 98%;
    margin-left: -7em;
    text-align: center;
    -webkit-transform: translateY(-20px) scaleY(0);
        -ms-transform: translateY(-20px) scaleY(0);
            transform: translateY(-20px) scaleY(0);
    opacity: 0;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0; }
    .submenu ul div ul {
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
      border-radius: 2px;
      margin-top: 4px; }
    .submenu ul div a {
      padding: 1.35em 0;
      display: block; }
      .submenu ul div a:hover {
        background: rgba(255, 255, 255, 0.2); }

@media only screen and (min-width: 768px) {
  .fixed-menu .submenu {
    position: fixed;
    top: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
  .fixed-menu header {
    top: calc(-4em - 28px);
    position: fixed; }
  .fixed-menu.submenu-hover header {
    top: 0; }
  .fixed-menu.submenu-hover .submenu {
    top: calc(4em + 28px); } }

.slider.XL {
  width: 100%;
  height: 85%;
  display: block;
  position: relative; }
  .slider.XL .cover {
    z-index: 0; }
  .slider.XL .ui-slide {
    background: #000; }
  .slider.XL
.block.article p {
    display: none; }
  .slider.XL.with-catchline .ui-slides:after {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background: url("../images/misc/catchline@2x.png") no-repeat center;
    content: '';
    background-size: 45% auto;
    z-index: 6; }

.slider {
  position: relative; }
  .slider .content, .slider .image {
    height: 100%;
    float: left;
    position: relative; }
  .slider .container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7em;
    right: 4em;
    color: #fff; }
    .slider .container .text {
      width: 70%;
      height: 100%; }
      .slider .container .text h1 {
        font-size: 5.6em;
        text-transform: uppercase; }
        .slider .container .text h1 small {
          font-size: 0.6em;
          font-weight: normal;
          display: block; }
      .slider .container .text .p {
        font-size: 2em;
        margin-top: 1.5em;
        color: #fff; }
      .slider .container .text .button {
        font-size: 1.5em; }
  .slider a.video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
    .slider a.video:before {
      font-size: 10em;
      position: absolute;
      top: 50%;
      right: 20%;
      margin-left: -0.5em;
      margin-top: -0.5em;
      color: #fff; }
  .slider.with-video a.video {
    display: block; }

.slider.full {
  width: 100%;
  height: 70em;
  display: block;
  position: relative;
  float: left; }
  .slider.full .content {
    width: 60%;
    background: none; }
  .slider.full .image {
    width: 40%;
    overflow: hidden; }
    .slider.full .image .cover:after {
      position: absolute;
      background: #000;
      opacity: 0.3;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: '';
      display: none; }
  .slider.full h2 {
    font-size: 1.5em;
    text-transform: uppercase;
    margin-top: 1em;
    display: none; }
    .slider.full h2 small {
      text-transform: none;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.5); }
  .slider.full h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0.5em;
    display: none; }
  .slider.full .ui-arrows {
    height: 8em;
    position: absolute;
    right: 40%;
    margin-top: -4em;
    top: 50%;
    margin-right: 4em; }
  .slider.full .ui-pagination {
    display: none; }
  .slider.full.half-size .content, .slider.full.half-size .image {
    width: 50%; }
  .slider.full.half-size .ui-arrows {
    right: 50%; }
  .slider.full.half-size .ui-pagination {
    right: 50%;
    display: block;
    width: auto;
    margin-right: 5em; }
  .slider.full.half-size .half-size a.video::before {
    right: 50%; }
  .slider.full.half-size.inner .button.background:after, .slider.full.half-size.inner .button.background:before {
    opacity: 0;
    width: 0;
    height: 0;
    border-color: transparent; }
  .slider.full.half-size.inner .button.background:hover:after, .slider.full.half-size.inner .button.background:hover:before {
    opacity: 1;
    width: 100%;
    height: 100%; }
  .slider.full.inner .container {
    color: #2c2c2c; }
    .slider.full.inner .container p {
      color: #2c2c2c; }
  .slider.full.inner .ui-arrows {
    color: #9c9c9c;
    top: 87%; }
    .slider.full.inner .ui-arrows .separator {
      background-color: #9c9c9c; }
  .slider.full.full-size .image {
    width: 100%; }
    .slider.full.full-size .image:after {
      display: block; }
  .slider.full.full-size .content {
    width: 50%;
    position: absolute;
    left: 0;
    z-index: 4;
    background: none; }
    .slider.full.full-size .content .text {
      width: 90%; }
  .slider.full.full-size .ui-arrows {
    right: 50%;
    margin-right: -6em; }
  .slider.full.full-size .ui-pagination {
    display: block; }
  .slider.full.no-arrows .ui-arrows {
    display: none; }
  .slider.full.post {
    width: calc(60% - 4em);
    margin: 0 0 5em calc(20% + 4em);
    height: 50em; }
  .slider.full.with-name h2 {
    display: block; }
  .slider.full.with-subtitle h3 {
    display: block; }
  .slider.full.text-center {
    height: 50em; }
    .slider.full.text-center .image {
      width: 100%; }
      .slider.full.text-center .image .cover:after {
        display: block; }
    .slider.full.text-center .container {
      left: 0;
      right: 0; }
    .slider.full.text-center .content {
      width: 60%;
      position: absolute;
      left: 20%;
      z-index: 4;
      background: none; }
      .slider.full.text-center .content .text {
        width: 100%;
        text-align: center; }
        .slider.full.text-center .content .text h1, .slider.full.text-center .content .text p, .slider.full.text-center .content .text h2 {
          text-align: left; }
        .slider.full.text-center .content .text p {
          margin-left: 5%;
          width: 75%; }
    .slider.full.text-center .ui-arrows {
      right: 20%; }
    .slider.full.text-center .ui-pagination {
      display: block; }
  .slider.full.video {
    height: 50em; }
    .slider.full.video .video.icon-play {
      display: block; }
      .slider.full.video .video.icon-play:before {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden; }
      .slider.full.video .video.icon-play:hover:before {
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9); }
    .slider.full.video .image {
      width: 100%; }
      .slider.full.video .image .cover:after {
        display: block; }
    .slider.full.video .container {
      left: 0;
      right: 0; }
    .slider.full.video .content {
      width: 60%;
      position: absolute;
      left: 20%;
      pointer-events: none;
      z-index: 4;
      background: none;
      height: 30%;
      bottom: 2em; }
      .slider.full.video .content .text {
        width: 85%;
        text-align: center; }
        .slider.full.video .content .text h1, .slider.full.video .content .text p, .slider.full.video .content .text h2 {
          text-align: left; }
        .slider.full.video .content .text p {
          display: none; }
        .slider.full.video .content .text .button {
          display: none; }
    .slider.full.video .ui-arrows {
      right: 20%;
      top: 86%; }
    .slider.full.video .ui-pagination {
      display: block; }
  .slider.full.with-cities .cities {
    display: block; }
  .slider.full.with-cities .button {
    display: none; }
  .slider.full .block.with-video {
    height: 100% !important; }

.slider.place {
  width: 100%;
  height: 90em;
  display: block;
  position: relative;
  float: left; }
  .slider.place .content {
    width: 50%; }
  .slider.place .image {
    width: 50%; }
  .slider.place .text {
    width: 90%;
    position: relative; }
    .slider.place .text .ui-animate-items {
      position: absolute;
      left: 0;
      width: 100%;
      top: 10%; }
  .slider.place .ui-slide.active [class^="icon-"]:before, .slider.place .ui-slide.active [class*=" icon-"]:before {
    opacity: 1; }
  .slider.place .ui-pagination {
    text-transform: uppercase;
    width: auto;
    bottom: 5%;
    left: 7em;
    right: 51%;
    text-align: left;
    padding: 0;
    margin: 0;
    box-sizing: border-box; }
    .slider.place .ui-pagination a {
      font-weight: bold;
      font-size: 2.1em;
      opacity: .5;
      position: relative;
      width: auto;
      height: auto;
      border-radius: 0;
      margin: 0;
      border: 0;
      color: #ffffff;
      margin-bottom: 1.5em;
      display: inline-block;
      vertical-align: top;
      text-align: center; }
    .slider.place .ui-pagination a.active {
      opacity: 1;
      background: transparent; }
      .slider.place .ui-pagination a.active .sub {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    .slider.place .ui-pagination a:hover {
      background: transparent; }
    .slider.place .ui-pagination a:after {
      content: '-';
      margin: 0 0.3em;
      opacity: .5;
      font-weight: normal; }
    .slider.place .ui-pagination a:last-child:after {
      display: none; }
    .slider.place .ui-pagination .sub {
      width: 200%;
      position: absolute;
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0);
      top: 2.25em;
      text-align: center;
      left: calc(-50% + 0.75em);
      font-size: .7em;
      font-weight: normal;
      white-space: nowrap; }
  .slider.place .ui-arrows {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.5em;
    z-index: 8;
    width: 100%; }
    .slider.place .ui-arrows [class^="icon-"]:before, .slider.place .ui-arrows
[class*=" icon-"]:before {
      color: #FFF;
      /* opacity: 0; position: absolute; bottom: 0; right: 0; */
      font-size: 6em;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
    .slider.place .ui-arrows .ui-arrow {
      position: absolute; }
    .slider.place .ui-arrows .right {
      right: 0; }
    .slider.place .ui-arrows .left {
      left: 0; }

.slider.timeline-vertical {
  width: 100%;
  height: 70em;
  float: left; }
  .slider.timeline-vertical .ui-slider .content {
    width: 30%;
    height: 100%;
    float: left;
    display: block;
    padding: 4em;
    box-sizing: border-box;
    color: #fff; }
    .slider.timeline-vertical .ui-slider .content .inner {
      position: absolute;
      bottom: 0;
      left: 4em;
      right: 4em;
      top: 15em;
      height: auto; }
      .slider.timeline-vertical .ui-slider .content .inner:after {
        width: 1px;
        height: 100%;
        left: 1.8em;
        position: absolute;
        top: 0;
        content: ''; }
    .slider.timeline-vertical .ui-slider .content h1 {
      font-size: 3.6em;
      text-transform: uppercase; }
      .slider.timeline-vertical .ui-slider .content h1 small {
        display: block;
        font-size: 0.6em; }
    .slider.timeline-vertical .ui-slider .content h2 {
      position: absolute;
      font-size: 2.2em;
      text-transform: uppercase;
      font-weight: normal;
      z-index: 5; }
      .slider.timeline-vertical .ui-slider .content h2:before {
        margin-right: 1em;
        content: '';
        width: 38px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%; }
      .slider.timeline-vertical .ui-slider .content h2:after {
        content: '';
        width: 14px;
        height: 14px;
        display: inline-block;
        left: 12px;
        top: 12px;
        border-radius: 50%;
        position: absolute;
        z-index: 1; }
    .slider.timeline-vertical .ui-slider .content .ui-pagination {
      bottom: 2em;
      display: block;
      top: 9em;
      width: auto;
      height: auto;
      left: 1.2em;
      z-index: 5;
      text-align: left;
      overflow: hidden;
      margin-left: 0; }
      .slider.timeline-vertical .ui-slider .content .ui-pagination a {
        display: block;
        font-weight: bold;
        font-family: DINPro, Arial, sans-serif;
        margin: auto;
        margin-bottom: 6em;
        width: auto;
        height: auto;
        border: 0;
        position: relative; }
        .slider.timeline-vertical .ui-slider .content .ui-pagination a:before {
          margin-right: 4em;
          content: '';
          display: inline-block;
          width: 13px;
          height: 13px;
          border-radius: 50%; }
        .slider.timeline-vertical .ui-slider .content .ui-pagination a .mol {
          font-weight: normal;
          display: inline-block;
          font-size: 2.8em;
          vertical-align: middle;
          opacity: 0.6; }
        .slider.timeline-vertical .ui-slider .content .ui-pagination a .date {
          opacity: 0;
          position: absolute;
          font-size: 2em;
          left: 2em;
          margin-left: 13px;
          top: 100%; }
        .slider.timeline-vertical .ui-slider .content .ui-pagination a.active, .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover {
          background: none; }
          .slider.timeline-vertical .ui-slider .content .ui-pagination a.active .mol, .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover .mol {
            opacity: 1; }
          .slider.timeline-vertical .ui-slider .content .ui-pagination a.active .date, .slider.timeline-vertical .ui-slider .content .ui-pagination a:hover .date {
            opacity: 1;
            display: block; }
    .slider.timeline-vertical .ui-slider .content .ui-arrows {
      position: absolute;
      right: 0;
      bottom: 2em; }
      .slider.timeline-vertical .ui-slider .content .ui-arrows .ui-arrow {
        font-size: 0.6em;
        /* &.left:after { content: "c" }
          &.right:after { content:"b" } */ }
      .slider.timeline-vertical .ui-slider .content .ui-arrows .separator {
        width: 100%;
        height: 1px;
        background: #fff;
        display: block;
        margin-top: 0 !important; }
  .slider.timeline-vertical .image {
    width: 70%;
    height: 100%;
    float: left;
    display: block; }
    .slider.timeline-vertical .image .text {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 5;
      padding: 6em; }
      .slider.timeline-vertical .image .text h2 {
        font-size: 5.6em;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 1em; }
        .slider.timeline-vertical .image .text h2 small {
          font-size: 0.6em;
          font-weight: normal;
          display: block; }
      .slider.timeline-vertical .image .text p {
        font-size: 3em;
        text-transform: uppercase;
        color: #fff;
        width: 80%;
        line-height: 120%;
        margin-bottom: 1em;
        font-weight: normal; }
    .slider.timeline-vertical .image .ui-slide.has-overlay:after {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      content: '';
      background: url("../images/colors/grdt-black.png") no-repeat center;
      background-size: 100% 100%; }
    .slider.timeline-vertical .image .ui-slide.has-overlay-black-75:after {
      opacity: .75; }
    .slider.timeline-vertical .image .ui-slide.has-overlay-black-50:after {
      opacity: .50; }
    .slider.timeline-vertical .image .ui-slide.has-overlay-black-25:after {
      opacity: .25; }

.slider.timeline-horizontal {
  width: 100%;
  float: left;
  position: relative;
  color: #fff; }
  .slider.timeline-horizontal .block.title {
    float: none;
    padding: 0.5em 0; }
  .slider.timeline-horizontal .content {
    height: 70em;
    float: none; }
  .slider.timeline-horizontal.show-image .ui-pagination, .slider.timeline-horizontal.show-image .text, .slider.timeline-horizontal.show-image .cover:before {
    opacity: 0; }
  .slider.timeline-horizontal.show-image .ui-pagination {
    -webkit-transform: translate3d(0, -40px, 0);
            transform: translate3d(0, -40px, 0); }
  .slider.timeline-horizontal.show-image .text {
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0); }
  .slider.timeline-horizontal.show-image .info .show {
    display: none; }
  .slider.timeline-horizontal.show-image .info .hide {
    display: inline-block; }
  .slider.timeline-horizontal a.info {
    color: #fff;
    font-size: 1.5em;
    right: 1.2em;
    bottom: 0.8em;
    position: absolute; }
    .slider.timeline-horizontal a.info .hide {
      display: none; }
    .slider.timeline-horizontal a.info:before {
      font-size: 1.4em;
      vertical-align: middle;
      margin-right: 0.5em; }
  .slider.timeline-horizontal .ui-pagination {
    position: absolute;
    width: 60%;
    top: 0;
    left: 20%;
    z-index: 10;
    bottom: auto; }
    .slider.timeline-horizontal .ui-pagination a {
      display: block;
      float: left;
      text-align: center;
      padding: 4em 0 0 0;
      box-sizing: border-box;
      border: 0;
      height: auto;
      margin: 0;
      border-radius: 0;
      position: relative; }
      .slider.timeline-horizontal .ui-pagination a:hover, .slider.timeline-horizontal .ui-pagination a.active {
        background: none; }
      .slider.timeline-horizontal .ui-pagination a span {
        text-transform: uppercase;
        opacity: 0.4; }
      .slider.timeline-horizontal .ui-pagination a .date {
        font-size: 1.7em;
        display: block;
        margin-bottom: 1.2em; }
      .slider.timeline-horizontal .ui-pagination a .description {
        font-size: 1.3em;
        display: block;
        width: 90%;
        margin: auto; }
      .slider.timeline-horizontal .ui-pagination a:after {
        content: '';
        right: 0;
        height: 2px;
        background: #fff;
        position: absolute;
        bottom: 8px;
        left: 0; }
      .slider.timeline-horizontal .ui-pagination a:first-child:after {
        left: 50%; }
      .slider.timeline-horizontal .ui-pagination a:last-child:after {
        right: 50%; }
      .slider.timeline-horizontal .ui-pagination a:before {
        -webkit-transform: scale(0.6);
            -ms-transform: scale(0.6);
                transform: scale(0.6);
        content: '';
        width: 17px;
        height: 17px;
        display: block;
        margin: 0 auto 0 auto;
        background: #fff;
        border-radius: 50%;
        margin-left: -8px;
        bottom: 0;
        position: absolute;
        left: 50%; }
      .slider.timeline-horizontal .ui-pagination a .description:before {
        content: '';
        width: 2px;
        height: 30px;
        display: block;
        margin: 0.7em auto;
        background: url("../images/ui/timeline/dashed-line@2x.png") no-repeat center;
        background-size: 2px 30px; }
      .slider.timeline-horizontal .ui-pagination a.active span {
        opacity: 1; }
      .slider.timeline-horizontal .ui-pagination a.active:before {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
  .slider.timeline-horizontal .text {
    left: 20%;
    right: 20%;
    bottom: 0;
    position: absolute;
    z-index: 10; }
    .slider.timeline-horizontal .text h1 {
      font-size: 5em;
      text-transform: uppercase; }
    .slider.timeline-horizontal .text h1 small {
      display: block;
      font-size: 0.6em; }
    .slider.timeline-horizontal .text p {
      font-size: 1.7em;
      color: #fff;
      width: 60%;
      margin: 1.5em 0 4em 0; }
  .slider.timeline-horizontal .cover:before {
    background-image: url("../images/colors/000000-50.png");
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 5; }

.slider.timeline-horizontal.inner .decades,
.slider.timeline-horizontal.inner .info {
  display: block; }

.slider.timeline-horizontal.inner .ui-pagination {
  top: 18%; }

.slider.timeline-horizontal.inner .content {
  height: 50em; }

.slider.timeline-horizontal.inner .text p {
  margin-left: 2.85em; }

.slider.percentages {
  width: 100%;
  height: 40em;
  position: relative; }
  .slider.percentages h1 {
    padding-top: 1em;
    font-size: 4.5em;
    text-transform: uppercase;
    text-align: center;
    color: #064371; }
    .slider.percentages h1 small {
      font-size: 0.6em;
      display: block; }
  .slider.percentages .more {
    text-transform: uppercase;
    font-size: 1.3em;
    color: #064371;
    position: absolute;
    bottom: 2em;
    right: 2em;
    font-weight: 600; }
  .slider.percentages .ui-slider {
    margin: 0 auto;
    display: block;
    width: 80%;
    color: #064371;
    height: 22em; }
    .slider.percentages .ui-slider .ui-slide {
      margin-top: 5em; }
      .slider.percentages .ui-slider .ui-slide .number {
        display: block;
        float: left;
        width: 25%;
        text-align: center;
        padding: 0 3%;
        box-sizing: border-box; }
        .slider.percentages .ui-slider .ui-slide .number h2 {
          font-size: 3.8em; }
        .slider.percentages .ui-slider .ui-slide .number h3 {
          text-transform: uppercase;
          font-size: 1.6em;
          font-weight: normal;
          margin-top: 1em; }
    .slider.percentages .ui-slider .ui-arrows a {
      position: absolute;
      color: #b5baca;
      top: 50%;
      margin-top: -2.5em; }
      .slider.percentages .ui-slider .ui-arrows a:after {
        font-size: 5em; }
      .slider.percentages .ui-slider .ui-arrows a.left {
        left: -2.5em; }
      .slider.percentages .ui-slider .ui-arrows a.right {
        right: -2.5em; }
    .slider.percentages .ui-slider .ui-pagination a {
      border-color: #064371; }
    .slider.percentages .ui-slider .ui-pagination a.active {
      background: #064371; }

.slider.only-text {
  width: 100%;
  float: left;
  height: 45em; }
  .slider.only-text .content, .slider.only-text .image {
    width: 50%;
    height: 100%;
    float: left; }
  .slider.only-text .content {
    padding: 5em 8em;
    box-sizing: border-box;
    color: #fff; }
    .slider.only-text .content h2, .slider.only-text .content h1 {
      text-transform: uppercase; }
    .slider.only-text .content h2 {
      font-size: 1.6em;
      color: #000;
      margin-bottom: 1em;
      opacity: 0.4; }
    .slider.only-text .content h1 {
      font-size: 4.5em;
      color: #fff;
      line-height: 90%; }
      .slider.only-text .content h1 small {
        font-size: 0.6em;
        display: block; }
    .slider.only-text .content p {
      margin-top: 1em;
      color: #fff;
      font-size: 2em; }
    .slider.only-text .content .ui-slides {
      width: 100%;
      height: 100%;
      position: relative; }
    .slider.only-text .content .ui-arrows .ui-arrow {
      position: absolute;
      top: 50%;
      margin-top: -2.5em; }
      .slider.only-text .content .ui-arrows .ui-arrow:after {
        font-size: 5em; }
      .slider.only-text .content .ui-arrows .ui-arrow.left {
        left: 1em; }
      .slider.only-text .content .ui-arrows .ui-arrow.right {
        right: 1em; }

.slider.only-images {
  width: 100%;
  height: 70em;
  display: block;
  position: relative;
  float: left; }
  .slider.only-images .content {
    width: 50%;
    float: left; }
  .slider.only-images .ui-slider {
    width: 50%;
    float: right; }
  .slider.only-images h2 {
    font-size: 1.5em;
    text-transform: uppercase;
    margin-top: 1em;
    display: none; }
    .slider.only-images h2 small {
      text-transform: none;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.5); }
  .slider.only-images .images {
    margin: 3em 0; }
    .slider.only-images .images a {
      font-size: 6em;
      margin-right: 0.3em;
      color: #000;
      opacity: 0.2; }
  .slider.only-images .images + .button {
    margin: 0; }
  .slider.only-images .ui-arrows {
    height: 100%;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 10; }
    .slider.only-images .ui-arrows > * {
      display: inline-block; }
    .slider.only-images .ui-arrows .ui-arrow {
      width: 8em;
      height: 100%;
      background-size: 25% auto;
      position: absolute;
      top: 0; }
      .slider.only-images .ui-arrows .ui-arrow:after {
        position: absolute;
        top: 50%;
        margin-top: -0.5em; }
      .slider.only-images .ui-arrows .ui-arrow.left {
        left: 0; }
      .slider.only-images .ui-arrows .ui-arrow.right {
        right: 0; }

html.ie .slider.news .ui-slider .ui-arrows .left.ui-arrow:after,
html.ie .slider.news .ui-slider .ui-arrows .right.ui-arrow:after {
  font-size: 0.2em !important; }

.slider.news {
  width: 100%;
  height: 21em;
  display: block;
  float: left;
  margin-top: 0; }
  .slider.news .ui-arrow {
    position: absolute;
    top: 50%;
    background: #064371;
    color: #fff;
    padding: 1em 0.1em;
    margin-top: -2.25em; }
    .slider.news .ui-arrow.left {
      left: -1em;
      padding-left: 1.1em; }
    .slider.news .ui-arrow.right {
      right: -1em;
      padding-right: 1.1em; }
    .slider.news .ui-arrow:after {
      font-size: 2.5em !important; }
    .slider.news .ui-arrow.left:hover {
      left: 0;
      opacity: 1; }
    .slider.news .ui-arrow.right:hover {
      right: 0;
      opacity: 1; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .slider.news .ui-arrow {
      padding-top: 1.2em;
      padding-bottom: 0.8em; } }

/* html.ie .news.slider .ui-slider .ui-arrows .left.ui-arrow:after,
html.ie .news.slider .ui-slider .ui-arrows .right.ui-arrow:after {
  color: #F00;
  font-size: 1em !important;
} */
/* html .news.slider .ui-slider .ui-arrows .left.ui-arrow:after,
html .news.slider .ui-slider .ui-arrows .right.ui-arrow:after {
  font-size: 2.5em !important;
} */
.slider.downloads {
  /* width:80%; max-width: 700px; */
  width: 100%;
  float: left;
  margin: auto;
  height: 13em;
  position: relative; }
  .slider.downloads .ui-slider {
    width: 80%;
    max-width: 700px;
    margin: auto; }
  .slider.downloads .ui-arrow {
    position: absolute;
    top: 50%;
    color: #b5baca;
    margin-top: -3em; }
    .slider.downloads .ui-arrow.left {
      left: -3em; }
    .slider.downloads .ui-arrow.right {
      right: -3em; }
  .slider.downloads .ui-slides {
    margin: 0 auto; }
    .slider.downloads .ui-slides .ui-slide > a > div {
      width: 50%;
      float: left;
      margin-top: 2em;
      height: 3em;
      font-size: 1.9em;
      text-transform: uppercase;
      font-weight: normal; }
      .slider.downloads .ui-slides .ui-slide > a > div:before {
        width: 35%;
        height: 100%;
        float: left;
        text-align: right;
        font-size: 3em;
        color: #064371;
        margin-right: 5%; }
      .slider.downloads .ui-slides .ui-slide > a > div b {
        display: block; }

.slider.people {
  width: 100%;
  height: 100%; }
  .slider.people .content {
    padding: 6em 7em;
    padding-right: 10em;
    height: auto; }
    .slider.people .content h2 {
      font-size: 4.5em;
      text-transform: uppercase;
      margin-bottom: 0.5em; }
      .slider.people .content h2 small {
        font-size: 0.5em;
        display: block;
        font-weight: normal; }
    .slider.people .content p {
      font-size: 1.7em;
      color: #fff; }
  .slider.people .cover {
    width: 50%; }
  .slider.people .people {
    width: 50%;
    height: 100%;
    position: relative;
    float: left; }
    .slider.people .people .content {
      position: absolute;
      left: 0;
      width: 100%;
      bottom: 0;
      box-sizing: border-box;
      color: #fff;
      z-index: 2; }
      .slider.people .people .content h2:before {
        float: left;
        margin-top: 0.25em;
        margin-right: 0.25em; }
      .slider.people .people .content .author {
        text-align: right;
        display: block;
        text-transform: uppercase;
        font-size: 1.4em;
        font-weight: bold;
        position: relative;
        margin-top: 2em; }
        .slider.people .people .content .author:before {
          content: '“';
          position: absolute;
          right: -0.1em;
          top: -0.3em;
          font-size: 4em;
          font-family: DINPro, Arial, sans-serif; }
    .slider.people .people .img .cover.has-overlay:after {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      content: '';
      background: url("../images/colors/grdt-black.png") no-repeat center;
      background-size: 100% 100%; }
    .slider.people .people .img .cover.has-overlay-black-75:after {
      opacity: .75; }
    .slider.people .people .img .cover.has-overlay-black-50:after {
      opacity: .50; }
    .slider.people .people .img .cover.has-overlay-black-25:after {
      opacity: .25; }
  .slider.people .offer {
    background: #f0f0f0;
    width: 50%;
    float: right;
    height: 100%;
    position: relative; }
    .slider.people .offer .content {
      height: 59%;
      overflow: auto;
      padding: 6em 7em 0 7em;
      margin-top: 5px;
      margin-right: 15px; }
      .slider.people .offer .content::-webkit-scrollbar {
        width: 10px; }
      .slider.people .offer .content::-webkit-scrollbar-track {
        background-color: #ddd; }
      .slider.people .offer .content::-webkit-scrollbar-thumb {
        background-color: #ccc; }
      .slider.people .offer .content::-webkit-scrollbar-thumb:hover {
        background-color: #aaa; }
    .slider.people .offer p {
      color: #737373;
      font-size: 2em; }
    .slider.people .offer .testimonials {
      position: absolute;
      left: 7em;
      right: 0;
      bottom: 3em; }
      .slider.people .offer .testimonials .ui-pagination {
        position: static;
        margin-left: 0; }
      .slider.people .offer .testimonials small {
        display: block;
        text-transform: uppercase;
        color: #b0b0b0;
        font-size: 1.2em;
        margin-bottom: 1em; }
      .slider.people .offer .testimonials a {
        display: block;
        width: 12em;
        float: left;
        text-align: center;
        text-transform: uppercase;
        margin: 0;
        margin-right: 2em;
        height: auto;
        border-radius: 0;
        border: 0;
        opacity: 0.8; }
        .slider.people .offer .testimonials a b {
          font-size: 1.4em;
          color: #737373;
          margin-top: 1em;
          display: block; }
        .slider.people .offer .testimonials a img {
          border-radius: 50%;
          width: 100%;
          height: auto;
          display: block; }
      .slider.people .offer .testimonials a.active, .slider.people .offer .testimonials a:hover {
        background: none;
        opacity: 1; }

.slider.nova {
  width: 100%;
  height: 100%;
  float: left;
  display: block; }
  .slider.nova .ui-arrows {
    height: 8em;
    position: absolute;
    bottom: 2.5%;
    right: 50%; }
  .slider.nova .ui-pagination {
    width: 50%; }
  .slider.nova .ui-animate-fade {
    height: 100%; }
  .slider.nova .content, .slider.nova .img {
    width: 50%;
    height: 100%;
    float: left; }
  .slider.nova .content {
    box-sizing: border-box;
    padding: 0 7%;
    position: relative; }
    .slider.nova .content img {
      height: 6.9em;
      width: auto;
      display: inline;
      margin-right: 2em;
      position: relative;
      top: 0.5em; }
    .slider.nova .content h1 {
      color: #2c2c2c;
      font-size: 3em;
      display: inline-block;
      text-transform: uppercase;
      padding: 0.1em 0 0 0.5em;
      border-left: 1px solid #9c9c9c; }
      .slider.nova .content h1 div:first-child {
        font-size: 0.5em;
        font-weight: normal; }
      .slider.nova .content h1 div:last-child {
        font-size: 0.70em;
        color: #9c9c9c; }
    .slider.nova .content h2 {
      font-size: 4em;
      color: #846e80;
      display: block;
      text-transform: uppercase;
      margin-top: 1.5em; }
    .slider.nova .content p {
      font-size: 1.6em;
      margin-top: 1em; }
  .slider.nova .img {
    position: relative; }

.slider-instagram {
  width: 100%;
  height: 57em;
  float: left;
  background: #eef0f7; }
  .slider-instagram .table .td {
    position: relative;
    vertical-align: top; }
  .slider-instagram h1 {
    color: #064371;
    padding-top: 1em;
    padding-bottom: 1em;
    text-transform: uppercase;
    font-size: 4.6em;
    text-align: center; }
    .slider-instagram h1 small {
      font-weight: normal;
      font-size: 0.85em; }
  .slider-instagram a.instagram-follow-button {
    font-size: 2em;
    border: 1px solid #064371;
    border-radius: 3px;
    padding: 4px 10px 4px 25px;
    position: absolute;
    bottom: 1em;
    left: 47%; }
    .slider-instagram a.instagram-follow-button:hover {
      background-color: #064371;
      color: #fff; }
      .slider-instagram a.instagram-follow-button:hover:before {
        background-image: url("../images/ui/instagram-glyph-white.png") !important; }
    .slider-instagram a.instagram-follow-button:before {
      content: " ";
      background-image: url("../images/ui/instagram-glyph-blue.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% auto;
      position: absolute;
      top: 0;
      left: 5px;
      width: 16px;
      height: 100%; }
  .slider-instagram .slider {
    width: 100%;
    height: 68%; }
    .slider-instagram .slider .slide {
      display: table;
      border-spacing: 5em 0;
      height: 30em;
      margin: auto; }
      .slider-instagram .slider .slide .item {
        display: table-cell;
        width: 30em;
        height: 100%; }
  .slider-instagram .ui-arrow {
    position: absolute;
    top: 3em;
    color: #000000;
    font-size: 4em; }
    .slider-instagram .ui-arrow.left {
      left: 4%; }
    .slider-instagram .ui-arrow.right {
      right: 4%; }

.indigen_instafeed_post {
  position: relative; }
  .indigen_instafeed_post_inner {
    height: 100%;
    width: 100%;
    background-color: #000;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
    .indigen_instafeed_post_inner_caption {
      position: absolute;
      width: 92%;
      height: 92%;
      font-size: 2em;
      overflow: hidden;
      padding: 10px;
      line-height: 1.2em;
      color: #000;
      background-color: rgba(238, 240, 247, 0.8);
      opacity: 0;
      transition: opacity 0.2s ease-out;
      -moz-transition: opacity 0.2s ease-out;
      -webkit-transition: opacity 0.2s ease-out;
      -o-transition: opacity 0.2s ease-out; }
      .indigen_instafeed_post_inner_caption:hover {
        opacity: 1; }
    .indigen_instafeed_post_inner_image {
      height: auto;
      width: 100%; }
    .indigen_instafeed_post_inner_bottom_bar {
      position: absolute;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.68);
      height: 5em;
      width: 100%;
      display: table;
      border-spacing: 5px; }
      .indigen_instafeed_post_inner_bottom_bar_profile_picture {
        display: table-cell;
        width: auto;
        height: 4em;
        vertical-align: middle; }
      .indigen_instafeed_post_inner_bottom_bar_fullname {
        display: table-cell;
        color: white;
        font-size: 1.3em;
        vertical-align: top;
        text-align: left;
        width: 85%; }

.block.back-to-top {
  float: left;
  height: 17em;
  position: relative;
  width: 100%;
  background-color: #000; }
  .block.back-to-top .container {
    width: 100%;
    max-width: 96em;
    margin: 4.6em auto 0 auto;
    position: relative;
    z-index: 2; }
    .block.back-to-top .container:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      background-image: url("../images/colors/ffffff-40.png"); }
    .block.back-to-top .container a {
      font-size: 2.2em;
      letter-spacing: 0.025em;
      position: absolute;
      top: 1.3em; }
      .block.back-to-top .container a.top {
        left: 1em;
        color: #fff; }
      .block.back-to-top .container a.contact {
        right: 1em;
        opacity: 0.5;
        color: #fff;
        -webkit-transition: opacity 0.3s;
                transition: opacity 0.3s; }
      .block.back-to-top .container a.contact:hover {
        opacity: 0.9; }
      .block.back-to-top .container a:before {
        vertical-align: middle;
        margin-right: 0.3em;
        font-size: 1.3em; }
  .block.back-to-top .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url("../images/colors/000000-70.png"); }

.block.XL {
  width: 100%;
  height: 65%;
  display: block;
  position: relative;
  background: #000; }
  .block.XL .cover {
    z-index: 0; }
  .block.XL .content {
    position: relative;
    z-index: 2;
    color: #fff;
    height: 100%;
    max-width: 860px;
    width: 80%;
    margin: auto; }
    .block.XL .content h1 {
      font-size: 8em;
      text-transform: uppercase;
      margin-top: 2em; }
      .block.XL .content h1 small {
        display: block;
        font-size: 0.5em;
        margin-bottom: 0.25em;
        font-weight: 600; }
    .block.XL .content p {
      margin-top: 1em;
      color: #fff;
      font-size: 2.6em;
      width: 80%; }
    .block.XL .content p + p {
      font-size: 2em;
      text-transform: uppercase;
      display: block;
      margin-top: 0.5em;
      margin-bottom: 1em;
      font-weight: bold; }
  .block.XL.with-button h1 {
    font-size: 6em; }
  .block.XL.with-video .btn-volume {
    font-size: 3em;
    position: absolute;
    bottom: .5em;
    right: 1em;
    background: rgba(0, 0, 0, 0.5);
    color: #CCC;
    padding: 0.3em 0.3em 0.2em;
    border-radius: 10%;
    cursor: pointer;
    z-index: 5; }
    .block.XL.with-video .btn-volume:hover {
      color: #FFF; }
    .block.XL.with-video .btn-volume > span:before {
      vertical-align: middle; }
    .block.XL.with-video .btn-volume > span.icon-volume-off {
      display: none; }
    .block.XL.with-video .btn-volume.mute > span.icon-volume-on {
      display: none; }
    .block.XL.with-video .btn-volume.mute > span.icon-volume-off {
      display: block; }

.page-homepage .block.XL,
.page-perfumery .block.XL,
.page-flavors .block.XL,
.page-ingredients .block.XL,
.page-research .block.XL,
.page-sustainability .block.XL,
.page-sustainabilityv2 .block.XL,
.page-company .block.XL,
.page-careers .block.XL {
  height: 85%; }

.block.article {
  position: relative;
  color: #fff;
  float: left;
  box-sizing: border-box;
  height: 70em;
  padding: 7em; }
  .block.article + .block.article {
    border-left: 2px solid; }
  .block.article .content {
    display: table;
    height: 100%;
    width: 100%;
    z-index: 2;
    position: relative; }
    .block.article .content .cell {
      display: table-cell;
      height: 100%;
      vertical-align: bottom; }
    .block.article .content .p {
      font-size: 2em;
      margin-top: 1em;
      margin-bottom: 1.5em;
      color: #fff; }
    .block.article .content .button {
      font-size: 1.5em; }
    .block.article .content h2 {
      text-transform: uppercase;
      font-size: 1.5em;
      margin-bottom: 0.4em;
      font-weight: 600;
      display: block; }
      .block.article .content h2:before {
        /* font-size: 0.9em; */
        vertical-align: top;
        margin-right: 0.25em;
        display: none; }
    .block.article .content h1 {
      text-transform: uppercase; }
    .block.article .content h3 {
      display: none;
      font-size: 1.5em;
      text-transform: uppercase;
      margin-top: 1em;
      margin-bottom: 3em; }
      .block.article .content h3 small {
        text-transform: none;
        font-weight: 600;
        font-style: italic; }
  .block.article.with-name .content h2 {
    display: block; }
  .block.article.with-icon .content h2:before {
    display: inline-block; }
  .block.article.light-background .content .p, .block.article.light-background .content h1, .block.article.light-background .content h2 {
    color: #064371; }
  .block.article.light-background:after {
    display: none; }
  .block.article.middle .cell {
    vertical-align: middle; }
  .block.article.center {
    text-align: center; }
    .block.article.center .content h1, .block.article.center .content .p {
      margin-left: auto;
      margin-right: auto; }

.blocks.count-4 > .block.article,
.blocks.count-3 > .block.article {
  padding: 3em;
  padding-bottom: 7em; }
  .blocks.count-4 > .block.article .content h2,
  .blocks.count-3 > .block.article .content h2 {
    font-size: 2em; }
  .blocks.count-4 > .block.article .content h1,
  .blocks.count-3 > .block.article .content h1 {
    width: 80%;
    font-size: 3.3em;
    /* font-weight: normal */ }
  .blocks.count-4 > .block.article .content .p,
  .blocks.count-3 > .block.article .content .p {
    width: 70%;
    font-size: 1.7em; }

.blocks.count-2 > .block.article .content h2 {
  font-size: 2.5em; }

.blocks.count-2 > .block.article .content h1 {
  width: 85%;
  font-size: 5em; }

.blocks.count-2 > .block.article .content .p {
  width: 90%; }

.blocks.count-1 > .block.article {
  height: 55em; }
  .blocks.count-1 > .block.article .content h2 {
    font-size: 2.5em; }
  .blocks.count-1 > .block.article .content h1 {
    font-size: 6em;
    max-width: 60%; }
  .blocks.count-1 > .block.article .content .p {
    max-width: 50%; }

.page-homepage .block.article, .page-index .block.article {
  height: 45em;
  padding: 3em; }

.page-homepage .blocks.count-1 > .block.article, .page-index .blocks.count-1 > .block.article {
  height: 35em; }

.page-sustainability
.blocks.count-3 > .block.article
h2,
.page-sustainabilityv2
.blocks.count-3 > .block.article h2 {
  font-weight: normal;
  font-size: 2.5em; }
  .page-sustainability
.blocks.count-3 > .block.article
h2 b,
  .page-sustainabilityv2
.blocks.count-3 > .block.article h2 b {
    font-weight: normal; }
  .page-sustainability
.blocks.count-3 > .block.article
h2 span,
  .page-sustainabilityv2
.blocks.count-3 > .block.article h2 span {
    display: block; }

.page-sustainability
.blocks.count-3 > .block.article
h1,
.page-sustainabilityv2
.blocks.count-3 > .block.article h1 {
  font-weight: bold; }

.slider.XL .block.article {
  border-top: 0;
  width: 30%;
  position: absolute;
  bottom: 0;
  height: 21em;
  right: 0;
  text-align: left;
  background: url("../images/colors/000000-20.png");
  z-index: 2;
  padding: 3em 4em;
  overflow: hidden; }
  .slider.XL .block.article .content .cell {
    vertical-align: top; }
  .slider.XL .block.article .content h1 {
    font-size: 3em;
    width: 70%; }
  .slider.XL .block.article .content .button {
    position: absolute;
    bottom: 0; }
  .slider.XL .block.article:after {
    display: none; }

.blocks.count-5 > .block.article .content h2 {
  font-size: 2.5em; }

.blocks.count-5 > .block.article .content h1 {
  font-size: 1.5em; }

.block.article-content {
  float: left;
  width: 100%;
  color: #2c2c2c;
  /* a.button {
  font-size: 1em; } */ }
  .block.article-content h1 {
    font-size: 5.3em;
    text-transform: uppercase; }
  .block.article-content h1 small {
    display: block;
    font-size: 0.5em;
    font-weight: normal; }
  .block.article-content h2 {
    font-size: 3.1em;
    color: #9c9c9c; }
  .block.article-content h2 small {
    display: block;
    font-size: 0.75em;
    font-weight: normal; }
  .block.article-content h3 {
    font-size: 2.1em;
    font-style: italic;
    font-weight: normal; }
  .block.article-content .p {
    line-height: 1.5em;
    text-align: justify; }
  .block.article-content .p small {
    font-size: 0.7em;
    line-height: normal;
    display: block;
    line-height: 1.5em; }
  .block.article-content img {
    width: 100%;
    height: auto;
    display: block; }
  .block.article-content h2 + .p,
  .block.article-content img + .p {
    margin-top: 2em; }
  .block.article-content h3 {
    margin-top: 1em; }
  .block.article-content a.button {
    margin-top: 3em;
    font-size: .8em;
    padding: 0.5em 0.7em; }
  .block.article-content img {
    margin-top: 2em; }
    .block.article-content img:first-child {
      margin-top: 0; }
  .block.article-content .container {
    width: 60%;
    margin: 10em auto; }
    .block.article-content .container .content {
      padding-left: 4em;
      margin-top: 4em; }
      .block.article-content .container .content:first-child {
        margin-top: 0; }
      .block.article-content .container .content .full, .block.article-content .container .content .half {
        display: block;
        float: left;
        font-size: 2em; }
      .block.article-content .container .content .full {
        width: 100%;
        margin-top: 3em; }
        .block.article-content .container .content .full:first-child {
          margin-top: 0; }
      .block.article-content .container .content .half {
        width: 48%; }
        .block.article-content .container .content .half + .half {
          margin-left: 4%; }
      .block.article-content .container .content .button-container {
        width: 100%;
        text-align: center; }

.block.article-content + .block.article-content .container,
.block.article-content + a + .block.article-content .container,
.block.article-content + script + a + .block.article-content .container {
  margin-top: 0; }

.block.tastes + .block.article-content,
.block.tastes + a + .block.article-content {
  margin-top: -8em; }
  .block.tastes + .block.article-content .container,
  .block.tastes + a + .block.article-content .container {
    margin-top: 0; }

.block.news {
  height: 21em;
  float: left;
  box-sizing: border-box; }
  .block.news .img {
    height: 100%;
    width: 60%;
    float: left;
    position: relative;
    overflow: hidden; }
    .block.news .img:before {
      content: '';
      width: 13px;
      height: 20px;
      display: block;
      position: absolute;
      z-index: 5;
      right: 0;
      top: 13px;
      background: url("../images/ui/arrows/article@2x.png") no-repeat center;
      background-size: 13px 20px; }
  .block.news .text {
    height: 100%;
    width: 40%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 2em;
    padding-right: 4em;
    overflow: hidden; }
    .block.news .text h1, .block.news .text h2, .block.news .text a {
      text-transform: uppercase; }
    .block.news .text h1, .block.news .text a {
      color: #064371; }
    .block.news .text a.see-all {
      color: #9c9c9c;
      margin-left: 1em; }
    .block.news .text h2 {
      font-size: 1.2em;
      color: #9c9c9c;
      margin-bottom: 0.8em; }
    .block.news .text h1 {
      font-size: 2em; }
    .block.news .text p {
      color: #656566;
      margin-top: 1em; }
    .block.news .text .actions {
      font-weight: bold;
      position: absolute;
      bottom: 0em;
      padding-top: 1.2em;
      padding-bottom: 1em;
      left: 2em;
      background: #FFF;
      width: 100%; }
      .block.news .text .actions .share {
        color: #999;
        margin-right: 1em; }
    .block.news .text p, .block.news .text a {
      font-size: 1.3em; }

.block.title {
  width: 100%;
  padding: 1em 0;
  float: left;
  color: #064371;
  text-transform: uppercase;
  font-size: 4.5em;
  display: block;
  text-align: center;
  line-height: 95%;
  font-weight: bold; }
  .block.title i {
    font-style: normal; }
  .block.title small {
    font-size: 0.6em;
    display: block;
    font-weight: 100; }
    .block.title small b {
      font-weight: normal; }
  .block.title.with-button {
    padding: 1em 0;
    font-size: 3.2em; }
    .block.title.with-button small {
      font-size: 0.75em; }
  .block.title.with-bg {
    background: #f7f7f7; }
  .block.title.inner {
    color: #2c2c2c; }
  .block.title .button {
    width: 14em;
    display: block;
    margin: auto;
    font-size: 50%;
    margin-top: 1em; }

.block.article-content + .block.title {
  margin-top: -2em; }

.block.downloads {
  width: 20%;
  height: 35em;
  float: left; }
  .block.downloads a {
    display: block;
    width: 100%; }
    .block.downloads a:before {
      float: left;
      font-size: 7em;
      color: #ab8d6f;
      width: 30%;
      text-align: right; }
    .block.downloads a + a {
      margin-top: 4em; }
    .block.downloads a span {
      font-weight: normal;
      color: #232323;
      font-size: 1.7em;
      text-transform: uppercase;
      display: block;
      float: left;
      width: 70%;
      padding: 0.6em 0 0 7%;
      box-sizing: border-box;
      font-family: DINPro, Arial, sans-serif; }
  .block.downloads + .slider.awards {
    width: 80%; }
    .block.downloads + .slider.awards .inner {
      width: 60%; }

.slider.awards {
  width: 100%;
  height: 35em;
  float: left;
  background: #eef0f7; }
  .slider.awards .inner {
    width: 40%;
    margin: 0 auto; }
    .slider.awards .inner h1 {
      color: #064371;
      text-transform: uppercase;
      font-size: 4.9em;
      text-align: center; }
      .slider.awards .inner h1 small {
        font-size: 0.5em;
        font-weight: normal; }
    .slider.awards .inner .ui-slider {
      height: 22em;
      width: 100%;
      display: block;
      margin: 0 auto;
      margin-top: 3em; }
      .slider.awards .inner .ui-slider .ui-slide > div {
        text-align: center;
        position: relative;
        width: 33.33%;
        float: left;
        text-transform: uppercase;
        font-size: 1.9em;
        font-weight: normal;
        color: #b5baca; }
        .slider.awards .inner .ui-slider .ui-slide > div:before {
          width: 100%;
          margin-bottom: 0.2em;
          font-size: 5em;
          text-align: center;
          display: block; }
        .slider.awards .inner .ui-slider .ui-slide > div b.year {
          display: block; }
    .slider.awards .inner .ui-arrows .ui-arrow {
      position: absolute;
      top: 40%;
      margin-top: -3em;
      color: #b5baca; }
      .slider.awards .inner .ui-arrows .ui-arrow.left {
        left: -6em; }
      .slider.awards .inner .ui-arrows .ui-arrow.right {
        right: -6em; }

.block.numbers {
  width: 100%;
  height: 70em;
  float: left;
  background: #eef0f7; }
  .block.numbers .container {
    max-width: 1200px;
    display: block;
    margin: 0 auto; }
    .block.numbers .container .content {
      width: 50%;
      padding: 0 4em;
      display: block;
      float: left;
      box-sizing: border-box;
      text-align: center; }
      .block.numbers .container .content h1 {
        font-size: 19em;
        font-weight: normal;
        color: #064371; }
      .block.numbers .container .content h2 {
        font-size: 4em;
        text-transform: uppercase;
        color: #76c8db; }
      .block.numbers .container .content p {
        font-size: 2em;
        max-width: 80%;
        display: block;
        margin: 3em auto 0 auto;
        text-align: left; }
      .block.numbers .container .content .button {
        margin: 0 auto;
        display: inline-block;
        margin-top: 4em; }
        .block.numbers .container .content .button:after, .block.numbers .container .content .button:before {
          border-color: #76c8db; }
        .block.numbers .container .content .button:hover {
          color: #76c8db; }
      .block.numbers .container .content + .content {
        border-left: 1px solid #c6c8cd; }

.block.year {
  width: 100%;
  height: 60em;
  background: #eaedef;
  position: relative; }
  .block.year .image {
    float: left;
    height: 100%; }
    .block.year .image img {
      height: 100%;
      width: auto; }
  .block.year .text {
    float: left;
    width: 45%;
    height: 100%;
    padding: 0 0 0 5%; }
    .block.year .text h1 {
      color: #679339;
      font-size: 19em;
      text-transform: uppercase; }
      .block.year .text h1 small {
        font-size: 0.2em;
        font-weight: normal;
        line-height: 100%;
        display: block; }
    .block.year .text p {
      font-size: 2em;
      margin-top: 2em; }
    .block.year .text .button {
      color: #064371; }
      .block.year .text .button:after, .block.year .text .button:before {
        border-color: #064371; }
    .block.year .text .button:hover {
      color: #fff; }

.block.slidedown {
  float: left;
  box-sizing: border-box;
  border-top: 2px solid;
  color: #fff; }
  .block.slidedown.half {
    width: 50%; }
    .block.slidedown.half + .half {
      border-left: 2px solid;
      float: right; }
  .block.slidedown.full {
    width: 100%; }
    .block.slidedown.full .ui-button {
      text-align: center; }
  .block.slidedown.left .ui-button {
    text-align: left; }
  .block.slidedown.ui-toggle {
    position: relative;
    overflow: hidden; }
  .block.slidedown .ui-button {
    color: #fff;
    width: 100%;
    position: relative;
    font-size: 3.5em;
    text-transform: uppercase;
    font-weight: normal;
    padding: 1.5em 0;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap; }
    .block.slidedown .ui-button:before {
      vertical-align: middle;
      font-size: 1.8em;
      margin: 0 0.75em 0 1.5em;
      -webkit-transition: -webkit-transform 0.3s;
              transition: transform 0.3s; }
  .block.slidedown.active .ui-button:before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    display: inline-block; }
  .block.slidedown .ui-close {
    position: absolute;
    cursor: pointer;
    right: 2.5em;
    font-size: 2em;
    color: #fff;
    top: 3.6em;
    text-transform: uppercase;
    display: none;
    z-index: 1; }
    .block.slidedown .ui-close:before {
      margin-left: 0.5em;
      float: right; }
  .block.slidedown .ui-content {
    height: 80em;
    display: none; }
    .block.slidedown .ui-content
.blocks {
      height: 100%;
      color: #333;
      margin: 0 5em; }
      .block.slidedown .ui-content
.blocks h2 {
        text-transform: uppercase;
        font-size: 2em;
        padding-top: 2em;
        position: relative;
        margin-bottom: 1em; }
        .block.slidedown .ui-content
.blocks h2:after {
          content: '';
          border-bottom: 3px solid;
          position: absolute;
          bottom: -4px;
          width: 12%;
          left: 0; }
      .block.slidedown .ui-content
.blocks p {
        margin-bottom: 2em; }
      .block.slidedown .ui-content
.blocks p, .block.slidedown .ui-content
.blocks ul {
        line-height: 150%; }
      .block.slidedown .ui-content
.blocks > div {
        float: left;
        height: 100%;
        box-sizing: border-box;
        padding: 1.5em;
        font-size: 1.5em; }
        .block.slidedown .ui-content
.blocks > div + div {
          border-left: 1px solid #ebebeb; }
      .block.slidedown .ui-content
.blocks li + li {
        margin-top: 1em; }
      .block.slidedown .ui-content
.blocks li:before {
        content: '. '; }
      .block.slidedown .ui-content
.blocks .clients h2, .block.slidedown .ui-content
.blocks .clients p {
        color: #802f7c; }
      .block.slidedown .ui-content
.blocks .people h2, .block.slidedown .ui-content
.blocks .people p {
        color: #df5e34; }
      .block.slidedown .ui-content
.blocks .creativity h2, .block.slidedown .ui-content
.blocks .creativity p {
        color: #c91b72; }
      .block.slidedown .ui-content
.blocks .sustainability h2, .block.slidedown .ui-content
.blocks .sustainability p {
        color: #66943a; }
      .block.slidedown .ui-content
.blocks .sustainabilityv2 h2, .block.slidedown .ui-content
.blocks .sustainabilityv2 p {
        color: #66943a; }
      .block.slidedown .ui-content
.blocks .independence h2, .block.slidedown .ui-content
.blocks .independence p {
        color: #517f99; }

.block.slidedown-article .ui-content {
  height: auto; }

.block.access {
  width: 100%;
  float: left;
  padding: 6em 0;
  background-color: #f7f7f7; }
  .block.access .container {
    width: 50%;
    height: 100%;
    margin: 0 auto; }
    .block.access .container .ui-slider {
      height: 22.5em; }
    .block.access .container .ui-arrows .ui-arrow {
      position: absolute;
      top: 50%;
      margin-top: -3em;
      color: #b0b0b0; }
      .block.access .container .ui-arrows .ui-arrow.left {
        left: -3em; }
      .block.access .container .ui-arrows .ui-arrow.right {
        right: -3em; }
    .block.access .container .ui-slide > div {
      width: 50%;
      display: block;
      float: left;
      text-align: center;
      color: #064371; }
      .block.access .container .ui-slide > div:before {
        display: block;
        margin: 0.05em auto;
        font-size: 9em; }
      .block.access .container .ui-slide > div p {
        text-transform: uppercase;
        font-weight: normal;
        font-size: 3em;
        color: #064371;
        font-family: DINPro, Arial, sans-serif; }
        .block.access .container .ui-slide > div p b {
          display: block;
          font-size: 1.3em; }
      .block.access .container .ui-slide > div .button {
        margin-top: 1.5em; }

.block.message {
  width: 100%;
  height: 40em;
  float: left; }
  .block.message .content, .block.message .image {
    width: 50%;
    height: 100%;
    float: left; }
  .block.message .content {
    color: #fff;
    padding: 5em;
    box-sizing: border-box; }
    .block.message .content h1 {
      text-transform: uppercase;
      font-size: 4.5em; }
      .block.message .content h1 small {
        font-size: 0.6em;
        font-weight: normal;
        display: block; }
    .block.message .content p {
      font-size: 2em;
      color: #fff;
      margin-top: 1em; }
  .block.message .image {
    position: relative; }

.block.map {
  width: 100%;
  float: left; }
  .block.map .heading {
    background: #fff;
    margin: 0 8em;
    line-height: 5em;
    position: relative; }
    .block.map .heading .mode {
      position: absolute;
      right: 0;
      bottom: 1em; }
    .block.map .heading a {
      margin: 0 1em;
      padding: 0.5em 0;
      float: right;
      font-size: 2em;
      text-transform: uppercase;
      cursor: pointer;
      line-height: 100%; }
      .block.map .heading a.active {
        font-weight: bold;
        border-bottom: 3px solid; }
    .block.map .heading h2 {
      text-transform: uppercase;
      font-size: 4.5em;
      line-height: 100%;
      padding: 1em 0; }
      .block.map .heading h2 small {
        display: block;
        font-size: 0.6em;
        line-height: 100%;
        font-weight: 100; }
  .block.map .ui-gmap {
    height: 70em;
    width: 100%; }
    .block.map .ui-gmap .ui-label a.video {
      position: relative;
      color: white;
      width: 100%;
      height: 100%; }
      .block.map .ui-gmap .ui-label a.video:before {
        position: absolute;
        margin-top: 80px;
        margin-left: 70px;
        font-size: 1.3em; }

.block.intro {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10em 0; }
  .block.intro .social {
    width: 20%;
    height: 100%;
    float: left; }
    .block.intro .social a {
      display: block;
      background-color: #000;
      opacity: .2;
      position: relative;
      width: 2em;
      height: 2em;
      border-radius: 2em;
      margin: 0 auto;
      color: #fff;
      font-size: 2em;
      padding-top: 0.5em;
      text-align: center;
      box-sizing: border-box; }
      .block.intro .social a:before {
        font-family: "icons"; }
      .block.intro .social a + a {
        margin-top: .5em; }
      .block.intro .social a:hover {
        opacity: 0.5; }
      .block.intro .social a b {
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -0.5em;
        margin-left: 0.5em;
        text-transform: uppercase;
        color: #000;
        font-size: 80%; }
  .block.intro .text {
    height: 100%;
    width: 60%;
    float: left;
    color: #fff; }
    .block.intro .text h1 {
      text-transform: uppercase;
      font-size: 5.3em; }
      .block.intro .text h1 small {
        font-weight: normal;
        font-size: 0.5em;
        display: block;
        margin-bottom: 0.1em; }
        .block.intro .text h1 small b {
          font-weight: normal; }
    .block.intro .text .offset {
      margin-left: 4em; }
      .block.intro .text .offset p {
        font-size: 2.6em;
        color: #fff;
        margin-top: 1.5em; }
      .block.intro .text .offset .one-third {
        width: 30%;
        float: left;
        font-size: 2em;
        margin-top: 3em;
        position: relative;
        display: block; }
        .block.intro .text .offset .one-third + .one-third {
          margin-left: 5%; }
        .block.intro .text .offset .one-third:before {
          position: absolute;
          font-size: 3em;
          left: 0; }
        .block.intro .text .offset .one-third > div {
          box-sizing: border-box;
          height: 3em;
          float: left;
          padding-left: 4em; }

.block.number-grid {
  width: 100%;
  float: left;
  display: table;
  border-collapse: collapse; }
  .block.number-grid .line {
    display: table-row; }
  .block.number-grid .number {
    display: table-cell;
    border: 1px solid #f0f0f0;
    padding: 3em 4em 5em 4em; }
    .block.number-grid .number .empty {
      background: #F9F9F9; }
  .block.number-grid h3 {
    font-size: 2.4em; }
  .block.number-grid h4 {
    font-size: 6em;
    margin-top: 0.5em; }
  .block.number-grid p {
    font-size: 1.8em; }
  .block.number-grid h4, .block.number-grid p {
    text-align: center;
    color: #9c9c9c;
    font-weight: normal; }

.block.contact {
  float: left;
  width: 100%;
  padding: 10em 0; }
  .block.contact iframe {
    display: none; }
  .block.contact h1 {
    text-align: center;
    font-size: 5.3em;
    text-transform: uppercase; }
  .block.contact .p.heading {
    font-size: 2.2em;
    margin-top: 1.5em;
    line-height: 1.4em; }
  .block.contact .form-group {
    position: relative; }
  .block.contact label {
    text-transform: uppercase;
    font-weight: bold; }
    .block.contact label.error {
      position: absolute;
      left: 0;
      top: 100%;
      text-transform: none;
      color: red;
      width: 100% !important;
      font-weight: normal; }
  .block.contact input[type=text]::-webkit-input-placeholder,
  .block.contact input[type=email]::-webkit-input-placeholder {
    text-transform: uppercase;
    font-weight: bold; }
  .block.contact input[type=text]:-moz-input-placeholder,
  .block.contact input[type=email]:-moz-input-placeholder {
    text-transform: uppercase;
    font-weight: bold; }
  .block.contact input[type=text]::-moz-input-placeholder,
  .block.contact input[type=email]::-moz-input-placeholder {
    text-transform: uppercase;
    font-weight: bold; }
  .block.contact input[type=text]:-ms-input-placeholder,
  .block.contact input[type=email]:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: bold; }
  .block.contact textarea,
  .block.contact input[type=text],
  .block.contact input[type=email] {
    width: 100%;
    padding: 0.4em 0;
    border: 0;
    border-bottom: 1px solid; }
  .block.contact label,
  .block.contact select,
  .block.contact textarea,
  .block.contact input[type=text],
  .block.contact input[type=email] {
    font-size: 2em;
    font-family: DINPro, Arial, sans-serif; }
  .block.contact select,
  .block.contact textarea,
  .block.contact input,
  .block.contact button {
    outline: 0; }
  .block.contact select {
    background-color: #fff;
    background-image: none; }
  .block.contact small {
    color: #9c9c9c;
    font-size: 1.5em; }
  .block.contact textarea {
    padding-top: 0; }
  .block.contact .button {
    color: #fff;
    padding: 1.25em 4em 1.1em 4em;
    font-size: 1.5em; }
  .block.contact .container {
    width: 60%;
    margin: 0 auto; }
  .block.contact .half, .block.contact .full {
    float: left;
    margin-top: 6em; }
  .block.contact .half {
    width: 48%; }
    .block.contact .half:nth-child(2n+0) {
      margin-left: 4%; }
    .block.contact .half label {
      display: inline-block; }
    .block.contact .half label, .block.contact .half select {
      width: 49%;
      margin: 0.4em 0;
      vertical-align: middle; }
  .block.contact .full {
    width: 100%; }
  .block.contact .stacked label {
    margin-bottom: .4em; }
  .block.contact .stacked small {
    display: block;
    margin-top: .3em; }
  .block.contact .stacked textarea, .block.contact .stacked input {
    margin-top: .5em; }
  .block.contact .form-group-file .error {
    top: 110%; }
  .block.contact .form-group-terms-agreement label > span {
    vertical-align: middle;
    text-transform: none;
    font-weight: normal; }
    .block.contact .form-group-terms-agreement label > span a {
      text-decoration: underline; }
  .block.contact .form-group-terms-agreement label.error {
    font-size: 1em; }
  .block.contact .form-group-captcha .form-wrapper {
    display: inline-block; }
    .block.contact .form-group-captcha .form-wrapper img {
      display: block;
      margin: 20px 0; }
    .block.contact .form-group-captcha .form-wrapper input {
      color: black; }
    .block.contact .form-group-captcha .form-wrapper .refresh {
      background-image: url("../images/ui/arrows/refresh_blue.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 25px;
      height: 25px;
      position: absolute;
      left: 270px;
      top: 55px;
      cursor: pointer;
      -webkit-animation: rotation 1.5s infinite linear;
      animation: rotation 1.5s infinite linear;
      -webkit-animation-play-state: paused;
      animation-play-state: paused; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }
      .block.contact .form-group-captcha .form-wrapper .refresh.active {
        -webkit-animation-play-state: running;
        animation-play-state: running; }
  .block.contact .actions {
    text-align: right;
    position: relative; }
    .block.contact .actions small {
      position: absolute;
      top: 0;
      left: 0; }
    .block.contact .actions p {
      font-size: 2em;
      position: absolute;
      bottom: 100%;
      right: 0;
      margin-bottom: .3em;
      display: none; }
      .block.contact .actions p.success {
        color: #3A9D23; }
      .block.contact .actions p.failed {
        color: #d92c2c; }
    .block.contact .actions i {
      font-size: 2em;
      display: none; }
  .block.contact.sending .actions i {
    display: inline-block;
    -webkit-animation: spin 1s infinite linear;
            animation: spin 1s infinite linear; }
  .block.contact.sending .actions button {
    opacity: .3; }
  .block.contact.complete .actions p {
    display: block; }

html.safari.mac .block.contact .half label {
  margin: .7em 0; }

html.ie .block.contact textarea {
  height: 150px;
  border-top: 1px solid #000; }

.block.ingredients + .block.contact,
.block.ingredients + a + .block.contact,
.block.tastes + .block.contact,
.block.tastes + a + .block.contact {
  padding-top: 0; }

.block.quote {
  float: left;
  width: 100%;
  height: 50em;
  /* p:before, p:after {
  font-family: "icons"; font-style: normal; position: absolute; }

  p:before {
    content: "F"; left: 0; top: -1.5em; opacity: .6; }

  p:after {
    content: "E"; right: 0; bottom: -1.5em; } */ }
  .block.quote .img {
    float: left;
    height: 100%;
    width: 40%;
    position: relative; }
  .block.quote .content {
    float: right;
    height: 100%;
    width: 60%;
    padding: 0 15%;
    box-sizing: border-box; }
  .block.quote p {
    font-size: 2.7em;
    font-style: italic;
    position: relative; }
  .block.quote.right .img {
    float: right; }
  .block.quote.right .content {
    float: left; }
  .block.quote.no-quote p:after, .block.quote.no-quote p:before {
    display: none; }
  .block.quote.has_background p {
    color: #FFF; }

.block.dropdown {
  float: left;
  width: 100%;
  position: relative;
  height: 20em;
  text-align: center; }
  .block.dropdown h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: normal; }
  .block.dropdown .drop {
    font-family: 'icons';
    font-size: 4em;
    color: #fff;
    position: absolute;
    margin-top: -0.5em;
    top: 50%;
    right: 5%; }
  .block.dropdown .simple, .block.dropdown .dual {
    display: none; }
  .block.dropdown.one-line .simple {
    display: inline;
    font-size: 3.7em; }
  .block.dropdown.two-line .dual {
    display: inline;
    font-size: 5.3em;
    font-weight: bold; }
    .block.dropdown.two-line .dual small {
      font-size: 0.5em;
      display: block;
      font-weight: normal;
      margin-bottom: 0.25em; }

.block.tastes {
  width: 100%;
  float: left;
  padding: 10em 0; }
  .block.tastes strong {
    font-weight: normal; }
  .block.tastes p + p, .block.tastes p + ul, .block.tastes ul + ul, .block.tastes ul + p {
    margin-top: 1.5em; }
  .block.tastes ul li:before {
    content: '•';
    margin-right: 1em; }
  .block.tastes .container {
    width: 60%;
    margin: 0 auto; }
    .block.tastes .container .ui-tabs {
      width: 100%; }
      .block.tastes .container .ui-tabs .ui-tab > a {
        display: table;
        position: relative;
        padding: 0.5em 0 1em 0;
        text-align: center;
        font-size: 2em;
        text-transform: uppercase;
        color: #9c9c9c;
        font-weight: bold;
        font-family: DINPro, Arial, sans-serif;
        height: 3em;
        width: 100%; }
      .block.tastes .container .ui-tabs .ui-tab span {
        display: table-cell;
        vertical-align: middle; }
      .block.tastes .container .ui-tabs .ui-tab > a span:before {
        margin-right: 0.5em;
        font-size: 1.5em;
        position: relative;
        top: 0.2em; }
      .block.tastes .container .ui-tabs .ui-tab > a:after {
        content: '';
        width: 1em;
        height: 1em;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        display: block;
        position: absolute;
        margin-left: -0.5em;
        bottom: -0.5em;
        left: 50%; }
      .block.tastes .container .ui-tabs .ui-tab.active a {
        color: #fff; }
      .block.tastes .container .ui-tabs .ui-tab + .ui-tab {
        border-left: 1px solid #fff; }
      .block.tastes .container .ui-tabs .ui-content {
        position: static; }
        .block.tastes .container .ui-tabs .ui-content .text {
          position: absolute;
          left: 0;
          width: 100%;
          font-size: 2em;
          padding-top: 3em;
          line-height: 1.4em; }

.article-content + .block.tastes,
.article-content + a + .block.tastes,
.article-content + script + .block.tastes,
.article-content + script + a + .block.tastes {
  padding-top: 0; }

.block.inner-tabs {
  float: left;
  width: 100%; }
  .block.inner-tabs > h1 {
    text-transform: uppercase;
    padding: 0.8em 0 0.6em 1em;
    color: #fff;
    font-size: 5.3em;
    background-color: #d6ced5; }
    .block.inner-tabs > h1 small {
      font-size: 0.5em;
      display: block;
      font-weight: normal; }
  .block.inner-tabs > .content {
    height: 95.7em; }
  .block.inner-tabs .ui-tabs.level-1 {
    position: relative; }
    .block.inner-tabs .ui-tabs.level-1 > .ui-tab {
      border-top: 0; }
      .block.inner-tabs .ui-tabs.level-1 > .ui-tab > a {
        font-size: 3.9em;
        padding: 1.4em 0 0.3em 2.5em;
        text-align: left;
        position: relative;
        border-right: 1px solid #fff; }
        .block.inner-tabs .ui-tabs.level-1 > .ui-tab > a small {
          display: block;
          font-weight: normal;
          font-size: 0.5em; }
        .block.inner-tabs .ui-tabs.level-1 > .ui-tab > a .number {
          position: absolute;
          font-weight: normal;
          font-size: 2em;
          left: 0.45em;
          bottom: 0.03em; }
      .block.inner-tabs .ui-tabs.level-1 > .ui-tab > a:after {
        font-family: 'icons';
        content: 'a';
        text-transform: none;
        position: absolute;
        right: 0.5em;
        top: calc(50% - 0.5em); }
      .block.inner-tabs .ui-tabs.level-1 > .ui-tab.active > a {
        background-color: #846e80; }
      .block.inner-tabs .ui-tabs.level-1 > .ui-tab.active > a:after {
        content: 'm'; }
    .block.inner-tabs .ui-tabs.level-1 .ui-content {
      background-color: #9c8999;
      position: absolute;
      left: 0;
      width: 100%; }
      .block.inner-tabs .ui-tabs.level-1 .ui-content .headline {
        margin: 2em 0 1.5em 0;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 2em; }
      .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 {
        padding: 0 20%;
        box-sizing: border-box; }
        .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab {
          width: 18%; }
          .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab.active > a {
            border-left-color: #fff !important;
            background-color: #fff !important;
            color: #9c8999; }
          .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab > a {
            color: #fff;
            border: 1px solid;
            border-radius: 0.3em;
            font-size: 1.8em;
            padding: 0.8em 0 0.6em 0;
            margin-bottom: 2em; }
          .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-tab + .ui-tab {
            padding-left: 2.5%; }
        .block.inner-tabs .ui-tabs.level-1 .ui-content .ui-tabs.level-2 .ui-content {
          height: 66em; }

.block.ingredients {
  width: 100%;
  float: left;
  padding: 10em 0; }
  .block.ingredients .container {
    width: 60%;
    margin: 0 auto; }
  .block.ingredients h1 {
    font-size: 5.3em;
    text-transform: uppercase; }
    .block.ingredients h1 small {
      font-size: 0.5em;
      display: block;
      font-weight: normal; }
  .block.ingredients h2 {
    font-size: 3.1em;
    color: #9c9c9c;
    margin: 0.5em 0 0 1.5em; }
    .block.ingredients h2 small {
      font-size: 0.75em;
      display: block; }
  .block.ingredients .text {
    overflow: auto;
    position: absolute;
    width: 100%;
    top: 6em;
    bottom: 7em; }
  .block.ingredients .p {
    font-size: 1.8em; }
  .block.ingredients .ingredients {
    width: 100%;
    margin-top: 6em;
    height: 30em;
    position: relative; }
    .block.ingredients .ingredients .ui-arrows {
      color: #b0b0b0; }
      .block.ingredients .ingredients .ui-arrows .ui-arrow {
        position: absolute;
        top: 50%;
        margin-top: -1em;
        font-size: 4em; }
        .block.ingredients .ingredients .ui-arrows .ui-arrow.left {
          left: -1em; }
        .block.ingredients .ingredients .ui-arrows .ui-arrow.right {
          right: -1em; }
    .block.ingredients .ingredients .ui-slide {
      text-align: center; }
    .block.ingredients .ingredients .ingredient {
      width: 22%;
      display: inline-block;
      text-align: center;
      position: relative;
      height: 100%; }
      .block.ingredients .ingredients .ingredient h3 {
        font-size: 1.8em;
        text-transform: uppercase;
        margin-bottom: 0.75em;
        /* margin: 2em 0 0.75em 0; height: 2em; display: table; width: 100%;
        span{ display: table-cell; vertical-align: middle } */ }
      .block.ingredients .ingredients .ingredient .drop {
        font-size: 1.2em;
        text-transform: uppercase;
        font-family: DINPro, Arial, sans-serif;
        font-weight: bold;
        display: block;
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 0; }
        .block.ingredients .ingredients .ingredient .drop .close {
          display: none;
          position: relative;
          margin-right: 1.3em; }
        .block.ingredients .ingredients .ingredient .drop .close:after {
          font-size: 1.3em;
          margin-left: 0.5em;
          position: absolute;
          left: 100%;
          top: -0.2em; }
        .block.ingredients .ingredients .ingredient .drop.active .close {
          display: inline-block; }
        .block.ingredients .ingredients .ingredient .drop.active .more {
          display: none; }
      .block.ingredients .ingredients .ingredient .drop:before {
        margin-right: 0.3em; }
      .block.ingredients .ingredients .ingredient .drop:after {
        content: '';
        width: 4em;
        height: 4em;
        display: block;
        background-color: #fff;
        -webkit-transform: scaleY(0.1) rotate(45deg);
            -ms-transform: scaleY(0.1) rotate(45deg);
                transform: scaleY(0.1) rotate(45deg);
        position: relative;
        left: 50%;
        margin-left: -2em;
        top: -1.2em;
        z-index: -1; }
      .block.ingredients .ingredients .ingredient .drop.active:after {
        -webkit-transform: scaleY(0.7) rotate(45deg);
            -ms-transform: scaleY(0.7) rotate(45deg);
                transform: scaleY(0.7) rotate(45deg); }
    .block.ingredients .ingredients .ingredient:before {
      font-size: 5em; }
    .block.ingredients .ingredients .ingredient + .ingredient {
      margin-left: 3%; }
  .block.ingredients .contents {
    margin-top: -3.5em; }
  .block.ingredients .info {
    background-color: #edeaed;
    z-index: -2;
    /* .img {
      position: absolute; width: 25%; top: 2em; right: 0; padding-right: 3em; bottom: 2em; @include backface-visibility(hidden); float: none;
      .cover { position: relative; }
    } */ }
    .block.ingredients .info .inner {
      opacity: 0; }
      .block.ingredients .info .inner > div {
        box-sizing: border-box; }
    .block.ingredients .info .content, .block.ingredients .info .img {
      display: block;
      float: left; }
    .block.ingredients .info .content {
      width: 97%;
      height: 100%;
      float: none;
      padding: 4em 3em; }
    .block.ingredients .info .img + .content {
      width: 75%;
      padding-right: 6em; }
    .block.ingredients .info .img {
      width: 25%;
      padding: 3em 3em 2em 0;
      float: right;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
      .block.ingredients .info .img img {
        width: 100%;
        height: auto; }
    .block.ingredients .info h4 {
      font-size: 2.1em;
      text-transform: uppercase;
      margin-bottom: 0.75em; }
    .block.ingredients .info a.button {
      font-size: 1.6em;
      margin-top: 1.5em; }
    .block.ingredients .info.active .inner {
      position: relative;
      opacity: 1; }

.block.ingredients + .block.ingredients,
.article-content + .block.ingredients,
.block.ingredients + a + .block.ingredients,
.article-content + a + .block.ingredients,
.article-content + script + .block.ingredients,
.article-content + script + a + .block.ingredients {
  padding-top: 0;
  margin-top: -5em; }

.article-content + .block.ingredients .ingredients,
.article-content + a + .block.ingredients .ingredients {
  margin-top: 0; }

#FirmenichFrontBundle--page_perfumery_finefragrance-tabbed_contents1-tabbed_contents .ingredients,
#FirmenichFrontBundle--page_ingredients_sharing-tabbed_contents1-tabbed_contents .ingredients {
  height: 20em; }

#FirmenichFrontBundle--page_sustainability-tabbed_contents1-tabbed_contents,
#FirmenichFrontBundle--page_sustainabilityv2-tabbed_contents1-tabbed_contents {
  padding-bottom: 3em; }

.block.values {
  clear: both;
  float: left;
  width: 100%; }
  .block.values .title {
    text-transform: uppercase;
    font-size: 3.2em;
    display: block;
    text-align: center;
    line-height: 95%;
    font-weight: bold;
    padding: 1em 0; }
    .block.values .title small {
      font-size: 0.75em;
      display: block;
      font-weight: 100; }
  .block.values > .content {
    height: 89.4em; }
  .block.values .ui-tabs.level-1 {
    position: relative; }
    .block.values .ui-tabs.level-1 .ui-tab > a {
      height: 4em;
      display: table;
      width: 100%;
      box-sizing: border-box; }
      .block.values .ui-tabs.level-1 .ui-tab > a:before, .block.values .ui-tabs.level-1 .ui-tab > a:after {
        display: none; }
      .block.values .ui-tabs.level-1 .ui-tab > a span {
        display: table-cell;
        vertical-align: middle; }
    .block.values .ui-tabs.level-1 .ui-content {
      position: absolute;
      left: 0;
      width: 100%; }
  .block.values .ui-tabs.level-2 .ui-tab > a {
    height: 6em;
    display: table;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important; }
    .block.values .ui-tabs.level-2 .ui-tab > a span {
      display: table-cell;
      vertical-align: middle; }
  .block.values .ui-tabs.level-2 .ui-content {
    height: 66em; }

.component.dates {
  clear: both;
  height: 78em;
  float: left;
  width: 100%; }
  .component.dates .decades {
    width: 100%; }
    .component.dates .decades .ui-tab > a {
      background-color: #f0f0f0;
      color: #9c9c9c;
      font-size: 3em;
      padding: 0.9em 0 0.7em 0;
      text-align: center;
      display: block;
      font-weight: bold;
      font-family: DINPro, Arial, sans-serif;
      box-sizing: border-box; }
    .component.dates .decades .ui-tab.active a {
      color: #fff; }
    .component.dates .decades .ui-content {
      position: absolute;
      left: 0;
      width: 100%; }

.block.posts {
  width: 100%;
  float: left;
  padding-bottom: 0; }
  .block.posts .post {
    width: 800px;
    max-width: 100%;
    margin: 50px auto; }
    .block.posts .post > div {
      display: inline-block;
      vertical-align: middle; }
    .block.posts .post > .thumb {
      width: 20%; }
      .block.posts .post > .thumb img {
        border-radius: 50%;
        width: 80%; }
    .block.posts .post > .abstract {
      width: 59%; }
      .block.posts .post > .abstract h2 {
        font-size: 3em;
        text-transform: uppercase;
        margin-bottom: 0.5em; }
        .block.posts .post > .abstract h2 small {
          display: block;
          font-size: 0.5em;
          font-weight: normal; }
      .block.posts .post > .abstract p {
        font-size: 1.5em; }
    .block.posts .post > .action {
      text-align: right;
      width: 20%; }
  .block.posts .pagination {
    text-align: center;
    width: 100%;
    float: left;
    color: #FFF;
    padding: 1em 0; }
    .block.posts .pagination > .inner {
      width: 800px;
      max-width: 100%;
      margin: auto;
      position: relative; }
      .block.posts .pagination > .inner .arrow-outer {
        font-size: 8em;
        position: relative;
        z-index: 1; }
        .block.posts .pagination > .inner .arrow-outer.prev {
          float: left; }
        .block.posts .pagination > .inner .arrow-outer.next {
          float: right; }
      .block.posts .pagination > .inner .arrow {
        cursor: pointer;
        opacity: .7; }
        .block.posts .pagination > .inner .arrow:hover {
          opacity: 1; }
        .block.posts .pagination > .inner .arrow > span:before {
          vertical-align: middle; }
      .block.posts .pagination > .inner .center {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .block.posts .pagination > .inner .center .links-outer {
          display: table;
          width: 100%;
          height: 100%; }
          .block.posts .pagination > .inner .center .links-outer > ul {
            display: table-cell;
            vertical-align: middle; }
            .block.posts .pagination > .inner .center .links-outer > ul > li {
              display: inline-block;
              cursor: pointer;
              font-size: 2em;
              padding: 0 0.3em;
              margin: 0 0.3em;
              position: relative;
              z-index: 2;
              opacity: .7;
              -webkit-transition: -webkit-transform 0.2s linear;
              transition: transform 0.2s linear; }
              .block.posts .pagination > .inner .center .links-outer > ul > li:hover {
                opacity: 1; }
              .block.posts .pagination > .inner .center .links-outer > ul > li.active {
                -webkit-transform: scale(2);
                -ms-transform: scale(2);
                    transform: scale(2);
                z-index: 1;
                opacity: 1; }

.page-ingredients_catalog.loading-app .header > .inner {
  display: none; }

.page-ingredients_catalog.loading-app .views {
  visibility: hidden; }

.page-ingredients_catalog .breadcrump {
  bottom: 40%; }

.page-ingredients_catalog .header {
  width: 100%;
  height: 60%;
  display: block;
  position: relative;
  background: #000;
  display: table; }
  .page-ingredients_catalog .header * {
    box-sizing: border-box; }
  .page-ingredients_catalog .header .btn {
    color: #FFF;
    font-size: 3em;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s; }
    .page-ingredients_catalog .header .btn.inactive {
      opacity: .7; }
    .page-ingredients_catalog .header .btn.inactive:hover {
      opacity: .9; }
  .page-ingredients_catalog .header > .inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1; }
    .page-ingredients_catalog .header > .inner > * {
      text-align: center;
      margin-top: 6em; }
    .page-ingredients_catalog .header > .inner .sections > .btn {
      display: inline-block;
      vertical-align: middle;
      text-align: left;
      font-size: 4em;
      border-bottom: 5px solid #FFF;
      margin: 0 1em; }
      .page-ingredients_catalog .header > .inner .sections > .btn small {
        display: block;
        font-weight: normal;
        font-size: .5em; }
    .page-ingredients_catalog .header > .inner .nav-views > * {
      display: inline-block;
      vertical-align: middle;
      margin-left: 2em; }
      .page-ingredients_catalog .header > .inner .nav-views > *:first-child {
        margin-left: 0; }
      .page-ingredients_catalog .header > .inner .nav-views > *.search {
        background: rgba(0, 0, 0, 0.3);
        padding: 0 1em;
        font-size: 3em;
        color: #FFF;
        height: 2em;
        line-height: 2em; }
        .page-ingredients_catalog .header > .inner .nav-views > *.search:before {
          vertical-align: middle; }
        .page-ingredients_catalog .header > .inner .nav-views > *.search input {
          border: 0;
          background: transparent;
          outline: none;
          padding: 0;
          color: #FFF;
          font-size: .5em;
          vertical-align: middle;
          width: 29em;
          margin-left: 1em;
          font-weight: bold; }
          .page-ingredients_catalog .header > .inner .nav-views > *.search input::-webkit-input-placeholder {
            color: #FFF;
            text-transform: uppercase;
            opacity: .6; }
          .page-ingredients_catalog .header > .inner .nav-views > *.search input:-moz-input-placeholder {
            color: #FFF;
            text-transform: uppercase;
            opacity: .6; }
          .page-ingredients_catalog .header > .inner .nav-views > *.search input::-moz-input-placeholder {
            color: #FFF;
            text-transform: uppercase;
            opacity: .6; }
          .page-ingredients_catalog .header > .inner .nav-views > *.search input:-ms-input-placeholder {
            color: #FFF;
            text-transform: uppercase;
            opacity: .6; }
  .page-ingredients_catalog .header table.links-outer {
    position: absolute;
    right: 1em;
    height: 100%;
    z-index: 1; }
    .page-ingredients_catalog .header table.links-outer tr:first-child td {
      padding-top: 18em; }
    .page-ingredients_catalog .header table.links-outer tr:last-child {
      height: 100%; }
      .page-ingredients_catalog .header table.links-outer tr:last-child td {
        vertical-align: bottom;
        padding-bottom: 3em; }
  .page-ingredients_catalog .header .nav-views .btn > span,
  .page-ingredients_catalog .header .links .btn > span {
    display: inline-block;
    vertical-align: middle; }
    .page-ingredients_catalog .header .nav-views .btn > span.icon,
    .page-ingredients_catalog .header .links .btn > span.icon {
      width: 2em;
      height: 2em;
      line-height: 2em;
      background: rgba(0, 0, 0, 0.3);
      text-align: center; }
      .page-ingredients_catalog .header .nav-views .btn > span.icon:before,
      .page-ingredients_catalog .header .links .btn > span.icon:before {
        vertical-align: middle; }
    .page-ingredients_catalog .header .nav-views .btn > span.label,
    .page-ingredients_catalog .header .links .btn > span.label {
      text-align: left;
      font-size: .7em; }
  .page-ingredients_catalog .header .links {
    text-align: left;
    margin-top: 0;
    /* &.top {
                top: 18em;
            }
            &.bottom {
                bottom: 3em;
                vertical-align: bottom;
            } */ }
    .page-ingredients_catalog .header .links .btn {
      margin-bottom: .5em;
      display: block; }
      .page-ingredients_catalog .header .links .btn:last-child {
        margin-bottom: 0; }
      .page-ingredients_catalog .header .links .btn > span.icon {
        background: transparent;
        border: 1px solid #FFF;
        width: 1.5em;
        height: 1.5em;
        line-height: 1.5em; }
      .page-ingredients_catalog .header .links .btn > span.label {
        font-size: .6em;
        font-weight: normal;
        margin-left: .2em; }
  .page-ingredients_catalog .header > .cover {
    -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
    opacity: 0; }

.page-ingredients_catalog .header.section-perfumery > .cover.perfumery {
  opacity: 1; }

.page-ingredients_catalog .header.section-flavors > .cover.flavors {
  opacity: 1; }

.page-ingredients_catalog .views {
  float: left;
  width: 100%; }
  .page-ingredients_catalog .views * {
    box-sizing: border-box; }

.page-ingredients_catalog .search-failed-alert {
  display: none;
  text-align: center;
  color: #9d8398; }
  .page-ingredients_catalog .search-failed-alert p {
    color: #9d8398;
    font-size: 2.5em;
    font-style: italic;
    margin: 2em 0; }
  .page-ingredients_catalog .search-failed-alert > .btn {
    display: inline-block;
    margin-bottom: 2em;
    font-size: 2em;
    text-transform: uppercase;
    cursor: pointer; }
    .page-ingredients_catalog .search-failed-alert > .btn:before {
      font-size: 2em;
      display: block;
      margin-bottom: -.1em; }

.page-ingredients_catalog .view.search-failed .search-failed-alert {
  display: block; }

.page-ingredients_catalog .view.search-failed .cols {
  display: none; }

.page-ingredients_catalog .view > .inner {
  background: #F3F3F3;
  padding: 7em; }

.page-ingredients_catalog .view.full-list .cols {
  position: relative; }
  .page-ingredients_catalog .view.full-list .cols .col.left {
    float: left;
    font-size: 2em;
    width: 20%; }
    .page-ingredients_catalog .view.full-list .cols .col.left .form-group {
      margin-bottom: 2em; }
      .page-ingredients_catalog .view.full-list .cols .col.left .form-group:last-child {
        margin-bottom: 0; }
    .page-ingredients_catalog .view.full-list .cols .col.left label {
      display: block;
      color: #333;
      margin-bottom: 0.5em; }
    .page-ingredients_catalog .view.full-list .cols .col.left .control-label {
      font-weight: bold;
      margin-bottom: 1em; }
      .page-ingredients_catalog .view.full-list .cols .col.left .control-label > small {
        display: block;
        font-weight: normal;
        color: #999;
        font-style: italic;
        font-size: .9em;
        margin-top: .3em; }
    .page-ingredients_catalog .view.full-list .cols .col.left select {
      height: 2.5em;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc; }
  .page-ingredients_catalog .view.full-list .cols .col.right {
    float: right;
    width: 80%;
    background: #FEFFFE; }
    .page-ingredients_catalog .view.full-list .cols .col.right table {
      width: 100%;
      text-align: left; }
      .page-ingredients_catalog .view.full-list .cols .col.right table thead {
        color: #A4A4A4; }
        .page-ingredients_catalog .view.full-list .cols .col.right table thead small {
          display: block;
          font-size: .9em;
          font-weight: normal;
          margin-top: .3em; }
        .page-ingredients_catalog .view.full-list .cols .col.right table thead tr {
          border-bottom: 1px solid #D4D4D4; }
      .page-ingredients_catalog .view.full-list .cols .col.right table tbody small {
        display: block;
        font-size: .9em;
        font-weight: normal;
        color: #B2B2B2;
        margin-top: .3em; }
      .page-ingredients_catalog .view.full-list .cols .col.right table tbody tr {
        border-bottom: 1px solid #E8E8E8; }
        .page-ingredients_catalog .view.full-list .cols .col.right table tbody tr :last-child {
          border-bottom-color: #FFF;
          vertical-align: middle;
          color: #706e5b; }
      .page-ingredients_catalog .view.full-list .cols .col.right table th, .page-ingredients_catalog .view.full-list .cols .col.right table td {
        padding: 20px 20px 20px 0;
        font-size: 2em; }
      .page-ingredients_catalog .view.full-list .cols .col.right table th {
        vertical-align: middle;
        cursor: pointer;
        position: relative; }
        .page-ingredients_catalog .view.full-list .cols .col.right table th b {
          display: inline-block; }
        .page-ingredients_catalog .view.full-list .cols .col.right table th.check {
          width: 3%;
          padding-right: 0px; }
        .page-ingredients_catalog .view.full-list .cols .col.right table th.label {
          width: 30%; }
        .page-ingredients_catalog .view.full-list .cols .col.right table th.family {
          width: 18%; }
        .page-ingredients_catalog .view.full-list .cols .col.right table th.type {
          width: 16%; }
        .page-ingredients_catalog .view.full-list .cols .col.right table th.actions {
          width: 3%;
          padding-right: 0px; }
        .page-ingredients_catalog .view.full-list .cols .col.right table th.sort-active:after {
          position: absolute;
          margin-left: .4em;
          font-weight: bold; }
    .page-ingredients_catalog .view.full-list .cols .col.right .to-fixe {
      padding: 0 20px; }
    .page-ingredients_catalog .view.full-list .cols .col.right .fixed {
      padding: 7em 20px 0 20px;
      position: fixed;
      background: #FFF;
      visibility: hidden;
      z-index: 1; }
      .page-ingredients_catalog .view.full-list .cols .col.right .fixed:before {
        content: "";
        background: #F3F3F3;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 7em; }

.page-ingredients_catalog .view.full-list > .inner.has-fixed .cols .col.left {
  position: fixed;
  top: 7em;
  width: auto; }

.page-ingredients_catalog .view.full-list > .inner.has-fixed .cols .col.right .fixed {
  visibility: visible;
  bottom: auto !important; }

.page-ingredients_catalog .view.full-list > .inner.has-fixed-bottom .cols .col.left {
  position: absolute;
  width: auto;
  bottom: 0;
  margin-bottom: 0 !important; }

.page-ingredients_catalog .view.full-list > .inner.has-fixed-bottom .cols .col.right .fixed {
  visibility: visible;
  position: absolute;
  top: auto !important; }

.page-ingredients_catalog .view.searching .cols .col.left {
  display: none; }

.page-ingredients_catalog .view.searching .cols .col.right {
  width: 100%; }

.page-ingredients_catalog .view.families {
  background: #F3F3F3;
  padding: 7em; }
  .page-ingredients_catalog .view.families > .inner {
    background: #FFF; }
  .page-ingredients_catalog .view.families .family {
    float: left;
    margin-bottom: 4em; }
    .page-ingredients_catalog .view.families .family .title {
      font-size: 3em;
      color: #FFF;
      padding: 0.3em 0.4em 0.2em 0.4em; }
    .page-ingredients_catalog .view.families .family ul {
      padding: .5em; }
    .page-ingredients_catalog .view.families .family li {
      font-size: 1.6em;
      margin-top: .5em; }
      .page-ingredients_catalog .view.families .family li.no-link {
        color: #999; }
  @media only screen and (min-width: 768px) {
    .page-ingredients_catalog .view.families .family {
      width: 48%;
      margin-left: 4%; }
      .page-ingredients_catalog .view.families .family:nth-child(2n+1) {
        clear: both;
        margin-left: 0; } }
  @media only screen and (min-width: 992px) {
    .page-ingredients_catalog .view.families .family {
      width: 30%;
      margin-left: 5%; }
      .page-ingredients_catalog .view.families .family:nth-child(2n+1) {
        clear: none;
        margin-left: 5%; }
      .page-ingredients_catalog .view.families .family:nth-child(3n+1) {
        clear: both;
        margin-left: 0; } }
  @media only screen and (min-width: 1200px) {
    .page-ingredients_catalog .view.families .family {
      width: 22%;
      margin-left: 4%; }
      .page-ingredients_catalog .view.families .family:nth-child(2n+1) {
        clear: none;
        margin-left: 4%; }
      .page-ingredients_catalog .view.families .family:nth-child(3n+1) {
        clear: none;
        margin-left: 4%; }
      .page-ingredients_catalog .view.families .family:nth-child(4n+1) {
        clear: both;
        margin-left: 0; } }

.page-search .breadcrump {
  bottom: 0; }

.page-search .header {
  width: 100%;
  height: 50%;
  background: #000; }

.page-search .form {
  width: 800px;
  max-width: 100%;
  margin: 2em auto 0;
  font-size: 2.5em; }

.page-search .page {
  height: auto; }
  .page-search .page .block.XL {
    height: 48.7em; }
    .page-search .page .block.XL img {
      top: -50%; }
  .page-search .page h1 {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: normal;
    color: #306b8b; }
  .page-search .page h2 {
    font-size: 3em !important;
    text-transform: uppercase;
    font-weight: bold;
    color: #306b8b; }
  .page-search .page h2 {
    font-size: 2em; }
  .page-search .page #___gcse_1 {
    width: 50%;
    margin: auto;
    margin-top: 4em; }
  .page-search .page .gsc-wrapper {
    padding-left: 10%; }
  .page-search .page .gsc-result {
    position: relative;
    margin-top: 2.5em;
    height: 8em; }
  .page-search .page .gsc-control-cse {
    padding: 0; }
  .page-search .page .gsc-result-info, .page-search .page .gsc-thumbnail-inside, .page-search .page .gsc-url-top {
    padding-left: 0; }
  .page-search .page .gcsc-branding {
    display: none; }
  .page-search .page .gs-web-image-box-portrait img.gs-image {
    width: auto;
    height: 100%;
    max-height: none;
    max-width: none; }
  .page-search .page .gs-web-image-box-landscape img.gs-image {
    width: auto;
    height: 100%;
    max-height: none;
    max-width: none; }
  .page-search .page .gsc-table-cell-thumbnail {
    width: 10em;
    position: absolute !important;
    margin-left: -9em;
    top: calc(50% - 3em); }
  .page-search .page .gsc-table-cell-snippet-close {
    width: auto; }
  .page-search .page .gs-image-box {
    width: 7em !important;
    height: 7em !important;
    overflow: hidden;
    border-radius: 10em;
    padding: 0; }
  .page-search .page .gs-snippet {
    font-size: 1em;
    padding: 0.2em 0 0 0;
    color: #AAA; }
  .page-search .page .gs-title {
    height: auto; }
    .page-search .page .gs-title a.gs-title {
      font-size: 1.8em !important; }
      .page-search .page .gs-title a.gs-title b {
        font-size: 1em; }
  .page-search .page .gsc-thumbnail {
    position: relative; }
  .page-search .page .gs-visibleUrl {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    font-size: 1em; }
  .page-search .page .gs-no-results-result .gs-snippet, .page-search .page .gs-error-result .gs-snippet {
    background: none;
    border: 0px;
    font-size: 2em !important;
    text-transform: uppercase;
    color: #306b8b; }
  .page-search .page .gsc-results .gsc-cursor-box {
    margin-top: 50px; }

.page-search footer {
  top: 11em; }

.ui-slider .ui-slide {
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ui-slider .ui-pagination a {
  -webkit-transition: background 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: background 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .ui-slider .ui-pagination a .sub {
    -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ui-slider .ui-animate .ui-animate-items > *,
.ui-slider .ui-animate .ui-animate-items {
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ui-slider
.ui-arrow.left {
  -webkit-transition: left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ui-slider
.ui-arrow.right {
  -webkit-transition: right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.submenu, header {
  -webkit-transition: top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.submenu a {
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.submenu div {
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.slider.place [class^="icon-"]:before, .slider.place [class*=" icon-"]:before {
  -webkit-transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.slider.timeline-horizontal .cover:before {
  -webkit-transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.slider.timeline-horizontal .ui-pagination {
  -webkit-transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .slider.timeline-horizontal .ui-pagination
a span {
    -webkit-transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .slider.timeline-horizontal .ui-pagination
a:before {
    -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.slider.timeline-vertical .ui-pagination a .date, .slider.timeline-vertical .ui-pagination a .mol {
  -webkit-transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.slider.timeline-vertical .ui-pagination a:before {
  -webkit-transition: background 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: background 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.slider.people .offer .testimonials a {
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.slider.video .icon-play:before {
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

aside .ui-menu a:after {
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

aside.dots.fixed {
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }
  aside.dots.fixed a span {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  aside.dots.fixed > span:after {
    -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.block.ingredients .info .inner {
  -webkit-transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.block.ingredients .drop:after {
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.slider.nova .ui-animate-fade {
  -webkit-transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

button, .button, a.button, input[type="submit"], input[type="reset"], input[type="button"] {
  position: relative;
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.55s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
          transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.55s cubic-bezier(0.645, 0.045, 0.355, 1) !important; }
  button:after, button:before, .button:after, .button:before, a.button:after, a.button:before, input[type="submit"]:after, input[type="submit"]:before, input[type="reset"]:after, input[type="reset"]:before, input[type="button"]:after, input[type="button"]:before {
    content: '';
    position: absolute;
    border: 1px solid #fff;
    box-sizing: border-box;
    -webkit-transition: 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 0;
    height: 0;
    opacity: 0; }
  button:after, .button:after, a.button:after, input[type="submit"]:after, input[type="reset"]:after, input[type="button"]:after {
    border-left: 0;
    border-top: 0;
    bottom: 0;
    right: 0; }
  button:before, .button:before, a.button:before, input[type="submit"]:before, input[type="reset"]:before, input[type="button"]:before {
    border-right: 0;
    border-bottom: 0;
    top: 0;
    left: 0; }
  button:hover, .button:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background: transparent; }
    button:hover:after, button:hover:before, .button:hover:after, .button:hover:before, a.button:hover:after, a.button:hover:before, input[type="submit"]:hover:after, input[type="submit"]:hover:before, input[type="reset"]:hover:after, input[type="reset"]:hover:before, input[type="button"]:hover:after, input[type="button"]:hover:before {
      width: 100%;
      height: 100%;
      opacity: 1; }
  button.border:hover:after, button.border:hover:before, .button.border:hover:after, .button.border:hover:before, a.button.border:hover:after, a.button.border:hover:before, input[type="submit"].border:hover:after, input[type="submit"].border:hover:before, input[type="reset"].border:hover:after, input[type="reset"].border:hover:before, input[type="button"].border:hover:after, input[type="button"].border:hover:before {
    width: 0;
    height: 0;
    opacity: 0; }
  button.background:hover, .button.background:hover, a.button.background:hover, input[type="submit"].background:hover, input[type="reset"].background:hover, input[type="button"].background:hover {
    background: #fff !important; }
  button.blue:hover, .button.blue:hover, a.button.blue:hover, input[type="submit"].blue:hover, input[type="reset"].blue:hover, input[type="button"].blue:hover {
    color: #064371; }
  button.blue:after, button.blue:before, .button.blue:after, .button.blue:before, a.button.blue:after, a.button.blue:before, input[type="submit"].blue:after, input[type="submit"].blue:before, input[type="reset"].blue:after, input[type="reset"].blue:before, input[type="button"].blue:after, input[type="button"].blue:before {
    border-color: #064371; }

header nav {
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }
  header nav
div:before, header nav
div:after {
    -webkit-transition: -webkit-transform 0.1s linear;
            transition: transform 0.1s linear; }

#subnav > div {
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

.page {
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

header .menu span, header .menu span:before, header .menu span:after {
  -webkit-transition: 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); }

aside a:after {
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@media only screen and (max-width: 768px) {
  * {
    -webkit-tap-highlight-color: transparent; }
  .has-overlay:after {
    background: #000; }
  .block.tastes + .block.article-content, .block.tastes + a + .block.article-content {
    margin-top: 0; }
  header {
    padding-top: 0 !important;
    background: #fff;
    position: fixed;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
    header .map, header .toolbox, header nav {
      display: none; }
    header .contain {
      height: auto;
      padding: 0;
      margin: 0;
      background: none; }
    header .logo {
      height: 50px;
      background: url("../images/logo/logo-blue@2x.png") no-repeat center;
      background-size: auto 50%;
      margin-top: 0 !important;
      float: none;
      margin-right: 4.5em; }
      header .logo img {
        display: none; }
    header .menu {
      display: block;
      z-index: 1; }
    header nav,
    header #subnav {
      position: fixed;
      left: 0;
      width: 100%;
      background: url("../images/misc/inner-shadow.png") repeat-y right #222;
      color: #fff;
      top: 0;
      display: block;
      bottom: 0;
      margin-top: 0;
      padding-top: 0;
      margin-left: 0;
      font-size: 2em; }
    header nav {
      -webkit-transform: translate3d(-100%, 0, 0);
              transform: translate3d(-100%, 0, 0); }
      header nav > .heading {
        display: block; }
      header nav li {
        display: block;
        padding: 1.5em;
        text-align: left;
        margin: 0;
        margin-bottom: 1px; }
        header nav li:hover, header nav li.active {
          background: rgba(255, 255, 255, 0.1); }
          header nav li:hover:before, header nav li:hover:after, header nav li.active:before, header nav li.active:after {
            display: none; }
        header nav li > span {
          cursor: pointer;
          display: block; }
    header #subnav {
      left: 100%; }
      header #subnav > div {
        position: absolute;
        top: 0;
        width: 100%;
        bottom: 0; }
        header #subnav > div li a {
          display: block;
          padding: 1.5em;
          text-align: left;
          margin: 0;
          margin-bottom: 1px; }
          header #subnav > div li a:hover, header #subnav > div li a.active {
            background: rgba(255, 255, 255, 0.1); }
            header #subnav > div li a:hover:before, header #subnav > div li a:hover:after, header #subnav > div li a.active:before, header #subnav > div li a.active:after {
              display: none; }
    header + * {
      margin-top: 50px; }
  body.menu_open2 header nav {
    border-right: 1px solid #222;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  body.menu_open2 .page {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  body.subnav_open2 header nav {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  body.subnav_open2 #subnav > div.open {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  .count-3:not(.decades) > *, .count-2:not(.decades) > *, .count-4:not(.decades) > *, .count-5:not(.decades) > * {
    width: 100% !important; }
  aside {
    display: none; }
  aside ~ .blocks, aside ~ .block.map, aside ~ .block.XL, aside ~ .slider, aside ~ footer {
    width: 100% !important; }
  .submenu {
    display: none; }
  .breadcrump {
    bottom: 30%;
    margin-bottom: -50px; }
    .breadcrump .links {
      display: none; }
  .block.posts .post {
    max-width: 80%; }
    .block.posts .post > div {
      display: block;
      margin-top: 2em; }
      .block.posts .post > div.abstract,
      .block.posts .post > div.action {
        width: auto;
        text-align: left; }
  .ui-slider .ui-pagination a {
    width: 6px;
    height: 6px;
    margin: 5px 2px; }
  .slider
.container {
    left: 4em; }
    .slider
.container .text {
      width: 100% !important; }
      .slider
.container .text h1 {
        font-size: 4em; }
  .slider.percentages {
    height: auto; }
    .slider.percentages .ui-slider {
      width: 88%;
      height: 44em; }
      .slider.percentages .ui-slider
.ui-slide {
        margin-top: 0; }
        .slider.percentages .ui-slider
.ui-slide .number {
          width: 50%;
          margin-top: 5em; }
  .slider.downloads {
    display: none; }
  .slider.XL {
    height: 65%; }
    .slider.XL .ui-pagination {
      display: none; }
    .slider.XL .ui-slide:after {
      display: none; }
    .slider.XL .block.article {
      width: 100%;
      padding: 3em;
      background-image: url("../images/colors/000000-50.png"); }
  .slider.news .ui-arrow.left {
    opacity: 0.7; }
  .slider.awards
.ui-slider .ui-arrows {
    display: none; }
  .slider.awards
.ui-slider .ui-pagination {
    display: block;
    bottom: -4em; }
    .slider.awards
.ui-slider .ui-pagination a {
      border-color: #b5baca; }
    .slider.awards
.ui-slider .ui-pagination a.active {
      background-color: #b5baca; }
  .slider.full, .slider.full.full-size, .slider.full.half-size, .slider.full.text-center, .slider.full.video {
    height: 50em; }
    .slider.full .image, .slider.full.full-size .image, .slider.full.half-size .image, .slider.full.text-center .image, .slider.full.video .image {
      width: 100%; }
      .slider.full .image:after, .slider.full.full-size .image:after, .slider.full.half-size .image:after, .slider.full.text-center .image:after, .slider.full.video .image:after {
        display: block;
        opacity: 0.5;
        background: #000; }
    .slider.full .text p, .slider.full.full-size .text p, .slider.full.half-size .text p, .slider.full.text-center .text p, .slider.full.video .text p {
      margin-left: 0 !important; }
    .slider.full .content, .slider.full.full-size .content, .slider.full.half-size .content, .slider.full.text-center .content, .slider.full.video .content {
      position: absolute;
      left: 0;
      z-index: 4;
      background: none;
      width: 100%; }
    .slider.full .ui-arrows, .slider.full.full-size .ui-arrows, .slider.full.half-size .ui-arrows, .slider.full.text-center .ui-arrows, .slider.full.video .ui-arrows {
      display: none; }
    .slider.full .ui-pagination, .slider.full.full-size .ui-pagination, .slider.full.half-size .ui-pagination, .slider.full.text-center .ui-pagination, .slider.full.video .ui-pagination {
      display: block; }
    .slider.full h2 small, .slider.full.full-size h2 small, .slider.full.half-size h2 small, .slider.full.text-center h2 small, .slider.full.video h2 small {
      color: #fff; }
  .slider.full.post {
    width: 80%;
    margin-left: 10%; }
  .slider.full.inner .image:after {
    background: #fff;
    opacity: 0.7; }
  .slider.full.inner .button:before, .slider.full.inner .button:after {
    border-color: transparent; }
  .slider.only-images .content {
    width: 100%; }
  .slider.only-images .ui-slider {
    display: none; }
  .slider.only-text .content {
    width: 100%; }
  .slider.only-text .image {
    display: none; }
  .slider.awards .inner {
    width: 100%; }
  .slider.timeline-vertical .ui-slider .content {
    width: 100%; }
    .slider.timeline-vertical .ui-slider .content .ui-pagination a .date, .slider.timeline-vertical .ui-slider .content .ui-pagination a .mol {
      opacity: 1; }
    .slider.timeline-vertical .ui-slider .content .ui-arrows {
      display: none; }
  .slider.timeline-vertical .image {
    display: none; }
  .slider.text-center {
    left: 0;
    width: 100%; }
  .slider.timeline-horizontal .content {
    height: 50em; }
  .slider.timeline-horizontal .ui-pagination {
    left: 5%;
    width: 90%; }
    .slider.timeline-horizontal .ui-pagination a {
      padding: 4em 1% 0 1%; }
      .slider.timeline-horizontal .ui-pagination a .description {
        display: none; }
    .slider.timeline-horizontal .ui-pagination a:before {
      top: 2.7em; }
  .slider.timeline-horizontal .text {
    left: 3em;
    right: 3em; }
    .slider.timeline-horizontal .text p {
      width: 100%;
      font-size: 2em; }
    .slider.timeline-horizontal .text h1 {
      font-size: 4em; }
  .slider.place .content {
    width: 100%; }
  .slider.place .image {
    display: none; }
  .slider.place .ui-arrows {
    right: 10%;
    bottom: 6%; }
  .slider.nova {
    width: 100%;
    height: 100%;
    float: left;
    display: block; }
    .slider.nova .ui-arrows {
      height: 8em;
      position: absolute;
      bottom: 2.5%;
      right: 50%; }
    .slider.nova .ui-pagination {
      width: 50%; }
    .slider.nova .content, .slider.nova .img {
      width: 50%;
      height: 100%;
      float: left; }
    .slider.nova .content {
      background-color: #e2dce1;
      box-sizing: border-box;
      padding: 0 7%;
      position: relative; }
      .slider.nova .content img {
        height: 6.9em;
        width: auto;
        display: inline;
        margin-right: 2em;
        position: relative;
        top: 0.5em; }
      .slider.nova .content h1 {
        color: #2c2c2c;
        font-size: 3em;
        display: inline-block;
        text-transform: uppercase;
        padding: 0.1em 0 0 0.5em;
        border-left: 1px solid #9c9c9c; }
        .slider.nova .content h1 div:first-child {
          font-size: 0.5em;
          font-weight: normal; }
        .slider.nova .content h1 div:last-child {
          font-size: 0.70em;
          color: #9c9c9c; }
      .slider.nova .content h2 {
        font-size: 4em;
        color: #846e80;
        display: block;
        text-transform: uppercase;
        margin-top: 1.5em; }
      .slider.nova .content p {
        font-size: 1.6em;
        margin-top: 1em; }
    .slider.nova .img {
      background-color: #cbc0c9;
      text-align: center; }
  .component.values {
    display: none; }
  .component.dates {
    display: none;
    /* height: 59em;
    .decades{
      .ui-tab > a
      {
        font-size: 2em; line-height: 140%;
        b{ display: none }
      }
    } */ }
  .block.values .ui-tab {
    display: none; }
  .block.values .ui-tab > a {
    border-right: 0; }
  .block.values .ui-tab.active {
    display: block;
    border-top: 0; }
  .block.values .ui-tabs .ui-navigation {
    display: none; }
  .block.values .ui-content {
    height: auto !important;
    display: block !important;
    position: static !important;
    background: #f0f0f0; }
  .block.values .ui-tabs.level-2 .ui-tab {
    display: block;
    float: none; }
  .block.values .ui-tabs.level-2 .ui-tab > a {
    display: none; }
  .block.values .ui-tabs.level-1 .ui-tab > a {
    position: relative; }
    .block.values .ui-tabs.level-1 .ui-tab > a:after, .block.values .ui-tabs.level-1 .ui-tab > a:before {
      position: absolute;
      top: 50%;
      margin-top: -1em;
      font-family: "icons";
      font-size: 2em;
      color: #fff;
      padding: .5em;
      text-transform: none;
      background: transparent;
      display: block; }
    .block.values .ui-tabs.level-1 .ui-tab > a:before {
      left: 0;
      padding-left: 0; }
      .block.values .ui-tabs.level-1 .ui-tab > a:before .icon-arrow-left:before {
        content: "i"; }
    .block.values .ui-tabs.level-1 .ui-tab > a:after {
      right: 0;
      padding-right: 0; }
      .block.values .ui-tabs.level-1 .ui-tab > a:after .icon-after-arrow-right:before {
        content: "h"; }
  .block.values .ui-tabs.level-1.first .ui-tab > a:before {
    display: none; }
  .block.values .ui-tabs.level-1.last .ui-tab > a:after {
    display: none; }
  .block.values .slider.people .ui-slides, .block.values .slider.people .testimonials {
    display: none; }
  .block.values .slider.people .offer {
    width: 100%; }
    .block.values .slider.people .offer .content {
      height: 100%;
      overflow: visible;
      padding: 4em;
      margin-top: 0;
      margin-right: 0; }
      .block.values .slider.people .offer .content h2 {
        font-size: 3em; }
        .block.values .slider.people .offer .content h2 small {
          font-size: 0.6em; }
  .block.downloads {
    display: none; }
  .block.downloads + .slider.awards {
    width: 100%; }
    .block.downloads + .slider.awards .inner {
      width: 98%; }
  .block.intro {
    padding: 4em 0;
    height: auto; }
    .block.intro .social {
      width: 80%;
      float: none;
      margin-left: 10%;
      margin-bottom: 3em;
      height: auto; }
      .block.intro .social a {
        display: inline-block;
        margin-right: .5em; }
      .block.intro .social a b {
        display: none; }
    .block.intro .text {
      width: 80%;
      float: none;
      margin-left: 10%; }
      .block.intro .text h1 {
        font-size: 4em; }
      .block.intro .text .offset {
        margin-left: 0; }
        .block.intro .text .offset p {
          font-size: 2em; }
        .block.intro .text .offset .one-third {
          width: 100%;
          margin-top: 1.5em;
          margin-left: 0 !important; }
          .block.intro .text .offset .one-third > div {
            height: 2em;
            padding-left: 3em; }
          .block.intro .text .offset .one-third:before {
            font-size: 2em; }
  .block.slidedown.half {
    width: 100%; }
  .block.slidedown.half + .half {
    border-left: 0; }
  .block.slidedown
.ui-button {
    text-align: center !important;
    font-size: 3em; }
    .block.slidedown
.ui-button:before {
      display: none; }
  .block.slidedown .ui-close {
    right: 10px;
    top: 10px; }
  .block.slidedown .ui-content {
    height: auto; }
    .block.slidedown .ui-content .blocks {
      margin: 0; }
      .block.slidedown .ui-content .blocks h2 {
        padding-top: 1em; }
  .block.access .container {
    width: 100%;
    font-size: 90%; }
  .block.message .content {
    width: 100%; }
  .block.message .image {
    display: none; }
  .block.year .image {
    display: none; }
  .block.year .text {
    width: 90%; }
  .block.map .heading {
    padding-left: 0;
    margin: 0; }
    .block.map .heading h2 {
      padding: 1em;
      line-height: 100%; }
    .block.map .heading a {
      padding: 0;
      text-align: center;
      width: 33.33%;
      box-sizing: border-box; }
  .block.number-grid {
    display: block; }
    .block.number-grid .line {
      display: block; }
    .block.number-grid .number {
      display: block; }
    .block.number-grid .number + .number + .number,
    .block.number-grid .number + .number + .number + .number {
      border-top: 1px solid #f0f0f0; }
    .block.number-grid h3 {
      height: 2.5em;
      text-align: center; }
    .block.number-grid h4 {
      font-size: 4em; }
  .block.numbers {
    height: auto; }
    .block.numbers
.container {
      width: 100%; }
      .block.numbers
.container
.content {
        padding: 0 3em;
        width: 100%;
        margin: 5em 0; }
        .block.numbers
.container
.content h1 {
          font-size: 15em; }
        .block.numbers
.container
.content p {
          max-width: none; }
  .block.article-content {
    float: left;
    width: 100%;
    color: #2c2c2c; }
    .block.article-content .container {
      width: 80%;
      margin: 7em auto; }
      .block.article-content .container .content {
        padding-left: 0; }
        .block.article-content .container .content .half {
          width: 100%; }
          .block.article-content .container .content .half + .half {
            margin-left: 0; }
  .block.contact {
    padding: 7em 0; }
    .block.contact h1 {
      font-size: 4em; }
    .block.contact label {
      font-size: 1.5em; }
    .block.contact input[type=text] {
      font-size: 2em;
      padding: 0.4em 0; }
    .block.contact input[type=button] {
      float: none; }
    .block.contact .container {
      width: 80%; }
    .block.contact .half, .block.contact .full {
      margin-top: 5em; }
    .block.contact .half {
      width: 100%; }
      .block.contact .half + .half {
        margin-left: 0; }
      .block.contact .half:last-child {
        margin-top: 2em;
        text-align: center; }
    .block.contact a.button {
      width: 100%;
      box-sizing: border-box; }
  .block.quote {
    height: 30em; }
    .block.quote .img {
      display: none; }
    .block.quote .content {
      width: 100%;
      padding: 0 10%;
      border-left: 0; }
    .block.quote p {
      font-size: 2.2em; }
  .block.dropdown {
    height: 15em; }
    .block.dropdown .drop {
      margin-top: 0;
      top: 70%; }
    .block.dropdown.one-line .simple {
      font-size: 2.5em; }
    .block.dropdown.two-line .dual {
      font-size: 3em; }
      .block.dropdown.two-line .dual small {
        font-size: 0.7em;
        margin-bottom: 0.4em; }
  .block.tastes {
    padding: 0 0 7em 0;
    height: auto; }
    .block.tastes p, .block.tastes ul {
      margin: 3em auto 0 auto;
      width: 80%;
      text-align: justify; }
    .block.tastes .container {
      width: 100%; }
      .block.tastes .container .ui-tabs .ui-content {
        height: auto !important; }
        .block.tastes .container .ui-tabs .ui-content .text {
          height: auto;
          position: static;
          padding: 2em;
          width: auto; }
  .block.ingredients {
    padding: 7em 0; }
    .block.ingredients .container {
      width: 100%; }
    .block.ingredients h1 {
      font-size: 4em;
      width: 80%;
      margin: auto; }
    .block.ingredients h2 {
      font-size: 2.7em;
      margin: 0.5em auto 0 auto;
      width: 80%; }
    .block.ingredients .ui-arrows .ui-arrow.left {
      left: 0 !important; }
    .block.ingredients .ui-arrows .ui-arrow.right {
      right: 0 !important; }
    .block.ingredients .ingredients {
      height: 14em; }
      .block.ingredients .ingredients h3 {
        margin-top: 0.5em; }
      .block.ingredients .ingredients a.arrow.left {
        left: -1em; }
      .block.ingredients .ingredients a.arrow.right {
        right: -1em; }
      .block.ingredients .ingredients .ingredient {
        width: 40%;
        margin-left: 0 !important; }
      .block.ingredients .ingredients .ingredient:nth-child(1) {
        margin-left: 10%; }
      .block.ingredients .ingredients .ingredient:nth-child(3), .block.ingredients .ingredients .ingredient:nth-child(4) {
        display: none; }
    .block.ingredients .contents {
      width: 80%;
      margin: auto;
      margin-top: -3.5em; }
    .block.ingredients .info {
      height: auto; }
      .block.ingredients .info .content {
        width: 100%;
        margin-right: 0;
        padding-right: 3em !important;
        width: 100% !important; }
      .block.ingredients .info .img {
        display: none; }
  .block.XL {
    height: 70%; }
    .block.XL .content h1 {
      margin-top: 0;
      font-size: 4.5em; }
      .block.XL .content h1 small {
        font-size: 0.5em; }
    .block.XL .content p {
      width: 100%; }
    .block.XL .cover iframe {
      height: 100% !important;
      width: 100% !important;
      left: 0 !important;
      top: 0 !important; }
  .block.article {
    height: 45em;
    padding: 3em; }
  .block.title {
    font-size: 3em; }
  .block.news .img:before {
    top: 50%;
    margin-top: -10px; }
  .block.news .text, .block.news .img {
    width: 50%; }
  .blocks.count-4
> .block.article
, .blocks.count-3
> .block.article
, .blocks.count-2
> .block.article {
    padding-bottom: 3em; }
    .blocks.count-4
> .block.article
.content h1, .blocks.count-4
> .block.article
.content p, .blocks.count-3
> .block.article
.content h1, .blocks.count-3
> .block.article
.content p, .blocks.count-2
> .block.article .content h1, .blocks.count-2
> .block.article .content p {
      width: 100%; }
    .blocks.count-4
> .block.article
.content p, .blocks.count-3
> .block.article
.content p, .blocks.count-2
> .block.article .content p {
      width: 100%; }
  .blocks.count-1 > .block.article .content h1, .blocks.count-1 > .block.article .content p {
    width: 100%;
    max-width: none; }
  .blocks.count-1 > .block.article .content h1 {
    font-size: 4em; }
  .blocks.count-1 > .block.article .content p {
    font-size: 2em; }
  .block.article + .block.article {
    border-left: 0;
    margin-top: 2px; }
  .page-homepage .blocks.count-1 > .block.article {
    min-height: 35em;
    height: auto; }
  footer .links {
    display: none; }
  footer .logo {
    padding-top: 6em; }
    footer .logo img {
      width: 30%; }
  footer .social-boxright .social-doc-search {
    width: 100%;
    padding-left: 0;
    border-left: 0;
    margin-top: 3em;
    text-align: center; }
    footer .social-boxright .social-doc-search .search {
      display: none; }
    footer .social-boxright .social-doc-search .catalogue {
      display: inline-block;
      text-align: left;
      width: auto;
      margin: 0 1em;
      margin-bottom: 2em; }
      footer .social-boxright .social-doc-search .catalogue:before {
        margin-right: 0.25em; }
  footer .social-links {
    width: 100%;
    padding-left: 0;
    border-left: 0;
    margin-top: 3em;
    text-align: center; }
    footer .social-links .social a {
      font-size: 5.5em; }
  /* header { z-index: 301 } */
  .block.article {
    height: auto !important; }
  .level-1 .block.XL {
    height: auto;
    padding-top: 3em;
    padding-bottom: 3em; }
  .level-1 .block.XL.with-video {
    height: 50em; } }
  @media only screen and (max-width: 768px) and (max-width: 320px) {
    .level-1 .block.XL.with-video {
      height: 18em; } }

@media only screen and (max-width: 768px) {
  .block.article-content h1 {
    font-size: 4em; }
  .block.quote {
    height: auto;
    padding-top: 2em;
    padding-bottom: 2em; }
  .blocks.count-1 > .block.article .content .p {
    max-width: 100%; }
  .block.ingredients .ingredients .ui-arrows .ui-arrow {
    margin-top: -1em; }
  .block.ingredients .text {
    overflow: visible;
    top: 3em; }
  .slider.place {
    height: 60em;
    padding-bottom: 25px; }
  .slider.place .ui-pagination {
    width: 85%;
    padding: 0;
    left: 0;
    right: 0;
    margin-left: 8%;
    bottom: -10px; }
    .slider.place .ui-pagination a {
      margin: 0;
      padding: 0; }
  .slider a.video {
    position: absolute;
    bottom: 10%;
    top: inherit;
    left: inherit;
    right: 2%;
    width: 1em;
    height: 1em;
    z-index: 5;
    display: block;
    font-size: 0.6em; }
  .slider .image:after {
    content: '';
    opacity: 0.7;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/colors/grdt-black.png") no-repeat center bottom;
    background-size: 100% 100%; }
  .block.ingredients .ingredients .ingredient:before {
    font-size: 3em; }
  .block.back-to-top {
    margin-top: 0; }
  .page-ingredients_catalog .header > .inner {
    vertical-align: top; }
  .page-ingredients_catalog .header .sections .inactive {
    display: none !important; }
  .page-ingredients_catalog .header .nav-views {
    position: absolute;
    top: 18em;
    left: -4em;
    z-index: 200; }
    .page-ingredients_catalog .header .nav-views .familes {
      margin-left: 1.1em !important;
      margin-top: 0.5em;
      display: block !important; }
  .page-ingredients_catalog .sections .btn {
    margin-bottom: 21px !important; }
  .page-ingredients_catalog div.search {
    display: none !important; }
  .page-ingredients_catalog .view > .inner {
    padding: 0; }
  .page-ingredients_catalog .view.full-list .cols .col.left {
    display: none; }
  .page-ingredients_catalog .view.full-list .cols .col.right {
    width: 100%; }
  .page-ingredients_catalog .view.full-list .cols .col.right .to-fixe {
    padding: 0; }
  .page-ingredients_catalog .view.full-list .cols .col.right table th:nth-child(4),
  .page-ingredients_catalog .view.full-list .cols .col.right table th:nth-child(5),
  .page-ingredients_catalog .view.full-list .cols .col.right table th:nth-child(6),
  .page-ingredients_catalog .view.full-list .cols .col.right table td:nth-child(4),
  .page-ingredients_catalog .view.full-list .cols .col.right table td:nth-child(5),
  .page-ingredients_catalog .view.full-list .cols .col.right table td:nth-child(6) {
    display: none; }
  .page-ingredients_catalog .fixed {
    top: -5px !important; }
  .page-ingredients_catalog .view.families {
    padding: 0; }
    .page-ingredients_catalog .view.families .family {
      width: 100%; }
      .page-ingredients_catalog .view.families .family li {
        padding-left: 1em; }
  .page-ingredients_catalog .view.full-list .cols .col.right table thead {
    background: white; }
  .page-careers .values .ui-indicator {
    display: none; }
  .hidden-xs {
    display: none !important; } }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../fancybox/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../fancybox/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    background-image: url("../fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

html.ie8 .block.article:after {
  background-image: url("../images/colors/grdt-black-ie8.png");
  height: 100%; }

html.ie8 .slider.XL.with-catchline:after {
  background-image: url("../images/misc/catchline.png"); }

html.ie8 .block.news .text:before {
  background-image: url("../images/ui/arrows/article.png"); }

/* Page Ingredients | Natural Together */
.page-ingredients_together .block.intro {
  background-color: white; }
  .page-ingredients_together .block.intro .text {
    color: #706e5b; }
  .page-ingredients_together .block.intro .text .offset p {
    color: #706e5b; }
  .page-ingredients_together .block.intro .social a {
    background-color: #706e5b;
    opacity: .6; }
  .page-ingredients_together .block.intro .social a:hover {
    opacity: 1; }

@media only screen and (max-width: 768px) {
  .page-ingredients_together .block.intro .text h1,
  .page-ingredients_together .slider .container .text h1 {
    font-size: 3em; }
  .page-ingredients_together .block.map .heading h2,
  .page-ingredients_together .slider-instagram h1 {
    font-size: 3.5em; }
  .page-ingredients_together .slider-instagram a.instagram-follow-button {
    left: 37%; } }

body {
  overflow-x: hidden; }

/* Page Ingredients | Natural Together */
.slider.half-size a.video::before {
  right: 45%; }

.page-ingredients_natural a[name='module-5'] {
  display: none; }

.page-ingredients_natural .block.map {
  width: 50%;
  float: left;
  position: relative;
  z-index: 10;
  background-color: white; }
  .page-ingredients_natural .block.map .ui-gmap {
    height: 54em; }

.page-ingredients_natural .blocks.count-1 {
  width: 50%;
  float: right;
  clear: none;
  height: 70em; }
  .page-ingredients_natural .blocks.count-1 > .block.article {
    height: 100%; }
    .page-ingredients_natural .blocks.count-1 > .block.article img {
      width: auto !important;
      height: 100% !important; }
    .page-ingredients_natural .blocks.count-1 > .block.article .video.icon-play {
      position: absolute;
      top: calc(50% - 4em);
      left: calc(50% - 4em);
      z-index: 5;
      width: 8em;
      height: 8em; }
      .page-ingredients_natural .blocks.count-1 > .block.article .video.icon-play:before {
        font-size: 8em; }
    .page-ingredients_natural .blocks.count-1 > .block.article .block.with-video {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      z-index: 1; }

@media only screen and (max-width: 768px) {
  .page-ingredients_natural .block.map {
    width: 100%; }
  .page-ingredients_natural .blocks.count-1 {
    width: 100%;
    float: none;
    margin-top: 2px;
    height: auto; } }

.firmenich-alert-banner {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0em 3em;
  font-size: 2em;
  font-weight: 600;
  font-family: DINPro, Arial, sans-serif;
  background-color: #E6E6E6;
  z-index: 1000;
  color: #000;
  white-space: nowrap; }
  .firmenich-alert-banner .banner-wrapper {
    position: relative;
    display: block;
    width: 93%;
    overflow: hidden; }
    .firmenich-alert-banner .banner-wrapper .banner-content {
      display: block;
      width: 100%;
      -webkit-animation: linear marqueelike 20s infinite;
      animation: linear marqueelike 20s infinite;
      margin-left: -100%;
      padding: 0.8em 0; }
      .firmenich-alert-banner .banner-wrapper .banner-content:after {
        content: attr(data-text);
        position: absolute;
        white-space: nowrap; }

@-webkit-keyframes marqueelike {
  0%, 100% {
    margin-left: 0; }
  99.99% {
    margin-left: -100%; } }

@keyframes marqueelike {
  0%, 100% {
    margin-left: 0; }
  99.99% {
    margin-left: -100%; } }
  .firmenich-alert-banner .icon-warning {
    position: absolute;
    left: 0.8em;
    width: 5%;
    height: 100%;
    background-image: url("../images/ui/icons/warning-banner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
  .firmenich-alert-banner .close-btn {
    cursor: pointer;
    position: absolute;
    right: 7em;
    top: 0.8em; }
    .firmenich-alert-banner .close-btn:after {
      content: '✖';
      font-size: 1.1em;
      font-family: arial, sans-serif; }

/*  Page Social */
header nav li[name="social"] {
  display: none; }
  @media only screen and (max-width: 768px) {
    header nav li[name="social"] {
      display: block; } }

footer .links li[name="social"] {
  display: none; }

.submenu-hover.menu_open2 .social.open li:nth-Child(1) {
  display: none; }
/*# sourceMappingURL=screen.css.map */