/* FONT FACE */

@font-face {
  font-family: 'amsipro-black';
  src: url('../fonts/amsiprocond-black-webfont.woff2') format('woff2'),
       url('../fonts/amsiprocond-black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'amsipro-regular';
  src: url('../fonts/amsiprocond-regular-webfont.woff2') format('woff2'),
       url('../fonts/amsiprocond-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}





body {
  font: 16px 'amsipro-regular', sans-serif;
  color: #FFF;
  background: #040303;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0px;
  overflow: hidden;
}

input, textarea, button {color: #000; }

strong{color: inherit;}

.fa{ vertical-align: inherit; }

a {
  color: #FFF;
  text-decoration: none;

  transition: all .2s linear;
  -webkit-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
}
a:hover{color: #FFF;}


h1{ font-size: 50px; line-height: 51px; margin: 0px auto; text-align: center; font-family: 'amsipro-black'; }
h2{ font-size: 21px; line-height: 25px; margin: 20px 0; }

ul{list-style-type: none;}

hr{ height:3px; background:#FFF; width: 100%; margin: 0px auto; border: none; }

section{ min-height: 670px; }

/*-----------
  CLASSES
-------------*/

.relative{position: relative}

.wrap { width: 1200px; margin: 0 auto; padding: 0 15px; }
.wrap.menor { width: 830px; }
.wrap.medium { width: 920px; }
.wrap:before, .wrap:after { content: " "; display: table; }
.wrap:after {clear: both;}

.right { float: right; }
.left { float: left; }
.floatL { float: left; }
.floatR { float: right; }
.clear { clear: both; }

.txtVerde{color: #008f4f;}


/*--------
  HEADER
----------*/

header { position: fixed; z-index: 103; transition: all .3s linear; height:72px; width: 100%; background: #002418; box-shadow: 0 0 6px 0 rgba(0,0,0,0.2); }
header nav { padding: 0; }
header .nav { z-index: 99; background: none; }
header .nav-item{ padding: 26px 0 0 0; margin: 0 20px 0; font-size: 19px; align-items: inherit; color: #FFF; font-family: 'amsipro-black'; }
header a.nav-item{ position: relative; z-index: 1; }
header a.nav-item:hover{ color: #055a46; }
header .nav-item.current{ color: #055a46; }

header .logo{ width: 138px; height: 26px; background: url(../img/patagonia-logo.png) no-repeat; display: block; overflow: hidden; text-indent: -9999px; margin: 26px 0 0 20px; 
  padding: 0; background-size: cover;}

header .nav-menu{ position: relative; }

.nav-left{overflow: inherit; }
.nav-right a{ font-size: 26px; margin: 24px 17px 0 0; }
.nav-right a:hover{ color: #055a46; }
.nav-right div{ background: url(../img/emporio-da-cerveja-icon-white.png) no-repeat top center; height: 25px; width: 25px; background-size: cover; transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear;}
.nav-right div:hover{ background-image: url(../img/emporio-da-cerveja-icon-green.png); }
.brahma-header { width: 22px; }

.nav-toggle{ top: 30px; }
.nav-toggle:hover span{ background: #008f4f; }
.nav-toggle span{ transition: all 0.2s linear; }


.arrow-down {position: absolute; top: 72px; left: 32px; margin: 0 auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;
  border-top: 10px solid #FFF;

  transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}



/* HARMONIZACAO */
.container_slide{position: relative; }
.container_slide .cycle-over{ background: rgba(0,0,0,0.5); top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 101; }
.container_slide .cycle-prev, .container_slide .cycle-next{ position: absolute; top: 45%; width: 30px; height: 53px; background-size: cover; z-index: 200; cursor: pointer;
  opacity: 0.8;
}
.container_slide .cycle-prev:hover, .container_slide .cycle-next:hover{ opacity: 1; }
.container_slide .cycle-prev{ background-image: url(../img/seta-esquerda-banner.png); left: 20px; }
.container_slide .cycle-next{ background-image: url(../img/seta-direita-banner.png); right: 20px; }

.container_slide .wrap{ height: 100%; }

.banner{width: 100%; max-width: 150%; display: block;}
.cycle-slideshow{height: 100%; }
.cycle-slideshow li{width: 100%; height: 100%; background-position: center !important; background-size: cover !important;}



/* ENTRADA 18 ANOS */

.entrada{ background: url(../img/bg-entrada.jpg) center top; background-size: cover; height:100%; position: absolute; width: 100%; padding: 0;}
.entrada .wrap{ height: 100%;}
.entrada .columns{ position: absolute; width: 100%; top: 50%; margin-top: -245px; left: 0;}
.entrada .logo{ margin-top: 30px; }
.entrada h1{ margin-top: 50px; font-size: 40px; }
.entrada a{ background: #FFF; padding: 15px 50px; color: #000; font-size: 26px; font-weight: 700; margin: 20px 10px; display: inline-block; }
.entrada a:hover{ background: #055a46; color: #FFF; }




/* HOME */

.intro{ background: url(../img/bg-home-new.jpg) center top; background-size: cover; margin-top: 72px; height:880px; position: relative; padding: 0;}
.intro img{ margin-top: 150px; }
.intro i{ position: absolute; bottom: 60px; left: 50%; font-size: 65px; z-index: 101; height: 40px; width: 40px; display: block; margin-left: -20px; }

.sobre-nos{ background: url(../img/bg-sobre-nos.jpg) center top; background-size: cover; height:730px; font-size: 27px; line-height: 35px;}
.sobre-nos hr{ margin-top: 26px; }
.sobre-nos .wrap { position: relative; height: 100%; }
.sobre-nosConteudo{ position: absolute; top: 50%; margin-top: -250px; left:0; }
.sobre-nos-texto .destaque{ font-size: 33px; color: #f2af3f; font-weight: 700; }
.sobre-nos-texto .destaque-2{ font-size: 44px; color: #f2af3f; font-family: 'amsipro-black'; }


.nossas-cervejas{ background: url(../img/bg-cervejas.jpg) center top; background-size: cover; font-size: 30px; line-height: 45px;}
.nossas-cervejas hr{ margin-top: 26px; }
.container-nossas-cervejas{ position: absolute; width: 100%; top: 50%; margin-top: -295px; left: 0;}
#nossas-cervejas-visible{ margin-top: 10px; }


.box-nossas-cervejas a{ display: block; position: relative; transition: all 0.3s cubic-bezier(.54,.18,.13,1); }
.box-nossas-cervejas h1{ position: absolute; width: 100%; bottom: 7px; font-size: 30px; } 
.box-nossas-cervejas h1.toup{ bottom: 10px; } 
.box-nossas-cervejas h1.toupper{ bottom: 11px; }
.box-nossas-cervejas .mais{ position: absolute; height: 25px; width: 25px; top: 47%; margin-top: -12px; right: 17px; background: #FFF; border-radius: 15px; line-height: 25px; 
  color: #000; font-weight: 700; font-size: 30px; transition: all 0.6s cubic-bezier(0.77,0,.175,1)} 

.box-nossas-cervejas a:hover .mais{ transform: scale(1.7) rotate(180deg); }
.box-nossas-cervejas a:hover { transform: scale(1.08); }


.lb-nossas-cervejas{ background: rgba(1,41,31,0.9); width: 460px; height: 460px; border-radius: 230px;  }
.lb-nossas-cervejas .texto-banner{ text-align: center; font-size: 18px; line-height: 24px; color: #FFF; padding-top: 50px;}

.fancybox-skin{ background: none !important; }
.fancybox-inner{ overflow: hidden !important; }
.fancybox-opened .fancybox-skin{ box-shadow: none !important; }


.loja-oficial{ background: url(../img/emporio-da-cerveja.png) center bottom; width: 146px; height: 60px; background-size: cover; display: inline-block; transform: translateY(-8px); } 
.loja-oficial:hover{ background-position: center top; }

.logo-brahma{ width: 58px; }

.icone-copo{ background: url(../img/icone-copo.png) center bottom; width: 36px; height: 68px; background-size: cover; display: inline-block; } 
.icone-copo:hover{ background-position: center top; }

.luz{ background: url(../img/icon-luz.png) center bottom; width: 80px; height: 80px; margin: 0 auto;}
.luz:hover{background-position: center top; }


.contato{ background: url(../img/bg-contato.jpg) center top; background-size: cover; text-align: center; font-size: 28px; }
.contato .onda{ margin-top: 20px; }
.contato i{ font-size: 58px; margin: 10px 13px 0; }
.contato a:hover{ color: #055a46; }
.contato .wrap{ height: 100%;}
.containerContato{ position: absolute; top: 60px; margin-top: 0; left: 0; width: 100%; }

.contato .destaque{ font-size: 33px; color: #f2af3f; font-weight: 700; }

.icone-coracao{ margin-left: 10px; transform: translateY(13px);}

.refugio:hover{ color: #FFF !important; }


#contato form label { display: block; margin: 17px 0; cursor: inherit; }
#contato form input {border: 3px solid #FFF; background: none; width: 100%; outline: none; color: #FFF; padding: 8px 15px; font-size: 22px; line-height: 30px; font-family: 'amsipro-regular';
}

#contato small{font-size: 13px;}

.msg{font-size: 22px; line-height: 20px; margin-top: 10px; display: block; border-radius: 5px;}
.success {color: #00a83b; padding: 15px; line-height: 22px; font-size: 26px; font-weight: bold; background: #FFF; }
.load {width: 32px; height: 32px; margin: 13px auto 0; display: none; background: url(../img/load.gif) center center no-repeat; }




::-webkit-input-placeholder {color: #FFF;}
:-moz-placeholder {color: #FFF;}
::-moz-placeholder {color: #FFF;}
:-ms-input-placeholder {color: #FFF;}

/* PAGE - CERVEJAS */

.box-page-cerveja{ height: 100vh; padding-top: 9%; font-size: 21px; line-height: 27px; background: url(../img/bg-cervejas.jpg); letter-spacing: 0.5px; overflow: hidden; 
background-size: cover;}
.box-page-cerveja h1{ color: #f2af3f; text-align: left; text-transform: uppercase; font-size: 56px; margin-bottom: 30px;}
.cerveja-img-big{ position: absolute; right: 0; top: 72px; height: 100%;}

.bohemian-pilsener span{ color: #f2af3f; }
.amber-lager span{ color: #a8201b; }
.weisse span{ color: #4d87a6; }
h1.cor-amber-lager{ color: #a8201b; }
h1.cor-weisse{ color: #4d87a6; }






/* BOTOES */

.botao{border: none; display: inline-block; padding: 0.8rem 2.5rem 0.7rem; margin: 20px auto 10px; color: #FFF; background: #055a46; font-size: 21px;
  line-height: 19px; text-align: center; font-family: 'amsipro-black'; outline: none;

  transition: all .2s linear;
  -webkit-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
}

.botao:hover{ background: #f2af3f; color: #055a46; }
.botao i{ line-height: 19px; margin-right: 5px; }
.button.is-success{ background: #a1b638; }


/* FOOTER */
footer{ }


/* QUAX ASSINATURA */

.quax-assinatura{ position: relative; z-index: 0; color: #FFF; background: #002418; }
.quax-assinatura a{ position: relative; margin: 16px 12px 12px; display: inline-block; }
.quax-assinatura a img{ height: 20px; display: block;}

/* FIM QUAX ASSINTAURA */


/* LIGHTBOX POP-UP */

.lightbox{
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999;
}

.lightbox .content{
  width: 800px;
  margin: -210px auto 0;
  top: 50%;
  position: relative;

  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

.lightbox .content .close{
  background: #FFF;
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  color: #000;
  text-align: center;
  line-height: 28px;
  font-size: 17px;
  cursor: pointer;

  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.lightbox .content .close i{ line-height: 28px; }

.lightbox .content .close:hover{ background: #cb0310; }

.lightbox .content .link{
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}
.lightbox .content img{ display: block; }

/* FIM LIGHTBOX POP UP */




@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}




/* ANIMACOES */

.waypoint{ opacity: 0; }

.animation_bottom.animated {
  opacity: 1;
  -webkit-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
  -moz-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
  animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_left.animated {
  opacity: 1;
  -webkit-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
  -moz-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
  animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_right.animated {
  opacity: 1;
  -webkit-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
  -moz-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
  animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_bottom_right.animated {
  opacity: 1;
  -webkit-animation: fadeBottomRight 2.5s 1 cubic-bezier(0.77,0,.175,1);
  -moz-animation: fadeBottomRight 2.5s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeBottomRight 2.5s 1 cubic-bezier(0.77,0,.175,1);
  animation: fadeBottomRight 2.5s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_top.animated {
  opacity: 1;
  -webkit-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
  -moz-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
  animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_escala.animated {
  opacity: 1;
  -webkit-animation: escala 2.0s 1 cubic-bezier(0.77,0,.175,1);
  -moz-animation: escala 2.0s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: escala 2.0s 1 cubic-bezier(0.77,0,.175,1);
  animation: escala 2.0s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_rotate.animated {
  opacity: 1;
  -webkit-animation: rotate 2.0s 1 cubic-bezier(0.77,0,.175,1);
  -moz-animation: rotate 2.0s 1 cubic-bezier(0.77,0,.175,1);
  -o-animation: rotate 2.0s 1 cubic-bezier(0.77,0,.175,1);
  animation: rotate 2.0s 1 cubic-bezier(0.77,0,.175,1);
}

/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/

@-webkit-keyframes rotate { 0% { opacity: 0; -webkit-transform: rotate(30deg);} 100% { opacity: 1; -webkit-transform: rotate(0deg);} }
@-moz-keyframes rotate { 0% { opacity: 0; -moz-transform: rotate(30deg); } 100% { opacity: 1; -moz-transform: rotate(0deg); } }
@-o-keyframes rotate { 0% { opacity: 0; -o-transform: rotate(30deg); } 100% { opacity: 1; -o-transform: rotate(0deg); } }
@keyframes rotate { 0% { opacity: 0; transform: translateY(-10%) rotate(30deg); } 100% { opacity: 1; transform: translateY(0%) rotate(0deg); } }

@-webkit-keyframes fadeBottom { 0% { opacity: 0; -webkit-transform: translateY(10%);} 100% { opacity: 1; -webkit-transform: translateY(0);} }
@-moz-keyframes fadeBottom { 0% { opacity: 0; -moz-transform: translateY(10%); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@-o-keyframes fadeBottom { 0% { opacity: 0; -o-transform: translateY(10%); } 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeBottom { 0% { opacity: 0; transform: translateY(10%); } 100% { opacity: 1; transform: translateY(0); } }

@-webkit-keyframes fadeLeft { 0% { opacity: 0; -webkit-transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeLeft { 0% { opacity: 0; -moz-transform: translateX(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeLeft { 0% { opacity: 0; -o-transform: translateX(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeLeft { 0% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeRight { 0% { opacity: 0; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeRight { 0% { opacity: 0; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeRight { 0% { opacity: 0; -o-transform: translateX(10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeRight { 0% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeTop { 0% { opacity: 0; -webkit-transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeTop { 0% { opacity: 0; -moz-transform: translateY(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeTop { 0% { opacity: 0; -o-transform: translateY(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeTop { 0% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes escala { 0% { opacity: 0; -webkit-transform: scale(0);} 100% { opacity: 1; -webkit-transform: scale(1);} }
@-moz-keyframes escala { 0% { opacity: 0; -moz-transform: scale(0); } 100% { opacity: 1; -moz-transform: scale(1); } }
@-o-keyframes escala { 0% { opacity: 0; -o-transform: scale(0); } 100% { opacity: 1; -o-transform: scale(1); } }
@keyframes escala { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } }


@media only screen and (min-width: 768px) {

  /* MARGINS */

  .mr0{margin-right: 0 !important;}
  .mr10{margin-right: 10px;}
  .mr20{margin-right: 20px;}
  .mr30{margin-right: 30px;}
  .mr40{margin-right: 40px;}
  .mr50{margin-right: 50px;}
  .mr60{margin-right: 60px;}
  .mr70{margin-right: 70px;}
  .mr80{margin-right: 80px;}
  .mr90{margin-right: 90px;}

  .ml0{margin-left: 0 !important;}
  .ml10{margin-left: 10px;}
  .ml20{margin-left: 20px;}
  .ml30{margin-left: 30px;}
  .ml40{margin-left: 40px;}
  .ml50{margin-left: 50px;}
  .ml60{margin-left: 60px;}
  .ml70{margin-left: 70px;}
  .ml80{margin-left: 80px;}
  .ml90{margin-left: 90px;}

  .mt0{margin-top: 0px !important}
  .mt10{margin-top: 10px !important}
  .mt15{margin-top: 15px;}
  .mt20{margin-top: 20px;}
  .mt25{margin-top: 25px;}
  .mt30{margin-top: 30px !important;}
  .mt40{margin-top: 40px !important;}
  .mt50{margin-top: 50px !important;}
  .mt60{margin-top: 60px !important;}
  .mt70{margin-top: 70px !important;}
  .mt80{margin-top: 80px !important;}
  .mt90{margin-top: 90px !important;}
  .mt100{margin-top: 100px !important;}
  .mt110{margin-top: 110px !important;}
  .mt115{margin-top: 115px;}
  .mt120{margin-top: 120px;}
  .mt130{margin-top: 130px;}
  .mt140{margin-top: 140px;}
  .mt145{margin-top: 145px !important;}
  .mt150{margin-top: 150px;}
  .mt160{margin-top: 160px;}
  .mt170{margin-top: 170px;}
  .mt180{margin-top: 180px;}
  .mt190{margin-top: 190px;}
  .mt200{margin-top: 200px;}
  .mt210{margin-top: 210px;}

  .mb0{margin-bottom: 0px !important}
  .mb10{margin-bottom: 10px !important}
  .mb20{margin-bottom: 20px !important}
  .mb30{margin-bottom: 30px !important}
  .mb40{margin-bottom: 40px !important}
  .mb50{margin-bottom: 50px !important}
  .mb60{margin-bottom: 60px !important}
  .mb70{margin-bottom: 70px !important}
  .mb80{margin-bottom: 80px !important}
  .mb90{margin-bottom: 90px !important}
  .mb100{margin-bottom: 100px !important}


  .pl0{padding-left: 0px !important;}
  .pl10{padding-left: 10px !important;}
  .pl20{padding-left: 20px !important;}
  .pl30{padding-left: 30px !important;}
  .pl40{padding-left: 40px !important;}
  .pl50{padding-left: 50px !important;}
  .pl60{padding-left: 60px !important;}
  .pl70{padding-left: 70px !important;}
  .pl80{padding-left: 80px !important;}
  .pl90{padding-left: 90px !important;}

  .pr0{padding-right: 0px !important;}
  .pr10{padding-right: 10px !important;}
  .pr20{padding-right: 20px !important;}
  .pr30{padding-right: 30px !important;}
  .pr40{padding-right: 40px !important;}
  .pr50{padding-right: 50px !important;}
  .pr60{padding-right: 60px !important;}
  .pr70{padding-right: 70px !important;}
  .pr80{padding-right: 80px !important;}
  .pr90{padding-right: 90px !important;}

  .p0{padding: 0px !important;}
  .pb0{padding-bottom: 0px !important;}
  .pb10{padding-bottom: 10px !important;}
  .pb20{padding-bottom: 20px !important;}
  .pb30{padding-bottom: 30px !important;}
  .pb40{padding-bottom: 40px !important;}
  .pb50{padding-bottom: 50px !important;}

  .pt0{padding-top: 0px !important;}
  .pt10{padding-top: 10px !important;}
  .pt20{padding-top: 20px !important;}
  .pt30{padding-top: 30px !important;}
  .pt40{padding-top: 40px !important;}
  .pt50{padding-top: 50px !important;}
  .pt60{padding-top: 60px !important;}

  .tablet_only{display: none !important; }
  .tablet_em_pe{display: none;}
}

.mobile_only{display: none !important; }


/***************************************************************/
/******************** TABLET LANDSCAPE *************************/
/***************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1259px) and (orientation: landscape) {

  .mobile_only{display: none !important;}
  .desktop_only{display: none !important;}
  .tablet_em_pe{display: none;}

  .wrap, .wrap.medium, .wrap.menor{width: 100%;}

  .columns{margin-left:0; margin-right: 0; }

  header .nav-item{ font-size: 15px; margin-right: 13px; margin-left: 13px; }
  header a.nav-item:last-child{ margin-right: 0; }
  header .logo{ margin-left: 15px; }
  .arrow-down { left: 18px; }

  .nav-right a { font-size: 20px; }

  h1{ font-size: 41px; }

  .intro { height: 700px; }
  .intro img{ width: 45%; margin-top: 90px; }

  .sobre-nos{ font-size: 22px; }
  .sobre-nosConteudo{ left: 20px; width: 96%; }

  .box-nossas-cervejas img{ max-width: 82%; }
  .box-nossas-cervejas h1{ font-size: 24px; line-height: 44px; }

  /* SLIDE */
  .cycle-slideshow li{ padding-top: 122px; height: 610px; }
  .titulo-banner{ font-size: 27px; }
  .texto-banner{ font-size: 19px; line-height: 26px; }
  .texto-banner h2{ font-size: 22px; }


  /* PAGE CERVEJAS */
  .cerveja-img-big{ right: -80px; }
  .box-page-cerveja{ padding-top: 140px; }
}




/***************************************************************/
/*********************** TABLET PORTRAIT ***********************/
/***************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){

  .mobile_only{display: none !important;}
  .desktop_only{display: none !important;}
  .hide_tablet_em_pe{display: none;}

  .wrap, .wrap.medium, .wrap.menor{width: 100%; padding: 0 10px;}     

  h1{ font-size: 41px; }

  /* MENU */
  .hamburger, .nav-toggle{top: 11px; right: 20px; position: absolute;}
  .hamburger:hover, .nav-toggle:hover{background: #EEE;}
  .hamburger span, .nav-toggle span{background: #FFF;}

  header{ z-index: 106; }
  header .logo{margin-left: 20px;}
  header .nav-menu {padding-bottom: 15px; background-color: rgba(1,41,31,1); box-shadow: 0 4px 7px rgba(17, 17, 17, 0.1); left: 0; display: none; right: 0; top: 72px;
    position: absolute; z-index: 300; opacity: 0; }
  header .wrap{padding: 0;}
  header .nav-toggle{display: block;}
  header .nav-menu.is-active{display: block;}
  header .logo{background-size: cover; width: 128px; height: 24px; margin: 28px 0 0 20px !important;}
  header .nav-menu .nav-item{ padding: 38px 0; margin: 0; font-size: 26px; text-align: center; display: block;}

  .arrow-down{display: none;}

  .nav-right{margin-right: 90px;}
  .nav-right a{ margin-top: 25px; }

  section{padding: 50px 0;}
  .columns{margin-left:0; margin-right: 0; }


  .intro { height: 800px;}
  .intro img{ width: 50%; }

  .sobre-nos{ font-size: 25px; line-height: 36px; height: 500px; }
  .sobre-nosConteudo{ left: 15px; width: 97%; margin-top: -285px;}

  .box-nossas-cervejas img{ max-width: 82%; }
  .box-nossas-cervejas h1{ font-size: 18px; line-height: 36px; }
  .container-nossas-cervejas{ margin-top: -225px; }

  .contato{ font-size: 22px; }
  .contato i{ font-size: 45px; margin: 10px 10px 0}
  .loja-oficial{ width: 130px; height: 53px; }


  /* PAGE CERVEJAS */

  .box-page-cerveja h1{ font-size: 38px; margin-bottom: 10px;}
  .cerveja-img-big{ right: -75px; height: 90%;}
  .box-page-cerveja{ font-size: 19px; line-height: 26px; height: auto; padding-top: 110px; padding-bottom: 0px; }
}


/**************************************************************/
/************************* SMARTPHONE *************************/
/**************************************************************/
@media only screen and (max-width: 767px) {

  .desktop_only{display: none !important;}
  .tablet_only{display: none !important;}
  .tablet_em_pe{display: none;}
  .mobile_only{display: block !important}
  .no_mobile{display: none !important}

  /* BULMA */
  .level-item:not(:last-child){ margin-bottom: 30px }
  .columns{margin-left: 0; margin-right: 0}
  .column{padding: 0}


  /* CONFIGURACAO GERAL */
  html{min-width: 100%}
  body{line-height: 22px; font-size: 14px;}
  .wrap, .wrap.medium, .wrap.menor{width: 100%; padding: 0 25px;}

  header{height: 72px; z-index: 106;}
  header .wrap{padding: 0;}
  header .logo{box-shadow: none; height:23px; width:121px; margin: 26px auto 0!important; background-size: cover;}
  
  .nav-right{ margin-top: 0; position: absolute; right: 10px; top: 0; display: flex; }
  .nav-right a{ margin-right: 7px; font-size: 16px; }
  .nav-right div{ height: 16px; width: 16px; margin-top: 3px;}
  .nav-left{ position: absolute; width: 100%; top: 0; left: 0; display: block; text-align: center; }

  .brahma-header { width: 14px; margin-top: 3px; }

  h1{ font-size: 30px; }
  p{ text-align: justify}
  section{padding: 50px 0; min-height: 550px;}
  
  .waypoint{opacity: 1;}
  .botao{width: 100%; padding: 15px 0 12px; text-align: center; font-size: 15px}


  /* MENU */
  .hamburger, .nav-toggle{top: 13px; left: 15px; position: absolute;}
  .hamburger span, .nav-toggle span{ background: #FFF; }
  header .nav-menu { display: none; position: absolute; z-index: 200; opacity: 0; top: 72px; background: rgba(1,41,31,1); }
  .menu .redes-sociais-menu{ display: none; }
  .menu .nav-menu{ left: 0; background: none; display: inherit; right: initial; box-shadow: none; width: 100%; text-align: center; margin-left: 0; margin-top: 35px;}
  .menu .nav-item{ border-top: 0; justify-content: center; background: none; }
  .menu .nav-menu li a{ font-size: 18px; line-height: 23px; padding: 8px 0; text-transform: uppercase; font-weight: 700;}
  .nav-menu .nav-item{ border: none; border-bottom: 1px solid #055a46; padding: 21px 0; text-align: left;}
  header .nav-item.current{ color: #FFF; }

  .arrow-down{display: none;}

  .menu-mobile { width: 200px; margin: 50px auto 0; }
  .menu-mobile a{ background: rgba(0,0,0,0.3); padding: 7px; width: 100%; margin: 8px 0; display: block; font-size: 17px;}


  /* ENTRADA */
  .entrada{ background: url(../img/bg-entrada-mob.jpg) center top; background-size: cover; height:100%; position: absolute; width: 100%; padding: 0;}
  .entrada .logo{ width: 57%; }
  .entrada .columns{ margin-top: 0px; top: 20px; position: relative; }
  .entrada h1{ font-size: 26px; line-height: 30px; }
  .entrada a{ padding: 10px 40px; margin-top: 0px; font-size: 22px;}
  .entrada .garrafas{ width: 70%; margin-top: 30px; }


  /* HOME */
  .intro { height: 650px; background-size: cover; }
  .intro img{ width: 60%; margin-top: 0px; }

  .contaninerLogoMenu{ position: absolute; top: 50%; margin-top: -190px; width: 100%; }


  /* SOBRE-NOS */
  .sobre-nos{ padding: 0; font-size: 17px; line-height: 21px; height: 500px; position: relative; z-index: 101;}
  .sobre-nos h1{ line-height: 29px; margin-bottom: 20px; }
  .sobre-nos-texto .destaque{ font-size: 22px; line-height: 28px; }
  .sobre-nos-texto .destaque-2{ font-size: 28px; line-height: 36px; }
  .sobre-nos-imagem{ order: 1; }
  .sobre-nos-imagem img{ width: 80%; margin-top: 25px; }
  .sobre-nos-texto{ order: 0; }
  .sobre-nosConteudo{ position: relative; top: 60px; margin-top: 0; /*left: 15px; width: 92%;*/ }


  .nossas-cervejas{ font-size: 23px; line-height: 30px; }
  .nossas-cervejas h1{ line-height: 30px; }
  .container-nossas-cervejas{ top: 0; margin-top: 0; position: relative; }
  .box-nossas-cervejas .column{ margin-bottom: 50px; }
  .box-nossas-cervejas h1{ font-size: 21px; line-height: 36px; }
  .box-nossas-cervejas img{ width: 80%; }
  .box-nossas-cervejas img.mobile-size{ width: 95%; }
  .box-nossas-cervejas a:hover{ transform: none; }
  .lb-nossas-cervejas .texto-banner{ padding-top: 30px; }

  .lb-nossas-cervejas{ width: 300px; height: 300px; }
  .lb-nossas-cervejas .texto-banner{ font-size: 11px; line-height: 16px; }

  .fancybox-skin{ background: none !important; }
 

  /* REDES SOCIAIS */
  .contato{ font-size: 16px; line-height: 13px; padding-top: 60px; }
  .contato i{ font-size: 46px; }
  .contato .loja-oficial{ width: 140px; height: 57px; background-size: cover; transform: translateY(0); }
  .contato-luz .column{ text-align: center; }
  .contato-luz img{ width: 60px; }
  .contato-luz .has-text-right{ order: 1; }
  .contato-luz .has-text-left{ order: 0; }
  .contato-luz .is-2-desktop{ margin-top: 20px; }
  .contato hr{ width: 100px; height: 3px; margin: 30px auto; border-radius: 4px; }
  .containerContato{ position: relative; top: 0; margin-top: 0; }
  .contato .brahma{ margin-left: 40px; }
  .contato .brahma img{ max-height: 60px; width: auto;}
  .contato .destaque{ font-size: 24px; }


  /* PAGE CERVEJAS */
  .box-page-cerveja h1{ font-size: 38px; margin-bottom: 10px; text-align: center;}
  /*.cerveja-img-big{ display: none; }*/
  .cerveja-img-mobile{ position: absolute; right: -187px; bottom: -50px }
  .box-page-cerveja{ text-align: center; font-size: 17px; line-height: 24px; height: auto; padding-top: 110px; padding-bottom: 180px; }

  .icones-cervejas{ position: absolute; bottom: 90px; left: 25px; width: 35%; }


  /* FOOTER */
  .quax-assinatura{font-size: 10px; opacity: 1 !important;}

  /* POP-UP LIGHTBOX */
  .lightbox .content{
    width: 320px;
  }
}



/********************** NEWSLETTER PAGE ****************************/

footer{z-index: 999;position: relative;}

.body-news .faixa_float,.body-news  footer{display: none;}

.campo_full{width: 100%;padding: 0 8px;}
.campo{width: 50%;padding: 0 8px; float: left;}

  .campo select{
    width: 100%;
    background: none;
    padding: 8px 15px;
    color: #8F8F8F;
    font-size: 22px;
    font-family: 'amsipro-regular';
  }

  .campo_full input[type=checkbox]{min-height: 15px;cursor: pointer;margin: 5px 10px 0 0;float: left;width: auto !important;}

  .campo_full input[type=submit]{
    width: 100%;
    background: #055a46!important;
    font-family: 'amsipro-black'; outline: none;
    text-transform: uppercase;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
  }

  .campo_full input[type=submit]:hover{ background: #f2af3f!important; color: #055a46; }

  .box_termo{clear: both;font-size: 20px;}
  .box_termo span{float: left;max-width: 90%;text-align: left;line-height: 23px;}

  .box_termo a{text-decoration: underline;}

  @media only screen and (max-width: 530px) {
    .campo{width: 100%;}
  }

/********************** FAIXA FLUTUANTE ****************************/

.faixa_float{
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: #000;
  border-top: solid 1px #AFAFAF; 
  z-index: 700;
  color: #FFF;
}
  .faixa_float p{font-size: 17px;margin: 8px;font-weight:600;}
  .faixa_float a{text-decoration: underline;color: #BFA46F;}
  .faixa_float a:hover{color: #FFF!important;}