/* -----------------------------------------------------
        Media Query Exemplos
        -----------------------------------------------------

        @media only screen and (min-width: 320px) {}
        @media only screen and (min-width: 480px) {}
        @media only screen and (min-width: 600px) {}
        @media only screen and (min-width: 768px) {}
        @media only screen and (min-width: 830px) {}
        @media only screen and (min-width: 992px) {}
        @media only screen and (min-width: 1382px) {}

        @media only screen and (min-width: 320px) {}
        @media only screen and (min-width: 992px) {}
        */  

        /*
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
        */

        /*=========================================
        IMPORT FONTS
        ==========================================*/
        @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700&display=swap');

        html,
        body {
            margin: 0;
            padding: 0;
        }
        main {
            position: relative;
            margin: 0;
            padding: 0;
        }

        /*seção do formulário*/
        #rd-section-jsc3dnf3 {
            padding: 30px 0;
        }
        /*********************/

        /*=========================================
        O QUE MOSTRAMOS NO MOBILE E DESKTOP
        ==========================================*/
        @media only screen and (min-width: 320px) {
            .is-mobile {display:block}
            .is-desktop {display:none;}
        }
        @media only screen and (min-width: 768px) {
            .is-mobile {display:none}
            .is-desktop {display:block;}
        }

        /*=========================================
        MENU HAMBURGUER
        ==========================================*/
        /* ## Menu hamburguer */
        @media only screen and (min-width: 320px) {
            main #header-principal .mnu-togle {
                float: right;
                margin:14px 0 0 3px;
            }
        }
        @media only screen and (min-width: 992px) {
            main #header-principal .mnu-togle {        
                margin:26px 0 0 20px;
            }
        }

        /*=========================================
        SUB MENU
        ==========================================*/
        /* ## Itens submenu */
        .conteudo-menu-principal {
            position: relative;
            display: none;
            background-color: #401e0a;   
            top:-119px;
            padding: 119px 0 0 0;
            z-index: -1; 
        }
        .menu-principal-vertical {
            text-align: right;
        }
        .menu-principal-vertical ul {
            list-style: none;
            text-align: right;
            margin: 30px 0 0 0;
            padding: 0;
        }
        .menu-principal-vertical ul li {
            margin: 0 0 7px 0;
            padding: 0;
        }
        .menu-principal-vertical ul li a {
            font-family: 'Barlow Condensed', sans-serif;
            color:#ffc600;
            font-size: 24px;
            text-decoration: none;
        }
        .menu-principal-vertical ul li a:hover {
            color:#0e945e;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }

        /*=========================================
        FUNCIONAMENTO FALE CONOSCO
        ==========================================*/
        @media only screen and (min-width: 320px) {
            .funcionamentoEFaleConosco {
                margin:40px 0 30px 0;
                padding: 0;
                list-style: none;
                float: right;
            }
            .funcionamentoEFaleConosco li {
                margin:0;
                padding: 0;
                display: inline-block;
                vertical-align: text-top;
            }
            .funcionamentoEFaleConosco li a {
                color:#ffc600;
            }
            .funcionamentoEFaleConosco li h3 {
                font-family: 'Barlow Condensed', sans-serif;
                font-size: 20px;    
                color: #0e955e;
                position: relative;
                padding:0 0 0 20px;
                margin:0 0 10px 0;
                text-align: right;
            }
            .funcionamentoEFaleConosco li:nth-child(1) {
                margin:0 10px 0 0;
            }
            .funcionamentoEFaleConosco li p {
                font-family: 'Barlow Condensed', sans-serif;
                font-size: 14px;
                color: #ffc600;
                text-align: right;
                margin:0;
            }
        }
        @media only screen and (min-width: 992px) {
            .funcionamentoEFaleConosco li h3 {
                font-size: 20px;
                padding:0 0 0 44px;
            }
            .funcionamentoEFaleConosco li:nth-child(1) {
                margin:0 60px 0 0;
            }
            .funcionamentoEFaleConosco li p {        
                font-size: 16px;
            }
        }

        /*=========================================
        BANNER
        ==========================================*/
        /* # Banner */
        @media only screen and (min-width: 320px) {
            #banner-top {
                position: relative;
                z-index: 0;
                left: 0;
                width: 100%;
                padding: 60px 0 90px 0;
                background: url(https://www.cervejarianacional.com.br/images/banner/banner01.jpg) no-repeat center center; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover; 
                text-align: center;       
            }
            .topo-do-banner {
                display: flex;
                justify-content: space-around;
                justify-items: flex-start;
                flex-direction: column;                
            }
            #banner-top .topo-do-banner img {
                max-width: 90%!important;
            }
            #banner-top .topo-do-banner img.foto-desk {
                display:none
            }
            #banner-top .topo-do-banner img.foto-mobile {
                display: block;   
                margin: 20% auto 0 auto;       
            }
            .btn-banner {
                padding: 10px 20px 13px 20px;
                background: #038451;
                display: block;
                text-align: center;
                border: none;
                border-radius: 50px;
                color: #ffc600;
                text-decoration: none;
                font-family: 'Barlow Condensed',sans-serif;
                font-size: 18px;
                font-weight: bold;
                max-width: 210px;
                margin: 0 auto;
                transition: ease 0.5s;
            }
            .btn-banner:hover {
                background: #ffc600;
                color: #401e0a;
                transition: ease 0.5s;
            }
            #banner-top ul {    
                list-style: none;
                margin:20px 0;
                padding:0;
            }
            #banner-top ul li {
                display: inline-flex;
                padding:0 10px;
                width: 70px;
                vertical-align: text-top;
            }
            #banner-top ul li img {
                max-width: 100%;
            }
            #banner-top ul li:nth-child(3){
                max-width: 100%;
                width: 26%;
            }
            #banner-top ul li:nth-child(4){
                max-width: 100%;
                width: 26%;
            }
            #banner-top p {
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc600;
                font-size: 18px;
                text-align: center;
                font-weight: 500;
            }
        }
        @media only screen and (min-width: 768px) {
            #banner-top .topo-do-banner img.foto-mobile {
                display: none
            }
            #banner-top .topo-do-banner img.foto-desk {
                display:block;  
                margin: 16% auto 0 auto;        
            }
            #banner-top ul li:nth-child(3){
                max-width: 100%;
                width: inherit;
            }
            #banner-top ul li:nth-child(4){
                max-width: 100%;
                width: inherit;
            }
            #banner-top ul {
                margin:30px 0;
            }
            #banner-top ul li {
                padding:0 10px;
                width: 120px;
                vertical-align: text-top;
            }
        }
        @media only screen and (min-width: 992px) {
            #banner-top {
                padding: 0px 0 90px 0; 
            }
            #banner-top .topo-do-banner img {
                max-width: 100%!important;
            }
            #banner-top ul {    
                list-style: none;
                margin:50px 0;
                padding:0;
            }
            #banner-top ul li {       
                padding:0 20px;
                width: 140px;
                vertical-align: text-top;
            }
            #banner-top p {
                font-size: 22px;
            }
            .btn-banner {
                padding: 12px 20px 17px 20px;
                background: #038451;
                display: block;
                text-align: center;
                border: none;
                border-radius: 50px;
                color: #ffc600;
                text-decoration: none;
                font-family: 'Barlow Condensed',sans-serif;
                font-size: 25px;
                font-weight: bold;
                max-width: 300px;
                margin: 0 auto;
                transition: ease 0.5s;
            }
            .btn-banner:hover {
                background: #ffc600;
                color: #401e0a;
                transition: ease 0.5s;
            }
            
        }

        /*=========================================
        QUANDO ROLAMOS A PÁGINA O MENU FICA FIXO
        ==========================================*/
        /* # Menu Fix */
        .classFixMenuHeader {
            position: fixed!important;
            height: 70px!important;
            width: 100%;
            background-color: #401e0a;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            z-index: 99999!important;
        }
        .classFixMenuHeader .logo-top {
            margin:10px 0 0 0;
            width: 50px!important;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }
        .classFixMenuHeader .menu-principal ul {    
            margin:10px 0 0 0!important;    
        }
        .classFixMenuHeader .btn-reserva {
            padding: 5px 20px 7px 20px;
            background: #ffc600;
            display: block;
            text-align: center;
            border: none;
            border-radius: 20px;
            color: #401e0a;
            text-decoration: none;
            font-family: 'Barlow Condensed',sans-serif;
            font-size: 18px;
            font-weight: bold;
        }
        @media only screen and (min-width: 320px) {
            .classFixMenuHeader .menu-apps ul {    
                margin:10% 0 0 0;
            }
        }
        @media only screen and (min-width: 992px) {
            .classFixMenuHeader .menu-apps ul {    
                margin:10px 0 0 0!important;
            }
            .classFixMenuHeader .mnu-togle {        
                margin:14px 0 0 20px!important;
            }
        }

        /*=========================================
        ----
        ==========================================*/
        /* faq */
        /* # Banner faq */
        @media only screen and (min-width: 320px) {
            #banner-top-faq {
                position: relative;
                z-index: 0;
                left: 0;
                width: 100%;
                padding:0 0 20px 0;
                height: 600px;
                background: url(https://www.cervejarianacional.com.br/images/banner/banner01.jpg) no-repeat center center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover; 
                text-align: center;       
            }
        }
        @media only screen and (min-width: 320px) {            
            #banner-top-faq h2 {
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc600;
                font-size: 34.58px;
                text-align: left;
                font-weight: 500;
                margin:0;
                padding:250px 0 0px 0;
            }
            
        }
        @media only screen and (min-width: 992px) {            
            #banner-top-faq h2 {       
                font-size: 64.58px;
            }
            
        }

        /*=========================================
        AJUSTES PARA DENTO DA RDSTATION
        ==========================================*/
        .bricks--section > div {
            max-width: 100%!important;
            margin-left: 0!important;
            margin-right: 0!important;
        }

        .bricks--component,
        .bricks--component-html,
        .rd-html,
        .rd-section {
            width: 100%!important;
        }




        /*=========================================
        INÍCIO DO QUE ERA O ARQUIVO HEADER.CSS
        ==========================================*/
        .container-flex {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        main #header-principal {
            position: absolute;
            width: 100%;
            height: 119px;
            z-index: 2;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }

        /*=========================================
        HEADER
        ==========================================*/
        /* ## Logo */
        @media only screen and (min-width: 320px) {
            main #header-principal .logo-top {
                float: left;
                display: block;
                margin:10px 0 0 0;
                width: 50px;
                -webkit-transition: all .25s ease;
                transition: all .25s ease;
            }
        }
        @media only screen and (min-width: 992px) {
            main #header-principal .logo-top {        
                width: 90px;
                -webkit-transition: all .25s ease;
                transition: all .25s ease;
            }
        }
        main #header-principal .logo-top img {
            max-width: 100%;
        }

        /*=========================================
        MENU PRINCIPAL
        ==========================================*/
        /* ## Menu principal*/
        @media only screen and (min-width: 320px) {
            main #header-principal .menu-principal {
                display: none;
            }
            main #header-principal .menu-apps {        
                position:fixed;
                bottom: 0;
                left: 0;
                background: #401e0a;
                width: 100%;
                padding: 10px 5px;
                text-align: center;
            }
            main #header-principal .menu-apps ul {
                display: flex;
                align-items: center;
                justify-content: center;
                list-style: none;
                margin: 0;
                padding: 0;
                gap: 10px;
            }            
            main #header-principal .menu-apps a {
                background: #ffc600;
                color: #401e0a;
            }
        }        
        @media only screen and (min-width: 992px) {
            main #header-principal .menu-apps {
                position: relative;
                background: transparent;
                padding:0;
                width: unset;
            }
            main #header-principal .menu-apps ul {
                display: flex;
                align-items: center;
                list-style: none;
                margin: 0;
                padding: 0;
            }
            main #header-principal .menu-apps ul li {
                margin: 0 5px;
            }
        }
        @media only screen and (min-width:1200px) {
            main #header-principal .menu-principal {
                display: block;
            }
            main #header-principal .menu-principal ul {
                display: flex;
                align-items: center;
                list-style: none;
                margin: 0;
                padding: 0;
            }
            main #header-principal .menu-principal ul li {
                margin: 0;
                padding: 0;
            }
            main #header-principal .menu-principal ul a {
                padding: 0 10px;
                display: inline-block;
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc600;
                font-size: 18px;
                text-decoration: none;
                font-weight: 500;
                -webkit-transition: all .25s ease;
                transition: all .25s ease;
            }
        }

















        /*=========================================
        INÍCIO DO QUE ERA O ARQUIVO CUSTOM-PROMO-V1.CSS
        ==========================================*/

        /*=========================================
        BOTONEIRA
        ==========================================*/
        .botao-btn {
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 23px;
            padding:10px 28px;
            border-radius: 30px;
            border:none;
            outline: none;
            text-decoration: none;
        }        
        .btn-delivery-CN {
            padding: 10px 20px 12px 20px;
            background: #ffc600;
            display: block;
            text-align: center;
            border: none;
            border-radius: 50px;
            color: #401e0a;
            text-decoration: none;
            font-family: 'Barlow Condensed',sans-serif;
            font-size: 20px;
            font-weight: bold;
            max-width: 150px;
            margin: 13px auto 13px auto;
            transition: ease 0.5s;
        }
        .btn-delivery-CN:hover {
            background: #038451;
            color: #ffc600;
            transition: ease 0.5s;
        }
        .btn-delivery-invert-CN {
            padding: 10px 20px 12px 20px;
            background: #038451;
            display: block;
            text-align: center;
            border: none;
            border-radius: 50px;
            color: #ffc600;
            text-decoration: none;
            font-family: 'Barlow Condensed',sans-serif;
            font-size: 20px;
            font-weight: bold;
            max-width: 150px;
            margin: 13px auto 13px 0;
            transition: ease 0.5s;
        }
        .btn-delivery-invert-CN:hover {
            background: #e8b509;
            color: #401e0a;
            transition: ease 0.5s;
        }
        .btn-programacao {
            padding: 10px 20px 12px 20px;
            background: #038451;
            display: block;
            text-align: center;
            border: none;
            border-radius: 50px;
            color: #ffc600;
            text-decoration: none;
            font-family: 'Barlow Condensed',sans-serif;
            font-size: 20px;
            font-weight: bold;
            max-width: 200px;
            margin: 13px auto 13px 0;
            transition: ease 0.5s;
        }
        .btn-programacao:hover {
            background: #e8b509;
            color: #401e0a;
            transition: ease 0.5s;
        }
        .btn-eventos-corporativos {
            padding: 10px 20px 12px 20px;
            background: #ffc600;
            display: block;
            text-align: center;
            border: none;
            border-radius: 50px;
            color: #401e0a;
            text-decoration: none;
            font-family: 'Barlow Condensed',sans-serif;
            font-size: 20px;
            font-weight: bold;
            max-width: 150px;
            margin: 13px auto 13px 0;
            transition: ease 0.5s;
        }
        .btn-eventos-corporativos:hover {
            background: #038451;
            color: #ffc600;
            transition: ease 0.5s;
        }
        .btn-reserva {
            padding: 5px 20px 7px 20px;
            background: #401e0a;
            display: block;
            text-align: center;
            border: none;
            border-radius: 20px;
            color: #ffc600;
            text-decoration: none;
            font-family: 'Barlow Condensed',sans-serif;
            font-size: 18px;
            font-weight: bold;
            transition: ease 0.5s;
        }
        .btn-reserva:hover {
            background: #038451!important;
            color: #ffc600!important;
            transition: ease 0.5s;
        }
        .btn-maps {
            padding: 7px 12px 3px 12px;
            background: #401e0a;
            display: block;
            text-align: center;
            margin-top: 2px;
            border: none;
            border-radius: 20px;
            color: #401e0a;
            text-decoration: none;
            font-family: 'Barlow Condensed',sans-serif;
            font-size: 18px;
            font-weight: bold;
            transition: ease 0.5s;
        }
        .btn-maps svg {
            fill:#401e0a;
            transition: ease 0.5s;
        }
        .btn-maps:hover {
            background: #038451!important;
            color: #ffc600!important;
            transition: ease 0.5s;
        }
        .btn-maps:hover svg {
            fill:#ffc600;
            transition: ease 0.5s;
        }


        .btn-verde {
            background: #00955a;
            color:#ffc500;
            
        }
        .btn-amarelo {
            background: #ffc500;
            color:#00955a;
        }

        /*=========================================
        TEXTOS
        ==========================================*/
        p {
            line-height: 1.5em;
        }
        .limpaMargens {
            margin:0!important;
            padding:0!important;
        }
        .totalFlex {
            height: 100%;
        min-height: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        }

        /*=========================================
        NOSSAS CERVEJAS
        ==========================================*/
        /* # Nossas cervejas */
        @media only screen and (min-width: 320px) {
            #nossasCervejas {
                background-color: #00955a;
                padding: 40px 0 30px 0;
                width: 100%;
                position: relative;
                text-align: center;
            }
            #nossasCervejas h2 {
                text-align: center;
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc600;
                text-transform: uppercase;
                font-weight: 500;
                font-size:30px;
                padding:0;
                margin:0;
            }
        }
        @media only screen and (min-width: 768px) {
            #nossasCervejas {
                padding: 80px 0 70px 0;
            }
            #nossasCervejas h2 {        
                font-size:46px;
            }
        }
        #nossasCervejas h3 {
            text-align: center;
            font-family: 'Barlow Condensed', sans-serif;
            color:#ffc600;
            font-weight: 500;
            font-size:25px;
            padding:0;
            margin:0;
        }
        #nossasCervejas p {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            color:#fff;
            font-size:16px;
            text-align: center;
            padding:0;
            margin:10px 0 50px 0;
        }
        #nossasCervejas img {
            max-width: 100%;
        }
        

        /*=========================================
        SAZONAIS
        ==========================================*/
        /* # Sazonais exclusivas */
        #sazonaisExclusivas tr {
            cursor: pointer;
        }
        @media only screen and (min-width: 320px) {
            #sazonaisExclusivas {
                background-color: #038451;
                padding: 40px 0 30px 0;
                width: 100%;
                position: relative;
                text-align: center;
            }
            #sazonaisExclusivas h2 {
                text-align: center;
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc600;
                text-transform: uppercase;
                font-weight: 500;
                font-size:30px;
                padding:0;
                margin:0;
            }
        }
        @media only screen and (min-width: 768px) {
            #sazonaisExclusivas {
                padding: 80px 0 70px 0;
            }
            #sazonaisExclusivas h2 {
                font-size:46px;
            }
        }
        #sazonaisExclusivas p {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            color:#fff;
            font-size:16px;
            text-align: center;
            padding:0;
            margin:10px 0 50px 0;
        }
        #sazonaisExclusivas table {
            width: 100%;
            border: none;
            border-spacing:0;    
        }
        #sazonaisExclusivas table thead th {
            background-color:#00955a;
            color:#044129;
            font-family: 'Barlow Condensed', sans-serif;
            font-weight: 500;
            font-size: 18px;
            text-align: left;
            padding: 7px 5px;
        }
        #sazonaisExclusivas table tbody tr:nth-child(even) {
            background-color:#038451;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }
        #sazonaisExclusivas table tbody tr:nth-child(odd) {
            background-color:#028954;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }
        #sazonaisExclusivas table tbody tr {
            text-align: left;
        }
        #sazonaisExclusivas table tbody tr:hover {
            background-color:#087449;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }
        @media only screen and (min-width: 320px) {
            #sazonaisExclusivas table thead th:nth-child(1) {
                visibility: hidden;        
                padding: 0;
            }
            #sazonaisExclusivas table tbody tr td {
                padding: 7px 5px;
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                color:#ffc600;
                font-size: 12px;
            }
            #sazonaisExclusivas table tbody tr td:nth-child(1) {
                visibility: hidden;
                padding: 0;
            }
            #sazonaisExclusivas table tbody tr td:nth-child(2) {
                color:#ffc600;
                font-family: 'Barlow Condensed', sans-serif;
                font-weight: 500;
                font-size: 16px;
            }
        }
        @media only screen and (min-width: 768px) {
            #sazonaisExclusivas table thead th:nth-child(1) {
                visibility: visible;
            }
            #sazonaisExclusivas table tbody tr td {        
                font-size: 15px;
            }
            #sazonaisExclusivas table tbody tr td:nth-child(1) {
                visibility: visible;
                color:#044129;
                font-family: 'Barlow Condensed', sans-serif;
                font-weight: 500;
                font-size: 25px;
                text-align: center;
                padding:3px 30px;
            }
            #sazonaisExclusivas table tbody tr td:nth-child(2) {        
                font-size: 25px;
            }
        }

        /*=========================================
        EXPERIÊNCIA CERVEJEIRA
        ==========================================*/
        /* # Uma experiência única */
        #umaExperienciUnica {
            background-color:#ffc500;    
        }
        #umaExperienciUnica img {
            width: 100%;    
            margin-bottom: 0px;
        }
        #umaExperienciUnica h2 span {
            position: relative;
        }
        #umaExperienciUnica h2 span:before {
            content:"";
            position: absolute;
            width: 110%;
            height: 5px;
            background: red;
            top:50%;
            left:-5%;
            transform: rotate(-8deg);
        }
        @media only screen and (min-width: 320px) {
            #umaExperienciUnica .conteudoDir {
                padding:30px 20px 30px 20px;
                max-width:100%;
            }
            #umaExperienciUnica h2 {
                font-family: 'Barlow Condensed', sans-serif;
                color:#3b3326;
                text-transform: uppercase;
                font-weight: 500;
                font-size:30px;
                padding:0;
                margin:0;
            }
            #umaExperienciUnica p {
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                color:#401e0a;
                font-size:14px;
            }
        }
        @media only screen and (min-width: 768px) {
            #umaExperienciUnica .conteudoDir {
                padding:0 0 0 30px;
                max-width:600px;
            }
            #umaExperienciUnica h2 {       
                font-size:35px;
            }
            #umaExperienciUnica p {        
                font-size:14px;
            }
        }
        @media only screen and (min-width: 992px) {
            #umaExperienciUnica .conteudoDir {
                padding:0 0 0 75px;
            }
            #umaExperienciUnica h2 {        
                font-size:45px;
            }
            #umaExperienciUnica p {
                font-size:16px;
            }
        }

        /*=========================================
        PROMOÇÕES
        ==========================================*/
        /* # Promoções */
        /* # Uma experiência única */
        #promocoes {
            background-color:#401e0a;    
        }
        #promocoes img {
            width: 100%;    
            margin-bottom: 0px;
        }
        @media only screen and (min-width: 320px) {
            #promocoes .conteudoEsq {
                padding:30px 20px 30px 20px;
                max-width:100%;        
            }
            #promocoes h2 {
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc500;
                text-transform: uppercase;
                font-weight: 500;
                font-size:30px;
                padding:0;
                margin:0;
            }
            #promocoes p {
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                color:#fff;
                font-size:14px;
            }
            #promocoes p span {
                color:#ffc500;
                text-transform: uppercase;
            }
            #promocoes a {
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc500;
                text-transform: uppercase;
                font-weight: 500;
                text-decoration: none;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
                border:solid 1px #ffc500;
                padding: 13px 25px;
                margin:5px 0 30px 0;
                display:block;
                float: left;
                -webkit-transition: all .25s ease;
                transition: all .25s ease;
            }
        }
        @media only screen and (min-width: 768px) {
            #promocoes .conteudoEsq {
                padding:0 30px 0 0;
                max-width:600px;
                float: right;
            }
            #promocoes h2 {        
                font-size:35px;        
                text-align: right;
            }
            #promocoes p {        
                font-size:14px;        
                text-align: right;
            }
            #promocoes a {        
                float: right;
            }
        }
        @media only screen and (min-width: 992px) {
            #promocoes .conteudoEsq {
                padding:0 75px 0 0;        
            }
            #promocoes h2 {        
                font-size:45px;
            }
            #promocoes p {        
                font-size:16px;
            }
        }
        #promocoes a:hover {
            background-color: #ffc500;
            color: #044129;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }

        /*=========================================
        BEBA AQUI MESMO
        ==========================================*/        
        /* # BebaAquiMesmo */
        /* # Uma experiência única */
        #BebaAquiMesmo {
            background-color:#401e0a; 
            position: relative;   
        }
        #BebaAquiMesmo img {
            width: 100%;    
            margin-bottom: 0px;
        }
        @media only screen and (min-width: 320px) {
            #BebaAquiMesmo .conteudoEsq {
                padding:30px 20px 30px 20px;
                max-width:100%;        
            }
            #BebaAquiMesmo h2 {
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc500;
                text-transform: uppercase;
                font-weight: 500;
                font-size:30px;
                padding:0;
                margin:0;
            }
            #BebaAquiMesmo p {
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                color:#fff;
                font-size:14px;
            }
            #BebaAquiMesmo p span {
                color:#ffc500;
                text-transform: uppercase;
            }
            #BebaAquiMesmo a {                
                margin: 13px 0;
            }
        }
        @media only screen and (min-width: 768px) {
            #BebaAquiMesmo .conteudoEsq {
                padding:0 30px 0 0;
                max-width:600px;
                float: right;
            }
            #BebaAquiMesmo h2 {        
                font-size:35px;        
                text-align: right;
            }
            #BebaAquiMesmo p {        
                font-size:14px;        
                text-align: right;
            }
            #BebaAquiMesmo a {        
                margin: 30px 0 0 auto;
            }
        }
        @media only screen and (min-width: 992px) {
            #BebaAquiMesmo .conteudoEsq {
                padding:0 75px 0 0;        
            }
            #BebaAquiMesmo h2 {        
                font-size:45px;
            }
            #BebaAquiMesmo p {        
                font-size:16px;
            }
        }


        /*=========================================
        BARES E RESTAURANTES
        ==========================================*/
        /* # Bares e restaurantes */
        #baresERestaurantes {
            background-color:#028954;    
        }
        #baresERestaurantes img {
            width: 100%;    
            margin-bottom: 0px;
        }
        
        @media only screen and (min-width: 320px) {
            #baresERestaurantes .conteudoDir {
                padding:30px 20px 30px 20px;
                max-width:100%;
            }
            #baresERestaurantes h2 {
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc500;
                text-transform: uppercase;
                font-weight: 500;
                font-size:30px;
                padding:0;
                margin:0;
            }
            #baresERestaurantes p {
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                color:#fff;
                font-size:14px;
            }
            #baresERestaurantes p a {
                color:#ffc500;
                text-decoration: underline;
            }
            #baresERestaurantes p a.link {
                color:#ffc500;
                text-decoration: underline;
            }
        }
        @media only screen and (min-width: 768px) {
            #baresERestaurantes .conteudoDir {
                padding:0 0 0 30px;
                max-width:600px;
            }
            #baresERestaurantes h2 {       
                font-size:35px;
            }
            #baresERestaurantes p {        
                font-size:14px;
            }
            #baresERestaurantes a.button {        
                float: left;
            }
        }
        @media only screen and (min-width: 992px) {
            #baresERestaurantes .conteudoDir {
                padding:0 0 0 75px;
            }
            #baresERestaurantes h2 {        
                font-size:45px;
            }
            #baresERestaurantes p {
                font-size:16px;
            }
        }
        

        /*=========================================
        EVENTOS CORPORATIVOS
        ==========================================*/
        /* # Eventos corporativos */
        #eventosCorporativos {
            background-color:#401e0a;    
        }
        #eventosCorporativos img {
            width: 100%;    
            margin-bottom: 0px;
        }
        @media only screen and (min-width: 320px) {
            #eventosCorporativos .conteudoEsq {
                padding:30px 20px 30px 20px;
                max-width:100%;        
            }
            #eventosCorporativos h2 {
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc500;
                text-transform: uppercase;
                font-weight: 500;
                font-size:30px;
                padding:0;
                margin:0;
            }
            #eventosCorporativos p {
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                color:#fff;
                font-size:14px;
            }
            #eventosCorporativos p a.link {
                color:#ffc500;
                text-decoration: underline;
            }
            #eventosCorporativos a.button {
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc500;
                text-transform: uppercase;
                font-weight: 500;
                text-decoration: none;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
                border:solid 1px #ffc500;
                padding: 13px 25px;
                margin:5px 0 30px 0;
                display:block;
                float: left;
                -webkit-transition: all .25s ease;
                transition: all .25s ease;
                min-width: 250px;
                text-align: center;
            }
        }
        @media only screen and (min-width: 768px) {
            #eventosCorporativos .conteudoEsq {
                padding:0 30px 0 0;
                max-width:600px;
                float: right;
            }
            #eventosCorporativos h2 {        
                font-size:35px;        
                text-align: right;
            }
            #eventosCorporativos p {        
                font-size:14px;        
                text-align: right;
            }
            #eventosCorporativos a.button {        
                float: right;
            }
        }
        @media only screen and (min-width: 992px) {
            #eventosCorporativos .conteudoEsq {
                padding:0 75px 0 0;        
            }
            #eventosCorporativos h2 {        
                font-size:45px;
            }
            #eventosCorporativos p {        
                font-size:16px;
            }
        }
        #eventosCorporativos a.button:hover {
            background-color: #ffc500;
            color: #044129;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }

        /*=========================================
        PREMIOS
        ==========================================*/
        /* # Cerverajia Nacional Prêmios */
        #cervejariaNacionalMade {
            background-color:#401e0a;    
        }
        #cervejariaNacionalMade img {
            width: 100%;    
            margin-bottom: 0px;
        }        
        @media only screen and (min-width: 320px) {
            #cervejariaNacionalMade .links-cn {
                display: flex;
                gap: 3px;
                justify-content: end;
                flex-direction: column;
                text-align: center;
            }
            #cervejariaNacionalMade .conteudoEsq {
                padding:30px 20px 30px 20px;
                max-width:100%;        
            }
            #cervejariaNacionalMade h2 {
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc500;
                text-transform: uppercase;
                font-weight: 500;
                font-size:30px;
                padding:0;
                margin:0;
            }
            #cervejariaNacionalMade h3 {
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc500;
                text-transform: uppercase;
                font-weight: 500;
                font-size:18px;
                padding:0;
                margin:0;
            }
            #cervejariaNacionalMade p {
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                color:#fff;
                font-size:14px;
            }
            #cervejariaNacionalMade p span {
                color:#ffc500;
                text-transform: uppercase;
            }
            #cervejariaNacionalMade a {
                padding: 8px 20px 12px 20px;
                background: #038451;
                display: block;
                text-align: center;
                border: none;
                border-radius: 50px;
                color: #ffc600;
                text-decoration: none;
                font-family: 'Barlow Condensed',sans-serif;
                font-size: 20px;
                font-weight: bold;
                margin: 13px 0 13px 0;
                transition: ease 0.5s;
            }
        }
        @media only screen and (min-width: 768px) {
            #cervejariaNacionalMade .links-cn {
                display: flex;
                gap: 10px;
                justify-content: end;
                flex-direction: row;
                text-align: center;
            }
            #cervejariaNacionalMade .conteudoEsq {
                padding:0 30px 0 0;
                max-width:600px;
                float: right;
            }
            #cervejariaNacionalMade h2 {        
                font-size:35px;        
                text-align: right;
            }
            #cervejariaNacionalMade h3 {        
                font-size:20px;        
                text-align: right;
            }
            #cervejariaNacionalMade p {        
                font-size:14px;        
                text-align: right;
            }
            #cervejariaNacionalMade a {        
                float: right;
                clear: both;
            }
        }
        @media only screen and (min-width: 992px) {
            #cervejariaNacionalMade .conteudoEsq {
                padding:0 75px 0 0;        
            }
            #cervejariaNacionalMade h2 {        
                font-size:45px;
            }
            #cervejariaNacionalMade p {        
                font-size:16px;
            }
        }

        #cervejariaNacionalMade a:hover {
            background-color: #ffc500;
            color: #401e0a;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }

        /*=========================================
        PEÇA NO DELIVERY
        ==========================================*/
        /* # Nossas embalagens */
        #pecanodelivery {
            background-color:#ffc500;    
        }
        #pecanodelivery img {
            width: 100%;    
            margin-bottom: 0px;
        }
        #pecanodelivery p.verde {
            color: #401e0a;
            font-weight: bold;
        }
        @media only screen and (min-width: 320px) {
            #pecanodelivery .conteudoDir {
                padding:30px 20px 30px 20px;
                max-width:100%;
            }
            #pecanodelivery h2 {
                font-family: 'Barlow Condensed', sans-serif;
                color:#000000;
                text-transform: uppercase;
                font-weight: 500;
                font-size:30px;
                padding:0;
                margin:0;
            }
            #pecanodelivery p {
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                color:#000000;
                font-size:14px;
            }
        }
        @media only screen and (min-width: 768px) {
            #pecanodelivery .conteudoDir {
                padding:0 0 0 30px;
                max-width:600px;
            }
            #pecanodelivery h2 {       
                font-size:35px;
            }
            #pecanodelivery p {        
                font-size:14px;
            }
        }
        @media only screen and (min-width: 992px) {
            #pecanodelivery .conteudoDir {
                padding:0 0 0 75px;
            }
            #pecanodelivery h2 {        
                font-size:45px;
            }
            #pecanodelivery p {
                font-size:16px;
            }
        }

        /*=========================================
        FAIXA DECORATIVA
        ==========================================*/
        /* # Faixa decorativa com foto */
        @media only screen and (min-width: 320px) {
            section.deco {
                background: url(https://www.cervejarianacional.com.br/__clientes/LP-29-04-2022/images/deco.jpg) no-repeat center center; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                height: 200px;
                width: 100%;
            }
        }
        @media only screen and (min-width: 768px) {
            section.deco {
                height: 300px;
            }
        }
        @media only screen and (min-width: 992px) {
            section.deco {
                height: 500px;
            }
        }

























/*=========================================
FORMULARIO
==========================================*/
#formulario {
    background-color: #401e0a;
    padding-top: 40px;
}
#formulario .container {
    background-color: #401e0a;
    display: flex;
    gap: 20px;
    align-items: center;
}
#formulario .container div {
    width: 50%;
}

#formulario .container div h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 45px;
    color: #ffc500;
    font-weight: 300!important;
}


        
        /* # Cadastro */
        @media only screen and (min-width: 320px) {
            #cadastrese {
                background-color: #401e0a;
                padding: 40px 0 30px 0;
                width: 100%;
                position: relative;
                text-align: left;
            }
            #cadastrese h2 {
                text-align: left;
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc500;        
                font-weight: 500;
                font-size:30px;
                padding:0;
                margin:0 0 30px 0;
            }
            #cadastrese p {
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                color:#ffc500;
                font-size:18px;
            }
        }
        @media only screen and (min-width: 768px) {
            #cadastrese {
                padding: 80px 0 70px 0;
                text-align:left;
            }
            #cadastrese h2 {
                font-size:30px;
            }
        }
        @media only screen and (min-width: 992px) {
            #cadastrese {
                padding: 80px 0 70px 0;
                text-align:left;
            }
            #cadastrese h2 {
                font-size:46px;
            }
        }
        #cadastrese form {
            margin:20px 0 0 0;
        }
        #cadastrese label {    
            color:#ffc500;
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 18px;
            display: none;
        }
        #cadastrese input {
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 18px;
            border:none;
            padding:15px 25px;
            margin:0 0 10px 0;
            color:#ffc500;
            background-color:#7d5239;    
            width: 100%;
            display: block;
        }
        #cadastrese input::-webkit-input-placeholder {
            color:#ffc500;
            font-family: 'Barlow Condensed', sans-serif;
        }
        #cadastrese input:-ms-input-placeholder {
            color:#ffc500;
            font-family: 'Barlow Condensed', sans-serif;
        }
        #cadastrese input::placeholder {
            color:#ffc500;
            font-family: 'Barlow Condensed', sans-serif;
        }
        #cadastrese input:-webkit-autofill,
        #cadastrese input:-webkit-autofill:hover, 
        #cadastrese input:-webkit-autofill:focus {
            color:#ffc500;
            background-color:#7d5239;     
            -webkit-text-fill-color: #ffc500;
            box-shadow: 0 0 0px 1000px #7d5239 inset;
        }
        #cadastrese button {
            font-family: 'Barlow Condensed', sans-serif;
            color:#401e0a;
            background-color: #ffc500;
            text-transform: uppercase;
            font-weight: 500;
            text-decoration: none;
            font-size: 20px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            border:none;
            padding: 13px 25px;
            margin:10px 0 30px 0;
            display:block;
            float: left;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            min-width: 150px;
            text-align: center;
        }
        #cadastrese button:hover {
            color:#fff;
            background-color: #028954;
        }





























        /*=========================================
        CARDÁPIO
        ==========================================*/
        /* # Link do cardápio */
        #linkcardapio {
            background-color: #ffc500;
            width: 100%;
            display:block;
            text-align: center;
            font-family: 'Barlow Condensed', sans-serif;
            color:#401e0a;
            background-color: #ffc500;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 29px;
            text-decoration: none;
            padding:38px 0;
            -webkit-transition: all .25s ease;
            transition: all .25s ease; 
        }
        #linkcardapio span {    
            width: 40px;
            height: 40px;
            display: inline-block;
            border:none;
            position: relative;
            vertical-align: middle;
            top:-5px;
        }
        #linkcardapio span i {
            font-size: 20px;
            top:10px;
            left:12px;
            position: absolute;
        }
        #linkcardapio:hover > span i {
            color:#028954;
            -webkit-transition: all .25s ease;
            transition: all .25s ease; 
        }
        #linkcardapio:hover {
            color:#028954;
            -webkit-transition: all .25s ease;
            transition: all .25s ease; 
        }

        /*=========================================
        COMPARTILHE NO FACEBOOK
        ==========================================*/
        /* # Compartilhe no facebook */
        #compartilharFacebook {
            background-color: #ffc500;
            width: 100%;
            display:block;
            text-align: center;
            font-family: 'Barlow Condensed', sans-serif;
            color:#401e0a;
            background-color: #ffc500;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 29px;
            text-decoration: none;
            padding:38px 0;
            -webkit-transition: all .25s ease;
            transition: all .25s ease; 
        }
        #compartilharFacebook span {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: inline-block;
            border:solid 2px #401e0a;
            position: relative;
            vertical-align: middle;
            top:-5px;
        }
        #compartilharFacebook span i {
            font-size: 20px;
            top:10px;
            left:12px;
            position: absolute;
        }
        #compartilharFacebook:hover > span {
            background-color: #028954;
            border:solid 2px #028954;  
            -webkit-transition: all .25s ease;
            transition: all .25s ease; 
        }
        #compartilharFacebook:hover > span i {
            color:#ffc500;
            -webkit-transition: all .25s ease;
            transition: all .25s ease; 
        }
        #compartilharFacebook:hover {
            color:#028954;
            -webkit-transition: all .25s ease;
            transition: all .25s ease; 
        }

        /*=========================================
        YOUTUBE E INSTAGRAM
        ==========================================*/
        #youtube_insta {
            background: #401e0a;
        }        
        #youtube_insta h2 {
            color:#ffc500;
            font-size: 46px;
            text-align: center;
            font-family: 'Barlow Condensed', sans-serif;
            font-weight: 400;
            margin-bottom: 0;
        }
        #youtube_insta p {
            color: #ffffff;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
        }
        #youtube_insta .cont {
            margin: auto 0;
            text-align: center;
        }
        

        @media only screen and (min-width: 320px) {
            #youtube_insta .youtube {
                background: url(https://www.cervejarianacional.com.br/__clientes/LP-29-04-2022/images/bg_youtube.jpg) no-repeat top center ; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
            #youtube_insta .instagram {
                background: url(https://www.cervejarianacional.com.br/__clientes/LP-29-04-2022/images/bb_insta.jpg) no-repeat top center ; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
            #youtube_insta .youtube,
            #youtube_insta .instagram {
                min-height: 60vh;
                display: flex;
                flex-direction: column;
                justify-items: center;
                align-items: center;
                align-content: center;
                margin: auto 0;
            }
        }
        @media only screen and (min-width: 992px) {
            #youtube_insta .youtube {
                background: url(https://www.cervejarianacional.com.br/__clientes/LP-29-04-2022/images/bg_youtube.jpg) no-repeat top center; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
            #youtube_insta .instagram {
                background: url(https://www.cervejarianacional.com.br/__clientes/LP-29-04-2022/images/bb_insta.jpg) no-repeat top center; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
            #youtube_insta .youtube,
            #youtube_insta .instagram {
                min-height: 60vh;
                display: flex;
                flex-direction: column;
                justify-items: center;
                align-items: center;
                align-content: center;
            }
        }





        /*=========================================
        FOOTER
        ==========================================*/
        /* # Footer */
        @media only screen and (min-width: 320px) {
            footer {
                background-color: #028954;
                padding:40px 0 80px 0;
                vertical-align: text-top;
            }
            footer img.logoFooter {
                display: none;
            }    
        }
        @media only screen and (min-width: 992px) {
            footer {
                background-color: #028954;
                padding:100px 0;
                /*vertical-align: text-top;*/
                display: flex;
                align-items: stretch;
                height: 100%;
            }
            footer img.logoFooter {
                display: block;
                max-width: 100%;
            }    
        }
        @media only screen and (min-width: 1200px) {
            footer ul.contsFooter li:nth-child(2){
                margin-left: 30px;
            }
        }        
        footer ul {
            list-style: none;
        }
        footer ul li {
            display: inline-flex;
            max-width: 280px;    
        }
        footer p {
            font-family: 'Barlow Condensed', sans-serif;
            color:#401e0a;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 19px;
        }
        footer p a,
        footer span {
            color:#ffc500;
            text-transform: none;
            text-decoration: none;
        }
        footer .e-mails-link {
            font-size: 18px;
        }

        /*=========================================
        FAQ
        ==========================================*/
        /* faq */
        @media only screen and (min-width: 320px) {
            #faq-section {
                background-color: #00955a;
                padding: 40px 0 30px 0;
                width: 100%;
                position: relative;
                text-align: left;
            }
            #faq-section h2 {
                text-align: center;
                font-family: 'Barlow Condensed', sans-serif;
                color:#ffc600;
                text-transform: uppercase;
                font-weight: 500;
                font-size:30px;
                padding:0;
                margin:0;
            }
        }
        @media only screen and (min-width: 768px) {
            #faq-section {
                padding: 80px 0 70px 0;
            }
            #faq-section h2 {        
                font-size:46px;
            }
        }
        #faq-section h3 {
            text-align: center;
            font-family: 'Barlow Condensed', sans-serif;
            color:#ffc600;
            font-weight: 500;
            font-size:25px;
            padding:0;
            margin:0;
        }
        #faq-section p {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            color:#fff;
            font-size:16px;
            text-align: center;
            padding:0;
            margin:10px 0 50px 0;
        }
        #faq-section img {
            max-width: 100%;
        }
        #faq-section .card {
            margin-bottom: 10px;
            border-radius: 0;
            background-color: #03a162;
            border: transparent;

        }
        #faq-section .card-header {
            background-color: #03a162;
            border:none;
            position: relative;
            padding-right: 70px;
        }
        #faq-section .btn-link {
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;
            text-decoration: none;    
        }
        #faq-section .btn {
            color:#ffc600;
            font-size: 18px;
        }
        #faq-section .card-body {
            font-family: 'Open Sans', sans-serif;
            font-weight: normal;
            color:#ffffff;
            font-size: 16px;
        }
        #faq-section .card-body a {
            color: #ffffff;
            text-decoration: underline;
            color:#ffc600;
        }
        #faq-section .card-header:before {
            content: url(https://www.cervejarianacional.com.br/__clientes/LP-29-04-2022/images/seta-down.gif);
            position: absolute;
            width: 67px;
            height: 67px;
            background-color: #018d55;
            display: block;
            top:0;
            right: 0;
            padding:20px 0 0 27px;
        }