/*****************************************
	BEER SLIDER CSS
*****************************************/

.site-container{
  position:relative;
  z-index:1;
}
@-moz-keyframes serveja {
  to {
    background-position: 1051px 0;
  }
}
@-webkit-keyframes serveja {
  to {
    background-position: 1051px 0;
  }
}
@keyframes serveja {
  to {
    background-position: 1051px 0;
  }
}
#beer2 {
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index:3000000;
 background-color: #fff;
 font-weight: 900;
}
#beer2 > div {
 width: 140px;
 position: absolute;
 left: 50%;
 top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
background-image: url("../images/preload-bg1.png");
background-repeat: repeat-x;
background-color: #f7bd01;
-webkit-animation: serveja 10s linear infinite;
-moz-animation: serveja 10s linear infinite;
animation: serveja 10s linear infinite;
-ms-animation: serveja 10s linear infinite;
z-index: 99999999;
}
#beer2 > div > div {
  position: relative;
  z-index: 3000;
  width: 100%;
  padding-bottom: 100%;
  background-image: url("../images/preload-glass.png");
}
#beer2 > div .bolha {
  border-radius: 100%;
  display: block;
  z-index: 2;
}
#beer2 > div .bolha:nth-child(40) {
  background-color: rgba(255, 255, 255, 0.56649373);
  width: 3.31545798px;
  height: 3.31545798px;
  position: absolute;
  left: 37.44237203%;
  bottom: 0;
  -webkit-animation: bolha 1.51283711s infinite linear;
  -moz-animation: bolha 1.51283711s infinite linear;
  animation: bolha 1.51283711s infinite linear;
  -ms-animation: bolha 1.51283711s infinite linear;
}
#beer2 > div .bolha:nth-child(39) {
  background-color: rgba(255, 255, 255, 0.13680386);
  width: 4.67265522px;
  height: 4.67265522px;
  position: absolute;
  left: 55.96433967%;
  bottom: 0;
  -webkit-animation: bolha 1.1639404s infinite linear;
  -moz-animation: bolha 1.1639404s infinite linear;
  animation: bolha 1.1639404s infinite linear;
  -ms-animation: bolha 1.1639404s infinite linear;
}
#beer2 > div .bolha:nth-child(38) {
  background-color: rgba(255, 255, 255, 0.51781771);
  width: 4.17167589px;
  height: 4.17167589px;
  position: absolute;
  left: 28.0355326%;
  bottom: 0;
  -webkit-animation: bolha 1.62771342s infinite linear;
  -moz-animation: bolha 1.62771342s infinite linear;
  animation: bolha 1.62771342s infinite linear;
  -ms-animation: bolha 1.62771342s infinite linear;
}
#beer2 > div .bolha:nth-child(37) {
  background-color: rgba(255, 255, 255, 0.43518458);
  width: 2.40964177px;
  height: 2.40964177px;
  position: absolute;
  left: 37.0774611%;
  bottom: 0;
  -webkit-animation: bolha 1.77276812s infinite linear;
  -moz-animation: bolha 1.77276812s infinite linear;
  animation: bolha 1.77276812s infinite linear;
  -ms-animation: bolha 1.77276812s infinite linear;
}
#beer2 > div .bolha:nth-child(36) {
  background-color: rgba(255, 255, 255, 0.12936849);
  width: 3.92331344px;
  height: 3.92331344px;
  position: absolute;
  left: 52.89915303%;
  bottom: 0;
  -webkit-animation: bolha 1.42373778s infinite linear;
  -moz-animation: bolha 1.42373778s infinite linear;
  animation: bolha 1.42373778s infinite linear;
  -ms-animation: bolha 1.42373778s infinite linear;
}
#beer2 > div .bolha:nth-child(35) {
  background-color: rgba(255, 255, 255, 0.7497106);
  width: 4.55025367px;
  height: 4.55025367px;
  position: absolute;
  left: 31.068416%;
  bottom: 0;
  -webkit-animation: bolha 1.74830993s infinite linear;
  -moz-animation: bolha 1.74830993s infinite linear;
  animation: bolha 1.74830993s infinite linear;
  -ms-animation: bolha 1.74830993s infinite linear;
}
#beer2 > div .bolha:nth-child(34) {
  background-color: rgba(255, 255, 255, 0.69043975);
  width: 3.5918566px;
  height: 3.5918566px;
  position: absolute;
  left: 49.55439339%;
  bottom: 0;
  -webkit-animation: bolha 1.64659338s infinite linear;
  -moz-animation: bolha 1.64659338s infinite linear;
  animation: bolha 1.64659338s infinite linear;
  -ms-animation: bolha 1.64659338s infinite linear;
}
#beer2 > div .bolha:nth-child(33) {
  background-color: rgba(255, 255, 255, 0.29619861);
  width: 3.03847551px;
  height: 3.03847551px;
  position: absolute;
  left: 54.60639994%;
  bottom: 0;
  -webkit-animation: bolha 1.00564215s infinite linear;
  -moz-animation: bolha 1.00564215s infinite linear;
  animation: bolha 1.00564215s infinite linear;
  -ms-animation: bolha 1.00564215s infinite linear;
}
#beer2 > div .bolha:nth-child(32) {
  background-color: rgba(255, 255, 255, 0.68748931);
  width: 3.57598124px;
  height: 3.57598124px;
  position: absolute;
  left: 33.95503927%;
  bottom: 0;
  -webkit-animation: bolha 1.13080816s infinite linear;
  -moz-animation: bolha 1.13080816s infinite linear;
  animation: bolha 1.13080816s infinite linear;
  -ms-animation: bolha 1.13080816s infinite linear;
}
#beer2 > div .bolha:nth-child(31) {
  background-color: rgba(255, 255, 255, 0.6422798);
  width: 5.37296724px;
  height: 5.37296724px;
  position: absolute;
  left: 53.34493002%;
  bottom: 0;
  -webkit-animation: bolha 1.36546375s infinite linear;
  -moz-animation: bolha 1.36546375s infinite linear;
  animation: bolha 1.36546375s infinite linear;
  -ms-animation: bolha 1.36546375s infinite linear;
}
#beer2 > div .bolha:nth-child(30) {
  background-color: rgba(255, 255, 255, 0.53936083);
  width: 3.97250936px;
  height: 3.97250936px;
  position: absolute;
  left: 18.91860963%;
  bottom: 0;
  -webkit-animation: bolha 1.6464994s infinite linear;
  -moz-animation: bolha 1.6464994s infinite linear;
  animation: bolha 1.6464994s infinite linear;
  -ms-animation: bolha 1.6464994s infinite linear;
}
#beer2 > div .bolha:nth-child(29) {
  background-color: rgba(255, 255, 255, 0.61942403);
  width: 5.18412991px;
  height: 5.18412991px;
  position: absolute;
  left: 56.15056656%;
  bottom: 0;
  -webkit-animation: bolha 1.09665949s infinite linear;
  -moz-animation: bolha 1.09665949s infinite linear;
  animation: bolha 1.09665949s infinite linear;
  -ms-animation: bolha 1.09665949s infinite linear;
}
#beer2 > div .bolha:nth-child(28) {
  background-color: rgba(255, 255, 255, 0.77702118);
  width: 2.40723885px;
  height: 2.40723885px;
  position: absolute;
  left: 31.20827584%;
  bottom: 0;
  -webkit-animation: bolha 1.40751384s infinite linear;
  -moz-animation: bolha 1.40751384s infinite linear;
  animation: bolha 1.40751384s infinite linear;
  -ms-animation: bolha 1.40751384s infinite linear;
}
#beer2 > div .bolha:nth-child(27) {
  background-color: rgba(255, 255, 255, 0.14133003);
  width: 5.99063923px;
  height: 5.99063923px;
  position: absolute;
  left: 28.46339238%;
  bottom: 0;
  -webkit-animation: bolha 1.61969783s infinite linear;
  -moz-animation: bolha 1.61969783s infinite linear;
  animation: bolha 1.61969783s infinite linear;
  -ms-animation: bolha 1.61969783s infinite linear;
}
#beer2 > div .bolha:nth-child(26) {
  background-color: rgba(255, 255, 255, 0.58987394);
  width: 2.03052779px;
  height: 2.03052779px;
  position: absolute;
  left: 24.26403462%;
  bottom: 0;
  -webkit-animation: bolha 1.19196442s infinite linear;
  -moz-animation: bolha 1.19196442s infinite linear;
  animation: bolha 1.19196442s infinite linear;
  -ms-animation: bolha 1.19196442s infinite linear;
}
#beer2 > div .bolha:nth-child(25) {
  background-color: rgba(255, 255, 255, 0.22051589);
  width: 3.13907261px;
  height: 3.13907261px;
  position: absolute;
  left: 35.04585984%;
  bottom: 0;
  -webkit-animation: bolha 1.5731807s infinite linear;
  -moz-animation: bolha 1.5731807s infinite linear;
  animation: bolha 1.5731807s infinite linear;
  -ms-animation: bolha 1.5731807s infinite linear;
}
#beer2 > div .bolha:nth-child(24) {
  background-color: rgba(255, 255, 255, 0.70863274);
  width: 2.84135009px;
  height: 2.84135009px;
  position: absolute;
  left: 49.74126613%;
  bottom: 0;
  -webkit-animation: bolha 1.08504017s infinite linear;
  -moz-animation: bolha 1.08504017s infinite linear;
  animation: bolha 1.08504017s infinite linear;
  -ms-animation: bolha 1.08504017s infinite linear;
}
#beer2 > div .bolha:nth-child(23) {
  background-color: rgba(255, 255, 255, 0.60427105);
  width: 4.31452957px;
  height: 4.31452957px;
  position: absolute;
  left: 26.79385953%;
  bottom: 0;
  -webkit-animation: bolha 1.38572231s infinite linear;
  -moz-animation: bolha 1.38572231s infinite linear;
  animation: bolha 1.38572231s infinite linear;
  -ms-animation: bolha 1.38572231s infinite linear;
}
#beer2 > div .bolha:nth-child(22) {
  background-color: rgba(255, 255, 255, 0.64092429);
  width: 4.8692319px;
  height: 4.8692319px;
  position: absolute;
  left: 39.96871889%;
  bottom: 0;
  -webkit-animation: bolha 1.45188925s infinite linear;
  -moz-animation: bolha 1.45188925s infinite linear;
  animation: bolha 1.45188925s infinite linear;
  -ms-animation: bolha 1.45188925s infinite linear;
}
#beer2 > div .bolha:nth-child(21) {
  background-color: rgba(255, 255, 255, 0.49929537);
  width: 3.81904478px;
  height: 3.81904478px;
  position: absolute;
  left: 36.44287357%;
  bottom: 0;
  -webkit-animation: bolha 1.52515348s infinite linear;
  -moz-animation: bolha 1.52515348s infinite linear;
  animation: bolha 1.52515348s infinite linear;
  -ms-animation: bolha 1.52515348s infinite linear;
}
#beer2 > div .bolha:nth-child(20) {
  background-color: rgba(255, 255, 255, 0.32492864);
  width: 4.17855893px;
  height: 4.17855893px;
  position: absolute;
  left: 35.7149691%;
  bottom: 0;
  -webkit-animation: bolha 1.40046036s infinite linear;
  -moz-animation: bolha 1.40046036s infinite linear;
  animation: bolha 1.40046036s infinite linear;
  -ms-animation: bolha 1.40046036s infinite linear;
}
#beer2 > div .bolha:nth-child(19) {
  background-color: rgba(255, 255, 255, 0.1792967);
  width: 2.56108212px;
  height: 2.56108212px;
  position: absolute;
  left: 43.13435016%;
  bottom: 0;
  -webkit-animation: bolha 1.36946337s infinite linear;
  -moz-animation: bolha 1.36946337s infinite linear;
  animation: bolha 1.36946337s infinite linear;
  -ms-animation: bolha 1.36946337s infinite linear;
}
#beer2 > div .bolha:nth-child(18) {
  background-color: rgba(255, 255, 255, 0.54180893);
  width: 3.97880543px;
  height: 3.97880543px;
  position: absolute;
  left: 51.84292625%;
  bottom: 0;
  -webkit-animation: bolha 1.71443879s infinite linear;
  -moz-animation: bolha 1.71443879s infinite linear;
  animation: bolha 1.71443879s infinite linear;
  -ms-animation: bolha 1.71443879s infinite linear;
}
#beer2 > div .bolha:nth-child(17) {
  background-color: rgba(255, 255, 255, 0.71910462);
  width: 3.92477514px;
  height: 3.92477514px;
  position: absolute;
  left: 28.02972883%;
  bottom: 0;
  -webkit-animation: bolha 1.62562558s infinite linear;
  -moz-animation: bolha 1.62562558s infinite linear;
  animation: bolha 1.62562558s infinite linear;
  -ms-animation: bolha 1.62562558s infinite linear;
}
#beer2 > div .bolha:nth-child(16) {
  background-color: rgba(255, 255, 255, 0.18188133);
  width: 3.6279728px;
  height: 3.6279728px;
  position: absolute;
  left: 38.00441468%;
  bottom: 0;
  -webkit-animation: bolha 1.46080489s infinite linear;
  -moz-animation: bolha 1.46080489s infinite linear;
  animation: bolha 1.46080489s infinite linear;
  -ms-animation: bolha 1.46080489s infinite linear;
}
#beer2 > div .bolha:nth-child(15) {
  background-color: rgba(255, 255, 255, 0.41501591);
  width: 3.31500986px;
  height: 3.31500986px;
  position: absolute;
  left: 43.23388187%;
  bottom: 0;
  -webkit-animation: bolha 1.25695641s infinite linear;
  -moz-animation: bolha 1.25695641s infinite linear;
  animation: bolha 1.25695641s infinite linear;
  -ms-animation: bolha 1.25695641s infinite linear;
}
#beer2 > div .bolha:nth-child(14) {
  background-color: rgba(255, 255, 255, 0.25546828);
  width: 3.78566619px;
  height: 3.78566619px;
  position: absolute;
  left: 41.53935791%;
  bottom: 0;
  -webkit-animation: bolha 1.18761998s infinite linear;
  -moz-animation: bolha 1.18761998s infinite linear;
  animation: bolha 1.18761998s infinite linear;
  -ms-animation: bolha 1.18761998s infinite linear;
}
#beer2 > div .bolha:nth-child(13) {
  background-color: rgba(255, 255, 255, 0.43170808);
  width: 4.58380993px;
  height: 4.58380993px;

  position: absolute;
  left: 25.22797987%;
  bottom: 0;
  -webkit-animation: bolha 1.13122887s infinite linear;
  -moz-animation: bolha 1.13122887s infinite linear;
  animation: bolha 1.13122887s infinite linear;
  -ms-animation: bolha 1.13122887s infinite linear;
}
#beer2 > div .bolha:nth-child(12) {
  background-color: rgba(255, 255, 255, 0.31164263);
  width: 2.50846885px;
  height: 2.50846885px;
  position: absolute;
  left: 45.36074939%;
  bottom: 0;
  -webkit-animation: bolha 1.62537856s infinite linear;
  -moz-animation: bolha 1.62537856s infinite linear;
  animation: bolha 1.62537856s infinite linear;
  -ms-animation: bolha 1.62537856s infinite linear;
}
#beer2 > div .bolha:nth-child(11) {
  background-color: rgba(255, 255, 255, 0.78916881);
  width: 5.85430469px;
  height: 5.85430469px;
  position: absolute;
  left: 23.10796647%;
  bottom: 0;
  -webkit-animation: bolha 1.47997327s infinite linear;
  -moz-animation: bolha 1.47997327s infinite linear;
  animation: bolha 1.47997327s infinite linear;
  -ms-animation: bolha 1.47997327s infinite linear;
}
#beer2 > div .bolha:nth-child(10) {
  background-color: rgba(255, 255, 255, 0.86339685);
  width: 3.49328133px;
  height: 3.49328133px;
  position: absolute;
  left: 57.82592808%;
  bottom: 0;
  -webkit-animation: bolha 1.15196781s infinite linear;
  -moz-animation: bolha 1.15196781s infinite linear;
  animation: bolha 1.15196781s infinite linear;
  -ms-animation: bolha 1.15196781s infinite linear;
}
#beer2 > div .bolha:nth-child(9) {
  background-color: rgba(255, 255, 255, 0.51956069);
  width: 5.22830621px;
  height: 5.22830621px;
  position: absolute;
  left: 20.07179093%;
  bottom: 0;
  -webkit-animation: bolha 1.02344826s infinite linear;
  -moz-animation: bolha 1.02344826s infinite linear;
  animation: bolha 1.02344826s infinite linear;
  -ms-animation: bolha 1.02344826s infinite linear;
}
#beer2 > div .bolha:nth-child(8) {
  background-color: rgba(255, 255, 255, 0.43595968);
  width: 3.0850247px;
  height: 3.0850247px;
  position: absolute;
  left: 32.51147736%;
  bottom: 0;
  -webkit-animation: bolha 1.05107542s infinite linear;
  -moz-animation: bolha 1.05107542s infinite linear;
  animation: bolha 1.05107542s infinite linear;
  -ms-animation: bolha 1.05107542s infinite linear;
}
#beer2 > div .bolha:nth-child(7) {
  background-color: rgba(255, 255, 255, 0.39014819);
  width: 5.34650307px;
  height: 5.34650307px;
  position: absolute;
  left: 19.29822791%;
  bottom: 0;
  -webkit-animation: bolha 1.37621071s infinite linear;
  -moz-animation: bolha 1.37621071s infinite linear;
  animation: bolha 1.37621071s infinite linear;
  -ms-animation: bolha 1.37621071s infinite linear;
}
#beer2 > div .bolha:nth-child(6) {
  background-color: rgba(255, 255, 255, 0.63398798);
  width: 5.89849935px;
  height: 5.89849935px;
  position: absolute;
  left: 46.14538646%;
  bottom: 0;
  -webkit-animation: bolha 1.22962319s infinite linear;
  -moz-animation: bolha 1.22962319s infinite linear;
  animation: bolha 1.22962319s infinite linear;
  -ms-animation: bolha 1.22962319s infinite linear;
}
#beer2 > div .bolha:nth-child(5) {
  background-color: rgba(255, 255, 255, 0.79553499);
  width: 4.36093939px;
  height: 4.36093939px;
  position: absolute;
  left: 53.28374578%;
  bottom: 0;
  -webkit-animation: bolha 1.3802668s infinite linear;
  -moz-animation: bolha 1.3802668s infinite linear;
  animation: bolha 1.3802668s infinite linear;
  -ms-animation: bolha 1.3802668s infinite linear;
}
#beer2 > div .bolha:nth-child(4) {
  background-color: rgba(255, 255, 255, 0.37143874);
  width: 4.16564644px;
  height: 4.16564644px;
  position: absolute;
  left: 46.62111466%;
  bottom: 0;
  -webkit-animation: bolha 1.32139964s infinite linear;
  -moz-animation: bolha 1.32139964s infinite linear;
  animation: bolha 1.32139964s infinite linear;
  -ms-animation: bolha 1.32139964s infinite linear;
}
#beer2 > div .bolha:nth-child(3) {
  background-color: rgba(255, 255, 255, 0.80771163);
  width: 4.06694045px;
  height: 4.06694045px;
  position: absolute;
  left: 47.19301224%;
  bottom: 0;
  -webkit-animation: bolha 1.60032284s infinite linear;
  -moz-animation: bolha 1.60032284s infinite linear;
  animation: bolha 1.60032284s infinite linear;
  -ms-animation: bolha 1.60032284s infinite linear;
}
#beer2 > div .bolha:nth-child(2) {
  background-color: rgba(255, 255, 255, 0.69798026);
  width: 2.53122376px;
  height: 2.53122376px;
  position: absolute;
  left: 29.6107806%;
  bottom: 0;
  -webkit-animation: bolha 1.47533706s infinite linear;
  -moz-animation: bolha 1.47533706s infinite linear;
  animation: bolha 1.47533706s infinite linear;
  -ms-animation: bolha 1.47533706s infinite linear;
}
#beer2 > div .bolha:nth-child(1) {
  background-color: rgba(255, 255, 255, 0.50415587);
  width: 5.47023206px;
  height: 5.47023206px;
  position: absolute;
  left: 23.76766714%;
  bottom: 0;
  -webkit-animation: bolha 1.69469682s infinite linear;
  -moz-animation: bolha 1.69469682s infinite linear;
  animation: bolha 1.69469682s infinite linear;
  -ms-animation: bolha 1.69469682s infinite linear;
}
@-moz-keyframes bolha {
  to {
    bottom: 100%;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
  }
}
@-webkit-keyframes bolha {
  to {
    bottom: 100%;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
  }
}
@keyframes bolha {
  to {
    bottom: 100%;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
  }
}