body {
    font-family: 'Open Sans', sans-serif;
    background-color: #111111;
    width: 100%;
    
}

#wrapper {
    width: 100%;
    display: block;
    overflow-x: hidden !important;
}

#principal {    
    
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Eczar', serif;
}

.item-slider {
    position: relative;
    max-height: 100vh;
}

.textos {
    margin-top: 200px;
}
.textos h1 {    
    text-align: left;
    font: normal normal bold 98px/94px Eczar;
    letter-spacing: 1.65px;
    color: #8F744E;   
}

.textos p {
    text-align: left;
    font: normal normal normal 22px/30px Open Sans;
    letter-spacing: 0px;
    color: #045428;
    opacity: 1;
    max-width: 60%;
}

.btn-primario {
    background: #016B1A 0% 0% no-repeat padding-box;
    border-radius: 36px;
    opacity: 1;
    color: #fff;
    min-width: 250px;
    text-align: center;
    padding: 10px;
    transition: 0.5s;    
}

.btn-primario:hover {
    background: #8f744e;
    color: #fff;
    text-decoration: none;
    transition: 0.5s;    
}

/*#mainNav {
    margin-top: 25px; 
}*/

.navbar-nav .nav-item a {
    text-align: left;
    font: normal normal normal 18px/23px Open Sans;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    
}

.navbar-nav .nav-item  {
    padding-left: 15px;
    padding-right: 15px;
}


#destaques {
    background-color: #fff4e4;
    padding-top: 100px; 
}

#destaques h3 {
    text-align: left;
    font: normal normal bold 78px/75px Eczar;
    letter-spacing: 1.47px;
    color: #8F744E;
    text-transform: uppercase;
    opacity: 1;
    text-align: center;
    margin-bottom: 50px; 
}

#destaques h3 small {
    font: normal normal bold 48px/47px Eczar;
}

.floatitems h4 {
    text-align: center;
    font: normal normal bold 30px/28px Eczar;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    opacity: 1;
}

.item { position: relative; }
.floatitems { 
    position: absolute;
    right: 60px;
    top: 60px;
    max-width: 200px;
}

.floatitems p {
    text-align: center;
    font: normal normal normal 20px/28px Open Sans;
    letter-spacing: 0px;
    color: #F8A731;
    opacity: 1;
    margin-top: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 2px solid #F8A731;
    border-bottom: 2px solid #F8A731;
}

.licores .floatitems p {
    color: #3A3987 !important;
    border-top: 2px solid #3A3987;
    border-bottom: 2px solid #3A3987;
}

.btn-red {
    background: #E8442F 0% 0% no-repeat padding-box;
    border-radius: 36px;
    opacity: 1;
    color: #fff;
    min-width: 180px;
}

.btn-red:hover {
    background: #e09d40;
    color: #fff;
    transition: 0.5s;
}

.btn-roxo {    
    background: #3A3987 0% 0% no-repeat padding-box;
    border-radius: 36px;
    opacity: 1;
    color: #fff;
    min-width: 180px;
}

.btn-roxo:hover {
    background: #e8442f;
    color: #fff;
    transition: 0.5s;
}

#tradicao {
    padding-top: 200px;
    padding-bottom: 100px;
    background-color: #fef4e2;
    background-image: url(../img/casinhas.png);
    background-repeat: repeat-x;
    margin-top: 100px;
    position: relative;
}

#tradicao img {
    margin-top: -100px;
    max-width: 740px;
}

#tradicao h3 {
    text-align: center;
    font: normal normal bold 45px/51px Eczar;
    letter-spacing: 0.9px;
    color: #045428;
    opacity: 1;
}
#tradicao p {
    text-align: center;
    font: normal normal normal 22px/30px Open Sans;
    letter-spacing: 0px;
    color: #045428;
    opacity: 1;
}

#tradicao .folhaEsq {
    position: absolute;
    top:0;
    left:0;
}
#tradicao .direita1 {
    position: absolute;
    top:-150px;
    right: -180px;
    max-width: 500px;
    
}

#cta {
    background: #fef4e2;
    position: relative;
    
}

#cta .direita1 {
    position: absolute;
    top: -200px;
    right: 0px;    
    
}

.cta-home {
    background-image: url(../img/cta.png); background-size: cover;
    min-height: 500px;
    margin-bottom: 100px;
    padding: 50px
}

.cta-home h3 {
    text-align: left;
    font: normal normal bold 55px/61px Eczar;
    letter-spacing: 0.97px;
    color: #F8A731;
    text-transform: uppercase;
    opacity: 1;
    padding-bottom: 20px;
}

.cta-home p {
    text-align: left;
    font: normal normal normal 22px/30px Open Sans;
    letter-spacing: 0px;
    color: #F8A731;
    opacity: 1;
}

.btn-cta {
    background: #E8442F 0% 0% no-repeat padding-box;
    border-radius: 36px;
    color: #fff;
    font-size: 20px;
    opacity: 1;
    min-width: 200px;
    margin-top: 20px; 
}

.btn-cta:hover {
    background: #f8a731;
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}

#noticias {
    background-color: #fef4e2;
    padding-top: 50px; padding-bottom: 50px;
}

#noticias h3 {
    text-align: center;
    font: normal normal bold 88px/95px Eczar;
    letter-spacing: 1.47px;
    color: #8F744E;
    text-transform: uppercase;
    opacity: 1;
}

#noticias .lista-noticias {
    padding-top: 80px; 
}

.item-noticia {
    margin-bottom: 25px; 
}

.item-noticia h4 {
    text-align: left;
    font: normal normal bold 25px/38px Open Sans;
    letter-spacing: 0.75px;
    color: #045428;
    opacity: 1;
}

.btn-noticias, .btn-verde {
    background: #045428 0% 0% no-repeat padding-box;
    border-radius: 36px;
    color: #fff;
    font-size: 20px;
    opacity: 1;
    min-width: 200px;
    margin-top: 20px; 
    transition: 0.5s;
}

.btn-noticias:hover, .btn-verde:hover {
    background:#703e32;
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
}

#onde {
    position: relative;
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #fef4e2;
    background-image: url(../img/footerbg.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

#onde h3 {
    text-align: center;
    font: normal normal bold 60px/71px Eczar;
    letter-spacing: 0.9px;
    color: #8F744E;
    opacity: 1;
    margin-bottom: 50px; 
}

#onde .esquerda1 {
    max-width: 400px;
    position: absolute;
    top:-150px;
    left: -100px;
}
#onde .direita1 {
    max-width: 400px;
    position: absolute;
    top:-150px;
    right: -100px;
}

footer {    
    background-color: #111111;    
    background-repeat: repeat-x;
    background-position: top center;
    padding-top: 50px; 
    padding-bottom: 50px; 

}

footer h4 {
    text-align: left;
    font: normal normal 600 20px/24px Open Sans;
    letter-spacing: 0px;
    color: #F7EDDC;
    opacity: 1;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer ul li, footer ul li a {
    text-align: left;
    font: normal normal normal 16px/35px Open Sans;
    letter-spacing: 0px;
    color: #F7EDDC;
    opacity: 1;
}

.posfooter {
    text-align: center;
    font: normal normal normal 16px/19px Segoe UI;
    letter-spacing: 0px;
    color: #F7EDDC;
    opacity: 1;
}

footer hr {
    margin-top: 50px; 
    border: solid 1px #f7eddc;
}

.topoHistoria {
    background-image: url(../img/interno_historia.png);
    background-repeat: no-repeat;          
    background-position: center;
}

.topoAlambique {
    background-image: url(../img/interno_alambique.png);
    background-repeat: no-repeat;          
    background-position: center;
}

#topointerno h1 {
    text-align: center;
    font: normal normal bold 133px/130px Eczar;
    letter-spacing: 2px;
    color: #045428;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 400px; 
    padding-bottom: 120px;
}

#topointerno h1 small {
    text-align: center;
    font: normal normal bold 87px/84px Eczar;
    letter-spacing: 1.3px;
    color: #045428;
    text-transform: uppercase;
    opacity: 1;
}

#conteudo {
    background: #fff4e4;
    padding-top: 100px; 
    padding-bottom: 100px;
    background-image: url(../img/footerbg.png);
    background-position: bottom;
    background-repeat: repeat-x;
    
    
}

#conteudo article p {
    text-align: left;
    font: normal normal normal 22px/30px Open Sans;
    letter-spacing: 0px;
    color: #8F744E;
    opacity: 1;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 20px; 
}

.cta-agende {
    background-image: url(../img/agende.png); background-size: cover;
    background-position: -170px center;
    min-height: 500px;
    margin-top: 50px; 
    margin-bottom: 100px;
    padding: 50px
}

.cta-agende h3 {
    text-align: left;
    font: normal normal bold 65px/71px Eczar;
    letter-spacing: 0.97px;
    color: #F8A731;
    text-transform: uppercase;
    opacity: 1;
}

.cta-agende p {
    text-align: left;
    font: normal normal normal 22px/30px Open Sans;
    letter-spacing: 1.03px;
    color: #F7EDDC;
    opacity: 1;
}

.cta-agende p.amarelo {
    color: #F8A731;
}

.topoContato {
    background-color: #fff4e4;
    padding-top: 200px;
}

.topoContato h2 {
    text-align: center;
    font: normal normal bold 98px/95px Eczar;
    letter-spacing: 1.47px;
    color: #8F744E !important;
    text-transform: uppercase;
    opacity: 1;
}

.topoContato p {
    text-align: center;
    font: normal normal normal 22px/30px Open Sans;
    letter-spacing: 0px;
    color: #8F744E;
    opacity: 1;
    padding-left: 20%;
    padding-right: 20%;
}

.endereco {
    margin-bottom: 50px; 
}
.endereco p {
    text-align: left;
    letter-spacing: NaNpx;
    color: #5B2113;
    opacity: 1;
    font-size: 22px;
    
}
.endereco h3 {
    /* UI Properties */
    text-align: left;
    letter-spacing: NaNpx;
    color: #5B2113;
    text-transform: uppercase;
    opacity: 1;
    font-weight: 700;
}

.siteForm label {
    color: #8F744E;
    font-size: 17px;
}
.siteForm input, .siteForm textarea {
    border:none;
    margin-bottom: 12px; 
}

.btn-rosa {
    background: #D43275 0% 0% no-repeat padding-box;
    border-radius: 36px;
    opacity: 1;
    color: #fff;
}

.navbar-color {
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    transition: 0.5s;
}

.navbar-transp {
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    transition: 0.5s;
}

.navbar-nav .nav-item a {
    border-bottom: solid 1px transparent;
}
.navbar-nav .nav-item a:hover {
    border-bottom: solid 2px #fff;
    transition: 0.8s;
}

.minimg { max-width: 32px; filter: invert(1); }

.container-elementr { max-width: 1140px !important;}

.beginInvisible { opacity: 0;}
.beginVisible { opacity: 1;}




/* small desktops */

    @media screen and (min-width: 1200px) and (max-width: 1440px) {
        .textos h1 {            
            font: normal normal bold 80px/80px Eczar;            
        }
        .floatitems p {            
            font: normal normal normal 17px/28px Open Sans;            
            margin-left: 35px;
        }
        .btn-red {         
            margin-left: 28px;
        }
        .btn-roxo {            
            margin-left: 28px;
        }
        #tradicao img {         
            margin-left: -70px;
        }
        #tradicao .direita1 {         
            max-width: 416px;
        }
        #cta .direita1 {         
            max-width: 255px;
        }
        .cta-home {         
            background-position: -200px;
        }
        #onde .esquerda1 {
            max-width: 300px;            
            top: -86px;            
        }
        #onde .direita1 {
            max-width: 300px;         
            top: -86px;         
        }
    }

/* end small desktops */


/* mobile - smartphones */
@media screen and (min-width: 320px) and (max-width: 800px) {
    .textos h1 {
        font: normal normal bold 30px/35px Eczar;
    }

    .navbar-brand img { max-width: 150px; }

    header { background-color: #fff;}

    .item-slider {
        height: 100vh;
        background-size: cover;
        background-position: -175px center;
        background-repeat: no-repeat;
    }  
    
    .textos {
        margin-top: 110px;
    }
    .textos p img { max-width: 300px; }
    .textos p {     
        font: normal normal normal 15px/23px Open Sans;     
    }
    .btn-primario {
        min-width: 200px;
    }
    #destaques {        
        margin-top: -100px;
    }

    #destaques h3 {
        text-align: center;
        font: normal normal bold 30px/35px Eczar;
        letter-spacing: 0.45px;
        color: #8F744E;
        text-transform: uppercase;
        opacity: 1;
        padding-top: 100px; 
    }
    #destaques h3 small {
        font-size: 26px; 
    }

    .floatitems p {
        text-align: center;
        font: normal normal normal 12px/18px Open Sans;       
        margin-top: 20px;       
        margin-left: 90px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .floatitems h4 {
        text-align: center;
        font: normal normal bold 20px/21px Eczar;
        letter-spacing: 0.6px;
        color: #FFFFFF;
        opacity: 1;
        margin-left: 90px;
        margin-top: -37px;
    }

    #destaques .item .btn {
        margin-left: 90px;        
    }

    .btn-red, .btn-roxo {
        min-width: 100px;
    }

    .notmobile { display: none;}

    #tradicao .direita1 {
        position: absolute;
        top: -313px;
        right: -160px;
        max-width: 360px;
    }

    #tradicao img {
        margin-top: 50px;
        max-width: 360px;
    }

    #tradicao {
        padding-top: 200px;
        padding-bottom: 70px;
        background-repeat: repeat-x;
        margin-top: 69px;
        position: relative;        
        background-size: 219%;        
        background-position: 0px 370px;
    }

    #tradicao h3 {
        margin-top: -88px;
        font: normal normal bold 30px/35px Eczar;
    }

    #tradicao p {
        text-align: center;
        font: normal normal normal 15px/20px Open Sans;
        letter-spacing: 0px;
        color: #045428;
        opacity: 1;
    }

    .cta-home {
        background-image: url(../img/ctamobile.png);
        background-size: cover;
        min-height: 750px;
        margin-bottom: 100px;
        padding: 50px;
        background-position: bottom;
    }

    .cta-home h3 {
        text-align: left;
        font: normal normal bold 30px/35px Eczar;
        letter-spacing: 0.45px;
        color: #F8A731;
        text-transform: uppercase;
        opacity: 1;
    }

    .cta-home p {
        text-align: left;
        font: normal normal normal 15px/20px Open Sans;
        letter-spacing: 0px;
        color: #F8A731;
        opacity: 1;
    }

    .mobefect {
        top: 605px !important;
        max-width: 200px;
    }

    #noticias h3 {
        text-align: center;
        font: normal normal bold 30px/35px Eczar;
        letter-spacing: 0.45px;
        color: #8F744E;
        text-transform: uppercase;
        opacity: 1;
    }

    .mobile_ajuste {        
        max-width: 323px !important;
        top: -148px !important;        
    }

    #onde h3 {
        text-align: center;
        font: normal normal bold 30px/35px Eczar;
        letter-spacing: 0.45px;
        color: #8F744E;
        text-transform: uppercase;
        opacity: 1;
        padding-left: 20%;
        padding-right: 20%
    }

    footer img { display: block; margin: 0 auto; margin-bottom: 50px; }

    #onde .esquerda1 {     
        top: -200px !important;     
    }

    .topoHistoria {
        background-position: 0px 90px;
        background-size: 100%;
    }

    #topointerno h1 {
        text-align: center;
        font: normal normal bold 30px/35px Eczar;
        letter-spacing: 0.45px;
        color: #045428;
        text-transform: uppercase;
        opacity: 1;
        
        margin-top: 260px;
        padding-bottom: 0px;
    }
    #topointerno h1 small {
        font: normal normal bold 30px/35px Eczar;
    }

    #conteudo article p {
        padding: 10px; 

        text-align: left;
        font: normal normal normal 15px/20px Open Sans;
        letter-spacing: 0px;
        color: #8F744E;
        opacity: 1;
    }

    #conteudo article { margin-top: -50px; }
    
    #navbarResponsive {
        width: 100%;
        height: 100vh;
        position: fixed;        
        top:0;
        left:0;
        background-color: #000;        
        transition: 1s;
    }

    .navbar-nav { 
        margin-top: 150px; 
    }
    .navbar-nav .nav-item a {
        color: #fff;
        text-align: center;
        padding: 20px; 
    }

    .navbar-brand {
        position: relative;
        z-index: 99998;
    }

    .navbar-toggler {
        position: relative;
        z-index: 99999;
    }



}