@font-face {
    font-family: "Deutsch Gothic";
    src: url("../font/Deutsch.ttf");
    font-weight: 700;
}
/***************************************
  1 GERAL
***************************************/
.fonte-chopp {
    font-family: 'Deutsch Gothic';
    font-weight: 700!important;
}
body {
    color:#000;
}
*, .regular {
    font-family: 'Raleway', sans-serif;
    font-weight: 500!important;
}
h1, h2, h3, h4, strong, b, .btn, .bold {
    font-weight: 700!important;
}
.nav-link {
    font-weight: 900!important;
}
.home h2 {
    font-size: 3rem;
}
.bg-pecaja h2 {
    font-size: 3.5rem;
}
.nopadding{
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 991px) {
    .home h2 {
        font-size: 2.2rem!important;
    }
    .bg-orcamento .titulo-home {
        font-size: 3.5rem!important;
    }
    .home h5 {
        font-size: 1.25rem!important;
        padding: 0!important;
    }
    .home .btn-chopp {
        font-size: 1.5rem!important;
    }
    .bg-orcamento h2 {
        font-size: 2rem!important;
    }
    .icone-beer {
        width: 60px!important;
        left: 8px!important;
        top: -12px!important;
    }
}
.bg-pecaja {
    background-image:url('../images/fundo-home.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-pecaja h4 {
    font-size: 1.7rem;
}
.bg-pecaja .btn-chopp {
    font-size: 1.4rem;
}
.icone-beer {
    width: 65px;
    position: absolute;
    left: -13px;
    top: -9px;
}
.btn {
    border-radius: 0!important;
    padding:.25rem .75rem;
}
.btn-chopp {
    font-size: 1.2rem;
    background-color: #b68143!important;
    color: #fff!important;
}
.btn-chopp:hover {
    background-color: #985611!important;
}
.revenda-topo {
    background-color: #b68143!important;
    color: #fff!important;
}
.revenda-topo:hover {
    background-color: #985611!important;
}
::-webkit-input-placeholder {
    color: #ececec;
}
:-ms-input-placeholder {
    color: #ececec;
}

::-ms-input-placeholder {
    color: #ececec;
}
.principal {
    min-height: calc(100vh - 392px);
}
.principal-404 {
    min-height: calc(100vh - 371px);
}
nav {
    background-size: cover;
}
.linha-horizontal {
    border: 1px solid #008a9b;
}
.linha-evento {
    border: 2px solid #092729;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: -3rem;
}
.mais-antigos h1 {
    font-size: 2rem!important;
}
.conteudo p{
    margin: 0!important;
    padding-bottom: 1rem!important;
}
.page-item.active .page-link {
    background-color: #b68143;
    border-color: #b68143;
}
.page-link {
    color: #b68143;
}
.titulo-home {
    color:#b68143;
}
.linha-vertical {
    font-weight: 700!important;
    color:#fff;
    margin-left: .25rem;
    margin-right: .25rem;
    font-size: 18px;
}
.home h5 {
    padding-left: 5rem;
    padding-right: 5rem;
    font-size: 1.4rem;
    font-weight: 500;
}
.home h5 b {
    font-weight: 700!important;
}
.home .titulo-home {
    font-weight: 900!important;
}
.home .btn-chopp {
    font-size: 1.75rem;
}
.fundo-home {
    position: absolute;
    z-index: 0;
    left: 0;
    height: 100%;
}
.bg-orcamento .titulo-home {
    font-size: 5rem;
}
.bg-orcamento h2 {
    font-size: 2rem;
}
.bg-orcamento h5 {
    font-size: 1.25rem!important;
}
.oferta-produtos .titulo-home {
    font-size: 1.75rem;
    line-height: 2.2rem;
}
.oferta-produtos .telefone {
    font-size: 2.4rem;
}
.oferta-produtos .btn-chopp {
    padding:.25rem .5rem!important;
    font-size: 1.5rem!important;
}
.entrega-growlers .btn-chopp {
    font-size: 1.5rem!important;
    padding: .25rem 4rem!important;
}
.entrega-growlers .telefone {
    font-size: 1.8rem;
}
.entrega-growlers .entrega {
    font-size: 1.5rem;
}
.entrega-growlers .titulo-home {
    font-size: 1.15rem;
    font-weight: 700!important;
}
@media (min-width: 576px) and (max-width: 991px) {
    .imagem-delivery {
        max-width: 60%;
        margin-bottom: .5rem;
    }
}
.produtos h2 {
    font-size: 3.5rem;
}
.produtos i {
    font-size: 1.2rem;
}
.col-form .form-control {
    border: 3px solid #000!important;
    font-size: 1.5rem!important;
}
#contactform .form-control {
    border: 2px solid #000;
    font-size: 1rem;
}
.col-form .btn-chopp {
    font-size: 1.5rem;
}
.chopp-contato {
    width: 37%;
    position: absolute;
    bottom:-4rem;
}
.eventos img {
    height: auto;
}
@media (max-width: 1199px) {
    .faixa-topo .d-lg-flex p {
        font-size: 14px;
    }
}
@media (max-width: 1199px) and (min-width: 992px){
    .bg-orcamento .titulo-home {
        font-size: 5rem!important;
    }
    .linha-evento {
        margin-left: -3rem;
    }
    .parceiros {
        min-height: 319px;
    }
    .eventos img {
        height: 255px;
    }
    .nav-link {
        font-size: 1.1rem!important;
    }
    .principal {
        margin-top: -78px;
    }
    .capa {
        height: 388px!important;
    }
    .capa .container {
        margin-top: 78px;
    }
}
@media (min-width: 768px) {
    .col-form {
        border-right: 1.5px solid #000;
    }
    .col-contato {
        border-left: 1.5px solid #000;
    }
    .row-contato {
        flex-direction: row-reverse;
    }
}
@media (max-width: 440px) {
    .col-contato p {
        font-size: 1.15rem!important;
    }
    .col-form .form-control {
        font-size: 1.25rem!important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-contato p {
        font-size: 1.15rem!important;
    }
    .parceiros {
        min-height: 336px;
    }
    .eventos img {
        height: 185px;
    }
    .produtos h2 {
        font-size: 3rem;
    }
    .produtos i {
        font-size: 1rem;
    }
}
@media (max-width: 767px) and (min-width: 576px) {
    .eventos img {
        height: 200px;
    }
}
.col-contato p {
    font-size: 1.5rem;
}
.col-contato .telefone {
    padding:10px;
    background-color: #b68143;
    color:#000;
}
.ultimos-eventos {
    background-color: #092729;
}
.eventos p {
    font-size: 1.4rem!important;
}
.eventos a:hover {
    color:#b68143!important;
}
.ultimo-evento {
    background-size: cover;
    min-height: 300px;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-position-y: center;
}
@media (max-width: 991px) {
    .eventos h1 {
        font-size: 2rem;
    }
    .mais-antigos h1 {
        font-size: 1.75rem!important;
    }
    .eventos h2 {
        font-size: 1.5rem;
    }
    .linha-evento {
        margin-left: -1.5rem;
    }
    .bg-pecaja {
        background-image:url('../images/m-fundo-home.jpg');
    }
    .chopps-home {
        position: relative!important;
        height: auto!important;
        max-width: 100%;
        top: 0!important;
    }
}
.chopps-home {
    position: absolute;
    height: 180%;
    top: -49%;
}
.box-mercado {
    background-color:#f5b11a;
}
.box-bar {
    background-color:#00883d;
}
.box-loja {
    background-color:#d20c36;
}
.box-evento {
    background-color:#6d91d2;
}
.parceiros h5 {
    font-weight: 700!important;
}
.parceiros img {
    width: 50%;
}
.container-brinde {
    border-radius: 50%;
    background-color:#b68143;
}
.fill-rev {
    font-size: 1.25rem;
}
/***************************************
  2 MENU
***************************************/
nav {
    background-image: url(../adm/uploads/images/menu.png);
}
.logo {
    width: 200px;
}
.logo-desktop {
    position: absolute;
    top:49px;
    z-index: 100;
}
.logo-desktop .logo {
    width: 260px;
    margin-left: -15px;
}
.nav-link {
    font-size: 1.2rem;
    color: #092729!important;
}
.nav-link.border-right {
    border-right: 3px solid #b68143!important;
}
.leve-home{
    color: #092729
}
@media (max-width: 991px) {
    .nav-link.border-right {
        border-right: 0!important;
    }
    .leve-home {
        font-size: 1.7rem;
    }
}
.nav-link, div.masthead h2 {
    font-weight: 700;
}
.nav-link:hover, .link-rodape:hover, .active {
    color: #b68143!important;
}
.active {
    font-weight: 700;
}
.faixa-topo {
    background-color:#092729;
    z-index: 1000;
}
@media (max-width: 575px) {
    .topo-mobile p {
        font-size: 15px!important;
    }
    .topo-mobile .linha-vertical {
        margin:0!important;
    }
}
/***************************************
  3 CAROUSEL
***************************************/
.carousel-indicators {
    position: relative;
}
.carousel-indicators li {
    width: 17px !important;
    height: 17px !important;
    opacity: 1;
    margin-right: 5px;
    margin-left: 5px;
}
.carousel-indicators .active {
    background-color: #b68143 !important;
    width: 18px !important;
    height: 18px !important;
}
#carouselExampleIndicators {
    border-bottom: 5px solid #b68143;
}
.slide-next, .slide-prev {
    opacity: 1!important;
    position: relative;
    display: flex;
}
.slide-next {
    justify-content: start;
}
.slide-prev {
    justify-content: flex-end;
}
.carousel .position-absolute {
    bottom: 0;
}
div.masthead {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 350px;
    height: 30vh;
    background-size: cover;
}
div.masthead h1 {
    font-size: 2.5rem;
    color: #FFF;
}
div.masthead h2 {
    font-size: 1.3rem;
}
div.masthead h2, .diferencias h3 {
    font-size: 1rem;
    color: #FFF;
}
.carousel-caption {
    bottom: 70px !important;
}
.carousel {
    cursor: pointer;
}
@media (min-width: 992px) {
    div.masthead {
        min-height: 534px;
        padding-top: 0;
        padding-bottom: 0;
    }
    div.masthead h1 {
        font-size: 3.5rem;
        padding-left: 17rem;
    }
    div.masthead h2 {
        font-size: 1.5rem;
        padding-left: 17rem;
    }
    .carousel-caption {
        bottom: 100px !important;
    }
    .container-topo {
        padding-top:1.5rem!important;
        padding-bottom:1.5rem!important;
    }
    #carouselExampleIndicators {
        margin-top: -84px;
        z-index: 0;
    }
    .container-menu {
        background-color: #ffffffcc;
        z-index: 100;
    }
    .capa h1 {
        padding-left: 17rem;
    }
    .capa p {
        padding-left: 17rem;
    }
}
@media (min-width: 1200px) {
    div.masthead h1 {
        font-size: 4rem;
    }
    div.masthead h2 {
        font-size: 1.75rem;
    }
    .w-60 {
        width: 50%!important
    }
    .parceiros {
        min-height: 314px;
    }
    .eventos img {
        height: 300px;
    }
    .container-brinde {
        max-width: 85%;
    }
    .principal {
        margin-top: -84px;
    }
    .capa {
        height: 394px!important;
    }
    .capa .container {
        margin-top: 84px;
    }
}
.mascara-slide {
    background-image: linear-gradient(to left, #1e1e1e, rgba(30, 30, 30, 0.5), transparent);
}

/******** MOBILE **********/
div.mastheadcel {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 266px;
    height: 28vh;
    background-size: cover;
    background-repeat:no-repeat;
}
div.mastheadcel h1 {
    font-size: 1.6rem;
    color: #FFF;
}
div.mastheadcel h2 {
    font-size: 1rem;
    color: #FFF;
}
div.mastheadcel .btn-chopp {
    font-size:0.7rem!important;
}
@media (min-width:750px) {
    .slide {
        display:block;
    }
    .slidecel {
        display:none;
    }
}
@media (max-width:749px) {
    .slide {
        display:none;
    }
    .slidecel {
        display:block;
    }
}
/***************************************
  4 CAPA PAGINAS
***************************************/
.capa {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.capa {
    height: 310px;
}
@media only screen and (max-width: 600px) {
    .capa {
        height: 250px;
    }
}
.mascaracapa {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
}
.mascaragrowler {
    height: 100%;
    width: 100%;
    background: linear-gradient(to left, #00000040, transparent);
}
.capa h1 {
    font-size: 5rem;
}
.titulo-evento {
    font-size: 3.5rem!important;
}
.capa i {
    font-size: 1.6rem;
}
@media (min-width: 576px) and (max-width: 991px) {
    .capa h1 {
        font-size: 4rem!important;
    }
    .capa i {
        font-size: 1.4rem!important;
    }
    .bg-orcamento .titulo-home {
        font-size: 4.5rem!important;
    }
}
@media (max-width: 575px) {
    .capa h1 {
        font-size: 2.5rem!important;
    }
    .capa i {
        font-size: 1.1rem!important;
    }
    .home h2 {
        font-size: 2rem!important;
    }
}
/***********************/
/**** REDES SOCIAIS ****/
.facebook div {
    width:40px;
    height:40px;
    background-image: url('../images/facebook.png');
    background-size:cover;
    transition:.5s;
}
/*.facebook:hover div {
    background-image: url('../images/facebook-hover.png');
}*/
.facebook {
    width:40px;
    height:40px;
    padding:0!important;
    margin-left:30px;
}
.f-contato div {
    background-image: url('../images/f-contato.png');
}
.instagram div {
    width:40px;
    height:40px;
    background-image: url('../images/instagram.png');
    background-size:cover;
    transition:.5s;
}
/*.instagram:hover div {
    background-image: url('../images/instagram-hover.png');
}*/
.instagram {
    width:40px;
    height:40px;
    padding:0!important;
}
.i-contato div {
    background-image: url('../images/i-contato.png');
}
.twitter div {
    width:40px;
    height:40px;
    background-image: url('../images/twitter.png');
    background-size:cover;
    transition:.5s;
}
/*.twitter:hover div {
    background-image: url('../images/twitter-hover.png');
}*/
.twitter {
    width:40px;
    height:40px;
    padding:0!important;
    margin-left:30px;
}
.t-contato div {
    background-image: url('../images/t-contato.png');
}
/***************************************
  5 RODAPE
***************************************/
.logo-rodape {
    width: 150px;
}
footer {
    border-top: 5px solid #b68143;
    background-color: #092729;
}
.direitos {
    color:#000!important;
    background-color: #b68143;
}
footer h2 {
    font-size: 1.3rem;
    color: #fff!important;
}
footer .container p {
    color: #fff!important;
}
.material-icons {
    line-height: inherit!important;
}
footer .venda p{
    font-size: 0.8rem;
}
footer p{
    font-size: 0.9rem;
}
footer a {
    font-size: 0.9rem;
    text-decoration: none!important;
}
footer a:hover small{
    color: #b68143!important;
}
.hidden {
    display: none;
}
footer .border-right {
    border-right: 2px solid #fff!important;
}
footer .btn-chopp {
    font-size: 1.2rem!important;
}
.direitos a {
    color:#000!important;
}
/***************************************
  6 MODAL POP-UP
***************************************/
.modal {
  display: flex;
  justify-content: center;
  align-items:center;
  visibility: hidden;
  opacity: 0;
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
.modal-popup {
  background-color: rgba(0, 0, 0, 0.69);
}
.close {
  color: #706f6f;
  opacity: 0.4;
}
.close:hover {
  color: #dc1a3b;
  opacity: 1;
}
.modal-fotos {
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition:visibility 0.3s linear,opacity 0.3s linear;
    padding-top:0!important;
}
.close-foto {
    position: absolute;
    top:0;
    right:10px;
    color: #b68143!important;
    opacity: 1!important;
    font-size: 3.5rem!important;
    text-shadow: 0 0 0!important;
}
#slideFotos {
    background: transparent;
}
.img-slide {
    height: 100%;
    width: auto;
}
.item-fotos {
    min-height: 75vh!important;
    text-align: center;
}
#close-foto {
    top: -50px!important;
    right: 20%!important;
}
.img-galeria {
    cursor: pointer;
}