@font-face {
  font-family: "MochaMattariW01-Regular";
  src: url("fonts/Mocha-Mattar-W01-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/Mocha-Mattar-W01-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Mocha-Mattar-W01-Regular.otf") format("opentype"), /* Open Type Font */
    url("fonts/Mocha-Mattar-W01-Regular.svg") format("svg"), /* Legacy iOS */
    url("fonts/Mocha-Mattar-W01-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Mocha-Mattar-W01-Regular.woff") format("woff"), /* Modern Browsers */
    url("fonts/Mocha-Mattar-W01-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
html, body { overflow-x: hidden; }

body {
  color: #5a5a5a;
font-family: 'MochaMattariW01-Regular', cursive;

}

/************************************************************************************HEADER */


header{
	background:url(img/pattern_malte.png), #590c00;
	margin-left:auto;
	margin-right:auto;
	padding:1%;
}

.bg-dark {
    background-color: transparent!important;
}

.navbar-brand {
    display: block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: auto;
    margin-left: auto;
}
/*****************************************************************************************/


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */



#myCarousel .carousel {
  margin-bottom: 0rem;
  margin-top:6rem;
}
/* Since positioning the image, we need to help out the caption */
#myCarousel .carousel-caption {
  bottom: 8rem;
  z-index: 10;
}

#myCarousel .carousel-caption h1 {
	font-size:3.5rem;
	font-weight:bold;
	line-height:3.5rem;
}

.cor{
	color:#dda566;
}

#myCarousel .carousel-caption h1 span {
	color:#dda566;
}

.bannerbloco{ margin-bottom:-13%;}



@media (min-width: 768px) {
	.bannerbloco{ margin-bottom:-5%;}
	#myCarousel .carousel-caption .bannerbloco h1{
	font-size:2.6rem;
	font-weight:bold;
	line-height:2.6rem;
	
	}
	
	#myVideo {
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
		
}

.inscreva{
	color:#590c00;
	text-decoration:none;
	text-transform:uppercase;
	padding:0.3rem 1rem;
	font-size:1.3rem;
	border-radius:7px;
	background:#dda566;	
	font-weight:bold;
	margin-top:17px;
}

.inscreva:hover{
	color:#590c00;
	text-decoration:none;
	text-transform:uppercase;
	padding:0.3rem 1rem;
	font-size:1.3rem;
	border-radius:7px;
	background:#ffffff;	
	font-weight:bold;
	margin-top:17px;
}

.conheca{
	text-decoration:none;
	text-transform:uppercase;
	padding:0.6rem 4rem;
	font-size:2.5rem;
	border-radius:7px;
	background:#4b1501;	
	font-weight:bold;
	margin-top:7px;
	color:#ffffff;
	transition:1s;
}

.conheca:hover{
	text-decoration:none;
	text-transform:uppercase;
	padding:0.6rem 4rem;
	font-size:2.5rem;
	border-radius:7px;
	background:#ffffff;	
	font-weight:bold;
	margin-top:7px;
	color:#4b1501;
	text-decoration:none;
}

/* Declare heights because of positioning of img element */
#myCarousel .carousel-item {
  height: 40rem;
  background-color:transparent;
  font-family: "MochaMattariW01-Regular";
}
#myCarousel .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width:100%;
  object-fit:cover;
  
  height: 40rem;
}

.titarea{
	position:absolute; left:1%; margin-top:3%;
	font-family: "MochaMattariW01-Regular";
}

.titgrande{
	font-size:300%;
}

/*MARCA*/
.marca{
	background:url(img/fundo-marca.jpg);
	background-repeat:no-repeat;
	background-position: left center;
	background-size:cover;
	height:32rem;
	color:#dda566;
	text-transform:uppercase;
	margin-top:0;
	padding-left:1rem;
	padding-right:1rem;
}

.marca p span{
	font-size:1.7rem;
	color:#ffffff;
}

.marca p{
	font-size:1.3rem;
}
/*SLIDE 2*/
/*
   CARROUSEL
*/
.produtos{ background:#000000;}
.produtos h4{ font-size:1.3rem;}
.produtos h5{ font-size:0.9rem;}
.produtos p{ font-size:0.8rem;}
.produtos .carousel-inner .carousel-item{min-height:500px;}
.produtos .carousel-inner .carousel-item .row .col-lg-6{}
.textoproduto{ margin-top:3%;}
.btncomprar{
	background:#fff;
	color:#000;
	padding:0.5rem 2rem;
	border-radius:9px;
	text-align:center;
	margin-top:11px;
}

@media (min-width: 768px) {
	.textoproduto{ margin-top:25%;}
	.produtos .carousel-control-prev {
    left: -144px;
	}
	.produtos .carousel-control-next {
    right: -144px;
	}
	
    /* show 3 items */
 	.produtos .carousel-inner .active,
    .produtos .carousel-inner .active + .carousel-item,
    .produtos .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    
    .produtos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .produtos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .produtos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
        margin-right: initial;
    }
    
    .produtos .carousel-inner .carousel-item-next,
    .produtos .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    .produtos .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    .produtos .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .produtos .carousel-item-next.carousel-item-left + .carousel-item,
    .produtos .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .produtos .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    .produtos.carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    .produtos.active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .produtos.carousel-item-prev.carousel-item-right + .carousel-item,
    .produtos.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .produtos.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

.bitter52{
	background:#7C1316;
	padding:1%;
	color:#ffffff;
}

.stout{
	background:#c2c3c8;
	padding:1%;
	color:#120e0f;
}

.bock{
	background:#cea819;
	padding:1%;
	color:#120e0f;
}

.gluten{
	background:#104a26;
	padding:1%;
	color:#ffffff;
}

.pilsen{
	background:#901617;
	padding:1%;
	color:#ffffff;
}

.session{
	background:#12492C;
	padding:1%;
	color:#ffffff;
}

.black{
	background:#856c3e;
	padding:1%;
	color:#120e0f;
}

.weiss{
	background:#092b4e;
	padding:1%;
	color:#cea819;
}

.ruby{
	background:#c3a364;
	padding:1%;
	color:#3a2034;
}

.white{
	background:#3f0625;
	padding:1%;
	color:#ffffff;
}

.ipa{
	background:#cea819;
	padding:1%;
	color:#113212;
}

.apa{
	background:#f8f8f8;
	padding:1%;
	color:#120e0f;
}

.apa60{
	background:#F8BD00;
	padding:1%;
	color:#120e0f;
}


.limitada55{
	background:#C1100E;
	padding:1%;
	color:#ffffff;
}



/*SLIDE 2*/

/*PREMIO*/
.premio{
background:url(img/bg3.jpg), #711810;
background-repeat:no-repeat;
background-position:bottom center;
background-size:cover;
color:#ffffff;
padding:2% 0.5%;
text-align:center;
}

.participe{
	color:#590c00;
	text-decoration:none;
	text-transform:uppercase;
	padding:0.6rem 4rem;
	font-size:2.5rem;
	border-radius:7px;
	background:#dda566;	
	font-weight:bold;
	margin-top:7px;
}

.participe a{
	color:#590c00;
}

.premio p{
	line-height:90%;
}

.premio h2{
	line-height:90%;
}

.premio .cor{
	color:#dda566;
}

.premio .bordcor{
	border-top:1px solid #dda566;
	border-bottom:1px solid #dda566;
}
/*PREMIO*/

/*RODAPÉ*/
.rodape{
	background:#4c1404;
	padding:3%;
	color:#dda566;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 70em) {
	.titgrande{
	font-size:150%;
}
	.titarea{
		position:relative;
		left:15%;
	}
	

.marca{
	height:44rem;
}

.inscreva{
	color:#590c00;
	text-decoration:none;
	text-transform:uppercase;
	padding:0.3rem 1rem;
	font-size:1rem;
	border-radius:7px;
	background:#dda566;	
	font-weight:bold;
	margin-top:17px;
}

.conheca{
	padding:0.6rem 2rem;
	font-size:1.3rem;
}

.carousel-caption h1 {
	font-size:2rem;
	font-weight:bold;
	line-height:2rem;
}


}