#animationWindow {
    width: 100%;
    height: 200px;
    margin: auto;
}

#animationWindow path {
    stroke: #006631;
    fill: #006631
}
 .contactbx p   a:hover {
     color: #634e42
 }
 .contactbx p span a,
 .contactbx p  {
    color:   #585858;
 }

 .common-menu-wrap .nav>li>a {
     color: #634e42;
 }
 .revmenubtn{
         height: 80px;
 }
 .titlecase{
  text-transform: capitalize !important   
 }
 .revmenubtn:hover .tp-splitted.tp-wordsplit {
    background: #006631;
    transition: 400ms all;
 }
.revmenubtn .tp-splitted.tp-wordsplit {
    background: #634e40;
    font: 400 16px/1.1 sf-pro !important;
    margin-top: 30px;
    padding: 16px 34px;
    color: white;
    letter-spacing: 3px;
    text-transform: uppercase;
}
 .topbar {
     padding-top: 10px;
 }

 .topbar {
     padding-bottom: 10px;
 }

 .topbar {
     background-color: #f2f2f2;
 }

 header.sticky {
     position: fixed;
     top: 0;
     left: auto;
     z-index: 99;
     margin: 0 auto 30px;
     width: 100%;
     background: rgba(0, 0, 0, 0.9);
 }

 header.sticky.header-transparent .main-menu-wrap {
     margin-top: 0;
 }

 header.sticky.header-solid .common-menu-wrap .nav>li>a {
     color: #fff;
 }

 .main-menu-wrap {
     min-height: 85px;
 }

 .common-menu-wrap .nav>li ul {
     background-color: rgba(231, 39, 45, .8);
 }

 .sub-title-inner h2.leading {
     color: #e7272d
 }

 .sub-title-inner h2.page-leading {
     color: #ffffff
 }

 .bottom {
     background-color: #f5f5f5
 }

 .bottom,
 .bottom .widget h3.widget_title {
     color: #000000
 }

 .bottom {
     padding-top: 100px;
 }

 .bottom {
     padding-bottom: 100px;
 }

 .footer-wrap {
     background-color: #000000
 }
.footer{

}
.footer>.container{
    
}
.footer>.container>div {
    flex: 33.3%;
}
 .footer-wrap,
 .footer-wrap a {
     color: #ffffff
 }

 .footer-wrap a {
     color: #ffffff;
     transition: 400ms;
     -webkit-transition: 400ms
 }

 .footer-wrap a:hover {
     color: #e7272d
 }

 .footer-wrap {
     padding-top: 30px;
 }

 body.error404,
 body.page-template-404 {
     width: 100%;
     height: 100%;
     min-height: 100%;
     background: url("wp-content/uploads/2016/04/1.jpg") no-repeat 100% 0;
 }

 body {
     font-family: sf-pro;
     font-weight: 400;
     font-style: normal;
     color: #333333;
     font-size: 16px;
 }


 .common-menu-wrap .nav>li>a,
 .common-menu-wrap .nav>li>ul li a {
     font-family: sf-pro;
     font-weight: 700;
     font-style: normal;
     font-size: 15px;
 }

 h1 {
     font-family: sf-pro;
     font-weight: 700;
     font-style: normal;
     color: #000;
     font-size: 42px;
 }

 h2 {
     font-family: sf-pro;
     font-weight: 700;
     font-style: normal;
     color: #000;
     font-size: 36px;
 }

 h3 {
     font-family: sf-pro;
     font-weight: 700;
     font-style: normal;
     color: #000;
     font-size: 24px;
 }

 h4 {
     font-family: sf-pro;
     font-weight: 700;
     font-style: normal;
     color: #000;
     font-size: 20px;
 }

 h5 {
     font-family: sf-pro;
     font-weight: 700;
     font-style: normal;
     color: #000;
     font-size: 18px;
 }

 .vc_custom_1459320728642 {
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
 }

 .vc_custom_1459860956733 {
     padding-top: 30px !important;
 }

 .vc_custom_1506060095736 {
     margin-top: 0px !important;
     margin-bottom: 0px !important;
     padding-top: 0px !important;
     padding-bottom: 90px !important;
     /* background-image: url("wp-content/uploads/2016/03/home-cta-bg-1-id=147.jpg") !important; */
     background-image: url("images/page/smoothe.jpg") !important;
     background-position: center !important;
     background-position: left center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
 }

 .vc_custom_1468563462190 {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
 }

 .vc_custom_1505888199762 {
     padding-top: 160px !important;
     padding-bottom: 160px !important;
     /* background-image: url("wp-content/uploads/2016/03/home-cta-bg-1-id=147.jpg") !important; */
     /*background-image: url("images/page/s1.jpeg") !important;*/
     background-image: url("images/page/fruit-smoothies.jpg") !important;
     /*background-position: top !important;*/
     background-position: 50% -50% !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
 }

 .vc_custom_1459320656051 {
     padding-top: 100px !important;
     padding-bottom: 100px !important;
     /* background-image: url("http://demo.juiceforest.com/wordpress/mediamax/wp-content/uploads/2016/03/pattern-2-1-1-1.png?id=109") !important; */
     background-position: 0 0 !important;
     background-repeat: repeat !important;
 }

 .vc_custom_1532334862373 {
     padding-top: 130px !important;
     padding-bottom: 130px !important;
     background-color: rgba(0, 0, 0, 0.9) !important;
     background-color: #634e42 !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     *background-color: rgb(0, 0, 0) !important;
 }

 .vc_custom_1459234574985 {
     margin-top: -1px !important;
     padding-top: 0px !important;
 }

 .vc_custom_1458035227567 {
     margin-top: 0px !important;
     margin-bottom: 0px !important;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
 }

 .vc_custom_1458550585838 {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
 }

 .vc_custom_1458562097910 {
     padding-right: 30px !important;
 }

 .vc_custom_1458560350797 {
     padding-left: 35px !important;
 }

 .header-transparent .main-menu-wrap,
 header.sticky.header-transparent .main-menu-wrap {
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .common-menu-wrap .nav>li.active>a {
     font-weight: 700;
 }

 .col-sm-2.common-menu {
     padding: 0;
 }

 .col-sm-5.common-menu {
     padding-left: 30px;
     padding-right: 30px;
 }

 .header-transparent {
     transition: 600ms all;
 }

 .smallspan,
 .mediamax-chef-designation,
 .addon-juiceforest-title .style-title,
 .addon-special-dishes .special-dish-title,
 .addon-special-dishes .special-dish-content-wrapper .content-headings .leading {
     font-family: merri;
     font-weight: 500;
     font-size: 15px;
     color: #006731;
     text-transform: uppercase;
     letter-spacing: 4px;

     letter-spacing: 5px;
     font-family: sf-pro;
     font-weight: 600;
 }

 .addon-special-dishes .special-dish-title,
 .addon-special-dishes .special-dish-content-wrapper .content-headings .leading {
     color: white;

 }

 .capts>span {
     font-family: sf-pro;
     font-size: 24px !important;
     text-transform: uppercase;
     letter-spacing: 3px !important;
     font-weight: 500 !important;
     text-align: center !important;
     width: 100%;
     display: block;
     line-height: initial !important;
     color: #006731;
 }

 .capts>hr {
     width: 40px;
     border-top: 2px solid #ffbf00;
     margin: 18px auto 20px !important;
     border-width: 2px 0px 0px !important;
 }

 .capts {
     /* position: absolute;
  top: 0; 
  left: 0; */
     padding: 20px 20px !important;
 }

 .capts>img {
     opacity: 1;
 }

 .common-menu-wrap .nav>li>a:before {
     background: #006731;
 }

 header.sticky {
     background: yellow !important;
 }

 .vc_custom_1459860956733>.vc_col-sm-12 .entry-content-list {
     padding: 130px 0 240px 0;
 }

 .vc_custom_1506060095736 .menuoffer-addon .menuoffer-addon-content,
 .addon-special-dishes>div>div>div:nth-child(2):before,
 .addon-special-dishes>div>div>div:last-child:before,
 .half-section:after,
 .vc_custom_1506060095736 .menuoffer-addon .menuoffer-addon-content {
     background-color: #634e42;
 }

 .mediamax-addon-content .mediamax-chef-title {
     font-family: sf-pro;
     font-size: 55px;
     font-size: 45px;
     font-weight: 300;
     color: #634e42;
     margin-bottom: 35px;
     letter-spacing: 1px;
 }

 .about-page .addon-juiceforest-title.abt-cont .style-title {
     font-size: 45px;
 }

 .mediamax-chef-description {
     font-size: 20px;
     max-width: 660px;
     margin: auto;
     line-height: 1.6;
     color: #634e42;
 }

 .addon-special-dishes .special-dish-content-wrapper .content-headings .leading {
     display: none;
 }

 .menuoffer-fancy-cta-title {
     font-weight: 300;
 }

 .style-title.large {
     font-family: merri;
     font-weight: 200;
     font-size: 35px;
     color: white;
     text-transform: uppercase;
     letter-spacing: 4px;
     line-height: 47px;
     width: 90%;
     margin: auto;
     font-family: sf-pro;
     font-weight: 300;
 }

 h3.style-sub-title.large {
     font-family: sf-pro;
     font-weight: 300;
     font-size: 20px;
     color: white;
     letter-spacing: 1px;
     line-height: initial;
     width: 68%;
     margin: 30px auto 0px auto;
 }

 .org2 .col-md-7 {
     z-index: 2;
 }

 .menuoffer-addon.dup1 .col-md-7 {
     margin-top: -150px;
 }

 .dpu1.menuoffer-addon .menuoffer-position-right {
     top: 0
 }

 .dpu2 .menuoffer-addon .col-md-7 {
     margin-top: -100px;
 }

 .dpu1 .col-md-5 .menuoffer-position-right img.zoomimg {

     height: 590px;
     width: 100%;
     object-fit: cover;
     object-position: center 100%;
         object-position: 60px 100%;
 }


 .org2.menuoffer-addon .menuoffer-addon-content {
     padding: 87px;
 }

 .org1 img.zoomimg {
     width: 500px;
     height: 477px;
     object-fit: cover;
     object-position: left;
 }

 .org2 img.zoomimg {
     width: 500px;
     height: 510px;
     object-fit: cover;
     object-position: center;
 }

 .dpu2 img.zoomimg {

     width: 500px;
     height: 477px;
     object-fit: cover;
     object-position: 20% center;
 }

 .menuoffer-fancy-cta-title {
     font-size: 55px;
 }

 img.foodicons {

     height: 60px;
     margin-bottom: 30px;
 }

 .menuheadertitle {
     margin-bottom: 20px;
 }

 .menuheadertitle img.foodicons {
     display: inline;
 }

 .menuheadertitle .menuoffer-fancy-cta-title {
     display: inline;

 }

 .dpu1 img.foodicons {
     margin-right: 10px;
 }

 .dpu2 img.foodicons {
     margin-right: 20px;
 }

 .col-md-7 .menuoffer-addon-content {
     height: 647px;
     display: flex;
     align-items: center;
 }

 .vc_custom_1506060095736 {

     padding-bottom: 150px !important;
 }

 .bigtt {
     font-family: sf-pro;
     font-size: 55px;
     font-size: 45px;
     font-weight: 300;
     color: rgb(99, 78, 66);
     margin-bottom: 35px;
     letter-spacing: 1px;
 }

 ul.onlineorder {
     list-style: none;
     padding-inline-start: 0;
     padding-top: 30px;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }

 ul.onlineorder li {
     width: auto;
     float: left;
     transition: 200ms all;
 }

 ul.onlineorder li img {
     height: 140px;
     margin: 0 30px;
     filter: drop-shadow(0px 0px 11px rgba(1, 1, 1, 0.3));
     border-radius: 50%;
 }

 .marginautolr {
     margin-left: auto;
     margin-right: auto;
 }

 .onlineorder li:hover {
     transform: translateY(-10px);
 }

 .none {
     display: none !important;
 }

 .footericon .widget .single-ads img {
     height: 60px;
 }

 .bottom .widget h3.widget_title {
     font-weight: 400;
     color: #006731;
 }

 .bottom .widget.widget_text .textwidget p,
 .widget .juiceforest-social-share li a {
     color: #634e42;
 }

 a.mediamax {
     color: #634e42;
 }

 a.mediamax:hover,
 a:hover,
 .widget .juiceforest-social-share li a:hover, {
     color: #006731;
 }

 .mediamax-navbar-brand img.enter-logo {
     margin-top: 8px;
 }

 .common-menu-wrap .nav>li.active>a:before,
 .common-menu-wrap .nav>li:hover>a:before {
     opacity: 0;
 }

 .vc_custom_1532334862373 {
     /* background: url('images/emptyp.png');
    background-size: contain !important;
    background-repeat: repeat !important; */
 }

 .tp-bgimgoverlay {
     content: '';
     background: rgba(255, 255, 255, .5);
     position: absolute;
     width: 100%;
     height: 100%;

 }

 .socailmedia li {

     margin: 0 2px;

 }

 .socailmedia li img {

     height: 23px;

 }

 .widget>ul.socailmedia {
     margin-top: -4px;
 }

 .caps {
     text-transform: uppercase;
 }

 .footer p {
     color: lightgray;
     font-weight: 500;

 }

 .overlayrow {
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.5);
     left: 0%;
     top: 0;
 }

 .overlayrow2 {
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.8);
     left: 0%;
     top: 0;
 }

 .footer p {
     margin: 0;
 }

 .tp-bannertimer {
     background: rgba(0, 0, 0, 0.15) !important;
 }

 .menuheadertitle img.foodicons {
     display: none
 }

 .footer .container {
     display: flex;
     justify-content: space-between;
 }

 ul.juiceforest-social-share.socailmedia li {
     position: relative;
     height: 33px;
     width: 33px;
     padding: 4px;

 }

 ul.juiceforest-social-share.socailmedia li:after {
     position: absolute;
     height: 100%;
     width: 100%;
     content: "";
     background: #634e42;
     border-radius: 50%;
     top: 0;
     left: 0;
     z-index: 0;
     transform: translateY(65px);
     transition: .4s;

 }

 ul.juiceforest-social-share.socailmedia li:nth-of-type(1):after {
     background: #3b5998;
 }

 ul.juiceforest-social-share.socailmedia li:nth-of-type(2):after {
     background: #c32aa3;
 }

 ul.juiceforest-social-share.socailmedia li:nth-of-type(3):after {
     background: #1da1f2;
 }

 ul.juiceforest-social-share.socailmedia li:nth-of-type(4):after {
     background: #db4437;
 }

 ul.juiceforest-social-share.socailmedia li:hover:after {
     transform: translateY(0px);
 }

 .footer-wrap a {
     position: relative;
     z-index: 1;
 }

 .footer-wrap {
     overflow: hidden;
 }

 .about-page p.style-intro-text {
     color: #666;
     font-size: 18px;
     line-height: 1.6;
     text-align: justify;
 }

 .about-page .addon-juiceforest-title.abt-cont .style-title {
     font-family: sf-pro;
     font-size: 45px;
     font-weight: 300;
     color: #634e42;
     margin-bottom: 35px;
     letter-spacing: 1px;
     text-transform: capitalize
 }

 .about-page .addon-juiceforest-title.abt-cont .style-sub-title {
     font-size: 15px;
     color: #006731;
     text-transform: uppercase;
     letter-spacing: 4px;
     letter-spacing: 5px;
     font-family: sf-pro;
     font-weight: 600;
     margin-bottom: 25px;
 }

 .about-page .addon-juiceforest-title.abt-cont a.btn-style-title.btn.btn-transparent {
     color: #634e42;
     border-color: #634e42;
 }

 .about-page .addon-juiceforest-title.abt-cont a.btn-style-title.btn.btn-transparent:hover {
     background-color: #634e42;
     color: #fff;
     border-color: #634e42;
 }

 .about-page .wpb_single_image.hor-img img {
     height: 400px;
     object-fit: cover;
 }

 .about-page .wpb_single_image.ver-img img {
     height: 300px;
     object-fit: cover;

 }

 .who-we .vc_row.wpb_row.vc_row-fluid.responsive-pad.vc_custom_1464168658062.vc_row-has-fill {
     margin: 130px auto 130px;
 }

 .about-page .wpb_single_image.ver-img {
     margin-bottom: 0px;
 }

 .footer p {
     padding: 5px;
     font-size: 15px;
 }

 .footer-wrap ul>li {
     margin: 0 10px 0 10px;
 }

 .right-side-img {
     position: relative;
 }

 .pattern-img-abt {
     display: none;
     position: absolute;
     width: 50%;
     height: auto;
     top: calc(70% - 367px);
     z-index: 2;
 }

 .sub-title-inner h2.page-leading {
     color: #006631;
     font-weight: 300;
 }

 .dotpp .dotppset {
     position: absolute;
     width: 100%;
     height: 90%;
     right: -5%;
     top: 5%;
     background: url('images/page/dots.png');
     /*mix-blend-mode: soft-light;*/
     z-index: -1;
 }

 .dotpp .dotppset2 {
     position: absolute;
     width: 100%;
     height: 90%;
     right: -5%;
     top: 5%;
     background: url('images/page/dot.png');
     mix-blend-mode: color-burn;
 }

 .about-page .vc_custom_1464168658062 {
     display: flex;
     align-items: center;
 }

 .bgwhite {
     background: white
 }

 .menuv-page .sub-title,
 .about-page .sub-title,
 .contact-page .sub-title,
 .menu-page .sub-title {
     margin-bottom: 0;
 }

 .addon-special-dishes>div>div>div:last-child:before {
     right: -150%;
 }

 .special-dish-content .col-sm-6.col-md-4:last-child .special-dish-content-wrapper {
     z-index: 99;

 }

 .menuv-page .special-dish-content .special-dish-content-wrapper .dish-image {
     width: 381px;
     height: 347px;
     object-fit: cover;
 }

 .vc_custom_1468563555226 {
     *margin-top: 200px;
     margin-bottom: 200px;
 }

 .menusmallspan {

     font-size: 15px;
     color: #006731;
     text-transform: uppercase;
     letter-spacing: 4px;
     letter-spacing: 5px;
     font-family: sf-pro;
     font-weight: 600;
 }

 .menuheadeing {
     font-size: 55px;
     font-weight: 300;
     line-height: 1;
     margin: 0 0 50px;
     color: #fff;
     font-family: sf-pro;
 }

 .addon-special-dishes .special-dish-content-wrapper .content-headings .dish-title {
     font-weight: 400;
     font-size: 25px;
     font-family: sf-pro;
 }

 .menuoverlay::before {

     background: black;
     width: 100%;
     height: 100%;
     position: absolute
 }

 .menuv-page .special-dish-content .col-md-4 .special-dish-content-wrapper .dish-image {
     object-position: center 26%;
 }

 .menuheadeing {
     margin-top: 15px !important;
 }

 .menuv-page .special-dish-content .col-sm-6.col-md-4:last-child .special-dish-content-wrapper {
     height: 347px;
 }

 .menuv-page .special-dish-content .col-sm-6.col-md-4:last-child .special-dish-content-wrapper .content-headings {
     top: 0;
     bottom: auto;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .menuv-page .special-dish-content .lastfill:last-child .special-dish-content-wrapper {
     height: 347px;
 }

 .menuv-page .special-dish-content .lastfill:last-child .special-dish-content-wrapper .content-headings {
     top: 0;
     bottom: auto;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .menulastbox p {
     text-align: center;
     font-size: 20px;
     font-weight: 300;
 }

 .menulastbox h3 {
     font-size: 28px;
     line-height: 1;
     margin: 0;
     text-transform: uppercase;
     color: #fff;
     font-weight: 300;
 }

 .menulastbox hr {
     width: 20%;
 }

 .menuoverlay {
     position: absolute;
     width: 100%;
     height: 100%;
     background: linear-gradient(to bottom, rgba(1, 1, 1, 0.05) 45%, rgba(1, 1, 1, 0.5));
     top: 0;
 }

 .flex {
     display: flex;
 }

 .sub-title-inner h2.page-leading {
     color: #634e41;
     font-weight: 300;
     *font-family: aksana;
     letter-spacing: 3px;
     text-transform: uppercase;
     *font-size: 80px;

     font-family: sf-pro;
     font-size: 55px;
 }

 .dpu1.menuoffer-addon .menuoffer-img-container .menuoffer-position-right {
     width: 55%;
 }

 .menuv-page .modal-backdrop.in {
     opacity: 0.95;
     background: black;
 }

 .modal.in .modal-dialog {
     width: 100%;
     max-width: 1000px;
     margin: auto;
     top: 50%;
     transform: translateY(-50%);
 }

 .modal-content {
     background: #212121;
     min-height: 350px;
     border-radius: 0;
 }

 .modal-content::after {
     background: url('images/page/menup.svg');
     content: "";
     position: absolute;
     top: 0;
     left: 0;
 }

 .modaloverybg {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     background: url('images/page/pattern.png');
     opacity: 0.4;
     background-size: contain;
     border: 2px solid #7a7a7a;
 }

 .modalstart {
     width: 100%;
     max-width: 80%;
     margin: 100px auto;
     background-image: url('images/dark_wall.png');
     position: relative;
     padding: 40px 40px 40px 40px;
     overflow: hidden;
     height: calc(90vh - 340px);
     border: 1px solid #ffff00;
 }

 .modal-header {
     padding: 15px 34px;
     border-bottom: 0;
     text-align: left;
     padding: 15px 34px 25px 34px;

 }

 .modal-title {
     margin: 0;
     line-height: 1.42857143;
     color: yellow;
     font-weight: 400;
     text-transform: uppercase;
     font-family: sf-pro;
     letter-spacing: 2px;
     font-size: 30px;
 }

 ul.orderlist {
     display: flex;
     flex-wrap: wrap;
     padding-inline-start: 0;
     -webkit-padding-start: 0px;
     list-style: decimal-leading-zero;
     margin: 0;
     margin-left: 10px;
 }

 .orderlist li {
     width: 50%;
     color: white;
     padding: 5px;
     width: 100%;
     color: white;
     padding: 6px;
     font-size: 18px;
     display: flex;
     margin: auto;
 }

 .orderlist li span:nth-child(1) {
     color: gray;
     padding-right: 10px;
 }

 .orderlist li span:nth-child(1)::after {
     content: '.';

 }

 .orderlist li span:nth-child(2) {
     padding-left: 10px;
 }

 .orderlist li span:nth-child(3) {
     flex: 1;
     height: 1px;
     width: 1px;
     background: #464646;
     margin: auto 20px;
 }

 .orderlist li span:nth-child(4) {}


 .modalstart .modal-header .close {
     position: absolute;
     color: white;
     color: #ffff1d;
     right: 58px;
     opacity: 1;
     font-weight: 100;
     float: none;
     top: 50px;
     font-size: 41px;
     margin: 0;
     padding: 0;
 }

 .special-dish-content-wrapper a {
     cursor: pointer;
 }

 .menuv-page .vc_custom_1459860956733>.vc_col-sm-12 .entry-content-list {
     padding: 130px 0 170px 0;
 }

 .close:focus,
 .close:hover {
     outline: 0;
 }

 .capts h2 {
     /* font-family: aksana; */
     font-size: 80px !important;
     color: #634e41;
     font-weight: 400 !important;
     line-height: inherit !important;
     letter-spacing: 0px !important;
     padding: 10px 25px !important;

     text-align: center !important;

     font-family: sf-pro;
     /* font-family: "sienna"; */
     font-weight: 400 !important;
     font-size: 45px !important;
     line-height: 60px !important;
     margin: 0 !important;
     text-transform: uppercase;


 }

 .vc_custom_1506060095736 .menuoffer-addon .menuoffer-addon-content::after {
     content: '';
     background-image: url('images/page/pattern.png');
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     opacity: 0.15;
     mix-blend-mode: overlay;
     background-size: cover;

     background: url("images/sujiwall3s.jpg");
     opacity: 1;
     mix-blend-mode: color-burn;
     background-size: contain !important;
 }

 .vc_custom_1532334862373::before {
     background: url('images/page/pattern.png');
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-size: 600px;
     opacity: 0.15;
     display: block;
     mix-blend-mode: overlay;
     background: url(images/sujiwall3s.jpg);
     opacity: 1;
     mix-blend-mode: color-burn;
     background-size: contain !important;
 }

 .header-transparent::before {
     background: rgba(255, 255, 255, 0.2);
     * filter: blur(20px);
 }

 .extraindex {
     z-index: 1;
 }

 /* Menu */

 .menu-block {
     position: relative;
     margin: 0px auto 200px;
     /*max-width: 900px;*/
 }

 .menu-body {
     width: 100%;
     position: relative;
     z-index: 2;
     /*margin-top: 70px;*/
 }

 .menu-bg-image {
     position: absolute;
     background-size: contain;
     top: 0;
     right: 0;
     height: 100%;
     width: 100%;
     z-index: 2;
     opacity: 0.15;
 }

 .menu-bg-image {
     opacity: 0.9;
     background-size: 840px;
 }

 .menu-content {
     display: flex;
     width: 100%;
     position: relative;
     overflow: hidden;

 }

 .menu-content {
     background: #101010;
     /*background: #ffffff;*/
     color: #fff;
     position: relative;
     z-index: 3;
     padding: 0px 30px;
     margin-top: 130px;
     margin-bottom: 130px;
     /* transform: translate(30px, 80px); */
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
 }

 .menu-content h2 {
     text-align: center;
     margin: 30px 0;
     color: #fff;
     color: yellow;
     font-weight: 200;
 }

 .menu-content ul {
     padding: 0;
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 0px;
 }

 .menu-content ul li {
     width: calc(50% - 10%);
     display: flex;
     justify-content: space-between;
 }

 .menu-content ul>li:nth-of-type(odd) {
     margin-right: 5%;
     margin-left: 5%;
 }

 .menu-content ul>li:nth-of-type(even) {
     margin-left: 5%;
     margin-right: 5%;
 }

 .menu-page section#main {
     position: relative;
     /*background-color: #1b1919;
    background-color: #232323;*/
     width: 100%;
     height: 100%;
     background-attachment: fixed;
     background-size: auto;
     background-image: url('images/dark_wall.png');
     background-repeat: repeat;
     /*background-image: url(images/white-wall.jpg);*/

 }

 /*.menu-page section#main:after{
    background-size: contain;
    background-image: url(../images/page/pattern.png);
    background-attachment: fixed;
    opacity: .1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
}*/

 .menu-content ul:nth-of-type(2) li {
     width: 100%;
     display: flex;
     justify-content: center;
 }

 .menu-content ul:nth-of-type(2) li a {
     color: #fff;
     border: 1px solid #fff;

     height: 20px;
     width: 20px;
     line-height: normal;
     display: block;
     border-radius: 50%;
     transform: rotate(180deg);
     padding: 3px 6px;
 }

 .collapse.in a {
     padding: 4px 6px;
 }

 .menu-heading {
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;

 }

 .menu-heading span {
     background: yellow;
     height: 2px;
     flex: 1;
     align-items: center;
     position: relative;
     top: 50px;
     margin: 0px 30px;
 }

 .menu-heading span:nth-of-type(1):before {
     position: absolute;
     content: "";
     width: 10px;
     height: 10px;
     background: yellow;
     right: 0;
     top: -4px;
     border-radius: 50%;
 }

 .menu-heading span:nth-of-type(2):before {
     position: absolute;
     content: "";
     width: 10px;
     height: 10px;
     background: yellow;
     left: 0;
     top: -4px;
     border-radius: 50%;
 }

 .menu-body>div {
     padding: 0 0 70px;
 }

 .menu-body>div:nth-of-type(1) {
     padding: 70px 0 70px;
 }

 .dotted {
     flex: 2;
     margin: 0px 15px;
     border-top: 1px dotted #666;
     align-self: center;
     height: 10px;
 }


 /* contact */


 .menu-body p {
     color: #dedede;
     font-weight: 500;
 }

 .wpb_map_wraper {
     height: 400px;
 }

 #map {
     height: 100%;
 }

 .vc_custom_1458813809876 {
     padding: 150px 0;
 }

 .contact-page .addon-juiceforest-title .style-sub-title {
     font-weight: 300;
     font-size: 30px;
     line-height: normal;
     color: #634e41;
     margin-bottom: 35px;
     text-transform: uppercase;
     letter-spacing: 2px;
 }

 .contact-detail .contactbx p>strong {
     font-weight: 600;
     color: #006631;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .contact-page form {
     margin-top: 50px;
 }

 .vc_custom_1459773947878 {}

 .contactbx p:last-child {
     color: #585858;
     font-weight: 400;
 }

 .contactbx span.phonect strong {
     color: #644f42;
     font-weight: 500;
     margin-top: 9px;
     display: inline-block;
     margin-bottom: 25px;
 }

 .contactbx span.phonect strong {
     color: #644f42;
     font-weight: 500;
     margin-top: 9px;
     display: inline-block;
     margin-bottom: 25px;
 }

 span.phonect a {
     /*color: #00662f;*/
 }

 .contact-page .vc_custom_1458813809876 .vc_custom_1459773947878 {
     padding-left: 60px;
     padding-right: 60px;
     padding-top: 0 !important;
 }

 .menu-page .vc_custom_1459860956733 {
     background: white;
 }

 .menu-page .vc_custom_1459860956733 .entry-content-list {
     padding: 130px 0 140px 0;
 }

 .textoverlaybg {
     margin: 0px -10px !important;
     top: 15px;
     position: absolute;
     left: 0;
     z-index: -1;
     height: auto;
 }

 .textoverlaybg img {
     filter: blur(12px);
     opacity: 0.95;
     width: 100% !important;
     height: 100% !important;
     display: none;
 }

 .btn.btn-transparent {
     border-width: 1px;
 }

 .footer-wrap a {
     text-transform: capitalize;
 }

 .style-sub-title.large.home {
     line-height: 32px;
 }

 .textoverlaybg.b2 {
     top: -5px;
 }

 .capstxt,
 .style-sub-title.bigtt,
 .mediamax-addon-content .mediamax-chef-title,
 .about-page .addon-juiceforest-title.abt-cont .style-title {
     text-transform: uppercase;
 }

 .menu-content img {
     z-index: 2;
     opacity: .2;
     position: absolute;
 }


 .menuimgpizza {
     height: 240px;
     right: 0;
 }

 .menuimglemon2 {
     top: 24em;
     height: 260px;
     left: -90px;
 }

 .menuimgorange {
     top: 49em;
     height: 390px;
     right: 0;
     display: none;
 }

 .menuimgwatermelon {
     top: 50em;
     right: -6em;
 }

 .menuimgstrawberry2 {
     top: 77em;
     height: 300px;
     left: 14em;
 }

 .menuimgstrawberry1 {
     top: 96em;
     height: 130px;
     left: 39em;
 }

 .menuimgmathulai {
     top: 82em;
     height: 72px;
 }

 .menuimgjuice3 {
     top: 107em;
     height: 530px;
     left: 0;
 }

 .menuimgshakes {
     top: 180em;
     height: 360px;
     left: -110px;
     transform: rotate(-90deg);
     top: 154em;
     height: 400px;
 }

 .menuimgjuice1 {
     top: 130em;
     height: 400px;
     transform: rotate(-70deg);
     right: 6em;
 }

 .menuimgicecream1 {
     top: 157em;
     height: 280px;
     top: 179em;
     height: 250px;
     right: -20px;
     transform: rotate(90deg);
 }

 .menuimgicecream {
     top: 238em;
     height: 330px;
     right: -60px;
     transform: rotate(90deg);
 }

 .menuiframe {
     margin-top: 100px;
     margin-bottom: 100px;
 }

 .menuiframe iframe {
     width: 100%;
     height: calc(100vh - 130px);
     border: 2px solid white !important;
     border-color: white !important;
     background: #FFFFFF !important;
     padding: 0px;
 }

 .menuiframe .menuwarp {
     position: relative;
 }

 .menuiframe .menuwarp .mb1 {
     position: absolute;
     height: 5px;
     background: white;
     width: 100%;
     top: 0px;
 }

 .menuiframe .menuwarp .mb2 {
     position: absolute;
     height: 5px;
     background: white;
     width: 100%;
     bottom: 8px;
 }

 .menuiframe .menuwarp .mb3 {
     position: absolute;
     height: calc(100% - 6px);
     background: white;
     width: 5px;
     top: 0px;
     left: 2px;
 }

 .menuiframe .menuwarp .mb4 {
     position: absolute;
     background: white;
     height: calc(100% - 6px);
     width: 5px;
     top: 0px;
     right: 2px;
 }

 .menuimgjuice {
     top: 200em;
     height: 560px;
 }

 .menuimgsandwich {
     top: 263em;
     height: 300px;
     left: -60px;
 }

 .menuimgchass {
     top: 277em;
     height: 218px;
     right: 5em;
     transform: rotate(35deg);
 }

 .menuimgfriench1 {
     top: 295em;
     height: 347px;
     left: 23em;
 }

 .menuimgpizza2 {
     top: 317em;
     height: 397px;
     left: 0em;
 }

 .menuimgab {
     top: 347em;
     height: 400px;
     right: 3em;
 }

 .menuimgseed {
     top: 372em;
     height: 420px;
     left: 8em;
 }

 .menuimgcake2 {
     top: 404em;
     height: 520px;
     right: 53em;
     left: 4em;
     transform: rotate(-90deg);
 }

 .menuimgstraberry {
     top: 395em;
     height: 259px;
     right: 1em;
 }

 .rev-slidebg.pizza {
     transform: scale3d(-1, 1, 1);
 }

 .tp-bullet {
     background: rgba(255, 255, 255, 0.7)
 }

 .tp-bullet.selected,
 .tp-bullet:hover {
     background: #006631;
 }

 #form-messages {
     margin-top: 20px;
     color: #006533;
     font-weight: 500;
 }

 #load {
     width: 100%;
     height: 100%;
     position: fixed;
     background: #fff;
     font-weight: 300;
    text-align: center;
     z-index: 999999;
     /*background: url("images/preload.gif") no-repeat center center rgba(255, 255, 255, 1);
     background-size: 55px;*/
 }

 .lfadeout {
     /* transition: all 500ms; */
     opacity: 1;
     animation: 500ms fadeoutload forwards;
 }

 @keyframes fadeoutload {
     0% {
         opacity: 100%;
     }

     100% {
         opacity: 0;
         /* display: none; */
         visibility: hidden;
     }
 }

 #rev_slider_1_1 .uranus.tparrows {
     visibility: visible !important;
     opacity: 1 !important;
     top: calc(50% - 25px) !important;

 }

/* .tp-leftarrow.tparrows.uranus {
     transform: matrix(1, 0, 0, 1, 20, 0) !important;
 }

 .tp-rightarrow.tparrows.uranus {
     transform: matrix(1, 0, 0, 1, -70, 0) !important;
 }*/

 .newmenupp .modaloverybg {
     border: 0px solid #000000;

 }

 .newmenupp .modalstart {
     mix-blend-mode: screen;
     height: calc(90vh - 200px);
 }

 .menuv-page .special-dish-content .mousecak.col-md-4 .special-dish-content-wrapper .dish-image {
     object-position: 100% 80%;
 }

 .newmenupp#combooffer .modaloverybg {
     background: url(images/menu/combo.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#freshfruitjuice .modaloverybg {
     background: url(images/menu/fresh-fruits.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#freshfruitshakes .modaloverybg {
     background: url(images/menu/fresh-fruits-shakes.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#deserts .modaloverybg {
     background: url(images/menu/dessert.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#faloodas .modaloverybg {
     background: url(images/kesar-pista.png);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#icecream .modaloverybg {
     background: url(images/menu/ICE-CREAM-MILKSHAKES.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#tender .modaloverybg {
     background: url(images/menu/mint-tender-coconut.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#seasonaljuice .modaloverybg {
     background: url(images/menu/seasonal-pineapple-juice.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#seasonalshakes .modaloverybg {
     background: url(images/menu/raspberry-cherry-shakes.jpg);
     background-size: cover;
     background-position: center center;
 }

 a[data-target="#seasonalshakes"] img{
        object-position: center center  !important;

 }

 .newmenupp#hotsandwich .modaloverybg {
     background: url(images/menu/hot-sandwich.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#hotburger .modaloverybg {
     background: url(images/menu/hot-cheese-burger.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#hotfries .modaloverybg {
     background: url(images/menu/hot-fries.jpeg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#hotpizza .modaloverybg {
     background: url(images/menu/hot-pizza.jpeg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#moussecakes .modaloverybg {
     background: url(images/menu/mousse-cake.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#moussecups .modaloverybg {
     background: url(images/menu/mousse-cups.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#specialmousse .modaloverybg {
     background: url(images/menu/special-mousse.jpg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#freshcream .modaloverybg {
     background: url(images/menu/fresh-cream.jpeg);
     background-size: cover;
     background-position: center center;

 }

 .newmenupp#ourspecialcakes .modaloverybg {
     background: url(images/menu/special-cakes.jpg);
     background-size: cover;
     background-position: center 50%;

 }

 .mediamax-chef-description {
     text-align: justify;
     text-align-last: center;
 }

 .modalstart .modal-body {
     overflow: auto;
     overflow-x: hidden;
     height: 452px;
     height: 456px;
     padding: 0 15px;
 }

 .modalstart .modal-body::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 10px;
     background-color: rgba(255, 255, 255, 0.3);
 }

 .modalstart .modal-body::-webkit-scrollbar {
     width: 5px;
     background-color: rgba(1, 1, 1, 1);
 }

 .modalstart .modal-body::-webkit-scrollbar-thumb {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
     background-color: #cac4498f;
 }

 #freshfruitjuice .modalstart .modal-header .close {
     right: 38px;
 }

 .orderlist li:first-child {
     padding-top: 0;
 }

 .orderlist li:last-child {
     padding-bottom: 0;
 }

 .menulastbox {
     position: relative;
     z-index: 1;
 }

 .modalnavigator {
     display: block;
     position: absolute;
     top: 50%;
     left: 0%;
     z-index: 9991;
 }

 .modalnavigator.in {
     display: block;
 }

 .modalnavigator .leftarr {
     color: white;
     font-size: 40px;
     position: fixed;
     left: 20px;
 }

 .modalnavigator .rightarr {
     color: red;
     font-size: 40px;
     position: fixed;
     right: 20px;
 }

.page-leading{
     visibility: hidden;
}
.linenone{
     visibility: hidden;
}
.set3 li span:nth-of-type(4),.set3 li span:nth-of-type(5),.set3 li span:nth-of-type(6){
     width: 100px;
}
.dish-title span {
    font-size: 12px;
}
.addon-special-dishes>div>div>div:last-child{
     position: absolute;
    bottom: 0;
    right: 0%;
        z-index: -1;
}
.addon-special-dishes>div>div>div:last-child:after{
         width: 100%;
}
.addon-special-dishes>div>div>div:last-child:before {
    right: -250%;
}
.menuv-page .special-dish-content .lastfill:last-child .special-dish-content-wrapper{
     position: relative;
    right: -100%;
        visibility: hidden;
}

.index-crunchies-block{
     display: none;
}

.navimodal{
        position: absolute;
        bottom: 30px;
        right: 18px;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
            
}
.navimodal>a
{   cursor: pointer;
    color: #cccccc;
}
.navimodal>a:first-child{
        padding-right: 30px;
}
.navimodal>a:last-child {
    padding-right: 75px;
}

 .tparrows:before{
     color: #634e41;
 }



#loader {
    position: absolute;
    top:50%; left:50%;
    height:200px; width:100px;
    margin-top:-100px; margin-left:-50px;
}

#glass {
    position: relative;
    height: 100%;
    background: rgba(255,255,255,.1);
    border-radius: 0% 0% 15% 15%;
    border: 3px solid;
    border-top: 0;
    border-bottom: 3px solid;
    border-color: #eee;
    overflow: hidden;
}
#drink {
    position: absolute;
    top:100%; right:0; bottom:0; left:0;
    background: linear-gradient(to bottom, orange, orangered);
    box-shadow: inset 0 2px 1px rgba(255,69,0,.2);
    opacity: .7;
}
#counter {
    position: relative;
    line-height: 200px;
    font-size: 22px;
    color: #634e41;
}

#lemon {
    display: none;
    position: absolute;
    top:0; right:0;
    height:79px; width:79px;
    margin-top:-38px; margin-right:-38px;
    background: radial-gradient(#f7f3b6 10%, #d7d26c);
    border-radius: 50%;
    border: 4px solid #47582e;
    box-shadow: inset 0 0 0 2px #f7f3b6;
}
#straw {
    display: none;
    position: absolute;
    bottom:20px; right:30%;
    height:220px; width:6px;
    background: steelblue;
    border-radius: 0 6px 0 0;
    transform: rotate(-18.5deg);
    transform-origin: left bottom;
    -webkit-transform: rotate(-18.5deg);
    -webkit-transform-origin: left bottom;
}
#straw:after {
    content: '';
    position: absolute;
    top:0; right:0;
    height:6px; width:80px;
    background: inherit;
    border-radius: 0 6px 0 0;
}

/* #cubes {
    position: absolute;
    top:0; right:0; bottom:0; left:0;
}
#cubes div {
    position: absolute;
    width:50px; height:50px;
    background: rgba(255,255,255,.3);
    border-radius: 10px;
    z-index: 5;
    box-shadow: inset 0 0 10px rgba(255,255,255,.6);
}
#cubes div:nth-child(1) {
    bottom:0;
}
#cubes div:nth-child(2) {
    bottom:45px; left:25px;
    transform: rotate(32deg);
    transform-origin: center bottom;
    -webkit-transform: rotate(32deg);
    -webkit-transform-origin: center bottom;
}
#cubes div:nth-child(3) {
    bottom:90px; left:20px;
    transform: rotate(-34deg);
    transform-origin: center bottom;
    -webkit-transform: rotate(-34deg);
    -webkit-transform-origin: center bottom;
} */

#coaster {
    width: 130%; height: 4px;
    margin-left: -15%;
    background: #634e41;
    border-radius: 2px;
}

.slide-item img{
     object-fit: cover;
}

.slide-wrapper,.slider-water,.slide-item img{
     height: 100vh;
     width: 100%;
     overflow: hidden;
         font-family: fonts;
             font-weight: 400;
}

#slidercanvas,.site-wrapper{
     font-family: fonts !important;
         font-weight: 400;
}

canvas{
     height: 100vh !important;
     width: 100% !important;
     overflow:hidden;
     font-family: fonts;
}

#load{
     /*display: none;*/
     /*background: #634e41;*/
     display: flex;
}
.box {
  height: 85px;
  width: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*background: #006731;*/
  border-radius: 0% 0% 10% 10%;
  border-radius: 100% 0% 47% 53% / 0% 0% 100% 100%;
  border: 3px solid #006731;
  border-top:0;
  overflow: hidden;
}
.glass{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
.glass{
     /*display: none;*/
}
.glass-handle{
  height: 30px;
  width: 3px;
  position: absolute;
  top: 40px;
  left: 50%;
  background: #006731;        
}
.glass-end{
  height: 3px;
  width: 30px;
  position: absolute;
  top: 70px;
  left: -15px;
  background: #006731;        
}
.box .percent {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 16px;
}
.box .water {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
          transform: translate(0, 100%);
  background: yellow;
  transition: all .3s;
}
.box .water_wave {
  width: 200%;
  position: absolute;
  bottom: 100%;
}
.box .water_wave_back {
  right: 0;
  fill: #ffff8d;
          animation: wave-back 2.2s infinite linear;
}
.box .water_wave_front {
  left: 0;
  fill: yellow;
  margin-bottom: -1px;
          animation: wave-front 1.2s infinite linear;
}

@keyframes wave-front {
  100% {
            transform: translate(-50%, 0);
  }
}

@keyframes wave-back {
  100% {
            transform: translate(50%, 0);
  }
}


#beer1 {
  height: 50vh;
  background-color: #442f22;
  font-weight: 900;
  position: relative;
}
#beer1 > div {
  font-size: 6em;
  color: transparent;
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  line-height: 100px;
  transform: translate(0, -50%);
  -webkit-background-clip: text;
  background-clip: text;
  background-image: url('images/loader-wave1.png');
  background-position: 0 0;
  animation: serveja 2.5s linear infinite;
}
@keyframes serveja {
  to {
    background-position: 1051px 0;
  }
}
#beer2 {
  height: 50vh;
  background-color: #fff;
  font-weight: 900;
  position: relative;
}
#beer2 > div {
  width: 140px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url('images/loader-wave2.png');
  background-repeat: repeat-x;
  background-color: #634e41;
  animation: serveja 10s linear infinite;
}
#beer2 > div > div {
  position: relative;
  z-index: 400000;
  width: 100%;
  padding-bottom: 100%;
  background-image: url('images/loader-cub.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.11825779);
  width: 3.1940002px;
  height: 3.1940002px;
  position: absolute;
  left: 31.96421591%;
  bottom: 0;
  animation: bolha 1.14860576s infinite linear;
}
#beer2 > div .bolha:nth-child(39) {
  background-color: rgba(255, 255, 255, 0.41758967);
  width: 2.40367129px;
  height: 2.40367129px;
  position: absolute;
  left: 55.747672%;
  bottom: 0;
  animation: bolha 1.73868047s infinite linear;
}
#beer2 > div .bolha:nth-child(38) {
  background-color: rgba(255, 255, 255, 0.7986231);
  width: 3.43925706px;
  height: 3.43925706px;
  position: absolute;
  left: 49.74999473%;
  bottom: 0;
  animation: bolha 1.4485152s infinite linear;
}
#beer2 > div .bolha:nth-child(37) {
  background-color: rgba(255, 255, 255, 0.77749425);
  width: 2.85159196px;
  height: 2.85159196px;
  position: absolute;
  left: 29.01125662%;
  bottom: 0;
  animation: bolha 1.10480889s infinite linear;
}
#beer2 > div .bolha:nth-child(36) {
  background-color: rgba(255, 255, 255, 0.50363592);
  width: 5.46529483px;
  height: 5.46529483px;
  position: absolute;
  left: 49.61225834%;
  bottom: 0;
  animation: bolha 1.22260978s infinite linear;
}
#beer2 > div .bolha:nth-child(35) {
  background-color: rgba(255, 255, 255, 0.85732386);
  width: 5.39087795px;
  height: 5.39087795px;
  position: absolute;
  left: 58.50217973%;
  bottom: 0;
  animation: bolha 1.01226772s infinite linear;
}
#beer2 > div .bolha:nth-child(34) {
  background-color: rgba(255, 255, 255, 0.30702624);
  width: 2.59467268px;
  height: 2.59467268px;
  position: absolute;
  left: 54.55355189%;
  bottom: 0;
  animation: bolha 1.72073734s infinite linear;
}
#beer2 > div .bolha:nth-child(33) {
  background-color: rgba(255, 255, 255, 0.21719563);
  width: 2.95213711px;
  height: 2.95213711px;
  position: absolute;
  left: 50.25245004%;
  bottom: 0;
  animation: bolha 1.50877871s infinite linear;
}
#beer2 > div .bolha:nth-child(32) {
  background-color: rgba(255, 255, 255, 0.32825901);
  width: 4.82119311px;
  height: 4.82119311px;
  position: absolute;
  left: 32.64472571%;
  bottom: 0;
  animation: bolha 1.65503011s infinite linear;
}
#beer2 > div .bolha:nth-child(31) {
  background-color: rgba(255, 255, 255, 0.32381819);
  width: 2.91693954px;
  height: 2.91693954px;
  position: absolute;
  left: 51.20490984%;
  bottom: 0;
  animation: bolha 1.48635698s infinite linear;
}
#beer2 > div .bolha:nth-child(30) {
  background-color: rgba(255, 255, 255, 0.4914121);
  width: 3.88826506px;
  height: 3.88826506px;
  position: absolute;
  left: 56.94024076%;
  bottom: 0;
  animation: bolha 1.47689637s infinite linear;
}
#beer2 > div .bolha:nth-child(29) {
  background-color: rgba(255, 255, 255, 0.56248634);
  width: 3.41349911px;
  height: 3.41349911px;
  position: absolute;
  left: 19.96025906%;
  bottom: 0;
  animation: bolha 1.11216084s infinite linear;
}
#beer2 > div .bolha:nth-child(28) {
  background-color: rgba(255, 255, 255, 0.18629246);
  width: 4.58862632px;
  height: 4.58862632px;
  position: absolute;
  left: 48.89813632%;
  bottom: 0;
  animation: bolha 1.58744984s infinite linear;
}
#beer2 > div .bolha:nth-child(27) {
  background-color: rgba(255, 255, 255, 0.15987565);
  width: 2.32349989px;
  height: 2.32349989px;
  position: absolute;
  left: 36.80255142%;
  bottom: 0;
  animation: bolha 1.78090076s infinite linear;
}
#beer2 > div .bolha:nth-child(26) {
  background-color: rgba(255, 255, 255, 0.57688087);
  width: 4.81110599px;
  height: 4.81110599px;
  position: absolute;
  left: 30.36399302%;
  bottom: 0;
  animation: bolha 1.70206862s infinite linear;
}
#beer2 > div .bolha:nth-child(25) {
  background-color: rgba(255, 255, 255, 0.2457503);
  width: 5.30345921px;
  height: 5.30345921px;
  position: absolute;
  left: 39.52213181%;
  bottom: 0;
  animation: bolha 1.44982607s infinite linear;
}
#beer2 > div .bolha:nth-child(24) {
  background-color: rgba(255, 255, 255, 0.14028253);
  width: 5.4772848px;
  height: 5.4772848px;
  position: absolute;
  left: 43.0273617%;
  bottom: 0;
  animation: bolha 1.70356772s infinite linear;
}
#beer2 > div .bolha:nth-child(23) {
  background-color: rgba(255, 255, 255, 0.496558);
  width: 5.54357063px;
  height: 5.54357063px;
  position: absolute;
  left: 23.52002987%;
  bottom: 0;
  animation: bolha 1.33006784s infinite linear;
}
#beer2 > div .bolha:nth-child(22) {
  background-color: rgba(255, 255, 255, 0.43146244);
  width: 5.20500929px;
  height: 5.20500929px;
  position: absolute;
  left: 19.43240512%;
  bottom: 0;
  animation: bolha 1.26595495s infinite linear;
}
#beer2 > div .bolha:nth-child(21) {
  background-color: rgba(255, 255, 255, 0.45572969);
  width: 5.88735257px;
  height: 5.88735257px;
  position: absolute;
  left: 49.39431871%;
  bottom: 0;
  animation: bolha 1.2536796s infinite linear;
}
#beer2 > div .bolha:nth-child(20) {
  background-color: rgba(255, 255, 255, 0.39194429);
  width: 4.37141781px;
  height: 4.37141781px;
  position: absolute;
  left: 55.51900869%;
  bottom: 0;
  animation: bolha 1.18651657s infinite linear;
}
#beer2 > div .bolha:nth-child(19) {
  background-color: rgba(255, 255, 255, 0.1200716);
  width: 4.01658913px;
  height: 4.01658913px;
  position: absolute;
  left: 22.71237184%;
  bottom: 0;
  animation: bolha 1.38670488s infinite linear;
}
#beer2 > div .bolha:nth-child(18) {
  background-color: rgba(255, 255, 255, 0.45780615);
  width: 5.09444099px;
  height: 5.09444099px;
  position: absolute;
  left: 46.12328704%;
  bottom: 0;
  animation: bolha 1.66454636s infinite linear;
}
#beer2 > div .bolha:nth-child(17) {
  background-color: rgba(255, 255, 255, 0.18951867);
  width: 3.48838088px;
  height: 3.48838088px;
  position: absolute;
  left: 19.59712844%;
  bottom: 0;
  animation: bolha 1.15944423s infinite linear;
}
#beer2 > div .bolha:nth-child(16) {
  background-color: rgba(255, 255, 255, 0.49548264);
  width: 4.01765777px;
  height: 4.01765777px;
  position: absolute;
  left: 44.30417299%;
  bottom: 0;
  animation: bolha 1.72823842s infinite linear;
}
#beer2 > div .bolha:nth-child(15) {
  background-color: rgba(255, 255, 255, 0.81671542);
  width: 5.30348322px;
  height: 5.30348322px;
  position: absolute;
  left: 43.72218923%;
  bottom: 0;
  animation: bolha 1.40757176s infinite linear;
}
#beer2 > div .bolha:nth-child(14) {
  background-color: rgba(255, 255, 255, 0.17841463);
  width: 2.74373388px;
  height: 2.74373388px;
  position: absolute;
  left: 46.21053612%;
  bottom: 0;
  animation: bolha 1.1954357s infinite linear;
}
#beer2 > div .bolha:nth-child(13) {
  background-color: rgba(255, 255, 255, 0.46487775);
  width: 5.74597256px;
  height: 5.74597256px;
  position: absolute;
  left: 38.13819054%;
  bottom: 0;
  animation: bolha 1.67514974s infinite linear;
}
#beer2 > div .bolha:nth-child(12) {
  background-color: rgba(255, 255, 255, 0.76589112);
  width: 4.18333885px;
  height: 4.18333885px;
  position: absolute;
  left: 31.1924343%;
  bottom: 0;
  animation: bolha 1.71199005s infinite linear;
}
#beer2 > div .bolha:nth-child(11) {
  background-color: rgba(255, 255, 255, 0.44479372);
  width: 4.45607361px;
  height: 4.45607361px;
  position: absolute;
  left: 59.06067039%;
  bottom: 0;
  animation: bolha 1.11513247s infinite linear;
}
#beer2 > div .bolha:nth-child(10) {
  background-color: rgba(255, 255, 255, 0.80440422);
  width: 2.36396678px;
  height: 2.36396678px;
  position: absolute;
  left: 25.53974736%;
  bottom: 0;
  animation: bolha 1.33878699s infinite linear;
}
#beer2 > div .bolha:nth-child(9) {
  background-color: rgba(255, 255, 255, 0.37045624);
  width: 4.28102701px;
  height: 4.28102701px;
  position: absolute;
  left: 31.76022143%;
  bottom: 0;
  animation: bolha 1.56814595s infinite linear;
}
#beer2 > div .bolha:nth-child(8) {
  background-color: rgba(255, 255, 255, 0.16360937);
  width: 3.81329805px;
  height: 3.81329805px;
  position: absolute;
  left: 23.85763709%;
  bottom: 0;
  animation: bolha 1.68844683s infinite linear;
}
#beer2 > div .bolha:nth-child(7) {
  background-color: rgba(255, 255, 255, 0.63262286);
  width: 3.19646973px;
  height: 3.19646973px;
  position: absolute;
  left: 56.86544078%;
  bottom: 0;
  animation: bolha 1.34969603s infinite linear;
}
#beer2 > div .bolha:nth-child(6) {
  background-color: rgba(255, 255, 255, 0.19814153);
  width: 2.03726036px;
  height: 2.03726036px;
  position: absolute;
  left: 56.48557476%;
  bottom: 0;
  animation: bolha 1.50902798s infinite linear;
}
#beer2 > div .bolha:nth-child(5) {
  background-color: rgba(255, 255, 255, 0.43589962);
  width: 3.41845963px;
  height: 3.41845963px;
  position: absolute;
  left: 53.96349211%;
  bottom: 0;
  animation: bolha 1.36931563s infinite linear;
}
#beer2 > div .bolha:nth-child(4) {
  background-color: rgba(255, 255, 255, 0.42311488);
  width: 5.44918754px;
  height: 5.44918754px;
  position: absolute;
  left: 31.94384184%;
  bottom: 0;
  animation: bolha 1.12515697s infinite linear;
}
#beer2 > div .bolha:nth-child(3) {
  background-color: rgba(255, 255, 255, 0.53278353);
  width: 2.31708982px;
  height: 2.31708982px;
  position: absolute;
  left: 21.41132283%;
  bottom: 0;
  animation: bolha 1.17767037s infinite linear;
}
#beer2 > div .bolha:nth-child(2) {
  background-color: rgba(255, 255, 255, 0.83820521);
  width: 3.00490623px;
  height: 3.00490623px;
  position: absolute;
  left: 25.39954808%;
  bottom: 0;
  animation: bolha 1.72036068s infinite linear;
}
#beer2 > div .bolha:nth-child(1) {
  background-color: rgba(255, 255, 255, 0.76233879);
  width: 3.34801923px;
  height: 3.34801923px;
  position: absolute;
  left: 30.13140173%;
  bottom: 0;
  animation: bolha 1.12057147s infinite linear;
}
@keyframes bolha {
  to {
    bottom: 100%;
    opacity: 0;
  }
}

#beer1 {
  height: 100vh;
}

#beer2{
     display: none;
}