/*$color-brand-2: #C2E3ED;
$color-brand-3: #FFECCD;*/
@font-face {
  font-family: 'apercu_proregular';
  src: url("../fonts/apercu_pro_regular-webfont.woff2") format("woff2"), url("../fonts/apercu_pro_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'apercu_probold';
  src: url("../fonts/apercu_pro_bold-webfont.woff2") format("woff2"), url("../fonts/apercu_pro_bold-webfont.woff") format("woff"), url("../fonts/apercu_pro_bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'noe_display_bold';
  src: url("../fonts/noe_display_bold.eot");
  src: url("../fonts/noe_display_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/noe_display_bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'apercu_proitalic';
  src: url("../fonts/apercu_pro_italic-webfont.woff2") format("woff2"), url("../fonts/apercu_pro_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* BEGIN reset css */
/* remove and neutralize the inconsistent default styling of HTML elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

/* END reset css */
html, body {
  background-color: white;
  font-family: "apercu_probold", Helvetica, Arial, sans-serif;
  color: #221F1F;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: none; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0pt;
  visibility: hidden; }

img {
  border: none; }
  img.responsive {
    max-width: 100%;
    height: auto; }
  img.responsive-full {
    max-width: none;
    width: 100%;
    height: auto; }

::selection {
  background: #A5957F;
  color: #FFF;
  /* Safari */ }

::-moz-selection {
  background: #A5957F;
  color: #FFF;
  /* Firefox */ }

h1, h2, h3, h4, h5, h6 {
  font-family: "apercu_probold", Helvetica, Arial, sans-serif; }

p {
  font-family: "apercu_probold", Helvetica, Arial, sans-serif;
  color: #221F1F;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px; }

a {
  color: #221F1F;
  text-decoration: none;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-transition: 0.4s ease; }
  a:hover, a:focus {
    color: #221F1F;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }

.left {
  float: left; }

.right {
  float: right; }

.no-padding {
  padding: 0; }

.hidden-xs {
  display: none; }

@media (min-width: 768px) {
  .hidden-xs {
    display: block; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm {
    display: none; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  .hidden-md {
    display: none; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none; } }
#pageWrapper {
  min-width: 320px; }

#dialogs {
  display: none; }

/* BEGIN fancyMessage */
.fancybox-opened {
  z-index: 11000 !important; }

.fancybox-overlay {
  z-index: 10999 !important; }

.fancyMessage {
  padding-top: 0;
  position: relative;
  background-color: transparent;
  min-width: 320px; }

.fancybox-inner {
  background-color: transparent !important; }

.fancyMessage .fancyContent {
  background-color: #F1F1F1;
  padding: 30px 20px;
  overflow: hidden;
  position: relative; }

.fancyMessage .fancyContent .content {
  background-color: #F1F1F1;
  padding: 0  30px; }

.fancyMessage .fancyContent p {
  color: #221F1F;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0; }

.fancyMessage .fancyContent h3 {
  color: #221F1F;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  margin: 0;
  margin-bottom: 20px; }

.fancyMessage a.fancyClose,
.fancyMessage a.fancyClose:visited {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  line-height: 500px;
  overflow: hidden;
  background: url("../img/layout/close-icon.png") top left no-repeat transparent; }

.fancybox-opened .fancybox-skin {
  border-radius: 0px !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 0 !important; }

.fancybox-skin {
  border-radius: 0px !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 0 !important; }

/* END fancyMessage */
.sectionWrapper {
  position: relative; }
  .sectionWrapper a.down-arrow, .sectionWrapper a.down-arrow:visited {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    bottom: 30px;
    width: 34px;
    height: 16px;
    line-height: 500px;
    overflow: hidden;
    background: url("../img/layout/arrow-down.png") left top no-repeat transparent;
    z-index: 10001; }

.sectionWrapper {
  min-height: 100vh; }
  .sectionWrapper .sectionContent {
    padding: 170px 30px;
    max-width: 1140px;
    margin: 0 auto;
    padding-bottom: 75px; }
    .sectionWrapper .sectionContent h2 {
      color: #221F1F;
      letter-spacing: 1px;
      text-decoration: underline;
      text-transform: lowercase;
      font-size: 30px;
      line-height: 48px;
      margin-bottom: 25px; }
      @media (min-width: 768px) {
        .sectionWrapper .sectionContent h2 {
          font-size: 45px;
          line-height: 63px;
          margin-bottom: 40px; } }
      @media (min-width: 1024px) {
        .sectionWrapper .sectionContent h2 {
          padding-left: 70px;
          font-size: 60px;
          line-height: 78px;
          margin-bottom: 55px; } }
    .sectionWrapper .sectionContent.fullWidth {
      max-width: none;
      padding-left: 0;
      padding-right: 0;
      padding: 0;
      padding-top: 86px; }

.sectionIntro .sectionContent .info p {
  max-width: 800px;
  letter-spacing: 2px;
  font-size: 24px;
  line-height: 34px; }
  @media (min-width: 768px) {
    .sectionIntro .sectionContent .info p {
      font-size: 32px;
      line-height: 42px;
      padding-left: 70px; } }
  @media (min-width: 1024px) {
    .sectionIntro .sectionContent .info p {
      font-size: 40px;
      line-height: 50px;
      padding-left: 240px; } }

.sectionTextDetail .sectionContent .columns .title {
  font-size: 27px;
  line-height: 39px;
  letter-spacing: 4px;
  margin-bottom: 30px;
  text-transform: uppercase;
  max-width: 380px; }
.sectionTextDetail .sectionContent .columns .entry p {
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 2px;
  margin-bottom: 30px; }
  .sectionTextDetail .sectionContent .columns .entry p:first-child {
    text-transform: uppercase; }
@media (min-width: 1024px) {
  .sectionTextDetail .sectionContent .columns .title {
    float: left;
    width: 33.33%; }
  .sectionTextDetail .sectionContent .columns .entry {
    float: right;
    width: 56.52%; } }
@media (min-width: 1024px) {
  .sectionTextDetail .sectionContent .columns {
    padding-left: 70px; } }
.sectionTextDetail .sectionContent .columns2 h3 {
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 30px 0;
  display: block;
  clear: both; }
.sectionTextDetail .sectionContent .columns2 .entry1 p, .sectionTextDetail .sectionContent .columns2 .entry2 p {
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 2px;
  margin-bottom: 30px; }
@media (min-width: 1024px) {
  .sectionTextDetail .sectionContent .columns2 .entry1 {
    float: left;
    width: 47.50%; }
  .sectionTextDetail .sectionContent .columns2 .entry2 {
    float: right;
    width: 47.50%; } }
@media (min-width: 1024px) {
  .sectionTextDetail .sectionContent .columns2 {
    padding-left: 70px; } }

.imageFull {
  position: relative; }
  .imageFull .imageWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }

#aboutWrapper {
  background-color: #E1D8E9; }

#manifestoWrapper {
  background-color: #D1CABF; }

#kitchenWrapper {
  background-color: #83C1BD; }

#teamWrapper {
  background-color: #F69971; }

#colLabsWrapper {
  background-color: #00A59B; }

#modernConcernsWrapper {
  background-color: #FFC806; }

#modernConcernsDetailWrapper {
  background-color: #FFE99B; }

#navWrapper .nav {
  display: none;
  background-color: #F7F7F8;
  box-shadow: 3px 17px 15px #666;
  -o-box-shadow: 3px 17px 15px #666;
  -webkit-box-shadow: 3px 17px 15px #666;
  -moz-box-shadow: 3px 17px 15px #666;
  position: absolute;
  right: 0;
  top: 76px;
  width: 100%; }
  #navWrapper .nav ul.mainNav {
    padding: 30px;
    padding-top: 0;
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 1px; }
    #navWrapper .nav ul.mainNav a.light-gray, #navWrapper .nav ul.mainNav a.disabled, #navWrapper .nav ul.mainNav a:visited.light-gray, #navWrapper .nav ul.mainNav a:visited.disabled {
      color: #929397; }
    #navWrapper .nav ul.mainNav .subNavFlyout {
      margin-bottom: 10px; }
      #navWrapper .nav ul.mainNav .subNavFlyout li {
        padding-left: 20px; }
  #navWrapper .nav .subNav {
    display: none;
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 1px; }
    #navWrapper .nav .subNav a.light-gray, #navWrapper .nav .subNav a.disabled, #navWrapper .nav .subNav a:visited.light-gray, #navWrapper .nav .subNav a:visited.disabled {
      color: #929397; }
  #navWrapper .nav .subNavFlyout {
    display: none; }
  @media (min-width: 1200px) {
    #navWrapper .nav .subNavFlyout {
      display: none !important; } }
  @media (max-width: 1199px) {
    #navWrapper .nav .subNav {
      display: none !important; } }
#navWrapper a.nav-toggle, #navWrapper a.nav-toggle:visited {
  float: right;
  width: 30px;
  height: 24px;
  margin-top: 4px;
  line-height: 500px;
  overflow: hidden;
  background: url("../img/layout/nav-icon.png") center center no-repeat transparent;
  background-size: contain; }
  #navWrapper a.nav-toggle.opened, #navWrapper a.nav-toggle:visited.opened {
    background: url("../img/layout/close-icon.png") center center no-repeat transparent;
    background-size: contain; }
  @media (min-width: 1024px) {
    #navWrapper a.nav-toggle, #navWrapper a.nav-toggle:visited {
      margin-top: 10px; } }
@media (min-width: 1200px) {
  #navWrapper {
    position: fixed;
    top: 50%;
    margin-top: -12px; }
    #navWrapper a.nav-toggle, #navWrapper a.nav-toggle:visited {
      display: block;
      float: none;
      margin-top: 0; }
    #navWrapper .nav {
      position: absolute;
      left: 0;
      right: auto;
      top: 40px;
      width: auto;
      padding: 35px 45px;
      min-width: 410px; }
      #navWrapper .nav ul.mainNav {
        padding: 0;
        float: left; }
        #navWrapper .nav ul.mainNav .subNavFlyout {
          display: none !important; }
      #navWrapper .nav ul.subNav {
        margin-left: 80px;
        float: left; }
      #navWrapper .nav a:hover {
        color: #221F1F !important; } }

#headerWrapper {
  position: absolute;
  background-color: #F7F7F8;
  width: 100%;
  z-index: 10002;
  box-shadow: 0 1px 12px #666;
  -o-box-shadow: 0 1px 12px #666;
  -webkit-box-shadow: 0 1px 12px #666;
  -moz-box-shadow: 0 1px 12px #666; }
  #headerWrapper #header {
    max-width: 1140px;
    margin: 0 auto;
    padding: 24px 30px; }
    #headerWrapper #header h1 {
      float: left;
      width: 200px;
      height: 25px;
      background: url("../img/layout/logo.png") left center no-repeat transparent;
      background-size: contain; }
      #headerWrapper #header h1 a, #headerWrapper #header h1 a:visited {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 500px;
        overflow: hidden; }
    @media (min-width: 768px) {
      #headerWrapper #header h1 {
        width: 260px;
        height: 32px; } }
    @media (min-width: 1024px) {
      #headerWrapper #header {
        padding: 24px 30px; }
        #headerWrapper #header h1 {
          width: 304px;
          height: 38px; } }

#footerWrapper {
  position: relative;
  z-index: 1000; }
  #footerWrapper #footer {
    max-width: 1140px;
    padding: 30px;
    margin: 0 auto;
    text-align: center; }
    #footerWrapper #footer .days-counter {
      margin-bottom: 20px;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: 1px;
      /*&:hover {
      	#sentence1 {display:none;}
      	#sentence2 {display:inline !important;}
      }*/ }
    #footerWrapper #footer .language-nav {
      margin-bottom: 20px;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: 1px; }
      #footerWrapper #footer .language-nav span {
        text-decoration: underline; }
    #footerWrapper #footer .extras .social-icons a, #footerWrapper #footer .extras .social-icons a:visited {
      vertical-align: top;
      display: inline-block;
      width: 18px;
      height: 18px;
      margin: 0 5px;
      line-height: 500px;
      overflow: hidden; }
      #footerWrapper #footer .extras .social-icons a.facebook, #footerWrapper #footer .extras .social-icons a:visited.facebook {
        width: 9px;
        background: url("../img/layout/facebook-icon.png") center center no-repeat transparent; }
      #footerWrapper #footer .extras .social-icons a.instagram, #footerWrapper #footer .extras .social-icons a:visited.instagram {
        background: url("../img/layout/instagram-icon.png") center center no-repeat transparent;
        background-size: contain; }
      #footerWrapper #footer .extras .social-icons a.twitter, #footerWrapper #footer .extras .social-icons a:visited.twitter {
        background: url("../img/layout/twitter-icon.png") center center no-repeat transparent;
        background-size: contain; }
      #footerWrapper #footer .extras .social-icons a.linkedin, #footerWrapper #footer .extras .social-icons a:visited.linkedin {
        background: url("../img/layout/linkedin-icon.png") center center no-repeat transparent;
        background-size: contain; }
      #footerWrapper #footer .extras .social-icons a.spotify, #footerWrapper #footer .extras .social-icons a:visited.spotify {
        background: url("../img/layout/spotify-icon.png") center center no-repeat transparent;
        background-size: contain; }
      #footerWrapper #footer .extras .social-icons a.pinterest, #footerWrapper #footer .extras .social-icons a:visited.pinterest {
        background: url("../img/layout/pinterest-icon.png") center center no-repeat transparent;
        background-size: contain; }
  @media (min-width: 1024px) {
    #footerWrapper {
      position: fixed;
      bottom: 22px;
      left: 0;
      width: 100%; }
      #footerWrapper #footer {
        padding: 0 30px; }
        #footerWrapper #footer .language-nav {
          float: left;
          margin-bottom: 0;
          margin-right: 15px; }
        #footerWrapper #footer .days-counter {
          float: left;
          margin-bottom: 0; }
        #footerWrapper #footer .extras {
          float: right;
          margin: 0;
          margin-right: -50px; }
          #footerWrapper #footer .extras .social-icons a.spotify, #footerWrapper #footer .extras .social-icons a:visited.spotify {
            margin-right: 0; } }

#footerWrapper2 {
  background-color: #F7F7F8;
  width: 100%;
  box-shadow: 0 1px 12px #666;
  -o-box-shadow: 0 1px 12px #666;
  -webkit-box-shadow: 0 1px 12px #666;
  -moz-box-shadow: 0 1px 12px #666;
  overflow: hidden; }
  #footerWrapper2 #footer2 {
    padding: 30px; }
    #footerWrapper2 #footer2 .footerNavs {
      text-align: center;
      font-family: "apercu_proregular", Helvetica, Arial, sans-serif;
      font-size: 10px;
      max-width: 300px;
      margin: 0 auto;
      margin-bottom: 30px; }
      #footerWrapper2 #footer2 .footerNavs ul {
        width: 150px; }
        #footerWrapper2 #footer2 .footerNavs ul:first-child {
          float: left;
          text-align: left; }
        #footerWrapper2 #footer2 .footerNavs ul:last-child {
          float: right;
          text-align: left; }
        #footerWrapper2 #footer2 .footerNavs ul li {
          letter-spacing: 1px;
          font-size: 14px;
          line-height: 18px; }
    #footerWrapper2 #footer2 .subscribeNewsletterWrapper {
      text-align: center; }
      #footerWrapper2 #footer2 .subscribeNewsletterWrapper label {
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1px; }
      #footerWrapper2 #footer2 .subscribeNewsletterWrapper .formField {
        margin-bottom: 10px; }
        #footerWrapper2 #footer2 .subscribeNewsletterWrapper .formField input {
          text-align: center;
          color: #221F1F;
          font-family: "apercu_proregular", Helvetica, Arial, sans-serif;
          font-size: 11px;
          border: 0;
          background-color: transparent;
          border-bottom: 2px solid #221F1F;
          width: 150px; }
      #footerWrapper2 #footer2 .subscribeNewsletterWrapper a, #footerWrapper2 #footer2 .subscribeNewsletterWrapper a:visited {
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1px; }
    @media (min-width: 1024px) {
      #footerWrapper2 #footer2 {
        padding-top: 23px;
        height: 72px;
        position: relative;
        max-width: 1140px;
        margin: 0 auto; }
        #footerWrapper2 #footer2 .footerNavs {
          margin-bottom: 0;
          position: absolute;
          top: 23px;
          left: 50%;
          margin-left: -150px; }
        #footerWrapper2 #footer2 .subscribeNewsletterWrapper {
          float: right;
          text-align: left;
          margin-right: 5px;
          margin-right: -45px; }
          #footerWrapper2 #footer2 .subscribeNewsletterWrapper label, #footerWrapper2 #footer2 .subscribeNewsletterWrapper .formField, #footerWrapper2 #footer2 .subscribeNewsletterWrapper a, #footerWrapper2 #footer2 .subscribeNewsletterWrapper a:visited {
            display: inline-block;
            margin-left: 10px;
            vertical-align: top; }
          #footerWrapper2 #footer2 .subscribeNewsletterWrapper .formField input {
            text-align: left; } }

.slideshow {
  /*position: absolute;
  top: 0; left: 0;*/
  width: 100%;
  height: 100vh; }
  .slideshow .slider {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; }
    .slideshow .slider .slider-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      display: none;
      text-align: center; }
      .slideshow .slider .slider-item.active {
        display: block; }
      .slideshow .slider .slider-item h2 {
        text-align: left;
        padding: 0 30px;
        max-width: 932px;
        margin: 0 auto;
        font-family: "noe_display_bold", Georgia, serif;
        padding-top: 150px;
        font-size: 60px;
        line-height: 60px; }
        @media (min-width: 768px) {
          .slideshow .slider .slider-item h2 {
            padding-top: 150px;
            font-size: 75px;
            line-height: 75px; } }
        @media (min-width: 1024px) {
          .slideshow .slider .slider-item h2 {
            padding-top: 150px;
            font-size: 85px;
            line-height: 85px; } }
        @media (min-width: 1200px) {
          .slideshow .slider .slider-item h2 {
            padding-top: 162px;
            font-size: 110px;
            line-height: 100px; } }
  .slideshow .slideshow-nav {
    position: absolute;
    left: 0;
    bottom: 75px;
    width: 100%; }
    .slideshow .slideshow-nav ul {
      max-width: 1140px;
      margin: 0 auto;
      text-align: center; }
      .slideshow .slideshow-nav ul li {
        display: inline-block;
        vertical-align: top; }
        .slideshow .slideshow-nav ul li a, .slideshow .slideshow-nav ul li a:visited {
          display: block;
          line-height: 500px;
          overflow: hidden;
          -webkit-background-clip: padding-box;
          -webkit-border-radius: 50%;
          -moz-background-clip: padding-box;
          -moz-border-radius: 50%;
          border-radius: 50%;
          background-clip: padding-box;
          margin-right: 5px;
          width: 8px;
          height: 8px;
          border: 1px solid #221F1F; }
          .slideshow .slideshow-nav ul li a.active, .slideshow .slideshow-nav ul li a:hover, .slideshow .slideshow-nav ul li a:visited.active, .slideshow .slideshow-nav ul li a:visited:hover {
            background-color: #221F1F; }
    @media (min-width: 768px) {
      .slideshow .slideshow-nav {
        bottom: auto;
        top: 50%; }
        .slideshow .slideshow-nav ul {
          text-align: right; }
          .slideshow .slideshow-nav ul li {
            margin-right: -45px;
            display: block;
            margin-bottom: 5px;
            height: 8px; }
            .slideshow .slideshow-nav ul li a, .slideshow .slideshow-nav ul li a:visited {
              display: inline-block;
              margin-right: 0; } }

h3.homepage-title {
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 20px;
  text-align: center; }

#hpTopHighlights h1 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  position: absolute;
  top: 50px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 1px; }
#hpTopHighlights a.left-arrow, #hpTopHighlights a.left-arrow:visited {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 5px;
  width: 16px;
  height: 34px;
  line-height: 500px;
  overflow: hidden;
  background: url("../img/layout/arrow-left.png") center center no-repeat transparent;
  z-index: 10001; }
#hpTopHighlights a.right-arrow, #hpTopHighlights a.right-arrow:visited {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  right: 5px;
  width: 16px;
  height: 34px;
  line-height: 500px;
  overflow: hidden;
  background: url("../img/layout/arrow-right.png") center center no-repeat transparent;
  z-index: 10001; }
@media (min-width: 1200px) {
  #hpTopHighlights a.left-arrow, #hpTopHighlights a.left-arrow:visited {
    left: 30px; }
  #hpTopHighlights a.right-arrow, #hpTopHighlights a.right-arrow:visited {
    right: 30px; } }

#homepageWrapper .sectionContent {
  max-width: 1016px;
  margin: 0 auto; }

.hpListHighlights .highlight-item {
  margin-bottom: 32px; }
  .hpListHighlights .highlight-item .imageWrapper {
    overflow: hidden;
    margin-bottom: 20px; }
    .hpListHighlights .highlight-item .imageWrapper a, .hpListHighlights .highlight-item .imageWrapper a:visited {
      display: block; }
      .hpListHighlights .highlight-item .imageWrapper a img, .hpListHighlights .highlight-item .imageWrapper a:visited img {
        -moz-transition: 0.4s ease;
        -ms-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        -webkit-transition: 0.4s ease; }
      @media (min-width: 1024px) {
        .hpListHighlights .highlight-item .imageWrapper a:hover, .hpListHighlights .highlight-item .imageWrapper a:visited:hover {
          -moz-transition: 0.4s ease;
          -ms-transition: 0.4s ease;
          -o-transition: 0.4s ease;
          transition: 0.4s ease;
          -webkit-transition: 0.4s ease;
          -webkit-transform: scale(1.2);
          -moz-transform: scale(1.2);
          -ms-transform: scale(1.2);
          -o-transform: scale(1.2);
          transform: scale(1.2); } }
  .hpListHighlights .highlight-item h3 {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 20px;
    margin: 0;
    margin-bottom: 10px; }
  .hpListHighlights .highlight-item p {
    font-family: "apercu_proregular", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    margin: 0; }
  @media (min-width: 768px) {
    .hpListHighlights .highlight-item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 8px;
      float: left;
      width: 33.33%; } }
  @media (min-width: 1024px) {
    .hpListHighlights .highlight-item {
      width: 25%; } }

.newsPosts {
  margin-bottom: 20px; }
  .newsPosts .news-post-item {
    float: left;
    width: 50%; }
    .newsPosts .news-post-item .imageWrapper {
      overflow: hidden; }
      .newsPosts .news-post-item .imageWrapper a, .newsPosts .news-post-item .imageWrapper a:visited {
        display: block; }
        .newsPosts .news-post-item .imageWrapper a img, .newsPosts .news-post-item .imageWrapper a:visited img {
          -moz-transition: 0.4s ease;
          -ms-transition: 0.4s ease;
          -o-transition: 0.4s ease;
          transition: 0.4s ease;
          -webkit-transition: 0.4s ease; }
        @media (min-width: 1024px) {
          .newsPosts .news-post-item .imageWrapper a:hover, .newsPosts .news-post-item .imageWrapper a:visited:hover {
            -moz-transition: 0.4s ease;
            -ms-transition: 0.4s ease;
            -o-transition: 0.4s ease;
            transition: 0.4s ease;
            -webkit-transition: 0.4s ease;
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2); } }
    @media (min-width: 768px) {
      .newsPosts .news-post-item {
        width: 33.33%; } }
    @media (min-width: 1200px) {
      .newsPosts .news-post-item {
        width: 16.66%; } }
  @media (min-width: 768px) {
    .newsPosts {
      padding: 0 8px; } }

@media (min-width: 768px) {
  #trendingProductsList .products-list .product-item {
    width: 33.33%; } }
@media (min-width: 1200px) {
  #trendingProductsList .products-list .product-item {
    width: 16.66%; } }

.hpBanner {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .hpBanner {
      padding: 0 8px; } }

#contactsWrapper {
  background-color: #E9E637; }
  #contactsWrapper .form-wrapper {
    margin-bottom: 30px; }
    #contactsWrapper .form-wrapper .form-field {
      margin-bottom: 20px; }
      #contactsWrapper .form-wrapper .form-field label {
        display: block;
        color: #221F1F;
        text-transform: lowercase;
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 1px; }
      #contactsWrapper .form-wrapper .form-field input {
        border: 0;
        background-color: white;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        height: 31px;
        line-height: 31px;
        color: #221F1F;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px; }
      #contactsWrapper .form-wrapper .form-field textarea {
        border: 0;
        background-color: white;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 152px;
        min-height: 152px;
        max-height: 152px;
        padding: 10px;
        line-height: 16px;
        color: #221F1F;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px; }
    #contactsWrapper .form-wrapper .form-bottom {
      text-align: right;
      font-size: 31px;
      line-height: 37px; }
      #contactsWrapper .form-wrapper .form-bottom a, #contactsWrapper .form-wrapper .form-bottom a:visited {
        letter-spacing: 1px;
        color: #221F1F;
        text-transform: lowercase;
        text-decoration: underline; }
  #contactsWrapper .info p {
    font-size: 18px;
    line-height: 25px;
    color: #221F1F; }
    #contactsWrapper .info p a, #contactsWrapper .info p a:visited {
      color: #221F1F; }
      #contactsWrapper .info p a:hover, #contactsWrapper .info p a:visited:hover {
        text-decoration: underline; }
  @media (min-width: 768px) {
    #contactsWrapper .form-wrapper {
      max-width: 620px; }
      #contactsWrapper .form-wrapper .form-field {
        clear: both;
        margin-bottom: 20px; }
        #contactsWrapper .form-wrapper .form-field label {
          font-size: 31px;
          line-height: 31px;
          width: 25%;
          float: left;
          margin-bottom: 0; }
        #contactsWrapper .form-wrapper .form-field input {
          float: right;
          width: 75%; }
        #contactsWrapper .form-wrapper .form-field textarea {
          float: right;
          width: 75%;
          max-width: 75%;
          min-width: 75%; }
    #contactsWrapper .info {
      max-width: 380px;
      margin: 0 auto; } }
  @media (min-width: 1024px) {
    #contactsWrapper .form-wrapper {
      padding-left: 140px; }
      #contactsWrapper .form-wrapper .form-field.special-margin {
        width: 100%;
        padding-left: 25%; }
    #contactsWrapper .info {
      max-width: none;
      margin: 0;
      padding-left: 480px; } }
  @media (min-width: 1200px) {
    #contactsWrapper .form-wrapper {
      padding-left: 240px; } }

#manifestoWrapper.sectionIntro .sectionContent .info p {
  max-width: 900px;
  letter-spacing: 2px;
  font-size: 24px;
  line-height: 34px; }
  @media (min-width: 768px) {
    #manifestoWrapper.sectionIntro .sectionContent .info p {
      font-size: 26px;
      line-height: 31px;
      padding-left: 70px; } }
  @media (min-width: 1024px) {
    #manifestoWrapper.sectionIntro .sectionContent .info p {
      /*font-size: 40px; line-height: 50px;*/
      padding-left: 240px; } }

.teamList .team-item {
  margin-bottom: 40px; }
  .teamList .team-item .imageWrapper {
    margin-bottom: 20px; }
  .teamList .team-item h3 {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 35px;
    margin: 0; }
  .teamList .team-item h4 {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 19px;
    line-height: 26px;
    margin: 0;
    margin-bottom: 20px; }
  .teamList .team-item p {
    letter-spacing: 2px;
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .teamList .team-item .imageWrapper {
      margin-bottom: 0;
      float: left;
      width: 28.50%; }
    .teamList .team-item .info {
      float: right;
      margin-right: 3.50%;
      width: 60%; }
    .teamList .team-item h4 {
      margin-bottom: 28px; } }

#kitchenWrapperIngredients .sectionContent {
  max-width: 1016px;
  margin: 0 auto; }

.ingredients-list {
  text-align: center; }
  .ingredients-list .ingredient-item {
    margin-bottom: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 7px;
    display: inline-block;
    vertical-align: top;
    width: 50%; }
    .ingredients-list .ingredient-item .image {
      /*overflow: hidden;*/ }
      .ingredients-list .ingredient-item .image img {
        -moz-transition: 0.4s ease;
        -ms-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        -webkit-transition: 0.4s ease; }
    .ingredients-list .ingredient-item .info h3 {
      font-size: 13px;
      line-height: 21px;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .ingredients-list .ingredient-item a, .ingredients-list .ingredient-item a:visited {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    @media (min-width: 768px) {
      .ingredients-list .ingredient-item {
        width: 33.33%; } }
    @media (min-width: 1024px) {
      .ingredients-list .ingredient-item {
        width: 25%; }
        .ingredients-list .ingredient-item .info {
          -moz-transition: 0.4s ease;
          -ms-transition: 0.4s ease;
          -o-transition: 0.4s ease;
          transition: 0.4s ease;
          -webkit-transition: 0.4s ease;
          filter: alpha(opacity=0);
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)";
          width: 80%;
          padding: 0 10%;
          text-align: center;
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .ingredients-list .ingredient-item:hover .image img {
          -moz-transition: 0.4s ease;
          -ms-transition: 0.4s ease;
          -o-transition: 0.4s ease;
          transition: 0.4s ease;
          -webkit-transition: 0.4s ease;
          filter: alpha(opacity=20);
          -moz-opacity: 0.2;
          -khtml-opacity: 0.2;
          opacity: 0.2;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
        .ingredients-list .ingredient-item:hover .info {
          -moz-transition: 0.4s ease;
          -ms-transition: 0.4s ease;
          -o-transition: 0.4s ease;
          transition: 0.4s ease;
          -webkit-transition: 0.4s ease;
          filter: alpha(opacity=100);
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; } }
    @media (min-width: 1200px) {
      .ingredients-list .ingredient-item {
        width: 20%; } }

#ingredientsPopups .ingredient-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10003;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  width: 105%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #ingredientsPopups .ingredient-popup {
      width: 100%; } }
  #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper {
    width: 76%;
    margin: 20px auto;
    max-width: 490px;
    padding: 40px 6% 80px 6%;
    background-color: #F0F0F1;
    box-shadow: 6px 6px 15px #666;
    -o-box-shadow: 6px 6px 15px #666;
    -webkit-box-shadow: 6px 6px 15px #666;
    -moz-box-shadow: 6px 6px 15px #666;
    position: relative; }
    #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper.centered {
      margin-top: 0;
      margin-left: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    @media (min-width: 1024px) {
      #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper.centered {
        margin-left: -2%; } }
    #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper .popup-header {
      position: relative;
      margin-bottom: 30px; }
      #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper .popup-header h3 {
        font-size: 21px;
        line-height: 31px;
        color: #221F1F;
        text-transform: uppercase;
        letter-spacing: 2px; }
      #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper .popup-header a.close, #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper .popup-header a.close:visited {
        position: absolute;
        top: 3px;
        right: -10px;
        width: 24px;
        height: 24px;
        background: url("../img/layout//close-icon.png") left top no-repeat transparent;
        background-size: contain;
        line-height: 500px;
        overflow: hidden; }
        @media (min-width: 768px) {
          #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper .popup-header a.close, #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper .popup-header a.close:visited {
            right: -45px; } }
    #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper .ingredient-content .description {
      padding: 0 17px; }
      #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper .ingredient-content .description p {
        font-size: 11px;
        line-height: 15px;
        color: #221F1F;
        letter-spacing: 2px;
        margin-bottom: 30px; }
      #ingredientsPopups .ingredient-popup .ingredient-popup-wrapper .ingredient-content .description p.special {
        text-transform: uppercase;
        margin-bottom: 0; }

#colLabsWrapperList .sectionContent {
  max-width: 1000px;
  margin: 0 auto; }

.colLabsList .collab-item {
  margin-bottom: 32px; }
  .colLabsList .collab-item .imageWrapper {
    overflow: hidden;
    margin-bottom: 20px; }
  .colLabsList .collab-item h3 {
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 2px;
    line-height: 30px;
    margin: 0;
    margin-bottom: 10px; }
  .colLabsList .collab-item p {
    font-family: "apercu_proregular", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    margin: 0; }
  @media (min-width: 768px) {
    .colLabsList .collab-item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      width: 33.33%; }
      .colLabsList .collab-item p {
        padding-right: 20px; } }
  @media (min-width: 1024px) {
    .colLabsList .collab-item {
      width: 25%; } }

#concernsList .sectionContent {
  padding-top: 0; }

.concernsList .concern-item {
  overflow: hidden;
  position: relative; }
  .concernsList .concern-item .imageWrapper {
    overflow: hidden; }
    .concernsList .concern-item .imageWrapper img {
      -moz-transition: 0.4s ease;
      -ms-transition: 0.4s ease;
      -o-transition: 0.4s ease;
      transition: 0.4s ease;
      -webkit-transition: 0.4s ease; }
  .concernsList .concern-item h3 {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-transform: uppercase;
    font-size: 42px;
    letter-spacing: 4px;
    line-height: 48px;
    margin: 0;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    color: white; }
  .concernsList .concern-item a, .concernsList .concern-item a:visited {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  @media (min-width: 768px) {
    .concernsList .concern-item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      width: 50%; } }
  .concernsList .concern-item:hover .imageWrapper img {
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .concernsList .concern-item:hover h3 {
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    /*@include transform_scale();*/
    font-size: 54px;
    line-height: 62px; }

#concernDetailsList .sectionContent {
  padding-top: 100px;
  max-width: 1000px;
  margin: 0 auto; }

.concernDetailsList .row {
  display: table;
  position: relative; }
.concernDetailsList .concern-item {
  margin-bottom: 45px; }
  .concernDetailsList .concern-item .imageWrapper {
    overflow: hidden;
    margin-bottom: 20px; }
  .concernDetailsList .concern-item h3 {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 33px;
    margin: 0;
    margin-bottom: 20px; }
  .concernDetailsList .concern-item p {
    font-family: "apercu_proregular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1px;
    margin: 0; }
  @media (min-width: 768px) {
    .concernDetailsList .concern-item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      width: 50%;
      display: table-cell; }
      .concernDetailsList .concern-item.align-left {
        padding-right: 10px; }
      .concernDetailsList .concern-item.align-right {
        padding-left: 10px; }
      .concernDetailsList .concern-item p {
        padding-right: 20px; }
      .concernDetailsList .concern-item.align-left {
        clear: left; } }
  .concernDetailsList .concern-item ul.pack-products-list {
    margin-top: 15px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 14px; }
  .concernDetailsList .concern-item .productShopInfo {
    margin-top: 15px; }
    .concernDetailsList .concern-item .productShopInfo p.price {
      margin-bottom: 5px;
      font-size: 28px;
      line-height: 38px;
      letter-spacing: 2px; }
    .concernDetailsList .concern-item .productShopInfo a.buy-btn, .concernDetailsList .concern-item .productShopInfo a.buy-btn:visited {
      display: inline-block;
      border: 4px solid #221F1F;
      line-height: 54px;
      padding: 0 15px;
      text-transform: uppercase;
      font-size: 28px;
      letter-spacing: 4px; }
  @media (min-width: 768px) {
    .concernDetailsList .concern-item {
      padding-bottom: 82px; }
      .concernDetailsList .concern-item .productShopInfo {
        position: absolute;
        bottom: 45px; }
        .concernDetailsList .concern-item .productShopInfo p.price {
          float: left;
          line-height: 62px; }
        .concernDetailsList .concern-item .productShopInfo a.buy-btn, .concernDetailsList .concern-item .productShopInfo a.buy-btn:visited {
          float: left;
          margin-left: 24px; }
          .concernDetailsList .concern-item .productShopInfo a.buy-btn:hover, .concernDetailsList .concern-item .productShopInfo a.buy-btn:visited:hover {
            background-color: #221F1F;
            color: white; } }

.brandsList .brand-item {
  position: relative; }
  .brandsList .brand-item .imageWrapper {
    overflow: hidden; }
  .brandsList .brand-item h3 {
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 4px;
    line-height: 24px;
    margin: 0; }
  .brandsList .brand-item a, .brandsList .brand-item a:visited {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .brandsList .brand-item .info {
    padding: 30px; }
  .brandsList .brand-item .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
  .brandsList .brand-item.color1 .info, .brandsList .brand-item.color1 .layer {
    background-color: #FBDAD8; }
  .brandsList .brand-item.color2 .info, .brandsList .brand-item.color2 .layer {
    background-color: #CDEAE7; }
  .brandsList .brand-item.color3 .info, .brandsList .brand-item.color3 .layer {
    background-color: #D3E8F2; }
  @media (min-width: 1024px) {
    .brandsList .brand-item .info {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      text-align: center;
      background-color: transparent !important;
      -moz-transition: 0.4s ease;
      -ms-transition: 0.4s ease;
      -o-transition: 0.4s ease;
      transition: 0.4s ease;
      -webkit-transition: 0.4s ease;
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
      .brandsList .brand-item .info h3 {
        letter-spacing: 6px;
        font-size: 63px;
        line-height: 63px;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 100%; }
    .brandsList .brand-item:hover .info {
      -moz-transition: 0.4s ease;
      -ms-transition: 0.4s ease;
      -o-transition: 0.4s ease;
      transition: 0.4s ease;
      -webkit-transition: 0.4s ease;
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
    .brandsList .brand-item:hover .layer {
      -moz-transition: 0.4s ease;
      -ms-transition: 0.4s ease;
      -o-transition: 0.4s ease;
      transition: 0.4s ease;
      -webkit-transition: 0.4s ease;
      filter: alpha(opacity=90);
      -moz-opacity: 0.9;
      -khtml-opacity: 0.9;
      opacity: 0.9;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; } }

#brandIntro .sectionContent.color1 {
  background-color: #FBC1AA; }
#brandIntro .sectionContent.color2 {
  background-color: #AED7F2; }
#brandIntro .sectionContent.color3 {
  background-color: #A2D3CD; }
#brandIntro .sectionContent h3 {
  padding: 50px 30px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 30px;
  line-height: 48px;
  margin: 0; }
  @media (min-width: 768px) {
    #brandIntro .sectionContent h3 {
      padding: 75px 30px;
      padding-bottom: 55px;
      font-size: 38px;
      line-height: 56px;
      letter-spacing: 8px; } }

#brandProductsList .sectionContent {
  padding: 35px 35px;
  max-width: 1016px;
  margin: 0 auto; }

#allProductsList .sectionContent {
  max-width: 1016px;
  margin: 0 auto; }

.products-list .product-item {
  position: relative;
  text-align: center;
  margin-bottom: 16px; }
  .products-list .product-item .imageWrapper {
    padding: 24px;
    overflow: hidden;
    margin-bottom: 5px; }
    .products-list .product-item .imageWrapper.color1 {
      background-color: #FBDAD8; }
    .products-list .product-item .imageWrapper.color2 {
      background-color: #CDEAE7; }
    .products-list .product-item .imageWrapper.color3 {
      background-color: #D3E8F2; }
  .products-list .product-item h3 {
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 3px;
    line-height: 20px;
    margin: 0; }
  .products-list .product-item h4 {
    padding: 0 10px;
    text-transform: lowercase;
    font-size: 15px;
    letter-spacing: 3px;
    line-height: 20px;
    margin: 0;
    font-family: "apercu_proitalic", Helvetica, Arial, sans-serif; }
  .products-list .product-item p.price {
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 25px;
    margin: 0;
    font-family: "apercu_proregular", Helvetica, Arial, sans-serif; }
  .products-list .product-item .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
    .products-list .product-item .layer.color1 {
      background-color: #FBDAD8; }
    .products-list .product-item .layer.color2 {
      background-color: #CDEAE7; }
    .products-list .product-item .layer.color3 {
      background-color: #D3E8F2; }
  .products-list .product-item a, .products-list .product-item a:visited {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0; }
  @media (min-width: 768px) {
    .products-list .product-item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      width: 33.33%;
      border-left: 8px solid white;
      border-right: 8px solid white; } }
  @media (min-width: 1024px) {
    .products-list .product-item {
      width: 25%; }
      .products-list .product-item .info {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 100%;
        -moz-transition: 0.4s ease;
        -ms-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        -webkit-transition: 0.4s ease;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
      .products-list .product-item:hover .info {
        -moz-transition: 0.4s ease;
        -ms-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        -webkit-transition: 0.4s ease;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
      .products-list .product-item:hover .layer {
        -moz-transition: 0.4s ease;
        -ms-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        -webkit-transition: 0.4s ease;
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; } }
  @media (min-width: 1200px) {
    .products-list .product-item {
      width: 20%; } }
.products-list.align-center {
  text-align: center; }
  @media (min-width: 768px) {
    .products-list.align-center .product-item {
      float: none;
      display: inline-block;
      vertical-align: top; } }

#testimonialsWrapper .sectionContent {
  padding: 30px;
  max-width: 1000px;
  margin: 0 auto; }

#testimonialsList .testimonial-item {
  margin-bottom: 40px; }
  #testimonialsList .testimonial-item.color1 p {
    color: #F16521; }
  #testimonialsList .testimonial-item.color2 p {
    color: #EB1B24; }
  #testimonialsList .testimonial-item.color3 p {
    color: #652C90; }
  #testimonialsList .testimonial-item.color4 p {
    color: #67A5AF; }
  #testimonialsList .testimonial-item.color5 p {
    color: #D81B5B; }
  #testimonialsList .testimonial-item.color6 p {
    color: #1A74BA; }
  #testimonialsList .testimonial-item.color7 p {
    color: #6DC728; }
  #testimonialsList .testimonial-item.color8 p {
    color: #AD4196; }
  #testimonialsList .testimonial-item p {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 3px; }
  #testimonialsList .testimonial-item p.source {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 2px; }
  @media (min-width: 768px) {
    #testimonialsList .testimonial-item {
      float: left;
      width: 33.33%; }
      #testimonialsList .testimonial-item p {
        padding-right: 30px; } }
  @media (min-width: 1024px) {
    #testimonialsList .testimonial-item {
      width: 25%; } }

#productWrapper .sectionContent {
  max-width: 1020px;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    #productWrapper .sectionContent {
      max-width: 1000px;
      padding-left: 0;
      padding-right: 0; } }
#productWrapper .productWrapper .imageWrapper {
  margin-bottom: 20px; }
#productWrapper .productWrapper .productInfo a.back-to-shop, #productWrapper .productWrapper .productInfo a.back-to-shop:visited {
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  letter-spacing: 2px; }
#productWrapper .productWrapper .productInfo h2 {
  margin: 20px 0;
  font-size: 31px;
  line-height: 42px;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-decoration: none; }
#productWrapper .productWrapper .productInfo p {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 30px;
  letter-spacing: 2px; }
#productWrapper .productWrapper .productInfo p.ingredient-item {
  text-transform: lowercase; }
#productWrapper .productWrapper .productInfo .productShopInfo {
  margin-bottom: 30px; }
  #productWrapper .productWrapper .productInfo .productShopInfo p.price {
    margin-bottom: 5px;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 2px; }
  #productWrapper .productWrapper .productInfo .productShopInfo a.buy-btn, #productWrapper .productWrapper .productInfo .productShopInfo a.buy-btn:visited {
    display: inline-block;
    border: 4px solid #221F1F;
    line-height: 54px;
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: 4px; }
@media (min-width: 768px) {
  #productWrapper .productWrapper .imageWrapper {
    float: left;
    width: 33.50%;
    margin-bottom: 30px; }
  #productWrapper .productWrapper .productInfo {
    float: right;
    width: 60.50%; }
    #productWrapper .productWrapper .productInfo h2 {
      margin-top: 0;
      padding: 0;
      margin-bottom: 30px; }
    #productWrapper .productWrapper .productInfo .productShopInfo p.price {
      float: left;
      line-height: 62px; }
    #productWrapper .productWrapper .productInfo .productShopInfo a.buy-btn, #productWrapper .productWrapper .productInfo .productShopInfo a.buy-btn:visited {
      float: left;
      margin-left: 24px; }
      #productWrapper .productWrapper .productInfo .productShopInfo a.buy-btn:hover, #productWrapper .productWrapper .productInfo .productShopInfo a.buy-btn:visited:hover {
        background-color: #221F1F;
        color: white; } }
#productWrapper .productExtras a.back-to-shop, #productWrapper .productExtras a.back-to-shop:visited {
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  letter-spacing: 2px; }
#productWrapper .productExtras p {
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0; }
@media (min-width: 768px) {
  #productWrapper .productExtras {
    padding-top: 35px; }
    #productWrapper .productExtras a.back-to-shop, #productWrapper .productExtras a.back-to-shop:visited {
      float: left;
      width: 33.50%; }
    #productWrapper .productExtras p {
      float: right;
      width: 60.50%; } }

#productBannerWrapper .sectionContent {
  max-width: 1020px;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    #productBannerWrapper .sectionContent {
      max-width: 1000px;
      padding-left: 0;
      padding-right: 0; } }

#relatedProductsWrapper .sectionContent {
  max-width: 1020px;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    #relatedProductsWrapper .sectionContent {
      max-width: 1000px;
      padding-left: 0;
      padding-right: 0; } }
#relatedProductsWrapper h3 {
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 21px;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center; }
  @media (min-width: 768px) {
    #relatedProductsWrapper h3 {
      margin-bottom: 50px; } }
#relatedProductsWrapper .relatedProducts .related-product {
  margin-bottom: 30px; }
  #relatedProductsWrapper .relatedProducts .related-product .images {
    margin-bottom: 24px; }
    #relatedProductsWrapper .relatedProducts .related-product .images .image1 {
      float: left;
      width: 40%; }
    #relatedProductsWrapper .relatedProducts .related-product .images .image2 {
      float: right;
      width: 40%; }
  #relatedProductsWrapper .relatedProducts .related-product .info h3 {
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 19px;
    line-height: 28px;
    margin: 0;
    margin-bottom: 15px; }
  #relatedProductsWrapper .relatedProducts .related-product .info p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 2.5px; }
  @media (min-width: 768px) {
    #relatedProductsWrapper .relatedProducts .related-product {
      float: left;
      width: 43%; }
      #relatedProductsWrapper .relatedProducts .related-product.align-right {
        float: right; } }

#productPopup .product-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10003;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  width: 105%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #productPopup .product-popup {
      width: 100%; } }
  #productPopup .product-popup .product-popup-wrapper {
    width: 76%;
    margin: 20px auto;
    max-width: 490px;
    padding: 40px 6% 20px 6%;
    background-color: #F0F0F1;
    box-shadow: 6px 6px 15px #666;
    -o-box-shadow: 6px 6px 15px #666;
    -webkit-box-shadow: 6px 6px 15px #666;
    -moz-box-shadow: 6px 6px 15px #666;
    position: relative; }
    #productPopup .product-popup .product-popup-wrapper.centered {
      margin-top: 0;
      margin-left: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    @media (min-width: 1024px) {
      #productPopup .product-popup .product-popup-wrapper {
        padding: 40px 3% 20px 3%; }
        #productPopup .product-popup .product-popup-wrapper.centered {
          margin-left: -2%; } }
    #productPopup .product-popup .product-popup-wrapper #product-slide-2 {
      display: none; }
    #productPopup .product-popup .product-popup-wrapper .popup-header {
      position: relative;
      margin-bottom: 30px; }
      #productPopup .product-popup .product-popup-wrapper .popup-header h3 {
        font-size: 21px;
        line-height: 31px;
        color: #221F1F;
        text-transform: uppercase;
        letter-spacing: 2px; }
      #productPopup .product-popup .product-popup-wrapper .popup-header a.close, #productPopup .product-popup .product-popup-wrapper .popup-header a.close:visited {
        position: absolute;
        top: 3px;
        right: -10px;
        width: 24px;
        height: 24px;
        background: url("../img/layout//close-icon.png") left top no-repeat transparent;
        background-size: contain;
        line-height: 500px;
        overflow: hidden; }
        @media (min-width: 768px) {
          #productPopup .product-popup .product-popup-wrapper .popup-header a.close, #productPopup .product-popup .product-popup-wrapper .popup-header a.close:visited {
            right: -25px; } }
    #productPopup .product-popup .product-popup-wrapper .popup-content .description {
      padding: 0 17px; }
      #productPopup .product-popup .product-popup-wrapper .popup-content .description p {
        font-size: 11px;
        line-height: 15px;
        color: #221F1F;
        letter-spacing: 2px;
        margin-bottom: 30px; }
    #productPopup .product-popup .product-popup-wrapper .popup-content .keyValueList {
      padding-bottom: 50px; }
      #productPopup .product-popup .product-popup-wrapper .popup-content .keyValueList .keyValueItem {
        margin-bottom: 10px;
        font-size: 11px;
        line-height: 15px;
        letter-spacing: 1px; }
        #productPopup .product-popup .product-popup-wrapper .popup-content .keyValueList .keyValueItem span {
          display: block; }
    @media (min-width: 1024px) {
      #productPopup .product-popup .product-popup-wrapper .popup-content .keyValueList .keyValueItem {
        margin-bottom: 0; }
        #productPopup .product-popup .product-popup-wrapper .popup-content .keyValueList .keyValueItem span {
          float: left;
          width: 50%; }
        #productPopup .product-popup .product-popup-wrapper .popup-content .keyValueList .keyValueItem span.key {
          width: 60%; }
        #productPopup .product-popup .product-popup-wrapper .popup-content .keyValueList .keyValueItem span.value {
          width: 40%; } }
    #productPopup .product-popup .product-popup-wrapper .popup-bottom {
      position: relative; }
      #productPopup .product-popup .product-popup-wrapper .popup-bottom .popup-nav {
        position: absolute;
        right: -25px;
        bottom: 15px; }
        #productPopup .product-popup .product-popup-wrapper .popup-bottom .popup-nav ul {
          text-align: right; }
          #productPopup .product-popup .product-popup-wrapper .popup-bottom .popup-nav ul li {
            display: inline-block;
            vertical-align: top; }
            #productPopup .product-popup .product-popup-wrapper .popup-bottom .popup-nav ul li a, #productPopup .product-popup .product-popup-wrapper .popup-bottom .popup-nav ul li a:visited {
              display: block;
              line-height: 500px;
              overflow: hidden;
              -webkit-background-clip: padding-box;
              -webkit-border-radius: 50%;
              -moz-background-clip: padding-box;
              -moz-border-radius: 50%;
              border-radius: 50%;
              background-clip: padding-box;
              margin-right: 5px;
              width: 8px;
              height: 8px;
              border: 1px solid #221F1F; }
              #productPopup .product-popup .product-popup-wrapper .popup-bottom .popup-nav ul li a.active, #productPopup .product-popup .product-popup-wrapper .popup-bottom .popup-nav ul li a:hover, #productPopup .product-popup .product-popup-wrapper .popup-bottom .popup-nav ul li a:visited.active, #productPopup .product-popup .product-popup-wrapper .popup-bottom .popup-nav ul li a:visited:hover {
                background-color: #221F1F; }

#orderPopups .order-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10003;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  width: 105%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #orderPopups .order-popup {
      width: 100%; } }
  #orderPopups .order-popup .order-popup-wrapper {
    width: 76%;
    margin: 20px auto;
    max-width: 590px;
    padding: 40px 6% 40px 6%;
    background-color: #F0F0F1;
    box-shadow: 6px 6px 15px #666;
    -o-box-shadow: 6px 6px 15px #666;
    -webkit-box-shadow: 6px 6px 15px #666;
    -moz-box-shadow: 6px 6px 15px #666;
    position: relative; }
    #orderPopups .order-popup .order-popup-wrapper.centered {
      margin-top: 0;
      margin-left: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    @media (min-width: 1024px) {
      #orderPopups .order-popup .order-popup-wrapper.centered {
        margin-left: -2%; } }
    #orderPopups .order-popup .order-popup-wrapper .popup-header {
      position: relative;
      margin-bottom: 30px; }
      #orderPopups .order-popup .order-popup-wrapper .popup-header h3 {
        font-size: 21px;
        line-height: 31px;
        color: #221F1F;
        text-transform: uppercase;
        letter-spacing: 2px; }
      #orderPopups .order-popup .order-popup-wrapper .popup-header a.close, #orderPopups .order-popup .order-popup-wrapper .popup-header a.close:visited {
        position: absolute;
        top: 3px;
        right: -10px;
        width: 24px;
        height: 24px;
        background: url("../img/layout//close-icon.png") left top no-repeat transparent;
        background-size: contain;
        line-height: 500px;
        overflow: hidden; }
        @media (min-width: 768px) {
          #orderPopups .order-popup .order-popup-wrapper .popup-header a.close, #orderPopups .order-popup .order-popup-wrapper .popup-header a.close:visited {
            right: -45px; } }
    #orderPopups .order-popup .order-popup-wrapper .popup-content .product-info {
      margin-bottom: 30px; }
      #orderPopups .order-popup .order-popup-wrapper .popup-content .product-info img {
        display: none; }
      #orderPopups .order-popup .order-popup-wrapper .popup-content .product-info h4 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 3px;
        text-transform: uppercase; }
      #orderPopups .order-popup .order-popup-wrapper .popup-content .product-info h5 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 2px;
        text-transform: uppercase; }
    #orderPopups .order-popup .order-popup-wrapper .popup-content .order-form .form-field {
      margin-bottom: 20px; }
      #orderPopups .order-popup .order-popup-wrapper .popup-content .order-form .form-field label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 7px;
        display: block; }
      #orderPopups .order-popup .order-popup-wrapper .popup-content .order-form .form-field input {
        border: 0;
        background-color: white;
        display: block;
        width: 90%;
        padding: 0 5%;
        height: 30px;
        line-height: 30px;
        font-family: "apercu_proregular", Helvetica, Arial, sans-serif;
        font-size: 14px;
        letter-spacing: 1px; }
    #orderPopups .order-popup .order-popup-wrapper .popup-content .order-form .form-bottom a.submit-btn, #orderPopups .order-popup .order-popup-wrapper .popup-content .order-form .form-bottom a.submit-btn:visited {
      display: inline-block;
      border: 2px solid #221F1F;
      line-height: 34px;
      padding: 0 15px;
      text-transform: uppercase;
      font-size: 18px;
      letter-spacing: 3px; }
    @media (min-width: 768px) {
      #orderPopups .order-popup .order-popup-wrapper .popup-content .product-info {
        float: left;
        width: 47.50%;
        margin-bottom: 0; }
        #orderPopups .order-popup .order-popup-wrapper .popup-content .product-info img {
          display: block;
          max-width: 100%;
          height: auto;
          margin-bottom: 10px; }
      #orderPopups .order-popup .order-popup-wrapper .popup-content .order-form {
        float: right;
        width: 47.50%; }
        #orderPopups .order-popup .order-popup-wrapper .popup-content .order-form .form-bottom a.submit-btn:hover {
          background-color: #221F1F;
          color: white; } }

/* Large desktop */
/* Portrait tablet to landscape and desktop */
/* Landscape phone to portrait tablet */
/* Landscape phones and down */

/*# sourceMappingURL=global.css.map */