img {
    height: auto;
    width: 100%;
}

/*a,body,button,div,footer,form,h1,h2,h3,h4,header,html,img,figure,input,label,li,nav,p,select,span,table,textarea,ul {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%
}*/

.wrp {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative
}

.wrp.wrp--flex {
    display: flex;
    flex-wrap: wrap
}

.wrp.wrp--flex-al-center {
    align-items: center;
    display: flex
}

.wrp.wrp--flex-between {
    display: flex;
    justify-content: space-between
}

@media(min-width: 768px)and (max-width: 1023.98px) {
    .section--sp {
        padding-bottom:6rem
    }

    .section--sp.section--sp--zero {
        padding-bottom: 0
    }

    .wrp {
        padding: 0 2rem
    }

    .video__text {
        margin-bottom: 2rem;
        padding-top: 4rem
    }
}

@media(max-width: 1023.98px) {
    .wrp {
        width:100%
    }

    .play {
        border-width: .3125rem;
        height: 4rem;
        width: 4rem
    }

    .play:after {
        border-width: .75rem 0 .75rem 1rem;
        transform: translate(1.375rem, 0.9375rem)
    }

    .spotlight__text ol,.spotlight__text ul {
        grid-template-columns: 1fr
    }

    .percentages .grid--content .mask {
        height: 3.75rem
    }

    .cta__banner__container {
        padding: 3.5rem 0 2rem
    }

    .cta__banner__container .flex {
        flex-wrap: wrap
    }

    .cta__banner__container .flex .banner__text {
        margin-bottom: 1rem;
        width: 100%
    }
}

@media(min-width: 1024px) {
    .section--sp {
        padding-bottom:11.25rem
    }

    .section--sp.section--sp--zero {
        padding-bottom: 0
    }

    .play {
        border-width: .375rem;
        height: 5rem;
        width: 5rem
    }

    .play:after {
        border-width: .9375rem 0 .9375rem 1.25rem;
        transform: translate(1.6875rem, 1.1875rem)
    }

    .video__wrapper.video--embed {
        width: 100%
    }

    .spotlight__text ol,.spotlight__text ul {
        grid-template-columns: repeat(2, 1fr)
    }

    .percentages .grid--content .mask {
        height: 6.5rem
    }

    .cta__banner__container {
        padding: 2.5rem 0
    }

    .video__text {
        margin-bottom: 2.5rem;
        padding-top: 5.5rem
    }
}

@media(min-width: 1024px)and (max-width: 1679.98px) {
    .video__wrapper {
        max-width:80vw
    }
}

@media(min-width: 1440px) {
    .spotlight__text ol,.spotlight__text ul {
        grid-row-gap:3rem;
        grid-column-gap: 3rem
    }
}

@media(min-width: 1680px) {
    .video__wrapper {
        max-width:97.5rem
    }
}

@media(max-width: 679.98px) {
    .wrp,.wrp--small {
        padding:0 1.5rem
    }

    .wrp .images__container img,.wrp--small .images__container img {
        width: calc(100% + 3rem);
        margin-left: -1.5rem
    }
}

@media(min-width: 680px) {
    section[data-var=axes1]+section[data-var=text1] {
        margin-top:-3.25rem
    }

    .text+.text__link,.flex--tile+.text__link {
        margin-top: 2.5rem
    }

    .quote q:before {
        margin-right: -1%
    }

    .quote q:after {
        margin-left: -1%
    }

    .percentages .grid--content,.link__list .grid--content,.services .grid--content {
        grid-template-columns: repeat(2, 1fr)
    }

    .service__wrp-mobile {
        display: none
    }

    .percentages {
        padding: 5.5rem 0
    }

    .wrp+.horizontal__carousel__container {
        margin-top: 5rem
    }

    .excerpt__item:not(:first-child) {
        padding-top: 5.5rem
    }

    .excerpt__item .excerpt__info+.links {
        margin-top: 1rem
    }
}

@media(min-width: 680px)and (max-width: 1279.98px) {
    .wrp {
        width:100%;
        padding: 0 2rem
    }
}

@media(min-width: 1280px) {
    .wrp {
        width:calc(100% - 160px)
    }

    .wrp--small {
        width: calc(100% - 320px)
    }

    .one-half__column .text+.links {
        margin-top: 2.5rem
    }
}

@media not all,(hover: hover) {
    .video__container .video__block .block__media .video--0__wrp .posterInMobile {
        display:none
    }

    .trend__carousel .trend__cell .full--link:hover .trend__nav--pretitle,.trend__carousel .trend__cell .full--link:hover .trend__nav--title {
        color: #000
    }

    .trend__carousel .trend__cell .full--link:hover .primary--link:before {
        transform-origin: left;
        transform: scaleX(1)
    }

    .trend__carousel .trend__cell .full--link:hover .primary--link:after {
        transform: translateX(0.625rem)
    }
}

.prefooter {
    background-color: rgba(0,0,0,0);
    pointer-events: none
}


.page__footer {
    /* position: fixed; */
    background-color: #1c1c1e;
    color: #636366;
    width: 100%;
    bottom: 0;
    z-index: 0;
    padding-bottom: 7.5rem;
    padding-top: 7.5rem
}

.page__footer .page__footer__brand__logo {
    display: block;
    width: 10rem;
    margin-right: 7.5rem
}

.page__footer .page__footer__brand__logo__small {
    display: inline-block;
    width: 2.5rem
}

.page__footer a {
    color: #636366
}

.page__footer .page__footer__nav li {
    display: block;
    font-family: "Bastardo Grotesk","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .5rem
}

.page__footer .page__footer__nav li:not(:last-child) {
    margin-right: .9375rem
}

.page__footer .page__footer__brand p {
    font-family: "Bastardo Grotesk","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.25rem;
    font-size: 10px;
    line-height: 1.2;
    margin-top: .625rem;
    padding-left: 1.4375rem
}

.page__footer .footer__bottom {
    margin-top: .5rem
}

.page__footer .footer__bottom li {
    display: block;
    font-family: "Bastardo Grotesk","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    text-transform: capitalize
}

.page__footer .footer__bottom li:not(:last-child) {
    margin-right: .9375rem
}

.page__footer .footer__bottom li .nav__link {
    font-weight: 400;
    word-break: break-word
}

.page__footer .page__footer__wrp {
    display: flex;
    justify-content: center
}

.page__footer .page__footer__nav {
    display: flex;
    gap: 3rem
}

.page__footer .page__footer__nav__title {
    font-family: "Bastardo Grotesk","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    margin-bottom: 1rem
}


@media(max-width: 1279.98px) {
    .page__footer .page__footer__nav li,.page__footer .footer__bottom li {
        font-family:"Bastardo Grotesk","Helvetica","Arial",sans-serif;
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .page__footer .page__footer__nav__title {
        font-family: "Bastardo Grotesk","Helvetica","Arial",sans-serif;
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media(max-width: 1023.98px) {
    .prefooter {
        display:none
    }

    .page__footer {
        position: relative
    }

    .page__footer .page__footer__nav,.page__footer .footer__bottom {
        flex-direction: column;
        width: 100%
    }

    .page__footer .page__footer__nav li,.page__footer .footer__bottom li {
        font-family: "Bastardo Grotesk","Helvetica","Arial",sans-serif;
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.5625rem
    }

    .page__footer .footer__secondary__menu ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 1.5rem
    }
}

@media(max-width: 1023.98px)and (max-width: 479.98px) {
    .page__footer .footer__secondary__menu ul {
        display:block
    }
}

@media(max-width: 1023.98px) {
    .page__footer .page__footer__nav__title {
        font-family:"Bastardo Grotesk","Helvetica","Arial",sans-serif;
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.5625rem
    }
}

@media(max-width: 767.98px) {
    .page__footer {
        padding-bottom:3.75rem;
        padding-top: 3.75rem
    }

    .page__footer .page__footer__brand {
        margin-bottom: 3rem
    }

    .page__footer .page__footer__brand .page__footer__brand__logo {
        margin-right: 0
    }

    .page__footer .page__footer__wrp {
        flex-direction: column
    }
}

.nav__lang li {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav__lang li .lang__iso {
    text-transform: uppercase
}

.nav__lang .nav__item--active .nav__link {
    font-weight: 400;
    pointer-events: none
}

.nav__lang .nav__item--active .nav__link .nav__label {
    color: #ff1d25
}

.nav__lang .nav__label {
    color: #fff
}

.nav__lang .nav_lang_item {
    position: relative
}

.nav__lang .nav_lang_item+.nav_lang_item:before {
    content: "|";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -0.75rem;
    padding: .75rem;
    margin-left: -0.125rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    pointer-events: none
}

.nav__lang .nav_lang_item .nav__link {
    padding: .875rem .5rem
}

.nav__link {
    display: block;
    position: relative
}

.lang_active .header_lang_link {
    font-weight: 400;
    pointer-events: none
}

.header_nav_lang {
    margin-left: 10px;
    padding-left: 10px;
    position: relative
}

.header_nav_lang:before {
    background: #fff;
    bottom: 17px;
    content: "";
    left: 0;
    position: absolute;
    top: 17px;
    width: 1px
}

.nav__main__item--active .nav__label {
    position: relative
}

.nav__main__item--active .nav__label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -0.25rem;
    width: 100%;
    height: .125rem;
    background-color: #ff1d25
}

.hero--white .nav__main__item .nav__label {
    color: #fff
}

.hero--white .nav__main__item.nav__main__item--active .nav__label:after {
    background: #fff
}

.hero--black .nav__main__item .nav__label {
    color: #000
}

.hero--black .nav__main__item.nav__main__item--active .nav__label:after {
    background: #000
}

.footer__nav li {
    font-weight: 400
}

.footer__nav li .nav__link {
    display: inline-block;
    position: relative
}

.footer__nav li .nav__link:after {
    background: #ff1d25;
    content: "";
    left: 0;
    position: absolute;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .32s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%
}

.footer__nav li .nav__link:hover:after {
    transform-origin: left;
    transform: scaleX(1)
}

.footer__nav li.nav__item--active .nav__link:after {
    transform: scaleX(1)
}

.page__footer__nav .nav__link:after {
    bottom: -0.25rem;
    height: .0625rem
}

.nav__item--active {
    pointer-events: none
}

.nav__item--btn {
    background: #ff1d25;
    color: #fff
}

.nav__item--btn .nav__label {
    color: #fff !important
}

.nav__item--btn svg {
    width: auto;
    height: 16px;
    margin-left: .5rem;
    vertical-align: text-bottom
}

.nav__item--btn svg .icon__glyph {
    stroke: #fff
}

@media(max-width: 1023.98px) {
    .nav__main__item .nav__link {
        font-family:"Bastardo Grotesk","Helvetica","Arial",sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 2.25rem;
        line-height: 1.2
    }

    .nav__main__item.nav__item--btn {
        margin-top: .375rem;
        margin-left: -0.75rem;
        margin-right: -0.75rem
    }

    .nav__main__item.nav__item--btn .nav__link {
        padding: .625rem .625rem
    }

    .nav__main__item.nav__item--btn svg {
        height: 2rem
    }
}

@media(max-width: 767.98px) {
    .nav__main__item .nav__link {
        font-size:1.25rem;
        line-height: 1.5rem
    }

    .nav__main__item.nav__item--btn svg {
        height: 1.25rem
    }
}

@media(min-width: 480px) {
    .footer__main__menu .footer__nav>ul {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 1.5rem
    }
}

@media(max-width: 1023.98px) {
    .nav__lang {
        display:flex;
        margin: 0;
        padding: 0
    }

    .nav__lang .lang__name {
        display: none
    }
}

@media(min-width: 1024px) {
    .header__nav {
        display:flex
    }

    .nav__main,.nav__lang {
        display: flex;
        justify-content: space-between;
        margin: 0;
        position: relative
    }

    .nav__lang {
        padding-left: .5rem
    }

    .nav__main__item .nav__link,.nav__lang .nav__link {
        font-family: "Bastardo Grotesk","Helvetica","Arial",sans-serif;
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.25rem;
        text-transform: uppercase;
        padding: .9375rem .625rem
    }

    .nav__main__item .nav__link .nav__label,.nav__lang .nav__link .nav__label {
        position: relative
    }

    .nav__main__item .nav__link .nav__label:after,.nav__lang .nav__link .nav__label:after {
        bottom: -0.25rem;
        content: "";
        height: .125rem;
        left: 0;
        position: absolute;
        transform-origin: right;
        transform: scaleX(0);
        transition: transform .32s cubic-bezier(0.4, 0, 0.2, 1);
        width: 100%;
        background: #ff1d25
    }

    .nav__main__item .nav__link .nav__label.lang__name,.nav__lang .nav__link .nav__label.lang__name {
        display: none
    }

    .nav__main__item .nav__link:hover .nav__label:after,.nav__lang .nav__link:hover .nav__label:after {
        transform-origin: left;
        transform: scaleX(1)
    }

    .nav__main__item.nav__item--active .nav__label:after,.nav__lang.nav__item--active .nav__label:after {
        transform: scaleX(1)
    }

    .nav__item--btn {
        margin-left: .875rem
    }

    /* Personalizado para bt*/
    .bt-lang-toggle a:after {
        bottom: 0.7rem;
        content: "";
        height: .125rem;
        left: 20%;
        position: absolute;
        transform-origin: right;
        transform: scaleX(0);
        transition: transform .32s cubic-bezier(0.4, 0, 0.2, 1);
        width: 60%;
        background: #ff1d25
    }

    .bt-lang-toggle a:hover:after {
        transform-origin: left;
        transform: scaleX(1)
    }

    .bt-lang-toggle a.active:after {
        transform: scaleX(1)
    }
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}