/* Falha ao minimizar. Retornando o conteúdo não minimizado. (324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (366,22): run-time error CSS1039: Token not allowed after unary operator: '-cor-azul' (374,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (375,25): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (376,23): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (377,27): run-time error CSS1039: Token not allowed after unary operator: '-align-around' (386,23): run-time error CSS1039: Token not allowed after unary operator: '-heboo-regular' (387,21): run-time error CSS1039: Token not allowed after unary operator: '-f-size' (388,23): run-time error CSS1039: Token not allowed after unary operator: '-l-h' (389,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-branca' (400,22): run-time error CSS1039: Token not allowed after unary operator: '-cor-gradiente-verde-background' (401,25): run-time error CSS1039: Token not allowed after unary operator: '-b-r-4' (402,19): run-time error CSS1039: Token not allowed after unary operator: '-p-14' (402,31): run-time error CSS1039: Token not allowed after unary operator: '-p-18' (403,24): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (434,22): run-time error CSS1039: Token not allowed after unary operator: '-f-32' (438,22): run-time error CSS1039: Token not allowed after unary operator: '-cor-gradiente-cinza-background' (439,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-azul' (444,22): run-time error CSS1039: Token not allowed after unary operator: '-cor-gradiente-azul-background' (453,22): run-time error CSS1039: Token not allowed after unary operator: '-cor-branca' (454,19): run-time error CSS1039: Token not allowed after unary operator: '-p-34' (462,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (463,23): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (464,27): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (468,24): run-time error CSS1039: Token not allowed after unary operator: '-p-20' (472,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-cinza' (473,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (474,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (475,23): run-time error CSS1039: Token not allowed after unary operator: '-f-19' (485,26): run-time error CSS1039: Token not allowed after unary operator: '-direction-column' (493,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-branca' (494,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-bold' (495,17): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro' (496,22): run-time error CSS1039: Token not allowed after unary operator: '-p-20' (502,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (503,21): run-time error CSS1039: Token not allowed after unary operator: '-f-24' (504,23): run-time error CSS1039: Token not allowed after unary operator: '-f-29' (510,22): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (511,22): run-time error CSS1039: Token not allowed after unary operator: '-p-20' (518,23): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (519,27): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (520,26): run-time error CSS1039: Token not allowed after unary operator: '-direction-column' (526,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-azul' (527,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-bold' (528,21): run-time error CSS1039: Token not allowed after unary operator: '-f-32' (529,23): run-time error CSS1039: Token not allowed after unary operator: '-f-39' (537,23): run-time error CSS1039: Token not allowed after unary operator: '-oxygen-regular' (538,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (540,22): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (541,22): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (545,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (546,27): run-time error CSS1039: Token not allowed after unary operator: '-alig-star' (551,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (552,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-azul' (553,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-bold' (554,21): run-time error CSS1039: Token not allowed after unary operator: '-f-24' (555,23): run-time error CSS1039: Token not allowed after unary operator: '-f-29' (562,24): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (566,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (567,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (570,25): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (580,22): run-time error CSS1039: Token not allowed after unary operator: '-f-32' (581,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-bold' (582,21): run-time error CSS1039: Token not allowed after unary operator: '-f-32' (591,22): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro' (605,22): run-time error CSS1039: Token not allowed after unary operator: '-cor-branca' (606,25): run-time error CSS1039: Token not allowed after unary operator: '-f-10' (610,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (618,22): run-time error CSS1039: Token not allowed after unary operator: '-azul-escuro' (620,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (621,23): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (622,27): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (635,17): run-time error CSS1039: Token not allowed after unary operator: '-cinza-escuro' (636,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (637,21): run-time error CSS1039: Token not allowed after unary operator: '-f-24' (639,22): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (640,22): run-time error CSS1039: Token not allowed after unary operator: '-f-32' (644,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (652,22): run-time error CSS1039: Token not allowed after unary operator: '-background-azul-transparente' (657,25): run-time error CSS1039: Token not allowed after unary operator: '-f-10' (663,27): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (667,22): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro' (668,26): run-time error CSS1039: Token not allowed after unary operator: '-direction-column' (680,22): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (693,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (698,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-azul' (699,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (703,23): run-time error CSS1039: Token not allowed after unary operator: '-oxygen-regular' (704,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (706,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-preto' (707,22): run-time error CSS1039: Token not allowed after unary operator: '-f-32' (713,22): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (714,22): run-time error CSS1039: Token not allowed after unary operator: '-f-32' (720,23): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (732,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-branca' (733,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-bold' (740,21): run-time error CSS1039: Token not allowed after unary operator: '-p-18' (742,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (748,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (759,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (760,26): run-time error CSS1039: Token not allowed after unary operator: '-direction-column' (764,22): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (770,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (777,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-cinza-escuro' (778,21): run-time error CSS1039: Token not allowed after unary operator: '-p-18' (779,23): run-time error CSS1039: Token not allowed after unary operator: '-oxygen-regular' (785,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (796,23): run-time error CSS1039: Token not allowed after unary operator: '-oxygen-regular' (797,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-preto' (798,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (807,21): run-time error CSS1039: Token not allowed after unary operator: '-p-18' (808,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (826,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-cinza' (827,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (828,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (838,22): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro' (842,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (856,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-cinza' (858,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (863,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (867,22): run-time error CSS1039: Token not allowed after unary operator: '-f-32' (873,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (874,26): run-time error CSS1039: Token not allowed after unary operator: '-direction-column' (884,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (885,26): run-time error CSS1039: Token not allowed after unary operator: '-direction-column' (895,22): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (926,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-branca' (928,23): run-time error CSS1039: Token not allowed after unary operator: '-oxygen-regular' (932,22): run-time error CSS1039: Token not allowed after unary operator: '-f-24' (937,21): run-time error CSS1039: Token not allowed after unary operator: '-p-18' (939,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-bold' (943,22): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (947,17): run-time error CSS1039: Token not allowed after unary operator: '-cinza-claro' (948,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (949,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (958,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (979,23): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (980,27): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (984,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-branca' (985,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (986,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (988,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (992,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (1177,10): run-time error CSS1031: Expected selector, found '/' (1177,10): run-time error CSS1025: Expected comma or open brace, found '/' (1272,22): run-time error CSS1039: Token not allowed after unary operator: '-cor-branca' (1278,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (1279,27): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (1280,26): run-time error CSS1039: Token not allowed after unary operator: '-direction-column' (1285,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-regular' (1286,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (1288,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-cinza' (1290,22): run-time error CSS1039: Token not allowed after unary operator: '-f-32' (1304,22): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (1311,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (1317,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (1318,26): run-time error CSS1039: Token not allowed after unary operator: '-direction-column' (1327,26): run-time error CSS1039: Token not allowed after unary operator: '-f-24' (1328,35): run-time error CSS1039: Token not allowed after unary operator: '-cor-EDEDED' (1332,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (1342,22): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (1346,19): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (1354,22): run-time error CSS1039: Token not allowed after unary operator: '-f-10' (1359,24): run-time error CSS1039: Token not allowed after unary operator: '-f-32' (1367,23): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (1431,24): run-time error CSS1039: Token not allowed after unary operator: '-f-32' (1445,23): run-time error CSS1039: Token not allowed after unary operator: '-inter-bold' (1446,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (1499,23): run-time error CSS1039: Token not allowed after unary operator: '-oxygen-regular' (1500,21): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' (1502,17): run-time error CSS1039: Token not allowed after unary operator: '-cor-preto' (1557,39): run-time error CSS1046: Expect comma, found '102' (1557,47): run-time error CSS1046: Expect comma, found '/' (1560,39): run-time error CSS1046: Expect comma, found '102' (1560,47): run-time error CSS1046: Expect comma, found '/' (2303,26): run-time error CSS1039: Token not allowed after unary operator: '-cor-azul' (2304,23): run-time error CSS1039: Token not allowed after unary operator: '-p-20' (2330,25): run-time error CSS1039: Token not allowed after unary operator: '-f-56' (2331,27): run-time error CSS1039: Token not allowed after unary operator: '-f-68' (2335,26): run-time error CSS1039: Token not allowed after unary operator: '-f-68' (2398,23): run-time error CSS1039: Token not allowed after unary operator: '-d-flex' (2399,29): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (2400,27): run-time error CSS1039: Token not allowed after unary operator: '-align-center' (2401,31): run-time error CSS1039: Token not allowed after unary operator: '-align-around' (2409,27): run-time error CSS1039: Token not allowed after unary operator: '-mr-16' */ @font-face { font-family: 'Oxygen-Light'; src: url('fontes/Oxygen-Light.woff2') format('woff2'), url('fontes/Oxygen-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Oxygen-Bold'; src: url('fontes/Oxygen-Bold.woff2') format('woff2'), url('fontes/Oxygen-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Oxygen-Regular'; src: url('fontes/Oxygen-Regular.woff2') format('woff2'), url('fontes/Oxygen-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-Black'; src: url('fontes/Inter-Black.woff2') format('woff2'), url('fontes/Inter-Black.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-ExtraBold'; src: url('fontes/Inter-ExtraBold.woff2') format('woff2'), url('fontes/Inter-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-Bold'; src: url('fontes/Inter-Bold.woff2') format('woff2'), url('fontes/Inter-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-ExtraLight'; src: url('fontes/Inter-ExtraLight.woff2') format('woff2'), url('fontes/Inter-ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-Light'; src: url('fontes/Inter-Light.woff2') format('woff2'), url('fontes/Inter-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-Medium'; src: url('fontes/Inter-Medium.woff2') format('woff2'), url('fontes/Inter-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-Regular'; src: url('fontes/Inter-Regular.woff2') format('woff2'), url('fontes/Inter-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-SemiBold'; src: url('fontes/Inter-SemiBold.woff2') format('woff2'), url('Inter-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-Thin'; src: url('fontes/Inter-Thin.woff2') format('woff2'), url('fontes/Inter-Thin.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Heebo-Bold'; src: url('fontes/Heebo-Bold.woff2') format('woff2'), url('fontes/Heebo-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Heebo-Black'; src: url('fontes/Heebo-Black.woff2') format('woff2'), url('fontes/Heebo-Black.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Heebo-Medium'; src: url('fontes/Heebo-Medium.woff2') format('woff2'), url('fontes/Heebo-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Heebo-ExtraLight'; src: url('fontes/Heebo-ExtraLight.woff2') format('woff2'), url('fontes/Heebo-ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Heebo-ExtraBold'; src: url('fontes/Heebo-ExtraBold.woff2') format('woff2'), url('fontes/Heebo-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Heebo-Light'; src: url('fontes/Heebo-Light.woff2') format('woff2'), url('fontes/Heebo-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Heebo-Regular'; src: url('fontes/Heebo-Regular.woff2') format('woff2'), url('fontes/Heebo-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Heebo-Thin'; src: url('fontes/Heebo-Thin.woff2') format('woff2'), url('fontes/Heebo-Thin.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Heebo-SemiBold'; src: url('fontes/Heebo-SemiBold.woff2') format('woff2'), url('fontes/Heebo-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato-Regular'; src: url('fontes/Lato-Regular.woff2') format('woff2'), url('fontes/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } * { outline: none; box-sizing: border-box; } body { position: relative; cursor: default; } 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, div, main, iframe { margin: 0; padding: 0; border: 0; position: relative; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } footer, section, iframe, header, aside { width: 100%; display: flex; } ul { list-style: none; } a { text-decoration: none; display: block; } a, button { cursor: pointer; } :root { --cor-azul: #1E386B; --p-20: 20px; --heboo-regular: 'Heebo-Regular'; --f-size: 14px; --l-h: 21px; --cor-branca: #ffffff; --d-flex: flex; --align-center: center; --align-around: space-between; --cor-gradiente-verde-background: linear-gradient(242.45deg, #6FB644 17.15%, #599336 82.86%), #C7E6E8; --b-r-4: 4px; --p-14: 14px; --p-18: 18px; --direction: row; --alig-star: flex-start; --cor-gradiente-cinza-background: linear-gradient(242.45deg, #ECF1F8 17.15%, #DFE4EC 82.86%), #C7E6E8; --cor-gradiente-azul-background: linear-gradient(90deg, #7E99CE 0%, #4A69A4 100%), #2C575A; --mr-16: 16px; --p-34: 34px; --cor-cinza: #444856; --inter-regular: 'Inter-Regular'; --f-19: 19px; --inter-bold: 'Inter-Bold'; --f-56: 56px; --f-68: 68px; --cinza-claro: #F9F9FA; --f-24: 24px; --f-29: 29px; --direction-column: column; --f-32: 32px; --f-39: 39px; --oxygen-regular: 'Oxygen-Regular'; --azul-escuro: #42619B; --background-azul-transparente: linear-gradient(242.45deg, #ECF1F8 17.15%, #DFE4EC 82.86%), #C7E6E8; --f-10: 10px; --cinza-escuro: #151A24; --cor-preto: #000; --cor-cinza-escuro: #4E4B59; --cor-EDEDED: #EDEDED; } #bg-topo, #bg-menu { background: var(--cor-azul); } #bg-topo { transition: all 0.5s; } #bg-topo .container, #bg-menu .container { display: var(--d-flex); align-content: var(--align-center); align-items: var(--align-center); justify-content: var(--align-around); } .btn-cadastro-topo a, .item-banner a, .btn-cadastro a, .descricao-socio-contribuinte a, #faca-parte-historia .container article a, .contato-form button, .item-modal a, button { font-family: var(--heboo-regular); font-size: var(--f-size); line-height: var(--l-h); color: var(--cor-branca); } .btn-cadastro-topo a:nth-child(1), .btn-cadastro-topo a:nth-child(2), .btn-cadastro-topo a:nth-child(3), .item-banner a, .btn-cadastro a, .descricao-socio-contribuinte a, #faca-parte-historia .container article a, .contato-form button, .item-modal a, button { background: var(--cor-gradiente-verde-background); border-radius: var(--b-r-4); padding: var(--p-14) var(--p-18); margin-right: var(--mr-16); background-size: 300% 100%; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .btn-hover { background-size: 300% 100%; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .btn-hover:hover { background-position: 100% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .btn-hover:focus { outline: none; } .contato-form button { border-color: transparent; width: 176px; margin-top: var(--f-32); } .btn-cadastro-topo a:nth-child(2) { background: var(--cor-gradiente-cinza-background); color: var(--cor-azul); } .btn-cadastro-topo a:nth-child(3), .item-banner a, .btn-cadastro a:nth-child(2), .btn-item a:nth-child(1), button { background: var(--cor-gradiente-azul-background); } button { height: auto; border: none; } #bg-menu { background: var(--cor-branca); padding: var(--p-34); transition: all 0.5s; z-index: 999; } #bg-menu nav ul, #bg-menu article, .item-banner { display: var(--d-flex); align-items: var(--align-center); justify-content: var(--align-center); } #bg-menu nav ul li { margin-right: var(--p-20); } #bg-menu nav ul li a { color: var(--cor-cinza); font-family: var(--inter-regular); font-size: var(--mr-16); line-height: var(--f-19); padding: 10px 0; } section#banner { display: block; } .item-banner { flex-direction: var(--direction-column); align-items: end; } .item-banner h1, .item-banner p { color: var(--cor-branca); font-family: var(--inter-bold); color: var(--cinza-claro); margin-top: var(--p-20); width: 100%; max-width: 488px; } .item-banner p { font-family: var(--inter-regular); font-size: var(--f-24); line-height: var(--f-29); } .item-banner a { width: 100%; max-width: 221px; text-align: var(--align-center); margin-top: var(--p-20); } #quem-somos aside, #nossa-estrutura aside, #projeto aside, #depoimentos aside { align-items: var(--align-center); justify-content: var(--align-center); flex-direction: var(--direction-column); } #quem-somos h1, #nossa-estrutura h1, #projeto h1, #depoimentos aside h1, #conheca-nosso-projeto aside h1, .descricao-contato h1, .contato h1, .item-modal h1, #duvidas h1.title { color: var(--cor-azul); font-family: var(--inter-bold); font-size: var(--f-32); line-height: var(--f-39); } #quem-somos p, #nossa-estrutura p, #projeto p { width: 100%; max-width: 799px; font-family: var(--oxygen-regular); font-size: var(--mr-16); line-height: 21px; margin-top: var(--mr-16); text-align: var(--align-center); } #quem-somos article { display: var(--d-flex); justify-content: var(--alig-star); margin-top: 64px; } .itens-quem-somos h2 { display: var(--d-flex); color: var(--cor-azul); font-family: var(--inter-bold); font-size: var(--f-24); line-height: var(--f-29); } .itens-quem-somos h2:before { content: url('../../images/verificado.svg'); width: 28px; height: 28px; margin-right: var(--mr-16); } #quem-somos .itens-quem-somos p { font-size: var(--mr-16); font-family: var(--inter-regular); line-height: 21px; text-align: justify; margin-bottom: var(--mr-16); max-width: 516px; width: 100%; } .itens-quem-somos h1 { background: -webkit-linear-gradient(242.45deg, #FBA791 17.14%, #6FB644 82.86%, #6FB644 82.86%), linear-gradient(0deg, #C7E6E8, #C7E6E8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background: linear-gradient; margin-top: var(--f-32); font-family: var(--inter-bold); font-size: var(--f-32); line-height: 39px; max-width: 575px; width: 100%; } #nossa-estrutura { background: var(--cinza-claro); } hr.linha { background: url(../images/onda-linha.svg) top center no-repeat; height: 109px; border-color: transparent; padding: 0; margin: 0; } .item-projeto { background: var(--cor-branca); border-radius: var(--f-10); height: 100%; width: 100%; max-width: 384px; display: var(--d-flex); align-items: center; flex-direction: column; padding-bottom: 40px; transition: 0.3s; } .item-projeto .imagem { background: var(--azul-escuro); border-radius: 50%; display: var(--d-flex); align-items: var(--align-center); justify-content: var(--align-center); width: 90px; margin-top: 40px; height: 90px; } .item-projeto .imagem img { width: 35px; object-fit: contain; object-position: top; } #projeto article .item-projeto h1 { color: var(--cinza-escuro); font-family: var(--inter-regular); font-size: var(--f-24); line-height: 28px; text-align: var(--align-center); margin-top: var(--f-32); } #projeto article { display: var(--d-flex); width: 100%; align-items: center; justify-content: space-around; } .item-projeto:before { content: ''; background: var(--background-azul-transparente); position: absolute; width: 100%; max-width: 384px; height: 91px; border-radius: var(--f-10); } #projeto article.btn-cadastro { justify-content: var(--align-center); } #depoimentos { background: var(--cinza-claro); flex-direction: var(--direction-column); padding-bottom: 155px; } #depoimentos aside { z-index: 9; } #depoimentos aside h1, #duvidas h1.title { width: 100%; max-width: 485px; text-align: var(--align-center); } #faca-parte-historia { background: url(../images/banner-historia.svg) top center no-repeat; height: 100vh; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } article.descricao-socio-contribuinte { display: var(--d-flex); flex-direction: column; } .descricao-socio-contribuinte h1 { color: var(--cor-azul); font-family: var(--inter-regular); } .descricao-socio-contribuinte p { font-family: var(--oxygen-regular); font-size: var(--mr-16); line-height: 21px; color: var(--cor-preto); margin-top: var(--f-32); line-height: 21px; } .descricao-socio-contribuinte a, #faca-parte-historia .container article a { width: 238px; text-align: var(--align-center); margin-top: var(--f-32); } #faca-parte-historia .container { align-items: var(--align-center); justify-content: flex-end; } #faca-parte-historia .container article { max-width: 590px; width: 100%; } #faca-parte-historia .container article h1, #faca-parte-historia .container article h2, #faca-parte-historia .container article p { color: var(--cor-branca); font-family: var(--inter-bold); font-size: 40px; line-height: 48px; } #faca-parte-historia .container article h2, #faca-parte-historia .container article p { font-size: var(--p-18); line-height: 21px; font-family: var(--inter-regular); margin-top: 25px; margin-bottom: 16px; } #faca-parte-historia .container article p { font-size: var(--mr-16); line-height: 21px; margin-top: 0px; margin-bottom: 0px; } #faca-parte-historia .container article a { max-width: 181.19px } #conheca-nosso-projeto .container { display: var(--d-flex); flex-direction: var(--direction-column); } #conheca-nosso-projeto aside h1 { text-align: var(--align-center); } .menu-projeto ul { display: var(--d-flex); justify-content: space-between; margin-top: 56px; padding-bottom: 20px; } .menu-projeto ul li { color: var(--cor-cinza-escuro); font-size: var(--p-18); font-family: var(--oxygen-regular); line-height: 20px; cursor: pointer; } .projeto { display: var(--d-flex); margin-top: 41px; justify-content: space-between; } .descricao-projeto { max-width: 592px; width: 100%; } .descricao-projeto p { font-family: var(--oxygen-regular); color: var(--cor-preto); font-size: var(--mr-16); line-height: 21px; text-align: justify; margin-bottom: 30px; } .descricao-projeto a { text-decoration-line: underline; color: #4D7B32; font-size: var(--p-18); font-family: var(--inter-regular); } .active-menu::after { content: ''; display: block; color: #6FB644; border-bottom: 4px solid #6FB644; border-radius: 5px; position: absolute; z-index: 9; top: 33px; bottom: 0; width: 187px; height: 4px; } .descricao-contato p { color: var(--cor-cinza); font-family: var(--inter-regular); font-size: var(--mr-16); line-height: 21px; margin-top: 17px; } .projeto img { border-radius: 5px; } #conheca-nosso-projeto { background: var(--cinza-claro); } .informacao-contato { display: var(--d-flex); margin-top: 22px; } .informacao-contato img { margin-right: 8px; } .informacao-contato p { margin: 0; } .informacao-contato h2, .informacao-contato p { color: var(--cor-cinza); font-size: 14px; font-family: var(--inter-regular); } .informacao-contato p { line-height: 21px; font-size: var(--mr-16); } iframe { margin-top: var(--f-32); } .contato { width: 100%; display: var(--d-flex); flex-direction: var(--direction-column); background: #FFFFFF; border: 1px solid #B8CCCC; box-sizing: border-box; border-radius: 15px; padding: 32px 32px; margin-left: 30px; } .contato-form { display: var(--d-flex); flex-direction: var(--direction-column); } .contato-form textarea, .contato-form label, .contato-form input, .grid-item label, .grid-item input, .grid-item textarea, .form-cadastro select { color: #353535; font-size: 16px; line-height: 19px; font-family: 'Lato-Regular'; margin-top: var(--mr-16); } .contato-form input, .contato-form textarea, .form-cadastro input, .form-cadastro textarea, .item-cadastro select { background: #FFFFFF; border: 1px solid #B8CCCC; box-sizing: border-box; border-radius: 8px; padding: 16px 22px; margin-top: 10px; color: #1E386B; } .contato-form textarea, .form-cadastro textarea { height: 116px; } .descricao-contato { max-width: 592px; width: 100%; } footer { background: #101F3D; } .descricao-rodape p { color: var(--cor-branca); font-size: 14px; font-family: var(--oxygen-regular); line-height: 18px; width: 100%; max-width: 280px; margin-top: var(--f-24); } .descricao-rodape h2 { color: #6FB644; font-size: var(--p-18); line-height: 21px; font-family: var(--inter-bold); } .descricao-rodape ul li { margin-top: var(--mr-16); } .descricao-rodape ul li a { color: var(--cinza-claro); font-family: var(--inter-regular); font-size: var(--mr-16); line-height: 21px; } footer .container { justify-content: space-between; } .redes-sociais { display: var(--d-flex); } .redes-sociais a { margin-top: 20px; } .redes-sociais a:nth-child(1) { margin-right: 10px; } .descricao-rodape:nth-child(3) h2:nth-child(5) { margin-top: 24px; } #desenvolvimento { padding: 32px 0px; background: #172C55; } #desenvolvimento .container { align-items: var(--align-center); justify-content: var(--align-center); } #desenvolvimento article { color: var(--cor-branca); font-family: var(--inter-regular); font-size: var(--mr-16); line-height: 21px; display: var(--d-flex); } #desenvolvimento article a { font-family: var(--inter-regular); font-size: 16px; line-height: 21px; color: #6FB644; padding: 0px 5px; } .banner-nossa-estrutura { margin-top: 68px; } #nossa-estrutura { padding-bottom: 90px; } .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-underline-from-left:before, .active-navbar::before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #66A541; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; top: 84%; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before, .active-navbar:before { right: 0; } nav ul li a:hover, .active-navbar { color: #66A541 !important; } input:hover, textarea:hover { border: 1px solid #1E386B; } ::placeholder { color: #353535; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #353535; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #353535; } nav ul li a, input, textarea { -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -ms-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .header_menu_fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; } .hide_menu_down { -webkit-animation: moveDown .5s; } .hide_menu_up { -webkit-animation: moveUp .5s; } @-webkit-keyframes moveDown { 0% { -webkit-transform: translateY(-40px) } } @-webkit-keyframes moveUp { 0% { -webkit-transform: translateY(40px) } } /* Shrink */ .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); } /* Forward */ .hvr-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active { -webkit-transform: translateX(8px); transform: translateX(8px); } /* Backward */ .hvr-backward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active { -webkit-transform: translateX(-8px); transform: translateX(-8px); } /* Bounce Out */ .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } * Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .hvr-grow { display: block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } #back-to-top { bottom: 20px; display: none; position: fixed; right: 20px; z-index: 1000; } #back-to-top a { background: url("../images/whatsapp.svg") no-repeat scroll center center; border-radius: 100px; display: block; height: 70px; text-indent: -9999px; transition: all 0.2s linear 0s; width: 70px; background-size: cover; } #back-to-top a:nth-child(1) { background: url("../images/icone-instagram.svg") no-repeat scroll center center; } /*Modal*/ .modal-box { display: none; } .modal { margin: 0 auto; background: var(--cor-branca); box-shadow: 10px 10px 40px rgba(102, 116, 139, 0.29); border-radius: 10px; } .item-modal { display: var(--d-flex); justify-content: var(--align-center); flex-direction: var(--direction-column); padding: 48px 48px 40px 48px; } .item-modal p { font-family: var(--inter-regular); font-size: var(--mr-16); line-height: 28px; color: var(--cor-cinza); text-align: justify; margin-top: var(--f-32); } .item-modal img { max-width: 100px; border-radius: 50%; margin: 15px auto 0; box-shadow: 0 8px 20px -4px #95abbb; width: 100px; object-fit: cover; height: 100px; } .item-modal a { text-align: var(--align-center); width: 123px; margin-top: 40px; } .btn-item { width: 100%; display: var(--d-flex); justify-content: space-between; align-items: baseline; } .item-flex { display: var(--d-flex); flex-direction: var(--direction-column); } .btn-item a { left: 0; width: auto; } .item-modal h1 { padding-bottom: var(--f-24); border-bottom: 1px solid var(--cor-EDEDED); } .form-cadastro { display: var(--d-flex); flex-wrap: wrap; } .grid-item { width: 100%; display: flex; } .grid-item:nth-child(1) { margin-top: var(--mr-16); } .item-cadastro { display: var(--d-flex); flex-direction: column; flex-wrap: wrap; flex: 1; } .form-cadastro input, .form-cadastro textarea { margin-top: var(--f-10); padding: 14px 16px; } .form-cadastro select { margin-right: var(--f-32); padding: 13px 16px; width: 100%; } /* The container */ .checkbox { margin-left: var(--mr-16); display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .checkbox input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; } /* On mouse-over, add a grey background color */ .checkbox:hover input ~ .checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .checkbox input:checked ~ .checkmark { background-color: #1E386B; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .checkbox input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .checkbox .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } .item-cadastro { margin-right: var(--f-32); } .item-cadastro:last-child { margin: 0; } input.error, textarea.error, select.error { border-color: #c71717; } label.error { font-family: var(--inter-bold); font-size: var(--mr-16); color: #c71717; } .item-projeto:hover { filter: drop-shadow(15px 15px 40px rgba(83, 102, 137, 0.16)); transform: translate(0, -10px); } .banner-nossa-estrutura .item img { border-radius: 5px; } a.icon { display: block; position: absolute; right: 0; top: 0; } .accordion { background-color: #eee; color: #fff; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 13px; transition: 0.4s; } .accordion:after { content: url(../images/arrow-down.png); width: 16px; display: block; position: absolute; right: 26px; top: 23px; } .active, .accordion:hover { background-color: #ccc; } .panel { padding: 0 18px; display: none; background-color: #f9f9fa; overflow: hidden; font-family: var(--oxygen-regular); font-size: var(--mr-16); line-height: 21px; color: var(--cor-preto); line-height: 21px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #duvidas aside { flex-direction: column; align-items: center; } .itens-duvidas { width: 100%; margin-top: 20px; } .panel p { padding: 10px 0; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .gtco-testimonials h2 { font-size: 30px; text-align: center; margin-bottom: 50px; color: #FFFFFF; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; letter-spacing: 2px; } .gtco-testimonials .owl-nav { display: none; } .gtco-testimonials .owl-dots { text-align: center; } .gtco-testimonials .card { width: 100%; max-width: 384px; padding: 42px 10px 27px 10px; background: #FBFBFB; box-shadow: 15px 15px 40px rgb(83 102 137 / 16%); border-radius: 10px; background: #FBFBFB; box-shadow: 15px 15px 40px rgb(83 102 137 / 16%); border-bottom-right-radius: 35px; } .gtco-testimonials .card .card-img-top { max-width: 100px; border-radius: 50%; margin: 15px auto 0; box-shadow: 0 8px 20px -4px #95abbb; width: 100px; height: 100px; object-fit: cover; } .gtco-testimonials .card h5 { color: #01b0f8; font-size: 21px; line-height: 1.3; } .gtco-testimonials .card h5 span { font-size: 18px; color: #666666; } @font-face { font-family: 'Inter-Regular'; src: url('fontes/Inter-Regular.woff2') format('woff2'), url('fontes/Inter-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } .gtco-testimonials .card p { font-weight: 300; font-size: 16px; line-height: 28px; text-align: center; color: #444856; font-family: 'Inter-Regular'; margin-top: 22px; max-width: 336px; width: 100%; } .gtco-testimonials .active { transition: all 0.3s; } .gtco-testimonials .center { opacity: 1; } .gtco-testimonials .center h5 { font-size: 24px; } .gtco-testimonials .center h5 span { font-size: 20px; } .gtco-testimonials .center .card-img-top { max-width: 100%; height: 100px; width: 100px; margin-top: 32px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { outline: 0; } .per-control { padding: 40px 0; max-width: 1200px; margin: auto; position: absolute; width: 100%; left: 0; right: 0; top: 40%; } .per-next { margin-left: 20px; } .per-prev { margin-left: 20px; } .per-arrow { display: flex; justify-content: space-between; } .per-next:hover, .per-prev:hover { transform: scale(1.1); } .per-next, .per-prev { cursor: pointer; width: 45px; height: 45px; border-radius: 45px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s } .per-carousel { position: relative; max-width: 448px; width: 100%; height: 357px; margin: 50px auto auto; } .per-carousel .item img { max-width: 448px; height: 357px; width: 100%; object-fit: cover; object-position: top; } .per-carousel .item { max-width: 448px; height: 357px; width: 100%; transition: height 0.3s, left 0.3s, box-shadow 0.3s; position: absolute; bottom: 0; text-align: center; } .before-item { left: -70%; cursor: pointer; } .center-item { height: 350px !important; left: 0; } .second-item, .last-item { box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.1); } .after-item { left: 70%; cursor: pointer; } .per-line { margin: 0 auto; width: 80%; background-color: #111111; height: 1px; position: relative; margin-top: 15%; } .actual-line { transition: width 0.3s; background-color: #74D064; height: 3px; position: absolute; top: -1px; left: 0; } .per-content { display: flex; flex-direction: column; align-items: center; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } section.Per-wrapper { background: #f9f9fa; flex-direction: column; padding-bottom: 90px; } .card-body a { font-size: 16px; line-height: 28px; /* identical to box height, or 175% */ margin-top: 20px; text-align: center; text-decoration-line: underline; /* Scale Verde / 1 */ color: #4D7B32; font-family: 'Inter-Regular'; } .owl-theme .owl-controls { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; /* font-size: 60px; */ /* font-weight: bold; */ margin: 5px; /* padding: 3px 7px 1px 7px; */ display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 100%; /* margin: -50px 10px 0 10px; */ position: relative; z-index: 1; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { color: #fff; text-decoration: none; } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default; } /*.owl-prev { left: 0; } .owl-next { right: 0; }*/ .owl-nav { margin: 0px 0 0 0; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { border: 1px solid #fff; padding: 4px; width: 5px; height: 5px; margin: 5px 7px; background: url(../images/bg-control.png) no-repeat; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: url("../images/btn-activebanner.png") no-repeat; padding: 4px; } #slider .owl-dots { position: relative; z-index: 2; top: -44px; } @media screen and (max-width: 980px) { .owl-theme .owl-dots .owl-dot span { border: 1px solid #aaa; } } @media only screen and (min-width: 1200px) { #banner .owl-nav { margin: 0 auto; position: absolute; width: 90%; top: 40%; display: flex; flex-direction: column; align-items: flex-end; left: 0; right: 0; } #banner button.owl-prev, #banner button.owl-next { width: 55px; height: 53px; border: 1px solid #F9F9F9 !important; padding: 10px !important; border-radius: 50px; } #banner button.owl-next { margin-top: 15px; } #banner button.owl-prev span, #banner button.owl-next span { background: url(../images/arrow-left-banner.svg) top center no-repeat; color: transparent; font-size: 18px; display: block; } #banner button.owl-next span { background: url('../images/arrow-right-banner.svg') top center no-repeat; } .banner-nossa-estrutura button.owl-prev, .banner-nossa-estrutura button.owl-next, .gtco-testimonials button.owl-prev, .gtco-testimonials button.owl-next { right: 55px; position: relative; } .banner-nossa-estrutura button.owl-next, .gtco-testimonials button.owl-next { float: right; right: 0; left: 55px; } .banner-nossa-estrutura .owl-nav, .gtco-testimonials .owl-nav{ top: 40%; } } .banner-nossa-estrutura button.owl-prev, .banner-nossa-estrutura button.owl-next { margin: 0; } .banner-nossa-estrutura .owl-nav, .gtco-testimonials .owl-nav { display: block !important; position: absolute; width: 100%; } .banner-nossa-estrutura button.owl-prev span, .banner-nossa-estrutura button.owl-next span, .gtco-testimonials button.owl-prev span, .gtco-testimonials button.owl-next span { background: url('../images/arrow-left.svg') top center no-repeat !important; color: transparent; font-size: 18px; display: block !important; width: 50px; height: 50px; margin:0; } .banner-nossa-estrutura button.owl-next span, .gtco-testimonials button.owl-next span { background: url('../images/arrow-right.svg') top center no-repeat !important; } .banner-nossa-estrutura .owl-dots { display: flex !important; align-items: center; justify-content: center; margin-top: 50px; } button.owl-dot { width: 12px; height: 12px; background: #DCE1EC !important; border-radius: 50px; margin-right: 8px; } button.owl-dot.active { background: #6FB644 !important; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background: url(../images/close.svg) no-repeat top center; width: 32px; height: 32px; text-indent:-9999px; top: 0;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } @media only screen and (max-width: 767px) { .container { margin: 0 auto; width: 95%; } .banner1, .banner2, .banner3, .banner4 { background: url('../images/mobile/banner1.jpg') no-repeat top center; width: 100%; height: 254px; background-size: cover !important; } .banner2 { background: url('../images/mobile/banner2.png') no-repeat top center; } .banner3 { background: url('../images/mobile/banner3.png') no-repeat top center; } .banner4 { background: url('../images/mobile/banner4.svg') no-repeat top center; } .item-banner h1, .item-banner p { font-size: 21px; line-height: 29px; } .item-banner p { font-size: 16px; line-height:19px; } #quem-somos h1, #projeto h1, #depoimentos aside h1, #conheca-nosso-projeto aside h1, .descricao-contato h1, .contato h1, .item-modal h1 { text-align: center; font-size: 18px; line-height: 22px; } #quem-somos article, #projeto article, #socio-contribuinte .container, .projeto, #contato .container, nav ul, .btn-item { flex-direction: column; align-items: center; justify-content: center; } .menu-projeto ul, footer .container, #desenvolvimento .container, .grid-item { flex-direction: column; } #quem-somos article img, img.imagem-socio-contribuinte, .projeto img { width: 100%; } .itens-quem-somos, .imagem-socio-contribuinte { order: 2; } .itens-quem-somos h2 { font-size: 18px; } .descricao-socio-contribuinte h1, #quem-somos article .itens-quem-somos h1, #projeto h1, #depoimentos aside h1, #conheca-nosso-projeto aside h1, .descricao-contato h1, .contato h1, .item-modal h1 { font-size: 24px; line-height: 29px; } #quem-somos, #projeto, #depoimentos aside h1, #socio-contribuinte, #conheca-nosso-projeto, #contato, footer { padding-top: 48px; padding-bottom: 48px; } .banner-nossa-estrutura { width: 95%; } .banner-nossa-estrutura button.owl-next, .owl-carousel .owl-nav button.owl-next { float: right; } .item-projeto { margin-top: 24px; filter: drop-shadow(15px 15px 40px rgba(83, 102, 137, 0.16)); } .btn-cadastro a, .contato { margin: 0; } .btn-cadastro a:nth-child(2) { margin-top: 16px; } .owl-dots { position: absolute; width: 100%; margin-top: 25px; } .imagem-socio-contribuinte { margin-top: 32px; } .menu-projeto ul li { border-bottom: 1px solid #BAC2CF; padding: 24px 0; } .menu-projeto ul li:before { content: url('../images/arrow-down-select.svg'); display: block; position: absolute; right: 13px; width: 10px; height: 16px; } .active-menu::after { top: 61px; width: 100%; } li.prevencao-escola.active-menu { color: #6FB644 !important; } .projeto img, .contato, .descricao-rodape, .btn-cadastro { margin-top: 24px; } iframe { border: 1px solid #DDDDDD; box-sizing: border-box; border-radius: 5px; } .descricao-rodape { border-bottom: 1px solid rgba(255, 255, 255, 0.17); padding-bottom: 24px; } .descricao-rodape:last-child { border: none; } #banner .owl-nav, .no-mobile { display: none !important; } header nav.menu ul li:nth-child(8), header nav.menu ul li:nth-child(9) { border-top: 1px solid rgba(255, 255, 255, 0.12); } #back-to-top { right: 0; } .item-modal { padding: 48px 10px 40px 10px; } .item-cadastro, .btn-item button, .btn-item a, #bg-menu nav ul li { margin-right: 0; } .btn-item { margin-top: 20px; } .btn-item a, .btn-item button { width: 100%; } .btn-item a { margin-top: 10px; } #bg-menu { background: #1e386b; padding: 20px; } #bg-menu .container { flex-direction: column; align-items: baseline; text-align: left; width: 100%; } #bg-menu nav ul { align-items: baseline; } #bg-menu nav ul li a { color: #fff !important; } #bg-menu article { border-top: 1px solid rgba(255, 255, 255, 0.12); margin-top: 24px; width: 100%; align-items: normal !important; justify-content: normal !important; display: flex; flex-wrap: wrap; } #bg-menu article a { margin-top: 16px; } #bg-menu article:last-child a { margin-right: 10px; } .gtco-testimonials .owl-nav { z-index: 999; } #bg-topo { padding: 20px 10px; } #bg-menu { display: none; } .mgt-20{ margin-top:10px !important; } .accordion{ font-size:12px; } .itens-duvidas div { margin-bottom: 20px; } } @media only screen and (min-width: 1200px) { .container { margin: 0 auto; width: 100%; max-width: 1200px; } #bg-topo { background: var(--cor-azul); padding: var(--p-20); } .banner1, .banner2, .banner3, .banner4 { background: url('../images/banner-1.svg') no-repeat top center; width: 100%; height: 652px; } .banner2 { background: url('../images/banner-2.svg') no-repeat top center; } .banner3 { background: url('../images/banner-3.svg') no-repeat top center; } .banner4 { background: url('../images/banner-4.svg') no-repeat top center; } .item-banner h1 { font-size: var(--f-56); line-height: var(--f-68); } #quem-somos { margin-top: var(--f-68); margin-bottom: 110px; } #projeto article { margin-top: 64px; } #projeto { margin-top: 45px; padding-bottom: 100px; } #depoimentos:before, #depoimentos:after { content: url('../images/icone-apostrofo.svg'); width: 453px; height: 449px; position: absolute; margin-top: 17px; } #depoimentos:after { content: url('../images/apostrofo-right.svg'); top: 45%; right: 0; } #depoimentos aside h1 { padding-top: 127px; } .gtco-testimonials .owl-stage-outer { padding: 50px 0; } .descricao-socio-contribuinte h1 { margin-top: 115px; font-size: 40px; line-height: 48px; } .imagem-socio-contribuinte { margin-top: 100px; } .menu-projeto ul { border-bottom: 1px solid #BAC2CF; } #conheca-nosso-projeto { padding: 99px 0px; } #contato { padding: 98px 0px; } footer { padding: 82px 0; } #bg-topo article { display: var(--d-flex); align-content: var(--align-center); align-items: var(--align-center); justify-content: var(--align-around); } #change-icone, #navbar, .use-mobile, .icon { display: none !important; } #bg-menu article a:nth-child(2) { margin-left: var(--mr-16); } .descricao-estrutura { display: flex; justify-content: space-around; align-items: center; width: 100%; } .texto { flex: 1; } #nossa-estrutura .texto p { text-align: justify; } .descricao-estrutura iframe { flex: 2; margin-top: 0; width: 100%; border-radius: 5px; } .itens-duvidas { display: grid; grid-template-columns: 600px 600px; gap: 10px; } #duvidas{ padding-bottom:100px; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .container { margin: 0 auto; width: 95%; } .banner1, .banner2, .banner3, .banner4 { background: url('../images/mobile/banner1.jpg') no-repeat top center; width: 100%; height: 254px; background-size: cover !important; } .banner2 { background: url('../images/mobile/banner2.png') no-repeat top center; } .banner3 { background: url('../images/mobile/banner3.png') no-repeat top center; } .banner4 { background: url('../images/mobile/banner4.svg') no-repeat top center; } .item-banner h1, .item-banner p { font-size: 24px; line-height: 29px; } .item-banner p { font-size: 16px; line-height: 19px; } #quem-somos h1, #projeto h1, #depoimentos aside h1, #conheca-nosso-projeto aside h1, .descricao-contato h1, .contato h1, .item-modal h1 { text-align: center; font-size: 18px; line-height: 22px; } #quem-somos article, #projeto article, #socio-contribuinte .container, .projeto, #contato .container, nav ul, .btn-item { flex-direction: column; align-items: center; justify-content: center; } #projeto article.btn-cadastro { flex-direction: row; } .menu-projeto ul, footer .container, #desenvolvimento .container, .grid-item { flex-direction: column; } #quem-somos article img, img.imagem-socio-contribuinte, .projeto img { width: 100%; } .itens-quem-somos, .imagem-socio-contribuinte { order: 2; } .itens-quem-somos h2 { font-size: 18px; } .descricao-socio-contribuinte h1, #quem-somos article .itens-quem-somos h1, #projeto h1, #depoimentos aside h1, #conheca-nosso-projeto aside h1, .descricao-contato h1, .contato h1, .item-modal h1 { font-size: 24px; line-height: 29px; } #quem-somos, #projeto, #depoimentos aside h1, #socio-contribuinte, #conheca-nosso-projeto, #contato, footer { padding-top: 48px; padding-bottom: 48px; } .banner-nossa-estrutura { width: 95%; } .banner-nossa-estrutura button.owl-next, .owl-carousel .owl-nav button.owl-next { float: right; } .item-projeto { margin-top: 24px; filter: drop-shadow(15px 15px 40px rgba(83, 102, 137, 0.16)); } .contato { margin: 0; } .owl-dots { position: absolute; width: 100%; margin-top: 25px; } .imagem-socio-contribuinte { margin-top: 32px; } .menu-projeto ul li { border-bottom: 1px solid #BAC2CF; padding: 24px 0; } .menu-projeto ul li:before { content: url('../images/arrow-down-select.svg'); display: block; position: absolute; right: 13px; width: 10px; height: 16px; } .active-menu::after { top: 61px; width: 100%; } li.prevencao-escola.active-menu { color: #6FB644 !important; } .projeto img, .contato, .descricao-rodape, .btn-cadastro { margin-top: 24px; } iframe { border: 1px solid #DDDDDD; box-sizing: border-box; border-radius: 5px; } .descricao-rodape { border-bottom: 1px solid rgba(255, 255, 255, 0.17); padding-bottom: 24px; } .descricao-rodape:last-child { border: none; } #banner .owl-nav, .no-mobile { display: none !important; } header nav.menu ul li:nth-child(8), header nav.menu ul li:nth-child(9) { border-top: 1px solid rgba(255, 255, 255, 0.12); } #back-to-top { right: 0; } .item-modal { padding: 48px 10px 40px 10px; } .item-cadastro, .btn-item button, .btn-item a, #bg-menu nav ul li { margin-right: 0; } .btn-item { margin-top: 20px; } .btn-item a, .btn-item button { width: 100%; } .btn-item a { margin-top: 10px; } #bg-menu { background: #1e386b; padding: 20px; } #bg-menu .container { flex-direction: column; align-items: baseline; text-align: left; width: 100%; } #bg-menu nav ul { align-items: baseline; } #bg-menu nav ul li a { color: #fff !important; } #bg-menu article { border-top: 1px solid rgba(255, 255, 255, 0.12); margin-top: 24px; width: 100%; align-items: normal !important; justify-content: normal !important; display: flex; flex-wrap: wrap; } #bg-menu article a { margin-top: 16px; } #bg-menu article:last-child a { margin-right: 10px; } .gtco-testimonials .owl-nav { z-index: 999; } #bg-topo { padding: 20px 10px; } #bg-menu { display: none; } .gtco-testimonials .card { margin: 0 auto; } #faca-parte-historia { height: auto; padding: 48px 0px; } .descricao-projeto, .descricao-contato { max-width: 100%; } .descricao-estrutura iframe { width: 100% } .itens-duvidas div { margin-bottom: 20px; } }