@charset "UTF-8";
/* ----------------------------
Style Sheet for Jota3w

version: 1.0
author: Abner Sim├Áes
email: abner@jota3w.com.br
website: http://yourwebsite.com
-----------------------------*/
/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- - VAR SASS  -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- WRAPPER  -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* line 195, ../sass/style.scss */

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

@font-face {
  font-family: "Nespresso-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Nespresso-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Nespresso-Regular.woff") format("woff"), url("fonts/Nespresso-Regular.ttf") format("truetype"), url("fonts/Nespresso-Regular.svg#Nespresso-Regular") format("svg"); }
@font-face {
  font-family: NespressoLucas-SemiBold;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NespressoLucas-SemiBd.otf") format("opentype")}
@font-face {
  font-family: "Nespresso-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Nespresso-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Nespresso-Bold.woff") format("woff"), url("fonts/Nespresso-Bold.ttf") format("truetype"), url("fonts/Nespresso-Bold.svg#Nespresso-Bold") format("svg"); }

@font-face {
  font-family: "Nespresso-ExtraBold";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Nespresso-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Nespresso-ExtraBold.woff") format("woff"), url("fonts/Nespresso-ExtraBold.ttf") format("truetype"), url("fonts/Nespresso-ExtraBold.svg#Nespresso-ExtraBold") format("svg"); }
body {
  overflow-x: hidden; 
  font-size: 100%;
  font-family: "nespressoLight", Arial, sans-serif;
  position: relative;
}

/* line 201, ../sass/style.scss */
html,
body {
  height: 100%;
}

body #banner-promo {
  height: 315px;
  width: 100%;
  background: url("../img/banner-promo/banner-desktop.jpg") center center no-repeat;
  background-size: auto 100%;
  position: relative; }
  body #banner-promo img {
    display: none; }
  @media (max-width: 1050px) {
    body #banner-promo {
      height: 235px; } }
  @media (max-width: 768px) {
    body #banner-promo {
      height: 150px; } }
  @media (max-width: 480px) {
    body #banner-promo {
      height: auto; }
      body #banner-promo img {
        display: block;
        height: auto;
        width: 100%; } }
  body #banner-promo a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%; }
    @media(max-width: 480px) {
      body #banner-promo a {
        position: relative; } }

.gridD {
  max-width: 960px; }

.blockCenter, .gridD, .gridE {
    margin-left: auto;
    margin-right: auto; }
/* line 207, ../sass/style.scss */
.home strong {
  font-family: "nespressoBold", Arial, sans-serif !important;
  font-weight: 900;
}

/* line 211, ../sass/style.scss */
.section, #sectionFold, #sectionTwo, #sectionThree, #sectionFour, #sectionFive, #footerMain {
  width: 100%;
  min-width: 960px;
  clear: both;
}

/* line 216, ../sass/style.scss */
.contentWrapper, #sectionTwo #sliderCapsule .slider, #sectionTwo .cta {
  height: 360px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/* line 222, ../sass/style.scss */
.bgBlack, #sectionFold, #sectionTwo, #sectionFour, #footerMain {
  background-color: #000;
}

/* line 228, ../sass/style.scss */
.bgWhite, #sectionThree, #sectionFive {
  background-color: #f5ede4;
}

/* line 234, ../sass/style.scss */
.home h2 {
  font-family: "nespressoBold", Arial, sans-serif;
  font-size: 28px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding-top: 60px;
}
/* line 241, ../sass/style.scss */
.home h2 strong {
  font-family: "nespressoBold", Arial, sans-serif;
}

/* line 245, ../sass/style.scss */
.subTitle {
  font-family: "nespressoRegular", Arial, sans-serif;
  font-size: 18px;
  padding-top: 20px;
  margin: 0 auto;
  display: block;
  text-align: center;
  text-transform: uppercase;
}

/* line 255, ../sass/style.scss */
.home p {
  font-family: "nespressoRegular", Arial, sans-serif;
  font-size: 16px;
}
/* line 258, ../sass/style.scss */
.home p strong {
  font-family: "nespressoBold", Arial, sans-serif;
}

/* line 260, ../sass/style.scss */
.home h3 {
  font-family: "nespressoRegular", Arial, sans-serif;
  font-size: 18px;
  display: block;
  text-align: center;
}
/* line 265, ../sass/style.scss */
.home h3 strong {
  font-family: "nespressoBold", Arial, sans-serif;
}

/* line 270, ../sass/style.scss */
.borderTitle {
  position: relative;
}
/* line 272, ../sass/style.scss */
.borderTitle h3 {
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  background-color: #f5ede4;
  margin-left: auto;
  margin-right: auto;
}

/* line 281, ../sass/style.scss */
.borderTitle:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  margin-top: -0.5px;
  left: 0;
  right: 0;
  background-color: #000;
  z-index: 0;
}

/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- - FIXED NAV -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* line 302, ../sass/style.scss */
.fixedNav #sectionFold #navMain {
  position: fixed;
  bottom: inherit;
  top: 0;
  z-index: 100;
  border-bottom: 4px solid #A48953;
  background-color: #33200F;
  background-image: url(../img/textureWood.jpg);
}

/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- - FOLD MAIN -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* line 318, ../sass/style.scss */
#sectionFold {
  min-height: 680px;
  position: relative;
  padding-top: 60px;
  background-image: url(../img/mesa.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* line 330, ../sass/style.scss */
#sectionFold #logoMain {
  width: 320px;
  height: 65px;
  display: block;
  margin: 0px auto;
}
/* line 335, ../sass/style.scss */
#sectionFold #logoMain h1 {
  margin: 0;
  padding: 0;
  height: 0;
  display: block;
  text-indent: -9999em;
}
/* line 339, ../sass/style.scss */
#sectionFold #logoMain img {
  max-width: 100%;
  display: block;
}
/* line 344, ../sass/style.scss */
#sectionFold .subTitle {
  width: 550px;
  padding-top: 20px;
  font-family: "nespressoLight", Arial, sans-serif;
  font-size: 21px;
  position: absolute:   ;
  z-index: 9;
  -webkit-text-shadow: 3px 3px 3px #333;
  -moz-text-shadow: 3px 3px 3px #333;
  -o-text-shadow: 3px 3px 3px #333;
  text-shadow: 3px 3px 3px #333;
}
/* line 353, ../sass/style.scss */
#sectionFold #navMachines {
    width: 1000px;
    height: 360px;
    position: absolute;
    left: 63%;
    margin-left: -400px;
    top: 220px;
}
/* line 366, ../sass/style.scss */
#sectionFold #navMachines a {
  width: 21%;
  height: 340px;
  float: left;
  display: block;
  position: relative;
}
/* line 372, ../sass/style.scss */
#sectionFold #navMachines a img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}
/* line 379, ../sass/style.scss */
#sectionFold #navMachines a#machineOne {
  margin-right: 0;
  margin-top: 130px;
}
/* line 383, ../sass/style.scss */
#sectionFold #navMachines a#machineTwo {
  margin-right: 0;
  margin-top: 130px;
}
/* line 387, ../sass/style.scss */
#sectionFold #navMachines a#machineThree {
  margin-right: 9%;
  margin-top: 130px;
}
/* line 390, ../sass/style.scss */
#sectionFold span#machineFour {
  margin-left: 25px;
}

#sectionFold span#machineFour .mobile {
  display: none;
}
/* line 397, ../sass/style.scss */
#sectionFold #navMachines:hover a img {
  -webkit-filter: brightness(0.3);
  -moz-filter: brightness(0.3);
  -ms-filter: brightness(0.3);
  -o-filter: brightness(0.3);
  filter: brightness(0.3);
}
/* line 400, ../sass/style.scss */
#sectionFold #navMachines:hover a img:hover {
  -webkit-filter: brightness(1);
  -moz-filter: brightness(1);
  -ms-filter: brightness(1);
  -o-filter: brightness(1);
  filter: brightness(1);
  top: -10px;
}
/* line 406, ../sass/style.scss */
#sectionFold #navMain {
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}
/* line 413, ../sass/style.scss */
#sectionFold #navMain .contentWrapper, #sectionFold #navMain #sectionTwo #sliderCapsule .slider, #sectionTwo #sliderCapsule #sectionFold #navMain .slider, #sectionFold #navMain #sectionTwo .cta, #sectionTwo #sectionFold #navMain .cta {
  width: 1000px;
}
/* line 414, ../sass/style.scss */
#sectionFold #navMain .anchor {
  width: 110px;
  height: 110px;
  display: block;
  float: left;
  margin-top: 55px;
  margin-right: 70px;
  background-color: #A48953;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}
/* line 425, ../sass/style.scss */
#sectionFold #navMain .anchor .icon {
  width: 110px;
  height: 110px;
  background-image: url(../img/spriteNavMainBlank.png);
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}
/* line 431, ../sass/style.scss */
#sectionFold #navMain .anchor span {
  width: 160px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -80px;
  font-family: "nespressoRegular", Arial, sans-serif;
  font-size: 14px;
  color: #A48953;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
}
/* line 443, ../sass/style.scss */
#sectionFold #navMain .anchor span strong {
  font-family: "nespressoBold", Arial, sans-serif;
}
/* line 446, ../sass/style.scss */
#sectionFold #navMain .anchorMaquinas .icon {
  background-position: 0px 2px;
}
/* line 447, ../sass/style.scss */
#sectionFold #navMain .anchorCafes .icon {
  background-position: -184px 2px;
}
/* line 448, ../sass/style.scss */
#sectionFold #navMain .anchorNespressoClub .icon {
  background-position: -362px 2px;
}
/* line 449, ../sass/style.scss */
#sectionFold #navMain .anchorSustentabilidade .icon {
  background-position: -546px 2px;
}
/* line 450, ../sass/style.scss */
#sectionFold #navMain .anchorReceitas .icon {
  background-position: -729px 2px;
}
/* line 452, ../sass/style.scss */
#sectionFold #navMain .anchor:last-child {
  margin-right: 0;
}
/* line 453, ../sass/style.scss */
#sectionFold #navMain .anchor:hover,
#sectionFold #navMain .anchor.anchorActive {
  background-color: #f5ede4;
}
/* line 456, ../sass/style.scss */
#sectionFold #navMain .anchor:hover .icon,
#sectionFold #navMain .anchor.anchorActive .icon {
  background-image: url(../img/spriteNavMain.png);
}
/* line 457, ../sass/style.scss */
#sectionFold #navMain .anchor:hover span,
#sectionFold #navMain .anchor.anchorActive span {
  color: #f5ede4;
}

/* line 463, ../sass/style.scss */
#sectionMachines, #sectionTwo, #sectionThree, #sectionFour, #sectionFive {
  font-family: 'Nespresso-Regular';
  padding: 0;
  color: #fff;
}

#sectionTwo h2, #sectionTwo span, #sectionFour h2, #sectionFour span {
  color: #000!important;
}
#sectionTwo hr, #sectionFour hr {
  background: #000;
}
#sectionMachines, #sectionTwo, #sectionThree {
  min-height: 360px;
  padding: 0!important;
}
/* #sectionFour .contentTitle, #sectionFour .contentImg, #sectionFive .contentTitle, #sectionFive .contentImg {
  margin-top: 100px;
} */
.contentTitle {
  font-family: 'nespressoRegular';
  float: left;
  margin-top: 95px;
  margin-left: 30px;
  color: #fff;
}
.contentTitle h2, .contentTitle span {
  text-align: left;
  padding: 0;
  background-color: transparent;
}
.contentTitle h2 {
  font-family: 'nespressoRegular';
  font-size: 24px;
  letter-spacing: 3px;
}
.contentTitle hr {
  max-width: 80px;
  margin: 25px 200px 25px 0;
  padding: 1px 0;
  background: #fff;
  border: none;
}
.contentTitle span {
  font-size: 14px;
  line-height: 30px;
  text-transform: unset;
}
.contentImg {
  width: 50%;
  float: left;
  margin-top: 95px;
  margin-left: 20px;
}
.contentImg img{
  position: absolute;
}
#sectionFour, #sectionFive {
  min-height: 500px;
}
#sectionMachines {
  background: #b81815;
}
#sectionTwo {
  background: #fff;
}
#sectionTwo img {
  margin-left: 90px;
  margin-top: -145px;
}
#sectionThree {
  background: #000;
}
#sectionThree img {
  margin-top: -120px;
  margin-left: 15px;
}
#sectionFour {
  background: #fff;
}
#sectionFour img {
  margin-left: 80px;
  margin-top: -115px;
}
#sectionFive {
  background: url('../img/bgSec05.png') #000;
}
#sectionFive img {
    margin-top: -290px;
    margin-left: -478px;
}
#sectionFive .contentTitle {
  margin-left: 0;
}
#sectionFive h2 {
  margin-top: -280px;
  margin-bottom: 50px;
  color: #000;
  font-size: 26px;
}
#sectionFive span {
  font-size: 15px;
  letter-spacing: 0;
  text-align: left;
}
/* line 469, ../sass/style.scss */
#sectionMachines .contentWrapper .banner p, #sectionMachines #sectionTwo #sliderCapsule .slider .banner p, #sectionTwo #sliderCapsule #sectionMachines .slider .banner p, #sectionMachines #sectionTwo .cta .banner p, #sectionTwo #sectionMachines .cta .banner p {
  text-align: center;
  margin-top: 30px;
}

#sectionMachines h2.title {
   font-family: 'Nespresso-Regular';
   line-height: 45px;
   font-size: 26px;
   padding: 40px;
   letter-spacing: 3px;
   background-color: #fff;
   color: #000;
}

/* line 475, ../sass/style.scss */
#sectionMachines .sliderMachine {
  width: 840px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
/* line 480, ../sass/style.scss */
#sectionMachines .sliderMachine .boxMachine {
  width: calc(97%/3);
  min-height: 387px;
  border-radius: 10px;
  background-color: #fff;
  float: left;
  position: relative;
  padding: 40px 0 27px 0;
  margin-right: 10px;
}
/* line 490, ../sass/style.scss */
#sectionMachines .sliderMachine .boxMachine img {
  margin: 0 auto;
  display: block;
}
/* line 494, ../sass/style.scss */
#sectionMachines .sliderMachine .boxMachine p {
  width: 90%;
  text-align: center;
  margin: 20px auto;
  font-size: 12px;
}
/* line 500, ../sass/style.scss */
#sectionMachines .sliderMachine .boxMachine a {
  width: 130px;
  height: 35px;
  margin: 0 auto;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  background: #c59c5d;
  position: absolute;
  bottom: -15px;
  left: 70px;
  border-radius: 10px;
  line-height: 35px;
  font-family: "nespressoRegular", Arial, sans-serif;
  text-align: center;
}
/* line 517, ../sass/style.scss */
#sectionMachines .sliderMachine .boxMachine:last-child {
  margin-right: 0;
}
/* line 521, ../sass/style.scss */
#sectionMachines .sliderMachine .boxHeight {
  padding: 40px 0 10px 0;
}
/* line 524, ../sass/style.scss */
#sectionMachines .sliderMachine .slick-prev,
#sectionMachines .sliderMachine .slick-next {
  width: 40px;
  height: 40px;
  background: transparent;
  background-image: url(../img/arrows.png);
  border: 0;
  text-indent: -9999em;
  display: block;
  position: absolute;
  top: 175px;
  z-index: 5;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
/* line 539, ../sass/style.scss */
#sectionMachines .sliderMachine .slick-prev {
  left: -20px;
  background-position: -2px -5px;
}
/* line 543, ../sass/style.scss */
#sectionMachines .sliderMachine .slick-next {
  right: -10px;
  background-position: -43px -5px;
}
/* line 547, ../sass/style.scss */
#sectionMachines .sliderMachine .slick-disabled {
  opacity: 0;
}
/* line 550, ../sass/style.scss */
#sectionMachines .sliderMachine .slick-list {
  min-height: 450px;
}
/* line 553, ../sass/style.scss */
#sectionMachines .sliderMachine.slick-slider {
  margin-bottom: 0;
}
/* line 558, ../sass/style.scss */
#sectionMachines footer p {
  font-size: 20px;
  text-align: center;
  font-family: "nespressoBold", Arial, sans-serif;
  color: #634127;
}

/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- - TWO -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* line 575, ../sass/style.scss */
#sectionTwo .banner {
  width: 100%;
  min-height: 400px;
  background-image: url(../img/sectionTwoBanner.png);
  background-position: center right;
  background-repeat: no-repeat;
}
/* line 581, ../sass/style.scss */
#sectionTwo .banner p {
  width: 322px;
  float: left;
  padding: 150px 0 0 40px;
  display: block;
  line-height: 26px;
}
/* line 589, ../sass/style.scss */
#sectionTwo #sliderCapsule {
  padding: 70px 0 100px;
  background-image: url(../img/bgSlider.png);
  background-position: center top;
  background-repeat: no-repeat;
}
/* line 594, ../sass/style.scss */
#sectionTwo #sliderCapsule h3 {
  width: 560px;
  margin: 0px auto 40px auto;
  color: #f5ede4;
}
/* line 599, ../sass/style.scss */
#sectionTwo #sliderCapsule .slider {
  overflow: inherit !important;
  margin-bottom: 0;
}
/* line 603, ../sass/style.scss */
#sectionTwo #sliderCapsule .slider .slick-prev,
#sectionTwo #sliderCapsule .slider .slick-next {
  width: 40px;
  height: 40px;
  background-color: #000;
  background-image: url(../img/arrowsSlider.png);
  border: 0;
  text-indent: -9999em;
  display: block;
  position: absolute;
  top: 80px;
  z-index: 5;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -ms-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
/* line 618, ../sass/style.scss */
#sectionTwo #sliderCapsule .slider .slick-prev {
  left: -30px;
}
/* line 621, ../sass/style.scss */
#sectionTwo #sliderCapsule .slider .slick-next {
  right: -30px;
  background-position: -40px 0;
}
/* line 625, ../sass/style.scss */
#sectionTwo #sliderCapsule .slider .slick-disabled {
  opacity: 0;
}
/* line 630, ../sass/style.scss */
#sectionTwo #sliderCapsule footer h3 {
  margin: 80px auto 10px auto;
}
/* line 631, ../sass/style.scss */
#sectionTwo #sliderCapsule footer p {
  width: 100%;
  padding: 0;
  text-align: center;
}
/* line 636, ../sass/style.scss */
#sectionTwo #sliderCapsule footer p a {
  color: #f5ede4;
  text-decoration: underline;
}
/* line 638, ../sass/style.scss */
#sectionTwo #sliderCapsule footer p b {
  font-family: "nespressoBold", Arial, sans-serif;
}
/* line 642, ../sass/style.scss */
#sectionTwo .cta {
  text-align: center;
  border-radius: 10px;
  border: 3px solid #A48953;
  color: #fff;
  margin: 30px auto 0;
  padding: 20px;
}
/* line 650, ../sass/style.scss */
#sectionTwo .cta h3 {
  font-size: 20px;
}
/* line 652, ../sass/style.scss */
#sectionTwo .cta h3 strong {
  font-family: "nespressoBold", Arial, sans-serif;
}
/* line 656, ../sass/style.scss */
#sectionTwo .cta p {
  font-size: 16px;
  padding-top: 5px;
}
/* line 659, ../sass/style.scss */
#sectionTwo .cta p a {
  text-decoration: underline;
  color: #fff;
  font-family: "nespressoBold", Arial, sans-serif;
}

/* line 668, ../sass/style.scss */
.coffe-benefits {
  width: 822px;
  margin: 80px auto 0;
  font-family: "nespressoBold", Arial, sans-serif;
}
/* line 673, ../sass/style.scss */
.coffe-benefits .coffe-top {
  color: #fff;
  font-size: 18.28px;
  height: 57px;
  background: #599b94;
  border-radius: 25px;
  cursor: pointer;
  -webkit-transition: border-radius .3s ease;
  -moz-transition: border-radius .3s ease;
  transition: border-radius .3s ease;
}
/* line 684, ../sass/style.scss */
.coffe-benefits .coffe-top span {
  display: block;
  float: left;
  line-height: 57px;
}
/* line 685, ../sass/style.scss */
.coffe-benefits .coffe-top .icone-cafe {
  display: block;
  float: left;
  margin: 11px 16px 13px 22px;
  width: 57px;
}
/* line 686, ../sass/style.scss */
.coffe-benefits .coffe-top .tab-switch {
  dislay: block;
  width: 18px;
  height: 18px;
  float: right;
  margin: 20px 18px 19px 0;
  background: url("../img/tab/seta-right.png");
}
/* line 687, ../sass/style.scss */
.coffe-benefits .coffe-top .tab-switch-down {
  background: url("../img/tab/seta-down.png");
}
/* line 690, ../sass/style.scss */
.coffe-benefits .coffe-content {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  height: 0;
  background: #fff url("../img/tab/background-coffe.jpg") no-repeat center 55px;
  overflow: hidden;
  -webkit-transition: height .3s ease;
  -moz-transition: height .3s ease;
  transition: height .3s ease;
}
/* line 701, ../sass/style.scss */
.coffe-benefits .coffe-content span {
  display: block;
  text-align: center;
  padding: 20px 0;
  font-size: 18.69px;
}
/* line 702, ../sass/style.scss */
.coffe-benefits .coffe-content ul {
  padding-top: 5px;
  font-size: 15.03px;
  font-family: "nespressoRegular", Arial, sans-serif;
  color: #000;
}
/* line 703, ../sass/style.scss */
.coffe-benefits .coffe-content ul li {
  line-height: 47px;
}
/* line 704, ../sass/style.scss */
.coffe-benefits .coffe-content .txt-1 {
  margin-left: 90px;
}
/* line 705, ../sass/style.scss */
.coffe-benefits .coffe-content .txt-2 {
  margin-left: 102px;
}
/* line 706, ../sass/style.scss */
.coffe-benefits .coffe-content .txt-3 {
  margin-left: 121px;
}
/* line 707, ../sass/style.scss */
.coffe-benefits .coffe-content .txt-4 {
  margin-left: 139px;
}
/* line 708, ../sass/style.scss */
.coffe-benefits .coffe-content .txt-5 {
  margin-left: 155px;
}
/* line 711, ../sass/style.scss */
.coffe-benefits .transition-border-radius {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
/* line 716, ../sass/style.scss */
.coffe-benefits .transition-coffe-content-height {
  height: 332px;
}

/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- - THREE  -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* line 730, ../sass/style.scss */
#sectionThree .borderTitle {
  margin-top: 20px;
  padding: 40px 0 40px 0;
  clear: both;
}
/* line 737, ../sass/style.scss */
#sectionThree .stepsBuy .borderTitle h3 {
  width: 560px;
}
/* line 740, ../sass/style.scss */
#sectionThree .stepsBuy .steps {
  position: relative;
}
/* line 742, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item {
  border-right: 1px solid #000;
  padding: 0;
}
/* line 745, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .title {
  width: 100%;
  height: 120px;
  background-color: #f8e5cc;
}
/* line 749, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .title .icon {
  width: 100px;
  height: 100px;
  margin: 10px 0 0 0;
  display: block;
  float: left;
  background-image: url(../img/spriteNespressoClub.png);
}
/* line 757, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .title .text {
  width: 170px;
  font-size: 15px;
  letter-spacing: -1px;
  color: #A48953;
  display: block;
  float: left;
  padding: 30px 0 0 0;
}
/* line 766, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .title .text strong {
  font-family: "nespressoBold", Arial, sans-serif;
}
/* line 771, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic {
  width: 100%;
  clear: both;
  padding: 10px 0;
}
/* line 775, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic .icon {
  width: 50px;
  height: 50px;
  margin: 5px 10px 0 10px;
  display: block;
  float: left;
  background-image: url(../img/spriteNespressoClub.png);
}
/* line 783, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic .text {
  padding-left: 10px;
  padding-right: 10px;
}
/* line 786, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic .text b {
  font-family: "nespressoRegular", Arial, sans-serif;
  font-size: 15px;
}
/* line 790, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic .text strong {
  font-family: "nespressoBold", Arial, sans-serif;
  font-size: 15px;
}
/* line 794, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic .text a {
  text-decoration: underline;
  color: #000;
}
/* line 798, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic .text span {
  font-family: "nespressoRegular", Arial, sans-serif;
  font-size: 15px;
}
/* line 802, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic .text small {
  font-size: 12px;
  display: block;
}
/* line 805, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic .text small strong {
  font-size: 12px;
  display: inline;
}
/* line 809, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic .lineOne * {
  display: block;
  padding-top: 10px;
}
/* line 815, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic .lineTwo * {
  display: block;
  padding-top: 12px;
}
/* line 821, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic1 .icon {
  background-position: -100px 0px;
}
/* line 822, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic2 .icon {
  background-position: -100px -60px;
}
/* line 823, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic3 .icon {
  background-position: -100px -120px;
}
/* line 824, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item .contentStep .topic4 .icon {
  background-position: -100px -180px;
}
/* line 827, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item.item3 {
  border: 0;
}
/* line 828, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item.item1 .icon {
  background-position: 0px 0px;
}
/* line 829, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item.item2 .icon {
  background-position: 0px -100px;
}
/* line 830, ../sass/style.scss */
#sectionThree .stepsBuy .steps .item.item3 .icon {
  background-position: 0px -200px;
}
/* line 832, ../sass/style.scss */
#sectionThree .stepsBuy .steps:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -50px;
  right: 0;
  width: 310px;
  height: 220px;
  background-image: url(../img/bgCapsules.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
}
/* line 845, ../sass/style.scss */
#sectionThree .banners {
  padding: 40px 0 0 0;
}
/* line 847, ../sass/style.scss */
#sectionThree .banners .borderTitle h3 {
  width: 380px;
}
/* line 850, ../sass/style.scss */
#sectionThree .banners .banner {
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
/* line 853, ../sass/style.scss */
#sectionThree .banners .banner header {
  padding: 10px;
  background-color: #A48953;
  height: 110px;
  display: table;
}
/* line 858, ../sass/style.scss */
#sectionThree .banners .banner header span {
  font-size: 14px;
  color: #fff;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
/* line 864, ../sass/style.scss */
#sectionThree .banners .banner header span a {
  color: #fff;
  text-decoration: underline;
}
/* line 871, ../sass/style.scss */
#sectionThree .banners .banner img {
  max-width: 100%;
  display: block;
}
/* line 876, ../sass/style.scss */
#sectionThree .banners .banner strong {
  font-family: "nespressoBold", Arial, sans-serif;
}
/* line 879, ../sass/style.scss */
#sectionThree .banners .bannersY {
  padding: 0 0 20px 0;
}
/* line 882, ../sass/style.scss */
#sectionThree .banners .bannersX {
  height: 135px;
  padding: 0 10px;
  clear: both;
  background-image: url(../img/banners/bgHand.png);
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center left;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
/* line 891, ../sass/style.scss */
#sectionThree .banners .bannersX p {
  font-size: 14px;
  color: #f5ede4;
  line-height: 20px;
  display: block;
  width: 680px;
  float: right;
  margin: 45px 0 0 0;
}
/* line 902, ../sass/style.scss */
#sectionThree footer p {
  clear: both;
  padding: 40px 0 60px 0;
  font-family: "nespressoRegular", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
/* line 909, ../sass/style.scss */
#sectionThree footer p a {
  color: #000;
  text-decoration: underline;
}

/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- - FOUR - -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */



/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- FIVE  -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* line 992, ../sass/style.scss */
#sectionFive .tabsRecipes {
  padding: 60px 0;
}
/* line 994, ../sass/style.scss */
#sectionFive .tabsRecipes .col4 {
  padding: 0 5px;
}
/* line 995, ../sass/style.scss */
#sectionFive .tabsRecipes .tab {
  display: block;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
/* line 999, ../sass/style.scss */
#sectionFive .tabsRecipes .tab header {
  width: 100%;
  padding: 10px;
  background-color: #A48953;
  height: 55px;
  display: table;
}
/* line 1005, ../sass/style.scss */
#sectionFive .tabsRecipes .tab header h4 {
  font-family: "nespressoBold", Arial, sans-serif;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #f5ede4;
  text-transform: uppercase;
}
/* line 1012, ../sass/style.scss */
#sectionFive .tabsRecipes .tab header span {
  font-size: 13px;
  color: #000;
}
/* line 1017, ../sass/style.scss */
#sectionFive .tabsRecipes .tab img {
  max-width: 100%;
  display: block;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-filter: brightness(0.3);
  -moz-filter: brightness(0.3);
  -ms-filter: brightness(0.3);
  -o-filter: brightness(0.3);
  filter: brightness(0.3);
}
/* line 1025, ../sass/style.scss */
#sectionFive .tabsRecipes .tab.tabActive img {
  -webkit-filter: brightness(1);
  -moz-filter: brightness(1);
  -ms-filter: brightness(1);
  -o-filter: brightness(1);
  filter: brightness(1);
}
/* line 1026, ../sass/style.scss */
#sectionFive .tabsRecipes .tab.tabActive:hover img {
  -webkit-filter: brightness(1);
  -moz-filter: brightness(1);
  -ms-filter: brightness(1);
  -o-filter: brightness(1);
  filter: brightness(1);
}
/* line 1027, ../sass/style.scss */
#sectionFive .tabsRecipes .tab:hover img {
  -webkit-filter: brightness(0.5);
  -moz-filter: brightness(0.5);
  -ms-filter: brightness(0.5);
  -o-filter: brightness(0.5);
  filter: brightness(0.5);
}
/* line 1029, ../sass/style.scss */
#sectionFive .tabsRecipes .respTab {
  padding: 40px 0;
  clear: both;
}
/* line 1032, ../sass/style.scss */
#sectionFive .tabsRecipes .respTab .tabContent {
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
/* line 1037, ../sass/style.scss */
#sectionFive .tabsRecipes .respTab .tabContent > * {
  display: none;
}
/* line 1039, ../sass/style.scss */
#sectionFive .tabsRecipes .respTab .tabContent.tabActive {
  opacity: 1;
  visibility: visible;
  height: auto;
}
/* line 1043, ../sass/style.scss */
#sectionFive .tabsRecipes .respTab .tabContent.tabActive > * {
  display: block;
}
/* line 1046, ../sass/style.scss */
#sectionFive .tabsRecipes .respTab .col4 {
  border-right: 1px solid #000;
  padding-right: 20px;
}
/* line 1050, ../sass/style.scss */
#sectionFive .tabsRecipes .respTab .col8 {
  padding-left: 20px;
}
/* line 1051, ../sass/style.scss */
#sectionFive .tabsRecipes .respTab span {
  font-family: "nespressoBold", Arial, sans-serif;
  font-size: 14px;
  color: #A48953;
  text-transform: uppercase;
  padding: 0 0 20px 0;
  display: block;
}
/* line 1059, ../sass/style.scss */
#sectionFive .tabsRecipes .respTab p {
  font-size: 14px;
  color: #000;
  line-height: 22px;
}
/* line 1064, ../sass/style.scss */
#sectionFive .tabsRecipes .respTab ul {
  padding: 0 0 40px 0px;
}
/* line 1066, ../sass/style.scss */
#sectionFive .tabsRecipes .respTab ul li {
  font-size: 14px;
  color: #000;
  line-height: 26px;
}
/* line 1075, ../sass/style.scss */
#sectionFive footer {
  padding: 0 0 60px 0;
}
/* line 1077, ../sass/style.scss */
#sectionFive footer span {
  font-size: 15px;
  padding-bottom: 20px;
  line-height: 22px;
  color: #A48953;
  display: block;
  text-align: center;
}
/* line 1085, ../sass/style.scss */
#sectionFive footer a {
  color: #A48953;
  text-decoration: underline;
}
/* line 1090, ../sass/style.scss */
#sectionFive footer hr {
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #666;
  margin: 60px 0;
}
/* line 1096, ../sass/style.scss */
#sectionFive footer .col4 {
  padding: 20px 20px 0 0;
}
/* line 1099, ../sass/style.scss */
#sectionFive footer .col4 img {
  display: block;
  float: left;
}
/* line 1104, ../sass/style.scss */
#sectionFive footer .col8 {
  padding: 0 20px;
  border-left: 1px solid #000;
}
/* line 1107, ../sass/style.scss */
#sectionFive footer .col8 span {
  font-family: "nespressoRegular", Arial, sans-serif;
  font-size: 15px;
  padding-bottom: 20px;
  line-height: 22px;
  color: #A48953;
  display: block;
  text-align: left;
}
/* line 1115, ../sass/style.scss */
#sectionFive footer .col8 span strong {
  font-family: "nespressoBold", Arial, sans-serif;
  display: inline;
}
/* line 1120, ../sass/style.scss */
#sectionFive footer .col8 p {
  font-size: 15px;
  color: #000;
}
/* line 1123, ../sass/style.scss */
#sectionFive footer .col8 p a {
  color: #000;
}

/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- - FOLD MAIN -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- - FOLD MAIN -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- -- -- FOOTER   -- -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
/* line 1152, ../sass/style.scss */
#footerMain {
  height: 230px;
  border-top: 4px solid #A48953;
  background-image: url(../img/bgFooter.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
}

#secTabs {
  padding-bottom: 80px; }
  #secTabs .contTabs {
    height: auto;
    width: 100%; }
    #secTabs .contTabs .tabs {
      height: 40px;
      width: 100%;
      position: relative;
      z-index: 1; }
      #secTabs .contTabs .tabs .tab {
        height: 40px;
        width: 50%;
        float: left; }
        #secTabs .contTabs .tabs .tab.active {
          border: 1px solid #000000;
          border-bottom: 0;
          background-color: #ffffff; }
          #secTabs .contTabs .tabs .tab.active h3 {
            font-family: "Nespresso-Bold", Arial, Sans-serif; }
        #secTabs .contTabs .tabs .tab h3 {
          font-family: "Nespresso-Regular", Arial, Sans-serif;
          font-size: 19px;
          display: block;
          text-align: center;
          text-transform: uppercase;
          line-height: 36px;
          color: #000000; }
    #secTabs .contTabs .cont {
      width: 100%;
      padding: 35px;
      border: 1px solid #000000;
      display: none;
      margin-top: -1px;
      height: 490px; }
      #secTabs .contTabs .cont.active {
        display: inline-block; }
      #secTabs .contTabs .cont .img {
        height: 400px;
        width: 500px;
        background-color: #000000;
        margin-right: 40px;
        float: left; }
      #secTabs .contTabs .cont .txt {
        height: auto;
        width: 340px;
        font-size: 16px;
        font-family: "Nespresso-regular", Arial, Sans-serif;
        float: left; }
        #secTabs .contTabs .cont .txt strong {
          font-family: "Nespresso-Bold", Arial, Sans-serif;
          margin-bottom: 10px; }
        #secTabs .contTabs .cont .txt ul {
          padding-left: 20px;
          margin-bottom: 20px; }
          #secTabs .contTabs .cont .txt ul li {
            line-height: 24px; 
            list-style: square;}
        #secTabs .contTabs .cont .txt p {
          line-height: 24px; }
    #secTabs .contTabs .more {
      height: auto;
      width: 100%;
      min-height: 60px;
      border: 1px solid #000000;
      text-align: center;
      padding: 20px;
      margin: 35px auto 0px auto; 
      font-family: "nespressoRegular", Arial, sans-serif; }
      #secTabs .contTabs .more span {
        font-size: 17px; }
        #secTabs .contTabs .more span a {
          color: #000000;
          text-decoration: underline; }

#secAllMach {
  background-color: #000000; 
  min-height: 600px;}
  #secAllMach .title {
    color: #ffffff;
    width: 600px;
    margin: 0 auto;
    display: block;
    z-index: 1;
    position: relative;
    padding-top: 0; }
  #secAllMach .banner {
    display: block;
    margin: -20px auto 20px auto; }
  #secAllMach .img {
    position: relative;
    margin-left: 40px;
    margin-top: -40px; }
    #secAllMach .img .mobile {
      display: none;}
    #secAllMach .img .thumbnails {
      height: 280px;
      width: 570px;
      position: absolute;
      top: 110px;
      left: 240px; }
      #secAllMach .img .thumbnails:hover .thumb {
        opacity: 0.5; }
        #secAllMach .img .thumbnails:hover .thumb:hover {
          opacity: 1; }
      #secAllMach .img .thumbnails .thumb {
        height: 140px;
        width: 142.5px;
        float: left;
        position: relative; }
        #secAllMach .img .thumbnails .thumb .icon {
          height: 80px;
          width: 80px;
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -40px; }
          #secAllMach .img .thumbnails .thumb .icon.icon1 {
            background-position: -1365px -200px; }
          #secAllMach .img .thumbnails .thumb .icon.icon2 {
            background-position: -1450px -200px; }
          #secAllMach .img .thumbnails .thumb .icon.icon3 {
            background-position: -1535px -200px; }
          #secAllMach .img .thumbnails .thumb .icon.icon4 {
            background-position: -1612px -200px; }
          #secAllMach .img .thumbnails .thumb .icon.icon5 {
            background-position: -1359px -280px; }
          #secAllMach .img .thumbnails .thumb .icon.icon6 {
            background-position: -1450px -280px; }
          #secAllMach .img .thumbnails .thumb .icon.icon7 {
            background-position: -1534px -280px; }
          #secAllMach .img .thumbnails .thumb .icon.icon8 {
            background-position: -1609px -280px; }
        #secAllMach .img .thumbnails .thumb h4 {
          width: 100%;
          display: block;
          text-align: center;
          color: #ffffff;
          font-family: "Nespresso-regular", Arial, Sans-serif;
          font-size: 12px;
          position: absolute;
          bottom: 20px;
          left: 0px;
          padding: 0 6px; }

#table {
  padding-top: 70px;
  padding-bottom: 90px;
  background: url('../img/tabela/overlay.png') center top no-repeat #000000; }
  #table .table-mobile {
    display: none; }
  #table .title {
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    display: block;
    padding-bottom: 70px;
    z-index: 1; }
    #table .table-desktop {
      padding-top: 20px;
      background: #ffffff;
          width: 103%; }
      #table .table-desktop table {
        width: 100%;
        border-collapse: collapse;
        text-align: center; }
        #table .table-desktop table tr {
          height: 100%; }
          #table .table-desktop table tr td {
            font-size: 11px;
            height: 100px;
            vertical-align: middle; }
            #table .table-desktop table tr td strong {
              text-transform: uppercase;
              /* font-size: 12.5px; */ }
          #table .table-desktop table tr td:first-child {
            width: 180px; }
          #table .table-desktop table tr:nth-child(odd) {
            background: #F8F8F8; }
          #table .table-desktop table tr img {
            max-width: 110px; }
    #table .table-mobile .slick-list {
      height: 840px; }
    #table .table-mobile .slick-table .slick-dots li {
      width: 10px;
      height: 10px;
      line-height: 10px;
      cursor: pointer; }
      #table .table-mobile .slick-table .slick-dots li button {
        text-indent: -999px;
        width: 100%; 
        height: 100%;
        padding: 0;
        border: 1px solid #fff;
        background: #000;
        border-radius: 100%;
        cursor: pointer; }
        #table .table-mobile .slick-dots li button::before {
          content: none; }
      #table .table-mobile .slick-table .slick-dots li.slick-active button {
        background: #fff; }
    #table .table-mobile .machine {
      margin: 0 10px;
      width: 260px;
      top: 20px;
      transition: .4s all linear;
      position: relative; }
      #table .table-mobile .machine h3 {
        font-family: "nespressoExtBol", Arial, Sans-serif;
        font-size: 12px;
        color: #000;
        text-transform: uppercase; 
        margin-top: -10px;
        padding-bottom: 20px; }
      #table .table-mobile .machine.slick-active {
        top: 0; }
        #table .table-mobile .machine.slick-active .gridI {
          padding: 20px 0; }
      #table .table-mobile .machine .gridI {
        transition: .4s all linear;
        border-radius: 10px;
        background: #fff;
        margin-left: auto;
        margin-right: auto; }
      #table .table-mobile .machine .items .item {
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 12px; }
        #table .table-mobile .machine .items .item img {
          display: inline-block;
          margin-top: 5px;
          width: 18px; }
        #table .table-mobile .machine .items .item span {
          padding-top: 5px;
          display: block;
              font-size: 14px; }
        #table .table-mobile .machine .items .item .line {
          display: block;
          width: 18px;
          height: 1px;
          background: #000;
          margin: 15px auto; }
        #table .table-mobile .machine .items .item .left, #table .table-mobile .machine .items .item .right {
          float: left;
          width: 50%; }
        #table .table-mobile .machine .items .item::after {
          content: '';
          display: table;
          width: 0;
          height: 0;
          clear: both; }
      #table .table-mobile .machine .items .item:nth-child(odd) {
        background: #F8F8F8;}


#secCircle {
  padding-bottom: 80px;
  height: 1550px;}
  #secCircle .capsule {
    margin-top: 30px;
  }
  #secCircle .capsules {
    margin-top: -30px;
    margin-bottom: -15px;
    margin-left: 47%; }
  #secCircle .subTitle {
    margin: 0 auto 40px auto; }
  #secCircle p {
    max-width: 800px;
    margin: 0 auto 10px auto;
    text-align: center;
    line-height: 30px;
    font-size: 17px; }
  #secCircle .capsule p {
    border: solid 1px #000; 
    padding: 15px 20px;
    width: 820px;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;}
  #secCircle .benef {
    border: 1px solid #569b94;
    margin-top: 50px;
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;}
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
      right: 25px; }
    .ui-state-default .ui-icon {
      background: url('../img/tab/seta-right.png') no-repeat; 
      background-size: contain; }
    .ui-state-active .ui-icon {
      background: url('../img/tab/seta-down.png') no-repeat; 
      background-size: contain; }
    #secCircle .benefTitle .icone {
      position: absolute;
      margin-top: 10px;
      margin-left: 12px; }
    #secCircle .benefTitle h2 {
      padding: 0;
      font-size: 18px;
      padding: 15px 0 15px 80px;
      text-align: left;
      background: #569b94;
      border-radius: 20px;
      color: #fff;}
    #secCircle .benefTitle .seta {
      position: absolute;
      margin-top: -35px;
      margin-left: 790px; }
    #secCircle .benef p {
      padding: 25px;
      line-height: 25px; }
  #secCircle .circle {
    position: relative; }
    #secCircle .circle .bg {
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      z-index: 2; }
      #secCircle .circle .bg#bg1 {
        background-image: url(../img/dev/circle/bg1.png); }
      #secCircle .circle .bg#bg2 {
        background-image: url(../img/dev/circle/bg2.png); }
      #secCircle .circle .bg#bg3 {
        background-image: url(../img/dev/circle/bg3.png); }
      #secCircle .circle .bg#bg4 {
        background-image: url(../img/dev/circle/bg4.png); }
      #secCircle .circle .bg#bg5 {
        background-image: url(../img/dev/circle/bg5.png); }
      #secCircle .circle .bg#bg6 {
        background-image: url(../img/dev/circle/bg6.png); }
    #secCircle .circle .link {
      cursor: pointer;
      z-index: 3; }
      #secCircle .circle .link#l1 {
        position: absolute;
        top: 0px;
        left: 440px;
        height: 160px;
        width: 160px; }
      #secCircle .circle .link#l2 {
        position: absolute;
        top: 0px;
        right: 130px;
        height: 370px;
        width: 220px; }
      #secCircle .circle .link#l3 {
        position: absolute;
        right: 130px;
        bottom: 20px;
        height: 200px;
        width: 300px; }
      #secCircle .circle .link#l4 {
        position: absolute;
        bottom: 20px;
        left: 250px;
        height: 170px;
        width: 280px; }
      #secCircle .circle .link#l5 {
        position: absolute;
        bottom: 190px;
        left: 160px;
        height: 170px;
        width: 220px; }
      #secCircle .circle .link#l6 {
        position: absolute;
        top: 0px;
        left: 160px;
        height: 270px;
        width: 240px; }
    #secCircle .circle img {
      display: block;
      margin: 30px auto 0 auto; }
    #secCircle .circle img.mobile {
      display: none;}

#sustentabilidade {
  padding-top: 70px;
  padding-bottom: 140px;
  background: url('../img/sustentabilidade/bg.png') center bottom no-repeat #000; }
  #sustentabilidade .title {
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 84px;
    color: #c2a572; }
  #sustentabilidade .items {
    display: block;
    margin: 0 auto;
    max-width: 780px;
    padding-bottom: 130px; }
    #sustentabilidade .items .item {
      float: left;
      width: 33.33%;
      padding: 0 15px; }
      #sustentabilidade .items .item .image {
        display: block;
        width: 223px;
        height: 223px;
        border: 4px solid white;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 auto 25px;
        border-radius: 50%; }
        #sustentabilidade .items .item.item1 .image {
          background-image: url('../img/sustentabilidade/img1.jpg'); }
        #sustentabilidade .items .item.item2 .image {
          background-image: url('../img/sustentabilidade/img2.jpg'); }
        #sustentabilidade .items .item.item3 .image {
          background-image: url('../img/sustentabilidade/img3.jpg'); }
      #sustentabilidade .items .item p {
        font-size: 12px;
        color: #fff; }
    #sustentabilidade .conheca {
      max-width: 780px;
      margin: 0 auto; }
      #sustentabilidade .conheca p, #sustentabilidade .conheca a {
        font-size: 16px;
        color: #c2a572; }
      #sustentabilidade .conheca a {
        text-decoration: underline; }

#secContact {
  background-color: #000000; }
  #secContact .div-img-topo {
    text-align: center;
  }
  #secContact .img-topo-contact {
    margin-left: 90px;
    margin-top: -50px;
  }
  #secContact .img-topo-contact-mobile {
    display: none;
  }
  #secContact .title {
    color: #c2a572;
    font-size: 20px;
    font-family: "Nespresso-Bold", Arial, Sans-serif;
    line-height: 30px;
    margin-bottom: 30px;}
  #secContact .thumbnails .thumb {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
    padding-bottom: 80px; }
    #secContact .thumbnails .thumb:last-child {
      margin-right: 0; }
    #secContact .thumbnails .thumb .icon {
      height: 75px;
      width: 75px;
      margin: 20px auto; }
      #secContact .thumbnails .thumb .icon.icon1 {
        background-position: -460px 0px; }
      #secContact .thumbnails .thumb .icon.icon2 {
        background-position: -535px 0px; }
      #secContact .thumbnails .thumb .icon.icon3 {
        background-position: -610px 0px; }
      #secContact .thumbnails .thumb .icon.icon4 {
        background-position: -685px 0px; }
    #secContact .thumbnails .thumb h3 {
      font-family: "Nespresso-Bold", Arial, Sans-serif;
      font-size: 17px;
      color: #c2a572;
      text-align: center;
      text-transform: uppercase;
      display: block;
      line-height: 23px; }
      #secContact .thumbnails .thumb h3 strong {
        font-family: "Nespresso-ExtraBold", Arial, Sans-serif!important; }
      #secContact .thumbnails .thumb h3 a {
        text-decoration: underline;
        color: #c2a572; }
      #secContact .thumbnails .thumb h3 .border {
        height: 2px;
        width: 80px;
        background-color: #ffffff;
        margin: 20px auto; }
    #secContact .thumbnails .thumb p {
      font-family: "Nespresso-regular", Arial, Sans-serif;
      font-size: 14px;
      line-height: 23px;
      text-align: center;
      color: #ffffff; }
      #secContact .thumbnails .thumb p a {
        text-decoration: underline;
        color: #ffffff; }

#secMember {
  padding-bottom: 80px;
  background: url('../img/bgMember.jpg')top center;
  position: relative; }
  #secMember .nespressoClub-img {
    position: relative;
    margin-left: 30px;
    margin-bottom: -320px;
  }
  #secMember .light {
    height: 350px;
    width: 2000px;
    background-image: url(../img/dev/lightSecMember.png);
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -1000px; }
  #secMember .title {
    margin-bottom: 0;
    padding-top: 0;
  }
  #secMember .title,
  #secMember .subTitle {
    color: #c2a572; 
    margin-left: 320px;
    text-align: left; }
    #secMember .title a,
    #secMember .subTitle a {
      color: #ffffff;
      text-decoration: underline; }
  #secMember .subTitle {
    text-transform: none;
    color: #ffffff;
    margin-bottom: 85px;
    font-size: 18px;
    letter-spacing: 0;}
  #secMember .thumbnails {
    width: 840px;
    margin: 0 auto; }
    #secMember .thumbnails .thumb {
      height: 270px;
      width: 261px;
      float: left;
      margin-right: 28px;
      margin-bottom: 25px; }
      #secMember .thumbnails .thumb.thumb1 {
        background-position: 0px -865px; }
      #secMember .thumbnails .thumb.thumb2 {
        background-position: -288px -865px; }
      #secMember .thumbnails .thumb.thumb3 {
        background-position: -575px -865px;
        margin-right: 0; }
      #secMember .thumbnails .thumb.thumb4 {
        background-position: -862px -865px; }
      #secMember .thumbnails .thumb.thumb5 {
        background-position: -1150px -865px; }
      #secMember .thumbnails .thumb.thumb6 {
        background-position: -1438px -865px;
        margin-right: 0; }
    #secMember .thumbnails:hover .thumb {
      opacity: 0.5; }
      #secMember .thumbnails:hover .thumb:hover {
        opacity: 1; }

#secFooter {
  height: 110px;
  width: 100%;
  position: relative;
  background-color: #000000;
  /* background-image: url(../img/dev/lightFooter.png); */
  background-position: bottom center;
  background-repeat: no-repeat; }
  #secFooter .bgCapsules {
    height: 70px;
    width: 1111px;
    background: url(../img/footer-capsula.png);
    display: block;
    position: absolute;
    top: 37px;
    right: 50%;
    margin-right: -555.5px;
    background-repeat: no-repeat }
    .sec {
  position: relative;
  clear: both; }
  .sec.spac {
    padding-top: 50px; }
  .sec .btnNext {
    height: 50px;
    width: 50px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25px;
    background-position: -360px 0;
    display: block;
    z-index: 100; }
    .sec .btnNext.btnBlack {
      background-position: -410px 0; }
  .sec .title {
    font-family: "Nespresso-Regular", Arial, Sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
    line-height: 45px;
    margin-bottom: 50px; }
    .sec .title strong {
      font-family: "Nespresso-Bold", Arial, Sans-serif; }
  .sec .subTitle {
    font-family: "Nespresso-Regular", Arial, Sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
    line-height: 28px;
    margin-bottom: 50px; }
    .sec .subTitle strong {
      font-family: "Nespresso-Bold", Arial, Sans-serif; }

.spr, #secAllMach .img .thumbnails .thumb .icon, #secContact .thumbnails .thumb .icon, #secMember .thumbnails .thumb {
  background-image: url(../img/dev/sprite.png);
  background-repeat: no-repeat; }

#secPlayer {
  min-height: 560px;
  width: 100%;
  background: url('../img/bgvideo.jpg') top center; 
  background-size: cover;}
  #secPlayer #player .btnPlay {
    height: 180px;
    width: 180px;
    background-position: 0 -680px;
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -90px -90px 0 0; }
/* -- -- -- -- -- -- -- -- -- -- */
/* -- -- - MEDIA QUERIES - -- -- */
/* -- -- -- -- -- -- -- -- -- -- */
@media screen and (max-width: 480px) {
  .section, #sectionFold, #sectionTwo, #sectionThree, #sectionFour, #sectionFive, #footerMain {
    min-width: 100%;}
  .spr, #secAllMach .img .thumbnails .thumb .icon, #secContact .thumbnails .thumb .icon, #secMember .thumbnails .thumb {
    background-image: url('../img/mobile/sprite.png');}

  .sec .title {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;}
    .sec .title br {
      display: none;}

  .scroll {
    display: none;}

  .sec .btnNext {
    display: none;}

  .sec.spac {
    padding-top: 35px;}

  #sectionFold {
    background-image: url('../img/mobile/mesa.jpg');
    padding-top: 33px;
    min-height: 385px}
    #sectionFold #logoMain {
      width: 250px;}
    #sectionFold #navMachines {
      padding-left: 45px;
      padding-right: 45px;
      width: 100%;
      height: 133px;
      position: relative;
      left: auto;
      margin-left: 0;
      top: auto;}
    #sectionFold #navMachines span {
      margin-left: -2px;
      display: inline-block;}
    #sectionFold #navMachines .txtFold {
      width: 246px;
      height: 101px;
      background: url('../img/mobile/dev/txtFold.png') center center no-repeat;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 35px;}
      #sectionFold #navMachines span img{
        width: 61px;}
        #sectionFold span#machineFour {
          margin-left: 0;}
        #sectionFold span#machineFour .mobile {
          width: 92px;
          display: inherit;}
        #sectionFold span#machineFour .desktop  {
          display: none}

  #secPlayer {
    min-height: 183px;
    height: auto;}
    #secPlayer #player iframe {
    max-width: 100%;
    height: 310px;}
    #secPlayer #player .btnPlay{
      width: 45px;
      height: 45px;
      top: 40%;
      margin: 0 -25px 0 0;
      background-position: -69px -754px;}
    #secPlayer #player img {
      max-width: 100%;
      height: auto;}

  .contentWrapper, #sectionTwo #sliderCapsule .slider, #sectionTwo .cta {
    height: 130px;
    width: 100%;}

  #sectionMachines, #sectionTwo, #sectionThree {
    min-height: 260px;}

  .contentImg {
    padding-right: 7px;
    margin-top: 40px;
    text-align: right;
    padding-left: 35px;
    margin-left: 0;}
    .contentImg img {
      height: auto;
      position: relative;
      max-width: 100%;}
  .contentTitle {
    padding-left: 7px;
    margin-top: 20px;
    width: 50%;
    width: 133px;
    margin-left: 0;}
    .contentTitle h2{
      line-height: 12px;
      letter-spacing: inherit;
      font-size: 12px;}
    .contentTitle hr {
      max-width: 23px;
      margin: 5px 0;}
    .contentTitle span {
      font-size: 12px;
      line-height: 12.73px;}
      .contentTitle span br {
        display: none;}

  #sectionMachines .contentImg img {
    width: 134px;}
  #sectionMachines .contentTitle {
    width: 145px;}
  #sectionMachines h2.title {
    font-size: 16px;
    line-height: 20px;
    padding: 35px;}

  #sectionTwo {
    min-height: 130px;}
    #sectionTwo .contentImg {
      margin-top: 0;
      text-align: center;}
    #sectionTwo .contentImg img {
      margin-left: 0;
      margin-top: -10px;
      width: 82px;}

  #sectionThree {
    min-height: 130px;}
    #sectionThree .contentImg {
      text-align: center;
      margin: 0;
      margin-top: 14px;}
      #sectionThree .contentImg img {
        width: 130px;
        margin: 0;}

  #sectionFour {
    min-height: 160px;}
    #sectionFour .contentWrapper{
      height: 155px;}
    #sectionFour .contentImg {
      text-align: center;
      margin: 0;
      margin-top: 8px;}
      #sectionFour .contentImg img {
        margin: 0;
        width: 81px;}

  #sectionFive {
    min-height: 195px;
    background-image: url('../img/mobile/bgSec05.jpg');
    background-repeat: no-repeat;}
  #sectionFive .contentWrapper {
    margin-top: 108px;}
  #sectionFive .contentImg {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0 20px;}
    #sectionFive .contentImg img {
    width: 295px;
    margin-left: -32px;
    margin-top: 25px;}
    #sectionFive .contentTitle {
      text-align: center;
      position: relative;
      width: 100%;
      margin-top: 0;
      float: none;}
    #sectionFive .contentTitle h2 {
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      position: absolute;
      bottom: 230px;
      width: 200px;
      left: 50%;
      margin-bottom: 0;
      margin-left: -100px;
      margin-top: 0;}
      #sectionFive .contentTitle h2 br {
        display: none;}
    #sectionFive .contentTitle span {
      font-size: 12px;
      line-height: 15px;
      text-transform: inherit;
      width: 254px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;}


  #secTabs {
    padding-bottom: 40px;}
  #secTabs .title {
    padding-top: 0;
    width: 236px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;}
  #secTabs .title h2 br {
    display: none;}
  #secTabs .contTabs .tabs .tab h3 {
    font-size: 9px;}
  #secTabs .contTabs .cont {
    height: auto;
    padding: 20px 10px 15px 10px;}
    #secTabs .contTabs .cont .img {
      height: auto;
      margin-bottom: 14px;
      background-color: #fff;
      margin-right: 0;
      float: none;
      width: 100%;}
      #secTabs .contTabs .cont .img img {
        max-width: 100%;}
    #secTabs .contTabs .cont .txt {
      width: 100%;
      font-size: 12px;
      line-height: 14px;}
      #secTabs .contTabs .cont .txt ul li {
        line-height: 14px;}
      #secTabs .contTabs .cont .txt p {
        font-size: 12px;
        line-height: 14px;}

  #secAllMach {
    min-height: auto;
    padding-bottom: 0;}
  #secAllMach .title {
    width: 62%;}
  #secAllMach .img {
    margin-left: 0;
    margin-top: 0;}
    #secAllMach .img img{
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;}
    #secAllMach .img img.mobile{
      display: block;}
    #secAllMach .img img.desktop{
      display: none;}
    #secAllMach .img .thumbnails {
      height: 177px;
      width: 187px;
      top: 30px;
      left: 145px;}
      #secAllMach .img .thumbnails .icon-direita {
        background-image: url('../img/mobile/dev/btn-direita.png');
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -8px;
        z-index: 9999999999;}
      #secAllMach .img .thumbnails .thumb {
        height: 87px;
        width: 91px;}
        #secAllMach .img .thumbnails:hover .thumb {
          opacity: 1; }
        #secAllMach .img .thumbnails .thumb:nth-child(3), #secAllMach .img .thumbnails .thumb:nth-child(4), #secAllMach .img .thumbnails .thumb:nth-child(7), #secAllMach .img .thumbnails .thumb:nth-child(8) {
          display: none;}
        #secAllMach .img .thumbnails .thumb h4 {
          bottom: 10px;
          padding: 0;
          font-size: 7.59px;}
        #secAllMach .img .thumbnails .thumb .icon {
          background-image: url('../img/mobile/dev/sprite-icons.png');
          margin-left: -15px;
          height: 30px;
          width: 30px;}
          #secAllMach .img .thumbnails .thumb .icon.icon1 {
            background-position: 3px 0;}
          #secAllMach .img .thumbnails .thumb .icon.icon2 {
            background-position: -84px 1px;}
          #secAllMach .img .thumbnails .thumb .icon.icon3 {
            background-position: -25px 1px;}
          #secAllMach .img .thumbnails .thumb .icon.icon4 {
            background-position: -54px 2px;}
          #secAllMach .img .thumbnails .thumb .icon.icon5 {
            background-position: -26px -34px;}
          #secAllMach .img .thumbnails .thumb .icon.icon6 {
            background-position: -85px -34px;}
          #secAllMach .img .thumbnails .thumb .icon.icon7 {
            background-position: 3px -35px;}
          #secAllMach .img .thumbnails .thumb .icon.icon8 {
            background-position: -55px -35px;}
      #secAllMach .img .thumbnails.active .thumb:nth-child(3), #secAllMach .img .thumbnails.active .thumb:nth-child(4), #secAllMach .img .thumbnails.active .thumb:nth-child(7), #secAllMach .img .thumbnails.active .thumb:nth-child(8) {
        display: block;}
      #secAllMach .img .thumbnails.active .thumb:nth-child(1), #secAllMach .img .thumbnails.active .thumb:nth-child(2), #secAllMach .img .thumbnails.active .thumb:nth-child(5), #secAllMach .img .thumbnails.active .thumb:nth-child(6) {
        display: none;}
  
  #table {
    padding-top: 50px; }
    #table .title {
      font-size: 15px;
      max-width: 220px;
      margin: 0 auto;
      padding-bottom: 50px; }
    #table .table-desktop {
      display: none; }
    #table .table-mobile {
      display: block; }

  #secCircle {
    height: 1200px;}
  #secCircle .title {
    padding: 0;
    width: 60%;}
  #secCircle .circle img.mobile {
    max-width: 100%;
    display: block;}
  #secCircle .circle img.desktop {
    display: none;}
  #secCircle .circle .link#l1 {
    left: 140px;
    height: 100px;
    width: 105px;
    top: -59px;}
  #secCircle .circle .link#l2 {
    right: 0;
    height: 190px;
    width: 120px;}
  #secCircle .circle .link#l3 {
    right: 30px;
    width: 135px;
    height: 135px;
    bottom: 105px;}
  #secCircle .circle .link#l4 {
    left: 0;
    bottom: 100px;
    height: 110px;
    width: 195px;}
  #secCircle .circle .link#l5 {
    left: 0;
    width: 50px;
    bottom: 220px;
    height: 125px;}
  #secCircle .circle .link#l6 {
    left: 0;
    width: 130px;
    height: 125px;}
  #secCircle .circle .bg {
    right: 0;
    background-size: cover;}
  #secCircle .circle .bg#bg1 {
    background-image: url(../img/mobile/dev/circle/bg1.png); }
  #secCircle .circle .bg#bg2 {
    background-image: url(../img/mobile/dev/circle/bg2.png); }
  #secCircle .circle .bg#bg3 {
    background-image: url(../img/mobile/dev/circle/bg3.png); }
  #secCircle .circle .bg#bg4 {
    background-image: url(../img/mobile/dev/circle/bg4.png); }
  #secCircle .circle .bg#bg5 {
    background-image: url(../img/mobile/dev/circle/bg5.png); }
  #secCircle .circle .bg#bg6 {
    background-image: url(../img/mobile/dev/circle/bg6.png); }
    #secCircle h3 {
      width: 75%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px!important;
      font-size: 12px;}
    #secCircle h3 br{
      display: none}
    #secCircle p {
      font-size: 12px;
      line-height: 14px;
      width: 85%;}
    #secCircle p br {
      display: none;}
    #secCircle .capsule p {
      width: 90%;
      padding: 15px 60px;
      font-size: 10px;}
    #secCircle .capsule .capsules {
      width: 34px;
      margin-top: -15px;
      position: absolute;
      margin-left: -17px;
      left: 50%;}
    #secCircle .benef {
      width: 90%;}
      #secCircle .benef .benefTitle h2 {
        font-size: 12px;
        padding-right: 80px;}
      #secCircle .benef p {
        line-height: 14px;
        text-align: left;
        padding-left: 0;
        padding-right: 0;}

  #sustentabilidade { 
    padding-bottom: 180px;
    padding-top: 50px;
    background-position: -350px bottom; }
    #sustentabilidade .title {
      font-size: 15px;
      padding-bottom: 50px; }
    #sustentabilidade .items .item {
      padding: 0;
      width: 225px;
      margin: 15px auto 30px;
      float: none; }
      #sustentabilidade .conheca p {
        max-width: 250px;
        padding-left: 30px;  }
        #sustentabilidade .conheca p br {
          display: none; }
      #sustentabilidade .conheca p, #sustentabilidade .conheca a {
        font-size: 13px; }

  #secContact{
    padding-top: 0;}
    #secContact .img-topo-contact {
      display: none;}
    #secContact .img-topo-contact-mobile {
      display: block;
      max-width: 100%;}
    #secContact .title {
      width: 70%;
      font-size: 16px;}
    #secContact .thumbnails .thumb {
      height: 281px;
      width: 50%;
      padding-bottom: 0;
      padding-left: 5px;
      padding-left: 5px;
      margin-right: 0;}
      #secContact .thumbnails .thumb:nth-child(3) {
        padding-left: 23px;
        padding-right: 23px;}
      #secContact .thumbnails .thumb:last-child {
        padding-right: 38px;
        padding-left: 38px;}
      #secContact .thumbnails .thumb:last-child p br {
        display: none;}
      #secContact .thumbnails .thumb h3 {
        line-height: 14.56px;
        font-size: 10.79px;}
        #secContact .thumbnails .thumb h3 .border {
          width: 30px;}
        #secContact .thumbnails .thumb h3 a {}
        #secContact .thumbnails .thumb p {
          font-size: 11px;
          line-height: 14px;}
      #secContact .thumbnails .thumb .icon {
        margin: 0 auto;}

  #secMember {
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #000;
    background-image: url('../img/mobile/bgMember.jpg');}
    #secMember .title {
      margin-left: 0;
      text-align: center;
      padding-left: 50px;
      padding-right: 50px;}
    #secMember .subTitle {
      margin-left: 50%;
      font-size: 12.08px;
      line-height: 18.8px;
      padding-top: 45px;
      width: 42%;}
    #secMember .nespressoClub-img {
      width: 40%;
      margin-bottom: -315px;
      margin-left: 20px;}
    #secMember .thumbnails {
      width: 100%;}
      #secMember .thumbnails .thumb {
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
        height: 173px;
        width: 50%;}
        #secMember .thumbnails .thumb.thumb1 {
          background-position: -40px -911px;}
        #secMember .thumbnails .thumb.thumb2 {
          background-position: -330px -911px;}
        #secMember .thumbnails .thumb.thumb3 {
          background-position: -618px -911px;}
        #secMember .thumbnails .thumb.thumb4 {
          background-position: -907px -911px;}
        #secMember .thumbnails .thumb.thumb5 {
          background-position: -1197px -911px;}
        #secMember .thumbnails .thumb.thumb6 {
          background-position: -1485px -911px;}

    #secFooter .bgCapsules {
width: 100%;
    right: auto;
    height: 24px;
    margin-right: 0;
    background-size: cover;}}

@media screen and (max-width: 324px) {
  #secFold .wrapAnim .txt {
    background-position: -536px -472px;}
  #secFold .wrapAnim .img1 {
    left: 5px;}
  #secFold .wrapAnim .img2 {
    right: -15px;}
  #secAllMach .img .thumbnails {
    top: 26px;
    left: 115px;}

  #secMember {
    background-size: 120%}
  #secMember .thumbnails .thumb.thumb1 {
    background-position: -50px -911px;}
  #secMember .thumbnails .thumb.thumb2 {
    background-position: -350px -911px;}
  #secMember .thumbnails .thumb.thumb3 {
    background-position: -628px -911px;}
  #secMember .thumbnails .thumb.thumb4 {
    background-position: -927px -911px;}
  #secMember .thumbnails .thumb.thumb5 {
    background-position: -1207px -911px;}
  #secMember .thumbnails .thumb.thumb6 {
    background-position: -1505px -911px;}
}

a,body #capsulas .slick-capsulas .capsula,body #detalhes .item,button,input,textarea{
    outline:0
}
body #capsulas .filtro ul li .tooltip,body #capsulas .slick-capsulas .capsula .image,body #capsulas .slick-capsulas .capsula .image img,body #capsulas .slick-capsulas .capsula .xicaras ul li .tooltip,body #capsulas .slick-capsulas .capsula h3,body #capsulas .slick-capsulas .capsula h3 a::before,body #clube-nespresso .boxes .box,body #detalhes .slick-dots li button,body #funcoes .funcao,body #funcoes .line,body #loader,body #loader .left,body #loader .right,body #receitas .receitas .receita::after{
    -webkit-transition:all .4s ease-out;
    -moz-transition:all .4s ease-out;
    transition:all .4s ease-out
}
body #capsulas .filtro h3,p.maquina-titulo{
    font-family:NespressoLucas-ExtraBold,Arial,sans-serif
}
body #capsulas{
    padding-top:160px;
    padding-bottom:115px
}
body #capsulas .slick-capsulas .capsula .image.new img{
    max-height:250px
}
body #capsulas h2{
    font-size:28px;
    color:#000;
    text-align:center;
    letter-spacing:2.5px;
    margin-bottom:35px
}
body #capsulas p{
    font-size:20px;
    text-align:center
}
body #capsulas .filtro{
    margin-top:65px;
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center
}
body #capsulas .filtro h3{
    font-size:17px;
    color:#000;
    text-transform:uppercase;
    text-align:center;
    margin-bottom:10px
}
body #capsulas .filtro ul li.active a,body #capsulas .slick-capsulas .capsula h3,body #clube-nespresso .boxes .box h5{
    font-family:NespressoLucas-Bold,Arial,sans-serif
}
body #capsulas .filtro ul{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center
}
@media (max-width:475px){
    body #capsulas .filtro ul{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    body #capsulas .filtro ul li{
        width:100%
    }
}
body #capsulas .filtro ul li{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    box-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    align-items:center;
    -ms-flex-align:center;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center;
    height:32px;
    border:1px solid #afafaf;
    position:relative
}
body #capsulas .filtro ul li a{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    color:#afafaf;
    text-transform:uppercase
}
body #capsulas .filtro ul li.active{
    border-color:#000
}
body #capsulas .filtro ul li.active a{
    color:#000
}
body #capsulas .filtro ul li .tooltip{
    position:absolute;
    top:100%;
    margin-top:5px;
    background:#ccc;
    width:120px;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    opacity:0;
    visibility:hidden;
    font-size:12px
}
body #capsulas .filtro ul li .tooltip::before{
    content:"";
    display:block;
    height:0;
    width:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:5px solid #ccc;
    position:absolute;
    top:-5px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}
body #capsulas .filtro ul li:hover .tooltip{
    opacity:1;
    visibility:visible
}
body #capsulas .filtro .perfil{
    margin-right:40px
}
@media (max-width:475px){
    body #capsulas .filtro .perfil{
        width:90%;
        margin:0 auto
    }
}
body #capsulas .filtro .perfil ul li{
    width:140px
}
@media (max-width:475px){
    body #capsulas .filtro .perfil ul li{
        width:100%
    }
    body #capsulas .slick-capsulas .slick-arrow.slick-prev{
        left:5px
    }
    body #capsulas .slick-capsulas .slick-arrow.slick-next{
        right:5px
    }
}
body #capsulas .filtro .xicaras ul li{
    width:38px
}
body #capsulas .filtro .xicaras ul li .active-cup{
    display:none
}
body #capsulas .filtro .xicaras ul li .no-active,body #capsulas .filtro .xicaras ul li.active .active-cup{
    display:block
}
body #capsulas .filtro .xicaras ul li.active .no-active{
    display:none
}
body #capsulas .slick-capsulas{
    margin-top:25px
}
body #capsulas .slick-capsulas .slick-arrow{
    height:34px;
    width:17px
}
body #capsulas .slick-capsulas .slick-arrow::before{
    content:"";
    display:block;
    height:100%;
    width:100%;
    background:url(../img/icons/arrow-black.png) center center no-repeat
}
body #capsulas .slick-capsulas .slick-arrow.slick-prev::before{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
body #capsulas .slick-capsulas .slick-track{
    padding-top:10px;
    height:280px
}
body #capsulas .slick-capsulas .capsula.dulsao .xicaras ul,body #capsulas .slick-capsulas .capsula.fortissio .xicaras ul,body #capsulas .slick-capsulas .capsula.rosabaya .xicaras ul{
    margin-top:4px
}
body #capsulas .slick-capsulas .capsula .gridC{
    background-position:center top;
    background-repeat:no-repeat;
    max-width:290px;
    margin-right:auto;
    margin-left:auto;
    box-shadow:0 0 20px rgba(0,0,0,.5);
    overflow:hidden;
    height:270px;
    border-radius:10px
}
@media (max-width:475px){
    body #capsulas .slick-capsulas .capsula .gridC{
        width:90%
    }
}
@media (max-width:360px){
    body #capsulas .slick-capsulas .capsula .gridC{
        width:80%
    }
}
body #capsulas .slick-capsulas .capsula .image{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    box-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    align-items:center;
    -ms-flex-align:center;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center;
    height:220px;
    width:100%
}
body #capsulas .slick-capsulas .capsula .image img{
    max-height:120px
}
body #capsulas .slick-capsulas .capsula h3{
    background:#fff;
    font-size:15px;
    color:#000;
    text-transform:uppercase;
    text-align:center;
    padding-top:17px;
    padding-bottom:17px;
    position:relative
}
body #capsulas .slick-capsulas .capsula h3 a{
    position:absolute;
    top:15px;
    right:12px;
    z-index:2;
    height:22px;
    width:22px;
    background:#000;
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    box-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    align-items:center;
    -ms-flex-align:center;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center;
    border-radius:50%
}
body #capsulas .slick-capsulas .capsula h4{
    font-size:14px;
    color:#000;
    text-transform:uppercase;
    text-align:center;
    padding-bottom:10px
}
body #capsulas .slick-capsulas .capsula p{
    font-size:14px;
    color:#000
}
body #capsulas .slick-capsulas .capsula .desc{
    background:#fff;
    padding-right:30px;
    padding-left:30px
}
body #capsulas .slick-capsulas .capsula .xicaras ul{
    display:block;
    text-align:center;
    margin-top:10px
}
body #capsulas .slick-capsulas .capsula .xicaras ul li{
    display:inline-block;
    height:22px;
    width:22px;
    background-size:80% auto;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #afafaf;
    position:relative
}
body #capsulas .slick-capsulas .capsula .xicaras ul li.ristretto{
    background-image:url(../img/xicaras/xicara01.png)
}
body #capsulas .slick-capsulas .capsula .xicaras ul li.espresso{
    background-image:url(../img/xicaras/xicara02.png)
}
body #capsulas .slick-capsulas .capsula .xicaras ul li.lungo{
    background-image:url(../img/xicaras/xicara03.png)
}
body #capsulas .slick-capsulas .capsula .xicaras ul li.americano{
    background-image:url(../img/xicaras/xicara04.png)
}
body #capsulas .slick-capsulas .capsula .xicaras ul li.leite-novo {
  background-image: url(../img/xicaras/cafecomleite.png)
}

body #capsulas .slick-capsulas .capsula .xicaras ul li.active{
    border-color:#000
}
body #capsulas .slick-capsulas .capsula .xicaras ul li.active.ristretto{
    background-image:url(../img/xicaras/xicara01-active.png)
}
body #capsulas .slick-capsulas .capsula .xicaras ul li.active.espresso{
    background-image:url(../img/xicaras/xicara02-active.png)
}
body #capsulas .slick-capsulas .capsula .xicaras ul li.active.lungo{
    background-image:url(../img/xicaras/xicara03-active.png)
}
body #capsulas .slick-capsulas .capsula .xicaras ul li.active.americano{
    background-image:url(../img/xicaras/xicara04-active.png)
}
body #capsulas .slick-capsulas .capsula .xicaras ul li .tooltip{
    position:absolute;
    bottom:100%;
    left:50%;
    -webkit-transform:translate(-50%);
    -moz-transform:translate(-50%);
    -ms-transform:translate(-50%);
    -o-transform:translate(-50%);
    transform:translate(-50%);
    margin-bottom:5px;
    background:#ccc;
    width:105px;
    text-align:center;
    padding-top:3px;
    padding-bottom:3px;
    opacity:0;
    visibility:hidden;
    font-size:12px
}
body #capsulas .slick-capsulas .capsula .xicaras ul li .tooltip::before{
    content:"";
    display:block;
    height:0;
    width:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:5px solid #ccc;
    position:absolute;
    bottom:-5px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}
body #capsulas .slick-capsulas .capsula .xicaras ul li:hover .tooltip{
    opacity:1;
    visibility:visible
}
body #capsulas .slick-capsulas .capsula.active h3{
    padding-bottom:0;
    padding-top:10px
}
body #capsulas .slick-capsulas .capsula.active h3 a::before{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
          body #capsulas .slick-capsulas .capsula h3 a::before {

            content: "";

            background: url("../img/arrow-top-white.png") center center no-repeat;

            height: 100%;

            width: 100%; }
body #capsulas .slick-capsulas .capsula.active .image{
    padding-top:10px;
    padding-bottom:15px;
    height:50px
}
body #capsulas .slick-capsulas .capsula.active img{
    max-height:55px
}
.slick-prev:before, .slick-next:before {
display: none;
}
 .slick-prev, .slick-prev:hover {

      -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

     transform: translateX(-50%); 

    background: url("../img/arrow-black2.png") center center no-repeat;
        border-radius: 10px; }

  .slick-next,.slick-next:hover {

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%); 
        background: url("../img/arrow-black.png") center center no-repeat;
            border-radius: 10px; }

            .slick-list {

    height: 294px;
}


/* NOVAS XICARAS */

img.desktop.new-cup {
    margin-top: 41px;
    margin-left: 39px;
}

@media (max-width: 460px){
  img.mobile.new-cup {
    margin-left: 26px!important;
    width: 74%;
    position: relative;
    top: -7px;
}
img.new-inissia-cup {
    margin-left: 81px;
    margin-top: 9px;
}
}






body #you {
  background-color: #f5eee8;
  padding-bottom: 133px;
}
body #you .logo{
  padding-top: 50px;

}
body #you .title{
  padding-top: 50px; 
  padding-bottom: 50px;
}

body #you .imgs{
  padding-top: 30px;
  width: 100%;
}
body #you .single-item{
  padding: 30px;
  background: #FFF;
  margin-top: -63px;
      height: 500px;
}
body #you .col-lg-4 {
    width: 30%;
    padding: 0;
}
body #you .single-item .imgs{
  padding-top: 30px;
  padding-bottom: 45px;
}
body #you ul {
    margin-left: 20px;
    margin-top: 45px;
     list-style: none;
}
body #you .img-you-1{
  background: url('../img/you-1.png');
    background-size: cover;
    height: 401px;
    background-position-x: -108px;
    z-index: 0;
    padding-right: 0;
    background-repeat: no-repeat;
    width: 35%;
}
body #you .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
        height: 510px;
    padding-top: 69px;
}
body #you .img-you-2{
    background: url('../img/you-2.png');
    background-size: cover;
    height: 401px;
    background-position-x: -108px;
    z-index: 0;
    margin-left: 0;
        background-repeat: no-repeat;
    width: 35%;
}
body #you .img-you-3{
    background: url(../img/you-03.png);
    background-size: cover;
    height: 401px;
    background-position-x: -108px;
    z-index: 0;

    padding-right: 0;
        background-repeat: no-repeat;
    width: 35%;
}
body #you .img-you-4{
    background: url(../img/you-4.png);
    background-size: cover;
    height: 401px;
    width: 35%;
    background-position-x: -108px;
    z-index: 0;
    margin-left: 0;
        background-repeat: no-repeat;
}
body #you .img-you-5{
  background: url('../img/you-5.png');
    background-size: cover;
    height: 401px;
    background-position-x: -108px;
    z-index: 0;

    padding-right: 0;
    width: 35%;
        background-repeat: no-repeat;
}
body #you .img-you-6{
  background: url('../img/you-6.png');
    background-size: cover;
    height: 401px;
    width: 35%;
    background-position-x: -108px;
    z-index: 0;
    margin-left: 0;
        background-repeat: no-repeat;
}


body #you ul.ul-con li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #a38a71; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

body #you ul.ul-con li.un::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #e3dcd4; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

body #you ul.ul-amb li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #a38a71; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


body #you ul.ul-exp li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #b90932; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
body #you ul.ul-exp li.un::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #eab5c1; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


body #you span.unavaliable {
    color: #ccc!important;
}
body #you img.imgs {
    width: 66%!important;
    margin: 0 auto;
}

body #you .p-t-y{
  padding-top: 60px;
}
body #you .slick-prev, body #you .slick-prev:hover {
-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../img/you-left.png) center center no-repeat;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    z-index: 1;
    left: 34%;

}
body #you .slick-next,body #you .slick-next:hover {
-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../img/you-right.png) center center no-repeat;
    border-radius: 10px;
    width: 40px;
    z-index: 1;
    height: 40px;
    left: 65%;
}
body #sustentabilidade_nova{
  background: url('../img/sustentabilidade/sustentabilidade_nova.png');
  width: 100%;
  background-size: cover;
    padding-bottom: 86px;
}
body #sustentabilidade_nova h2{
color: #FFF;
    font-family: "Nespresso-Light";
    font-size: 28px;
    letter-spacing: 4px;
    padding-top: 99px;
    text-align: center;
}
body #sustentabilidade_nova .sustentabilidade_box{
    background: #FFF;
    margin-left: 3%;
    margin-top: 79px;
    height: 454px;
    padding: 0;
}
body #sustentabilidade_nova img.img-bg.bg-2 {
    height: 215px;
}
body #sustentabilidade_nova img.img-bg.bg-3 {
    height: 215px;
}
body #sustentabilidade_nova .sustentabilidade_box.col-lg-3 {
    width: 30%;
}
body #sustentabilidade_nova img.img-icon {
margin-top: -46px;
    width: 22%;
    margin-bottom: 19px;
}


body #sustentabilidade_nova img.img-bg {
    width: 100%;
}

body #sustentabilidade_nova p.pos-title {
    color: #FFF;
    font-size: 20px;
    text-align: center;
    padding-top: 71px;
}
body #sustentabilidade_nova p.title {
font-size: 16px;
    font-family: "Nespresso-Bold";
    text-align: center;
    margin-bottom: 34px;
}
body #sustentabilidade_nova p.text {
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    padding: 0 18px 0 18px;
}
body #social-media .img-h{
  background: url(../img/social-media-bg.png);
    background-size: cover;
    height: 251px;
    background-position-x: center;
}
body #social-media {
text-align: center;
    background: #f9f9f9;
    padding-bottom: 133px;
}
body #social-media h2{
    color: #000;
    font-family: "Nespresso-Light";
    font-size: 28px;
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
}

body #social-media p.title {
    text-transform: uppercase;
    font-family: Nespresso-Bold;
    font-size: 19px;
    line-height: 1;
    margin-top: 21px;
}
body #social-media .line {
    border-bottom: 2px solid;
    width: 30%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
body #social-media .col-lg-3 {
    width: 25%;
}
body #social-media img.img-xoxo {
    margin-top: 60px;
}




    body #table .table-desktop {
          padding-top: 20px;
    background: #ffffff;
    -webkit-box-shadow: 10px 10px 36px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 36px -2px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 36px -2px rgba(0,0,0,0.75);
    border-radius: 10px;}
@media(max-width: 480px) {
  body #table .table-desktop {
    display: none; } }
      body #table .table-desktop table {
        width: 100%;
        border-collapse: collapse;
        text-align: center; }
        body #table .table-desktop table tr {
          height: 100%; }
          body #table .table-desktop table tr td {
            font-size: 11px;
            height: 100px; }
            body #table .table-desktop table tr td strong {
              text-transform: uppercase; }
            body #table .table-desktop table tr td:first-child {
              width: 180px; }
          body #table .table-desktop table tr:nth-child(odd) {
            background: #F8F8F8; }
          body #table .table-desktop table tr img {
            max-width: 110px; }





    body #table .title {
      text-transform: uppercase;
      color: #000;
      text-align: center;
      display: block;
      padding-bottom: 70px;
      z-index: 1; }
@media(max-width: 480px) {
  body #table .title {
    font-size: 15px;
    max-width: 220px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px; } }


  body #table {
    padding-top: 70px;
    padding-bottom: 90px;
        background: #f8f8f8; }
@media(max-width: 480px) {
  body #table {
    padding-top: 50px; } }


@media (max-width: 490px){
  body #you .logo {
    width: 100%;
}

body #you .img-you-1,body #you .img-you-2 {
    width: 100%;
    background-position-x: -104px;
    z-index: 0;
    margin-right: 0;
    margin-left: 0;
}
body #you .col-lg-4 {
    width: 100%;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
body #you .slick-next, .slick-next:hover {
    left: 95%;
}

body #you .single-item {
    text-align: center;
    height: auto;
}
body #you .single-item .imgs {
    padding-top: 13px;
    padding-bottom: 35px;
}


body #you ul {
    margin-left: 0;
    margin-top: 27px;
    margin-bottom: 27px;
    list-style: none;
}
body #sustentabilidade_nova h2 {
    font-size: 21px;
    line-height: 1.2;
}
body #you .slick-prev, .slick-prev:hover { 
    left: 5%;
}
body #sustentabilidade_nova .sustentabilidade_box.col-lg-3 {
    width: 100%;
    margin-left: 0;
}
body #sustentabilidade_nova img.img-icon {
    width: 15%;
}
body #sustentabilidade_nova p.pos-title {
    font-size: 15px;
}

body #social-media h2 {
    font-size: 18px;
    letter-spacing: 1px;
}
body #social-media .img-h {
    height: 173px;
    background-position-x: -409px;
}

body #social-media .col-lg-3 {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

}


/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 *//*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" "}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}