.carousel
{
    position: relative;
}
.carousel.pointer-event
{
    touch-action: pan-y;
}
.carousel-inner::after
{
    display: block;
    clear: both;
    content: "";
}
.carousel-item
{
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
}
@media(prefers-reduced-motion: reduce)
{
    .carousel-item
    {
        transition: none;
    }
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev
{
    display: block;
}
.carousel-item-next:not(.carousel-item-start), .active.carousel-item-end
{
    transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start
{
    transform: translateX(-100%);
}
.carousel-fade .carousel-item
{
    opacity: 0;
    transition-property: opacity;
    transform: none;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end
{
    z-index: 1;
    opacity: 1;
}
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end
{
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s;
}
@media(prefers-reduced-motion: reduce)
{
    .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end
    {
        transition: none;
    }
}
.carousel-control-prev, .carousel-control-next
{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus
{
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}
.carousel-control-prev
{
    left: 0;
}
.carousel-control-next
{
    right: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon
{
    display: inline-block;
    width: 2rem;
    height: 2rem;
}
.carousel-indicators
{
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators li
{
    box-sizing: content-box;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    background-color: #e1e1e1;
    opacity: .8;
    transition: opacity .6s ease;
}
@media(prefers-reduced-motion: reduce)
{
    .carousel-indicators li
    {
        transition: none;
    }
}
.carousel-indicators .active
{
    opacity: 1;
    background-color: #ffae00;
    width: 40px;
    border-radius: 20px;
}
.carousel-caption
{
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}
.carousel-dark .carousel-indicators li
{
    background-color: #000;
}
.carousel-dark .carousel-caption
{
    color: #000;
}
body>div
{
    max-width: 400px;
    max-height: 300px;
    overflow: hidden;
}
button.alternative-button
{
    top: 100%;
    right: 50%;
    margin-right: -84px;
    bottom: 0;
    height: 0;
    margin-top: 21px;
}
button.alternative-button.carousel-control-prev, button.alternative-button.carousel-control-next
{
    width: unset;
}
button.alternative-button.carousel-control-prev.alternative-button
{
    left: 50%;
    margin-left: -96px;
}
button.alternative-button.carousel-control-prev.alternative-button, button.alternative-button.carousel-control-next.alternative-button
{
    display: block;
}
button.alternative-button span.carousel-control-prev-icon, button.alternative-button span.carousel-control-next-icon
{
    border: none;
    width: 15px;
    height: 35px;
}
button.alternative-button span.carousel-control-prev-icon::before, button.alternative-button span.carousel-control-next-icon::before
{
    cursor: pointer;
}
*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Verdana,sans-serif;
    font-size: 16px;
    line-height: 26px;
}
body
{
    scroll-behavior: smooth;
}
body header, body footer
{
    padding-left: calc((100vw - (1366px - (2 * (1366px * 5 / 100)))) / 2);
    padding-right: calc((100vw - (1366px - (2 * (1366px * 5 / 100)))) / 2);
}
body h1
{
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
}
body h2
{
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
}
body h3
{
    font-size: 22px;
    line-height: 32px;
}
body h2, body h3
{
    color: #374046;
}
body ul
{
    list-style: none;
}
body p
{
    color: #706f6f;
}
body a
{
    text-decoration: none;
}
body .text-cta
{
    background: #0095be;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-top: 20px;
    padding: 12px 20px;
}
body .text-cta:hover
{
    box-shadow: 2px 2px #016b88;
}
body .text-cta:focus
{
    box-shadow: -2px -2px #016b88;
    outline: 0;
}
body .text-cta.transparent
{
    background: rgba(0,0,0,0);
    border: 2px solid #9cd;
    box-sizing: border-box;
    border-radius: 5px;
    margin-left: 10px;
}
body main>section
{
    padding-left: calc((100vw - (1366px - (2 * (1366px * 5 / 100)))) / 2);
    padding-right: calc((100vw - (1366px - (2 * (1366px * 5 / 100)))) / 2);
}
body main>section:not(.banner,.partner)
{
    margin-top: 20px;
}
body main>section>h2
{
    margin-bottom: 50px;
}
body .carousel-control-prev, body .carousel-control-next
{
    background-color: rgba(0,0,0,0);
    border: none;
    width: 10%;
}
body .carousel-control-prev:focus, body .carousel-control-next:focus
{
    display: none;
}
body .carousel-control-prev .carousel-control-prev-icon, body .carousel-control-prev .carousel-control-next-icon, body .carousel-control-next .carousel-control-prev-icon, body .carousel-control-next .carousel-control-next-icon
{
    background-image: none;
    border: 2px solid #ffae00;
    border-radius: 100%;
    color: #ffae00;
}
body .carousel-control-prev .carousel-control-prev-icon, body .carousel-control-next .carousel-control-prev-icon
{
    background-image: none;
    position: relative;
}
body .carousel-control-prev .carousel-control-prev-icon::before, body .carousel-control-next .carousel-control-prev-icon::before
{
    background-image: url("/images/sprite.png");
    background-position: -607px -241px;
    content: "";
    height: 17px;
    left: 9px;
    position: absolute;
    top: 5px;
    width: 8px;
}
body .carousel-control-prev .carousel-control-next-icon, body .carousel-control-next .carousel-control-next-icon
{
    background-image: none;
    position: relative;
}
body .carousel-control-prev .carousel-control-next-icon::before, body .carousel-control-next .carousel-control-next-icon::before
{
    background-image: url("/images/sprite.png");
    background-position: -722px -386px;
    content: "";
    height: 17px;
    left: 10px;
    position: absolute;
    top: 5px;
    width: 8px;
}
body .carousel-inner
{
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}
@media(max-width: 767px)
{
    body header, body footer
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    body .text-cta
    {
        text-align: center;
        width: 100%;
    }
    body main>section
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    body main>section:not(.banner)
    {
        margin-top: 55px;
    }
    body main>section>h2
    {
        line-height: 38px;
        margin-bottom: 30px;
    }
    body main>section #pillars-carousel .carousel-control-prev, body main>section #pillars-carousel .carousel-control-next, body main>section #customer-comment-carousel .carousel-control-prev, body main>section #customer-comment-carousel .carousel-control-next
    {
        display: none;
    }
    body .carousel-inner
    {
        width: 100%;
    }
}
.whatsapp-floating-button
{
    border-radius: 100%;
    position: fixed;
    bottom: 50px;
    right: 0;
    animation: up 4s ease;
}
@media(max-width: 1024px)
{
    .whatsapp-floating-button
    {
        right: -10px;
        bottom: 15px;
    }
}
@keyframes up
{
    from
    {
        transform: translateY(100px);
    }
    to
    {
        transform: translateY(0);
    }
}
header
{
    background: #0095be;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 2;
}
header nav
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header nav .icon-performa-web
{
    background-image: url(/images/sprite.png);
    background-position: -301px -468px;
    width: 153px;
    height: 41px;
}
header nav .menu-button
{
    display: none;
}
header nav .menu
{
    display: flex;
    align-items: center;
    cursor: pointer;
}
header nav .menu .menu-list
{
    padding: 17px 10px;
    margin-left: 10px;
    border-bottom: 4px solid rgba(0,0,0,0);
    border-top: 4px solid rgba(0,0,0,0);
}
header nav .menu .menu-list:hover
{
    border-bottom: 4px solid #f8ad07;
}
header nav .menu .menu-list>a
{
    padding: 29px 0;
    color: #fff;
}
header nav .menu .menu-list.menu-contact a
{
    padding: 10px;
    background: #f8ad07;
    color: #f2f2f2;
}
header nav .menu .menu-list.menu-contact:hover
{
    border-bottom: 4px solid rgba(0,0,0,0);
}
header nav .menu .menu-list.services
{
    color: #fff;
}
header nav .menu .menu-list.services .services-menu
{
    display: none;
    z-index: 1;
    position: absolute;
    margin-top: 21px;
    right: 0;
    padding: 20px;
    background: #fff;
}
header nav .menu .menu-list.services .services-menu>ul
{
    background-color: #fff;
    line-height: 28px;
    border-right: 1px solid #c4c4c4;
    padding: 0 35px;
}
header nav .menu .menu-list.services .services-menu>ul li
{
    line-height: 22px;
}
header nav .menu .menu-list.services .services-menu>ul li a
{
    line-height: 22px;
}
header nav .menu .menu-list.services .services-menu>ul li.level-1
{
    grid-column: 1/4;
    border-bottom: 1px solid #706f6f;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
header nav .menu .menu-list.services .services-menu>ul li.level-1 a
{
    color: #0095be;
    font-weight: 700;
}
header nav .menu .menu-list.services .services-menu>ul li.level-2 ul li a
{
    color: #374046;
    font-size: 14px;
}
header nav .menu .menu-list.services .services-menu>ul li.level-2 ul li a:hover
{
    color: #00addd;
}
header nav .menu .menu-list.services .services-menu>ul li.level-2 ul li.level-3 a
{
    color: rgba(78,78,78,.5019607843);
    font-size: 14px;
    margin-left: 25px;
}
header nav .menu .menu-list.services .services-menu>ul li.level-2 ul li.level-3 a:hover
{
    color: #00addd;
}
header nav .menu .menu-list.services .services-menu>ul li.mobile
{
    display: none;
}
header nav .menu .menu-list.services .services-menu>ul.media-management
{
    grid-row: 1/3;
    padding-left: 0;
}
header nav .menu .menu-list.services .services-menu>ul.inbound-marketing
{
    grid-column: 2/3;
    grid-row: 1/3;
}
header nav .menu .menu-list.services .services-menu>ul.development
{
    padding-bottom: 7em;
}
header nav .menu .menu-list.services .services-menu>ul.consulting-and-strategy
{
    border-right: none;
    grid-column: 4;
    grid-row: 1/2;
}
header nav .menu .menu-list.services .services-menu>ul.digital-make
{
    grid-column: 4;
    border-right: none;
}
header nav .menu .menu-list .services-button, header nav .menu .menu-list .services-button-2, header nav .menu .menu-list .services-button-3, header nav .menu .menu-list .services-button-4, header nav .menu .menu-list .services-button-5, header nav .menu .menu-list .services-button-6, header nav .menu .menu-list .services-icon
{
    display: none;
}
header nav .menu .menu-list.mobile-only
{
    display: none;
}
header nav .menu .menu-list.mobile-only ul
{
    display: flex;
    justify-content: space-between;
}
header nav .menu .menu-list:hover .services-menu
{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    box-shadow: -5px 5px 4px 2px rgba(0,0,0,.2196078431);
}
header nav .menu .change-language input
{
    display: none;
}
header nav .menu .change-language #languages~.custom-select
{
    display: none;
}
header nav .menu .change-language #languages:checked~.custom-select
{
    display: block;
}
header nav .menu .change-language .custom-select
{
    padding-left: 0;
    position: absolute;
    background-color: #0095be;
    max-width: 150px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 5px;
}
header nav .menu .change-language .custom-select li
{
    display: flex;
    align-items: center;
    list-style: none;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}
header nav .menu .change-language .custom-select li img
{
    margin-right: 5px;
}
header nav .menu .change-language .selected
{
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,0);
    border: none;
    color: #fff;
    cursor: pointer;
    width: 90px;
}
header nav .menu .change-language .selected img
{
    margin-right: 5px;
}
header nav .menu .change-language .selected::after
{
    content: "❬";
    font-size: 12px;
    margin-left: 10px;
    color: #fff;
    display: inline-block;
    transform: rotate(-90deg);
}
header nav .menu .change-language .selected li
{
    list-style: none;
    float: left;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}
header nav .menu .change-language .selected span
{
    text-transform: uppercase;
}
header ul
{
    overflow: hidden;
}
@media(max-width: 767px)
{
    header nav .menu
    {
        display: none;
        position: absolute;
        max-height: 75vh;
        overflow-y: scroll;
        right: 0;
        top: 66px;
        background: #fff;
        z-index: 1;
        box-shadow: -5px 5px 5px 1px rgba(0,0,0,.368627451);
    }
    header nav .menu .menu-list
    {
        padding: 10px 40px 20px 15px;
        border: none;
    }
    header nav .menu .menu-list:nth-child(1)
    {
        margin-top: 30px;
    }
    header nav .menu .menu-list:hover
    {
        border: none;
    }
    header nav .menu .menu-list a
    {
        color: #0095be;
        text-transform: none;
        padding: 0;
    }
    header nav .menu .menu-list.services
    {
        display: block;
        text-transform: none;
        padding-top: 0;
        padding-bottom: 0;
        color: #0095be;
    }
    header nav .menu .menu-list.services .services-menu
    {
        display: block;
        position: unset;
        padding: 0;
        margin-top: 10px;
        box-shadow: none;
    }
    header nav .menu .menu-list.services .services-menu ul.media-management, header nav .menu .menu-list.services .services-menu ul.inbound-marketing, header nav .menu .menu-list.services .services-menu ul.development, header nav .menu .menu-list.services .services-menu ul.analytics, header nav .menu .menu-list.services .services-menu ul.consulting-and-strategy, header nav .menu .menu-list.services .services-menu ul.digital-make
    {
        display: grid;
        grid-template-columns: 1fr 18px;
        align-items: center;
        column-gap: 20px;
        padding: 0 0 0 20px;
        border-right: none;
    }
    header nav .menu .menu-list.services .services-menu ul.inbound-marketing .level-2:last-child
    {
        margin-top: 0;
    }
    header nav .menu .menu-list.services .services-menu ul li ul li.desktop-only
    {
        display: none;
    }
    header nav .menu .menu-list.services .services-menu ul li.mobile
    {
        display: block;
    }
    header nav .menu .menu-list.services .services-menu ul li.level-1
    {
        border: none;
        padding-bottom: 0;
        margin: 0;
        grid-column: 1;
        margin: 10px 0;
    }
    header nav .menu .menu-list.services .services-menu ul li.level-1 a
    {
        font-size: 16px;
        color: #484848;
        text-transform: none;
        font-weight: 400;
    }
    header nav .menu .menu-list.services .services-menu ul li.level-2
    {
        display: none;
        font-size: 14px;
        font-weight: 100;
        text-transform: none;
        text-align: start;
        margin-bottom: 0;
        grid-column: 1;
    }
    header nav .menu .menu-list.services .services-menu ul li.level-2 ul li
    {
        margin: 10px 0;
    }
    header nav .menu .menu-list.services .services-menu ul li.level-2 ul li:nth-child(1)
    {
        margin-top: 0;
    }
    header nav .menu .menu-list.services .services-menu ul li.level-2 ul li a
    {
        color: rgba(112,111,111,.6901960784);
        margin-left: 15px;
    }
    header nav .menu .menu-list.services .services-menu ul li.level-2.desktop-only
    {
        display: none!important;
    }
    header nav .menu .menu-list.services .services-menu ul li.level-3
    {
        display: none;
    }
    header nav .menu .menu-list.services .services-menu ul .services-icon
    {
        display: block;
        padding: 10px 0;
        grid-column: 2;
    }
    header nav .menu .menu-list.services .services-menu ul .button-icon
    {
        display: block;
        height: 2px;
        width: 18px;
        position: relative;
    }
    header nav .menu .menu-list.services .services-menu ul .button-icon:before
    {
        background: #333;
        content: "";
        height: 100%;
        width: 50%;
        position: absolute;
        transition: all .2s ease-out;
        transform: rotate(30deg);
    }
    header nav .menu .menu-list.services .services-menu ul .button-icon:after
    {
        background: #333;
        content: "";
        height: 100%;
        width: 50%;
        position: absolute;
        transition: all .2s ease-out;
        transform: rotate(-30deg);
        left: 7px;
    }
    header nav .menu .menu-list.services .services-menu ul .services-button:checked~.level-2, header nav .menu .menu-list.services .services-menu ul .services-button-2:checked~.level-2, header nav .menu .menu-list.services .services-menu ul .services-button-3:checked~.level-2, header nav .menu .menu-list.services .services-menu ul .services-button-4:checked~.level-2, header nav .menu .menu-list.services .services-menu ul .services-button-5:checked~.level-2, header nav .menu .menu-list.services .services-menu ul .services-button-6:checked~.level-2
    {
        display: block;
    }
    header nav .menu .menu-list.services .services-menu ul .services-button:checked~.services-icon .button-icon:before, header nav .menu .menu-list.services .services-menu ul .services-button-2:checked~.services-icon .button-icon:before, header nav .menu .menu-list.services .services-menu ul .services-button-3:checked~.services-icon .button-icon:before, header nav .menu .menu-list.services .services-menu ul .services-button-4:checked~.services-icon .button-icon:before, header nav .menu .menu-list.services .services-menu ul .services-button-5:checked~.services-icon .button-icon:before, header nav .menu .menu-list.services .services-menu ul .services-button-6:checked~.services-icon .button-icon:before
    {
        transform: rotate(-30deg);
        top: 0;
    }
    header nav .menu .menu-list.services .services-menu ul .services-button:checked~.services-icon .button-icon:after, header nav .menu .menu-list.services .services-menu ul .services-button-2:checked~.services-icon .button-icon:after, header nav .menu .menu-list.services .services-menu ul .services-button-3:checked~.services-icon .button-icon:after, header nav .menu .menu-list.services .services-menu ul .services-button-4:checked~.services-icon .button-icon:after, header nav .menu .menu-list.services .services-menu ul .services-button-5:checked~.services-icon .button-icon:after, header nav .menu .menu-list.services .services-menu ul .services-button-6:checked~.services-icon .button-icon:after
    {
        transform: rotate(30deg);
        top: 0;
    }
    header nav .menu .menu-list.mobile-only
    {
        display: block;
    }
    header nav .menu .menu-list.mobile-only ul li
    {
        margin-right: 25px;
    }
    header nav .menu .menu-list.mobile-only ul li:last-child
    {
        margin-right: 0;
    }
    header nav .menu .menu-list.mobile-only ul li a
    {
        display: inline-block;
        padding: 0;
    }
    header nav .menu .menu-list.mobile-only ul li .icon-facebook-dark
    {
        background-image: url(/images/sprite.png);
        background-position: -719px -576px;
        width: 10px;
        height: 20px;
    }
    header nav .menu .menu-list.mobile-only ul li .icon-instagram-dark
    {
        background-image: url(/images/sprite.png);
        background-position: -512px -371px;
        width: 21px;
        height: 20px;
    }
    header nav .menu .menu-list.mobile-only ul li .icon-youtube-dark
    {
        background-image: url(/images/sprite.png);
        background-position: -620px -576px;
        width: 34px;
        height: 20px;
    }
    header nav .menu .menu-list.mobile-only ul li .icon-linkedIn-dark
    {
        background-image: url(/images/sprite.png);
        background-position: -594px -132px;
        width: 21px;
        height: 21px;
    }
    header nav .menu .change-language
    {
        padding-bottom: 20px;
    }
    header nav .menu .change-language #languages~.custom-select
    {
        display: flex;
    }
    header nav .menu .change-language #languages:checked~.custom-select
    {
        display: flex;
    }
    header nav .menu .change-language .custom-select
    {
        position: unset;
        background-color: rgba(0,0,0,0);
        box-shadow: none;
    }
    header nav .menu .change-language .custom-select li
    {
        padding: unset;
        color: #000;
        margin-left: 25px;
    }
    header nav .menu .change-language .custom-select li img
    {
        margin-right: 5px;
    }
    header nav .menu .change-language .selected
    {
        display: none;
    }
    header nav .menu-icon
    {
        padding: 32px 0;
    }
    header nav .menu-icon .nav-icon
    {
        background: #fff;
        display: block;
        height: 3px;
        width: 25px;
        position: relative;
        transition: background .2s ease-out;
    }
    header nav .menu-icon .nav-icon:before
    {
        background: #fff;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        transition: all .2s ease-out;
        top: 10px;
    }
    header nav .menu-icon .nav-icon:after
    {
        background: #fff;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        transition: all .2s ease-out;
        top: -10px;
    }
    header nav .menu-button:checked~.menu
    {
        display: block;
    }
    header nav .menu-button:checked~.menu-icon .nav-icon
    {
        background: rgba(0,0,0,0);
    }
    header nav .menu-button:checked~.menu-icon .nav-icon:before
    {
        transform: rotate(-45deg);
        top: 0;
    }
    header nav .menu-button:checked~.menu-icon .nav-icon:after
    {
        transform: rotate(45deg);
        top: 0;
    }
}
footer
{
    background: #fc8000;
}
footer nav>ul
{
    padding-top: 45px;
    padding-bottom: 14px;
}
footer nav ul
{
    color: #fff;
}
footer nav ul.flex-list
{
    display: flex;
    justify-content: space-between;
}
footer nav ul.social-media
{
    display: flex;
    margin-top: 20px;
}
footer nav ul.social-media li
{
    padding-right: 20px;
}
footer nav ul.social-media li a
{
    display: block;
}
footer nav ul.social-media li .icon-facebook
{
    background-image: url(/images/sprite.png);
    background-position: -604px -212px;
    width: 10px;
    height: 20px;
}
footer nav ul.social-media li .icon-instagram
{
    background-image: url(/images/sprite.png);
    background-position: -535px -371px;
    width: 21px;
    height: 20px;
}
footer nav ul.social-media li .icon-youtube
{
    background-image: url(/images/sprite.png);
    background-position: -656px -576px;
    width: 34px;
    height: 20px;
}
footer nav ul.social-media li .icon-linkedIn
{
    background-image: url(/images/sprite.png);
    background-position: -594px -155px;
    width: 21px;
    height: 21px;
}
footer nav ul li
{
    font-weight: 100;
}
footer nav ul li.list-title
{
    font-weight: 700;
    text-transform: uppercase;
}
footer nav ul li.list-paragraph
{
    margin-top: 14px;
}
footer nav ul li address
{
    font-style: normal;
}
footer nav ul li a
{
    color: #fff;
}
footer nav span
{
    display: block;
    border-top: 1px solid #fff;
    padding-top: 10px;
     margin-top: 50px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
footer nav span a
{
    color: #fff;
    font-size: 12px;
}
@media(max-width: 767px)
{
    footer nav ul.flex-list
    {
        display: block;
        padding-top: 55px;
    }
    
    footer nav ul.flex-list .list-title:first-of-type
    {
        margin-top: 0;
    }
    footer nav div
    {
        padding-bottom: 55px;
    }
}
.banner
{
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    gap: 10%;
     justify-content: space-between;
    position: relative;
}
.banner>*
{
    position: relative;
}
.banner:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
}
.banner p, .banner div
{
    color: #fff;
}
.banner .texts
{
    flex: 45%;
    max-width: 630px;
}
.banner .texts p
{
    margin: 20px 0;
}
.banner .stats .content
{
    padding: 2vw;
}
.banner .stats .content .icon-stats-rocket
{
    background-image: url(/images/sprite.png);
    background-position: -620px -160px;
    width: 60px;
    height: 60px;
}
.banner .stats .content .icon-stats-money
{
    background-image: url(/images/sprite.png);
    background-position: -620px -98px;
    width: 60px;
    height: 60px;
}
.banner .stats .content .icon-stats-leads
{
    background-image: url(/images/sprite.png);
    background-position: -620px -36px;
    width: 60px;
    height: 60px;
}
.banner .stats .content .stats-background
{
    align-items: center;
    background: rgba(3,22,38,.7607843137);
    column-gap: 20px;
    display: grid;
    grid-template-columns: auto 1fr;
    max-height: 100px;
    margin-top: 10px;
    padding: 10px;
}
.banner .stats .content .stats-background:first-child
{
    margin: 0;
}
.banner .stats .content .stats-background li
{
    color: #fff;
}
.banner .stats .content .stats-background li p
{
    font-size: 25px;
    font-weight: 700;
}
.banner .stats .content .stats-background li div
{
    margin-top: 5px;
    text-transform: uppercase;
}
@media(max-width: 767px)
{
    .banner
    {
        display: block;
        padding: 0;
    }
    .banner div.stats
    {
        margin-top: 0;
        padding-top: 50px;
    }
    .banner div .text-cta
    {
        width: auto;
    }
    .banner div.texts
    {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 60px;
    }
    .banner div.texts p
    {
     }
    .banner .stats .content
    {
        padding: 0;
    }
    .banner .stats .content .stats-background
    {
        display: grid;
        grid-template-columns:  1fr;
    }
    .banner .stats .content .stats-background .icon-stats
    {
        padding-right: 60px;
    }
    .banner .stats .content .stats-background li p, .banner .stats .content .stats-background li div
    {
        text-align: start;
    }
    .banner .stats .content .stats-background li div
    {
        font-size: 14px;
    }
}
.partner
{
    margin-top: 50px;
}
.partner .hover-effect img:nth-of-type(2)
{
    display: none;
}
.partner .hover-effect:hover img:nth-child(1)
{
    display: none;
}
.partner .hover-effect:hover img:nth-child(2)
{
    display: block;
}
.partner .carousel
{
    display: none;
}
.partner .carousel .carousel-indicators
{
    display: none;
}
.partner .desktop
{
    display: flex;
    justify-content: space-between;
}
@media(max-width: 767px)
{
    .partner .carousel
    {
        display: block;
    }
    .partner .carousel .carousel-item.active
    {
        display: block;
    }
    .partner .carousel .carousel-item .flex-content
    {
        display: flex;
        justify-content: space-around;
    }
    .partner .carousel .carousel-item:last-child
    {
        justify-content: center;
    }
    .partner .desktop
    {
        display: none;
    }
}
body .pillars #pillars-carousel .carousel-inner
{
    width: 100%;
}
body .pillars #pillars-carousel .carousel-control-prev .carousel-control-prev-icon::before, body .pillars #pillars-carousel .carousel-control-next .carousel-control-prev-icon::before
{
    left: -71px;
}
.pillars
{
    padding: 0;
}
.pillars .carousel
{
    margin-top: 75px;
    padding-left: calc((100vw - (1366px - (2 * (1366px * 5 / 100)))) / 2);
}
.pillars .flex
{
    background-repeat: no-repeat;
    background-position: right;
    height: 470px;
    padding: 7% 0;
}
.pillars .flex.media-management
{
    background-image: url(/images/pillar-media-management.jpg);
}
.pillars .flex.inbound-marketing
{
    background-image: url(/images/pillar-inbound-marketing.jpg);
}
.pillars .flex.development
{
    background-image: url(/images/pillar-development.jpg);
}
.pillars .flex.business-intelligence
{
    background-image: url(/images/pillar-business-intelligence.jpg);
}
.pillars .flex.consulting-and-strategy
{
    background-image: url(/images/pillar-consulting-strategy.jpg);
}
.pillars .flex .texts
{
    max-width: 45%;
    padding: 15px;
    background: rgba(255,255,255,.768627451);
}
.pillars .flex .texts h3
{
    text-align: start;
}
.pillars .flex .texts h3 a
{
    font-size: 30px;
    color: #374046;
}
.pillars .flex .texts p
{
    margin-top: 30px;
}
.pillars .flex .text-cta
{
    margin-top: 35px;
}
@media(max-width: 767px)
{
    .pillars
    {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 95px;
    }
    .pillars .carousel
    {
        margin-top: 35px;
    }
    .pillars .carousel .carousel-control-prev, .pillars .carousel .carousel-control-next
    {
        display: block;
        margin-top: 21px;
    }
    .pillars .carousel .flex
    {
        background: none;
        display: block;
        height: auto;
        padding-top: 0;
    }
    .pillars .carousel .flex.consulting-and-strategy .texts h3 a
    {
        letter-spacing: -1.3px;
    }
    .pillars .carousel .flex .texts
    {
        max-width: 100%;
        padding: 0;
        text-align: start;
    }
    .pillars .carousel .flex p
    {
        margin-top: 20px;
    }
}
section.customer-comment .carousel-indicators
{
    display: none;
}
section.customer-comment .carousel-control-prev, section.customer-comment .carousel-control-next
{
    display: block;
    margin-bottom: 5%;
}
section.customer-comment #customer-comment-carousel .carousel-inner
{
    height: 250px;
}
section.customer-comment #customer-comment-carousel .carousel-inner .customer-opinion
{
    text-align: center;
}
section.customer-comment #customer-comment-carousel .carousel-inner .customer-opinion q
{
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #828282;
}
section.customer-comment #customer-comment-carousel .carousel-inner .customer-opinion .customer-profile
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}
section.customer-comment #customer-comment-carousel .carousel-inner .customer-opinion .customer-profile div:first-child, section.customer-comment #customer-comment-carousel .carousel-inner .customer-opinion .customer-profile img:first-child
{
    margin-right: 10px;
}
section.customer-comment #customer-comment-carousel .carousel-inner .customer-opinion .customer-profile .icon-customer-photo
{
    border-radius: 100%;
    display: inline-block;
    margin-right: 12px;
}
section.customer-comment #customer-comment-carousel .carousel-inner .customer-opinion .customer-profile .customer-info div
{
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}
section.customer-comment #customer-comment-carousel .carousel-inner .customer-opinion .customer-profile .customer-info div:first-child
{
    font-weight: 700;
    color: #374046;
}
section.customer-comment #customer-comment-carousel .carousel-inner .customer-opinion .customer-profile .customer-info div:last-child
{
    color: #828282;
}
@media(max-width: 767px)
{
    section.customer-comment
    {
        margin-bottom: 95px;
    }
    section.customer-comment #customer-comment-carousel
    {
        display: block;
    }
    section.customer-comment #customer-comment-carousel .carousel-indicators
    {
        display: flex;
    }
    section.customer-comment #customer-comment-carousel .carousel-inner
    {
        height: unset;
    }
    section.customer-comment #customer-comment-carousel .carousel-inner .customer-opinion q
    {
        line-height: 26px;
    }
}
section.customers
{
    align-items: center;
    display: grid;
    grid-template-columns: 29% repeat(4,auto);
    justify-content: space-between;
    margin-top: 175px;
    row-gap: 15%;
}
section.customers h2
{
    text-align: left;
    margin-bottom: 0;
}
section.customers a
{
    align-self: flex-start;
    margin-top: 0;
    width: max-content;
}
@media(max-width: 767px)
{
    section.customers
    {
        grid-template-columns: 1fr 1fr;
        gap: 40px 2%;
        justify-items: center;
        margin-top: 55px;
    }
    section.customers .meet-our-customers
    {
        grid-column: 1/4;
        text-align: initial;
    }
    section.customers .meet-our-customers h2
    {
        margin-bottom: -30px;
        padding-right: 20px;
    }
    section.customers .meet-our-customers .text-cta
    {
        padding: 13px;
        position: relative;
        top: 480px;
        margin: 0;
    }
    section.customers img:nth-of-type(1), section.customers img:nth-of-type(2)
    {
        width: 88px;
        height: 51px;
    }
    section.customers img:nth-of-type(3)
    {
        width: 100px;
        height: 80px;
    }
    section.customers img:nth-of-type(4), section.customers img:nth-of-type(6)
    {
        width: 88px;
        height: 35px;
    }
    section.customers img:nth-of-type(5)
    {
        width: 87px;
        height: 38px;
    }
    section.customers img:nth-of-type(7)
    {
        width: 88px;
        height: 48px;
    }
    section.customers img:nth-of-type(8)
    {
        width: 88px;
        height: 68px;
    }
    section.customers h2
    {
        grid-column: 1/3;
        grid-row: 1;
        text-align: center;
    }
    section.customers .icon-diesel, section.customers .icon-new-balance
    {
        grid-row: 2;
    }
    section.customers .icon-kopenhagen, section.customers .icon-movida
    {
        grid-row: 3;
    }
    section.customers .icon-aviva, section.customers .icon-weleda
    {
        grid-row: 4;
    }
    section.customers .icon-nike, section.customers .icon-novaflor
    {
        grid-row: 5;
    }
    section.customers a
    {
        grid-column: 1/3;
        grid-row: 6;
    }
}
.contact
{
    background: #f2f2f2;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.contact .info
{
    background: url(/images/about-performa.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 45%;
    padding: 90px 145px 90px calc((100vw - (1366px - (2 * (1366px * 5 / 100)))) / 2);
}
.contact .info h2, .contact .info div, .contact .info p
{
    color: #fff;
    text-align: start;
}
.contact .info p
{
    margin-top: 10px;
}
.contact .info .non-service .flex-item
{
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: auto 1fr;
}
.contact .info .non-service .flex-item a
{
    color: #fff;
}
.contact .info .non-service .whatsapp
{
    margin-top: 30px;
}
.contact .info .non-service .whatsapp .icon-whatsapp
{
    background-image: url(/images/sprite.png);
    background-position: -704px -540px;
    width: 24px;
    height: 24px;
}
.contact .info .non-service .email
{
    margin: 19px 0 20px;
}
.contact .info .non-service .email .icon-email
{
    background-image: url(/images/sprite.png);
    background-position: -535px -348px;
    width: 24px;
    height: 18px;
}
.contact .info .non-service span
{
    font-size: 18px;
}
.contact .info .non-service .about-performa
{
    padding-top: 20px;
    background: rgba(3,22,38,.7607843137);
    padding: 10px;
    align-self: center;
    margin-top: 15px;
}
.contact .info .non-service .about-performa .icon-stats-rocket
{
    background-image: url(/images/sprite.png);
    background-position: -620px -160px;
    width: 60px;
    height: 60px;
}
.contact .info .non-service .about-performa .icon-stats-money
{
    background-image: url(/images/sprite.png);
    background-position: -620px -98px;
    width: 60px;
    height: 60px;
}
.contact .info .non-service .about-performa div div
{
    font-weight: 700;
    line-height: 40px;
    font-size: 25px;
}
.contact .info .non-service .about-performa div p
{
    text-transform: uppercase;
    margin-top: 0;
    font-size: 14px;
}
.contact .info .service-only
{
    align-items: center;
    column-gap: 25px;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 10%;
}
.contact .info .service-only .flex-item img
{
    display: block;
    object-fit: cover;
    border: 7px solid #fff;
    border-radius: 100%;
    width: 175px;
    height: 175px;
}
.contact .info .service-only .flex-item a, .contact .info .service-only .flex-item h3
{
    color: #fff;
    display: block;
}
.contact .info .service-only .flex-item span
{
    display: block;
}
.contact .info .service-only .whatsapp
{
    display: flex;
}
.contact .info .service-only .whatsapp .icon-whatsapp
{
    margin-right: 8px;
}
.contact .info .service-only .whatsapp .icon-whatsapp
{
    background-image: url(/images/sprite.png);
    background-position: -704px -540px;
    width: 24px;
    height: 24px;
}
.contact form
{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2,1fr);
    justify-content: space-between;
    max-width: 55%;
    padding: 90px calc((100vw - (1366px - (2 * (1366px * 5 / 100)))) / 2) 90px 3%;
}
.contact form span
{
    margin-top: -20px;
    font-style: italic;
    font-size: 12px;
    color: #706f6f;
}
.contact form .half-line
{
    flex: 1 1 45%;
}
.contact form .full-line, .contact form button, .contact form p, .contact form span, .contact form .error-message
{
    grid-column: 1/3;
}
.contact form .text-cta
{
    margin-top: 0;
    width: max-content;
}
.contact form .field
{
    display: block;
    position: relative;
}
.contact form .field label
{
    color: rgba(0,0,0,.6);
    font-size: 16px;
    left: 12px;
    position: absolute;
    pointer-events: none;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    top: 16px;
    -webkit-transition: .2s ease all;
}
.contact form .field label.budget-field
{
    font-size: 16px;
}
.contact form .field select, .contact form .field input
{
    height: 56px;
}
.contact form .field select, .contact form .field input, .contact form .field textarea
{
    color: rgba(0,0,0,.6);
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: initial;
    font-size: 16px;
    background-color: #fff;
    padding: 20px 12px 6px;
    box-sizing: border-box;
    width: 100%;
}
.contact form .field select:invalid, .contact form .field input:invalid, .contact form .field textarea:invalid
{
    border: #f44336 1px solid;
}
.contact form .field select:invalid~label, .contact form .field select:invalid~span, .contact form .field input:invalid~label, .contact form .field input:invalid~span, .contact form .field textarea:invalid~label, .contact form .field textarea:invalid~span
{
    color: #f44336!important;
}
.contact form .field select:invalid~span, .contact form .field input:invalid~span, .contact form .field textarea:invalid~span
{
    color: #f44336!important;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding-left: 17px;
    position: relative;
}
.contact form .field select:invalid~span:before, .contact form .field input:invalid~span:before, .contact form .field textarea:invalid~span:before
{
    background: url("/images/sprite.png");
    background-position: -604px -283px;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    width: 14px;
}
.contact form .field select:disabled, .contact form .field input:disabled, .contact form .field textarea:disabled
{
    background-color: #ebebe4;
}
.contact form .field select:not(:placeholder-shown)~label, .contact form .field input:not(:placeholder-shown)~label, .contact form .field textarea:not(:placeholder-shown)~label
{
    top: 4px;
    font-size: 12px;
    color: rgba(0,0,0,.6);
}
.contact form .field select:focus~label, .contact form .field input:focus~label, .contact form .field textarea:focus~label
{
    top: 4px;
    font-size: 12px;
}
.contact form .field .error
{
    display: none;
}
.contact form .news-in-email
{
    display: grid;
    grid-template-columns: 18px 1fr;
    align-items: center;
    gap: 10px;
}
.contact form .news-in-email input
{
    height: 18px;
}
.contact form .news-in-email label
{
    text-align: start;
    color: #706f6f;
    font-size: 14px;
}
.contact form select
{
    width: 100%;
    padding: 14px;
    font-size: 14px;
}
.contact form .error-message
{
    border: 1px solid #a6274e;
    background: rgba(166,39,78,.1019607843);
    display: none;
    flex: 100%;
    max-height: 44px;
}
.contact form .error-message.show
{
    display: block;
}
.contact form .error-message div
{
    display: inline-block;
    margin-top: 0;
    padding: 10px 12px 7px 12px;
    background-color: #a6274e;
}
.contact form .error-message div .icon-error-white
{
    display: inline-block;
    margin: 0;
}
.contact form .error-message span
{
    margin-left: 10px;
}
.contact form .error-message .icon-error-white
{
    background-image: url(/images/sprite.png);
    background-position: -714px -500px;
    width: 16px;
    height: 16px;
}
.contact form input
{
    width: 100%;
    padding: 10px;
}
.contact form textarea
{
    padding: 15px;
    width: 100%;
}
@media(max-width: 767px)
{
    .contact
    {
        padding: 0;
        margin-top: 100px;
    }
    .contact .info, .contact form
    {
        max-width: 100%;
        padding: 50px 20px;
    }
    .contact .info
    {
        text-align: start;
    }
    .contact .info h2, .contact .info p
    {
        width: 100%;
    }
    .contact .info .rename p
    {
        width: 72%;
    }
    .contact .info .about-performa
    {
        max-width: 100%;
        text-align: start;
    }
    .contact .info .about-performa div div
    {
        font-size: 24px;
        line-height: 26px;
    }
    .contact .info .about-performa div p
    {
        font-size: 14px;
    }
    .contact .info .service-only
    {
        display: block;
    }
    .contact .info .service-only .flex-item
    {
        margin-top: 20px;
    }
    .contact form
    {
        display: block;
    }
    .contact form>*+*, .contact form .text-cta
    {
        margin-top: 20px;
        width: 100%;
    }
}
.banner
{
    background-image: url(/images/home-banner-desktop.jpg);
}
.banner .stats h2
{
    display: none;
}
.value-proposition
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 5%;
}
.value-proposition .performaweb-youtube-video
{
    background-image: url(/images/video-pw.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    height: 365px;
    margin-top: 20px;
    width: 50%;
}
.value-proposition .performaweb-youtube-video button
{
    display: block;
    background-color: rgba(56,56,56,.7725490196);
    color: #fff;
    font-size: 22px;
    border: none;
    cursor: pointer;
    border-radius: 16px;
    width: 68px;
    height: 48px;
    margin: 0 auto;
}
.value-proposition .performaweb-youtube-video button:hover
{
    background-color: #f00;
}
.value-proposition .performaweb-youtube-video iframe
{
    display: none;
    width: 100%;
    height: 100%;
}
.value-proposition .text
{
    width: 50%;
}
.value-proposition .text h2
{
    text-align: left;
}
.value-proposition .text p
{
    margin-top: 35px;
}
.value-proposition .text p a
{
    cursor: pointer;
    color: #a6274e;
    text-decoration: underline;
}
.value-proposition .text .spots-pattern
{
    background: url(/images/spots-pattern.png);
    width: 99px;
    height: 141px;
    position: relative;
    left: 75%;
    top: 100px;
}
.value-proposition .images
{
    background: url(/images/value-proposition.png);
    background-repeat: no-repeat;
    width: 585px;
    height: 460px;
}
.differentials
{
    background-image: linear-gradient(to right,#a6274e calc(100% - 600px),#fff 40%);
    padding-right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.differentials .texts
{
    padding: 80px 0;
    margin-top: 65px;
}
.differentials .texts h2
{
    color: #fff;
    text-align: start;
}
.differentials .texts .content
{
    margin-top: 30px;
}
.differentials .texts .content .flex-item
{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.differentials .texts .content .icon-differentials
{
    background-image: url(/images/sprite.png);
    background-position: -589px -348px;
    width: 26px;
    height: 15px;
}
.differentials .texts .content h3, .differentials .texts .content p
{
    color: #fff;
    text-align: start;
}
.differentials .image
{
    background-image: url(/images/differentials-image.jpg);
    background-repeat: no-repeat;
    height: 500px;
    width: 645px;
}
.blog-post .last-post
{
    border: 1px solid #f2f2f2;
    max-width: 355px;
}
.blog-post .last-post .post-image
{
    background-size: cover;
    height: 185px;
}
.blog-post .last-post .post-image.business-intelligence-blog
{
    background-image: url(/images/business-intelligence-blog.jpg);
}
.blog-post .last-post .post-image.social-media-blog
{
    background-image: url(/images/social-media-blog.jpg);
}
.blog-post .last-post .post-image.seo-blog
{
    background-image: url(/images/seo-blog.jpg);
}
.blog-post .last-post .post
{
    padding: 15px;
}
.blog-post .last-post .post p
{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0095be;
}
.blog-post .last-post .post a
{
    display: block;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    color: #706f6f;
}
.blog-post .last-post .post a:last-child
{
    font-size: 12px;
    line-height: 14px;
    color: #0095be;
    font-weight: 100;
    text-decoration: underline;
}
.blog-post .last-post .post a.padding-25px
{
    padding-bottom: 25px;
}
.blog-post .last-post .post .icon-time
{
    display: inline-block;
    margin-bottom: -5px;
}
.blog-post .last-post .post .icon-time
{
    background-image: url(/images/sprite.png);
    background-position: -558px -371px;
    width: 20px;
    height: 20px;
}
.blog-post .last-post .post .time
{
    margin: 18px 0;
    display: inline-block;
    font-size: 12px;
    color: rgba(0,0,0,.5019607843);
}
.blog-post button
{
    display: none;
}
.blog-post .carousel
{
    display: none;
}
.blog-post .desktop
{
    display: flex;
    justify-content: space-between;
}
@media(max-width: 767px)
{
    .banner
    {
        background-image: url(/images/home-banner-mobile.jpg);
     }
    .value-proposition
    {
        display: block;
    }
    .value-proposition .performaweb-youtube-video
    {
        width: 100%;
        height: 158px;
    }
    .value-proposition .text
    {
        margin-top: 55px;
        width: 100%;
    }
    .value-proposition .text h2
    {
        text-align: center;
    }
    .differentials
    {
        padding-right: 0;
        padding-left: 0;
    }
    .differentials .texts
    {
        background-image: linear-gradient(to right,#a6274e 100%,#fff 0%);
        padding: 40px 20px;
        max-width: 100%;
        margin-top: 0;
    }
    .differentials .image
    {
        display: none;
    }
    .blog-post
    {
        margin-bottom: 95px;
    }
    .blog-post .last-post
    {
        text-align: start;
    }
    .blog-post .last-post .post a
    {
        font-family: Arial,sans-serif;
    }
    .blog-post .carousel
    {
        display: block;
    }
    .blog-post .desktop
    {
        display: none;
    }
}