/**

  1. Imports

  2. All

  3. Reset

  4. Typographic

  5. Header

  6. Menu

  7. Forms

  8. Buttons

  9. Grid

  10. Pages

  12 Footer

  12. Banner Simple

  .....

  50. Responsive

*/



/* 1. Imports */

@font-face {

    font-family: 'Gin Oblique';

    src: url('../fonts/Gin/Gin-Oblique.eot');

    src: url('../fonts/Gin/Gin-Oblique.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Gin/Gin-Oblique.woff2') format('woff2'),

         url('../fonts/Gin/Gin-Oblique.woff') format('woff'),

         url('../fonts/Gin/Gin-Oblique.ttf') format('truetype'),

         url('../fonts/Gin/Gin-Oblique.svg#Gin-Oblique') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gin Round';

    src: url('../fonts/Gin/Gin-Round.eot');

    src: url('../fonts/Gin/Gin-Round.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Gin/Gin-Round.woff2') format('woff2'),

         url('../fonts/Gin/Gin-Round.woff') format('woff'),

         url('../fonts/Gin/Gin-Round.ttf') format('truetype'),

         url('../fonts/Gin/Gin-Round.svg#Gin-Round') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gin Regular';

    src: url('../fonts/Gin/Gin-Regular.eot');

    src: url('../fonts/Gin/Gin-Regular.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Gin/Gin-Regular.woff2') format('woff2'),

         url('../fonts/Gin/Gin-Regular.woff') format('woff'),

         url('../fonts/Gin/Gin-Regular.ttf') format('truetype'),

         url('../fonts/Gin/Gin-Regular.svg#Gin-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gin Lines';

    src: url('../fonts/Gin/Gin-Lines.eot');

    src: url('../fonts/Gin/Gin-Lines.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Gin/Gin-Lines.woff2') format('woff2'),

         url('../fonts/Gin/Gin-Lines.woff') format('woff'),

         url('../fonts/Gin/Gin-Lines.ttf') format('truetype'),

         url('../fonts/Gin/Gin-Lines.svg#Gin-Lines') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gin Lines Oblique';

    src: url('../fonts/Gin/Gin-LinesOblique.eot');

    src: url('../fonts/Gin/Gin-LinesOblique.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Gin/Gin-LinesOblique.woff2') format('woff2'),

         url('../fonts/Gin/Gin-LinesOblique.woff') format('woff'),

         url('../fonts/Gin/Gin-LinesOblique.ttf') format('truetype'),

         url('../fonts/Gin/Gin-LinesOblique.svg#Gin-LinesOblique') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Soleil Lt';

    src: url('../fonts/Soleil/Soleil-Light.eot');

    src: url('../fonts/Soleil/Soleil-Light.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Soleil/Soleil-Light.woff2') format('woff2'),

         url('../fonts/Soleil/Soleil-Light.woff') format('woff'),

         url('../fonts/Soleil/Soleil-Light.ttf') format('truetype'),

         url('../fonts/Soleil/Soleil-Light.svg#Soleil-Light') format('svg');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Soleil Bk';

    src: url('../fonts/Soleil/Soleil-Book.eot');

    src: url('../fonts/Soleil/Soleil-Book.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Soleil/Soleil-Book.woff2') format('woff2'),

         url('../fonts/Soleil/Soleil-Book.woff') format('woff'),

         url('../fonts/Soleil/Soleil-Book.ttf') format('truetype'),

         url('../fonts/Soleil/Soleil-Book.svg#Soleil-Book') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Soleil';

    src: url('../fonts/Soleil/Soleil-Regular.eot');

    src: url('../fonts/Soleil/Soleil-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Soleil/Soleil-Regular.woff2') format('woff2'),

        url('../fonts/Soleil/Soleil-Regular.woff') format('woff'),

        url('../fonts/Soleil/Soleil-Regular.ttf') format('truetype'),

        url('../fonts/Soleil/Soleil-Regular.svg#Soleil-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Soleil Bold';

    src: url('../fonts/Soleil/Soleil-Bold.eot');

    src: url('../fonts/Soleil/Soleil-Bold.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Soleil/Soleil-Bold.woff2') format('woff2'),

         url('../fonts/Soleil/Soleil-Bold.woff') format('woff'),

         url('../fonts/Soleil/Soleil-Bold.ttf') format('truetype'),

         url('../fonts/Soleil/Soleil-Bold.svg#Soleil-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



/* 2. All */

:root {

    --transition: all .30s ease;

    --transition-animation: 0.5s;

    --invert: brightness(0) invert(1);

    --filter-vermelho: brightness(0) saturate(100%) invert(11%) sepia(84%) saturate(3207%) hue-rotate(333deg) brightness(58%) contrast(105%);

    --opa-azul: #0055AA;

    --opa-verde: #006838;

    --opa-amarelo: #ECE9DC;

    --opa-amarelo-2: #FCC200;

    --opa-verde-escuro: #383D22;

    --opa-vermelho: #4F0314;

    --opa-vermelho-1: #B60E0C;

    --opa-marrom-claro: #BF9B5C;

    --opa-marrom-escuro: #6E402C;

    --opa-bege-claro: #F2EFE8;

    --opa-bege: #E2DDD1;

    --opa-cinza: #EAEAEA;

    --opa-cinza-claro: #989898;

    --opa-cinza-escuro: #515151;

    --opa-branco: #FFFFFF;

    --opa-smoky-black: #051C1C;

    --opa-light-silver: #D9D9D9;

    --opa-arsenic: #414042;

    --opa-neutro: #351C02;

    --opa-cinza-neutro: #C4C4C4;

    --opa-historia: #FFFAE8;

    --opa-mine-shaft: #262626;

    --opa-cinza-alto: #D3D3D3;

    --container: 71.25rem;

    --font-family-soleil-bold: 'Soleil Bold';

    --font-family-soleil: 'Soleil';

    --font-family-soleil-bk: 'Soleil Bk';

    --font-family-soleil-lt: 'Soleil Lt';

    --font-family-gin-lines-oblique: 'Gin Lines Oblique';

    --font-family-gin-lines: 'Gin Lines';

    --font-family-gin-regular: 'Gin Regular';

    --font-family-gin-round: 'Gin Round';

    --font-family-gin-oblique: 'Gin Oblique';

}



*{

    box-sizing: border-box;

}



p {

    margin-top: 0;

    margin-bottom: 0;

}



html {

  scroll-behavior: smooth;

}



a,

button,

input {

    outline: none;

    text-decoration: none;

}



a:hover,

button:hover,

input:hover {

    outline: none;

    text-decoration: none;

}



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}



body {

	line-height: 1;

}



ol, ul {

	list-style: none;

}



blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



.grid {

    display: flex;

    width: 100%;

    max-width: 1170px;

    margin: 0 auto;

    padding: 0 15px;

    flex-wrap: wrap;

    position: relative;

}



@media (min-width:576px) {

    .grid {

        max-width: 540px;

    }

}



@media (min-width:768px) {

    .grid {

       max-width: 720px;

    }

}



@media (min-width:992px) {

    .grid {

        max-width: 960px;

    }

}



@media (min-width:1200px) {

    .grid {

        max-width: 1170px;

    }



}



html {

    overflow-x: hidden!important;

    font-family: var(--font-family-gin-regular), sans-serif;

}



body{

    overflow: hidden!important;

    background: var(--opa-branco);

}



.show-mobile {

    display: none!important;

}



@media(max-width: 992px){

    .show-mobile{

        display: block!important;

    }

    .show-desktop{

        display: none!important;

    }



}



.btn{

    display: flex;

    align-items: center;

    justify-content: center;

}



/* 4. Typographic */

.titulo-1 {

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 60px;

    line-height: 72px;

}



.titulo-2 {

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 24px;

    line-height: 29px;

}



.titulo-3 {

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 22px;

    line-height: 29px;

}



.titulo-4 {

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 21px;

}



.titulo-5 {

    font-family: var(--font-family-soleil);

    font-style: normal;

    font-weight: 700;

    font-size: 24px;

    line-height: 30px;

}



.titulo-6 {

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 19px;

}



.titulo-7 {

    font-family: var(--font-family-soleil);;

    font-style: normal;

    font-weight: 700;

    font-size: 48px;

    line-height: 61px;

}



.marca-dagua{

    font-family: var(--font-family-gin-lines);

    font-style: normal;

    font-weight: 400;

    font-size: 200px;

    line-height: 240px;

}



.texto{

    font-family: var(--font-family-soleil);

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 16px;

}



.btn-texto {

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 20px;

}



/* BUTTONS */

.header-button{

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 700;

    font-size: 14px;

    line-height: 16px;

    color: var(--opa-branco);

    transition: var(--transition);

    background: var(--portal-gradient-2);

    width: 280px;

    height: 60px;

    border-radius: 8px;

    position: relative;

}



.header-button:after {

    content: '';

    position: absolute;

    width: 80%;

    transform: scaleX(0);

    height: 2px;

    bottom: 18px;

    left: 28px;

    background-color: var(--portal-branco);

    transform-origin: bottom right;

    transition: transform 0.25s ease-out;

}



.header-button:hover:after {

    transform: scaleX(1);

    transform-origin: bottom left;

}



.header-button:hover{

    background: var(--portal-gradient-2);

    transition: var(--transition);

}



.ver-mais{

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 600;

    font-size: 15px;

    line-height: 17px;

    color: var(--opa-branco);

    transition: var(--transition);

    background: transparent;

    width: 102px;

    height: 40px;

    border-radius: 8px;

    border: 1px solid var(--portal-branco);

    padding: 10px 16px;

}



.ver-mais:hover{

    background: var(--portal-branco);

    color: var(--portal-preto);

    transition: var(--transition);

}



.ver-mais-color{

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 600;

    font-size: 15px;

    line-height: 17px;

    color: var(--portal-azul-claro);

    transition: var(--transition);

    background: transparent;

    width: 102px;

    height: 40px;

    border-radius: 8px;

    border: 1px solid var(--portal-azul-claro);

    padding: 12px 16px;

}



.ver-mais-color:hover{

    background: var(--portal-azul-claro);

    color: var(--portal-branco);

    transition: var(--transition);

}



.fale-conosco{

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 700;

    font-size: 14px;

    line-height: 16px;

    color: var(--portal-branco);

    transition: var(--transition);

    background: var(--portal-azul-escuro);

    width: 240px;

    height: 60px;

    border-radius: 10px;

    position: relative;

}



.fale-conosco:hover{

    transition: var(--transition);

}



.fale-conosco:after {

    content: '';

    position: absolute;

    width: 50%;

    transform: scaleX(0);

    height: 2px;

    bottom: 20px;

    left: 58px;

    background-color: var(--portal-branco);

    transform-origin: bottom right;

    transition: transform 0.25s ease-out;

}



.fale-conosco:hover:after {

    transform: scaleX(1);

    transform-origin: bottom left;

}



.baixar-button{

    color: var(--portal-verde);

    font-weight: 700;

    font-size: 17px;

    line-height: 19px;

}



.baixar-button span{

    margin-right: 8px;

}



.home-sobre-estilo-3{

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 22px;

    color: var(--opa-arsenic);

    transition: var(--transition);

    width: 280px;

    height: 60px;

    position: relative;

    padding-left: 30px;

}



.home-sobre-estilo-3 div.bolha{

    margin-right: 20px;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 72px;

}



.home-sobre-estilo-3 div.bolha svg.bolhaVetor{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

}



.home-sobre-estilo-3 div.bolha span.arrow{

    position: relative;

    z-index: 2;

}



.home-sobre-estilo-3:hover div.bolha span.arrow{

    animation-name: bounceAlpha;

    animation-duration: 1.4s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}



.play-button{

    background: var(--studos-laranja-principal);

    box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.19);

    width: 100px;

    height: 100px;

    border-radius: 50%;

}



.play-button:hover{

    transform: scale(1);

    animation: pulse 2s infinite;

}



.teste-gratis-arrow{

    box-sizing: border-box;

    border-radius: 6px;

    background: transparent;

    width: 266px;

    height: 60px;

    transition: var(--transition);

    background: var(--studos-preto);

    color: var(--opa-branco);

}



.acessar-with-arrow{

    box-sizing: border-box;

    border-radius: 6px;

    background: transparent;

    width: 266px;

    height: 60px;

    transition: var(--transition);

    background: var(--studos-preto);

    color: var(--opa-branco);

    position: relative;

}



.acessar-with-arrow:hover{

    background: var(--studos-laranja-principal);

    border-color: var(--studos-laranja-principal);

    transition: var(--transition);

}



.acessar-with-arrow .arrows{

    display: flex;

    align-items: center;

    position: absolute;

    top: 56%;

    transform: translateY(-50%);

    left: 175px;

    transition: var(--transition);

}



.acessar-with-arrow:hover .arrows{

    display: flex;

    align-items: center;

    position: absolute;

    transition: var(--transition);

}



.acessar-with-arrow:hover .arrows span{

    animation-name: bounceAlpha;

    animation-duration:1.4s;

    animation-iteration-count:infinite;

    animation-timing-function:linear;

}



.acessar-with-arrow .arrows span.third{

    margin-left: 3px;

}



.acessar-with-arrow:hover .arrows span.third{

    animation-delay: 0.1s;

    margin-left: 4px;

}



.acessar-with-arrow span.texto{

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 22px;

    color: var(--portal-verde);

    transition: var(--transition);

    display: block;

    position: relative;

    top: 3px;

}



.acessar-arrow{

    box-sizing: border-box;

    border-radius: 6px;

    background: transparent;

    width: 266px;

    height: 60px;

    transition: var(--transition);

    background: var(--studos-azul);

}



.acessar-arrow:hover{

    background: var(--studos-laranja-principal);

    border-color: var(--studos-laranja-principal);

    transition: var(--transition);

}



.acessar-arrow:hover span{

    color: var(--opa-branco);

}



.acessar-arrow span{

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 22px;

    color: var(--studos-branco);

    transition: var(--transition);

    display: block;

    position: relative;

    top: 3px;

}



.acessar-arrow img{

    margin-right: 10px;

}



.acessar-arrow:hover img{

    filter: var(--invert);

}



/* FORM */

.form-row{

    display: flex;

    flex-direction: column;

}



.form-row label {

    font-size: 18px;

    line-height: 22px;

    font-weight: 600;

    color:var(--opa-marrom-claro);

    margin-bottom: 8px;

    font-family: var(--font-family-soleil);

}



.form-row input,.form-row textarea,.form-row select {

    border: 1px solid var(--opa-cinza-escuro);

    padding: 24px 15px;

    font-family: var(--font-family-soleil);

    background-color: var(--opa-branco);

    color:var(--opa-marrom-claro);

}



select {

    -webkit-appearance: none;

    -moz-appearance: none;

    background: transparent;

    background-image: url("/wp-content/themes/labbotheme/assets/svg/arrow-down-black.svg");

    background-repeat: no-repeat;

    background-position-x: 95%;

    background-position-y: 31px;

}



.pag-1 {

    height: 72px;

    width: 72px;

    border: 2px solid var(--opa-vermelho);

    color:var(--opa-vermelho);

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 20px;

}



.pag-2 {

    height: 72px;

    width: 72px;

    border: 2px solid var(--opa-marrom-claro);

    color:var(--opa-marrom-claro);

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 20px;

}



.btn-opa {

    height: 70px;

    width: 266px;

    color: var(--opa-branco);

    background-color: var(--opa-marrom-claro);

    text-transform: uppercase;

}



.arrows {

    margin-right: 30px;

}



/* ACESSO RÁPIDO */

.acesso-rapido {

    position: fixed;

    right: 23px;

    z-index: 999;

    bottom: 30px;

}



.acesso-rapido .fechado {

    width: 230px;

    height: 80px;

    background: var(--opa-vermelho);

    border-radius: 200px;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    opacity: 1;

    top: 0;

    transition: all 0.35s ease-in-out;

    visibility: visible;

}



.acesso-rapido .fechado:active,

.acesso-rapido .fechado:focus,

.acesso-rapido .fechado:hover{

    background: var(--opa-marrom-claro);

}



.acesso-rapido .fechado:active .titulo-4,

.acesso-rapido .fechado:focus .titulo-4,

.acesso-rapido .fechado:hover .titulo-4{

    color: var(--opa-vermelho);

}



.acesso-rapido .fechado:active img,

.acesso-rapido .fechado:focus img,

.acesso-rapido .fechado:hover img{

    filter: brightness(0) saturate(100%) invert(8%) sepia(66%) saturate(3203%) hue-rotate(330deg) brightness(87%) contrast(107%);

}



.acesso-rapido .fechado.disk-chopp:active,

.acesso-rapido .fechado.disk-chopp:focus,

.acesso-rapido .fechado.disk-chopp:hover{

    background: var(--opa-vermelho);

}



.acesso-rapido .fechado.disk-chopp:active .titulo-4,

.acesso-rapido .fechado.disk-chopp:focus .titulo-4,

.acesso-rapido .fechado.disk-chopp:hover .titulo-4{

    color: var(--opa-marrom-claro);

}



.acesso-rapido .fechado.disk-chopp:active img,

.acesso-rapido .fechado.disk-chopp:focus img,

.acesso-rapido .fechado.disk-chopp:hover img{

    filter: brightness(0) saturate(100%) invert(81%) sepia(4%) saturate(4009%) hue-rotate(354deg) brightness(78%) contrast(91%);

}



.acesso-rapido .fechado.disabled {

    top: 100px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.35s ease-in-out;

    height: 0px;

}



.acesso-rapido .fechado span, .acesso-rapido .aberto span {

    margin-right: 10px;

    color: var(--opa-marrom-claro);

    font-weight: 400;

}



.acesso-rapido .aberto {

    width: 230px;

    background: var(--opa-vermelho);

    border-radius: 2000px;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    top: 100px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.35s ease-in-out;

    height: 0px;

}



.acesso-rapido .aberto.enabled {

    top: 0px;

    opacity: 1;

    display: flex;

    transition: all 0.35s ease-in-out;

    visibility: visible;

    height: 80px;

}



.acesso-rapido .aberto>img {

    position: absolute;

    top: -15px;

    left: 40%;

    transform: rotate(90deg);

    -webkit-filter: drop-shadow(12px 12px 25px rgba(0, 0, 0, 0.5));

    filter: drop-shadow(12px 12px 25px rgba(0, 0, 0, 0.5));

}



.acesso-rapido .disk-chopp {

    background: var(--opa-marrom-claro);

    margin-top: 10px;

    transition: all 0.35s ease-in-out;

}



.acesso-rapido .disk-chopp .titulo-4 {

    color: var(--opa-amarelo);

}



.aberto .texto {

    position: absolute;

    top: 120px;

    display: flex;

    flex-direction: column;

    z-index: -1;

    height: 215px;

    justify-content: center;

    border-radius: 22px 0px 0px 22px;

    opacity: 0;

    transition: all 0.35s ease-in-out;

    visibility: hidden;

    align-items: end;

}



.aberto .texto.active {

    top: -400%;

    transition: all 0.35s ease-in-out;

    opacity: 1;

    visibility: visible;

    right: 2px;

}



.aberto .texto a {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    letter-spacing: -0.01em;

    color: var(--opa-vermelho);

    padding: 29px;

    background: var(--opa-bege-claro);

    border-radius: 200px;

    width: max-content;

    margin-bottom: 2px;

}



.aberto .texto a:hover {

    text-decoration: underline !important;

}



.aberto .texto a img {

    margin-left: 12px;

    max-width: 26px;

}



@media (max-width: 992px) {

    .acesso-rapido {

        display: none;

    }

}



@media (max-width: 1366px) {

    html {

        font-size: 13px;

    }



    .popup-wrap {

        font-size: 13px;

    }

}



/* POP UP */

.popup-wrap {

    transform: translate(-50%, 50%);

    bottom: 50%;

    left: 50%;

    position: fixed;

    z-index: 99;

    display: none;

}

.popup-wrap:after{

    content: '';

    position: absolute;

    top: -50%;

    left: -50%;

    width: 300%;

    height: 300%;

    background-color: rgba(0, 0, 0, 0.7);

}



.popup-wrap.oppened {

   display: block;

}



.popup-aberto {

    width: 75em;

    height: 47.75em;

    background: var(--opa-azul);

    position: relative;

    border: solid 1px var(--opa-azul);

    z-index: 9999;

    overflow: hidden;

}



.popup-aberto .left {

    width: 68%;

    height: 100%;

    padding: 4.81em 0 2.5em 5.44em;

    background-color: var(--opa-branco);

    display: block;

    float: left;

}



.popup-aberto .owl-carousel .owl-item .logo-empresa {

    width: 9.38rem;

    height: 9.38rem;

    object-fit: contain;

    margin-right: 1.38rem;

}



.popup-aberto .titulo-popup {

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    color: var(--opa-vermelho);

    font-size: 3.75rem;

    width: 23.19rem;

    margin-bottom: 1.25rem;

    line-height: 4.2rem;

}



.popup-aberto .left h3 {

    font-size: 2rem;

    color: var(--opa-bege);

    text-transform: uppercase;

}



.popup-aberto .left h3 span {

    color: var(--opa-marrom-claro);

}



.popup-aberto .left p {

    font-family: var(--font-family-soleil);

    font-style: normal;

    font-weight: 400;

    font-size: 0.941rem;

    width: 30.81rem;

    line-height: 1.19rem;

    letter-spacing: -0.02em;

    color: var(--opa-cinza-escuro);

}



.popup-aberto .right {

    background-image: url('../img/popup-bg.png');

    width: 100%;

    background-position: right;

    height: 100%;

    background-size: contain;

    background-repeat: no-repeat;

    display: block;

}



.popup-aberto .popup-slider-owl {

    margin-top: 5.19rem;

}



.popup-aberto .owl-nav{

    display: none;

}



.popup-aberto .float-image {

    position: absolute;

    z-index: 9999;

    top: 51%;

    right: 3%;

    transform: translate(-50%, -50%);

    width: 21.56rem;

}



.popup-aberto .popup-slider-owl .whatapp-empresas {

    font-size: 1.13rem;

    width: 15rem;

    height: 3.13rem;

    padding: 0.94rem 1.31rem;

    background-color: var(--opa-verde);

    color: var(--opa-branco);

    border: none;

    display: flex;

}



.popup-aberto .popup-slider-owl .whatapp-empresas img {

    width: 1.25rem;

    position: relative;

    margin-right: 0.57rem;

}



.popup-aberto .detalhe-empresas > div {

    padding: 0.63rem 0;

}



.popup-aberto .card-empresas {

    display: flex;

}



.popup-aberto .detalhe-empresas .titulo-6 {

    width: 13.06rem;

    font-size: 1rem;

}



.popup-aberto .detalhe-empresas .titulo-2 {

    color: var(--opa-marrom-claro);

    font-size: 1.50rem;

    display: flex;

}



.popup-aberto .detalhe-empresas .titulo-2 img {

    width: 1.25rem;

    margin-right: 0.69rem;

}



.popup-aberto .owl-theme .owl-dots .owl-dot span {

    background: transparent;

    border: solid 1px var(--opa-marrom-claro);

    width: 0.63rem;

    height: 0.63rem;

}



.popup-aberto .owl-theme .owl-dots .owl-dot.active span,

.popup-aberto .owl-theme .owl-dots .owl-dot:hover span {

    background: var(--opa-marrom-escuro);

    border: solid 1px var(--opa-marrom-escuro);

    width: 0.63rem;

    height: 0.63rem;

}



.popup-aberto .owl-theme .owl-dots {

    margin-top: 2.56rem;

    margin-bottom: 3.88rem;

}



.popup-fechar img {

    position: absolute;

    z-index: 9999;

    top: 2%;

    right: 2%;

    cursor: pointer;

    scale: 0.8;

}



/* BLOG */

.blog {

    margin: 12rem 0 5rem;

    margin-left: calc(45.5% + 0px);

    transform: translateX(-50%);

}



.opa-related .blog {

    margin: 3rem 0 5rem;

    margin-left: calc(50% + 0px);

    transform: translateX(-50%);

    width: 100vw;

}



.opa-related {

    width: 100vw;

    position: relative;

}



.opa-related .blog {

    margin: 3rem 0 5rem;

    margin-left: calc(50% + 0px);

    transform: translateX(-50%);

}



.opa-related .owl-item.lastActiveItem{

    opacity: 0.5;

}



.blog-title {

    color:var(--opa-marrom-escuro);

    position: relative;

    margin-top: -90px;

}



.blog-title span {

    color:var(--opa-marrom-claro);

}



.blog-title h2 {

    position: absolute;

    top: 98px;

}



.blog-title .marca-dagua {

    color:var(--opa-bege)

}



.blog .owl-stage {

    display: flex!important;

}



.blog-card {

    height: 450px;

    width: 100%;

    padding: 30px;

    display: flex;

    flex-direction: column;

    justify-content: end;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: relative;

    transition: var(--transition-animation);

}



.blog-card:focus h4,

.blog-card:active h4,

.blog-card:hover h4 {

    color: var(--opa-marrom-claro);

}



.blog-card span {

    color: var(--opa-marrom-claro);

}



.blog-card h4 {

    margin-top: 20px;

    color: var(--opa-branco);

}



.blog-card img {

    margin-top: 20px;

    width: 6px!important;

    height: 12px;

}



.blog .owl-item {

    filter: grayscale(100%)brightness(100%);

}



.blog .owl-stage .active {

    filter: none;

}



.blog .owl-nav {

    display: none!important;

}



.blog .owl-dot {

    border: none!important;

    background: none!important;

}



.blog .owl-dot span {

    border: 2px solid var(--opa-marrom-claro) !important;

    background: transparent !important;

}



.blog .owl-dot.active span, .blog .owl-dot:hover span {

    background: var(--opa-vermelho) !important;

    border: 2px solid var(--opa-vermelho) !important;

}



.blog .owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 36px!important;

    margin-bottom: 100px!important;

    margin-left: -384px;

}



/* NEWSLETTER */

.newsletter {

    height: 230px;

    background-color: var(--opa-bege);

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    margin-top: 10rem;

}



.copo-news {

    position: absolute;

    right: 0;

    top: -100px;

}



.tampa {

    position: absolute;

    top: -69px;

    left: 19%;

    z-index: 2;

}



.tampa img {

    width: 87%;

}



.main-newsletter {

    height: 250px;

    z-index: 1;

    padding: 0;

}



.main-newsletter .left {

    padding: 40px 0 61px 215px;

    width: 70%;

    position: relative;

}

.main-newsletter .left:before {

    content: '';

    background-image: url(/wp-content/uploads/2023/01/tampa-1.webp);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    width: 13.125rem;

    height: 12.5rem;

    position: absolute;

    left: -1rem;

    top: -4rem;

}



.main-newsletter .left h2 {

    color: var(--opa-marrom-escuro);

    margin-bottom: 1.5rem;

    font-size: 2rem;

    line-height: inherit;

}



.main-newsletter form {

    position: relative;

}



.main-newsletter .grid {

    max-width: 100%;

    justify-content: center;

}





.content-name {

    position: relative;

    bottom: 0px;

    left: 0px;

    padding-bottom: 15px;

    transition: all 0.3s ease;

    font-family: var(--font-family-soleil);

    font-weight: 400;

    font-size: 16px;

    line-height: 22px;

    color: var(--opa-cinza-escuro);

}



/* Newsletter */

.checkNews {

    font-family: var(--font-family-soleil);

    font-size: 13px;

    font-weight: 400;

    line-height: 16px;

    margin-left: 15px;

    color: var(--opa-cinza-escuro);

}



.newsletter .marca-dagua {

    position: absolute;

    bottom: 0;

    left: 19%;

    z-index: 0;

    color: var(--opa-vermelho);

}



.main-newsletter .right {

    height: 100%;

    width: 30%;

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: end;

}



.main-newsletter .right ul {

    display: flex;

    gap: 0.5rem;

    flex-wrap: wrap;

    justify-content: center;

}



.main-newsletter .right ul li {

    height: 60px;

    width: 60px;

    background: var(--opa-branco);

    border-radius: 50%;

    margin-right: 6px;

    transition: var(--transition-animation);

}



.main-newsletter .right ul li a {

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.main-newsletter .right ul li:active,

.main-newsletter .right ul li:focus,

.main-newsletter .right ul li:hover{

    background: var(--opa-marrom-escuro);

}



.main-newsletter .right ul li:active a img,

.main-newsletter .right ul li:focus a img,

.main-newsletter .right ul li:hover a img{

    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7500%) hue-rotate(258deg) brightness(119%) contrast(102%);

}



.main-newsletter .right .titulo-3 {

    color: var(--opa-branco);

}

@media only screen and (max-width: 991px) {

    .main-newsletter .right ul{

        flex-wrap: wrap;

        margin: 0 3rem;

    }

}



/* Newsletter Form */

.form-newsletter p{

    position: relative;

}

.form-newsletter input[type="email"]{

    height: 3.75rem;

    line-height: 3.75rem;

    background: var(--opa-branco);

    border: none;

    width: 100%;

    padding: 3%;

    font-size: 1rem;

    color: var(--opa-cinza-escuro);

    font-family: var(--font-family-soleil);

    font-weight: 400;



}

.form-newsletter input[type="submit"]{

    position: absolute;

    right: 6px;

    top: 5px;

    border: none;

    height: 3rem;

    line-height: 3rem;

    background: var(--opa-marrom-escuro);

    font-size: 1.125rem;

    font-family: var(--font-family-soleil);

    font-weight: 600;

    color: var(--opa-branco);

    padding: 0;

    text-align: center;

    max-width: 9.563rem;

    width: 100%;

    transition: var(--transition-animation);

    cursor: pointer;

}

.form-newsletter input[type="submit"]:focus,

.form-newsletter input[type="submit"]:active,

.form-newsletter input[type="submit"]:hover {

    background-color: var(--opa-marrom-claro);

}



.form-newsletter .wpcf7-list-item{

    margin: 0;

}

.form-newsletter .wpcf7-list-item label input[type="checkbox"]{

    width: 1.125rem;

    height: 1.125rem;

    padding: 0;

    margin: 0 0.3rem 0 0;

}

.form-newsletter .wpcf7-list-item label{

    font-size: 1rem;

    color: var(--opa-cinza-escuro);

    font-family: var(--font-family-soleil);

    font-weight: 400;

}

.form-newsletter .wpcf7-list-item .wpcf7-list-item-label{

    position: relative;

    top: -3px;

}

.form-newsletter .wpcf7 form .wpcf7-response-output{

    margin: 0.5rem 0 0 0;

}



@media only screen and (max-width: 991px) {

    .copo-news{

        display: none;

    }

    .blog{

        margin-left: 0;

        transform: translateX(0%);

    }

}



@media only screen and (max-width: 768px) {

    .newsletter{

        height: 320px;

    }

    .main-newsletter{

        height: auto;

        padding: 1rem 0;

        row-gap: 2rem;

    }

    .main-newsletter .left:before{

        display: none;

    }

    .main-newsletter .left{

        padding: 0 1.25rem;

        width: 100%;

    }

    .main-newsletter .right{

        width: 100%;

        align-items: center;

    }

    .form-newsletter input[type="email"]{

        margin-bottom: 0.4rem;

    }

    .main-newsletter .right ul li{

        height: 50px;

        width: 50px;

    }

    

}



/* search */

.search-form {

    position: relative;

}



.search-input {

    width: 100%;

    height: 4.38rem;

}



.search-btn {

    position: absolute;

    right: 2px;

    top: 50%;

    transform: translateY(-50%);

}



/* ANIMATION */

@keyframes pulse {

	0% {

		transform: scale(0.95);

		box-shadow: 0 0 0 0 var(--studos-laranja-principal);

	}



	70% {

		transform: scale(1);

		box-shadow: 0 0 0 12px rgba(249, 44, 44, 0);

	}



	100% {

		transform: scale(0.95);

		box-shadow: 0 0 0 0 rgba(249, 44, 44, 0);

	}

}



@keyframes pulse2 {

	0% {

		transform: scale(0.95) translateY(-50%);

		box-shadow: 0 0 0 0 var(--studos-laranja-principal);

	}



	70% {

		transform: scale(1) translateY(-50%);

		box-shadow: 0 0 0 12px rgba(249, 44, 44, 0);

	}



	100% {

		transform: scale(0.95) translateY(-50%);

		box-shadow: 0 0 0 0 rgba(249, 44, 44, 0);

	}

}



@keyframes bounceAlpha {

    0% {opacity: 1; transform: translateX(0px) scale(1);}

    25%{opacity: 0; transform:translateX(10px) scale(0.9);}

    26%{opacity: 0; transform:translateX(-10px) scale(0.9);}

    55% {opacity: 1; transform: translateX(0px) scale(1);}

}





/* Pagination */

.lb-pagination{

    display: flex;

    gap: 1rem;

    flex-wrap: wrap;

}



.lb-pagination li{

    width: 5rem;

    height: 5rem;

    display: flex;

    justify-content: center;

    align-items: center;

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 1rem;

    line-height: 1.25rem;

}



.lb-pagination span.dots,

.lb-pagination li a{

    width: 5rem;

    height: 5rem;

    display: flex;

    justify-content: center;

    align-items: center;

    border: 2px solid var(--opa-marrom-claro);

    color: var(--opa-marrom-claro);

    padding: 0 2.3rem;

}



.lb-pagination li a:focus,

.lb-pagination li a:active,

.lb-pagination li a:hover{

    color: var(--opa-marrom-claro);

    border: 2px solid var(--opa-vermelho);

    background-color: var(--opa-vermelho);

}



.lb-pagination li.active a:focus,

.lb-pagination li.active a:active,

.lb-pagination li.active a:hover{

    color: var(--opa-vermelho);

    border: 2px solid var(--opa-vermelho);

    background-color: transparent;

}



.lb-pagination li a:focus img,

.lb-pagination li a:active img,

.lb-pagination li a:hover img{

    filter: brightness(0) saturate(100%) invert(60%) sepia(38%) saturate(472%) hue-rotate(360deg) brightness(97%) contrast(88%);

}



.lb-pagination li.active,

.lb-pagination li.active a{

    color: var(--opa-vermelho);

    border: 2px solid var(--opa-vermelho);

}



.lb-pagination li.previous a,

.lb-pagination li.next a{

    border: 2px solid var(--opa-vermelho);

    background-color: var(--opa-vermelho);

}



.lb-pagination li.previous a img,

.lb-pagination li.next a img{

    filter: brightness(0) saturate(100%) invert(65%) sepia(50%) saturate(373%) hue-rotate(359deg) brightness(89%) contrast(87%);

}



.lb-pagination li.previous a,

.lb-pagination li.next a{

    border: 2px solid var(--opa-amarelo);

    background-color: var(--opa-amarelo);

}



.lb-pagination li.previous a:hover,

.lb-pagination li.previous a:focus,

.lb-pagination li.previous a:active,

.lb-pagination li.next a:hover,

.lb-pagination li.next a:focus,

.lb-pagination li.next a:active{

    color: var(--opa-marrom-claro);

    border: 2px solid var(--opa-vermelho);

    background-color: var(--opa-vermelho);

}





/* Button read More */



.custom-read-more{

    background-color: var(--opa-marrom-claro);

    height: 4.375rem;

    line-height: 4.375rem;

    max-width: 15.063rem;

    width: 100%;

    margin-bottom: 2rem;

    display: flex;

    justify-content: center;

    align-items: center;

  

    font-family: var(--font-family-gin-regular);

    font-style: normal;

    font-weight: 400;

    font-size: 1rem;

    line-height: 1.125rem;

    color: var(--opa-branco);

    transition: var(--transition-animation);

  

    position: relative;

    border: none;

    cursor: pointer;

}



.custom-read-more.max-width-270{

    max-width: 10.625rem;

    margin-bottom: 0;

}



.custom-read-more.full{

    max-width: 100%;

    margin-bottom: 0;

}

  

.custom-read-more:hover,

.custom-read-more:focus,

.custom-read-more:active{

    background-color: var(--opa-verde);

}

  

.custom-read-more span{

    position: relative;

    margin-left: 17px;

}



.custom-read-more.no-margin-bottom{

    margin-bottom: 0;

}



.custom-read-more#green{

    background-color: var(--opa-verde-escuro);

    color: var(--opa-marrom-claro);

}



.custom-read-more#green:hover,

.custom-read-more#green:focus,

.custom-read-more#green:active{

    background-color: var(--opa-marrom-claro);

    color: var(--opa-verde-escuro);

}



.custom-read-more.red,

.custom-read-more#red{

    background-color: var(--opa-vermelho);

}



.custom-read-more.red:hover,

.custom-read-more.red:focus,

.custom-read-more.red:active,

.custom-read-more#red:hover,

.custom-read-more#red:focus,

.custom-read-more#red:active{

    background-color: var(--opa-verde);

}

  

.custom-read-more span:before{

    content: '';

    background-image: url(/wp-content/themes/labbotheme/assets/svg/arrow-btn-brown.svg);

    background-repeat: no-repeat;

    background-position: center;

    position: absolute;

    top: 0.33rem;

    left: -1rem;

    width: 0.675rem;

    height: 0.75rem;

    animation-name: reverse;

    animation-duration: var(--transition-animation);

}



.custom-read-more.icon-white span:before{

    filter: brightness(0) saturate(100%) invert(93%) sepia(0%) saturate(7473%) hue-rotate(118deg) brightness(107%) contrast(110%);

}



.custom-read-more.icon-brown span:before{

    filter: brightness(0) saturate(100%) invert(64%) sepia(16%) saturate(1087%) hue-rotate(360deg) brightness(96%) contrast(88%);

}



.custom-read-more.red span:before{

    filter: brightness(0) saturate(100%) invert(79%) sepia(5%) saturate(4670%) hue-rotate(353deg) brightness(88%) contrast(65%);

}



.custom-read-more.icon-brown,

.custom-read-more.icon-brown span b,

.custom-read-more.icon-brown span{

    transition: var(--transition-animation);

}



.custom-read-more.icon-brown:focus,

.custom-read-more.icon-brown:active,

.custom-read-more.icon-brown:hover{

    background-color: var(--opa-verde);

}



.custom-read-more.icon-brown:focus span b,

.custom-read-more.icon-brown:active span b,

.custom-read-more.icon-brown:hover span b,

.custom-read-more.icon-brown:focus span,

.custom-read-more.icon-brown:active span,

.custom-read-more.icon-brown:hover span{

    color: var(--opa-branco);

}

  

.custom-read-more:focus span:before,

.custom-read-more:active span:before,

.custom-read-more:hover span:before{

    animation: custom-arrow-left-to-right var(--transition-animation) linear forwards;

}

  

@-webkit-keyframes custom-arrow-left-to-right {

    0% {

      left: -1rem;

    }

    100% {

      left: 110%;

    }

}

  

@keyframes reverse {

    0% {

      left: 110%;

    }

    100% {

      left: -1rem;

    }

}



.read-more-modal{

    font-family: var(--font-family-soleil-bk);

    font-style: normal;

    font-weight: 600;

    font-size: 1rem;

    line-height: 1.125rem;

    color: var(--opa-vermelho-1);

    transition: var(--transition-animation);

    margin-left: 2rem;

    position: relative;

    transition: var(--transition-animation);

}



.read-more-modal:hover,

.read-more-modal:active,

.read-more-modal:focus{

    text-decoration: underline;

}



.read-more-modal:before{

    content: '';

    background-image: url(/wp-content/themes/labbotheme/assets/svg/arrow-brown.svg);

    background-repeat: no-repeat;

    background-position: center;

    width: 0.8rem;

    height: 0.8rem;

    position: absolute;

    top: 0.1rem;

    left: -1rem;

    filter: brightness(0) saturate(100%) invert(17%) sepia(97%) saturate(2573%) hue-rotate(347deg) brightness(85%) contrast(112%);

}



/* Menu Cervejas */

.cervejas-menu-slider-owl .card-cerveja .cerveja-item {

    object-fit: cover;

    object-position: center;

    margin: 0 auto;

}

.cervejas-menu-slider-owl .card-cerveja h4{

    text-align: center;

    color: var(--opa-vermelho);

    white-space: pre-line;

    min-height: 58px;

}

.cervejas-menu-slider-owl .detalhe-cerveja {

    display: flex;

    justify-content: space-evenly;

    margin-top: 7px;

    color: var(--opa-marrom-claro);

    gap: 0.6rem;

}

.cervejas-menu-slider-owl .detalhe-cerveja div {

    text-align: center;

}





/* Validate forms */

textarea.wpcf7-not-valid,

select.wpcf7-not-valid,

input[type="email"].wpcf7-not-valid,

input[type="tel"].wpcf7-not-valid,

input[type="text"].wpcf7-not-valid{

  border: 2px solid red !important;

}

.wpcf7-not-valid-tip {

    color: red;

    font-size: 0.7em;

    font-style: italic;

}

.wpcf7 form.sent .wpcf7-response-output{

    background-color: var(--opa-verde);

    border: none;

    border-radius: 0.5rem;

    padding: 2rem 1rem;

    text-align: center;

    font-size: 1.5rem;

    color: var(--opa-branco);

    font-family: var(--font-family-soleil);

}

.wpcf7 form.invalid .wpcf7-response-output, 

.wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{

    background-color: var(--opa-vermelho);

    border: none;

    border-radius: 0.5rem;

    padding: 2rem 1rem;

    text-align: center;

    font-size: 1.5rem;

    color: var(--opa-branco);

    font-family: var(--font-family-soleil);

    margin: 0 !important;

}



.home .wpcf7-not-valid-tip{

    font-family: var(--font-family-soleil);

    margin: 0.5rem 0 !important;

}



.home .wpcf7 form.invalid .wpcf7-response-output, 

.home .wpcf7 form.unaccepted .wpcf7-response-output, 

.home .wpcf7 form.payment-required .wpcf7-response-output{

    background-color: red;

    border: none;

    border-radius: 0.3rem;

    padding: 0.5rem 1rem;

    text-align: left;

    font-size: 0.8rem;

    color: var(--opa-branco);

    font-family: var(--font-family-soleil);

    margin: 0 !important;

}



.home .wpcf7 form.sent .wpcf7-response-output{

    background-color: var(--opa-verde);

    border: none;

    border-radius: 0.3rem;

    padding: 0.5rem 1rem;

    text-align: left;

    font-size: 0.8rem;

    color: var(--opa-branco);

    font-family: var(--font-family-soleil);

    margin: 0 !important;

}



/* Flags  */

.dropdown-flags{

    width: 3rem;

} 

.dropdown-flags dd, 

.dropdown-flags dt, 

.dropdown-flags ul { 

  margin:0px; 

  padding:0px; 

}

.dropdown-flags dd { 

  position:relative; 

}

.dropdown-flags a, 

.dropdown-flags a img, 

.dropdown-flags a:visited { 

    width: 1.5rem;

    height: 1rem;

}



.dropdown-flags dd a:hover{

  color: var(--opa-marrom-claro);

}

.dropdown-flags dt a {

  background: transparent;

  /* background-image: url("/wp-content/themes/labbotheme/assets/svg/arrow-language.svg"); */

  background-image: none;

  background-repeat: no-repeat;

  background-position-x: 80%;

  background-position-y: 65%;

  

  width: 100%;

  display: flex;

  align-items: center;

  height: 1.25rem;

  line-height: 1.25rem;

  padding: 0;  

}

.dropdown-flags dt a span {

  cursor: pointer; 

  padding: 0;

  position: relative;

  top: 3px;

}



.dropdown-flags dt a span img{

    width: 1.5rem;

    border-radius: 0.3rem;

}



.dropdown-flags dd ul { 

    background: var(--opa-bege) none repeat scroll 0 0;

    display: none;

    right: 0.3rem;

    padding: 0;

    position: absolute;

    top: 0.3rem;

    width: auto;

    list-style: none;

    width: 3.5rem;

    margin: 0.4rem 0 0 0;

    border-radius: 0.3rem;

}

.dropdown-flags span.value { 

    display:none;

}

.dropdown-flags dd ul li{ 

    padding: 0.5rem 0 1rem 0.6rem;

    transition: var(--transition-animation);

}



.dropdown-flags dd ul li:focus,

.dropdown-flags dd ul li:active, 

.dropdown-flags dd ul li:hover{ 

    background-color: var(--opa-cinza);

}



.dropdown-flags dd ul li:first-child:focus,

.dropdown-flags dd ul li:first-child:active, 

.dropdown-flags dd ul li:first-child:hover{ 

    background-color: var(--opa-cinza);

    -webkit-border-top-left-radius: 0.3rem;

    -webkit-border-top-right-radius: 0.3rem;

    -moz-border-radius-topleft: 0.3rem;

    -moz-border-radius-topright: 0.3rem;

    border-top-left-radius: 0.3rem;

    border-top-right-radius: 0.3rem;

}



.dropdown-flags dd ul li:last-child:focus,

.dropdown-flags dd ul li:last-child:active, 

.dropdown-flags dd ul li:last-child:hover{ 

    background-color: var(--opa-cinza);

    -webkit-border-bottom-right-radius: 0.3rem;

    -webkit-border-bottom-left-radius: 0.3rem;

    -moz-border-radius-bottomright: 0.3rem;

    -moz-border-radius-bottomleft: 0.3rem;

    border-bottom-right-radius: 0.3rem;

    border-bottom-left-radius: 0.3rem;

}



.dropdown-flags dd ul li a img{

    border-radius: 0.3rem;

} 



.dropdown-flags dd ul li a { 

  padding:5px; 

  display:block;

}

.dropdown-flags img.flag { 

  border:none; 

}

.dropdown-flags .flagvisibility { 

  display:none;

}



/* INSTAGRAM */



.opa-instagram {

    padding: 2.25rem 0 8.50rem 0;

}



.header-insta {

    display: flex;

    gap: 1.25rem;

    margin-bottom: 2rem;

    align-items: flex-start;

    width: 11.68rem;

}



.header-insta h2 {

    color: var(--opa-marrom-claro);

    font-size: 2rem;

}



.instagram-grid {

    width: 100%;

}



.instagram-grid img {

    width: 16.62rem;

    height: 16.62rem;

    object-fit: cover;

}

.MediaOverlay__date {

    display:none!important;

}

span.wpcf7-form-control-wrap.select-assunto select:invalid {

    border-color: red!important;

  }