/***************************************************************************************************************************
HOMEPAGE
***************************************************************************************************************************/

body.page-template-page-home {
	overflow-y:hidden;
	background-color:rgba(118,205,212,1)!important;
}
body.page-template-page-home.page-home-cerveja-profana {
    background-color:rgba(191,216,137,1)!important;
}
body.page-template-page-home.page-home-cerveja-fenix {
    /*background-color:#B5DAD1!important;*/
    background-color:rgba(248,220,123,1)!important;
}
.page-template-page-home footer#site-footer {
    background: linear-gradient(180deg, rgba(245,242,171,1) 0%,  rgba(245,242,171,1) 100%)
}
.page-template-page-home.page-home-cerveja-fenix footer#site-footer {
    background: #B5DAD1;
}
.page-template-page-home.page-home-cerveja-profana footer#site-footer {
    background: rgba(233,196,186,1);
}
.page-template-page-home #site-footer svg.triangle {
    z-index: 1;
    bottom:-1px;
}
.page-template-page-home #site-footer .head {
    z-index: 2;
}
.page-template-page-home #site-footer .footer-triangle .footer-wrapper {
    z-index: 3;
}

/* CC - criado porque estava a aparecer um scroll horizontal por causa dos rights negativos na pagina (cloud2 e brinde-esquerda e brinde-direita) */
.page-template-page-home {
    overflow-x: hidden !important;
 }
.muralCervejas {
    position: fixed;
    z-index: 1;
    padding: 0;
}
.muralCervejas .slider {
    position: relative;
    width: 100%;
    height: 100vh;
    margin: auto;
    overflow: hidden;
    background-color: #fff;
}
.muralCervejas .slide {
	 position: absolute;
	 width: 100vh;
	 height: 100vh;
	 transition: 0.6s ease;
    -ms-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
	 transform: translate(-100%, 0);
}
.muralCervejas .slide.active {
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
	 transform: translate(0, 0);
}
.muralCervejas .slide.active ~ .slide {
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
	 transform: translate(100%, 0);
}
.muralCervejas .slide {
	 text-align: left;
	 /*background: tomato;
	 color: white;*/
	 padding: 30px;
}
.muralCervejas button {
	 margin-top: 20px;
	 border: none;
	 border-radius: 0;
	 background: lightgreen;
	 color: #333;
	 padding: 10px;
	 cursor: pointer;
}

/***************************** Botões Slider +*********************************/

.muralCervejas button#previous:focus,
.muralCervejas button#next:focus {
	box-shadow:none;
	border:0px;
	outline:none;
}
.muralCervejas button#previous,
.muralCervejas button#next {
    background:Transparent;
    background-color:Transparent;
    margin:0;
    padding:0;
}


/*BOTÕES SLIDER AUREA*/
.muralCervejas button#previous.aurea { 
    height: calc(100% - 150px);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 12.5%;
    background-image: url(../images/home/cornucopia-aurea-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
}
.muralCervejas button#previous.aurea:before { 
    content:"";
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background-image: url(../images/home/cornucopia-hover-aurea-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
    opacity:0;
    -ms-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -o-transition:all 0.8s ease;
    -webkit-transition:all 0.8s ease;
    transition:all 0.8s ease;
}
.muralCervejas button#previous.aurea:hover:before {
    opacity:1;
}
.muralCervejas button#previous.aurea .arrowLeft {
    opacity:1;
    position: absolute;
    left: 20%;
    top: 50%;
    transform:translateY(-50%);
    width: 40px;
    height: 50px;
    display: inline-block;
    background-image: url(../images/home/prev-aurea.svg);
    background-size: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.muralCervejas button#previous.aurea:hover .arrowLeft {
    animation: prevArrow 1s infinite;
    background-image: url(../images/home/prev-aurea-hover.svg);
}

.muralCervejas button#next.aurea { 
    height: calc(100% - 150px);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12.5%;
    background-image: url(../images/home/cornucopia-aurea-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
}
.muralCervejas button#next.aurea:before { 
    content:"";
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background-image: url(../images/home/cornucopia-hover-aurea-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
    opacity:0;
    -ms-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -o-transition:all 0.8s ease;
    -webkit-transition:all 0.8s ease;
    transition:all 0.8s ease;
}
.muralCervejas button#next.aurea:hover:before {
    opacity:1;
}
.muralCervejas button#next.aurea .arrowRight {
    opacity:1;
    position: absolute;
    right: 20%;
    top: 50%;
    transform:translateY(-50%);
    width: 40px;
    height: 50px;
    display: inline-block;
    background-image: url(../images/home/next-aurea.svg);
    background-size: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.muralCervejas button#next.aurea:hover .arrowRight {
    background-image: url(../images/home/next-aurea-hover.svg);
    animation: nextArrow 1s infinite;
}

/*BOTÕES SLIDER FÉNIX*/
.muralCervejas button#previous.fenix { 
    height: calc(100% - 150px);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 12.5%;
    background-image: url(../images/home/cornucopia-fenix-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
}
.muralCervejas button#previous.fenix:before { 
    content:"";
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background-image: url(../images/home/cornucopia-hover-fenix-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
    opacity:0;
    -ms-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -o-transition:all 0.8s ease;
    -webkit-transition:all 0.8s ease;
    transition:all 0.8s ease;
}
.muralCervejas button#previous.fenix:hover:before {
    opacity:1;
}
.muralCervejas button#previous.fenix .arrowLeft {
    opacity:1;
    position: absolute;
    left: 20%;
    top: 50%;
    transform:translateY(-50%);
    width: 40px;
    height: 50px;
    display: inline-block;
    background-image: url(../images/home/prev-fenix.svg);
    background-size: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.muralCervejas button#previous.fenix:hover .arrowLeft {
    animation: prevArrow 1s infinite;
    background-image: url(../images/home/prev-fenix-hover.svg);
}

.muralCervejas button#next.fenix { 
    height: calc(100% - 150px);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12.5%;
    background-image: url(../images/home/cornucopia-fenix-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
}
.muralCervejas button#next.fenix:before { 
    content:"";
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background-image: url(../images/home/cornucopia-hover-fenix-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
    opacity:0;
    -ms-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -o-transition:all 0.8s ease;
    -webkit-transition:all 0.8s ease;
    transition:all 0.8s ease;
}
.muralCervejas button#next.fenix:hover:before {
    opacity:1;
}
.muralCervejas button#next.fenix .arrowRight {
    opacity:1;
    position: absolute;
    right: 20%;
    top: 50%;
    transform:translateY(-50%);
    width: 40px;
    height: 50px;
    display: inline-block;
    background-image: url(../images/home/next-fenix.svg);
    background-size: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.muralCervejas button#next.fenix:hover .arrowRight {
    background-image: url(../images/home/next-fenix-hover.svg);
    animation: nextArrow 1s infinite;
}

/*BOTÕES SLIDER PROFANA*/
.muralCervejas button#previous.profana { 
    height: calc(100% - 150px);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 12.5%;
    background-image: url(../images/home/cornucopia-profana-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
}
.muralCervejas button#previous.profana:before { 
    content:"";
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background-image: url(../images/home/cornucopia-hover-profana-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
    opacity:0;
    -ms-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -o-transition:all 0.8s ease;
    -webkit-transition:all 0.8s ease;
    transition:all 0.8s ease;
}
.muralCervejas button#previous.profana:hover:before {
    opacity:1;
}
.muralCervejas button#previous.profana .arrowLeft {
    opacity:1;
    position: absolute;
    left: 20%;
    top: 50%;
    transform:translateY(-50%);
    width: 40px;
    height: 50px;
    display: inline-block;
    background-image: url(../images/home/prev-profana.svg);
    background-size: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.muralCervejas button#previous.profana:hover .arrowLeft {
    animation: prevArrow 1s infinite;
    background-image: url(../images/home/prev-profana-hover.svg);
}

.muralCervejas button#next.profana { 
    height: calc(100% - 150px);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12.5%;
    background-image: url(../images/home/cornucopia-profana-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
}
.muralCervejas button#next.profana:before { 
    content:"";
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background-image: url(../images/home/cornucopia-hover-profana-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 61% auto;
    opacity:0;
    -ms-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    -o-transition:all 0.8s ease;
    -webkit-transition:all 0.8s ease;
    transition:all 0.8s ease;
}
.muralCervejas button#next.profana:hover:before {
    opacity:1;
}
.muralCervejas button#next.profana .arrowRight {
    opacity:1;
    position: absolute;
    right: 20%;
    top: 50%;
    transform:translateY(-50%);
    width: 40px;
    height: 50px;
    display: inline-block;
    background-image: url(../images/home/next-profana.svg);
    background-size: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.muralCervejas button#next.profana:hover .arrowRight {
    background-image: url(../images/home/next-profana-hover.svg);
    animation: nextArrow 1s infinite;
}

@keyframes prevArrow {
  0%,100% {
    left:20%;
  }
  50% {
    left:15%;
  }
}

@keyframes nextArrow {
  0%,100% {
    right:20%;
  }
  50% {
    right:15%;
  }
}

/******************************************************************************/

.muralCervejas .section-scroll {
    margin: 0 auto;
    height: 135px;
    width:35px;
    position: absolute;
    padding: 0;
    left: 57%;
    bottom: 50px;
}
.muralCervejas .slideAurea .section-scroll .scroll {
    color: #A0DBC8;
    font-size: 14px;
    writing-mode: vertical-rl;
    /*padding-right: 62px;*/
    position: absolute;
    top:0;
    left:50%;
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
	font-family:"blackest-text-regular";
	letter-spacing:1px;
}
.muralCervejas .slideFenix .section-scroll .scroll {
    color: #F8DC7B;
    font-size: 14px;
    writing-mode: vertical-rl;
    /*padding-right: 62px;*/
    position: absolute;
    top:0;
    left:50%;
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
	font-family:"blackest-text-regular";
	letter-spacing:1px;
}
.muralCervejas .slideProfana .section-scroll .scroll {
    color: #C3DD8F;
    font-size: 14px;
    writing-mode: vertical-rl;
    /*padding-right: 62px;*/
    position: absolute;
    top:0;
    left:50%;
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
	font-family:"blackest-text-regular";
	letter-spacing:1px;
}
.muralCervejas .hscroll-line {
	bottom:30px;
	right: 50%;
	height: 1px;
	position: absolute;
	overflow: hidden;
	width:60px;
    left:50%;
    -moz-transform:translateX(-50%) rotate(90deg);
    -o-transform:translateX(-50%) rotate(90deg);
    -webkit-transform:translateX(-50%) rotate(90deg);
    -ms-transform:translateX(-50%) rotate(90deg);
    transform:translateX(-50%) rotate(90deg);
}
.muralCervejas .hscroll-line::before,
.muralCervejas .hscroll-line::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
}
.muralCervejas .hscroll-line:before {
	background: transparent;
}
.muralCervejas .hscroll-line::after {
	background: #A0DBC8;
	animation: scroll-home 3s infinite;
}
.muralCervejas .slideFenix .hscroll-line::after {
	background: #F8DC7B;
	animation: scroll-home 3s infinite;
}
.muralCervejas .slideProfana .hscroll-line::after {
	background: #C3DD8F;
	animation: scroll-home 3s infinite;
}

@keyframes scroll-home {
	0% {
        -webkit-transform: translate3d(-200%, 0, 0);
        -moz-transform: translate3d(-200%, 0, 0);
        -o-transform: translate3d(-200%, 0, 0);
        -ms-transform: translate3d(-200%, 0, 0);
		transform: translate3d(-200%, 0, 0)
	}
	60% {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}
.muralCervejas .slide .garrafa   {
    position: absolute;
    z-index: 1;
    bottom: -11vh;
    left: 50%;
    transform: translateX(-50%);
}	
.muralCervejas .slide .garrafa img {
    margin-left: auto;
    margin-right: auto;
}
.muralCervejas .slide .garrafa img.bottle {
	/*width:208px;
	height:726px;*/
    width:auto;
    height:70vh;
}
.garrafaSel.final{
	height: 46vh;
}
.garrafaSel .bottle {
	width: auto;
    height: 70vh;
}
.garrafaSel.final .garrafaWrapper .garrafa-link {
    text-decoration: none;
    color: #fff !important;
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 400;
    font-size: 22px;
    display: none;
    position: absolute;
    bottom: 5vh;
    left: 50%;
    transform: translateX(-50%);
    line-height:5px;
	text-align: center;
	width: -webkit-max-content;
	/*width: fit-content;
    width: -moz-fit-content;*/
}
.garrafaSel.final .garrafaWrapper .sombra {
    left: 50%;
    transform: translate(-50%);
    bottom: -0.5vh;
    position: absolute;
    width: 8vw;
    height:auto;
    max-width: 200%;
}
.muralCervejas .slide .garrafa img.lid {
	/*height:auto;
	width:100px;*/
    height: 3.5vh;
    width: auto;
    position: absolute;
	top: -8px;
    left: 50%;
    transform: translateX(-50%);
}
#main .garrafaSel {
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	position: fixed;
    height:70vh;
	/*width: 208px;*/
	/*height: 726px;*/
}

#main .garrafaSel .lid {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.muralCervejas .slide  #animFiguraGarrafa1 {
	opacity: 0;
	width: 850px;
	height: 850px;
	position: absolute;
	top: 15vh;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
}
.muralCervejas .slide #animElemGarrafa1 {
    opacity: 0;
    width: 500px;
    height: 500px;
    position: absolute;
    bottom: -50vh;
    left: 50%;
    transform: translate(-50%);
    top: unset;
}
.muralCervejas .slide  #animFiguraGarrafa2 {
	opacity: 0;
	width: 850px;
	height: 850px;
	position: absolute;
	top: 15vh;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
}
.muralCervejas .slide  #animElemGarrafa2 {
	opacity: 0;
	width: 400px;
    height: 400px;
	position: absolute;
	bottom: -50vh;
    left: 50%;
    transform: translate(-50%);
    top: unset;
}
.muralCervejas .slide  #animFiguraGarrafa3 {
	opacity: 0;
	width: 850px;
	height: 850px;
	position: absolute;
	top: 15vh;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
}
.muralCervejas .slide  #animElemGarrafa3 {
	opacity: 0;
	width: 400px;
    height: 400px;
	position: absolute;
	bottom: -50vh;
    left: 50%;
    transform: translate(-50%) scale(-1, 1);
    top: unset;
}
.cerveja-destaque {
    width: 108px;
    height: 252px;
    /* background-image: url(../images/home/albert.png); */
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: fixed;
    bottom: 2vh;
    right: -100vh;
    z-index: 3;
    cursor:pointer;
}
.cerveja-destaque .cerveja-imagem:before {
    content: "";
    width: 185px;
    height: 252px;
    position: absolute;
    bottom: 0;
    transform: none;
    /* right: -6px; */
    left: 50%;
    background: rgb(255,255,255);
    background: radial-gradient(rgba(255,255,255,1) 5%, rgba(255,255,255,.9) 15%, rgba(255,255,255,0) 60%);
    z-index: -1;
    transform: translate(-50%,-50%);
    top: 50%;
}
.cerveja-destaque .cerveja-imagem {
    width:108px;
	height:252px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.cerveja-destaque-gradiente {
    content: "";
    width: 185px;
    height: 252px;
    position: fixed;
    bottom: 0;
    transform: none;
    /*right: -6px;*/
    right:-10%;
    background: rgb(255,255,255);
    background: radial-gradient(rgba(255,255,255,1) 5%, rgba(255,255,255,.9) 15%, rgba(255,255,255,0) 60%);
    display: none;
}
.cerveja-destaque.open:before {
    content:"";
    width:600px;
    height:600px;
    background-image:url(../images/home/raios.svg);
    background-size:100% auto;
    background-position: center center;
    background-repeat:no-repeat;
}
.cerveja-destaque #animBandeira {
	width:200px;
	height:200px;
	position: absolute;
	top: -131px;
    left: -88px;
    transform: rotate(-18deg);
}
.cerveja-destaque-fundo {
	opacity: 0;
	left: 50%;
    transform: translate(-50%);
    width: 0%;
    height: 0%;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 25%, rgba(255,255,255,0.11808473389355745) 77%, rgba(255,255,255,0) 100%);
    position: fixed;
    top: 0;
    z-index: 0;
}
.cerveja-destaque-fundo.open {
    width:100%;
    height:100%;
}
.cerveja-destaque-fundo .beerContent {
	display: none;
}
.cerveja-destaque-fundo.open .beerContent {
	display: block;
}
.cerveja-destaque-fundo .close {
	cursor: pointer;
    width: 33px;
    height: 33px;
    background-image: url(../images/close.svg);
    background-repeat: no-repeat;
    background-size: auto;
    top: -60px;
    right: -110px;
    position: absolute;
}
.cerveja-destaque-fundo .beerContent {
    max-width: 30vw;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding-left: 200px;
}
.cerveja-destaque-fundo .beerContent .beerLogo {
	width:20vw;
	height:12vw;
	background-image:url(../images/home/albert-logo.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:Center center;
}
.cerveja-destaque-fundo .beerContent .beerLogoAnimation {
	display: block;
    width: 500px;
    height: 500px;
    position: absolute;
    top: 10%;
    left: -40%;
    z-index: 2;
}
.cerveja-destaque-fundo .beerContent .beerDescription {
    padding-top: 60px;
    text-align: left;
}
.cerveja-destaque-fundo .beerContent .beerDescription p {
	font-size:20px;
	line-height:26px;
	font-family:"Lato",sans-serif;
	font-weight:300;
	text-align:left;
    margin-bottom:60px;
}
.cerveja-destaque-fundo .beerContent .button-cervejas {
	margin-top:0px!important;
	margin-left:90px;
}
.cerveja-destaque-fundo .buttonTrindade {
    color:#000;
}
.cerveja-destaque-fundo .buttonTrindade .outside span,
.cerveja-destaque-fundo .buttonTrindade .inside span {
    background-color:#000!important;
}
.cerveja-destaque-fundo .buttonTrindade span.empty,
.cerveja-destaque-fundo .buttonTrindade span.empty1,
.cerveja-destaque-fundo .buttonTrindade span.empty2 {
    background-color:transparent!important;
}
.slide.slideAurea,
.slide.slideProfana,
.slide.slideFenix {
	width: 100%;
    height: 100%;
	-ms-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.slide.slideAurea .muralBackground {
    width: calc(100% - 25%);
    height:auto;
    margin:0 auto;
	position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
}
.slide.slideFenix .muralBackground {
    width: calc(100% - 25%);
    height:auto;
    margin:0 auto;
	position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
}
.slide.slideProfana .muralBackground {
    width: calc(100% - 25%);
    height:auto;
    margin:0 auto;
	position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
}

.slide .esquadria {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-image:url(../images/home/esquadria.png);
	background-position:center center;
	background-size:100%;
	background-repeat:repeat;
}
section.detalheCerveja {
    width: 100%;
    max-width:100vw;
    height: 100vh;
    display: inline-block;
	background: -webkit-radial-gradient(center,40% 50%,rgba(247,244,176,1),rgba(118,205,212,1));
	background: radial-gradient(40% 50% at center,rgba(247,244,176,1),rgba(118,205,212,1));
	/*background: -webkit-radial-gradient(center,40% 50%,rgba(247,244,176,1),rgba(247,244,176,0));
	background: radial-gradient(40% 50% at center,rgba(247,244,176,1),rgba(247,244,176,0));*/
	overflow:hidden;
}
.page-home-cerveja-profana section.detalheCerveja {
    background: -webkit-radial-gradient(center,40% 50%,rgba(237,195,191,1),rgba(191,216,137,1));
    background: radial-gradient(40% 50% at center, rgba(237,195,191,1) 0%, rgba(191,216,137,1) 100%);
}
.page-home-cerveja-fenix section.detalheCerveja {
    background: -webkit-radial-gradient(center,40% 50%,rgba(181,218,211,1),rgba(248,220,123,1));
    background: radial-gradient(40% 50% at center, rgba(181,218,211,1) 0%, rgba(248,220,123,1) 100%);
}
section.detalheCerveja .background .sparkle {
	width:626px;
	height:1100px;
	background-image:url(../images/home/aurea/sparkle.png);
	background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    mix-blend-mode: overlay;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:20px;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
section.detalheCerveja .arc {
    /*width: 545px;
    height: 574px;*/
    background-image: url(../images/home/aurea/arc-aurea.svg);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    transform: TranslateX(-50%);
    /*top: 160px;*/
    width: 30vw;
    height: 70vh;
    bottom: 14vh;
}
.page-home-cerveja-fenix section.detalheCerveja .arc {
    background-image: url(../images/home/fenix/arc-fenix.svg);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 30vw;
    height: 70vh;
    bottom: 12vh;
}
.page-home-cerveja-profana section.detalheCerveja .arc {
    background-image: url(../images/home/profana/arc-profana.svg);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 30vw;
    height: 70vh;
    bottom: 12vh;
}
section.detalheCerveja .starDust {
	background-image: url(../images/home/aurea/star-dust-branco.png);
	background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
	width:608px;
	height:608px;
	position:absolute;
	left:50%;
	top:250px;
	transform:translateX(-50%);
	mix-blend-mode: lighten;
	opacity:.55;
}
section.detalheCerveja .star1 {
    width: 31px;
    height: 29px;
    background-image: url(../images/home/aurea/star1.png);
    background-size: 100%;
    background-position: Center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 17%;
    top: 17%;
	animation: crescendo 3s alternate infinite ease-in;
}

@keyframes crescendo {
  0%   {transform: scale(1);}
  100% {transform: scale(.7);}
}

section.detalheCerveja .star2 {
    width: 20px;
    height: 29px;
    background-image: url(../images/home/aurea/star2.png);
    background-size: 100%;
    background-position: Center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 23%;
    top: 36%;
	animation: crescendo2 5s alternate infinite ease-in;
}

@keyframes crescendo2 {
  0%   {transform: scale(1);}
  100% {transform: scale(.6);}
}
section.detalheCerveja .star3 {
    width: 19px;
    height: 19px;
    background-image: url(../images/home/aurea/star3.png);
    background-size: 100%;
    background-position: Center center;
    background-repeat: no-repeat;
    left: 44%;
    position: absolute;
    top: 9%;
	animation: crescendo3 8s alternate infinite ease-in;
}

@keyframes crescendo3 {
  0%   {transform: scale(1);}
  100% {transform: scale(.7);}
}	
section.detalheCerveja .star4 {
    width: 10px;
    height: 10px;
    background-image: url(../images/home/aurea/star4.png);
    background-size: 100%;
    background-position: Center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 63%;
    top: 23%;
	animation: crescendo4 12s alternate infinite ease-in;
}

@keyframes crescendo4 {
  0%   {transform: scale(1);}
  100% {transform: scale(.7);}
}		
section.detalheCerveja .star5 {
    width: 21px;
    height: 23px;
    background-image: url(../images/home/aurea/star5.png);
    background-size: 100%;
    background-position: Center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 70%;
    top: 40%;
	animation: crescendo5 8s alternate infinite ease-in;
}

@keyframes crescendo5 {
  0%   {transform: scale(1);}
  100% {transform: scale(.7);}
}	
section.detalheCerveja .star6 {
    width: 22px;
    height: 19px;
    background-image: url(../images/home/aurea/star6.png);
    background-size: 100%;
    background-position: Center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 80%;
    top: 12%;
	animation: crescendo6 6s alternate infinite ease-in;
}

@keyframes crescendo6 {
  0%   {transform: scale(1);}
  100% {transform: scale(.6);}
}	

.page-home-cerveja-fenix section.detalheCerveja .star1 {
    background-image: url(../images/home/fenix/star1.png);
}
.page-home-cerveja-fenix section.detalheCerveja .star2 {
    background-image: url(../images/home/fenix/star2.png);
}
.page-home-cerveja-fenix section.detalheCerveja .star3 {
    background-image: url(../images/home/fenix/star3.png);
}
.page-home-cerveja-fenix section.detalheCerveja .star4 {
    background-image: url(../images/home/fenix/star4.png);
}
.page-home-cerveja-fenix section.detalheCerveja .star5 {
    background-image: url(../images/home/fenix/star5.png);
}
.page-home-cerveja-fenix section.detalheCerveja .star6 {
    background-image: url(../images/home/fenix/star6.png);
}

.page-home-cerveja-profana section.detalheCerveja .star1 {
    background-image: url(../images/home/profana/star1.png);
}
.page-home-cerveja-profana section.detalheCerveja .star2 {
    background-image: url(../images/home/profana/star2.png);
}
.page-home-cerveja-profana section.detalheCerveja .star3 {
    background-image: url(../images/home/profana/star3.png);
}
.page-home-cerveja-profana section.detalheCerveja .star4 {
    background-image: url(../images/home/profana/star4.png);
}
.page-home-cerveja-profana section.detalheCerveja .star5 {
    background-image: url(../images/home/profana/star5.png);
}
.page-home-cerveja-profana section.detalheCerveja .star6 {
    background-image: url(../images/home/profana/star6.png);
}
/*
section.detalheCerveja .beerName {
    width: 330px;
    height: 132px;
    background-image: url(../images/home/aurea/aurea-logo.svg);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 49.5%;
    transform: translateX(-50%);
    top: 250px;
}
*/
section.detalheCerveja .beerName {
    width: 330px;
    height: 132px;
    background-image: url(../images/home/aurea/aurea-logo.svg);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 49.5%;
    transform: translateX(-50%);
    /* top: 250px; */
    width: 18vw;
    height: 14vh;
    bottom: 55vh;
}
.page-home-cerveja-fenix section.detalheCerveja .beerName {
    background-image: url(../images/home/fenix/fenix-logo.svg);
    width: 13vw;
    height: 14vh;
    bottom: 55vh;
}
.page-home-cerveja-profana section.detalheCerveja .beerName {
    background-image: url(../images/home/profana/profana-logo.svg);
    width: 21vw;
    height: 17vh;
    bottom: 53vh;
}
section.detalheCerveja .cloud1 {
    width: 381px;
    height: 92px;
    background-image: url(../images/home/aurea/cloud1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 23%;
    left: 10%;
	-webkit-animation:linear infinite alternate;
	-webkit-animation-name: homecloud1;
	-webkit-animation-duration: 67s;
}
@-webkit-keyframes homecloud1 {
    0% { left: -10%;}
    50%{ left : 35%;}
    100%{ left: -10%;}
}
section.detalheCerveja .cloud2 {
	width:518px;
	height:163px;
	background-image:url(../images/home/aurea/cloud2.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	right: -2%;
    top: 46%;
	-webkit-animation:linear infinite alternate;
	-webkit-animation-name: homecloud2;
	-webkit-animation-duration: 60s;
}
@-webkit-keyframes homecloud2 {
    0% { right: -2%;}
    50%{ right: 10%;}
    100%{ right: 25%;}
}
/*section.detalheCerveja .elements .lupulo {
	width:213px;
	height:348px;
	background-image:url(../images/home/aurea/lupulo.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
	position: absolute;
    bottom: 0;
    right: 40%;
	transform: rotate(-14deg);
	-moz-transform: rotate(-14deg);
}*/
section.detalheCerveja .elements .lupulo {
    background-image: url(../images/home/aurea/lupulo.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: -3vh;
    right: 40vw;
    transform: rotate(-14deg);
    -moz-transform: rotate(-14deg);
    width: 11vw;
    height: 37vh;
}
section.detalheCerveja .elements .espiga {
    background-image: url(../images/home/aurea/espiga.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 44vw;
    bottom: -3vh;
    transform: rotate(14deg);
    -moz-transform: rotate(14deg);
    width: 10vw;
    height: 35vh;
}
section.detalheCerveja .elements .angel-left {
    background-image: url(../images/home/aurea/anjo-left.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    transform: rotate(28deg);
    -moz-transform: rotate(28deg);
    width: 19vw;
    height: 33vh;
    left: 34vw;
    top: unset;
    bottom: 26vh;
}
section.detalheCerveja .elements .angel-right {
    background-image: url(../images/home/aurea/anjo-right.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    transform: rotate(-28deg);
    -moz-transform: rotate(-28deg);
    width: 19vw;
    height: 33vh;
    right: 34vw;
    top: unset;
    bottom: 26vh;
}
.page-home-cerveja-fenix .elements .asa {
    /*width: 253px;
    height: 315px;*/
    position: absolute;
    background-image: url(../images/home/fenix/asa.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 44vw;
    bottom: -3vh;
    transform: rotate(14deg);
    -moz-transform: rotate(14deg);
    width: 12vw;
    height: 35vh;
    mix-blend-mode:multiply;
    opacity:.7;
}
.page-home-cerveja-fenix .elements .cereais-fruta {
    position: absolute;
    background-image: url(../images/home/fenix/cereals.png);
    background-size: 83%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    mix-blend-mode: multiply;
    /* opacity: .7; */
    bottom: -3vh;
    right: 40vw;
    transform: rotate(-14deg);
    -moz-transform: rotate(-14deg);
    width: 16vw;
    height: 50vh;
}
.page-home-cerveja-profana .elements .flores {
    background-image: url(../images/home/profana/flores.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    mix-blend-mode: multiply;
    bottom: -3vh;
    left: 40vw;
    transform: rotate(14deg);
    -moz-transform: rotate(14deg);
    width: 16vw;
    height: 50vh;
}
.page-home-cerveja-profana .elements .fruta {
    background-image: url(../images/home/profana/fruta.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    mix-blend-mode: multiply;
    bottom: -3vh;
    right: 40vw;
    transform: rotate(-14deg);
    -moz-transform: rotate(-14deg);
    width: 13vw;
    height: 50vh;
}
section.detalheCerveja .animations .cup {
    position: absolute;
    right: 20vw;
    top: 9vw;
    motion-path: path("M68.6,265.4c2.9-3.1,7.1-4.5,11.3-5.3c16.3-3.2,33,0.6,49.6,0.9c16.6,0.3,35.3-4.6,43.2-19.2c1.4-2.6,2.4-5.5,4.1-7.9c4.2-6.2,12.2-8.9,19.7-8.8c7.5,0.1,14.7,2.5,21.9,4.7c23.9,7.2,48.5,11.7,73.4,13.4c14.7,1,30.2,0.8,42.9-6.7c12.6-7.5,20.6-22,20.8-36.7c0.1-14.7-7.4-29.1-19.1-38c-8.4-6.3-20.2-12.2-19.9-22.8c0.2-6.5,5.4-11.9,11.3-14.6c5.9-2.8,12.4-3.6,18.7-5.2c18.3-4.8,34.5-17.4,43.7-33.9c9.2-16.6,11.2-36.9,5.6-55c-2.1-6.8-5.4-13.4-10.6-18.2c-6-5.6-14.2-8.5-22.3-10.1c-15.7-3.2-32.1-2.5-47.5,2c-21,6.1-39.2,18.9-58.1,29.8s-39.9,20.5-61.7,19.1c-20.3-1.3-38.7-11.9-56.8-21.2S100.4,14,80.4,17.6c-4.8,0.9-9.6,2.5-13.7,5.3c-8.7,6.2-12.6,17.4-12.9,28c-0.3,9.5,1.9,19,6.1,27.4c7.8,15.3,22.8,28.2,22.7,45.4c-0.1,11.4-7.2,21.7-15.9,29s-19,12.5-28.3,19C23.2,182.2,10,196.6,3.7,214s-4.8,38.3,6.5,53c10.1,13.3,26.5,20.3,42.7,24.8c4.8,1.3,9.9,2.5,14.6,1.2c4.8-1.4,8.9-6.1,7.9-11C69.1,278.6,60.8,273.2,68.6,265.4z");
    offset-path: path("M68.6,265.4c2.9-3.1,7.1-4.5,11.3-5.3c16.3-3.2,33,0.6,49.6,0.9c16.6,0.3,35.3-4.6,43.2-19.2c1.4-2.6,2.4-5.5,4.1-7.9c4.2-6.2,12.2-8.9,19.7-8.8c7.5,0.1,14.7,2.5,21.9,4.7c23.9,7.2,48.5,11.7,73.4,13.4c14.7,1,30.2,0.8,42.9-6.7c12.6-7.5,20.6-22,20.8-36.7c0.1-14.7-7.4-29.1-19.1-38c-8.4-6.3-20.2-12.2-19.9-22.8c0.2-6.5,5.4-11.9,11.3-14.6c5.9-2.8,12.4-3.6,18.7-5.2c18.3-4.8,34.5-17.4,43.7-33.9c9.2-16.6,11.2-36.9,5.6-55c-2.1-6.8-5.4-13.4-10.6-18.2c-6-5.6-14.2-8.5-22.3-10.1c-15.7-3.2-32.1-2.5-47.5,2c-21,6.1-39.2,18.9-58.1,29.8s-39.9,20.5-61.7,19.1c-20.3-1.3-38.7-11.9-56.8-21.2S100.4,14,80.4,17.6c-4.8,0.9-9.6,2.5-13.7,5.3c-8.7,6.2-12.6,17.4-12.9,28c-0.3,9.5,1.9,19,6.1,27.4c7.8,15.3,22.8,28.2,22.7,45.4c-0.1,11.4-7.2,21.7-15.9,29s-19,12.5-28.3,19C23.2,182.2,10,196.6,3.7,214s-4.8,38.3,6.5,53c10.1,13.3,26.5,20.3,42.7,24.8c4.8,1.3,9.9,2.5,14.6,1.2c4.8-1.4,8.9-6.1,7.9-11C69.1,278.6,60.8,273.2,68.6,265.4z");
    motion-rotation: reverse;
    animation: cupMove 25s linear infinite;
    offset-rotate: 30deg; /* set angle */
}
@keyframes cupMove {
  100% { 
    motion-offset: 100%;
    offset-distance: 100%;
  }
}
section.detalheCerveja .animations .cup #animCup {
	width:200px;
	height:200px;
}
section.detalheCerveja .animations .fish-left {
    position: absolute;
    /*left: 50%;*/
    top: 70%;
    -webkit-animation:linear infinite alternate;
	-webkit-animation-name: fishLeft;
	-webkit-animation-duration: 15s;
}
@-webkit-keyframes fishLeft {
    0% { left: 25%;}
    50%{ left : 15%;}
    100%{ left: 0%;}
}
section.detalheCerveja .animations .fish-left #animFishLeft {
	width:150px;
	height:150px;
	transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
}
section.detalheCerveja .animations .fish-right {
    position: absolute;
    top: 60%;
-webkit-animation:linear infinite alternate;
	-webkit-animation-name: fishRight;
	-webkit-animation-duration: 25s;
}
@-webkit-keyframes fishRight {
    0% { right: 85%;}
    50%{ right : 65%;}
    100%{ right: 0%;}
}
section.detalheCerveja .animations .fish-right #animFishRight {
	width:100px;
	height:100px;
}
section.detalheCerveja .animations .lupulo {
    position: absolute;
    left: 10vw;
    top: 35vh;
    motion-path: path("M18.45,58.46s52.87-70.07,101.25-.75,101.75-6.23,101.75-6.23S246.38,5.59,165.33,9.08s-15,71.57-94.51,74.56S18.45,58.46,18.45,58.46Z");
    offset-path: path("M18.45,58.46s52.87-70.07,101.25-.75,101.75-6.23,101.75-6.23S246.38,5.59,165.33,9.08s-15,71.57-94.51,74.56S18.45,58.46,18.45,58.46Z");
    motion-rotation: reverse;
    animation: move 3s linear infinite;
    offset-rotate: auto; /* default, faces forward */
    offset-rotate: reverse; /* faces backward */
    offset-rotate: 30deg; /* set angle */
    offset-rotate: auto 30deg; /* combine auto behavior with a set rotation */
}
@keyframes move {
  100% { 
    motion-offset: 100%;
    offset-distance: 100%;
  }
}
.page-home-cerveja-profana section.detalheCerveja .animations .lupulo {
    motion-path: path("M309.9,5.9c-21.3-7.1-44.5-6-66.8-3.4c-40.5,4.7-80.7,14.2-117.7,31.3s-70.9,41.8-95.8,74.1C18.9,121.8,9.8,137.2,5,154.1c-4.5,16-4.9,32.9-4.2,49.6c0.6,14.3,2.1,28.8,7.5,42.1s15,25.4,28.2,31c8.8,3.8,18.5,4.4,28.1,5c34.3,1.9,68.7,2.1,103.1,2.4c26.6,0.2,53.1,0.4,79.6-0.4c10.9-0.4,21.9-0.9,32.2-4.4c12.7-4.3,23.6-12.8,33.9-21.4c20.7-17.3,40.4-35.7,59.1-55.1c8.2-8.5,16.4-17.7,19.7-29c8-27.4-10.9-57.3-14.6-84.2c-3.2-23.6-15.5-46-32.7-62.4C334.8,17.7,323,10.3,309.9,5.9z");
    offset-path: path("M309.9,5.9c-21.3-7.1-44.5-6-66.8-3.4c-40.5,4.7-80.7,14.2-117.7,31.3s-70.9,41.8-95.8,74.1C18.9,121.8,9.8,137.2,5,154.1c-4.5,16-4.9,32.9-4.2,49.6c0.6,14.3,2.1,28.8,7.5,42.1s15,25.4,28.2,31c8.8,3.8,18.5,4.4,28.1,5c34.3,1.9,68.7,2.1,103.1,2.4c26.6,0.2,53.1,0.4,79.6-0.4c10.9-0.4,21.9-0.9,32.2-4.4c12.7-4.3,23.6-12.8,33.9-21.4c20.7-17.3,40.4-35.7,59.1-55.1c8.2-8.5,16.4-17.7,19.7-29c8-27.4-10.9-57.3-14.6-84.2c-3.2-23.6-15.5-46-32.7-62.4C334.8,17.7,323,10.3,309.9,5.9z");
    animation: cupMove 10s linear infinite;
    offset-rotate: 1deg; /* set angle */
}
@keyframes cupMove {
  100% { 
    motion-offset: 100%;
    offset-distance: 100%;
  }
}
section.detalheCerveja .animations .lupulo #animLupulo {
	width:150px;
	height:150px;
	transform: scale(-1, 1);
}
.page-home-cerveja-fenix section.detalheCerveja .animations .lupulo {
    motion-path: path("M3.3,91.9c-7.3,36-0.5,75.7,22.8,104c8.2,10,18.6,18.6,30.9,22.5c9.6,3.1,19.9,3.1,29.9,4.7c23.2,3.6,45,15.7,60.4,33.4c8.6,9.9,15.6,21.8,26.8,28.5c11.8,7,26.4,7,40.1,6.4c30.9-1.5,61.7-5.7,91.9-12.5c14.3-3.2,29-7.3,40.4-16.5c14-11.3,21.3-28.7,29.2-44.9c15.8-32.2,36.9-63.8,37.7-99.6c0.2-10.5-1.6-21.6-8-29.9c-5.1-6.7-12.6-11-19.9-15.2C335.2,44.2,283.6,15,226.6,4.9c-37.2-6.6-75.3-4.8-112.8-0.1C85,8.4,61-11.7,41.4,13.1C23.2,36,9.1,63.1,3.3,91.9z");
    offset-path: path("M3.3,91.9c-7.3,36-0.5,75.7,22.8,104c8.2,10,18.6,18.6,30.9,22.5c9.6,3.1,19.9,3.1,29.9,4.7c23.2,3.6,45,15.7,60.4,33.4c8.6,9.9,15.6,21.8,26.8,28.5c11.8,7,26.4,7,40.1,6.4c30.9-1.5,61.7-5.7,91.9-12.5c14.3-3.2,29-7.3,40.4-16.5c14-11.3,21.3-28.7,29.2-44.9c15.8-32.2,36.9-63.8,37.7-99.6c0.2-10.5-1.6-21.6-8-29.9c-5.1-6.7-12.6-11-19.9-15.2C335.2,44.2,283.6,15,226.6,4.9c-37.2-6.6-75.3-4.8-112.8-0.1C85,8.4,61-11.7,41.4,13.1C23.2,36,9.1,63.1,3.3,91.9z");
    animation: cupMoveLupulo 10s linear infinite;
    offset-rotate: 1deg; /* set angle */
}
@keyframes cupMoveLupulo {
  100% { 
    motion-offset: 100%;
    offset-distance: 100%;
  }
}
.page-home-cerveja-fenix section.detalheCerveja .animations .lupulo #animLupulo {
	width:150px;
	height:150px;
    transform:none;
}
.page-home-cerveja-fenix #animCrab {
    position: absolute;
    bottom: 5%;
    left: 4%;
    width: 200px;
    height: 200px;
}
.page-home-cerveja-fenix #animLupulo2 {
    position: absolute;
    top: 1%;
    left: 1%;
    width: 200px;
    height: 200px;
    motion-path: path("M866.6,513c7-27.2,5.3-56,0.8-83.7c-2.9-18.1-7.2-36.6-17.5-51.8c-10.3-15.2-27.8-26.7-46.1-25.3c-18.3,1.4-35.2,18.9-32,37c26.8,0,43.8-32.8,37.4-58.8c-6.4-26-28.1-45.1-49.8-60.8c-74.3-53.7-163-88.4-254.5-94.3c-91.5-5.9-185.4,17.6-260.7,69.9c-18.4,12.8-36.1,27.4-57.3,34.9c-20.8,7.3-43.5,7.2-65.3,4.2c-32.7-4.5-65.8-15.8-89.1-39.2C-8.4,204.3-8.5,133.5,23.3,85.1s88.7-75.8,145.9-84c4.3-0.6,8.8-1.1,12.9,0.4c4,1.4,7.1,4.5,10,7.5c8.3,8.4,16.5,16.8,24.8,25.2c8.8,9,18,18.6,20.9,30.9c4.6,19.9-8.6,39-19,56.5c-48.6,81.4-45,192.9,14.1,267.1c25.3,31.7,58.9,55.9,93.9,76.3c102.8,59.9,222.5,90.6,341.4,87.6c21.8-0.5,43.7-2.2,65.3,0.3c15.2,1.7,30.1,5.5,44.7,10.2c11.7,3.8,28.2,14.1,40.9,12.3C844.4,571.9,861.1,534.3,866.6,513z");
    offset-path: path("M866.6,513c7-27.2,5.3-56,0.8-83.7c-2.9-18.1-7.2-36.6-17.5-51.8c-10.3-15.2-27.8-26.7-46.1-25.3c-18.3,1.4-35.2,18.9-32,37c26.8,0,43.8-32.8,37.4-58.8c-6.4-26-28.1-45.1-49.8-60.8c-74.3-53.7-163-88.4-254.5-94.3c-91.5-5.9-185.4,17.6-260.7,69.9c-18.4,12.8-36.1,27.4-57.3,34.9c-20.8,7.3-43.5,7.2-65.3,4.2c-32.7-4.5-65.8-15.8-89.1-39.2C-8.4,204.3-8.5,133.5,23.3,85.1s88.7-75.8,145.9-84c4.3-0.6,8.8-1.1,12.9,0.4c4,1.4,7.1,4.5,10,7.5c8.3,8.4,16.5,16.8,24.8,25.2c8.8,9,18,18.6,20.9,30.9c4.6,19.9-8.6,39-19,56.5c-48.6,81.4-45,192.9,14.1,267.1c25.3,31.7,58.9,55.9,93.9,76.3c102.8,59.9,222.5,90.6,341.4,87.6c21.8-0.5,43.7-2.2,65.3,0.3c15.2,1.7,30.1,5.5,44.7,10.2c11.7,3.8,28.2,14.1,40.9,12.3C844.4,571.9,861.1,534.3,866.6,513z");
    animation: cupMoveLupulo2 30s linear infinite;
    offset-rotate: 1deg; /* set angle */
}
@keyframes cupMoveLupulo2 {
  100% { 
    motion-offset: 100%;
    offset-distance: 100%;
  }
}
.page-home-cerveja-profana #animLupulo2 {
    position: absolute;
    bottom: 17%;
    right: 16%;
    width: 200px;
    height: 200px;
    motion-path: path("M68.6,265.4c2.9-3.1,7.1-4.5,11.3-5.3c16.3-3.2,33,0.6,49.6,0.9c16.6,0.3,35.3-4.6,43.2-19.2c1.4-2.6,2.4-5.5,4.1-7.9c4.2-6.2,12.2-8.9,19.7-8.8c7.5,0.1,14.7,2.5,21.9,4.7c23.9,7.2,48.5,11.7,73.4,13.4c14.7,1,30.2,0.8,42.9-6.7c12.6-7.5,20.6-22,20.8-36.7c0.1-14.7-7.4-29.1-19.1-38c-8.4-6.3-20.2-12.2-19.9-22.8c0.2-6.5,5.4-11.9,11.3-14.6c5.9-2.8,12.4-3.6,18.7-5.2c18.3-4.8,34.5-17.4,43.7-33.9c9.2-16.6,11.2-36.9,5.6-55c-2.1-6.8-5.4-13.4-10.6-18.2c-6-5.6-14.2-8.5-22.3-10.1c-15.7-3.2-32.1-2.5-47.5,2c-21,6.1-39.2,18.9-58.1,29.8s-39.9,20.5-61.7,19.1c-20.3-1.3-38.7-11.9-56.8-21.2S100.4,14,80.4,17.6c-4.8,0.9-9.6,2.5-13.7,5.3c-8.7,6.2-12.6,17.4-12.9,28c-0.3,9.5,1.9,19,6.1,27.4c7.8,15.3,22.8,28.2,22.7,45.4c-0.1,11.4-7.2,21.7-15.9,29s-19,12.5-28.3,19C23.2,182.2,10,196.6,3.7,214s-4.8,38.3,6.5,53c10.1,13.3,26.5,20.3,42.7,24.8c4.8,1.3,9.9,2.5,14.6,1.2c4.8-1.4,8.9-6.1,7.9-11C69.1,278.6,60.8,273.2,68.6,265.4z");
    offset-path: path("M68.6,265.4c2.9-3.1,7.1-4.5,11.3-5.3c16.3-3.2,33,0.6,49.6,0.9c16.6,0.3,35.3-4.6,43.2-19.2c1.4-2.6,2.4-5.5,4.1-7.9c4.2-6.2,12.2-8.9,19.7-8.8c7.5,0.1,14.7,2.5,21.9,4.7c23.9,7.2,48.5,11.7,73.4,13.4c14.7,1,30.2,0.8,42.9-6.7c12.6-7.5,20.6-22,20.8-36.7c0.1-14.7-7.4-29.1-19.1-38c-8.4-6.3-20.2-12.2-19.9-22.8c0.2-6.5,5.4-11.9,11.3-14.6c5.9-2.8,12.4-3.6,18.7-5.2c18.3-4.8,34.5-17.4,43.7-33.9c9.2-16.6,11.2-36.9,5.6-55c-2.1-6.8-5.4-13.4-10.6-18.2c-6-5.6-14.2-8.5-22.3-10.1c-15.7-3.2-32.1-2.5-47.5,2c-21,6.1-39.2,18.9-58.1,29.8s-39.9,20.5-61.7,19.1c-20.3-1.3-38.7-11.9-56.8-21.2S100.4,14,80.4,17.6c-4.8,0.9-9.6,2.5-13.7,5.3c-8.7,6.2-12.6,17.4-12.9,28c-0.3,9.5,1.9,19,6.1,27.4c7.8,15.3,22.8,28.2,22.7,45.4c-0.1,11.4-7.2,21.7-15.9,29s-19,12.5-28.3,19C23.2,182.2,10,196.6,3.7,214s-4.8,38.3,6.5,53c10.1,13.3,26.5,20.3,42.7,24.8c4.8,1.3,9.9,2.5,14.6,1.2c4.8-1.4,8.9-6.1,7.9-11C69.1,278.6,60.8,273.2,68.6,265.4z");
    motion-rotation: reverse;
    animation: cupMove 15s linear infinite;
    offset-rotate: 30deg; /* set angle */
}
@keyframes cupMove {
  100% { 
    motion-offset: 100%;
    offset-distance: 100%;
  }
}
.page-home-cerveja-profana #animCup2 {
    width:150px;
    height:150px;
    top:1%;
    left:10%;
    position:absolute;
    motion-path: path("M155.9,5.6c-3.1-1.7-6-3.8-9.3-4.6c-10.9-2.9-20.8,8-24.4,18.7c-3.6,10.7-4.3,22.8-11.3,31.7C96.6,69.5,64.6,64.1,50.1,82.1c-5.1,6.3-7,14.5-10.1,22.1c-11.8,28.8-41.5,51.8-39.4,82.7c0.3,3.9,1.2,8,4.1,10.5c2,1.7,4.6,2.5,7.1,3.2c53.4,15,111.1,28.5,163.4,9.8c5.7-2.1,11.5-4.6,15.9-8.8c10.9-10.4,10.7-27.8,8.3-42.7s-5.9-31,0.8-44.5c3.2-6.5,8.5-11.8,13.1-17.4c16.9-20.9,24-49.3,18.9-75.7C210,16.5,175.5,16.3,155.9,5.6z");
    offset-path: path("M155.9,5.6c-3.1-1.7-6-3.8-9.3-4.6c-10.9-2.9-20.8,8-24.4,18.7c-3.6,10.7-4.3,22.8-11.3,31.7C96.6,69.5,64.6,64.1,50.1,82.1c-5.1,6.3-7,14.5-10.1,22.1c-11.8,28.8-41.5,51.8-39.4,82.7c0.3,3.9,1.2,8,4.1,10.5c2,1.7,4.6,2.5,7.1,3.2c53.4,15,111.1,28.5,163.4,9.8c5.7-2.1,11.5-4.6,15.9-8.8c10.9-10.4,10.7-27.8,8.3-42.7s-5.9-31,0.8-44.5c3.2-6.5,8.5-11.8,13.1-17.4c16.9-20.9,24-49.3,18.9-75.7C210,16.5,175.5,16.3,155.9,5.6z");
    motion-rotation: reverse;
    animation: cupMove 20s linear infinite;
    offset-rotate: 10deg; /* set angle */
}
@keyframes cupMove {
  100% { 
    motion-offset: 100%;
    offset-distance: 100%;
  }
}
.page-home-cerveja-profana #animBird {
    width: 180px;
    height: 170px;
    position: absolute;
    bottom: 3%;
    left: 3%;
}

section.detalheCerveja .buttonTrindade {
    left: 20%;
    bottom: 9%;
    position: absolute;
    z-index:-1;
}


/* especificar tamanho por botão */

/*
.detalheCerveja .button.button-aurea:hover .border-top-bottom-1:before,
.detalheCerveja .button.button-aurea:hover .border-top-bottom-1:after{
	text-decoration:none!important;
	width: 190px;
	transition: all 0.5s ease;
}
.detalheCerveja .button.button-aurea:hover .border-top-bottom-2:before,
.detalheCerveja .button.button-aurea:hover .border-top-bottom-2:after{
	text-decoration:none!important;
	width: 180px;
	transition: all 0.5s ease;
}
.detalheCerveja .button.button-aurea:hover .border-left-right-1:before,
.detalheCerveja .button.button-aurea:hover .border-left-right-1:after{
	text-decoration:none!important;
	height: 103px;
	transition: all 0.5s ease;
}
.detalheCerveja .button.button-aurea:hover .border-left-right-2:before,
.detalheCerveja .button.button-aurea:hover .border-left-right-2:after{
	text-decoration:none!important;
	height: 96px;
	transition: all 0.5s ease;
} */


section.detalheCerveja .button.button-profana {
    left: 20%;
    bottom: 9%;
    position: absolute;
}
/* especificar tamanho por botão */
.detalheCerveja .button.button-profana:hover .border-top-bottom-1:before,
.detalheCerveja .button.button-profana:hover .border-top-bottom-1:after{
	text-decoration:none!important;
	width: 190px;
	transition: all 0.5s ease;
}
.detalheCerveja .button.button-profana:hover .border-top-bottom-2:before,
.detalheCerveja .button.button-profana:hover .border-top-bottom-2:after{
	text-decoration:none!important;
	width: 180px;
	transition: all 0.5s ease;
}
.detalheCerveja .button.button-profana:hover .border-left-right-1:before,
.detalheCerveja .button.button-profana:hover .border-left-right-1:after{
	text-decoration:none!important;
	height: 103px;
	transition: all 0.5s ease;
}
.detalheCerveja .button.button-profana:hover .border-left-right-2:before,
.detalheCerveja .button.button-profana:hover .border-left-right-2:after{
	text-decoration:none!important;
	height: 96px;
	transition: all 0.5s ease;
}


section.detalheCerveja .button.button-fenix {
    left: 20%;
    bottom: 9%;
    position: absolute;
}
/* especificar tamanho por botão */
.detalheCerveja .button.button-fenix:hover .border-top-bottom-1:before,
.detalheCerveja .button.button-fenix:hover .border-top-bottom-1:after{
	text-decoration:none!important;
	width: 190px;
	transition: all 0.5s ease;
}
.detalheCerveja .button.button-fenix:hover .border-top-bottom-2:before,
.detalheCerveja .button.button-fenix:hover .border-top-bottom-2:after{
	text-decoration:none!important;
	width: 180px;
	transition: all 0.5s ease;
}
.detalheCerveja .button.button-fenix:hover .border-left-right-1:before,
.detalheCerveja .button.button-fenix:hover .border-left-right-1:after{
	text-decoration:none!important;
	height: 103px;
	transition: all 0.5s ease;
}
.detalheCerveja .button.button-fenix:hover .border-left-right-2:before,
.detalheCerveja .button.button-fenix:hover .border-left-right-2:after{
	text-decoration:none!important;
	height: 96px;
	transition: all 0.5s ease;
}

.listagemCervejas {
	height: 100vh;
	text-align: center;
	/*margin-top: 400px;*/
	/*padding-top:400px;*/
	background: rgb(118,205,212);
	background: -webkit-linear-gradient(rgba(118,205,212,1) 0%, rgba(166,217,193,1) 100%);
	background: -o-linear-gradient(rgba(118,205,212,1) 0%, rgba(166,217,193,1) 100%);
	background: linear-gradient(rgba(118,205,212,1) 0%, rgba(166,217,193,1) 100%);
	/*position:relative;*/ /* Remove a garrafa do sítio no scroll down */
    overflow:visible;
}
.page-home-cerveja-profana .listagemCervejas {
    background: rgb(191,216,137);
    background: linear-gradient(180deg, rgba(191,216,137,1) 0%, rgba(200,211,148,1) 100%);
}
.page-home-cerveja-fenix .listagemCervejas {
    background: rgba(248,220,123,1);
    background: linear-gradient(180deg, rgba(248,220,123,1) 0%, rgba(248,220,123,1) 100%);
}
.listagemCervejas .backgroundClouds {
	position:relative;
}
.listagemCervejas .backgroundCloudsMobile {
	opacity:0;
}
.listagemCervejas .backgroundClouds .nuvemEsq {
	position:absolute;
	width:734px;
	height:197px;
	background-image:url(../images/home/nuvem-bottle.png);
	background-size:100% auto;
	background-position: center center;
	background-repeat:no-repeat;
}
.listagemCervejas .backgroundClouds .nuvemEsq.active {
    -webkit-animation:linear infinite alternate;
	-webkit-animation-name: nuvemEsquerda;
	-webkit-animation-duration: 67s;
}
@-webkit-keyframes nuvemEsquerda {
    0% { left: -10%;}
    50%{ left : 95%;}
    100%{ left: -10%;}
}
.listagemCervejas .backgroundClouds .nuvemDir {
	position:absolute;
	width:482px;
	height:116px;
	background-image:url(../images/home/nuvem-bottle2.png);
	background-size:100% auto;
	background-position: center center;
	background-repeat:no-repeat;
	right:25px;
	top:215px;
}
.listagemCervejas .backgroundClouds .nuvemDir.active {
    -webkit-animation:linear infinite alternate;
	-webkit-animation-name: nuvemDireita;
	-webkit-animation-duration: 60s;
}
@-webkit-keyframes nuvemDireita {
    0% { right: 1%;}
    50%{ right: 10%;}
    100%{ right: 25%;}
}

.listagemCervejas .button.button-cervejas {
	margin-top: 500px;
}
/* especificar tamanho por botão */
.listagemCervejas .button.button-cervejas:hover .border-top-bottom-1:before,
.listagemCervejas .button.button-cervejas:hover .border-top-bottom-1:after{
	text-decoration:none!important;
	width: 190px;
	transition: all 0.5s ease;
}
.listagemCervejas .button.button-cervejas:hover .border-top-bottom-2:before,
.listagemCervejas .button.button-cervejas:hover .border-top-bottom-2:after{
	text-decoration:none!important;
	width: 180px;
	transition: all 0.5s ease;
}
.listagemCervejas .button.button-cervejas:hover .border-left-right-1:before,
.listagemCervejas .button.button-cervejas:hover .border-left-right-1:after{
	text-decoration:none!important;
	height: 103px;
	transition: all 0.5s ease;
}
.listagemCervejas .button.button-cervejas:hover .border-left-right-2:before,
.listagemCervejas .button.button-cervejas:hover .border-left-right-2:after{
	text-decoration:none!important;
	height: 96px;
	transition: all 0.5s ease;
}
.listagemCervejas .cervejas {
    width: 80%;
    height: auto;
    height: 50vh;
    position: relative;
    margin: 0 auto;
    padding-top:50vh;
}
.listagemCervejas .cervejas .garrafaLeft {
	/*left: 15%;*/
    left:0;
}

.listagemCervejas .cervejas .garrafaCenter {
	left: 50%;
	transform: translateX(-50%);
}

.listagemCervejas .cervejas .garrafaRight {
	/*float: right;
	right: 15%;*/
    right:0;
}

.listagemCervejas .cervejas .garrafaLeft, 
.listagemCervejas .cervejas .garrafaCenter, 
.listagemCervejas .cervejas .garrafaRight {
	/*width: 400px;
	height: 465px;
	position: absolute;*/
    width: calc(100% / 3);
    height:46vh;
    position: absolute;
    
}
/*
.listagemCervejas .cervejas .garrafaWrapper .garrafa {
	left: 50%;
	transform: translate(-50%);
	bottom: 10px;
	position: absolute;
	width: 130px;
}*/
.listagemCervejas .cervejas .garrafaWrapper .garrafa {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    height: 46vh;
    width: auto;
}
.listagemCervejas .cervejas .garrafaWrapper .garrafa-link {
    text-decoration: none;
    color: #fff !important;
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 400;
    font-size: 22px;
    display: none;
    position: absolute;
    bottom: 5vh;
    left: 50%;
    transform: translateX(-50%);
    line-height:5px;
}
.garrafaSel.final .garrafaWrapper .garrafa-link .stroke1, 
.listagemCervejas .cervejas .garrafaWrapper .garrafa-link .stroke1 {
    width:50%;
    height:2px;
    background-color:#fff;
    display: inline-block;
    -ms-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
    float:left;
    margin-top:15px;
}
.garrafaSel.final .garrafaWrapper .garrafa-link .stroke-empty, 
.listagemCervejas .cervejas .garrafaWrapper .garrafa-link .stroke-empty {
    width: 10%;
    height: 2px;
    background-color: transparent;
    display: inline-block;
    float: left;
    margin-top:15px;
    -ms-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.garrafaSel.final .garrafaWrapper .garrafa-link .stroke3, 
.listagemCervejas .cervejas .garrafaWrapper .garrafa-link .stroke3 {
    width:20%;
    height:2px;
    background-color:#fff;
    display: inline-block;
    float:left;
    margin-top:15px;
    -ms-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.garrafaSel.final .garrafaWrapper .garrafa-link:hover .stroke1, 
.listagemCervejas .cervejas .garrafaWrapper .garrafa-link:hover .stroke1 {
    width:50%;
}
.garrafaSel.final .garrafaWrapper .garrafa-link:hover .stroke-empty, 
.listagemCervejas .cervejas .garrafaWrapper .garrafa-link:hover .stroke-empty {
    width:0%;
}
.garrafaSel.final .garrafaWrapper .garrafa-link:hover .stroke3, 
.listagemCervejas .cervejas .garrafaWrapper .garrafa-link:hover .stroke3 {
    width:50%;
}
.listagemCervejas .cervejas .garrafaWrapper .sombra {
    left: 50%;
    transform: translate(-50%);
    bottom: -0.5vh;
    position: absolute;
    width: 8vw;
    height:auto;
}
.listagemCervejas .cervejas .animWrapper {
	margin: 0 auto;
}
.listagemCervejas .cervejas .animWrapper .sunbeams {
    display: none;
    width: 400px;
    margin-top: 0;
    position: absolute;
    left: 50%;
    top: -5vh;
    transform: translateX(-50%);
}
section.seeAllBeers {
    padding-top:0;
    background-color:rgba(166,217,193,1);
    text-align: center;
}
.page-home-cerveja-profana section.seeAllBeers {
    background-color:rgba(200,211,148,1); 
}
.page-home-cerveja-fenix section.seeAllBeers {
    background-color:rgba(248,220,123,1); 
}
section.seeAllBeers .button-cervejas {
    float:none;
    margin:0 auto;
}
section.seeAllBeers .buttonTrindade {
    margin-top:90px;
}
section.historia {
	position:relative;
	background: rgb(166,217,193);
	background: -webkit-linear-gradient(rgba(166,217,193,1) 0%, rgba(169,218,192,1) 100%);
	background: -o-linear-gradient(rgba(166,217,193,1) 0%, rgba(169,218,192,1) 100%);
	background: linear-gradient(rgba(166,217,193,1) 0%, rgba(169,218,192,1) 100%);
	text-align: center;
    padding-top:150px;
    padding-bottom:150px;
    overflow-x:hidden;
}
.page-home-cerveja-profana section.historia {
    background: rgb(200,211,148);
    background: linear-gradient(180deg, rgba(200,211,148,1) 0%, rgba(213,205,162,1) 100%);
}
.page-home-cerveja-fenix section.historia {
    background: rgba(248,220,123,1);
    background: linear-gradient(180deg, rgba(248,220,123,1) 0%, rgba(216,219,164,1) 100%);
}
section.historia #animWatch {
    width: 710px;
    height: 495px;
    margin: 0 auto;
}
section.historia .fadeContainer {
    position:relative;
}
section.historia .fadeContainer .topFade {
    z-index: 1;
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    top: 0px;
    background: rgb(169,218,192);
    background: linear-gradient(180deg, rgba(169,218,192,1) 0%, rgba(169,218,192,1) 43%, rgba(169,218,192,0) 100%);
}
.page-home-cerveja-profana section.historia .fadeContainer .topFade {
    background: rgba(200,211,148,1);
    background: linear-gradient(180deg, rgba(200,211,148,1) 0%, rgba(200,211,148,1) 43%, rgba(200,211,148,0) 100%);
}
.page-home-cerveja-fenix section.historia .fadeContainer .topFade {
    background: rgb(248,220,123);
    background: linear-gradient(180deg, rgba(248,220,123,1) 0%, rgba(248,220,123,1) 43%, rgba(248,220,123,0) 100%);
}
section.historia .fadeContainer .bottomFade {
    z-index: 1;
    width: 100%;
    height: 54%;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: rgb(169,218,192);
    background: linear-gradient(360deg, rgba(169,218,192,1) 0%, rgba(169,218,192,1) 43%, rgba(169,218,192,0) 100%);
}
.page-home-cerveja-profana section.historia .fadeContainer .bottomFade{
    background: rgba(209,207,158,1);
    background: linear-gradient(360deg, rgba(209,207,158,1) 0%, rgba(209,207,158,1) 43%, rgba(209,207,158,0) 100%);
}
.page-home-cerveja-fenix section.historia .fadeContainer .bottomFade {
    background: rgba(225,219,151,1);
    background: linear-gradient(360deg, rgba(225,219,151,1) 0%, rgba(225,219,151,1) 43%, rgba(225,219,151,0) 100%);
}
section.historia .clouds {
	width:100%;
	height:100%;
	/*background: rgb(155,214,198);
	background: -webkit-linear-gradient(rgba(155,214,198,1) 0%, rgba(155,214,198,0) 50%, rgba(178,220,189,1) 100%);
	background: -o-linear-gradient(rgba(155,214,198,1) 0%, rgba(155,214,198,0) 50%, rgba(178,220,189,1) 100%);
	background: linear-gradient(rgba(155,214,198,1) 0%, rgba(155,214,198,0) 50%, rgba(178,220,189,1) 100%);
	display:inline-block;*/
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
section.historia .clouds .relogio-nuvem-1 {
    width: 733px;
    height: 197px;
    background-image: url(../images/home/relogio-left-1.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    top: 30vh;
    left: 8%;
    position: absolute;
    z-index: 4;
}
section.historia .clouds .relogio-nuvem-2 {
    width: 482px;
    height: 116px;
    background-image: url(../images/home/relogio-left-2.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    top: 58vh;
    left: 26%;
    position: absolute;
    z-index: 4;
}
section.historia .clouds .relogio-nuvem-3 {
    width: 482px;
    height: 116px;
    background-image: url(../images/home/relogio-right-1.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    top: 36vh;
    right:0;
    position: absolute;
    z-index: 4;
}
section.historia .clouds .relogio-nuvem-4 {
    width: 517px;
    height: 163px;
    background-image: url(../images/home/relogio-right-2.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    top: 64vh;
    right: 22%;
    position: absolute;
    z-index: 4;
}
section.historia .buttonTrindade {
    margin-top: 50px;
    opacity:.4;
}
.jogoSecreto {
	position:Relative;
	text-align:center;
	background: rgb(169,218,192);
	background: -webkit-linear-gradient(rgba(169,218,192,1) 0%, rgba(197,227,184,1) 100%);
	background: -o-linear-gradient(rgba(169,218,192,1) 0%, rgba(197,227,184,1) 100%);
	background: linear-gradient(rgba(169,218,192,1) 0%, rgba(197,227,184,1) 100%);
    overflow-x:hidden;
}
.page-home-cerveja-profana .jogoSecreto {
    background: rgb(213,205,162);
    background: linear-gradient(180deg, rgba(213,205,162,1) 0%, rgba(224,200,176,1) 100%);
}
.page-home-cerveja-fenix .jogoSecreto {
    background: rgba(216,219,164,1);
    background: linear-gradient(180deg, rgba(216,219,164,1) 0%, rgba(200,218,185,1) 100%);
    
}
.jogoSecreto .container {
	position:relative;
}
.jogoSecreto .container svg {
	margin:0 auto;
	width:606px;
	/*width:auto;*/
	height:699px;
	overflow:visible;
	position: relative;
    z-index: 3;
    pointer-events: none;
}
.jogoSecreto .container svg #drag {
	max-width:15px!important;
    pointer-events: all;
}

.jogoSecreto .oval {
  fill: #B89F83;
}

.jogoSecreto .arrow {
  fill: #fff;
}

.jogoSecreto .path {
  fill: none;
  stroke: #B89F83;
}
.jogoSecreto .brindeEsquerda {
	/*width:645px;
	height:733px;
	background-image:url(../images/home/brinde-esquerda.png);
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:-2%;
    z-index:3;*/
    width: 50vw;
    height: 100vh;
    background-image: url(../images/home/brinde-esquerda.png);
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -24vw;
    z-index: 3;
    background-size: 52% auto;
}
.jogoSecreto .brindeDireita {
	/*width:645px;
	height:733px;*/
    width: 50vw;
    height: 100vh;
	background-image:url(../images/home/brinde-direita.png);
	background-repeat:no-repeat;
	background-position:left center;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:-24vw;
    z-index:3;
    background-size: 52% auto;
}
.jogoSecreto .buttonTrindade {
    margin: 0 auto;
    float: none;
    margin-top: 100px;
    margin-bottom: 100px;
}
.jogoSecreto .ritual {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
	margin:0;
}
.jogoSecreto .ritual h1 {
    color: rgba(255,255,255,.3);
    margin: 0;
    font-size: 126px;
    line-height: 115px;
    margin-top: 10px;
}
.instagram {
	background: rgb(197,227,184);
    background: linear-gradient(180deg, rgba(197,227,184,1) 0%, rgba(245,242,171,1) 100%);
}
.page-home-cerveja-profana .instagram {
    background: rgb(224,200,176);
    background: linear-gradient(180deg, rgba(224,200,176,1) 0%, rgba(233,196,186,1) 100%); 
}
.page-home-cerveja-fenix .instagram {
    background: rgb(224,200,176);
    background: linear-gradient(180deg, rgba(200,218,185,1) 0%, #B5DAD1 100%);
}
.instagram .imagesWrapper {
    /*height: 1106px;*/
    height: 114vh;
    width: 100%;
    position: relative;
    /*max-width: 1130px;*/
    max-width:59vw;
    margin: 0 auto;
}
.instagram .instagramImage1 {
    /*
	width: 519px;
    height: 519px;*/
    width: 260px;
    height: 260px;
    background-image:url(../images/home/instagram1.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
    position: absolute;
    left: 9vw;
    top: 0;
}
.instagram .instagramImage2 {
    /*width: 517px;
    height: 517px;*/
    width:400px;
    height:400px;
    background-image:url(../images/home/instagram2.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
    position: absolute;
    right: 0;
    top: 25vh;
    top:20vh;
}
.instagram .instagramImage3 {
	/*width: 517px;
    height: 517px;*/
	width: 100px;
    height: 100px;
    background-image:url(../images/home/instagram3.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
    position: absolute;
    left: 0;
    /*top: 44vh;*/
    top:40vh;
}
.instagram h2 {
	font-size:135px;
	color:#F7F4B0;
	mix-blend-mode: hard-light;
	position:absolute;
	transform:translateX(-50%);
	left:50%;
	top:21%;
	font-family:"veneerregular";
	font-weight:400;
	width:100%;
	text-align: center;
}
.follow-us {
    position: absolute;
    right: 10vw;
    top: 10vh;
    font-family: "blackest-text-regular",sans-serif;
}
.newsletter {
	display: none!important;
    position: fixed;
    /*left: 90%;*/
    /*left:100%;*/
    right:-21vw;
    /*left:unset;*/
    top: 50%;
    transform: translateY(-50%);
    width: 400px;
    height: 400px;
	z-index: 101;
}
.newsletter .newsletter-title {
	position: absolute;
    top: 80%;
    transform: rotate(-12deg);
    left: 38%;
    font-family:"blackest-text-regular";
    font-weight:400;
    font-size:30px;
    cursor:pointer;
}
.newsletter #animNewsletter {
	position: relative;
	width: 100%;
	height:100%;
	transform: rotate(-10deg);
    cursor:pointer;
}
.newsletter-form-open {
	/*width:0%;
	height:0%;*/
    width:0px;
    height:0px;
    border-radius:50%;
	background-color:#F8DC7B;
	position:fixed;
	left:85%;
	top:25%;
    transform:translate(0,0);
	z-index: 100;
	display:block;
    -ms-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
/*#newsletter-svg {
    width:20px;
    height:20px;
    position:fixed;
    top:200px;
    left:70%;
}*/
.newsletter-form-open.open {
    width:3000px;
    height:3000px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.newsletter-form-open .newsletterContentWrapper {
    max-width:40%;
    top:50%;
    left:50%;
    transform:Translate(-50%,-50%);
    position:absolute;
    opacity:0;
}
.newsletter-form-open .newsletterContentWrapper h3 {
    font-family:"veneerregular";
    font-weight:400;
    font-size:60px;
    line-height:55px;
    text-align: center;
}
.newsletter-form-open .newsletterContentWrapper .description {
    font-family:"blackest-text-regular";
    font-size:20px;
    font-weight:400;
    
}
.page-template-page-home .newsletter-close { 
	display: none;
	cursor:pointer;
	position: fixed;
    top: 5%;
    right: 5%;
	background-image:url(../images/close.svg);
	background-size:100%;
	background-position:center center;
	background-repeat:no-repeat;
    width: 30px;
    height: 30px;
	z-index: 101;
}


/*******************************************************************************************
MEDIA QUERIES
*******************************************************************************************/
@media all and (max-width:1700px) {
    
    .muralCervejas .slide .garrafa {
        bottom:-10%;
    }
    .muralCervejas .slide .garrafa img.lid {
        /*height: auto;
        width: 88px;
        top: -10px;*/
    }
    /*.muralCervejas .slide .garrafa img.bottle {
        width: 153px;
        height: 538px;
    }*/
    .muralCervejas .section-scroll {
        left: 57.7%;
    }
    .instagram h2 {
        font-size:110px;
    }
}
@media all and (max-width:1540px) {
    
    .muralCervejas .slide .garrafa {
        bottom: -7%;
    }
    .muralCervejas .slide .garrafa img.lid {
        /*height: auto;
        width: 68px;
        top: -8px;*/
    }
    .muralCervejas button#previous.aurea .arrowLeft,
    .muralCervejas button#next.aurea .arrowRight,
    .muralCervejas button#previous.fenix .arrowLeft,
    .muralCervejas button#next.fenix .arrowRight,
    .muralCervejas button#previous.profana .arrowLeft,
    .muralCervejas button#next.profana .arrowRight {
        width:35px;
        height:45px;
        background-size:35px;
    }
    .muralCervejas .slide #animFiguraGarrafa1,
    .muralCervejas .slide #animFiguraGarrafa2,
    .muralCervejas .slide #animFiguraGarrafa3 {
        width:600px;
        height:600px;
    }
    .muralCervejas .slide #animElemGarrafa1 {
        width:400px;
        height:400px;
    }
    .muralCervejas .slide #animElemGarrafa2,
    .muralCervejas .slide #animElemGarrafa3 {
        width:300px!important;
        height:300px!important;
    }
    section.detalheCerveja .buttonTrindade {
        left: 15%;
    }
    section.detalheCerveja .animations .cup #animCup {
        width: 170px;
        height: 170px;
    }
    .page-home-cerveja-fenix #animCrab {
        position: absolute;
        bottom: 1%;
        left: 1%;
        width: 135px;
        height: 135px;
    }
    
    .page-home-cerveja-profana .elements .flores {
        
    }
    .page-home-cerveja-profana .elements .fruta {

    }
    section.detalheCerveja .beerName,
    .page-home-cerveja-fenix section.detalheCerveja .beerName,
    .page-home-cerveja-profana section.detalheCerveja .beerName {
        height:18vh;
    }
    section.detalheCerveja .arc,
    .page-home-cerveja-fenix section.detalheCerveja .arc,
    .page-home-cerveja-profana section.detalheCerveja .arc {
        height:75vh;
    }
    section.detalheCerveja .elements .angel-left,
    section.detalheCerveja .elements .angel-right {
        height:39vh;
    }
    .cerveja-destaque-fundo .beerContent {
        max-width: 33%;
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        padding-left: 200px;
    }
    .cerveja-destaque-fundo .beerContent .beerDescription {
        padding-top: 60px;
        padding-left: 0;
        text-align: left;
    }
    .jogoSecreto .ritual h1 {
        color: rgba(255,255,255,.3);
        margin: 0;
        font-size: 90px;
        line-height: 90px;
        margin-top: 20px;
    }
    .jogoSecreto .buttonTrindade {
        margin: 0 auto;
        float: none;
        margin-top: 30px;
        margin-bottom: 100px;
    }
    .newsletter #animNewsletter {
        width:100%;
        height:100%;
    }
    .newsletter {
        width:20vw;
        height:20vh;
    }
    .newsletter .newsletter-title {
        position: absolute;
        top: 100%;
        transform: rotate(-12deg);
        left: 37%;
        font-family: "blackest-text-regular";
        font-weight: 400;
        font-size: 20px;
        cursor: pointer;
    }
    .follow-us {
        right:3vw;
    }

}

@media all and (max-width:1500px) {
    
    .instagram .instagramImage2 {
        width:300px;
        height:300px;
    }
    
}

@media all and (max-width:1370px) {
    
    body {
      touch-action: pan-x pan-y;
    }
    
    .muralCervejas button#previous.aurea .arrowLeft, 
    .muralCervejas button#next.aurea .arrowRight, 
    .muralCervejas button#previous.fenix .arrowLeft, 
    .muralCervejas button#next.fenix .arrowRight, 
    .muralCervejas button#previous.profana .arrowLeft, 
    .muralCervejas button#next.profana .arrowRight {
        width: 30px;
        height: 40px;
        background-size:30px;
    }
    .muralCervejas .slide .garrafa {
        bottom:-8%;
    }
    .muralCervejas .section-scroll {
        left: 57%;
    }
    .muralCervejas .slideAurea .section-scroll .scroll,
    .muralCervejas .slideFenix .section-scroll .scroll,
    .muralCervejas .slideProfana .section-scroll .scroll {
        font-size:12px;
    }
    section.detalheCerveja .arc {
        bottom: 10vh;
    } 
    .page-home-cerveja-fenix section.detalheCerveja .arc,
    .page-home-cerveja-profana section.detalheCerveja .arc {
        bottom:9vh;
    }
    .page-home-cerveja-profana section.detalheCerveja .beerName {
        width: 18vw;
        height: 17vh;
        bottom: 53vh;
    }
    section.detalheCerveja .cloud2 {
        background-size:72%;
    }
    section.detalheCerveja .animations .fish-left #animFishLeft {
        width:150px;
    }
    .page-home-cerveja-profana .elements .flores {
        
    }
    .page-home-cerveja-profana .elements .fruta {
        
    }
    .cerveja-destaque-fundo .beerContent .beerLogo {
        width: 340px;
        height: 180px;
        background-image: url(../images/home/albert-logo.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: Center center;
    }
    .cerveja-destaque-fundo .beerContent {
        max-width: 42%;
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        padding-left: 250px;
    }
    .cerveja-destaque-fundo .close {
        background-size: auto 60%;
    }
    section.historia #animWatch {
        width: 45vw;
        height: 50vh;
        margin: 0 auto;
    }
    .follow-us {
        right:5vw;
    }
    .cerveja-destaque-fundo .beerContent .beerDescription p {
        font-size:17px;
    }
    .newsletter-form-open .newsletterContentWrapper h3 {
        font-size:50px;
        line-height:45px;
    }
    .newsletter-form-open .newsletterContentWrapper .description {
        font-size:16px;
    }
    
}

/*IPAD PRO - ORIENTAÇÃO LANDSCAPE*/
@media screen and (max-width:1370px) and (min-height:900px) and (orientation:landscape) {
    
    .muralBackground {
        display:none;
    }
    .slideAurea {
        background: url(../images/home/arco-aurea.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 43% auto;
    }
    .slideFenix {
        background: url(../images/home/arco-fenix.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 43% auto;
    }
    .slideProfana {
        background: url(../images/home/arco-profana.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 43% auto;
    }
    .muralCervejas button#previous.aurea, 
    .muralCervejas button#previous.fenix, 
    .muralCervejas button#previous.profana, 
    .muralCervejas button#next.aurea, 
    .muralCervejas button#next.fenix, 
    .muralCervejas button#next.profana {
        width: 35%;
        background-size: 30% auto;
        height: calc(100% - 180px);
    }
    .muralCervejas button#previous.aurea:before, 
    .muralCervejas button#previous.fenix:before, 
    .muralCervejas button#previous.profana:before, 
    .muralCervejas button#next.aurea:before, 
    .muralCervejas button#next.fenix:before, 
    .muralCervejas button#next.profana:before {
        display:none;
    }
    .muralCervejas button#previous.aurea {
        background-image: url(../images/home/cornucopia-hover-aurea-left.png);
    }
    .muralCervejas button#previous.aurea .arrowLeft {
        background-image: url(../images/home/prev-aurea-hover.svg);  
    }
    .muralCervejas button#next.aurea {
        background-image: url(../images/home/cornucopia-hover-aurea-right.png);
    }
    .muralCervejas button#next.aurea .arrowRight {
        background-image: url(../images/home/next-aurea-hover.svg);  
    }
    .muralCervejas button#previous.fenix {
        background-image: url(../images/home/cornucopia-hover-fenix-left.png);
    }
    .muralCervejas button#previous.fenix .arrowLeft {
        background-image: url(../images/home/prev-fenix-hover.svg);  
    }
    .muralCervejas button#next.fenix {
        background-image: url(../images/home/cornucopia-hover-fenix-right.png);
    }
    .muralCervejas button#next.fenix .arrowRight {
        background-image: url(../images/home/next-fenix-hover.svg);  
    }
     .muralCervejas button#previous.profana {
        background-image: url(../images/home/cornucopia-hover-profana-left.png);
    }
    .muralCervejas button#previous.profana .arrowLeft {
        background-image: url(../images/home/prev-profana-hover.svg);  
    }
    .muralCervejas button#next.profana {
        background-image: url(../images/home/cornucopia-hover-profana-right.png);
    }
    .muralCervejas button#next.profana .arrowRight {
        background-image: url(../images/home/next-profana-hover.svg);  
    }
    .muralCervejas .section-scroll {
        left: 58.5%;
    }
    section.detalheCerveja .buttonTrindade {
        left: 6%;
    }
    section.detalheCerveja .buttonTrindade {
        left: 15%;
    }
    section.detalheCerveja .elements .lupulo {
        background-image: url(../images/home/aurea/lupulo.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: -7vh;
        right: 40vw;
        transform: rotate(-14deg);
        -moz-transform: rotate(-14deg);
        width: 14vw;
        height: 40vh;
    }
    section.detalheCerveja .elements .espiga {
        background-image: url(../images/home/aurea/espiga.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: 44vw;
        bottom: -3vh;
        transform: rotate(14deg);
        -moz-transform: rotate(14deg);
        width: 14vw;
        height: 35vh;
    }
    .muralCervejas .slide #animFiguraGarrafa1,
    .muralCervejas .slide #animFiguraGarrafa2,
    .muralCervejas .slide #animFiguraGarrafa3 {
        width:850px;
        height:850px;
    }
    .muralCervejas .slide #animElemGarrafa1,
    .muralCervejas .slide #animElemGarrafa2,
    .muralCervejas .slide #animElemGarrafa3 {
        width:500px;
        height:500px;
    }
    section.detalheCerveja .arc {
        width: 42vw;
    }
    .page-home-cerveja-fenix section.detalheCerveja .arc {
        width: 42vw;
    }
    section.detalheCerveja .elements .angel-left,
    section.detalheCerveja .elements .angel-right {
        width: 26vw;
        height: 34vh;
    }
    section.detalheCerveja .beerName {
        width: 26vw;
        height: 19vh;
        bottom: 52vh;
    }
    .page-home-cerveja-fenix section.detalheCerveja .beerName {
        width: 19vw;
        height: 19vh;
        bottom: 52vh;
    }
    .page-home-cerveja-fenix .elements .asa {
        background-image: url(../images/home/fenix/asa.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: 44vw;
        bottom: -3vh;
        transform: rotate(14deg);
        -moz-transform: rotate(14deg);
        width: 14vw;
        height: 35vh;
    }
    .page-home-cerveja-fenix .elements .cereais-fruta {
        background-image: url(../images/home/fenix/cereals.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: -7vh;
        right: 40vw;
        transform: rotate(-14deg);
        -moz-transform: rotate(-14deg);
        width: 14vw;
        height: 40vh;
    }
    .page-home-cerveja-profana .elements .flores {
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: 44vw;
        bottom: -3vh;
        transform: rotate(14deg);
        -moz-transform: rotate(14deg);
        width: 14vw;
        height: 35vh;
    }
    .page-home-cerveja-profana .elements .fruta {
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        bottom: -7vh;
        right: 40vw;
        transform: rotate(-14deg);
        -moz-transform: rotate(-14deg);
        width: 14vw;
        height: 40vh;
    }
    .instagram .instagramImage3 {
        top:33vh;
    }
    .newsletter .newsletter-title {
        position: absolute;
        top: 93%;
        transform: rotate(-12deg);
        left: 38%;
        font-size: 20px;
    }
}


@media all and (max-width:1000px) {
    
    .slide .muralBackground {
        display:none;
    }
    .slideAurea {
        background: url(../images/home/arco-aurea.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 57% auto;
    }
    .slideProfana {
        background: url(../images/home/arco-profana.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 57% auto;
    }
    .slideFenix {
        background: url(../images/home/arco-fenix.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 57% auto;
    }
    .muralCervejas button#previous.aurea,
    .muralCervejas button#previous.fenix,
    .muralCervejas button#previous.profana,
    .muralCervejas button#next.aurea,
    .muralCervejas button#next.fenix,
    .muralCervejas button#next.profana {
        width: 35%;
        background-size: 30% auto;
    }
    .muralCervejas button#previous.aurea:before,
    .muralCervejas button#previous.fenix:before,
    .muralCervejas button#previous.profana:before,
    .muralCervejas button#next.aurea:before,
    .muralCervejas button#next.fenix:before, 
    .muralCervejas button#next.profana:before {
        background-size: 30% auto;
    }
    .muralCervejas button#previous .arrowLeft {
        left:30%!important;
    }
    .muralCervejas button#next .arrowRight {
        right:30%!important;
    }
    .muralCervejas .section-scroll {
        left: 60%;
    }
}

/*IPAD PRO - ORIENTAÇÃO PORTRAIT*/
@media screen and (max-width:1024px) and (min-height:1100px) and (orientation:portrait) {

    .slide .muralBackground {
        display:none;
    }
    .slideAurea {
        background: url(../images/home/arco-aurea.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 57% auto;
    }
    .slideProfana {
        background: url(../images/home/arco-profana.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 57% auto;
    }
    .slideFenix {
        background: url(../images/home/arco-fenix.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 57% auto;
    }
    .muralCervejas button#previous.aurea,
    .muralCervejas button#previous.fenix,
    .muralCervejas button#previous.profana,
    .muralCervejas button#next.aurea,
    .muralCervejas button#next.fenix,
    .muralCervejas button#next.profana {
        width: 35%;
        background-size: 30% auto;
    }
    .muralCervejas button#previous.aurea:before,
    .muralCervejas button#previous.fenix:before,
    .muralCervejas button#previous.profana:before,
    .muralCervejas button#next.aurea:before,
    .muralCervejas button#next.fenix:before, 
    .muralCervejas button#next.profana:before {
        background-size: 30% auto;
    }
    .muralCervejas button#previous .arrowLeft {
        left:30%!important;
    }
    .muralCervejas button#next .arrowRight {
        right:30%!important;
    }
    .muralCervejas .section-scroll {
        left: 60%;
    }
    section.detalheCerveja .arc {
        bottom: 13vh;
    }
    .page-home-cerveja-fenix section.detalheCerveja .arc {
        bottom:13vh;
    }
    
    section.historia .clouds .relogio-nuvem-1 {
        top:14vh;
    }
    section.historia .clouds .relogio-nuvem-2 {
        top:35vh;
    }
    section.historia .clouds .relogio-nuvem-3 {
        top:27vh;
    }
    section.historia .clouds .relogio-nuvem-4 {
        top:40vh;
    }
    .jogoSecreto .brindeEsquerda {
        left:-35vw;
    }
    .jogoSecreto .brindeDireita {
        right:-35vw;
    }
    .jogoSecreto .container svg #drag {
        
    }
    imagesWrapper {
        max-width:85vw;
    } 
    .newsletter {
        width: 30vw;
        height: 25vh;
    }
    .newsletter .newsletter-title {
        position: absolute;
        top: 79%;
        transform: rotate(-12deg);
        left: 35%;
        font-family: "blackest-text-regular";
        font-weight: 400;
        font-size: 24px;
        cursor: pointer;
    }
}

/*ORIENTAÇÃO LANDSCAPE*/
@media screen and (max-width:1024px) and (min-height:650px) and (orientation:landscape) {
    
      .slide .muralBackground {
        display:none;
    }
    .slideAurea {
        background: url(../images/home/arco-aurea.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 40% auto;
    }
    .slideProfana {
        background: url(../images/home/arco-profana.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 40% auto;
    }
    .slideFenix {
        background: url(../images/home/arco-fenix.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 40% auto;
    }
    .muralCervejas button#previous.aurea,
    .muralCervejas button#previous.fenix,
    .muralCervejas button#previous.profana,
    .muralCervejas button#next.aurea,
    .muralCervejas button#next.fenix,
    .muralCervejas button#next.profana {
        width: 35%;
        background-size: 30% auto;
    }
    .muralCervejas button#previous.aurea:before,
    .muralCervejas button#previous.fenix:before,
    .muralCervejas button#previous.profana:before,
    .muralCervejas button#next.aurea:before,
    .muralCervejas button#next.fenix:before, 
    .muralCervejas button#next.profana:before {
        background-size: 30% auto;
    }
    .muralCervejas button#previous .arrowLeft {
        left:30%!important;
    }
    .muralCervejas button#next .arrowRight {
        right:30%!important;
    }
    .muralCervejas .section-scroll {
        left: 60%;
    }
    section.detalheCerveja .buttonTrindade {
        left: 6%;
    }
    .page-home-cerveja-fenix #animCrab {
        display:none;
    }
    section.detalheCerveja .beerName {
        width:15vw;
    }
    .page-home-cerveja-fenix section.detalheCerveja .beerName {
        width: 11vw;
    }
    section.historia .clouds .relogio-nuvem-1 {
        width: 45vw;
        height: 20vh;
        top: 25vh;
    }
    section.historia .clouds .relogio-nuvem-3 {
        width: 20vw;
        height: 20vh;
    }
    section.historia .clouds .relogio-nuvem-2 {
        width: 31vw;
        height: 20vh;
    }
    section.historia .clouds .relogio-nuvem-4 {
        display: none;
    }
    .jogoSecreto .brindeEsquerda {
        left:-32vw;
    }
    .jogoSecreto .brindeDireita {
        right:-32vw;
    }
    .instagram .imagesWrapper {
        max-width:73vw;
    }
    .newsletter .newsletter-title {
        position: absolute;
        top: 93%;
        transform: rotate(-12deg);
        left: 37%;
        font-family: "blackest-text-regular";
        font-weight: 400;
        font-size: 15px;
        cursor: pointer;
    }
    
}

/* ORIENTAÇÃO PORTRAIT */
@media all and (max-width:1024px) and (orientation: portrait) {
    
    button#previous, button#next {
        background-image:none!important;
        width:30px!important;
        height:40px!important;
    }
    .muralCervejas button#previous.aurea, 
    .muralCervejas button#previous.fenix, 
    .muralCervejas button#previous.profana, 
    .muralCervejas button#next.aurea, 
    .muralCervejas button#next.fenix, 
    .muralCervejas button#next.profana {
        width: 35%;
        background-size: 30% auto;
        top: 74%;
        transform: translateY(-50%);
    }
    .muralCervejas button#previous.aurea:before, 
    .muralCervejas button#previous.fenix:before, 
    .muralCervejas button#previous.profana:before, 
    .muralCervejas button#next.aurea:before, 
    .muralCervejas button#next.fenix:before, 
    .muralCervejas button#next.profana:before {
        display:none;
    }
    .muralCervejas button#previous.aurea, 
    .muralCervejas button#previous.fenix, 
    .muralCervejas button#previous.profana {
        left: 29%;
    }    
    .muralCervejas button#next.aurea, 
    .muralCervejas button#next.fenix, 
    .muralCervejas button#next.profana {
        right: 29%;
    }
    .slideAurea, .slideProfana, .slideFenix {
        background-size: 75% auto;
    } 
    .muralCervejas .section-scroll {
        left: 68%;
    }
    .muralCervejas .slide .garrafa img.lid {
        /*height: auto;
        width: 125px;
        top: -12px;*/
    }
    .muralCervejas .slide #animFiguraGarrafa1,
    .muralCervejas .slide #animFiguraGarrafa2,
    .muralCervejas .slide #animFiguraGarrafa3 {
        width:850px;
		height:850px;
    }
    .muralCervejas .slide #animElemGarrafa1 {
        width:500px;
        height:500px;
    }
    section.detalheCerveja .arc {
       /* top: unset;
        width: 560px;
        height: 590;
        bottom: 360px;*/
    }
    section.detalheCerveja .buttonTrindade {
        left: 7%;
    }
    section.detalheCerveja .arc {
        width:60vw;
    }
    .page-home-cerveja-fenix section.detalheCerveja .arc {
        width:57vw;
    }
    section.detalheCerveja .beerName {
        width:35vw;
    }
    .page-home-cerveja-fenix section.detalheCerveja .beerName {
        width:26vw;
    }
    .page-home-cerveja-profana section.detalheCerveja .beerName {
        width: 37vw;
        height: 21vh;
        bottom: 53vh;
    }
    section.detalheCerveja .elements .angel-left,
    section.detalheCerveja .elements .angel-right {
        width: 40vw;
        height: 40vh;
    }
    section.detalheCerveja .elements .espiga {
        width: 25vw;
        height: 35vh;
    }
    section.detalheCerveja .elements .lupulo {
        width: 25vw;
        height: 37vh;
    }
    .page-home-cerveja-fenix .elements .asa {
        width: 25vw;
        height: 35vh;
    }
    .page-home-cerveja-fenix .elements .cereais-fruta {
        width: 25vw;
        height: 37vh;
    }
    .listagemCervejas .cervejas .garrafaWrapper .garrafa {
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        height: 38vh;
        width: auto;
    }
    .page-home-cerveja-profana .elements .flores {
        width: 25vw;
        height: 35vh;
    }
    .page-home-cerveja-profana .elements .fruta {
        width: 25vw;
        height: 37vh;
        background-position: 7vw center;
    }
    .listagemCervejas .cervejas .garrafaLeft, 
    .listagemCervejas .cervejas .garrafaCenter, 
    .listagemCervejas .cervejas .garrafaRight {
        width: calc(100% / 3);
        height: 38vh;
        position: absolute;
    }
    .garrafaSel.final {
        height:38vh;
    }
    .cerveja-destaque.open .cerveja-imagem {
        width: 75px;
    }
    .cerveja-destaque-fundo .beerContent {
        padding-left: 160px;
    }
    section.historia #animWatch {
        width: 78vw;
        height: 50vh;
        margin: 0 auto;
    }
    .instagram .imagesWrapper {
        max-width: 75vw;
        height:75vh;
    }
    .instagram .instagramImage3 {
       top: 24vh;
    }
    .instagram .instagramImage2 { 
        top: 15vh;
    }
    .instagram h2 {
        top: 15%;
        font-size: 90px;
    }
}

@media all and (max-width:768px) and (orientation: portrait) {
    

    section.detalheCerveja .buttonTrindade {
        display: none;
    }
    section.detalheCerveja .animations .lupulo {
        position: absolute;
        left: 6vw;
        top: 10vh;
    }
    section.detalheCerveja .animations .cup {
        position: absolute;
        right: 0vw;
        top: 6vw;
    }
    section.detalheCerveja .arc {
        bottom: 13vh;
    }
    .page-home-cerveja-fenix section.detalheCerveja .arc {
        bottom:11vh;
        width:60vw;
    }
    .page-home-cerveja-profana section.detalheCerveja .arc {
        bottom:11vh;
        width:60vw;
    }
    .listagemCervejas {
        /*position:fixed;*/
        width:100%;
        max-width:100vw;
        height:auto;
        top:0;
        overflow:hidden;
    }
    .listagemCervejas .cervejas {
        width: 100%;
        height: auto;
        height: inherit;
        position: relative;
        margin: 0 auto;
    }
    .listagemCervejas .cervejas .garrafaLeft, 
    .listagemCervejas .cervejas .garrafaCenter, 
    .listagemCervejas .cervejas .garrafaRight {
        width: 100%;
        height: 50vh;
        position: relative;
    }
    .listagemCervejas .cervejas .garrafaWrapper .sombra {
        left: 50%;
        transform: translateX(-50%);
        height: auto;
        position: absolute;
        width: 17.5vw;
        top: 36.5vh;
    }
    .listagemCervejas .cervejas .garrafaWrapper .garrafa-link {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 42vh;
        display: block;
        opacity: 0;
    }
    .listagemCervejas .cervejas .animWrapper .sunbeams {
        position: absolute;
        top: -4vh;
        left: 50%;
        transform: TranslateX(-50%);
        display: block;
        opacity: 1;
        margin-top: unset;
    }
    .cerveja-destaque-fundo .beerContent {
        max-width: 40vw;
        height: auto;
        position: absolute;
        left: 40vw;
        top: 50%;
        transform: translate(0,-50%);
        padding-left: 0;
    }
    .cerveja-destaque.open .cerveja-imagem {
        width: 150px;
    }
    section.historia .clouds .relogio-nuvem-1 {
        top: 15vh;
    }
    section.historia .clouds .relogio-nuvem-2 {
        top: 53vh;
    }
    section.historia .clouds .relogio-nuvem-3 {
        top:36vh;
    }
    section.historia .clouds .relogio-nuvem-4 {
        display: none;
    }
    .jogoSecreto .container svg {
        margin: 0 auto;
        width: 60vw;
        /* width: auto; */
        height: 50vh;
        overflow: visible;
        position: relative;
        z-index: 3;
    }
    .jogoSecreto .brindeEsquerda {
        left: -29vw;
        background-size: 68% auto;
    }
    .jogoSecreto .brindeDireita {
        right: -29vw;
        background-size: 68% auto;
    }
    .jogoSecreto .ritual h1 {
        color: rgba(255,255,255,.3);
        margin: 0;
        font-size: 63px;
        line-height: 66px;
        margin-top: 30px;
    }
    .follow-us {
        right: 0vw;
    }
    .instagram h2 {
        top: 15%;
        font-size: 70px;
    }
    .instagram .instagramImage1 {
        width:150px;
        height:150px;
    }
    .instagram .instagramImage2 {
        width: 150px;
        height:150px;
    }
    .instagram .instagramImage3 {
        width:50px;
        height:50px;
    }
    .newsletter {
        width: 30vw;
        height: 15vh;
    }
}

@media all and (max-width: 767px) and (orientation: portrait) {
    
    .slideAurea, .slideProfana, .slideFenix {
        background-size: 100% auto;
    }
    .muralCervejas .slide .garrafa {
        bottom: -2%;
    }
    .muralCervejas .slide .garrafa img.lid {
        /*height: auto;
        width: 60px;
        top: -8px;*/
    }
    /*
    .muralCervejas .slide .garrafa img.bottle {
        width: 125px;
        height: 436px;
    }*/
    .muralCervejas button#previous.aurea, 
    .muralCervejas button#previous.fenix, 
    .muralCervejas button#previous.profana {
        left: 20%;
    }
    .muralCervejas button#next.aurea, 
    .muralCervejas button#next.fenix, 
    .muralCervejas button#next.profana {
        right: 20%;
    }
    .muralCervejas .section-scroll {
        left: 71%;
        bottom: 20px;
    }
    .muralCervejas button#previous.aurea, 
    .muralCervejas button#previous.fenix, 
    .muralCervejas button#previous.profana, 
    .muralCervejas button#next.aurea, 
    .muralCervejas button#next.fenix, 
    .muralCervejas button#next.profana {
        top:65%;
    }
    .muralCervejas button#previous.aurea:hover .arrowLeft {
        background-image: url(../images/home/prev-aurea.svg);
        animation:none;
    }
    .muralCervejas button#previous.fenix:hover .arrowLeft {
        background-image: url(../images/home/prev-fenix.svg);
        animation:none;
    }
    .muralCervejas button#previous.profana:hover .arrowLeft {
        background-image: url(../images/home/prev-profana.svg);
        animation:none;
    }
    .muralCervejas button#next.aurea:hover .arrowRight {
        background-image: url(../images/home/next-aurea.svg);
        animation:none;
    }
    .muralCervejas button#next.fenix:hover .arrowRight {
        background-image: url(../images/home/next-fenix.svg);
        animation:none;
    }
    .muralCervejas button#next.profana:hover .arrowRight {
        background-image: url(../images/home/next-profana.svg);
        animation:none;
    }
    /*
    section.detalheCerveja .beerName {
        top: unset;
        bottom: 335px;
    }*/
    section.detalheCerveja .arc {
       /* top: unset;
        width: 350px;
        height: 369px;
        bottom: 100px;*/
    }
    /*
    section.detalheCerveja .beerName {
        width: 228px;
        height: 85px;
    }*/
    /*
    section.detalheCerveja .elements .angel-left, 
    section.detalheCerveja .elements .angel-right {
        width: 250px;
        height: 250px;
        top: 43%;
    }*/
    section.detalheCerveja .animations .fish-right #animFishRight,
    section.detalheCerveja .animations .fish-left #animFishLeft {
        width:90px;
    }
    section.detalheCerveja .animations .cup #animCup {
        width: 120px;
        height: 120px;
    }
    .page-home-cerveja-profana #animLupulo2 {
        width:120px;
        height:120px;
    }
    .page-home-cerveja-fenix #animLupulo2 {
        width:120px;
        height:120px;
    }
    .page-home-cerveja-profana #animLupulo2 {
        width:120px;
        height:120px;
    }	
	.listagemCervejas .backgroundCloudsMobile .nuvemEsq {
		position:fixed;
		width:734px;
		height:197px;
		background-image:url(../images/home/nuvem-bottle.png);
		background-size:100% auto;
		background-position: center center;
		background-repeat:no-repeat;
		left:10vw;
		top:60vh;
	}
	.listagemCervejas .backgroundCloudsMobile .nuvemEsq.active {
		-webkit-animation:linear infinite alternate;
		-webkit-animation-name: nuvemEsquerda;
		-webkit-animation-duration: 67s;
	}
	@-webkit-keyframes nuvemEsquerda {
		0% { left: -10%;}
		50%{ left : 95%;}
		100%{ left: -10%;}
	}
	.listagemCervejas .backgroundCloudsMobile .nuvemDir {
		position:fixed;
		width:482px;
		height:116px;
		background-image:url(../images/home/nuvem-bottle2.png);
		background-size:100% auto;
		background-position: center center;
		background-repeat:no-repeat;
		right:10vw;
		top:40vh;
	}
	.listagemCervejas .backgroundCloudsMobile .nuvemDir.active {
		-webkit-animation:linear infinite alternate;
		-webkit-animation-name: nuvemDireita;
		-webkit-animation-duration: 60s;
	}
	@-webkit-keyframes nuvemDireita {
		0% { right: 1%;}
		50%{ right: 10%;}
		100%{ right: 25%;}
	}
    section.historia #animWatch {
        width: 90vw;
        height: 30vh;
        margin: 0 auto;
    }
    section.historia .buttonTrindade {
        margin-top:35px;
    }
    section.historia .clouds .relogio-nuvem-1 {
        width: 70vw;
        height: 20vh;
        top: 25vh;
    }
    section.historia .clouds .relogio-nuvem-3 {
        width: 40vw;
        height: 20vh;
    }
    section.historia .clouds .relogio-nuvem-2 {
        width: 51vw;
        height: 20vh;
    }

}

@media all and (max-width:600px) {
    
    .newsletter {
        width: 45vw;
        height: 20vh;
        right:-50vw;
        position: fixed;
    }
    
    .newsletter .newsletter-title {
        position: absolute;
        top: 91%;
        transform: rotate(-12deg);
        left: 35%;
        font-family: "blackest-text-regular";
        font-weight: 400;
        font-size: 15px;
        cursor: pointer;
    }
    
    .instagram .instagramImage3 {
        top:18vh;
    }
    
    
    
}

@media all and (max-height: 450px) and (orientation: landscape) {
    
    /*
    .muralCervejas .slide .garrafa img.bottle {
        width: 80px;
        height: 279px;
    }*/
    .muralCervejas .slide .garrafa img.lid {
        /*height: auto;
        width: 40px;
        top: -8px;*/
    }
    
}

@media all and (max-width:450px) and (orientation: portrait) {
    
    /*******
    TEMPORÁRIO
    */
    

    /*
    .listagemCervejas .backgroundClouds,
    .listagemCervejas .backgroundCloudsMobile {
        display: none;
    }
    */
    
    
    /*******
    fim TEMPORÁRIO
    */
    .page-home-cerveja-profana section.detalheCerveja .star2 {
        display: none;
    }
    section.detalheCerveja .arc {
        width: 80vw;
        /*bottom: 6vh;*/
        bottom:0;
        height:72vh;
    }
    .page-home-cerveja-fenix section.detalheCerveja .arc {
        width: 80vw;
        bottom: 0vh;
        height:72vh;
    }
    .page-home-cerveja-profana section.detalheCerveja .arc {
        width: 80vw;
        bottom: 0vh;
        height:72vh;
    }
    section.detalheCerveja .arc {
        background-image: url(../images/home/aurea/arc-aurea-mobile.svg);
    }
    .page-home-cerveja-profana section.detalheCerveja .arc {
        background-image: url(../images/home/profana/arc-profana-mobile.svg);
    }
    .page-home-cerveja-fenix section.detalheCerveja .arc {
        background-image: url(../images/home/fenix/arc-fenix-mobile.svg);
    }
    section.detalheCerveja .beerName {
        display: none;
    }
    section.detalheCerveja .starDust {
        background-image: url(../images/home/aurea/star-dust-branco.png);
        background-size: 60%;
        background-position: center center;
        background-repeat: no-repeat;
        width: 375px;
        height: 375px;
        opacity: .55;
    }
    section.detalheCerveja .star1,
    section.detalheCerveja .star2,
    section.detalheCerveja .star3,
    section.detalheCerveja .star4,
    section.detalheCerveja .star5,
    section.detalheCerveja .star6 {
        background-size:60%;
    }
    section.detalheCerveja .star5 {
        left:90%;
    }
    section.detalheCerveja .background .sparkle {
        background-size: 68%;
        width:100vw;
        height:100vh;
    }
    section.detalheCerveja .elements .angel-left, 
    section.detalheCerveja .elements .angel-right {
        width: 55vw;
        height: 55vh;
    }
    .muralCervejas .slide #animFiguraGarrafa1,
    .muralCervejas .slide #animFiguraGarrafa2,
    .muralCervejas .slide #animFiguraGarrafa3 {
        width:570px!important;
		height:570px!important;
    }
    .muralCervejas .slide #animElemGarrafa1,
    .muralCervejas .slide #animElemGarrafa2,
    .muralCervejas .slide #animElemGarrafa3 {
        width:300px!important;
        height:300px!important;
    }
    .muralCervejas .slide .garrafa img.bottle, 
    #main .garrafaSel .bottle {
        width: auto;
        height: 56vh;
    }
    #main .garrafaSel {
        height:56vh;
    }
    .muralCervejas .slide .garrafa img.lid {
        height:2.8vh;
    }
    section.detalheCerveja .elements .espiga,
    section.detalheCerveja .elements .lupulo,
    .page-home-cerveja-fenix .elements .asa,
    .page-home-cerveja-fenix .elements .lupulo,
    .page-home-cerveja-profana .elements .flores,
    .page-home-cerveja-profana .elements .fruta {
        display: none;
    }
    section.detalheCerveja .elements .angel-left, 
    section.detalheCerveja .elements .angel-right {
        /*bottom: 13vh;*/
        bottom:5vh;
    }
    section.detalheCerveja .animations .lupulo {
        display: none;
    }
    section.detalheCerveja .elements .angel-left {
        left:2vw;
    }
    section.detalheCerveja .elements .angel-right {
        right:2vw;
    }
    section.detalheCerveja .animations .cup {
        position: absolute;
        right: 90vw;
        top: 50vw;
    }
    .page-home-cerveja-profana #animBird {
        width: 180px;
        height: 170px;
        position: absolute;
        bottom: -1vh;
        left: 3vw;
    }
    section.detalheCerveja .animations .fish-right {
        top:26vh;
    }
    .page-home-cerveja-fenix #animLupulo2 {
        top:50vh;
        left:50vw;
    }
    .listagemCervejas .cervejas .garrafaWrapper .sombra {
        left: 50%;
        transform: translateX(-50%);
        height: auto;
        position: absolute;
        width: 26.5vw;
        top: 36.9vh;
    }
    .cerveja-destaque {
        width: 50px;
        height: 135px;
        /* background-image: url(../images/home/albert.png); */
        background-size: auto 100%;
        background-position: center center;
        background-repeat: no-repeat;
        position: fixed;
        bottom: 10px;
        right: -100vh;
        z-index: 3;
        cursor: pointer;
    }
    .cerveja-destaque .cerveja-imagem {
        width: 50px;
        height: 135px;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .cerveja-destaque #animBandeira {
        width:120px;
        height:120px;
        position:Absolute;
        top:0px;
        left:unset;
        right:17px;
        transform:rotate(-44deg);
    }
    .page-home-cerveja-fenix #animCrab {
        width:90px;
        height:90px;
    }
    .page-home-cerveja-profana #animBird {
        width: 110px;
        height: 110px;
    }
    .page-home-cerveja-profana #animCup2 {
        width: 110px;
        height: 110px;
    }
    .cerveja-destaque .cerveja-imagem:before {
        content: "";
        width: 110px;
        height: 155px;
        position: absolute;
        bottom: 0;
        transform: none;
        /* right: -6px; */
        left: 50%;
        background: rgb(255,255,255);
        background: radial-gradient(rgba(255,255,255,1) 18%, rgba(255,255,255,.9) 10%, rgba(255,255,255,0) 50%);
        z-index: -1;
        transform: translate(-50%,-50%);
        top: 50%;
    }
    .cerveja-destaque.open .cerveja-imagem {
        width: 50px;
    }
    .jogoSecreto .brindeEsquerda {
        left: -29vw;
        background-size: 80% auto;
        top: 0vh;
        transform: translateY(0);
        height:52vh;
        z-index:1;
    }
    .jogoSecreto .brindeDireita {
        right: -29vw;
        background-size: 80% auto;
        top: 0vh;
        transform: translateY(0);
        height:52vh;
        z-index:1;
    }
    .jogoSecreto .container svg {
        width: 80vw;
    }
    .jogoSecreto .ritual h1 {
        color: rgba(255,255,255,.3);
        margin: 0;
        font-size: 41px;
        line-height: 45px;
        margin-top: 30px;
    }
    .instagram {
        padding-top:10vh;
    }
    .instagram .instagramImage1 {
        width:50px;
        height:50px;
    }
    .instagram .instagramImage2 {
        width: 50px;
        height:50px;
        top:9vh;
    }
    .instagram .instagramImage3 {
        width:25px;
        height:25px;
    }
    .instagram h2 {
        font-size:40px;
    }
    .instagram .imagesWrapper {
        height:50vh;
    }
    .follow-us {
        position: absolute;
        right: 10vw;
        top: -10vh;
        left: 50%;
        font-family: "blackest-text-regular",sans-serif;
        transform: TranslateX(-50%);
        width: 100%;
        text-align: center;
    }
    .cerveja-destaque-fundo {
        background: radial-gradient(circle, rgba(255,255,255,1) 25%, rgba(255,255,255,0.3) 90%, rgba(255,255,255,0) 100%);
    }
    .cerveja-destaque-fundo .beerContent {
        max-width: 50vw;
    }
    .cerveja-destaque-fundo .beerContent .beerDescription {
        padding-top: 0;
        padding-left: 15px;
        text-align: left;
    }
    .cerveja-destaque-fundo .beerContent .beerDescription p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 30px;
    }
    .cerveja-destaque-fundo .beerContent .beerLogo {
        width: 30vw;
        height: 30vw;
        margin-left: 15px;
    }
    .cerveja-destaque-fundo .close {
        top: 0;
        right: 0;
    }
    .newsletter-form-open .newsletterContentWrapper {
        max-width: 85vw;
        text-align: center;
    }
    .newsletter-form-open .newsletterContentWrapper h3 {
        font-size:25px;
        line-height:28px;
    }
}

@media all and (max-width: 360px) and (orientation: portrait) {
    
    .muralCervejas button#previous.aurea, 
    .muralCervejas button#previous.fenix, 
    .muralCervejas button#previous.profana, 
    .muralCervejas button#next.aurea, 
    .muralCervejas button#next.fenix, 
    .muralCervejas button#next.profana {
        top: 60%;
    }
    
}

@media all and (max-width:360px) and (max-height:639px) {
    section.detalheCerveja .arc, 
    .page-home-cerveja-fenix section.detalheCerveja .arc, 
    .page-home-cerveja-profana section.detalheCerveja .arc {
        height: 66vh;
        bottom:0vh;
    }
}

@media all and (max-width: 325px) and (orientation:portrait) {
    /*
    .muralCervejas .slide .garrafa img.bottle {
        width: 100px;
        height: 349px;
    }*/
    .muralCervejas .slide .garrafa img.lid {
        /*height: auto;
        width: 50px;
        top: -8px;*/
    }
    /*
    section.detalheCerveja .beerName {
        top: unset;
        bottom: 260px;
        width: 165px;
        height: 85px;
    }*/
    section.detalheCerveja .arc,
    .page-home-cerveja-fenix section.detalheCerveja .arc {
        width:70vw;
    }
    section.detalheCerveja .elements .angel-left, 
    section.detalheCerveja .elements .angel-right {
        width:50vw;
    }
    .muralCervejas button#previous.aurea .arrowLeft, 
    .muralCervejas button#next.aurea .arrowRight, 
    .muralCervejas button#previous.fenix .arrowLeft, 
    .muralCervejas button#next.fenix .arrowRight, 
    .muralCervejas button#previous.profana .arrowLeft, 
    .muralCervejas button#next.profana .arrowRight {
        background-size:20px;
    }
    
}

@media all and (max-height: 900px) and (orientation:portrait) {
    section.seeAllBeers .buttonTrindade {
        margin-top: 35px;
    }
    section.detalheCerveja .cloud1 {
        width: 235px;
        top:33%;
    }
    section.detalheCerveja .cloud2 {
        width: 369px;
        top:54%;
    }
    .listagemCervejas .backgroundCloudsMobile .nuvemEsq {
        width:200px;
    }
    .listagemCervejas .backgroundCloudsMobile .nuvemDir {
        width:250px;
    }
    .listagemCervejas .backgroundClouds .nuvemEsq {
        width:200px;
    }
    .listagemCervejas .backgroundClouds .nuvemDir {
        width:200px;
    }
    
}

@media all and (max-height: 750px) and (orientation:portrait) {
    
    .muralCervejas .section-scroll {
        left: 71%;
        bottom: 80px;
    }
    .muralCervejas button#previous.aurea, .muralCervejas button#previous.fenix, .muralCervejas button#previous.profana, .muralCervejas button#next.aurea, .muralCervejas button#next.fenix, .muralCervejas button#next.profana {
        top: 55%;
    }
    
}