@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: mn;
    src: url(../../icons/mn/miranda-nacarato.eot);
    src: url(../../icons/mn/miranda-nacarato.eot?#iefix) format("embedded-opentype"), url(../../icons/mn/miranda-nacarato.woff) format("woff"), url(../../icons/mn/miranda-nacarato.ttf) format("truetype"),
        url(../../icons/mn/miranda-nacarato.svg#emblematic-soft-linear) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: esl;
    src: url(../../icons/esl/emblematic-soft-linear.eot);
    src: url(../../icons/esl/emblematic-soft-linear.eot?#iefix) format("embedded-opentype"), url(../../icons/esl/emblematic-soft-linear.woff) format("woff"), url(../../icons/esl/emblematic-soft-linear.ttf) format("truetype"),
        url(../../icons/esl/emblematic-soft-linear.svg#emblematic-soft-linear) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
* {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-kerning: normal;
    font-variant: normal;
    text-decoration: none;
    font-family: inherit;
    border: none;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: none;
    line-height: inherit;
    background: 0 0;
    position: relative;
}
body {
    width: 100vw;
    min-height: 100vh;
    display: block;
    color: normal;
    font-size: 100%;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    font-family: Saira, Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}
::-webkit-input-placeholder {
    opacity: 1;
}
::-moz-placeholder {
    opacity: 1;
}
:-ms-input-placeholder {
    opacity: 1;
}
:root {
    --gulf-blue: rgb(13, 17, 63);
    --bashful-pink: rgb(207, 73, 153);
    --creme: rgb(255, 250, 245);
    --cloud-brust: rgb(37, 38, 103);
}
.bg-color-gulf-blue {
    background-color: var(--gulf-blue);
}
.bg-color-bashful-pink {
    background-color: var(--bashful-pink);
}
.bg-color-creme {
    background-color: var(--creme);
}
.bg-color-cloud-brust {
    background-color: var(--cloud-brust);
}
.color-gulf-blue {
    color: var(--gulf-blue);
}
.color-bashful-pink {
    color: var(--bashful-pink);
}
.color-creme {
    color: var(--creme);
}
.color-cloud-brust {
    color: var(--cloud-brust);
}
.light {
    color: var(--creme);
}

.dark {
    color: var(--gulf-blue);
}
.sz-13 {
    font-size: 13.5pt;
}
.sz-18 {
    font-size: 18pt;
}
.sz-27 {
    font-size: 27pt;
}
.sz-36 {
    font-size: 36pt;
}
.sz-54 {
    font-size: 54pt;
}
.sz-72 {
    font-size: 72pt;
}
.sz-108 {
    font-size: 108pt;
}
.sz-144 {
    font-size: 144pt;
}
.strong 
{
    font-weight: 700;
}
#MainHeader {
    position: fixed;
    z-index: 2;
    width: 100%;
    padding: 40px 0 20px 0;
    top: 0;
}
#MainHeader::before{
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gulf-blue);
    transition: opacity 0.4s ease-in-out;
}
#MainHeader * {
    z-index: 2;
}
#MainHeader .logo {
    display: block;
    width: 12.5vw;
    transform-origin: left bottom;
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

#MainHeader .logo figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 35%;
}
#MainHeader .logo span {
    display: block;
    line-height: 100%;
    position: absolute;
    padding-left: 3.125vw;
    padding-right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
#MainHeader.covered .logo{
    transform: scale(0.75);
}

#MainHeader.covered{
    padding: 20px 0;
}

#MainHeader.covered::before{
    opacity: 1;
}

#MainHeader #PrimaryMenu {
    display: block;
    position: absolute;
    right: 3.125vw;
    top: 50%;
    transform: translateY(-50%);
}
#MainHeader #PrimaryMenu li {
    float: left;
    display: block;
    margin-left: 40px;
}
#MainHeader #PrimaryMenu li.phone {
    padding-top: 8px;
    font-size: 14pt;
}
#MainHeader #MainNavController {
    display: block;
    appearance: none;
    cursor: pointer;
    overflow: hidden;
    width: 40px;
    height: 40px;
}
#MainHeader #MainNavController::after,
#MainHeader #MainNavController::before {
    font-family: esl;
    font-size: 24pt;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
#MainHeader #MainNavController::before {
    content: "\42";
    left: 50%;
}
#MainHeader #MainNavController::after {
    content: "\6b";
    left: 150%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
#MainHeader #MainNavController:hover::before {
    left: -50%;
}
#MainHeader #MainNavController:hover::after {
    left: 50%;
}
#MainHeader #MainNavController[aria-expanded="true"]::before {
    left: -50%;
}
#MainHeader #MainNavController[aria-expanded="true"]::after {
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(0);
}
#MainHeader #MainNav {
    position: fixed;
    z-index: 1;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
#MainHeader #MainNav.show {
    top: 0;
}
#MainHeader #MainNav ul {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#MainHeader #MainNav ul li {
    display: block;
}
#MainHeader #MainNav ul li.phone {
    display: none;
    margin-top: 20px;
}
#MainHeader #MainNav ul li a {
    font-size: 32pt;
    line-height: 140%;
    display: block;
    overflow: hidden;
    color: var(--creme);
    padding-bottom: 0;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
#MainHeader #MainNav ul li.phone a {
    font-size: 18pt;
}
#MainHeader #MainNav ul li a::after {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--creme);
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
#MainHeader #MainNav ul li a:hover {
    color: var(--bashful-pink);
    padding-bottom: 10px;
}
#MainHeader #MainNav ul li a:hover::after {
    top: 0;
}
#MainHeader #MainNav::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gulf-blue);
    opacity: 0.85;
}
#Banner {
    overflow: hidden;
    height: 100vh;
    min-height: 800px;
}
#Banner .canvas,
#Banner video {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    background-color: var(--gulf-blue);
}
#Banner video {
    width: 100%;
    z-index: 1;
}
#Banner .canvas {
    height: 100vh;
    z-index: 1;
}
#Banner .message {
    display: block;
    color: var(--creme);
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: 60px;
    transform: translateY(-50%);
    z-index: 1;
}
#Banner .message > div:first-child {
    margin-left: 12.5vw;
    padding-left: 20px;
    overflow: hidden;
}
#Banner .message > div:first-child > span {
    font-size: 72pt;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    line-height: 140%;
    animation-name: fromLeftFade;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
#Banner .message > div > span:nth-child(1) {
    animation-delay: 0s;
}
#Banner .message > div > span:nth-child(2) {
    animation-delay: 0.5s;
}
#Banner .message > div > span:nth-child(3) {
    animation-delay: 1s;
}
#Banner .message > div:last-child {
    width: 25vw;
    margin-left: auto;
    margin-right: 12.5vw;
    padding-right: 20px;
    text-align: right;
    font-size: 27pt;
    line-height: 140%;
    animation-name: fromBottomFade;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    animation-delay: 1.5s;
}
#Banner .message > div:last-child::before {
    content: "a";
    font-family: mn;
    display: block;
    transform-origin: top right;
    transform: rotateZ(-45deg);
    margin-right: 20px;
    margin-bottom: 20px;
}
@keyframes fromLeftFade {
    from {
        left: -100%;
        opacity: 0;
    }
    to {
        left: 0;
        opacity: 1;
    }
}
@-webkit-keyframes fromLeftFade {
    from {
        left: -100%;
        opacity: 0;
    }
    to {
        left: 0;
        opacity: 1;
    }
}
@keyframes fromBottomFade {
    from {
        bottom: -100%;
        opacity: 0;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}
@-webkit-keyframes fromBottomFade {
    from {
        bottom: -100%;
        opacity: 0;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}
#Overture {
    margin-top: 120px;
    overflow: hidden;
    background-color: var(--gulf-blue);
}
#Overture > div {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
}
#Overture > div,
#Overture > section {
    padding: 160px 0 120px 0;
}
#Overture > div::before {
    content: "";
    background-position: center;
    background-size: 160%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    bottom: 0;
}
#Overture.cover-01 > div::before {
    background-size: 160%;
    background-image: url(../../img/covers/Cover-01.jpg);
}
#Overture.cover-02 > div::before {
    background-size: 180%;
    background-image: url(../../img/covers/Cover-02.jpg);
    opacity: 0.8;
}
#Overture.cover-03 > div::before {
    background-image: url(../../img/covers/Cover-03.jpg);
    opacity: 0.8;
}
#Overture > div > header {
    padding-right: 6.25vw;
}
#Overture > section {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 12.5vw;
}
#Overture > section p {
    font-weight: 300;
    color: var(--creme);
    padding-right: 20px;
    margin-bottom: 20px;
    font-size: 13.5pt;
    line-height: 140%;
}
#Manchete {
    background-color: var(--gulf-blue);
    padding: 100px 12.5vw;
    overflow: hidden;
}
#Manchete > aside,
#Manchete > section {
    float: left;
    width: 50%;
    box-sizing: border-box;
}
#Manchete > section {
    padding: 0 6.25vw 0 20px;
}
#Manchete > section > header {
    padding-bottom: 80px;
}
#Manchete > section article header {
    display: table;
    table-layout: fixed;
    margin-bottom: 20px;
}
#Manchete > section article header figure {
    width: 60px;
    padding-right: 20px;
    display: table-cell;
}
#Manchete > section article header h3 {
    font-size: 27pt;
    color: var(--bashful-pink);
    font-weight: 700;
    line-height: 120%;
    display: table-cell;
}
#Manchete > section article p {
    padding-left: 80px;
    font-size: 18pt;
    line-height: 140%;
}
#Manchete > section article footer {
    margin-top: 60px;
    padding-left: 80px;
}
#Manchete > section article footer a {
    width: 16.75vw;
}
#Manchete > aside li {
    display: block;
    float: left;
    box-sizing: border-box;
    padding: 20px;
    width: 50%;
}
#Manchete > aside li a {
    display: block;
    background-color: var(--gulf-blue);
    border-radius: 10px;
    box-shadow: 0 10px 36px -12px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
}
#Manchete > aside li a:focus,
#Manchete > aside li a:hover {
    background-color: var(--bashful-pink);
}
#Manchete > aside li a::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
#Manchete > aside li:not(:last-of-type) a div {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#Manchete > aside li:not(:last-of-type) a div figure {
    margin: auto;
    width: 6.25vw;
    padding-bottom: 30px;
}
#Manchete > aside li:not(:last-of-type) a div span {
    font-size: 18pt;
    font-weight: 500;
}
#Manchete > aside li:last-of-type a div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 40px;
}
#Manchete > aside li:last-of-type a div span {
    display: block;
}
#Manchete > aside li:last-of-type a div span:first-child {
    font-size: 18.5pt;
    line-height: 120%;
}
#Manchete > aside li:last-of-type a div span:last-child {
    margin-top: 30px;
    margin-left: -10px;
    font-size: 36pt;
}
#Spotlight {
    padding: 100px 12.5vw;
    overflow: hidden;
}
#Spotlight > header,
#Spotlight > section {
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
}
#Spotlight > header {
    width: 43.75vw;
}
#Spotlight > section {
    font-size: 13.5pt;
    width: 31.25vw;
}
#Spotlight > section p {
    line-height: 140%;
}
#Testimonials {
    overflow: hidden;
    padding: 100px 6.25vw 60px 12.5vw;
}
#Testimonials > header,
#Testimonials > section {
    float: left;
    box-sizing: border-box;
}
#Testimonials > header {
    width: 31.25vw;
    padding: 0 20px;
    z-index: 1;
}
#Testimonials > section {
    width: 50vw;
}
#Testimonials > section > div {
    width: 200vw;
    overflow: hidden;
    transition: left 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
#Testimonials > section > div[data-current="0"] {
    left: 0;
}
#Testimonials > section > div[data-current="1"] {
    left: -100%;
}
#Testimonials > section > div[data-current="2"] {
    left: -200%;
}
#Testimonials > section > div[data-current="3"] {
    left: -300%;
}
#Testimonials > section article {
    width: 25%;
    padding: 0 6.25vw;
    float: left;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
#Testimonials > section > div[data-current="0"] article:nth-child(1) {
    opacity: 1;
}
#Testimonials > section > div[data-current="1"] article:nth-child(2) {
    opacity: 1;
}
#Testimonials > section > div[data-current="2"] article:nth-child(3) {
    opacity: 1;
}
#Testimonials > section > div[data-current="3"] article:nth-child(4) {
    opacity: 1;
}
#Testimonials > section article blockquote {
    font-size: 18pt;
    line-height: 140%;
    padding: 0 20px;
}
#Testimonials > section article cite {
    padding: 0 20px;
    display: block;
    margin-top: 40px;
    font-size: 18pt;
    font-weight: 700;
    color: var(--bashful-pink);
}
#Testimonials > section ul {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#Testimonials > section ul li {
    display: block;
    width: 6.25vw;
    box-sizing: border-box;
    padding: 0 20px;
}
#Testimonials > section ul li:first-of-type {
    float: left;
    text-align: right;
}
#Testimonials > section ul li:last-of-type {
    float: right;
    text-align: left;
}
#Testimonials > section ul li button {
    font-size: 27pt;
    cursor: pointer;
}
#Pillars > article {
    overflow: hidden;
}
#Pillars > article.right {
    padding: 0 18.75vw 0 12.5vw;
}
#Pillars > article.left {
    padding: 0 12.5vw 0 18.75vw;
}
#Pillars > article figure,
#Pillars > article section {
    float: left;
    box-sizing: border-box;
}
#Pillars > article.left figure,
#Pillars > article.left section {
    float: right;
}
#Pillars > article figure {
    width: 25vw;
    padding: 20px;
}
#Pillars > article figure div {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.3);
}
#Pillars > article figure div::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
}
#Pillars > article figure div img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#Pillars > article figure div span {
    font-size: 108pt;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    color: var(--creme);
}
#Pillars > article section {
    width: 43.75vw;
    padding-top: 80px;
}
#Pillars > article.right section {
    text-align: left;
    padding-left: 60px;
}
#Pillars > article.left section {
    text-align: right;
    padding-right: 60px;
}
#Pillars > article section h3 {
    font-size: 27pt;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 140%;
    padding-bottom: 20px;
}
#Pillars > article section p {
    font-size: 18pt;
    line-height: 160%;
}
#TeamBar {
    padding: 0 12.5vw;
    padding-bottom: 40px;
    overflow: hidden;
    z-index: 0;
}
#TeamBar > .ornamentoFundo {
    content: "";
    background-color: var(--gulf-blue);
    border-top: 4px solid var(--bashful-pink);
    display: block;
    position: absolute;
    top: 140px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
#TeamBar > ul {
    width: 12.5vw;
    padding: 40px 0;
    padding-bottom: 45px;
    margin: 0 auto;
    overflow: hidden;
}
#TeamBar > ul li {
    display: block;
    float: left;
    width: 100%;
}
#TeamBar > ul article {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
#TeamBar > ul article * {
    transition: inherit;
}
#TeamBar > ul article figure {
    overflow: hidden;
    padding-bottom: 20px;
    z-index: 1;
}
#TeamBar > ul article figure div {
    overflow: hidden;
    margin: 20px;
    border-radius: 50%;
    background-color: var(--cloud-brust);
    box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.3);
}
#TeamBar > ul article figure div::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
}
#TeamBar > ul article figure div img {
    position: absolute;
    width: 110%;
    height: 110%;
    /* filter: grayscale(100%);
    mix-blend-mode: overlay; */
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#TeamBar > ul article figure figcaption {
    font-size: 12pt;
    line-height: 140%;
    padding: 0 10px;
    color: var(--creme);
    text-align: center;
}
#TeamBar > ul article footer {
    position: absolute;
    width: 100%;
    z-index: 0;
    bottom: 0;
    opacity: 0;
}
#TeamBar > ul article footer a {
    text-align: center;
    display: block;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    font-weight: 500;
    color: var(--creme);
    background-color: var(--bashful-pink);
}
/* #TeamBar > ul article:focus,
#TeamBar > ul article:hover {
    box-shadow: 0 12px 36px -8px rgba(0, 0, 0, 0.3);
    padding-bottom: 45px;
    margin-bottom: -45px;
}
#TeamBar > ul article:focus figure,
#TeamBar > ul article:hover figure {
    background-color: var(--creme);
}
#TeamBar > ul article:focus figure div,
#TeamBar > ul article:hover figure div {
    box-shadow: 0 0 0 0 transparent;
}
#TeamBar > ul article:focus figure div img,
#TeamBar > ul article:hover figure div img {
    filter: grayscale(0);
    mix-blend-mode: normal;
}
#TeamBar > ul article:focus figure figcaption,
#TeamBar > ul article:hover figure figcaption {
    color: var(--gulf-blue);
}
#TeamBar > ul article:focus footer,
#TeamBar > ul article:hover footer {
    opacity: 1;
} */
#TeamBar > footer {
    display: block;
    margin: 40px auto;
    margin-top: 20px;
    width: 25vw;
    padding: 0 20px;
    box-sizing: border-box;
}
#TeamBar > footer a {
    display: block;
}
#Informative {
    background-color: var(--gulf-blue);
    padding: 80px 12.5vw;
    padding-bottom: 140px;
    overflow: hidden;
}
#Informative > header,
#Informative > section {
    float: left;
    box-sizing: border-box;
}
#Informative > header {
    padding: 0 20px;
    width: 25vw;
}
#Informative > header .text:first-of-type {
    margin-top: 10px;
    margin-bottom: 80px;
}
#Informative > section {
    width: 50vw;
    margin: -40px 0;
}
#Informative > section > .carousel {
    padding: 40px 0;
    margin: 0 -10px;
    overflow: hidden;
}
#Informative > section > .carousel::after {
    content: "";
    display: block;
    margin: 20px 0;
    padding-bottom: 25vw;
}
#Informative > section article {
    left: 30px;
    right: 30px;
    position: absolute;
    padding: 20px 0;
    margin-top: 0;
    transition-property: opacity, top, margin-top;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
#Informative > section article > div {
    overflow: hidden;
    box-shadow: 0 8px 36px -8px rgba(0, 0, 0, 0.3);
    background-color: var(--gulf-blue);
}
#Informative > section article > div::before {
    content: "";
    display: block;
    width: 12.5vw;
    border-top: 4px solid var(--bashful-pink);
    position: absolute;
    left: 0;
    top: -4px;
}
#Informative > section article[data-order="0"] {
    top: -50%;
    opacity: 0;
}
#Informative > section article[data-order="1"] {
    top: 0;
    margin-top: 20px;
}
#Informative > section article[data-order="2"] {
    top: 50%;
}
#Informative > section article[data-order="3"] {
    top: 100%;
    opacity: 0;
}
#Informative > section article[data-order="4"] {
    top: 100%;
    opacity: 0;
}
#Informative > section article[data-order="5"] {
    top: 100%;
    opacity: 0;
}
#Informative > section article figure {
    width: 12.5vw;
    height: 12.5vw;
    overflow: hidden;
    float: left;
}
#Informative > section article figure img {
    display: block;
    position: absolute;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#Informative > section article section {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 12.5vw;
    right: 120px;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
#Informative > section article section header {
    box-sizing: border-box;
    height: 60px;
    padding: 10px 20px 0 40px;
    position: absolute;
    width: 100%;
}
#Informative > section article section h3 {
    font-size: 22pt;
    font-weight: 700;
    line-height: 140%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#Informative > section article section p {
    font-size: 13.5pt;
    line-height: 160%;
    position: absolute;
    box-sizing: border-box;
    padding: 10px 40px;
    width: 100%;
    top: 60px;
    bottom: 76px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#Informative > section article section p::after {
    content: "...";
    display: block;
    position: absolute;
    bottom: 0;
    right: 20px;
    font-size: 18pt;
    opacity: 0;
}
#Informative > section article section aside {
    font-size: 11pt;
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 76px;
    padding: 0 20px 0 40px;
    box-sizing: border-box;
}
#Informative > section article section aside ul {
    display: block;
    padding: 20px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#Informative > section article section aside ul li {
    display: inline-block;
    padding-right: 10px;
    line-break: 140%;
    padding-bottom: 11px;
}
#Informative > section article section aside ul li a.bt-line {
    margin-bottom: -11px;
}
#Informative > section article section aside ul li a:focus,
#Informative > section article section aside ul li a:hover {
    color: var(--creme);
}
#Informative > section article footer {
    position: absolute;
    right: 0;
    height: 100%;
    width: 120px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 20px;
}
#Informative > section article footer > * {
    margin: 15px 0;
}
#Informative > section article footer::before {
    content: "";
    background-color: var(--bashful-pink);
    opacity: 0.15;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#Informative > section article footer i {
    font-size: 32pt;
}
#Informative > section article footer span:first-of-type {
    font-size: 42pt;
    line-height: 100%;
}
#Informative > section article footer span:last-of-type {
    font-size: 18pt;
    line-height: 120%;
}
#Informative > section > ul {
    display: block;
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: 50%;
}
#Informative > section > ul li {
    display: block;
    position: absolute;
    font-size: 27pt;
    transform: translateX(-50%);
}
#Informative > section > ul li:first-of-type {
    top: 0;
}
#Informative > section > ul li:last-of-type {
    bottom: 0;
}
#Informative > section > ul li button {
    cursor: pointer;
}
#MemberPresentation {
    padding: 80px 0;
    overflow: hidden;
}
#MemberPresentation > aside {
    border-bottom: 2px solid var(--cloud-brust);
    margin: 0 12.5vw;
    padding-bottom: 30px;
}
#MemberPresentation > aside::after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border-top: 2px solid var(--cloud-brust);
    border-left: 2px solid var(--cloud-brust);
    background: var(--creme);
    transform-origin: center center;
    transform: rotateZ(45deg) translateX(-50%);
    position: absolute;
    bottom: -24px;
    left: 50%;
}
#MemberPresentation > aside ul::after {
    content: "";
    display: block;
    width: 25%;
    padding-bottom: 25%;
}
#MemberPresentation > aside li {
    display: block;
    position: absolute;
    width: 12.5%;
    box-sizing: border-box;
    padding: 0 20px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    transition-property: left, width;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
#MemberPresentation > aside li figure {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
    background-color: var(--cloud-brust);
    box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.3);
}
#MemberPresentation > aside li figure::after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
}
#MemberPresentation > aside li figure img {
    position: absolute;
    width: 105%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    filter: grayscale(100%);
    mix-blend-mode: overlay;
    transition: filter 0.4s ease-in-out;
}
#MemberPresentation > aside li[data-order="0"] {
    left: 31.25%;
}
#MemberPresentation > aside li[data-order="1"] {
    width: 25%;
    left: 50%;
}
#MemberPresentation > aside li[data-order="2"] {
    left: 68.75%;
}
#MemberPresentation > aside li[data-order="3"] {
    left: 81.25%;
}
#MemberPresentation > aside li[data-order="4"] {
    left: 18.75%;
}
#MemberPresentation > aside li[data-order="1"] figure img {
    filter: grayscale(0);
    mix-blend-mode: normal;
}
#MemberPresentation > aside footer {
    position: absolute;
    box-sizing: border-box;
    margin-top: -15px;
    top: 50%;
    left: -3.15vw;
    right: -3.25vw;
    transform: translateY(-50%);
}
#MemberPresentation > aside footer button {
    display: block;
    cursor: pointer;
    font-size: 27pt;
    color: var(--gulf-blue);
}
#MemberPresentation > aside footer button:first-child {
    float: left;
}
#MemberPresentation > aside footer button:last-child {
    float: right;
}
#MemberPresentation > section {
    margin: 40px 0;
    overflow: hidden;
    width: 700vw;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
#MemberPresentation > section[data-current="0"] {
    left: 0;
}
#MemberPresentation > section[data-current="1"] {
    left: -100vw;
}
#MemberPresentation > section[data-current="2"] {
    left: -200vw;
}
#MemberPresentation > section[data-current="3"] {
    left: -300vw;
}
#MemberPresentation > section[data-current="4"] {
    left: -400vw;
}
#MemberPresentation > section article {
    width: 100vw;
    box-sizing: border-box;
    float: left;
    padding: 0 12.5vw;
    color: var(--gulf-blue);
}
#MemberPresentation > section article header {
    text-align: center;
    font-size: 27pt;
    line-height: 120%;
    font-weight: 700;
    padding: 20px;
}
#MemberPresentation > section article header figure {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    display: none;
}
#MemberPresentation > section article header figure img {
    width: 105%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#MemberPresentation > section article section {
    font-size: 13.5pt;
    line-height: 160%;
    padding: 20px;
}
#MemberPresentation > section article section h3 {
    font-weight: 700;
    margin-top: 20px;
}
#ServicePresentation {
    padding: 80px 0 40px 0;
    width: 100vw;
    overflow: hidden;
    color: var(--gulf-blue);
}
#ServicePresentation > div {
    width: 800vw;
    overflow: hidden;
    transition: left 0.7s cubic-bezier(0.86, 0, 0.07, 1);
}
#ServicePresentation > div[data-current="0"] {
    left: 0;
}
#ServicePresentation > div[data-current="1"] {
    left: -100vw;
}
#ServicePresentation > div[data-current="2"] {
    left: -200vw;
}
#ServicePresentation > div[data-current="3"] {
    left: -300vw;
}
#ServicePresentation > div[data-current="4"] {
    left: -400vw;
}
#ServicePresentation > div[data-current="5"] {
    left: -500vw;
}
#ServicePresentation > div[data-current="6"] {
    left: -600vw;
}
#ServicePresentation > div[data-current="7"] {
    left: -700vw;
}
#ServicePresentation > div article {
    width: 100vw;
    padding: 0 12.5vw;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
}
#ServicePresentation > div article > figure,
#ServicePresentation > div article > section {
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
}
#ServicePresentation > div article > figure {
    width: 12.5vw;
}
#ServicePresentation > div article > section {
    width: 62.5vw;
}
#ServicePresentation > div article > section header {
    font-size: 36pt;
    line-height: 140%;
    font-weight: 700;
    padding-bottom: 40px;
}
#ServicePresentation > div article > section ul {
    margin-left: 25px;
}
#ServicePresentation > aside {
    padding-left: 12.5vw;
    margin: 40px 0;
}
#ServicePresentation > aside header {
    font-size: 27pt;
    line-height: 120%;
    font-weight: 700;
    padding: 0 20px;
    margin-bottom: 20px;
}
#ServicePresentation > aside ul {
    padding-bottom: 60px;
    overflow: hidden;
}
#ServicePresentation > aside li {
    display: block;
    box-sizing: border-box;
    float: left;
    width: 6.25vw;
    cursor: pointer;
}

#ServicePresentation > aside li div {
    position: relative;
    display: block;
    background-color: var(--gulf-blue);
    padding: 10px;
    margin: 0 20px;
    color: var(--creme);
    border-radius: 5px;
    z-index: 0;
    transition-duration: 0.4s;
    transition-property: padding-bottom, background-color, margin-bottom;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
#ServicePresentation > aside li div > span {
    font-size: 11pt;
    position: absolute;
    bottom: 0;
    white-space: nowrap;
    padding: 10px;
    bottom: 0;
    background-color: var(--gulf-blue);
    border-radius: 5px;
    z-index: -1;
    opacity: 0;
    transform-origin: left;
    left: 0;
    transform: scaleX(0);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}

#ServicePresentation > aside li div[aria-selected="true"]{
    background-color: var(--bashful-pink);
}
#ServicePresentation > aside li div:hover{
    background-color: var(--bashful-pink);
    padding-bottom: 60px;
    margin-bottom: -60px;
}
#ServicePresentation > aside li div:hover > span{
    opacity: 1;
    background-color: var(--bashful-pink);
    transform: scaleX(1);
}
#Contato {
    padding: 80px 12.5vw;
    overflow: hidden;
}
#Contato > header,
#Contato > section {
    box-sizing: border-box;
    float: left;
}
#Contato > header {
    padding-left: 20px;
    padding-right: 6.25vw;
    width: 31.25vw;
}
#Contato > header h2 {
    color: var(--gulf-blue);
}
#Contato > header address {
    padding-top: 50px;
}
#Contato > header address p {
    margin: 15px 0;
    padding-left: 30px;
    line-height: 140%;
}
#Contato > header address p > i {
    margin-left: -30px;
    margin-right: 10px;
}
#Contato > section {
    padding: 0 20px;
    padding-top: 80px;
    width: 43.75vw;
}
#Contato > section input,
#Contato > section textarea {
    display: block;
    border-bottom: 1px solid;
    color: var(--gulf-blue);
    padding: 10px 0;
    margin: 25px 0;
    text-transform: uppercase;
    font-size: 18pt;
    width: 100%;
}
#Contato > section button[name="bt-send"] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 18pt;
    background-color: var(--bashful-pink);
    color: var(--creme);
    position: absolute;
    top: -55px;
    right: 0;
    cursor: pointer;
    box-shadow: 0 4px 18px -4px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
}
#Contato > section button[name="bt-send"]:focus,
#Contato > section button[name="bt-send"]:hover {
    background-color: var(--creme);
    color: var(--bashful-pink);
}
#MemberPresentation + #Contato,
#ServicePresentation + #Contato,
#TeamBar + #Contato {
    background-color: var(--gulf-blue);
}
#MemberPresentation + #Contato > header h2,
#ServicePresentation + #Contato > header h2,
#TeamBar + #Contato > header h2 {
    color: var(--creme);
}
#MemberPresentation + #Contato > section input,
#MemberPresentation + #Contato > section textarea,
#ServicePresentation + #Contato > section input,
#ServicePresentation + #Contato > section textarea,
#TeamBar + #Contato > section input,
#TeamBar + #Contato > section textarea {
    color: var(--creme);
}
#QuickAccessSocial {
    position: fixed;
    padding-left: 3.125vw;
    padding-bottom: 30px;
    bottom: 0;
    left: 0;
    z-index: 1;
}
#QuickAccessSocial li {
    display: block;
    margin: 20px 0;
    font-size: 13.5pt;
}
#QuickAccessSocial li a:hover {
    color: var(--bashful-pink);
}
#MainFooter {
    padding: 40px 6.25vw;
    overflow: hidden;
    color: var(--gulf-blue);
}
#MainFooter figure {
    padding-left: 20px;
    box-sizing: border-box;
    width: 6.25vw;
    float: left;
}
#MainFooter figure::before {
    content: "";
    display: block;
    padding-bottom: 60%;
}
#MainFooter figure span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#MainFooter > a:last-of-type {
    display: block;
    font-size: 36pt;
    float: right;
}
#MemberPresentation + #Contato ~ #MainFooter,
#ServicePresentation + #Contato ~ #MainFooter,
#TeamBar + #Contato ~ #MainFooter {
    color: var(--creme);
    background-color: var(--gulf-blue);
}
.bt-basic {
    font-size: 13.5pt;
    font-weight: 300;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    z-index: 0;
    transition: color 0.4s ease-in-out;
}
.bt-basic::before {
    content: "";
    background-color: #000;
    display: block;
    width: 120%;
    padding-bottom: 120%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    z-index: -1;
    transition: transform 0.55s cubic-bezier(0.86, 0, 0.07, 1);
}
.bt-basic:hover::before {
    transform: translateX(-50%) translateY(-50%) scale(1);
}
.bt-basic.bashful-pink {
    color: var(--creme);
    background-color: var(--bashful-pink);
}
.bt-basic.bashful-pink::before {
    background-color: var(--creme);
}
.bt-basic.bashful-pink:hover {
    color: var(--bashful-pink);
}
.bt-basic.gulf-blue {
    color: var(--creme);
    background-color: var(--gulf-blue);
}
.bt-basic.gulf-blue::before {
    background-color: var(--creme);
}
.bt-basic.gulf-blue:hover {
    color: var(--gulf-blue);
}
.bt-basic.creme {
    color: var(--bashful-pink);
    background-color: var(--creme);
}
.bt-basic.creme::before {
    background-color: var(--bashful-pink);
}
.bt-basic.creme:hover {
    color: var(--creme);
}
.link-basic {
    padding: 0;
    margin: 0;
    line-height: 100%;
    text-transform: none;
}
.link-basic::after {
    content: "\61";
    font-family: mn;
    font-size: 12pt;
    padding-left: 10px;
}
.link-basic.bashful-pink {
    color: var(--bashful-pink);
}
.link-basic.bashful-pink:hover {
    color: var(--creme);
}
.bt-line {
    text-transform: lowercase;
    text-align: center;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease-in-out;
}
.bt-line::after,
.bt-line::before {
    content: "";
    box-sizing: border-box;
    display: block;
    position: absolute;
    border-radius: 5px;
}
.bt-line::after {
    border: 2px solid;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.bt-line::before {
    background-color: #000;
    z-index: -1;
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotateZ(45deg) scale(0);
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
.bt-line:hover::before {
    transform: translateX(-50%) translateY(-50%) rotateZ(45deg) scale(1.1);
}
.bt-line.bashful-pink {
    color: var(--bashful-pink);
}
.bt-line.bashful-pink::after {
    border-color: var(--bashful-pink);
}
.bt-line.bashful-pink::before {
    background-color: var(--bashful-pink);
}
.bt-line.bashful-pink:focus,
.bt-line.bashful-pink:hover {
    color: var(--creme);
}
header.masterHeading > * {
    border-left: 4px solid var(--bashful-pink);
    padding-left: 20px;
}
header.masterHeading .title {
    font-size: 54pt;
    line-height: 120%;
    text-transform: uppercase;
    font-weight: 700;
}
header.masterHeading .text {
    font-weight: 300;
    text-transform: none;
    line-height: 120%;
}
header.masterHeading.right > * {
    text-align: right;
    border-left: none;
    padding-right: 20px;
    border-right: 4px solid var(--bashful-pink);
}
header.masterHeading.gulf-blue > * {
    border-color: var(--gulf-blue);
}
.list li {
    display: block;
    margin-bottom: 15px;
    line-height: 140%;
}
.list li::before {
    content: "\6f";
    font-family: esl;
    margin-left: -25px;
    margin-right: 8px;
}
p.paragraph {
    font-size: 13.5pt;
    line-height: 140%;
}

.subTitle{
    font-size: 13.5pt;
    line-height: 140%;
    font-weight: 700;
    margin-top: 25px;
}

button[id^="hintButton_"] {
    color: var(--creme);
    cursor: pointer;
    background: #ff3c55;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    z-index: 10;
}
button[id^="hintButton_"][aria-hidden="true"] {
    display: none;
}
button[id^="hintButton_"]::before {
    content: "\47";
    font-family: esl;
    line-height: 140%;
    font-size: 10pt;
    margin-top: -3px;
    display: block;
}
div[id^="errorMsgBase_"] {
    background: #ff3c55;
    color: var(--creme);
    border-radius: 3px;
    box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.25);
    font-size: 12pt;
    line-height: 140%;
    font-weight: 400;
    padding: 10px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    right: 0;
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
div[id^="errorMsgBase_"].hide {
    opacity: 0;
    margin-right: 0;
    transform: translateY(-50%) translateX(100%);
}
div[id^="errorMsgBase_"].show {
    opacity: 1;
    margin-right: 45px;
    transform: translateY(-50%) translateX(0);
}
div[id^="errorMsgBase_"]::before {
    content: "";
    background: inherit;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: rotateZ(45deg) translateY(-50%);
    right: 0;
}
div[id^="errorMsgBase_"] span {
    display: block;
}
div[id^="errorMsgBase_"] span.errorHint {
    margin-top: 10px;
    border-top: solid 1px rgba(0, 0, 0, 0.15);
    padding-top: 10px;
}
@media (max-width: 1440px) {
    #Banner .message > div:first-child {
        margin-left: 6.25vw;
    }
    #Banner .message > div:first-child > span {
        font-size: 63pt;
        line-height: 120%;
    }
    #Banner .message > div:last-child {
        width: 31.25vw;
        margin-right: 6.25vw;
        font-size: 22.5pt;
    }
    #Banner .message > div:last-child::before {
        margin-right: 10px;
    }
    #Manchete {
        padding: 100px 6.25vw;
    }
    #Manchete > section article header figure {
        width: 40px;
    }
    #Manchete > section article header h3 {
        font-size: 22.5pt;
    }
    #Manchete > section article p {
        padding-left: 60px;
        font-size: 13.5pt;
    }
    #Manchete > section article footer {
        padding-left: 60px;
    }
    #Manchete > section article footer a {
        width: 25vw;
    }
    #Manchete > aside li:not(:last-of-type) a div figure {
        padding-bottom: 20px;
    }
    #Manchete > aside li:not(:last-of-type) a div span {
        font-size: 13.5pt;
    }
    #Manchete > aside li:last-of-type a div span:first-child {
        font-size: 13.5pt;
        line-height: 160%;
    }
    #Testimonials {
        padding: 100px 3.125vw 60px 6.25vw;
    }
    #Testimonials > section {
        width: 56.25vw;
    }
    #Testimonials > section article blockquote,
    #Testimonials > section article cite {
        font-size: 13.5pt;
    }
    #TeamBar {
        padding: 0 6.25vw;
    }
    #TeamBar > ul {
        width: 18.75vw;
    }
    #TeamBar > .ornamentoFundo {
        top: 125px;
    }
    #Informative {
        padding: 80px 6.25vw;
        padding-bottom: 140px;
    }
    #Informative > header {
        width: 31.25vw;
    }
    #Informative > section {
        width: 56.25vw;
    }
    #Contato {
        padding: 80px 6.25vw;
    }
    #Contato > header {
        width: 37.5vw;
    }
    #Contato > section {
        width: 50vw;
    }
    #MainFooter figure {
        width: 9.375vw;
    }
    header.masterHeading .title {
        font-size: 45pt;
    }
    #Overture.cover-01 > div::before {
        background-size: 200%;
    }
    #Overture.cover-02 > div::before {
        background-size: 220%;
    }
    #Overture > section {
        padding-right: 6.25vw;
    }
    #Spotlight {
        padding: 100px 6.25vw;
    }
    #Spotlight > section {
        width: 43.75vw;
    }
    #Pillars > article.right {
        padding: 0 12.5vw 0 6.25vw;
    }
    #Pillars > article.left {
        padding: 0 6.25vw 0 12.5vw;
    }
    #Pillars > article figure {
        width: 31.25vw;
    }
    #MemberPresentation > aside {
        margin: 0 6.25vw;
        padding-bottom: 30px;
    }
    #MemberPresentation > aside footer {
        left: -30px;
        right: -30px;
    }
    #MemberPresentation > section {
        padding: 0;
    }
    #MemberPresentation > section article {
        padding: 0 6.25vw;
    }
    #ServicePresentation > aside ul {
        padding-left: 10px;
    }
    #ServicePresentation > aside li div {
        margin: 0 10px;
    }
}
@media (max-width: 1280px) {
    #Banner video {
        width: auto;
        height: 100%;
    }
    #MainHeader .logo {
        width: 15.625vw;
    }
    #Spotlight > header {
        width: 50vw;
    }
    #Spotlight > section {
        width: 37.5vw;
    }
    #Pillars > article.left,
    #Pillars > article.right {
        padding: 0 6.25vw 0 6.25vw;
    }
    #Pillars > article section {
        width: 56.25vw;
    }
    #Pillars > article.left,
    #Pillars > article.right {
        padding: 0 40px;
    }
    #Pillars > article figure {
        width: 33.33333%;
    }
    #Pillars > article section {
        width: 66.66666%;
        padding: 20px;
    }
    #Pillars > article section p {
        font-size: 13.5pt;
    }
    #Pillars > article.right section {
        padding-left: 20px;
    }
    #Pillars > article.left section {
        padding-right: 20px;
    }
    #Overture.cover-01 > div::before {
        background-size: 280%;
    }
    #Overture.cover-02 > div::before {
        background-size: 280%;
    }
    #Overture.cover-03 > div::before {
        background-size: 280%;
    }
    #Overture > section {
        padding-right: 40px;
        padding-left: 20px;
    }
    #Overture > div > header {
        padding-right: 40px;
    }
    #Spotlight {
        padding: 100px 40px;
    }
    #Spotlight > header,
    #Spotlight > section {
        float: none;
        width: auto;
    }
    #Spotlight > header {
        margin-bottom: 40px;
    }
    #ServicePresentation > aside ul {
        padding-left: 0;
    }
    #ServicePresentation > aside li {
        width: 10.7142857143vw;
    }
    #ServicePresentation > aside li div {
        margin: 0 20px;
    }
    #ServicePresentation > div article > figure {
        width: 18.75vw;
    }
    #ServicePresentation > div article > section {
        width: 56.25vw;
    }
    #Informative > section article figure {
        width: 200px;
        height: 200px;
    }
    #Informative > section article section {
        left: 200px;
    }
    #Informative > section article section p {
        font-size: 11pt;
        padding: 0 40px;
    }
    #Informative > section article footer span:first-of-type {
        font-size: 28pt;
    }
    #Informative > section article footer i {
        font-size: 24pt;
    }
    #Informative > section > .carousel::after {
        padding-bottom: 400px;
    }
    #TeamBar > ul {
        width: 25vw;
    }
}
@media (max-width: 1024px) {
    #MainHeader .logo span {
        padding-left: 20px;
    }
    #MainHeader #PrimaryMenu {
        right: 20px;
    }
    #Banner .message > div:first-child > span {
        font-size: 54pt;
    }
    #Banner .message > div:first-child {
        margin-left: 40px;
    }
    #Banner .message > div:last-child {
        font-size: 18pt;
        margin-right: 40px;
    }
    #Manchete {
        padding: 100px 40px;
    }
    #Manchete > aside,
    #Manchete > section {
        padding: 40px 0;
        float: none;
        width: 100%;
        overflow: hidden;
    }
    #Manchete > section > header {
        padding-bottom: 40px;
    }
    #Manchete > section article footer {
        margin-top: 20px;
    }
    #Manchete > section article footer a {
        width: auto;
    }
    #Manchete > aside li {
        width: 25%;
        padding: 10px;
    }
    #Manchete > aside li:last-of-type a div {
        padding: 20px;
    }
    #Manchete > aside li:last-of-type a div span:first-child {
        font-size: 12pt;
        line-height: 140%;
    }
    #Manchete > aside li:last-of-type a div span:last-child {
        font-size: 18pt;
        margin-top: 10px;
        margin-left: -5px;
    }
    #Testimonials {
        padding: 100px 40px 60px 40px;
    }
    #Testimonials > header,
    #Testimonials > section {
        width: 100%;
        float: none;
    }
    #Testimonials > section > div {
        width: 400%;
    }
    #Testimonials > header {
        padding-bottom: 40px;
    }
    #Testimonials > section article {
        width: 25%;
        padding: 0 40px;
    }
    #Testimonials > section ul li {
        padding: 0;
    }
    #TeamBar {
        padding: 0 40px;
    }
    #TeamBar > ul {
        width: auto;
        margin: 0;
    }
    #TeamBar > .ornamentoFundo {
        top: 155px;
    }
    #TeamBar > footer {
        width: auto;
    }
    #Informative {
        padding: 80px 40px;
    }
    #Informative > header,
    #Informative > section {
        width: 100%;
        float: none;
    }
    #Informative > header {
        margin-bottom: 40px;
    }
    #Informative > header .text:first-of-type {
        margin-bottom: 20px;
    }
    #Informative > section {
        margin: 80px 0;
    }
    #Informative > section article figure {
        width: 200px;
        height: 200px;
    }
    #Informative > section article::after {
        width: 250px;
    }
    #Contato {
        padding: 80px 40px;
    }
    #Contato > header,
    #Contato > section {
        width: 100%;
    }
    #Contato > section {
        padding-top: 40px;
    }
    #MainFooter {
        padding: 40px;
    }
    #QuickAccessSocial {
        padding-left: 20px;
    }
    #MemberPresentation > aside {
        margin: 0 50px;
    }
    #MemberPresentation > aside li {
        padding: 0 10px;
    }
    #MemberPresentation > section article {
        padding: 0 40px;
    }
}
@media (max-width: 800px) {
    #MainHeader .logo {
        width: 18.75vw;
    }
    #Banner .message > div:last-child {
        width: 50vw;
    }
    #Testimonials > section ul li {
        width: auto;
    }
    #TeamBar > .ornamentoFundo {
        top: 0;
    }
    #TeamBar > ul li {
        padding-bottom: 60px;
    }
    #TeamBar > footer {
        padding: 0;
    }
    #TeamBar > ul {
        padding-bottom: 0;
    }
    #Informative > section article::after {
        width: 200px;
    }
    #Informative > section article figure {
        width: 200px;
        height: 200px;
    }
    #Informative > section article footer {
        width: 80px;
        padding: 14px;
    }
    #Informative > section article section h3 {
        font-size: 18pt;
    }
    #Informative > section article section p {
        font-size: 11pt;
    }
    #Informative > section article footer i {
        font-size: 24pt;
    }
    #Informative > section article footer span:first-of-type {
        font-size: 32pt;
    }
    #Informative > section article footer span:last-of-type {
        font-size: 12pt;
    }
    #MainFooter figure {
        width: 12.5vw;
    }
    #Overture > div,
    #Overture > section {
        padding: 0;
    }
    #Overture > div {
        padding-top: 100px;
        position: relative;
        width: 100%;
    }
    #Overture > div > header.masterHeading.right > * {
        text-align: left;
        border-left: 4px solid var(--gulf-blue);
        border-right: none;
    }
    #Overture.cover-01 > div::before,
    #Overture.cover-02 > div::before,
    #Overture.cover-03 > div::before {
        right: 0;
        background-size: cover;
    }
    #Overture > div > header {
        padding: 40px 60px;
    }
    #Overture > div > header br {
        display: none;
    }
    #Overture > section {
        padding: 40px 60px;
        width: auto;
        float: none;
    }
    #Pillars {
        padding-bottom: 60px;
    }
    #Pillars > article.left,
    #Pillars > article.right {
        padding: 10px 40px;
    }
    #Pillars > article figure,
    #Pillars > article section {
        float: none !important;
    }
    #Pillars > article figure {
        margin: auto;
        width: 240px;
    }
    #Pillars > article figure div {
        border-radius: 50%;
    }
    #Pillars > article figure div span {
        font-size: 72pt;
    }
    #Pillars > article section {
        width: auto;
        text-align: center !important;
    }
    #ServicePresentation > div article {
        padding: 0 40px;
    }
    #ServicePresentation > div article > figure {
        width: 25%;
    }
    #ServicePresentation > div article > section {
        width: 75%;
    }
    #ServicePresentation > aside {
        padding: 0 50px;
    }
    #ServicePresentation > aside li {
        width: 14.2857142857%;
    }
    #ServicePresentation > aside li div {
        margin: 0 10px;
    }
}
@media (max-width: 640px) {
    #MainHeader .logo {
        width: 25vw;
    }
    #MainHeader #MainNav ul li.phone {
        display: block;
    }
    #MainHeader #PrimaryMenu li.phone {
        display: none;
    }
    #Banner .message > div:first-child {
        padding: 0;
        margin: 20px;
    }
    #Banner .message > div:last-child {
        padding: 0;
        margin-right: 20px;
    }
    #Banner .message > div:first-child > span {
        font-size: 45pt;
    }
    #Manchete {
        padding: 80px 20px;
    }
    #Manchete > section {
        padding: 0;
    }
    #Manchete > section article header h3 {
        font-size: 18pt;
    }
    #Manchete > section article p {
        font-size: 12pt;
    }
    #Manchete > aside li {
        width: 50%;
        padding: 20px;
    }
    #Manchete > aside li:not(:last-of-type) a div figure {
        width: 80px;
    }
    #Manchete > aside li:last-of-type a div span:first-child {
        font-size: 13.5pt;
    }
    #QuickAccessSocial {
        padding: 0;
        left: 50%;
        transform: translateX(-50%);
        bottom: 30px;
    }
    #QuickAccessSocial li {
        display: inline-block;
        margin: 0 7.5px;
    }
    #Testimonials {
        padding: 100px 20px;
    }
    #Testimonials > header,
    #Testimonials > section {
        padding: 0;
    }
    #Testimonials > header {
        padding-bottom: 40px;
    }
    #Testimonials > section article blockquote,
    #Testimonials > section article cite {
        padding: 0;
    }
    #TeamBar > ul {
        width: 75vw;
        margin: 0 auto;
    }
    #TeamBar > ul li {
        padding-bottom: 100px;
        height: 240px;
        width: 50%;
    }
    #Informative {
        padding: 80px 0;
    }
    #Informative > section > .carousel::after {
        padding-bottom: 712px;
    }
    #Informative > section article figure {
        float: none;
        width: 100%;
        height: 100px;
    }
    #Informative > section article figure img {
        width: 100%;
        height: auto;
    }
    #Informative > section article section {
        width: 100%;
        display: block;
        position: relative;
        left: 0;
    }
    #Informative > section article section header {
        position: relative;
        padding: 10px 20px;
    }
    #Informative > section article section p {
        position: relative;
        top: 0;
        height: 60px;
        padding: 0 20px;
    }
    #Informative > section article section aside {
        position: relative;
        padding: 0 20px;
    }
    #Informative > section article footer {
        position: relative;
        width: 100%;
        height: 60px;
        padding: 17px;
    }
    #Informative > section article footer > * {
        margin: 0;
        margin-right: 6px;
    }
    #Informative > section article footer br {
        display: none;
    }
    #Informative > section article footer i {
        font-size: 18pt;
    }
    #Informative > section article footer span:first-of-type {
        font-size: 18pt;
    }
    #Informative > section article footer span:last-of-type {
        font-size: 18pt;
    }
    #Contato {
        padding: 80px 20px;
    }
    #Contato > header {
        padding: 0;
    }
    #Contato > section {
        padding: 0;
    }
    #Contato > section input,
    #Contato > section textarea {
        font-size: 13.5pt;
    }
    #MainFooter {
        padding: 40px 20px;
    }
    #MainFooter figure {
        padding: 0;
    }
    header.masterHeading .title {
        font-size: 36pt;
    }
    #Overture > div > header {
        padding: 40px;
    }
    #Overture > section {
        padding: 40px;
    }
    #Spotlight {
        padding: 100px 20px;
    }
    #Pillars > article section {
        padding: 0 !important;
    }
    #MemberPresentation > aside {
        display: none;
    }
    #MemberPresentation > section {
        margin: 0;
        width: 100vw;
        left: 0 !important;
    }
    #MemberPresentation > section article header {
        border-radius: 5px;
        background-color: var(--gulf-blue);
        color: var(--creme);
        overflow: hidden;
        display: table;
        table-layout: fixed;
        width: 100%;
        box-sizing: border-box;
    }
    #MemberPresentation > section article {
        margin: 20px 0;
        padding: 0 20px;
    }
    #MemberPresentation > section article header figure {
        display: table-cell;
    }
    #MemberPresentation > section article header h2 {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        padding-left: 20px;
    }
    #ServicePresentation > aside {
        padding: 0 30px;
    }
    #ServicePresentation > div article {
        padding: 0 20px;
    }
    #ServicePresentation > div article > figure,
    #ServicePresentation > div article > section {
        float: none;
        width: auto;
    }
    #ServicePresentation > div article > section header {
        text-align: center;
    }
    #ServicePresentation > div article > figure {
        width: 150px;
        margin: auto;
        margin-bottom: 40px;
    }
}
@media (max-width: 480px) {
    #MainHeader .logo {
        width: 31.25vw;
    }
    #MainHeader #PrimaryMenu li {
        margin-left: 20px;
    }
    #Banner {
        min-height: 500px;
    }
    #Banner .message > div:first-child > span {
        font-size: 36pt;
    }
    #Banner .message > div:last-child {
        width: 75vw;
    }
    header.masterHeading .title {
        font-size: 27pt;
    }
    #Manchete > aside li {
        padding: 10px;
    }
    #TeamBar {
        padding: 20px;
    }
    #TeamBar > ul {
        padding: 0;
        margin: 0;
        width: auto;
    }
    #MainFooter figure {
        width: 18.75vw;
    }
    #Overture > div > header {
        padding: 20px;
    }
    #Overture > section {
        padding: 20px;
    }
    #Pillars > article.left,
    #Pillars > article.right {
        padding: 10px 20px;
    }
    #Spotlight > header {
        padding: 0;
    }
    #Spotlight > header.masterHeading .title {
        font-size: 18pt;
    }
    #MemberPresentation > section article section {
        padding: 20px 0;
    }
    #ServicePresentation > aside {
        padding: 0;
    }
    #ServicePresentation > aside ul {
        padding: 0 10px;
    }
    #ServicePresentation > div article {
        padding: 0;
    }
    #ServicePresentation > aside li {
        width: 33.33333%;
    }
    #ServicePresentation > aside li div {
        overflow: hidden;
        margin: 10px;
        padding: 20px;
    }
    #ServicePresentation > aside li div:hover {
        padding-bottom: 20px;
        margin: 10px;
    }
    #ServicePresentation > aside li div > span {
        opacity: 1;
        transform: scaleX(1) translateY(100%);
        white-space: normal;
        z-index: 1;
    }
    #ServicePresentation > div article > section header {
        font-size: 27pt;
    }
    #Informative {
        padding: 80px 0;
    }
}
@media (max-width: 360px) {
    #MainHeader {
        padding-top: 20px;
    }
    #MainHeader.covered .logo{
        transform: scale(1);
    }
    #MainHeader #PrimaryMenu li.phone {
        font-size: 10pt;
    }
    #MainHeader #PrimaryMenu {
        top: 20px;
        transform: none;
    }
    #TeamBar > ul li {
        height: auto;
        width: 100%;
        padding-bottom: 60px;
    }
    #Manchete > aside li {
        width: 100%;
    }
    #Manchete > aside li a::before {
        padding-bottom: 50%;
    }
    #Manchete > aside li:not(:last-of-type) a div figure {
        width: 60px;
    }
    #Manchete > section article header figure {
        vertical-align: middle;
    }
}