/*-----------------------------------------------------------------------
PAGES

* @Version:    1.0.0 - 2015
* @author:     Burocratik (alexandre gomes - @alexrgomes)
* @email:      alex@burocratik.com, hello@burocratik.com
* @website:    http://www.burocratik.com

-----------------------------------------------------------------------*/


/*-------------------------------------------------------------------------
=RECIPES
-------------------------------------------------------------------------*/

.home .low-res-bg {
  opacity: 0;
  -webkit-transition: opacity .25s linear;
          transition: opacity .25s linear;
}
.skip-loaded .home .low-res-bg.on { opacity: 1; }

/*-------------------------------------------------------------------------
=RECIPES - GENERAL
-------------------------------------------------------------------------*/

.recipe .header {
  position: relative;
  height: 100%;
  height: 100vh;
  position: relative;
}

.recipe .low-res-bg {
  opacity: 0;
  -webkit-transition: opacity .25s linear;
          transition: opacity .25s linear;
}
.skip-loaded .recipe .low-res-bg { opacity: 1; }

.recipe .block-title {
/*  -webkit-transform: translateY(calc(-50vh + 330px));
          transform: translateY(calc(-50vh + 330px));

  -webkit-transition: -webkit-transform .5s 1.5s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      -ms-transition: -ms-transform .5s 1.5s cubic-bezier(0.6, 0.04, 0.98, 0.335);
          transition: transform .5s 1.5s cubic-bezier(0.6, 0.04, 0.98, 0.335);*/
}
.loaded .recipe .block-title,
.skip-loaded .recipe .block-title {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
/*Will be animated PNG*/
.block-title .palhissimas-logo {
  display: inline-block;
  width: 629px;
  max-width: 100%;
  height: 247px;
  background: transparent url("../imgs/id/palhissimas-dark.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.light .block-title .palhissimas-logo {
  background-image: url("../imgs/id/palhissimas-light.png");
}

.anim-sprite-palhissimas-logo-wrapper {
  position: relative;
  display: inline-block;
  width: 640px;
  height: 260px;
  overflow: hidden;
}

.block-title p {
  margin-bottom: 0px;
  font: normal 19px/22px 'knockout', Helvetica, Arial, sans-serif;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #fde9c7;
}
.block-title h2,
.block-title .anim-title {

  font-size: 50px;
  max-width: 620px;
  margin:0 auto 20px auto;
  line-height: 1;
  text-transform: uppercase;
}

.block-title .anim-title {
  position: absolute;
  left: 50%;
  margin-top: -25px;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.block-title .anim-title span { display: inline-block; }
.recipe .block-recipe {
  padding-bottom: 180px;
}
.recipe .block-recipe .recipe-wrapper {
  position: relative;
  width: 640px;
  max-width: 640px;
}
.recipe .block-recipe .recipe-wrapper.first {
  margin-right: 50px;
}
.recipe .block-recipe .recipe-wrapper.second {
  margin-left: 50px;
  margin-top: -250px;
}


.recipe .block-recipe .recipe-wrapper h3 {
  padding: 100px 80px 10px 80px;
  font-style: italic;
}

.recipe .block-recipe .recipe-wrapper.first {
  -webkit-align-self: flex-end;
 -ms-flex-item-align: end;
          align-self: flex-end
}

.dark .recipe .block-recipe .recipe-wrapper.first { background-color: #2f2624;}
.dark .recipe .block-recipe .recipe-wrapper.second .color-wrapper {
  position:relative;
  background-color: #3a2527;
  padding-bottom: 80px;
}
.light .recipe .block-recipe .recipe-wrapper.first {
  position:relative;
  background-color: #a09689;
}
.light .recipe .block-recipe .recipe-wrapper.second .color-wrapper {
  position: relative;
  padding-bottom: 80px;
}
.light .recipe .block-recipe .recipe-wrapper.second  .color-wrapper { background-color: #e1b7a2;}
.dark .recipe .block-recipe .recipe-wrapper.first .inner-wrapper{ background-color: rgba(65,54,52,.7); border:0px solid transparent; }
.dark .recipe .block-recipe .recipe-wrapper.second .inner-wrapper{ background-color: rgba(77,52,54,.7); }
.light .recipe .block-recipe .recipe-wrapper.first .inner-wrapper{ background-color: rgba(176,168,158,.7); }
.light .recipe .block-recipe .recipe-wrapper.second .inner-wrapper{ background-color: rgba(228,193,175,.7);  }

.block-recipe .recipe-wrapper .inner-wrapper {
  position: relative;
  width: 726px;
  margin-left: -43px;
  padding: 40px 80px;

  -webkit-box-shadow: 0px 14px 40px 0px rgba(0,0,0,0.26);
     -moz-box-shadow: 0px 14px 40px 0px rgba(0,0,0,0.26);
          box-shadow: 0px 14px 40px 0px rgba(0,0,0,0.26);
}
/*.block-recipe .recipe-wrapper .inner-wrapper:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

}*/

.recipe .block-recipe .recipe-wrapper.second .inner-wrapper {
  width: 100%;
  padding: 40px 160px 40px 123px;
}
.block-recipe .recipe-wrapper .inner-wrapper p {
  font: normal 22px/28px 'proformaregular', Helvetica, Arial, sans-serif;
}
.block-recipe .recipe-wrapper .inner-wrapper li {
  margin: 10px 0;
  overflow: hidden;
  font: normal 22px/28px 'proformabook', Helvetica, Arial, sans-serif;
}
.block-recipe .recipe-wrapper .inner-wrapper li.title { margin: 40px 0 0 0; }
.block-recipe .recipe-wrapper .inner-wrapper li.title:first-of-type { margin: 0px 0 0 0; }
.block-recipe .recipe-wrapper .inner-wrapper li h4 {
  font-size: 22px;
}
.block-recipe .recipe-wrapper .inner-wrapper li span {
  display: block;
  position: relative;
}
.block-recipe .recipe-wrapper.first .inner-wrapper .image-wrapper {
  position: relative;
  width: 347px;
  min-width: 347px;
  height: 324px;
  margin-left: -350px;
  margin-right: 80px;
  overflow: hidden;

  -webkit-box-shadow: 0px 14px 40px 0px rgba(0,0,0,0);
     -moz-box-shadow: 0px 14px 40px 0px rgba(0,0,0,0);
          box-shadow: 0px 14px 40px 0px rgba(0,0,0,0);

  -webkit-transition: -webkit-box-shadow .26s ease;
     -moz-transition: -moz-box-shadow .26s ease;
          transition: box-shadow .26s ease;
}
.block-recipe .recipe-wrapper.first .inner-wrapper .image-wrapper.image-shadow {
  -webkit-box-shadow: 0px 14px 40px 0px rgba(0,0,0,0.26);
     -moz-box-shadow: 0px 14px 40px 0px rgba(0,0,0,0.26);
          box-shadow: 0px 14px 40px 0px rgba(0,0,0,0.26);
}

.block-recipe .recipe-wrapper.first .inner-wrapper .image-wrapper img {
  position: relative;
  top:50px;
}

.block-recipe .recipe-wrapper.first .inner-wrapper .text-wrapper {
  width: 444px;
  min-width: 444px;
}
.block-recipe .recipe-wrapper .bottom-wrapper {
  padding: 100px 80px;
}
.block-recipe .recipe-wrapper .bottom-wrapper h4 {
  position: relative;
  margin-bottom: 80px;
  color: rgba(255,255,255,.45);
  letter-spacing: 2px;
  font-style: italic;
}
.block-recipe .recipe-wrapper .bottom-wrapper h4:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 60px;
  height: 3px;
  background-color: #ffffff;
}

.block-recipe .recipe-wrapper.second .image-wrapper {
  position: absolute;
  bottom: -130px;
  right: -150px;
  pointer-events: none;
}

.recipe .share-recipe {
  width: 355px;
  max-width: 100%;
  position: absolute;
  bottom: 120px;
  right: 60px;
  text-align: center;
}
.recipe .share-recipe h4 {
    font: normal 24px/32px 'knockout', Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    color: rgba(255,255,255,.45);
}

.recipe .share-recipe ul li {
  display: inline-block;
  margin:0 5px;
  text-align: center;

}
.recipe .share-recipe ul li a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  position: relative;
  top: 0;
  line-height: 60px;
  background-color: #4d3436;
  opacity: .75;
}

.light .recipe .share-recipe ul li a { background-color: #f2af8e; }
.recipe .share-recipe ul { margin-top: 20px; }
.recipe .share-recipe ul li a:hover,
.recipe .share-recipe ul li a.on {
  opacity: 1;
  background-color: #b7626a;
}

.light .recipe .share-recipe ul li a:hover,
.light .recipe .share-recipe ul li a.on {
  background-color: #ff7336;
}
.recipe .share-recipe ul li.facebook a svg {
  position: relative;
  top: 3px;
}

.fake-home-recipes {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.5);
  border: 120px solid transparent;
  pointer-events: none;

  -webkit-background-clip: padding;
     -moz-background-clip: padding;
      -ms-background-clip: padding;
          background-clip: padding-box;

/*  -webkit-mask: url("../imgs/general/transition-negative.png");
     -moz-mask: url("../imgs/general/transition-negative.png");
      -ms-mask: url("../imgs/general/transition-negative.png");
       -o-mask: url("../imgs/general/transition-negative.png");
  mask: url("../imgs/general/transition-negative.png");*/

    -webkit-mask: url("../imgs/receitas-mask/receitas-mask-short.png");
     -moz-mask: url("../imgs/receitas-mask/receitas-mask-short.png");
      -ms-mask: url("../imgs/receitas-mask/receitas-mask-short.png");
       -o-mask: url("../imgs/receitas-mask/receitas-mask-short.png");
  mask: url("../imgs/receitas-mask/receitas-mask-short.png");
  -webkit-mask-size: 1300% 100%;
  -moz-mask-size: 1300% 100%;
  -ms-mask-size: 1300% 100%;
  -o-mask-size: 1300% 100%;
  mask-size: 1200% 100%
}
.light .fake-home-recipes {
  background-color: rgba(124,112,92,.2);
}

.fake-home-recipes.anim-in {
  -webkit-mask-position: 0 0;
  -moz-mask-position: 0 0;
  -ms-mask-position: 0 0;
  -o-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-animation: mask-to 1s steps(12) forwards;
  animation: mask-to 1s steps(12) forwards;

}

.help-down {
  position: absolute;
  bottom: 100px;
  left: 50%;

  -webkit-transform: translate3d(-50%,0,0);
          transform: translate3d(-50%,0,0);
}
.help-down svg {
  width: 76px;
  height: 76px;
}
.help-down .circle {
  stroke-dasharray: 252;
  stroke-dashoffset: 252;
  transition: stroke-dashoffset .5s 0s cubic-bezier(.08,.79,.18,1);
}
.help-down .line-1 {
  stroke-dasharray: 30;
  stroke-dashoffset: -30;
  transition: stroke-dashoffset .5s 0.5s cubic-bezier(.08,.79,.18,1);
}
.help-down .line-2 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  transition: stroke-dashoffset .5s 0.5s cubic-bezier(.08,.79,.18,1);
}

.loaded .help-down {
  -webkit-animation: float 2.5s .5s infinite;
          animation: float 2.5s .5s infinite;

  -webkit-animation-timing-function:  ease-in-out;
          animation-timing-function:  ease-in-out;
          opacity: .2;
}
.loaded .help-down:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.loaded .help-down .circle,
.loaded .help-down .line-1,
.loaded .help-down .line-2 {
  -webkit-transition-delay: 0s;
        transition-delay: 0s;
  stroke-dashoffset: 0;
}

.js-no-ajax.single-loaded .help-down .circle,
.js-no-ajax.single-loaded .help-down .line-1,
.js-no-ajax.single-loaded .help-down .line-2 {
  -webkit-transition-delay: 0s;
        transition-delay: 0s;
  stroke-dashoffset: 0;
}

.loaded .help-down:hover .circle {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  stroke-dashoffset: 252;
}
.loaded .help-down.fade .circle {
  stroke-dasharray: 252;
  stroke-dashoffset: 252;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.loaded .help-down.fade .line-1{
  stroke-dasharray: 30;
  stroke-dashoffset: -30;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.loaded .help-down.fade .line-2{
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translate3d(-50%,0,0);
            transform: translate3d(-50%,0,0);

    opacity: .2;
  }
  50% {
    -webkit-transform: translate3d(-50%,10px,0);
            transform: translate3d(-50%,10px,0);

    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(-50%,0,0);
            transform: translate3d(-50%,0,0);

    opacity: .2;
  }
}

@keyframes float {
  0% {
    -webkit-transform: translate3d(-50%,0,0);
            transform: translate3d(-50%,0,0);

    opacity: .2;
  }
  50% {
    -webkit-transform: translate3d(-50%,10px,0);
            transform: translate3d(-50%,10px,0);

    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(-50%,0,0);
            transform: translate3d(-50%,0,0);

    opacity: .2;
  }
}

/*-------------------------------------------------------------------------
=RECIPES - SPECIFIC
-------------------------------------------------------------------------*/

.bacalhau-recipe .block-recipe .recipe-wrapper.second .image-wrapper { bottom: 50px;}
.salmao-recipe .block-recipe .recipe-wrapper.second .image-wrapper {
  bottom: -84px;
  right: -90px;
}
.salmao-recipe .header { height: calc(100vh + 164px); }

.salmao-recipe .help-down { bottom: 264px; }


/*-------------------------------------------------------------------------
=HOME
-------------------------------------------------------------------------*/

/*=mobile home menu*/
.mobile-home-menu {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1001;
  background-color: rgba(24,18,16,.96);
}
.light .mobile-home-menu { background-color: rgba(221,215,208,.96); }
.mobile-home-menu.on {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mobile-home-menu ul {
  text-align: center;
}
.mobile-home-menu ul:not(.language-picker) li {
  padding: 8px 0;
}
.mobile-home-menu ul li a{
  font-size: 25px;
  line-height: 1;
  color: #ffffff;
}
.light .mobile-home-menu ul li a{
  color: #6c655d;
}

.mobile-home-burger {
  display: none;
  position: absolute;
  top: 25px;
  left: 30px;
  width: 50px;
  height: 50px;
  background: transparent;
  border: none;
  outline:0;
  z-index: 1001;
}
.mobile-home-burger .dash-1 {
  position: absolute;
  width: 30px;
  height: 1px;
  top: 14px;
  left: 5px;
  background-color: #fde9c7;
  /*-webkit-transition: -webkit-transform 0.6s cubic-bezier(.75, 0, .29, 1.01);
          transition: transform 0.6s cubic-bezier(.75, 0, .29, 1.01);*/
}
.mobile-home-burger .dash-2 {
  position: absolute;
  width: 20px;
  height: 1px;
  top: 24px;
  left: 10px;
  background-color: #fde9c7;
}
.mobile-home-burger .dash-3 {
  position: absolute;
  width: 30px;
  height: 1px;
  top: 34px;
  left: 5px;
  background-color: #fde9c7;
  /*-webkit-transition: -webkit-transform 0.6s cubic-bezier(.75, 0, .29, 1.01);
          transition: transform 0.6s cubic-bezier(.75, 0, .29, 1.01);*/
}
.mobile-home-burger.on .dash-1 {
  transform: rotateZ(45deg);
  top: 26px
}
.mobile-home-burger.on .dash-2 {
  opacity: 0;
}
.mobile-home-burger.on .dash-3 {
  transform: rotate(-45deg);
  top: 26px;
}
.light .mobile-home-burger .dash-1 {background-color: #6c655d;}
.light .mobile-home-burger .dash-2 {background-color: #6c655d;}
.light .mobile-home-burger .dash-3 {background-color: #6c655d;}

.mCSB_inside>.mCSB_container { margin-right: 0!important; }
.home .header {
  height: 100vh;
}
.header .block-bg-cover .element-cover { position: absolute; }

/*#home-salmao-bg,
.home-salmao-low { height: 100vh; overflow: hidden; }
#home-salmao-bg img,
.home-salmao-low img { height: calc(100vh + 164px); }*/

.home-recipes {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0,0,0,.5);
  border: 120px solid transparent;
  overflow: hidden;

  -webkit-background-clip: padding;
     -moz-background-clip: padding;
      -ms-background-clip: padding;
          background-clip: padding-box;

/*  -webkit-transition: border .5s .5s cubic-bezier(0.72,.08,.2,1), background-color .5s ease;
      -ms-transition: border .5s .5s cubic-bezier(0.72,.08,.2,1), background-color .5s ease;
          transition: border .5s .5s cubic-bezier(0.72,.08,.2,1), background-color .5s ease;*/

/*  -webkit-mask: url("../imgs/general/transition-negative.png");
     -moz-mask: url("../imgs/general/transition-negative.png");
      -ms-mask: url("../imgs/general/transition-negative.png");
       -o-mask: url("../imgs/general/transition-negative.png");
  mask: url("../imgs/general/transition-negative.png");*/

    -webkit-mask: url("../imgs/receitas-mask/receitas-mask-short_invert.png");
     -moz-mask: url("../imgs/receitas-mask/receitas-mask-short_invert.png");
      -ms-mask: url("../imgs/receitas-mask/receitas-mask-short_invert.png");
       -o-mask: url("../imgs/receitas-mask/receitas-mask-short_invert.png");
  mask: url("../imgs/receitas-mask/receitas-mask-short_invert.png");
  -webkit-mask-size: 1300% 100%;
     -moz-mask-size: 1300% 100%;
      -ms-mask-size: 1300% 100%;
       -o-mask-size: 1300% 100%;
          mask-size: 1200% 100%;
}
.mobile .home-recipes { border: 0px solid transparent; }
.light .home-recipes {
  background-color: rgba(124,112,92,.2);
}

.home-recipes.anim-out {
  -webkit-mask-position: 0 0;
  -moz-mask-position: 0 0;
  -ms-mask-position: 0 0;
  -o-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-animation: mask-to 1s steps(12) forwards;
  animation: mask-to 1s steps(12) forwards;

 -webkit-transition: border .5s .5s cubic-bezier(0.72,.08,.2,1), background-color .5s 1s ease;
      -ms-transition: border .5s .5s cubic-bezier(0.72,.08,.2,1), background-color .5s 1s ease;
          transition: border .5s .5s cubic-bezier(0.72,.08,.2,1), background-color .5s 1s ease;
  background-color: rgba(0,0,0,0);

}
@-webkit-keyframes mask-to {
    from {
        -webkit-mask-position: 0 0;
        -moz-mask-position: 0 0;
        -ms-mask-position: 0 0;
        -o-mask-position: 0 0;
        mask-position: 0 0;
    }
    to {
        -webkit-mask-position: 100% 0;
        -moz-mask-position: 100% 0;
        -ms-mask-position: 100% 0;
        -o-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}

@keyframes mask-to {
    from {
        -webkit-mask-position: 0 0;
        -moz-mask-position: 0 0;
        -ms-mask-position: 0 0;
        -o-mask-position: 0 0;
        mask-position: 0 0;
    }
    to {
        -webkit-mask-position: 100% 0;
        -moz-mask-position: 100% 0;
        -ms-mask-position: 100% 0;
        -o-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}

@-webkit-keyframes mask-from {
    from {
        -webkit-mask-position: 100% 0;
        -moz-mask-position: 100% 0;
        -ms-mask-position: 100% 0;
        -o-mask-position: 100% 0;
        mask-position: 100% 0;
    }
    to {
        -webkit-mask-position: 0 0;
        -moz-mask-position: 0 0;
        -ms-mask-position: 0 0;
        -o-mask-position: 0 0;
        mask-position: 0 0;
    }
}

@keyframes mask-from {
    from {
        -webkit-mask-position: 100% 0;
        -moz-mask-position: 100% 0;
        -ms-mask-position: 100% 0;
        -o-mask-position: 100% 0;
        mask-position: 100% 0;
    }
    to {
        -webkit-mask-position: 0 0;
        -moz-mask-position: 0 0;
        -ms-mask-position: 0 0;
        -o-mask-position: 0 0;
        mask-position: 0 0;
    }
}
/*.home-recipes.anim-out { background-color: rgba(0,0,0,0); }*/
/*.loaded .home-recipes,
.skip-loaded .home-recipes {
  border: 120px solid transparent;
}*/
.loaded .home.anim-out .home-recipes,
.skip-loaded .home.anim-out .home-recipes { border: 100vw solid transparent; }

.home-recipes .scroll-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0px 0;
  opacity:0;
/*  -webkit-transition: opacity .5s  cubic-bezier(0.72,.08,.2,1);
      -ms-transition: opacity .5s cubic-bezier(0.72,.08,.2,1);
          transition: opacity .5s cubic-bezier(0.72,.08,.2,1);*/
}
.home-recipes .scroll-wrapper.anim-on{ opacity: 1; }
.home.anim-out .home-recipes .scroll-wrapper { opacity: 0; }

.home-recipes ul {
  width: 100%;
  padding-right: 45px;
}

.home-recipes ul li {
  position: relative;
  max-width: 620px;
  margin: 0px auto;
  overflow: hidden;
  z-index: 1;
  -webkit-transform : translate3d(0,0,0);
}
.home-recipes ul li.centered {
  position: relative;
  z-index: 2;
}

.home-recipes ul li a:first-of-type {
  display: inline;
}
.home-recipes ul li a { pointer-events: auto; display: inline-block; }


.home-recipes ul li h2 {
  margin-bottom: 35px;
  font-size: 50px;
  line-height: 48px;
  letter-spacing: 2px;
}
.home-recipes ul li p {
  margin-bottom: 20px;
  font: normal 20px/22px 'knockout', Helvetica, Arial, sans-serif;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #fde9c7;
  opacity: 0;
/*  -webkit-transition: opacity 1s .1s ease;
          transition: opacity 1s .1s ease;*/
}

.home-recipes ul li .btn,
.home-recipes ul li p {
  opacity: 0;
  pointer-events:none;
  -webkit-transition: opacity .3s ease;
          transition: opacity .3s ease;
}

.home-recipes ul li.centered p { opacity: 1; }
.home-recipes ul li.centered .btn {
  opacity: 1;
  pointer-events:auto;
}

.home-bg-images {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
/*  opacity: 0;
  -webkit-transition: opacity .56s ease;
          transition: opacity .56s ease;*/
}
.home-bg-images.on { opacity: 1; }

.home-bg-images .block-bg-cover {
  opacity: 0;
  z-index: 10;
  -webkit-transform : translate3d(0,0,0);
  -webkit-transition: opacity .2s ease-in-out;
          transition: opacity .2s ease-in-out;
}
.home-bg-images .block-bg-cover.on {
  z-index: 20; opacity: 1;
}

.home .controls-wrapper {
  display: block;
  position: absolute;
  top: 50%;
  right: 35px;
  width: 50px;
  height: 150px;
  text-align: right;
  z-index: 100;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);

/*  -webkit-transition: opacity .5s  cubic-bezier(0.72,.08,.2,1);
      -ms-transition: opacity .5s cubic-bezier(0.72,.08,.2,1);
          transition: opacity .5s cubic-bezier(0.72,.08,.2,1);*/
}
.home .recipe-pickers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  overflow: hidden;
}
.home.anim-out .recipe-pickers { opacity: 0; }

.home .recipe-pickers .recipe-picker {
  display: block;
  position: absolute;
  width: 44px;
  height: 1px;
  background-color: #fde9c7;
  right: 0;
  top: 4px;
/*  -webkit-transition: background-color .26s ease;
          transition: background-color .26s ease;*/
}
.light .home .recipe-pickers .recipe-picker { background-color: #6c655d; }

/*.home .recipe-pickers .recipe-picker.on { width: 38px;}
.home .recipe-pickers .recipe-picker.near-on { width: 28px;}
.home .recipe-pickers .recipe-picker.far-on { width: 18px;}*/

.home .recipe-pickers a.picker-link {
  position: absolute;
  display: block;
  padding: 4px 0;
  width: 100%;
}
.home .recipe-pickers .a1 {top:0px;}
.home .recipe-pickers .a2 {top:20px;}
.home .recipe-pickers .a3 {top:40px;}
.home .recipe-pickers .a4 {top:60px;}
.home .recipe-pickers .a5 {top:80px;}
.home .recipe-pickers .a6 {top:100px;}

/*.home .recipe-pickers .recipe-picker.p1 {top:4px;}
.home .recipe-pickers .recipe-picker.p2 {top:24px;}
.home .recipe-pickers .recipe-picker.p3 {top:44px;}
.home .recipe-pickers .recipe-picker.p4 {top:64px;}
.home .recipe-pickers .recipe-picker.p5 {top:84px;}
.home .recipe-pickers .recipe-picker.p6 {top:104px;}*/

.home .controls-wrapper .menu-down {
  height: 24px;
  width: 13px;
  position: absolute;
  top: 125px;
  right: -3px;
}
.home .controls-wrapper .menu-down .arrow-down { fill: #fde9c7; }
.light .home .controls-wrapper .menu-down .arrow-down { fill: #6c655d; }
.home .recipe-pickers .arrow-down-svg polygon { fill: #fde9c7; }
.light .home .recipe-pickers .arrow-down-svg polygon { fill: #6c655d; }

.bottom-links {
  width: 100px;
  position: absolute;
  left: 50%;
  bottom: 50px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.bottom-links .home-buy { margin-left: 125px; }
.bottom-links .home-buy a {
  margin: 0 10px;
  font-size: 19px;
  color: #fde9c7;
  -webkit-transition: color .26s ease;
          transition: color .26s ease;
}

/* LINGUAS DROPDOWN */
.home .lingMenu {
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 120px;
  height: 125px;
  text-align: left;
  padding: 0;
  line-height:65px;
  overflow: hidden;
  cursor: pointer;
  clip: rect(100px,120px,125px,0px);
}
.recipe .lingMenu {
  display: block;
  position: absolute;
  top: 55px;
  left: auto;
  bottom: auto;
  right: 50px;
  text-align: left;
  padding: 0;
  line-height:65px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  clip: rect(0px,120px,25px,0px);
}
.loaded.single-loaded .recipe .lingMenu { opacity: 1; }
.lingMenu li {
  position: relative;
  width: 120px;
  height: 25px;
  display: block;
  padding: 0;
  margin-bottom: 8px;
}
.lingMenu li.active {
  width: 100px;
  height: 25px;
  padding: 0;
  line-height: 65px;
  margin-bottom: 10px;
}
.home .lingMenu li.active { margin-bottom: 0; }
.home .lingMenu.hover {
  clip: rect(0px,120px,125px,0px);
}
.recipe .lingMenu.hover {
  clip: rect(0px,120px,125px,0px);
}
.lingMenu li.active a {
  background: transparent url("../imgs/general/seta-linguas-cima.png") no-repeat right 9px;
  background-size: auto 6px;
  pointer-events:none;
}
.light .lingMenu li.active a {
  background: transparent url("../imgs/general/seta-linguas-cima-light.png") no-repeat right 9px;
  background-size: auto 6px;
  pointer-events:none;
}
.recipe .lingMenu li.active a {
  background: transparent url("../imgs/general/seta-linguas-baixo.png") no-repeat right 9px;
  background-size: auto 6px;
  pointer-events:none;
}
.light .recipe .lingMenu li.active a {
  background: transparent url("../imgs/general/seta-linguas-baixo-light.png") no-repeat right 9px;
  background-size: auto 6px;
  pointer-events:none;
}
.lingMenu li a {
  position: absolute;
  display:block;
  width: 100%;
  height: 100%;
  color:#fde9c7;
  font-size: 19px;
}
.light .lingMenu li a {
  color: #6c655d;
}
.lingMenu li a:hover {
  color: #373432;
}
.lingMenu li.off { display: none; }
.mobile .lingMenu { display: none; }

.light .home-buy a { color: #6c655d;}

.mobile .home-buy { display: none; }

.home-sanduiche-cover {
  background-image: url("../imgs/receitas/sanduiche/sanduiche-bg-low.jpg");
  background-size: cover;
  background-position: 50% 50%;
}
.home-bacalhau-cover {
  background-image: url("../imgs/receitas/bacalhau/bacalhau-bg-low.jpg");
  background-size: cover;
  background-position: 50% 50%;
}
.home-salmao-cover {
  background-image: url("../imgs/receitas/salmao/salmao-bg-full-low.jpg");
  background-size: cover;
  background-position: 50% 50%;
  height: calc(100vh + 164px);
}
.home-lula-cover {
  background-image: url("../imgs/receitas/lula/lula-bg-low.jpg");
  background-size: cover;
  background-position: 50% 50%;
}
.home-tomate-cover {
  background-image: url("../imgs/receitas/tomate/tomate-bg-low.jpg");
  background-size: cover;
  background-position: 50% 50%;
}
.home-salada-cover {
  background-image: url("../imgs/receitas/salada/salada-bg-low.jpg");
  background-size: cover;
  background-position: 50% 50%;
}

/*@media screen and (max-width:1024px) {
  .home-sanduiche-cover {
    background-image: url("../imgs/receitas/sanduiche/sanduiche-bg-medium.jpg");
    background-size: cover;
    background-position: 50% 50%;
  }
  .home-bacalhau-cover {
    background-image: url("../imgs/receitas/bacalhau/bacalhau-bg-medium.jpg");
    background-size: cover;
    background-position: 50% 50%;
  }
  .home-salmao-cover {
    background-image: url("../imgs/receitas/salmao/salmao-bg.jpg");
    background-size: cover;
    background-position: 50% 50%;
  }
  .home-lula-cover {
    background-image: url("../imgs/receitas/lula/lula-bg-medium.jpg");
    background-size: cover;
    background-position: 50% 50%;
  }
  .home-tomate-cover {
    background-image: url("../imgs/receitas/tomate/tomate-bg-medium.jpg");
    background-size: cover;
    background-position: 50% 50%;
  }
  .home-salada-cover {
    background-image: url("../imgs/receitas/salada/salada-bg-medium.jpg");
    background-size: cover;
    background-position: 50% 50%;
  }
}*/

/*=BUY PAGE*/

/*.fake-header {
  opacity: 0;
  -webkit-transition: opacity .16s ease;
          transition: opacity .16s ease;
}
.fake-header.anim-in { opacity: 1; }*/

/*-------------------------------------------------------------------------
=404
-------------------------------------------------------------------------*/
.page-404 .home-recipes { height: 100vh;  }

.page-404 .home-recipes .home-recipe-wrapper {
  position: relative;
  max-width: 800px;
  margin: 0px auto;
  overflow: hidden;
  z-index: 1;
  -webkit-transform : translate3d(0,0,0);
}

.page-404 .home-recipes .home-recipe-wrapper h2 {
  margin-bottom: 35px;
  font-size: 50px;
  line-height: 48px;
  letter-spacing: 2px;
}
.page-404 .home-recipes .home-recipe-wrapper p {
  margin-bottom: 20px;
  font: normal 20px/22px 'knockout', Helvetica, Arial, sans-serif;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #fde9c7;
}
.fixed-all.page-404 #header-nav .id-basilio a {
    pointer-events: auto;
}