@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");  * {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
line-height: inherit;
vertical-align: baseline;
box-sizing: border-box;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html,
body {
overflow-x: hidden;
}
body {
line-height: 1;
overflow: hidden;
font-family: "Inter", sans-serif;
font-display: swap;
}
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;
}
b,
strong {
font-weight: bold;
}
a {
text-decoration: none;
color: inherit;
}
img {
max-width: 100%;
height: auto;
}
.ff-inter {
font-family: "Inter", sans-serif;
font-style: normal;
}
.ff-montserrat {
font-family: "Montserrat", sans-serif;
font-style: normal;
}
.fw-regular {
font-weight: 400;
}
.fw-medium {
font-weight: 500;
}
.fw-semibold {
font-weight: 600;
}
.fw-bold {
font-weight: 700;
}
.fs-12 {
font-size: 12px;
}
.fs-14 {
font-size: 14px;
}
.fs-16 {
font-size: 16px;
}
.fs-20 {
font-size: 20px;
}
.fs-24 {
font-size: 24px;
}
.fs-28 {
font-size: 28px;
}
.fs-32 {
font-size: 32px;
}
.fs-36 {
font-size: 36px;
}
.fs-40 {
font-size: 40px;
}
.fs-48 {
font-size: 48px;
}
.fs-56 {
font-size: 56px;
}
.fs-64 {
font-size: 64px;
}
@media (min-width: 767px) {
.fs-12__md {
font-size: 12px;
}
.fs-14__md {
font-size: 14px;
}
.fs-16__md {
font-size: 16px;
}
.fs-20__md {
font-size: 20px;
}
.fs-24__md {
font-size: 24px;
}
.fs-28__md {
font-size: 28px;
}
.fs-32__md {
font-size: 32px;
}
.fs-36__md {
font-size: 36px;
}
.fs-40__md {
font-size: 40px;
}
.fs-48__md {
font-size: 48px;
}
.fs-56__md {
font-size: 56px;
}
.fs-64__md {
font-size: 64px;
}
}
@media (min-width: 1200px) {
.fs-56__xl {
font-size: 56px;
}
}
.lh-100 {
line-height: 100%;
}
.lh-120 {
line-height: 120%;
}
.lh-140 {
line-height: 140%;
}
.lh-150 {
line-height: 150%;
}
.lh-200 {
line-height: 200%;
}
@media (min-width: 767px) {
.lh-100__md {
line-height: 100%;
}
.lh-120__md {
line-height: 120%;
}
.lh-140__md {
line-height: 140%;
}
.lh-150__md {
line-height: 150%;
}
.lh-200__md {
line-height: 200%;
}
}
.container {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1320px;
}
}
.flex {
display: flex;
}
.flex-1 {
flex: 1;
}
.flex-block {
display: block;
}
.flex-none {
display: none;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-aic {
align-items: center;
}
.flex-aifs {
align-items: flex-start;
}
.flex-aife {
align-items: flex-end;
}
.flex-jcsb {
justify-content: space-between;
}
.flex-jcc {
justify-content: center;
}
.flex-jcfe {
justify-content: flex-end;
}
.flex-jcfs {
justify-content: flex-start;
}
.flex-row {
flex-direction: row;
}
.flex-column {
flex-direction: column;
}
.flex-column-reverse {
flex-direction: column-reverse;
}
@media (min-width: 767px) {
.flex__md {
display: flex;
}
.flex-block__md {
display: block;
}
.flex-none__md {
display: none;
}
.flex-row__md {
flex-direction: row;
}
.flex-column__md {
flex-direction: column;
}
.flex-column-reverse__md {
flex-direction: column-reverse;
}
}
@media (min-width: 1200px) {
.flex__xl {
display: flex;
}
.flex-block__xl {
display: block;
}
.flex-none__xl {
display: none;
}
.flex-row__xl {
flex-direction: row;
}
.flex-column__xl {
flex-direction: column;
}
.flex-column-reverse__xl {
flex-direction: column-reverse;
}
}
.flex-gap-8 {
gap: 8px;
}
.flex-gap-24 {
gap: 24px;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.ta-center {
text-align: center;
}
.ta-left {
text-align: left;
}
.ta-right {
text-align: right;
}
.w-100 {
width: 100%;
}
@media (min-width: 767px) {
.ta-center__md {
text-align: center;
}
.ta-left__md {
text-align: left;
}
.ta-right__md {
text-align: right;
}
}
.ml-4 {
margin-left: 4px;
}
.ml-6 {
margin-left: 6px;
}
.ml-8 {
margin-left: 8px;
}
.ml-10 {
margin-left: 10px;
}
.mt-0 {
margin-top: 0px;
}
.mb-0 {
margin-bottom: 0px;
}
.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.mt-6 {
margin-top: 6px;
}
.mb-6 {
margin-bottom: 6px;
}
.my-6 {
margin-top: 6px;
margin-bottom: 6px;
}
.mt-12 {
margin-top: 12px;
}
.mb-12 {
margin-bottom: 12px;
}
.my-12 {
margin-top: 12px;
margin-bottom: 12px;
}
.mt-16 {
margin-top: 16px;
}
.mb-16 {
margin-bottom: 16px;
}
.my-16 {
margin-top: 16px;
margin-bottom: 16px;
}
.mt-20 {
margin-top: 20px;
}
.mb-20 {
margin-bottom: 20px;
}
.my-20 {
margin-top: 20px;
margin-bottom: 20px;
}
.mt-24 {
margin-top: 24px;
}
.mb-24 {
margin-bottom: 24px;
}
.my-24 {
margin-top: 24px;
margin-bottom: 24px;
}
.mt-32 {
margin-top: 32px;
}
.mb-32 {
margin-bottom: 32px;
}
.my-32 {
margin-top: 32px;
margin-bottom: 32px;
}
.mt-40 {
margin-top: 40px;
}
.mb-40 {
margin-bottom: 40px;
}
.my-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mb-50 {
margin-bottom: 50px;
}
.my-50 {
margin-top: 50px;
margin-bottom: 50px;
}
.mt-60 {
margin-top: 60px;
}
.mb-60 {
margin-bottom: 60px;
}
.my-60 {
margin-top: 60px;
margin-bottom: 60px;
}
.mt-72 {
margin-top: 72px;
}
.mb-72 {
margin-bottom: 72px;
}
.my-72 {
margin-top: 72px;
margin-bottom: 72px;
}
@media (min-width: 767px) {
.mt-0__md {
margin-top: 0px;
}
.mb-0__md {
margin-bottom: 0px;
}
.my-0__md {
margin-top: 0px;
margin-bottom: 0px;
}
.mt-6__md {
margin-top: 6px;
}
.mb-6__md {
margin-bottom: 6px;
}
.my-6__md {
margin-top: 6px;
margin-bottom: 6px;
}
.mt-12__md {
margin-top: 12px;
}
.mb-12__md {
margin-bottom: 12px;
}
.my-12__md {
margin-top: 12px;
margin-bottom: 12px;
}
.mt-16__md {
margin-top: 16px;
}
.mb-16__md {
margin-bottom: 16px;
}
.my-16__md {
margin-top: 16px;
margin-bottom: 16px;
}
.mt-20__md {
margin-top: 20px;
}
.mb-20__md {
margin-bottom: 20px;
}
.my-20__md {
margin-top: 20px;
margin-bottom: 20px;
}
.mt-24__md {
margin-top: 24px;
}
.mb-24__md {
margin-bottom: 24px;
}
.my-24__md {
margin-top: 24px;
margin-bottom: 24px;
}
.mt-32__md {
margin-top: 32px;
}
.mb-32__md {
margin-bottom: 32px;
}
.my-32__md {
margin-top: 32px;
margin-bottom: 32px;
}
.mt-40__md {
margin-top: 40px;
}
.mb-40__md {
margin-bottom: 40px;
}
.my-40__md {
margin-top: 40px;
margin-bottom: 40px;
}
.mt-50__md {
margin-top: 50px;
}
.mb-50__md {
margin-bottom: 50px;
}
.my-50__md {
margin-top: 50px;
margin-bottom: 50px;
}
.mt-60__md {
margin-top: 60px;
}
.mb-60__md {
margin-bottom: 60px;
}
.my-60__md {
margin-top: 60px;
margin-bottom: 60px;
}
.mt-72__md {
margin-top: 72px;
}
.mb-72__md {
margin-bottom: 72px;
}
.my-72__md {
margin-top: 72px;
margin-bottom: 72px;
}
}
@media (min-width: 1200px) {
.mt-0__xl {
margin-top: 0px;
}
}
.pt-0 {
padding-top: 0px;
}
.pb-0 {
padding-bottom: 0px;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.pt-6 {
padding-top: 6px;
}
.pb-6 {
padding-bottom: 6px;
}
.py-6 {
padding-top: 6px;
padding-bottom: 6px;
}
.px-6 {
padding-left: 6px;
padding-right: 6px;
}
.pt-12 {
padding-top: 12px;
}
.pb-12 {
padding-bottom: 12px;
}
.py-12 {
padding-top: 12px;
padding-bottom: 12px;
}
.px-12 {
padding-left: 12px;
padding-right: 12px;
}
.pt-16 {
padding-top: 16px;
}
.pb-16 {
padding-bottom: 16px;
}
.py-16 {
padding-top: 16px;
padding-bottom: 16px;
}
.px-16 {
padding-left: 16px;
padding-right: 16px;
}
.pt-20 {
padding-top: 20px;
}
.pb-20 {
padding-bottom: 20px;
}
.py-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.px-20 {
padding-left: 20px;
padding-right: 20px;
}
.pt-24 {
padding-top: 24px;
}
.pb-24 {
padding-bottom: 24px;
}
.py-24 {
padding-top: 24px;
padding-bottom: 24px;
}
.px-24 {
padding-left: 24px;
padding-right: 24px;
}
.pt-32 {
padding-top: 32px;
}
.pb-32 {
padding-bottom: 32px;
}
.py-32 {
padding-top: 32px;
padding-bottom: 32px;
}
.px-32 {
padding-left: 32px;
padding-right: 32px;
}
.pt-40 {
padding-top: 40px;
}
.pb-40 {
padding-bottom: 40px;
}
.py-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.px-40 {
padding-left: 40px;
padding-right: 40px;
}
.pt-50 {
padding-top: 50px;
}
.pb-50 {
padding-bottom: 50px;
}
.py-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.px-50 {
padding-left: 50px;
padding-right: 50px;
}
.pt-60 {
padding-top: 60px;
}
.pb-60 {
padding-bottom: 60px;
}
.py-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.px-60 {
padding-left: 60px;
padding-right: 60px;
}
.pt-80 {
padding-top: 80px;
}
.pb-80 {
padding-bottom: 80px;
}
.py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.px-80 {
padding-left: 80px;
padding-right: 80px;
}
.pt-100 {
padding-top: 100px;
}
.pb-100 {
padding-bottom: 100px;
}
.py-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.px-100 {
padding-left: 100px;
padding-right: 100px;
}
.pt-120 {
padding-top: 120px;
}
.pb-120 {
padding-bottom: 120px;
}
.py-120 {
padding-top: 120px;
padding-bottom: 120px;
}
.px-120 {
padding-left: 120px;
padding-right: 120px;
}
.pt-150 {
padding-top: 150px;
}
.pb-150 {
padding-bottom: 150px;
}
.py-150 {
padding-top: 150px;
padding-bottom: 150px;
}
.px-150 {
padding-left: 150px;
padding-right: 150px;
}
.pt-200 {
padding-top: 200px;
}
.pb-200 {
padding-bottom: 200px;
}
.py-200 {
padding-top: 200px;
padding-bottom: 200px;
}
.px-200 {
padding-left: 200px;
padding-right: 200px;
}
@media (min-width: 767px) {
.pt-0__md {
padding-top: 0px;
}
.pb-0__md {
padding-bottom: 0px;
}
.py-0__md {
padding-top: 0px;
padding-bottom: 0px;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.pt-6__md {
padding-top: 6px;
}
.pb-6__md {
padding-bottom: 6px;
}
.py-6__md {
padding-top: 6px;
padding-bottom: 6px;
}
.px-6 {
padding-left: 6px;
padding-right: 6px;
}
.pt-12__md {
padding-top: 12px;
}
.pb-12__md {
padding-bottom: 12px;
}
.py-12__md {
padding-top: 12px;
padding-bottom: 12px;
}
.px-12 {
padding-left: 12px;
padding-right: 12px;
}
.pt-16__md {
padding-top: 16px;
}
.pb-16__md {
padding-bottom: 16px;
}
.py-16__md {
padding-top: 16px;
padding-bottom: 16px;
}
.px-16 {
padding-left: 16px;
padding-right: 16px;
}
.pt-20__md {
padding-top: 20px;
}
.pb-20__md {
padding-bottom: 20px;
}
.py-20__md {
padding-top: 20px;
padding-bottom: 20px;
}
.px-20 {
padding-left: 20px;
padding-right: 20px;
}
.pt-24__md {
padding-top: 24px;
}
.pb-24__md {
padding-bottom: 24px;
}
.py-24__md {
padding-top: 24px;
padding-bottom: 24px;
}
.px-24 {
padding-left: 24px;
padding-right: 24px;
}
.pt-32__md {
padding-top: 32px;
}
.pb-32__md {
padding-bottom: 32px;
}
.py-32__md {
padding-top: 32px;
padding-bottom: 32px;
}
.px-32 {
padding-left: 32px;
padding-right: 32px;
}
.pt-40__md {
padding-top: 40px;
}
.pb-40__md {
padding-bottom: 40px;
}
.py-40__md {
padding-top: 40px;
padding-bottom: 40px;
}
.px-40 {
padding-left: 40px;
padding-right: 40px;
}
.pt-50__md {
padding-top: 50px;
}
.pb-50__md {
padding-bottom: 50px;
}
.py-50__md {
padding-top: 50px;
padding-bottom: 50px;
}
.px-50 {
padding-left: 50px;
padding-right: 50px;
}
.pt-60__md {
padding-top: 60px;
}
.pb-60__md {
padding-bottom: 60px;
}
.py-60__md {
padding-top: 60px;
padding-bottom: 60px;
}
.px-60 {
padding-left: 60px;
padding-right: 60px;
}
.pt-80__md {
padding-top: 80px;
}
.pb-80__md {
padding-bottom: 80px;
}
.py-80__md {
padding-top: 80px;
padding-bottom: 80px;
}
.px-80 {
padding-left: 80px;
padding-right: 80px;
}
.pt-100__md {
padding-top: 100px;
}
.pb-100__md {
padding-bottom: 100px;
}
.py-100__md {
padding-top: 100px;
padding-bottom: 100px;
}
.px-100 {
padding-left: 100px;
padding-right: 100px;
}
.pt-120__md {
padding-top: 120px;
}
.pb-120__md {
padding-bottom: 120px;
}
.py-120__md {
padding-top: 120px;
padding-bottom: 120px;
}
.px-120 {
padding-left: 120px;
padding-right: 120px;
}
.pt-150__md {
padding-top: 150px;
}
.pb-150__md {
padding-bottom: 150px;
}
.py-150__md {
padding-top: 150px;
padding-bottom: 150px;
}
.px-150 {
padding-left: 150px;
padding-right: 150px;
}
.pt-200__md {
padding-top: 200px;
}
.pb-200__md {
padding-bottom: 200px;
}
.py-200__md {
padding-top: 200px;
padding-bottom: 200px;
}
.px-200 {
padding-left: 200px;
padding-right: 200px;
}
}
.fc-white {
color: #fff;
}
.fc-yellow {
color: #ffb800;
}
.fc-dark {
color: #212121;
}
.fc-dark-dark {
color: #343434;
}
.fc-dark-gray {
color: #333;
}
.fc-light-gray {
color: #6c6c6c;
}
.fc-medium2-gray {
color: #737373;
}
.fc-medium-gray {
color: #757575;
}
.fc-primary {
color: #0047BA;
}
.fc-blue-semidark {
color: #061F85;
}
.fc-blue-dark {
color: #1a2a4c;
}
.bg-white {
background: white;
}
.bg-primary {
background-color: #0047ba;
}
.bg-blue {
background: #004fff;
}
.bg-blue-semidark {
background: #061F85;
}
.bg-dark-blue {
background: #040c4f;
}
.bg-light-blue {
background: #e9f4ff;
}
.bc-yellow {
background: #ffb800;
}
.btn-default {
display: block;
background: #004fff;
border-radius: 100px;
padding: 20px 20px;
color: #fff;
font-weight: 700;
font-family: "Montserrat";
line-height: 1.5;
transition: 0.3s ease all;
text-align: center;
border: 0;
cursor: pointer;
}
.btn-default:hover {
opacity: 0.8;
}
@media (min-width: 767px) {
.btn-default {
display: inline-block;
padding: 20px 65px;
}
}
.btn {
display: inline-block;
background: #fff;
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-size: 12px;
color: #1a2a4c;
padding: 10px 25px;
border-radius: 100px;
line-height: 1.4;
width: max-content;
transition: 0.3s ease all;
cursor: pointer;
}
.btn-normal {
font-size: 16px;
}
.btn-big {
font-size: 20px;
}
.btn-xbig {
font-size: 20px;
padding: 14px 58px;
}
@media (min-width: 767px) {
.btn-xbig {
font-size: 24px;
}
}
.btn:hover {
opacity: 0.8;
}
.btn-semi-dark {
color: white;
background: #061F85;
}
.btn-blue {
background-color: #0a52ff;
color: white;
}
.btn-white {
background-color: white;
}
.btn-yellow {
background: #ffb800;
}
.btn-yellow-two {
color: #ffb800;
border: 1px solid #ffb800;
padding-left: 20px;
padding-right: 20px;
border-radius: 6px;
transition: 0.3s ease all;
}
.btn-yellow-two:hover {
color: white;
background: #ffb800;
}
.btn-yellow-two:hover svg path {
stroke: white;
}
.btn-yellow-two svg path {
stroke: #ffb800;
}
.keen-slider:not([data-keen-slider-disabled]) {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
align-content: flex-start;
display: flex;
overflow: hidden;
position: relative;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-khtml-user-select: none;
width: 100%;
}
.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
min-height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
flex-direction: row-reverse;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
flex-wrap: wrap;
}
.header {
background: transparent;
position: fixed;
width: 100%;
left: 0;
right: 0;
top: 0;
padding: 20px 0px;
border-bottom: 1px solid rgba(238, 238, 238, 0.5);
transition: 0.3s ease all;
z-index: 10;
}
.header.bg-blue {
background: #0047ba;
}
.header.bg-blue-hard {
background: #0047ba !important;
}
.header.bg-blue-hard.scroll .hamburguer {
border-color: white !important;
}
.header.bg-blue-hard.scroll .hamburguer .line {
background: white !important;
}
.header.bg-blue-hard svg path {
fill: white !important;
stroke: white !important;
}
.header.bg-blue-hard .link {
color: white !important;
}
.header navbar ul li {
width: fit-content;
}
.header.scroll .link.active::after {
position: absolute;
content: "";
width: 100%;
bottom: -20px;
left: 0;
height: 4px;
background: #004fff !important;
display: none;
}
@media (min-width: 1200px) {
.header.scroll .link.active::after {
display: block;
}
}
.header .link {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 16px;
line-height: 1.2;
padding: 10px 16px;
color: white;
width: max-content;
transition: 0.3s ease all;
}
.header .link.active {
position: relative;
font-weight: bold;
}
.header .link.active::after {
position: absolute;
content: "";
width: 100%;
bottom: -20px;
left: 0;
height: 4px;
background: white;
display: none;
}
@media (min-width: 1200px) {
.header .link.active::after {
display: block;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.header .link {
font-size: 14px;
padding: 10px 10px;
}
}
.header .link:hover {
opacity: 0.9;
}
.header .submenu {
padding: 0px 0px 10px 0px;
}
.header .bts-head {
gap: 20px;
margin-right: 20px;
margin-left: 20px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
.header .bts-head {
gap: 10px;
margin-right: 10px;
margin-left: 10px;
}
}
.header .social-networks {
gap: 10px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
.header .social-networks {
gap: 5px;
}
}
.header .social-networks svg {
height: 26px;
width: 26px;
transition: 0.3s ease all;
}
.header .social-networks svg path {
transition: 0.3s ease all;
}
.header .social-networks img {
max-height: 34px;
width: auto;
}
.header .hamburguer {
width: 48px;
height: 48px;
border: none;
padding: 10px;
background-color: transparent;
border: 1px solid white;
border-radius: 5px;
cursor: pointer;
transition: 0.3s ease all;
}
.header .hamburguer:hover {
opacity: 0.8;
}
.header .hamburguer .line {
height: 4px;
width: 100%;
background-color: white;
border-radius: 5px;
}
.header .logo {
max-width: 200px;
}
.header .logo svg {
width: 100%;
}
.header.active {
padding: 0px;
}
.header.scroll, .header.active {
background: white;
transition: 0.3s ease all;
}
.header.scroll .hamburguer, .header.active .hamburguer {
border-color: #6c6c6c;
}
.header.scroll .hamburguer .line, .header.active .hamburguer .line {
background-color: #6c6c6c;
}
.header.scroll .logo svg, .header.active .logo svg {
height: auto;
}
.header.scroll .logo svg path, .header.active .logo svg path {
fill: #004fff;
}
.header.scroll .btn-white, .header.active .btn-white {
background-color: #ccc;
}
.header.scroll .btn-yellow, .header.active .btn-yellow {
background: #ffb800;
}
.header.scroll .link, .header.active .link {
color: #000;
}
.header.scroll .social-networks circle, .header.active .social-networks circle {
stroke: black;
}
.header.scroll .social-networks path, .header.active .social-networks path {
stroke: black;
fill: black;
}
.header .dropdown {
position: relative;
}
.header .dropdown.active ul {
display: block;
}
.header .dropdown p {
position: relative;
}
.header .dropdown p::after {
position: absolute;
right: 0;
top: 47%;
transform: translate(0%, -50%);
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.header .dropdown ul {
display: none;
}
.header .dropdown ul li {
width: 100%;
}
.header .dropdown ul li a {
color: #212529;
display: block;
width: 100%;
padding: 0.25rem 1rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.header .dropdown ul li:hover {
background-color: #e9ecef;
}
.header .dropdown ul li:active {
background-color: #0d6efd;
}
.header .dropdown ul li:active a {
color: #fff;
}
@media (min-width: 1200px) {
.header .dropdown:hover ul {
position: absolute;
top: 100%;
left: 0;
display: block;
min-width: 10rem;
text-align: left;
background: white;
padding: 10px 0px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
}
@media (max-width: 1200px) {
.header .head-mobile .close {
position: relative;
width: 50px;
height: 50px;
margin-left: auto;
padding: 10px;
cursor: pointer;
transition: 0.3s ease all;
}
.header .head-mobile .close:hover {
opacity: 0.8;
}
.header .head-mobile .close svg {
width: 100%;
height: 100%;
fill: white;
}
.header .head-mobile a {
max-width: 180px;
}
.header .head-mobile a svg {
width: 100%;
height: auto;
}
.header .head-mobile .logo {
margin-bottom: 20px;
display: block;
padding-left: 10px;
display: block;
}
.header .head-mobile .logo svg path {
fill: white;
}
.header .dropdown ul li:hover {
background: transparent;
}
.header .dropdown ul li:hover a {
color: black;
}
.header .menus {
position: fixed;
right: 0;
top: 0;
height: 100vh;
background-color: #0047ba;
z-index: 10;
transform: translateX(100%);
transition: 0.3s ease all;
padding: 20px;
width: 300px;
}
.header .menus ul li {
display: block;
width: 100%;
}
.header .menus .link {
color: white;
display: block;
width: 100%;
padding-left: 0;
}
.header .menus .bts-head {
margin: 20px 0px;
}
.header ul {
gap: 20px;
}
.header navbar, .header navbar ul, .header .bts-head {
align-items: flex-start;
width: 100%;
}
.header .social-networks circle {
stroke: white !important;
}
.header .social-networks path {
stroke: white !important;
fill: white !important;
}
.header.active {
background-color: transparent;
border: 0px;
}
.header.active .logo, .header.active .hamburguer {
display: none;
}
.header.active .btn-white {
background-color: white;
}
.header.active .menus {
transform: translateX(0%);
}
}
.footer {
background: transparent;
}
.footer-body {
position: relative;
}
.footer-body .container {
position: relative;
z-index: 1;
}
.footer-body .img-fluid {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 0;
}
.footer-body .img-fluid svg {
width: 150px;
height: auto;
}
@media (min-width: 1200px) {
.footer-body .img-fluid svg {
width: 275px;
}
}
.footer-body a {
transition: 0.3s ease all;
justify-content: center;
}
@media (min-width: 1200px) {
.footer-body a {
justify-content: flex-start;
}
}
.footer-body a:hover {
opacity: 0.9;
text-decoration: underline;
}
.footer-body .body {
justify-content: center;
align-items: center;
text-align: center;
}
@media (min-width: 1200px) {
.footer-body .body {
justify-content: space-between;
align-items: flex-start;
text-align: left;
}
}
.footer-body .body .item {
width: 100%;
max-width: 100%;
flex: 1;
}
.footer-body .body .item svg {
max-width: 100%;
height: auto;
}
@media (min-width: 1200px) {
.footer-body .body .item:nth-child(1) {
max-width: 30%;
padding-right: 5%;
}
.footer-body .body .item:nth-child(2), .footer-body .body .item:nth-child(3), .footer-body .body .item:nth-child(4) {
max-width: 23%;
}
}
.footer-body .body .logo-acate img {
width: 100%;
max-width: 150px;
height: auto;
object-fit: contain;
}
.footer-body .bottom {
gap: 24px;
}
.footer-body .bottom > div {
min-width: 270px;
}
@media (min-width: 1200px) {
.footer-body .bottom {
gap: 50px;
}
}
.footer-body .bottom .btn-default {
width: 100%;
max-width: 260px;
}
.footer-body .bottom .social-network a {
padding: 10px;
}
.footer-body .bottom .social-network a svg {
height: 40px;
width: 40px;
transition: 0.3s ease all;
}
.footer-body .bottom .social-network a svg:hover {
opacity: 0.8;
}
@media (min-width: 1200px) {
.footer-body .bottom .social-network a svg {
height: 60px;
width: 60px;
}
}
.box-video {
height: 280px;
background: gray;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
position: relative;
width: 100%;
box-shadow: 2px 5px 8px 1px rgba(0, 0, 0, 0.24);
}
@media (min-width: 567px) {
.box-video {
height: 340px;
}
}
@media (min-width: 992px) {
.box-video {
width: calc(50% - 25px);
height: 340px;
}
}
.box-video img {
width: 100%;
height: 100%;
object-fit: cover;
}
.box-video .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
transition: 0.3s ease all;
background: transparent;
border: 0;
cursor: pointer;
}
.box-video .play:hover {
opacity: 0.8;
}
.box-video svg {
height: 70px;
width: 70px;
}
.popup-video {
position: fixed;
top: 0;
left: 0;
display: none;
align-items: center;
height: 100vh;
width: 100%;
background: rgba(85, 84, 84, 0.6);
backdrop-filter: blur(10px);
padding: 50px 0px;
opacity: 0;
transition: 0.3s ease all;
}
.popup-video .close-video {
position: absolute;
top: 10px;
right: 20px;
transition: 0.1s ease all;
background-color: transparent;
border: 0;
cursor: pointer;
padding: 10px 0px;
}
.popup-video .close-video svg {
margin-right: 5px;
}
.popup-video .close-video:hover {
color: red;
}
.popup-video .close-video:hover svg path {
fill: red;
}
.popup-video.show {
opacity: 1;
z-index: 10;
}
.popup-video.active {
display: flex;
}
.popup-video .box {
width: 100%;
}
.popup-video .box .video-iframe {
padding: 0px 10px;
height: 350px;
max-width: 1180px;
margin: auto;
}
@media (min-width: 767px) {
.popup-video .box .video-iframe {
height: 570px;
max-width: 1180px;
}
}
.popup-video .box iframe,
.popup-video .box video {
background: black;
width: 100%;
height: 100%;
}
.modal-work {
position: fixed;
top: 0;
left: 0;
display: none;
height: 100vh;
width: 100%;
background: rgba(85, 84, 84, 0.6);
backdrop-filter: blur(10px);
padding: 50px 0px;
opacity: 0;
transition: 0.3s ease all;
overflow: auto;
}
@media (min-width: 1200px) {
.modal-work {
align-items: center;
}
}
.modal-work .box {
border-radius: 16px;
}
.modal-work .close-video {
position: absolute;
top: 10px;
right: 20px;
transition: 0.1s ease all;
background-color: transparent;
border: 0;
cursor: pointer;
padding: 10px 0px;
}
.modal-work .close-video svg {
margin-right: 5px;
}
.modal-work .close-video:hover {
color: red;
}
.modal-work .close-video:hover svg path {
fill: red;
}
.modal-work.show {
opacity: 1;
z-index: 10;
}
.modal-work.active {
display: flex;
}
.modal-work .box {
width: 100%;
}
@media (min-width: 767px) {
.modal-work .box .content {
padding-right: 80px;
}
}
.modal-work .box .row {
display: flex;
flex-wrap: wrap;
}
.modal-work .box .row .col-6 {
width: 50%;
}
@media (min-width: 992px) {
.modal-work .box .row .col-6 {
width: 50%;
}
}
.modal-work .box .title-form {
color: #05070b;
}
.modal-work .box label {
display: block;
font-style: normal;
color: #737373;
width: 100%;
margin-bottom: 16px;
}
.modal-work .box .acpt_politica_privacidade {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.modal-work .box .acpt_politica_privacidade a {
margin-left: 5px;
color: blue;
transition: 0.3s ease all;
}
.modal-work .box .acpt_politica_privacidade a:hover {
opacity: 0.8;
}
.modal-work .box .acpt_politica_privacidade input {
display: inline;
width: auto;
margin-right: 10px;
}
.modal-work .box input, .modal-work .box select {
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.24);
box-sizing: border-box;
display: block;
width: 100%;
border-radius: 8px;
margin-top: 2px;
background: white;
font-weight: normal;
font-size: 14px;
}
@media (min-width: 767px) {
.modal-work .box .flex {
gap: 16px;
}
}
.modal-work .box .submit {
margin-bottom: 16px;
}
.modal-work .box .submit input {
background: #004fff;
color: #fff;
font-family: "Montserrat";
font-weight: 600;
font-size: 18px;
width: 100%;
text-align: center;
border: none;
padding: 20px 12px;
border-radius: 8px;
cursor: pointer;
}
.modal-contador {
position: fixed;
top: 0;
left: 0;
display: none;
align-items: center;
height: 100vh;
width: 100%;
background: rgba(85, 84, 84, 0.2);
padding: 50px 0px;
opacity: 0;
transition: 0.3s ease all;
}
.modal-contador.show {
opacity: 1;
z-index: 10;
}
.modal-contador.active {
display: flex;
}
.modal-contador .box {
width: 100%;
max-width: 710px;
border-radius: 16px;
margin: 0 auto;
}
.modal-contador .box .div-hidden {
display: none;
}
.modal-contador .box .div-hidden.active {
display: block;
}
.modal-contador .box .div-hidden .error {
font-size: 12px;
color: red;
margin-top: 5px;
padding-left: 5px;
display: none;
}
.modal-contador .box .div-hidden .error.active {
display: block;
}
.modal-contador .box .wpcf7-radio {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
margin-bottom: 16px;
}
.modal-contador .box .wpcf7-list-item {
height: 100px;
width: 140px;
text-align: center;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.24);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 14px;
margin: 0px;
padding: 10px 10px;
cursor: pointer;
}
.modal-contador .box .wpcf7-list-item:has(input:checked) {
background: #004fff;
color: white;
}
.modal-contador .box .wpcf7-list-item input {
margin-bottom: 7px;
}
.modal-contador .box label {
display: block;
font-style: normal;
color: #333;
width: 100%;
margin-bottom: 8px;
}
.modal-contador .box input {
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.24);
box-sizing: border-box;
display: block;
width: 100%;
border-radius: 8px;
margin-top: 2px;
background: white;
font-weight: normal;
font-size: 14px;
}
.modal-contador .box .submit input {
background: #004fff;
color: #fff;
font-family: "Montserrat";
font-weight: 500;
font-size: 16px;
width: 100%;
max-width: 220px;
text-align: center;
border: none;
padding: 14px 12px;
border-radius: 8px;
cursor: pointer;
margin: 20px auto 0px auto;
}
.filter {
margin-top: 80px;
}
.filter .btn-close-filter {
display: none;
}
@media (max-width: 992px) {
.filter {
margin-top: 0;
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
width: 75%;
transform: translate(100%, 0);
transition: 0.3s ease all;
background: white;
border-left: 1px solid black;
z-index: 1000;
}
.filter .btn-close-filter {
display: block;
margin: 0;
font-weight: bold;
height: 50px;
}
.filter .content {
padding: 20px 20px;
height: calc(100vh - 50px);
}
.filter.active {
transform: translate(0%, 0);
}
}
.filter .content {
border-radius: 16px;
}
.filter .accordion-posts__item-title {
padding: 12px 16px;
border-bottom: 1px solid white;
border-top: 1px solid white;
font-size: 14px;
font-weight: bold;
background: #1a2a4c;
letter-spacing: 0.1px;
color: white;
}
.filter .accordion-posts__item-title .icon {
height: 20px;
width: 20px;
position: relative;
transition: 0.3s ease all;
}
.filter .accordion-posts__item-title .icon span {
display: block;
height: 4px;
width: 20px;
background: white;
position: absolute;
top: 50%;
left: 0%;
transform: translate(0%, -50%);
transition: 0.3s ease all;
}
.filter .accordion-posts__item-list {
padding: 12px 16px;
}
.filter .accordion-posts__item-list label {
display: block;
margin-bottom: 8px;
}
.filter .accordion-posts__item-list label:last-child {
margin-bottom: 0px;
}
.filter button {
width: 100%;
margin-top: 20px;
}
.template_home {
overflow: hidden;
}
.template_home br {
display: none;
}
@media (min-width: 1200px) {
.template_home br {
display: block;
}
}
.template_home .banner {
padding: 300px 0px 150px 0px;
}
@media (min-width: 767px) {
.template_home .banner {
padding: 100px 0px;
height: 100vh;
}
}
.template_home .invest {
position: relative;
background: rgb(0, 71, 186);
}
@media (min-width: 767px) {
.template_home .invest {
background: linear-gradient(180deg, rgb(0, 71, 186) 66%, rgb(255, 255, 255) 66%);
}
}
.template_home .invest .details span {
position: absolute;
}
.template_home .invest .details span.right {
right: 0;
top: 22%;
}
.template_home .invest .details span.left {
left: 0;
top: 0;
}
@media (max-width: 767px) {
.template_home .invest .details span.left svg {
width: 50px;
height: 107px;
}
}
.template_home .invest .container {
position: relative;
z-index: 1;
}
.template_home .invest-cards .card {
border: 1px solid rgba(0, 0, 0, 0.24);
border-radius: 16px;
min-height: 290px;
width: 100%;
margin-bottom: 32px;
}
@media (max-width: 767px) {
.template_home .invest-cards .card:last-child {
margin-bottom: 0;
}
}
@media (min-width: 767px) {
.template_home .invest-cards .card {
min-height: 335px;
max-width: calc(50% - 16px);
}
}
@media (min-width: 1200px) {
.template_home .invest-cards .card {
min-height: 335px;
margin-bottom: 0px;
max-width: calc(25% - 16px);
}
}
.template_home .one-who .flex-images {
gap: 20px;
}
.template_home .one-who .flex-images .card-image {
position: relative;
max-width: 306px;
height: 100%;
flex: 1;
}
.template_home .one-who .flex-images .card-image:nth-child(2) {
margin-top: 100px;
}
@media (min-width: 767px) {
.template_home .one-who .flex-images .card-image {
height: 380px;
}
}
@media (min-width: 1200px) {
.template_home .one-who .flex-images .card-image {
height: 506px;
max-width: 506px;
}
}
.template_home .one-who .flex-images img {
height: auto;
width: 100%;
object-fit: cover;
border-radius: 12px;
overflow: hidden;
}
.template_home .one-who .flex-images p {
position: absolute;
bottom: 24px;
left: 20px;
z-index: 1;
}
@media (min-width: 767px) {
.template_home .one-who .flex-images p {
bottom: 40px;
left: 32px;
}
}
.template_home .one-search {
display: flex;
flex-direction: column-reverse;
position: relative;
}
.template_home .one-search .image-fluid {
position: relative;
margin-bottom: 50px;
}
.template_home .one-search .image-fluid .detail {
position: absolute;
top: 60%;
right: 0;
}
.template_home .one-search .image-fluid img {
width: 100%;
height: auto;
max-height: 500px;
object-fit: cover;
object-position: top;
}
@media (min-width: 992px) {
.template_home .one-search .image-fluid {
position: absolute;
top: 0;
right: 0;
width: 35%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
}
.template_home .one-search .image-fluid img {
height: 100%;
max-height: 100%;
border-top-left-radius: 20px;
max-width: 800px;
}
.template_home .one-search .image-fluid::before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 55px;
border-radius: 50%;
width: 50px;
height: 50px;
background: rgb(255, 184, 0);
transform: translate(-50%, -50%);
}
}
.template_home .one-search .content {
max-width: 100%;
}
@media (min-width: 767px) {
.template_home .one-search .content {
max-width: 60%;
}
.template_home .one-search .content .painel {
min-height: 350px;
opacity: 0;
transition: 0.3s ease all;
}
.template_home .one-search .content .painel.show {
opacity: 1;
transition: 0.5s ease all;
}
}
.template_home .one-search .content .grid-cards {
gap: 0px 20px;
}
.template_home .one-search .tablist {
border-bottom: 1px solid #dee2e6;
}
@media (max-width: 767px) {
.template_home .one-search .tablist {
overflow-x: auto; }
.template_home .one-search .tablist::-webkit-scrollbar {
width: 6px; height: 6px; }
.template_home .one-search .tablist::-webkit-scrollbar-thumb {
background: #888; border-radius: 4px; }
.template_home .one-search .tablist::-webkit-scrollbar-thumb:hover {
background: #555; }
}
.template_home .one-search .tablist button {
background: transparent;
border: 0;
cursor: pointer;
padding: 20px 20px;
}
.template_home .one-search .tablist button.active {
font-weight: 700;
color: #ffb800;
border-bottom: 4px solid #ffb800;
}
.template_home .partners .container > div {
min-width: 135px;
}
.template_home .partners .container > div img {
height: 45px;
object-fit: contain;
}
.template_home .partners .detail {
width: 160px;
position: relative;
margin-left: auto;
margin-right: 5%;
}
@media (min-width: 767px) {
.template_home .partners .detail {
margin-right: auto;
margin-left: 5%;
}
}
.template_home .partners .detail .fluid {
position: absolute;
top: 0;
left: 0;
}
.template_home .partners .detail svg {
width: 100%;
height: auto;
}
.template_home .cases {
position: relative;
}
.template_home .cases .imgs-fluid span {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 0;
}
.template_home .cases .imgs-fluid span:nth-child(1) {
right: 0;
top: 0;
}
.template_home .cases .imgs-fluid span:nth-child(2) {
left: 0;
bottom: 0;
}
.template_home .cases .container {
position: relative;
z-index: 1;
}
.template_home .cases .keen-slider {
display: flex;
}
.template_home .cases .keen-slider__slide {
height: 350px;
border-radius: 8px 8px 8px 0px;
}
.template_home .cases .keen-slider__slide img {
position: absolute;
z-index: 0;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.template_home .cases .keen-slider .box {
width: 90%;
padding: 25px;
background: white;
border-radius: 0px 8px 0px 0px;
position: relative;
z-index: 1;
min-height: 175px;
}
.template_home .cases .keen-slider .box a {
gap: 10px;
}
.template_home .cases .keen-slider .categories {
gap: 5px;
position: absolute;
top: 0;
z-index: 2;
left: 10px;
top: 10px;
}
.template_home .cases .keen-slider .categories a {
color: #040c4f;
background: white;
transition: 0.3s ease all;
padding: 6px 10px;
font-size: 10px;
border-radius: 7px;
}
.template_home .cases .dots {
gap: 8px;
}
.template_home .cases .dots .dot {
width: 10px;
height: 10px;
background-color: #ccc;
border-radius: 50%;
cursor: pointer;
}
.template_home .cases .dots .dot.active {
background-color: #3498db;
}
.template_home .videos-row {
gap: 50px;
position: relative;
}
.template_home .videos .img-fluid {
position: absolute;
}
.template_home .videos .img-fluid.left {
position: absolute;
bottom: -60px;
left: 25%;
transform: translate(-50%, 0%);
}
.template_home .videos .img-fluid.right {
top: -80px;
right: 25%;
transform: translate(50%, 0%);
}
.template_home .otimization {
padding-bottom: 120px;
background-position: top;
position: relative;
}
@media (min-width: 767px) {
.template_home .otimization {
padding-bottom: 200px;
}
}
.template_home .otimization .img-fluid span {
position: absolute;
}
.template_home .otimization .img-fluid span.right {
right: 70px;
top: -25px;
}
@media (min-width: 767px) {
.template_home .otimization .img-fluid span.right {
right: 70px;
top: -25px;
}
}
.template_home .otimization .img-fluid span.right svg {
width: 60px;
height: auto;
}
@media (min-width: 767px) {
.template_home .otimization .img-fluid span.right svg {
width: 135px;
}
}
.template_home .otimization .img-fluid span.left {
bottom: -60px;
left: 0;
}
@media (min-width: 767px) {
.template_home .otimization .img-fluid span.left {
bottom: -125px;
}
}
.template_home .otimization .img-fluid span.left svg {
width: 80px;
height: auto;
}
@media (min-width: 767px) {
.template_home .otimization .img-fluid span.left svg {
width: 208px;
}
}
.template_home .otimization .content {
border-radius: 0px 0px 16px 16px;
}
.template_home .otimization .content p {
line-height: 1.6;
}
@media (min-width: 767px) {
.template_home .otimization .content {
max-width: 520px;
}
}
.template_home .otimization a {
background: #040c4f;
width: 100%;
}
.template_home .form {
position: relative;
}
.template_home .form label a {
color: blue;
transition: 0.3s ease all;
}
.template_home .form label a:hover {
opacity: 0.8;
}
.template_home .form .img-fluid {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0%);
display: none;
}
.template_home .form .img-fluid svg {
width: 250px;
height: auto;
}
@media (min-width: 1200px) {
.template_home .form .img-fluid svg {
width: 300px;
}
}
@media (min-width: 767px) {
.template_home .form .img-fluid {
display: flex;
transform: translate(-110%, 0%);
}
}
.template_home .form .cta-form {
gap: 20px;
border: 1px solid #c4c4c4;
border-radius: 10px;
text-decoration: none;
padding: 10px 15px;
border-radius: 100px;
width: max-content;
transition: 0.3s ease all;
}
.template_home .form .cta-form:hover {
opacity: 0.8;
}
@media (min-width: 767px) {
.template_home .form .cta-form {
padding: 17px 30px;
}
}
.template_home .form .form-block label {
display: block;
width: 100%;
}
.template_home .form .form-block .flex {
display: flex;
gap: 10px;
}
.template_home .form .form-block .flex p {
margin-top: 5px;
}
.template_home .form .form-block input, .template_home .form .form-block select {
display: block;
width: 100%;
max-width: 100%;
margin-top: 5px;
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.24);
width: 100%;
border-radius: 8px;
font-size: 16px;
font-weight: 400;
background: white;
}
.template_home .form .form-block input::placeholder, .template_home .form .form-block select::placeholder {
opacity: 0.5;
}
.template_home .form .form-block input[type=submit] {
background: #004fff;
color: #fff;
font-family: "Montserrat";
font-weight: 600;
font-size: 18px;
width: 100%;
text-align: center;
border: none;
padding: 12px;
border-radius: 8px;
cursor: pointer;
transition: 0.3s ease all;
}
.template_home .form .form-block input[type=submit]:hover {
opacity: 0.8;
}
.template_home .form .form-block input[type=submit]:disabled {
cursor: not-allowed;
}
.template_home .form .screen-reader-response {
display: none;
}
.template_home .form .wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: 400;
display: block;
margin-top: 5px;
}
.template_academic br {
display: none;
}
@media (min-width: 992px) {
.template_academic br {
display: block;
}
}
.template_academic .screen-reader-response {
font-size: 14px;
color: green;
margin-bottom: 20px;
}
.template_academic .wpcf7-not-valid-tip {
margin: 5px 0px;
font-size: 14px;
color: red;
}
@media (min-width: 767px) {
.template_academic .banner .content {
padding-right: 50px;
}
}
@media (min-width: 1200px) {
.template_academic .banner .content {
padding-right: 100px;
}
}
.template_academic .banner .form {
width: 100%;
max-width: 520px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 16px;
}
.template_academic .banner .form .input {
width: 100%;
margin-bottom: 24px;
}
.template_academic .banner .form option {
color: black;
}
.template_academic .banner .form input, .template_academic .banner .form select {
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 4px;
padding: 14px 20px;
color: white;
width: 100%;
font-family: "Inter", sans-serif;
}
.template_academic .banner .form input::placeholder, .template_academic .banner .form select::placeholder {
color: white;
}
.template_academic .banner .form input::-moz-placeholder, .template_academic .banner .form select::-moz-placeholder {
color: white;
}
.template_academic .banner .form input::-ms-input-placeholder, .template_academic .banner .form select::-ms-input-placeholder {
color: white;
}
.template_academic .banner .form .btn-form input {
background: #0a52ff;
font-size: 18px;
font-weight: bold;
padding: 24px 20px;
border-radius: 100px;
cursor: pointer;
transition: 0.3s ease all;
}
.template_academic .banner .form .btn-form input:hover {
opacity: 0.8;
}
.template_academic .banner .form .acpt_politica_privacidade {
display: inline-block;
margin-bottom: 32px;
color: white;
font-family: "Inter", sans-serif;
font-size: 14px;
line-height: 140%;
}
@media (min-width: 767px) {
.template_academic .banner .form .acpt_politica_privacidade {
font-size: 16px;
}
}
.template_academic .banner .form .acpt_politica_privacidade input {
margin-right: 10px;
width: fit-content;
}
.template_academic .basic-to-high {
position: relative;
}
.template_academic .basic-to-high .container {
position: relative;
}
.template_academic .basic-to-high .img-fluid {
position: absolute;
}
.template_academic .basic-to-high .img-fluid svg {
width: 100%;
height: auto;
}
.template_academic .basic-to-high .img-fluid-left {
left: 0;
top: 0;
}
@media (max-width: 767px) {
.template_academic .basic-to-high .img-fluid-left {
left: calc(100% - 85px);
width: 85px;
}
}
.template_academic .basic-to-high .img-fluid-right {
right: 0;
bottom: 0;
transform: translate(0%, 50%);
}
@media (max-width: 767px) {
.template_academic .basic-to-high .img-fluid-right {
width: 60px;
}
}
.template_academic .basic-to-high .list {
gap: 50px;
}
.template_academic .basic-to-high .list-item {
border-radius: 16px;
}
.template_academic .advantages {
position: relative;
}
.template_academic .advantages .img-fluid {
position: absolute;
left: 0;
bottom: 0;
display: flex;
}
@media (max-width: 767px) {
.template_academic .advantages .img-fluid {
width: 60px;
}
}
.template_academic .advantages .img-fluid svg {
width: 100%;
height: auto;
}
.template_academic .advantages .list {
max-width: 1030px;
}
.template_academic .advantages .list-item {
margin-bottom: 32px;
}
.template_academic .advantages .list-item span {
margin-right: 16px;
}
@media (min-width: 767px) {
.template_academic .advantages .list-item span {
margin-right: 35px;
}
}
.template_academic .advantages .list-item:last-child {
margin: 0;
}
.template_academic .frequent-questions .question {
margin-bottom: 20px;
}
.template_academic .frequent-questions .question .title {
background: transparent;
border: 1px solid #b6c4cc;
border-radius: 4px;
cursor: pointer;
}
.template_academic .frequent-questions .question .body {
overflow: hidden;
height: 0%;
transition: 0.3s ease all;
}
.template_academic .frequent-questions .question .title span {
transition: 0.3s ease all;
}
.template_academic .frequent-questions .question.active .title {
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.template_academic .frequent-questions .question.active .title span {
transform: rotate(180deg);
}
.template_academic .billet {
position: relative;
overflow: hidden;
}
.template_academic .billet .img-fluid {
position: absolute;
right: 0;
bottom: -10px;
display: flex;
}
.template_academic .billet .img-fluid svg {
width: 100px;
height: auto;
}
@media (min-width: 767px) {
.template_academic .billet .img-fluid svg {
width: 174px;
}
}
.template_academic .billet .container {
position: relative;
z-index: 1;
}
.template_academic .billet .bg-image {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 300px;
object-fit: cover;
}
@media (min-width: 992px) {
.template_academic .billet .bg-image {
position: absolute;
height: 100%;
width: 35%;
}
}
.template_academic .billet .content {
width: 100%;
max-width: 100%;
margin-left: auto;
}
@media (min-width: 992px) {
.template_academic .billet .content {
max-width: 540px;
}
}
.template_autentication {
background: #004fff;
}
.template_autentication br {
display: none;
}
@media (min-width: 1200px) {
.template_autentication br {
display: block;
}
}
.template_autentication .box-form {
max-width: 500px;
padding: 20px;
border-radius: 10px;
background: #fff;
}
.template_autentication input {
width: 100%;
padding: 10px;
border: 1px solid black;
}
.template_autentication #validar {
width: 100%;
background: #004fff;
border: none;
outline: none;
color: #fff;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 4px;
cursor: pointer;
transition: 0.3s ease all;
}
.template_autentication #validar:hover {
opacity: 0.8;
}
.template_melhorias br {
display: none;
}
@media (min-width: 1200px) {
.template_melhorias br {
display: block;
}
}
@media (max-width: 767px) {
.template_melhorias .banner img {
object-fit: cover;
min-height: 180px;
}
}
.template_melhorias .box-melhorias {
border: 1px solid black;
}
.template_melhorias .box-melhorias .desktop {
display: none;
}
.template_melhorias .box-melhorias .mobile {
display: block;
}
@media (min-width: 992px) {
.template_melhorias .box-melhorias .desktop {
display: block;
}
.template_melhorias .box-melhorias .mobile {
display: none;
}
}
.template_melhorias .box-melhorias h1,
.template_melhorias .box-melhorias h2,
.template_melhorias .box-melhorias h3,
.template_melhorias .box-melhorias h4,
.template_melhorias .box-melhorias h5,
.template_melhorias .box-melhorias h6,
.template_melhorias .box-melhorias p {
line-height: 1.2;
margin-bottom: 12px;
}
.template_melhorias .box-melhorias .box-item {
display: none;
}
.template_melhorias .box-melhorias .box-item.active {
display: block;
}
.template_melhorias .box-melhorias .titulo {
padding: 24px 12px;
flex: 1;
border-bottom: 1px solid black;
cursor: pointer;
min-width: fit-content;
}
.template_melhorias .box-melhorias .titulo.active {
font-weight: bold;
color: #ffb800;
border-bottom: 4px solid #ffb800;
}
.template_melhorias .box-melhorias .accordion.active .accordion-body {
height: 100%;
}
.template_melhorias .box-melhorias .accordion-body {
height: 0;
overflow: hidden;
border-bottom: 1px solid black;
}
.template_melhorias .list {
overflow-x: auto;
}
.hero {
min-height: 70vh;
padding-top: 200px;
}
.hero .content {
max-width: 650px;
}
.card {
border-radius: 16px;
overflow: hidden;
position: relative;
box-shadow: -1px 2px 8px rgba(0, 0, 0, 0.2901960784);
}
.card .content svg {
margin-left: 4px;
}
.card article {
height: 100%;
}
.card-big {
padding: 40px 32px;
min-height: 300px;
background-position: center;
}
.card-big .masc {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.19) 27%, rgba(2, 0, 0, 0.59) 59%);
}
.card-big .categories {
position: relative;
z-index: 1;
}
.card-big .content {
max-width: 660px;
position: relative;
z-index: 1;
}
@media (min-width: 767px) {
.card-big {
height: 542px;
}
}
.card-small {
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.card-small {
flex-direction: row;
}
}
.card-small .thumbnail {
width: 100%;
height: 160px;
}
@media (min-width: 992px) {
.card-small .thumbnail {
width: 180px;
height: 100%;
}
}
.card-small .thumbnail img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
@media (min-width: 992px) {
.card-small {
height: 170px;
}
}
.card-normal {
width: 100%;
max-width: 100%;
margin-bottom: 24px;
}
@media (min-width: 540px) and (max-width: 992px) {
.card-normal {
max-width: calc(50% - 12px);
}
.card-normal:nth-child(2n+2) {
margin-left: 24px;
}
}
@media (min-width: 992px) {
.card-normal {
max-width: calc(33.33% - 16px);
}
.card-normal:nth-child(3n+2) {
margin-left: 24px;
}
.card-normal:nth-child(3n+3) {
margin-left: 24px;
}
}
.card-normal .content {
height: calc(100% - 240px);
}
.card-normal .image {
height: 240px;
}
.card-normal .image img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: top center;
}
.posts .featured_posts {
display: flex;
flex-direction: column;
gap: 24px;
}
@media (min-width: 992px) {
.posts .featured_posts {
flex-direction: row;
}
}
.posts .featured_posts .column-1 {
flex: 1;
}
.posts .featured_posts .column-2 {
width: 100%;
gap: 16px;
}
@media (min-width: 767px) {
.posts .featured_posts .column-2 {
max-width: 100%;
}
}
@media (min-width: 992px) {
.posts .featured_posts .column-2 {
max-width: 40%;
}
}
@media (min-width: 1440px) {
.posts .featured_posts .column-2 {
max-width: 30%;
}
}
.posts #show-post {
cursor: pointer;
}
.pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 3px;
}
.pagination button {
display: block;
width: 28px;
height: 28px;
border: 1px solid #FFB800;
color: #000000;
transition: 0.3s ease all;
font-size: 14px;
border-radius: 6px;
background: white;
font-weight: bold;
cursor: pointer;
}
.pagination button:hover {
background: #FFB800;
}
.pagination button.active {
background: #FFB800;
cursor: auto;
}
.posts-categories .container {
display: flex;
flex-direction: column;
}
.posts-categories .container .search {
display: none;
}
.posts-categories .container .block-cta-filter {
display: block;
}
@media (min-width: 992px) {
.posts-categories .container {
flex-direction: row;
}
.posts-categories .container .search {
display: block;
}
.posts-categories .container .block-cta-filter {
display: none;
}
}
.posts-categories .container {
gap: 24px;
}
.posts-categories .postagens {
flex: 1;
min-height: 1200px;
}
@media (min-width: 1200px) {
.posts-categories .postagens {
min-height: 1700px;
}
}
.posts-categories .categorias {
width: 100%;
max-width: 300px;
}
.seach-title {
display: flex;
flex-direction: column-reverse;
align-items: start;
}
@media (min-width: 768px) {
.seach-title {
flex-direction: row;
justify-content: space-between;
}
}
.form-search {
width: 100%;
max-width: 500px;
}
.form-search .search {
border: 1px solid #DADADA;
height: 46px;
position: relative;
width: 100%;
max-width: 500px;
border-radius: 20px;
}
.form-search .search input {
width: 100%;
height: 100%;
border-radius: 20px;
padding: 5px 30px 5px 15px;
}
.form-search .search button {
position: absolute;
right: 0;
top: 1px;
background: transparent;
height: 44px;
padding-right: 20px;
cursor: pointer;
z-index: 1;
}
.single-post { }
.single-post .shared ul {
list-style: none !important;
padding: 0px;
gap: 12px;
}
.single-post .shared ul li a {
background: blue;
border-radius: 50%;
height: 40px;
width: 40px;
}
.single-post .block-content {
max-width: 880px;
font-size: 1.125rem;       }
.single-post .block-content h1,
.single-post .block-content h2,
.single-post .block-content h3,
.single-post .block-content h4,
.single-post .block-content h5,
.single-post .block-content h6 {
font-weight: bold;
margin-bottom: 16px;
line-height: 1.3;
color: #555;
}
.single-post .block-content h1 {
font-size: 32px;
}
.single-post .block-content h2 {
font-size: 28px;
padding-bottom: 8px;
}
.single-post .block-content h3 {
font-size: 24px;
}
.single-post .block-content h4 {
font-size: 20px;
}
.single-post .block-content h5,
.single-post .block-content h6 {
font-size: 18px;
}
.single-post .block-content p {
margin-bottom: 20px;
line-height: 1.7;
color: #777777;
}
.single-post .block-content a {
color: #0073e6;
text-decoration: none;
}
.single-post .block-content a:hover {
text-decoration: underline;
}
.single-post .block-content ul {
list-style: disc;
}
.single-post .block-content ol {
list-style: numeric;
}
.single-post .block-content ul,
.single-post .block-content ol {
margin-bottom: 20px;
padding-left: 20px;
color: #555;
}
.single-post .block-content ul li,
.single-post .block-content ol li {
margin-bottom: 10px;
}
.single-post .block-content img {
max-width: 100%;
height: auto;
border-radius: 6px;
margin-bottom: 24px;
}
.single-post .block-content blockquote {
font-style: italic;
border-left: 4px solid #0073e6;
padding-left: 16px;
margin: 20px 0;
color: #555;
}
.single-post .block-content code {
background-color: #eee;
padding: 2px 6px;
border-radius: 4px;
font-family: "Courier New", monospace;
}
.single-post .block-content pre {
background: #272822;
color: #f8f8f2;
padding: 16px;
border-radius: 6px;
overflow-x: auto;
font-size: 14px;
}
@media (min-width: 768px) {
.single-post .block-content {
font-size: 1.25rem;
}
.single-post .block-content h1 {
font-size: 36px;
}
.single-post .block-content h2 {
font-size: 30px;
}
.single-post .block-content h3 {
font-size: 26px;
}
}
.relative {
position: relative;
}
.loading-masc {
display: flex;
flex-wrap: wrap;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.loading-masc > div {
border-radius: 16px;
overflow: hidden;
position: relative;
box-shadow: -1px 2px 8px rgba(0, 0, 0, 0.2901960784);
height: 450px;
animation: shimmer 1.5s linear infinite;
background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
background-size: 200% 100%;
border-radius: 16px;
width: 100%;
max-width: 100%;
margin-bottom: 24px;
}
@media (min-width: 540px) and (max-width: 992px) {
.loading-masc > div {
max-width: calc(50% - 12px);
}
.loading-masc > div:nth-child(2n+2) {
margin-left: 24px;
}
}
@media (min-width: 992px) {
.loading-masc > div {
max-width: calc(33.33% - 16px);
}
.loading-masc > div:nth-child(3n+2) {
margin-left: 24px;
}
.loading-masc > div:nth-child(3n+3) {
margin-left: 24px;
}
}
@keyframes shimmer {
0% {
background-position: 100%;
}
100% {
background-position: -100%;
}
}
.template_thanks br {
display: none;
}
@media (min-width: 1200px) {
.template_thanks br {
display: block;
}
}
.template_thanks .banner {
padding: 300px 0px 150px 0px;
}
@media (min-width: 767px) {
.template_thanks .banner {
padding: 100px 0px;
height: 100vh;
}
}
.template_thanks .videos-row {
gap: 50px;
position: relative;
}
.template_thanks .videos .img-fluid {
position: absolute;
}
.template_thanks .videos .img-fluid.left {
position: absolute;
bottom: -60px;
left: 25%;
transform: translate(-50%, 0%);
}
.template_thanks .videos .img-fluid.right {
top: -80px;
right: 25%;
transform: translate(50%, 0%);
}
.newsletter {
background: #040c4f;
}
.newsletter .content {
max-width: 500px;
}
.newsletter .form {
color: white;
max-width: 420px;
}
.newsletter .form .wpcf7-list-item {
margin: 0;
}
.newsletter .form span {
display: block;
}
.newsletter .form .wpcf7-list-item-label {
display: inline-block;
}
.newsletter .form .wpcf7-not-valid-tip {
font-size: 12px;
}
.newsletter .form .wpcf7-acceptance label {
display: flex;
align-items: center;
gap: 12px;
line-height: 1.3;
}
.newsletter .form label {
margin-bottom: 16px;
}
.newsletter .form .input-submit {
display: flex;
justify-content: js;
}
.newsletter .form input[name=your-email] {
border: 1px solid #DADADA;
padding: 12px 16px;
border-radius: 16px;
width: 100%;
margin-bottom: 6px;
}
.newsletter .form input[type=submit] {
background: #ffb800;
color: white;
border-radius: 100px;
padding: 12px 24px;
cursor: pointer;
transition: 0.3s ease all;
margin-top: 12px;
display: block;
margin-left: auto;
margin-bottom: 6px;
}
.newsletter .form input[type=submit]:hover {
opacity: 0.8;
}
.template_404 .banner {
max-height: 800px;
min-height: 100vh;
padding: 120px 0px;
}