.hello-world {
    display: -ms-grid;
    display: grid;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 1280px) {
    .block.-full-width, .block-accordion.-full-width, #clients-logos, .block-video.v--full-width, .block-htwdal, .block-last-posts, .our-secret, #last-careers {
        margin-left: calc((50vw - 640px) * -1);
        margin-right: calc((50vw - 640px) * -1);
        width: auto
    }
}

.block-claim.c--outline-coral {
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 1280px) {
    .block-claim.c--outline-coral {
        margin-left: calc((50vw - 640px) * -1);
        margin-right: calc((50vw - 640px) * -1);
        width: auto
    }
}

@media (min-width: 1280px) {
    .block-claim.c--outline-coral, .block-htwdal, .block-last-posts, .our-secret__content, #logoContextMenu .modal {
        padding-left: calc(50vw - 640px);
        padding-right: calc(50vw - 640px)
    }
}

.cms-content p.micro-txt, .cms-content li.micro-txt, .block-quote.-no-image .person-info > * {
    font-size: 10px;
    font-weight: 400
}

@media (min-width: 1280px) and (max-width: 1280px) {
    .cms-content p.micro-txt, .cms-content li.micro-txt, .block-quote.-no-image .person-info > * {
        font-size: 0.775vw
    }
}

.block-header.h--h11-1-500, .block-quote.-with-image .name {
    font-size: 11px;
    letter-spacing: 0.92px;
    font-weight: 500
}

@media (min-width: 1280px) and (max-width: 1280px) {
    .block-header.h--h11-1-500, .block-quote.-with-image .name {
        font-size: 0.85vw
    }
}

.line-connect, .block-quote.-no-image .person-info {
    font-size: 14px;
    font-weight: 400
}

@media (min-width: 1280px) and (max-width: 1280px) {
    .line-connect, .block-quote.-no-image .person-info {
        font-size: 1.1vw
    }
}

.block-header.h--h20-175-500, .block-figures .figures .figure > *, .block-link.b--default .title {
    font-size: 20px;
    line-height: 1.75em;
    font-weight: 500
}

.block-claim.c--outline-coral .subtitle {
    font-size: 30px;
    font-weight: 500
}

.block-header.h--h50-15-400, .block-quote blockquote, .block-claim.c--with-image .subtitle, .boxes-grid .grid h3 {
    font-size: 50px;
    line-height: 1.5em;
    font-weight: 400
}

@media (max-width: 767px) {
    .block-header.h--h50-15-400, .block-quote blockquote, .block-claim.c--with-image .subtitle, .boxes-grid .grid h3 {
        font-size: 30px
    }
}

.block-header.h--h80-125-500, .block-claim .title, .block-claim .subtitle, .block-figures .figures .figure > *:first-child {
    font-size: 80px;
    line-height: 1.25em;
    font-weight: 500
}

@media (max-width: 800px) {
    .block-header.h--h80-125-500, .block-claim .title, .block-claim .subtitle, .block-figures .figures .figure > *:first-child {
        font-size: 50px
    }
}

.block-header.h--h100-140-500, .block-htwdal .title, .boxes-grid .title {
    font-size: 100px;
    font-weight: 500;
    line-height: 1.1em
}

@media (max-width: 700px) {
    .block-header.h--h100-140-500, .block-htwdal .title, .boxes-grid .title {
        font-size: 45px
    }
}

.block-header.h--h120-116-500, .block-video a:after, #last-careers .title {
    font-size: 120px;
    line-height: 1.16em;
    font-weight: 500
}

@media (max-width: 652px) {
    .block-header.h--h120-116-500, .block-video a:after, #last-careers .title {
        font-size: 60px
    }
}

.line-connect > *:after, .block-quote.-no-image .person-info > *:after, .line-connect.line-on-left > *:first-child:before, .line-connect.level3 > *:nth-last-child(2)::after {
    content: " ";
    position: relative;
    top: -3px;
    width: 47px;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin: 0 20px;
    -webkit-transition: border .3s ease;
    transition: border .3s ease
}

.line-connect > *, .block-quote.-no-image .person-info > * {
    display: inline-block
}

.line-connect > *:last-child:after, .block-quote.-no-image .person-info > *:last-child:after {
    content: none
}

.line-connect.line-on-left > *:first-child:after {
    display: none
}

.line-connect.line-on-left > *:first-child:before {
    margin-left: 0
}

.block, .cms-content .block-header {
    margin: 0 12.5vw 3.6vw
}

@media (max-width: 767px) {
    .block, .cms-content .block-header {
        margin-left: 10vw;
        margin-right: 10vw
    }
}

@media (min-width: 1280px) {
    .block, .cms-content .block-header {
        margin-right: 160px;
        margin-left: 160px
    }
}

.block.-full-width {
    margin: 0
}

@media (max-width: 767px) {
    .block + ol {
        margin-bottom: 0
    }
}

.blocks img {
    max-width: 100%
}

.-like-cms-text-width {
    margin-left: 10vw;
    margin-right: 10vw
}

@media (min-width: 768px) {
    .-like-cms-text-width {
        max-width: 623px;
        margin-right: auto;
        margin-left: auto
    }
}

.cms-content .group, .cms-content .block {
    margin-top: 0;
    margin-bottom: 140px
}

@media (max-width: 767px) {
    .cms-content .group, .cms-content .block {
        margin-bottom: 30px
    }
}

.cms-content .group + .block.coral-panel, .cms-content .block + .block.coral-panel {
    margin-top: 16vw
}

@media (min-width: 1280px) {
    .cms-content .group + .block.coral-panel, .cms-content .block + .block.coral-panel {
        margin-top: 205px
    }
}

.cms-content [class*=' group--columns-rightParallax'].group + [class*=' group--columns-rightParallax'].group {
    margin-top: -100px
}

.cms-content p, .cms-content ul, .cms-content ol, .cms-content .code-toolbar {
    margin-top: 0;
    margin-bottom: 25px
}

.cms-content .block-header {
    max-width: none;
    color: #181F2C
}

.cms-content .block-header.left {
    text-align: left
}

.cms-content > p, .cms-content > ul, .cms-content > ol, .cms-content > .code-toolbar, .cms-content > pre, .cms-content > .h--h20-175-500, .cms-content > .h--h30-15-400, .cms-content > .h--h11-1-500, .cms-content .-like-text-width {
    margin-left: 50px;
    margin-right: 50px
}

@media (min-width: 768px) {
    .cms-content > p, .cms-content > ul, .cms-content > ol, .cms-content > .code-toolbar, .cms-content > pre, .cms-content > .h--h20-175-500, .cms-content > .h--h30-15-400, .cms-content > .h--h11-1-500, .cms-content .-like-text-width {
        max-width: 623px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width: 767px) {
    .cms-content p, .cms-content ul, .cms-content ol, .cms-content .code-toolbar, .cms-content .h--h20-175-500, .cms-content .h--h30-15-400, .cms-content > .h--h11-1-500, .cms-content .-like-text-width {
        margin-left: 10vw;
        margin-right: 10vw
    }
}

.cms-content p, .cms-content li {
    color: #585858;
    font-weight: 400;
    line-height: 2.55em;
    font-size: 16px
}

.cms-content p a, .cms-content li a {
    text-decoration: underline;
    font-weight: 500
}

.cms-content p .bt, .cms-content li .bt {
    text-decoration: none
}

.cms-content img {
    max-width: 100%;
    display: block
}

.cms-content .block-image img {
    margin: 0;
    width: 100%
}

.cms-content.page > p {
    text-align: center
}

.cms-content.content-paragraphs-align-left > p {
    text-align: left
}

@media (min-width: 768px) {
    .cms-content .group-item .block {
        margin-bottom: 5.5vw
    }

    .cms-content .group-item p + .block-image, .cms-content .group-item ul + .block-image, .cms-content .group-item ol + .block-image, .cms-content .group-item .code-toolbar + .block-image, .cms-content .group-item .h--h20-175-500 + .block-image, .cms-content .group-item .h--h30-15-400 + .block-image {
        margin-top: 5.6vw
    }

    .cms-content .group-item > *:last-child {
        margin-bottom: 0
    }
}

.cms-content .block.coral-panel:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .cms-content .block.h--h20-175-500 {
        margin-top: 40px;
        margin-bottom: 20px
    }
}

.cms-content .h--h11-1-500, .cms-content .group-item .h--h11-1-500 {
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .cms-content .h--h11-1-500, .cms-content .group-item .h--h11-1-500 {
        margin-bottom: 2.1vw
    }
}

@media (min-width: 1280px) {
    .cms-content .h--h11-1-500, .cms-content .group-item .h--h11-1-500 {
        margin-bottom: 2.5em
    }
}

.cms-content .h--h120-116-500, .cms-content .group-item .h--h120-116-500 {
    margin-bottom: 1.1em
}

.cms-content .h--h100-140-500, .cms-content .group-item .h--h100-140-500 {
    margin-bottom: 70px
}

@media (min-width: 768px) {
    .cms-content .h--h100-140-500, .cms-content .group-item .h--h100-140-500 {
        margin-bottom: 0.9em
    }
}

.cms-content .h--h80-125-500, .cms-content .group-item .h--h80-125-500 {
    margin-bottom: 0.3em
}

.cms-content .h--h50-15-400 {
    margin-bottom: 45px
}

@media (min-width: 768px) {
    .cms-content .h--h50-15-400 {
        margin-bottom: 1.4em
    }
}

.cms-content .group-item .h--h50-15-400 {
    margin-bottom: .5em
}

.cms-content .group-item:first-child:last-child .h--h50-15-400 {
    margin-bottom: 1.4em
}

.cms-content .h--h20-175-500, .cms-content .group-item .h--h20-175-500 {
    margin-bottom: 40px
}

.cms-content p + .group, .cms-content p + .block, .cms-content ul + .group, .cms-content ul + .block, .cms-content ol + .group, .cms-content ol + .block, .cms-content .block-blockquote + .group, .cms-content .block-blockquote + .block, .cms-content .code-toolbar + .group, .cms-content .code-toolbar + .block, .cms-content .h--h20-175-500 + .group, .cms-content .h--h20-175-500 + .block, .cms-content .h--h30-15-400 + .group, .cms-content .h--h30-15-400 + .block {
    margin-top: 15px
}

@media (min-width: 768px) {
    .cms-content p + .group, .cms-content p + .block, .cms-content ul + .group, .cms-content ul + .block, .cms-content ol + .group, .cms-content ol + .block, .cms-content .block-blockquote + .group, .cms-content .block-blockquote + .block, .cms-content .code-toolbar + .group, .cms-content .code-toolbar + .block, .cms-content .h--h20-175-500 + .group, .cms-content .h--h20-175-500 + .block, .cms-content .h--h30-15-400 + .group, .cms-content .h--h30-15-400 + .block {
        margin-top: 70px
    }

    .cms-content p + .group, .cms-content ul + .group, .cms-content ol + .group, .cms-content .block-blockquote + .group, .cms-content .code-toolbar + .group, .cms-content .h--h20-175-500 + .group, .cms-content .h--h30-15-400 + .group {
        margin-top: 70px
    }

    .cms-content p + .block, .cms-content ul + .block, .cms-content ol + .block, .cms-content .block-blockquote + .block, .cms-content .code-toolbar + .block, .cms-content .h--h20-175-500 + .block, .cms-content .h--h30-15-400 + .block {
        margin-top: 70px
    }

    .cms-content p + .h--h100-140-500, .cms-content ul + .h--h100-140-500, .cms-content ol + .h--h100-140-500, .cms-content .block-blockquote + .h--h100-140-500, .cms-content .code-toolbar + .h--h100-140-500, .cms-content .h--h20-175-500 + .h--h100-140-500, .cms-content .h--h30-15-400 + .h--h100-140-500 {
        margin-top: 140px
    }
}

.cms-content .block-bigParagraph {
    font-weight: 500;
    color: #181F2C
}

.cms-content > .block-button:last-child {
    margin-bottom: 10vw
}

@media (min-width: 1280px) {
    .cms-content > .block-button:last-child {
        margin-bottom: 128px
    }
}

.cms-content .h--h50-15-400 + .block-button + .group {
    margin-top: 150px
}

.cms-content .h--h50-15-400 + .h--h100-140-500 {
    margin-top: -0.6em
}

.cms-content .block-header + .block-line-connect {
    margin-top: 5vw
}

@media (min-width: 1280px) {
    .cms-content .block-header + .block-line-connect {
        margin-top: 64px
    }
}

@media (min-width: 768px) {
    .cms-content .block-person + p {
        margin-top: -100px
    }
}

.cms-content .group .block-person + p {
    margin-top: 0
}

.circle-bg-floating {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.circle-bg-floating svg {
    position: absolute;
    bottom: 15%;
    right: 20%;
    width: 100px;
    fill: #FF4745
}

.block-bigParagraph::after {
    display: none
}

.block-iframe {
    display: block
}

.block-blockquote, .cms-content blockquote {
    border-left: solid 2px #FF4745;
    padding-left: 20px;
    position: relative;
    left: -10px;
    font-weight: 400;
    line-height: 2.55em
}

@media (max-width: 767px) {
    .block-blockquote, .cms-content blockquote {
        left: -20px
    }

    .block-blockquote p, .cms-content blockquote p {
        margin-left: 0;
        margin-right: 0
    }
}

.cms-content blockquote {
    margin-left: 10vw;
    margin-right: 10vw
}

@media (min-width: 768px) {
    .cms-content blockquote {
        max-width: 623px;
        margin-right: auto;
        margin-left: auto
    }
}

.row {
    width: 100%;
    padding: 0 12.5vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1280px) {
    .row {
        padding: 0 160px
    }
}

.group.group--accordion {
    background-color: #181F2C;
    color: #fff;
    padding: 0 12.5vw
}

@media (min-width: 1280px) {
    .group.group--accordion {
        padding: 0 160px
    }
}

@media (min-width: 768px) {
    [class*=' group--columns'].group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -25px;
        margin-right: -25px
    }

    [class*=' group--columns'].group .group-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    [class*=' group--columns'].group .group-item > p, [class*=' group--columns'].group .group-item > ul, [class*=' group--columns'].group .group-item > ol, [class*=' group--columns'].group .group-item > pre, [class*=' group--columns'].group .group-item > .block, [class*=' group--columns'].group .group-item > svg {
        margin-right: 6.25vw;
        margin-left: 6.25vw
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    [class*=' group--columns'].group .group-item > p, [class*=' group--columns'].group .group-item > ul, [class*=' group--columns'].group .group-item > ol, [class*=' group--columns'].group .group-item > pre, [class*=' group--columns'].group .group-item > .block, [class*=' group--columns'].group .group-item > svg {
        margin-right: 80px;
        margin-left: 80px
    }
}

@media (min-width: 768px) {
    [class*=' group--columns'].group .group-item:first-child > p, [class*=' group--columns'].group .group-item:first-child > ul, [class*=' group--columns'].group .group-item:first-child > ol, [class*=' group--columns'].group .group-item:first-child > pre, [class*=' group--columns'].group .group-item:first-child > .block, [class*=' group--columns'].group .group-item:first-child > svg, [class*=' group--columns'].group .group-item.cleft > p, [class*=' group--columns'].group .group-item.cleft > ul, [class*=' group--columns'].group .group-item.cleft > ol, [class*=' group--columns'].group .group-item.cleft > pre, [class*=' group--columns'].group .group-item.cleft > .block, [class*=' group--columns'].group .group-item.cleft > svg {
        margin-right: 0;
        margin-left: 12.5vw
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    [class*=' group--columns'].group .group-item:first-child > p, [class*=' group--columns'].group .group-item:first-child > ul, [class*=' group--columns'].group .group-item:first-child > ol, [class*=' group--columns'].group .group-item:first-child > pre, [class*=' group--columns'].group .group-item:first-child > .block, [class*=' group--columns'].group .group-item:first-child > svg, [class*=' group--columns'].group .group-item.cleft > p, [class*=' group--columns'].group .group-item.cleft > ul, [class*=' group--columns'].group .group-item.cleft > ol, [class*=' group--columns'].group .group-item.cleft > pre, [class*=' group--columns'].group .group-item.cleft > .block, [class*=' group--columns'].group .group-item.cleft > svg {
        margin-right: 0;
        margin-left: 160px
    }
}

@media (min-width: 768px) {
    [class*=' group--columns'].group .group-item:last-child > p, [class*=' group--columns'].group .group-item:last-child > ul, [class*=' group--columns'].group .group-item:last-child > ol, [class*=' group--columns'].group .group-item:last-child > pre, [class*=' group--columns'].group .group-item:last-child > .block, [class*=' group--columns'].group .group-item:last-child > svg, [class*=' group--columns'].group .group-item.cright > p, [class*=' group--columns'].group .group-item.cright > ul, [class*=' group--columns'].group .group-item.cright > ol, [class*=' group--columns'].group .group-item.cright > pre, [class*=' group--columns'].group .group-item.cright > .block, [class*=' group--columns'].group .group-item.cright > svg {
        margin-left: 0;
        margin-right: 12.5vw
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    [class*=' group--columns'].group .group-item:last-child > p, [class*=' group--columns'].group .group-item:last-child > ul, [class*=' group--columns'].group .group-item:last-child > ol, [class*=' group--columns'].group .group-item:last-child > pre, [class*=' group--columns'].group .group-item:last-child > .block, [class*=' group--columns'].group .group-item:last-child > svg, [class*=' group--columns'].group .group-item.cright > p, [class*=' group--columns'].group .group-item.cright > ul, [class*=' group--columns'].group .group-item.cright > ol, [class*=' group--columns'].group .group-item.cright > pre, [class*=' group--columns'].group .group-item.cright > .block, [class*=' group--columns'].group .group-item.cright > svg {
        margin-left: 0;
        margin-right: 160px
    }
}

@media (min-width: 768px) {
    [class*=' group--columns'].group .group-item:first-child:last-child > p, [class*=' group--columns'].group .group-item:first-child:last-child > ul, [class*=' group--columns'].group .group-item:first-child:last-child > ol, [class*=' group--columns'].group .group-item:first-child:last-child > pre, [class*=' group--columns'].group .group-item:first-child:last-child > .block, [class*=' group--columns'].group .group-item:first-child:last-child > svg {
        margin-left: 12.5vw;
        margin-right: 12.5vw
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    [class*=' group--columns'].group .group-item:first-child:last-child > p, [class*=' group--columns'].group .group-item:first-child:last-child > ul, [class*=' group--columns'].group .group-item:first-child:last-child > ol, [class*=' group--columns'].group .group-item:first-child:last-child > pre, [class*=' group--columns'].group .group-item:first-child:last-child > .block, [class*=' group--columns'].group .group-item:first-child:last-child > svg {
        margin-left: 160px;
        margin-right: 160px
    }
}

@media (min-width: 768px) {
    .group.more-than-2-cols {
        margin-right: 12.5vw;
        margin-left: 12.5vw
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    .group.more-than-2-cols {
        margin-right: 160px;
        margin-left: 160px
    }
}

@media (min-width: 768px) {
    .group.more-than-2-cols .group-item:first-child {
        padding-left: 0
    }

    .group.more-than-2-cols .group-item:first-child > p, .group.more-than-2-cols .group-item:first-child > ul, .group.more-than-2-cols .group-item:first-child > ol, .group.more-than-2-cols .group-item:first-child > pre, .group.more-than-2-cols .group-item:first-child > .block, .group.more-than-2-cols .group-item:first-child > svg {
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    .group.more-than-2-cols .group-item:first-child > p, .group.more-than-2-cols .group-item:first-child > ul, .group.more-than-2-cols .group-item:first-child > ol, .group.more-than-2-cols .group-item:first-child > pre, .group.more-than-2-cols .group-item:first-child > .block, .group.more-than-2-cols .group-item:first-child > svg {
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .group.more-than-2-cols .group-item:last-child {
        padding-right: 0
    }

    .group.more-than-2-cols .group-item:last-child > p, .group.more-than-2-cols .group-item:last-child > ul, .group.more-than-2-cols .group-item:last-child > ol, .group.more-than-2-cols .group-item:last-child > pre, .group.more-than-2-cols .group-item:last-child > .block, .group.more-than-2-cols .group-item:last-child > svg {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    .group.more-than-2-cols .group-item:last-child > p, .group.more-than-2-cols .group-item:last-child > ul, .group.more-than-2-cols .group-item:last-child > ol, .group.more-than-2-cols .group-item:last-child > pre, .group.more-than-2-cols .group-item:last-child > .block, .group.more-than-2-cols .group-item:last-child > svg {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) {
        padding-right: 12px;
        padding-left: 12px
    }

    .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > p, .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > ul, .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > ol, .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > pre, .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > .block, .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > svg {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > p, .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > ul, .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > ol, .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > pre, .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > .block, .group.more-than-2-cols .group-item:not(:first-child):not(:last-child) > svg {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .group.group--columns-vbottom .group-item, .group.group--columns-vbottom-noMargin .group-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    [class*=' group--columns-vcenter'].group .group-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        z-index: 2
    }

    .group.group--columns-noMargin, .group.group--columns-vcenter-noMargin, .group.group--columns-vbottom-noMargin {
        margin-bottom: 25px
    }

    .group.group--columns-rightMargin .group-item, .group.group--columns-vcenter-rightMargin .group-item {
        min-width: 50%
    }

    .group.group--columns-rightMargin .group-item + .group-item, .group.group--columns-vcenter-rightMargin .group-item + .group-item {
        padding-left: 10vw
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    .group.group--columns-rightMargin .group-item + .group-item, .group.group--columns-vcenter-rightMargin .group-item + .group-item {
        padding-left: 128px
    }
}

@media (min-width: 768px) {
    [class*=' group--carousel'].group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -15%;
        margin-right: -15%
    }
}

@media (min-width: 768px) and (min-width: 1680px) {
    [class*=' group--carousel'].group {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 768px) {
    [class*=' group--carousel'].group .group-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center
    }

    [class*=' group--carousel'].group .block {
        margin: 0 0 1em
    }

    [class*=' group--carousel'].group img {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .group.group--carousel-collapse .block {
        margin: 0 -25px
    }

    .group.group--overlapped {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -25px;
        margin-right: -25px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .group.group--overlapped .group-item {
        max-width: 50.1%;
        min-width: 50.1%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .group.group--overlapped .group-item > p, .group.group--overlapped .group-item > ul, .group.group--overlapped .group-item > ol, .group.group--overlapped .group-item > pre, .group.group--overlapped .group-item > .block, .group.group--overlapped .group-item > svg {
        margin-right: 6.25vw;
        margin-left: 6.25vw
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    .group.group--overlapped .group-item > p, .group.group--overlapped .group-item > ul, .group.group--overlapped .group-item > ol, .group.group--overlapped .group-item > pre, .group.group--overlapped .group-item > .block, .group.group--overlapped .group-item > svg {
        margin-right: 80px;
        margin-left: 80px
    }
}

@media (min-width: 768px) {
    .group.group--overlapped .group-item:nth-child(2n+1) > p, .group.group--overlapped .group-item:nth-child(2n+1) > ul, .group.group--overlapped .group-item:nth-child(2n+1) > ol, .group.group--overlapped .group-item:nth-child(2n+1) > pre, .group.group--overlapped .group-item:nth-child(2n+1) > .block, .group.group--overlapped .group-item:nth-child(2n+1) > svg {
        margin-right: 0;
        margin-left: 12.5vw
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    .group.group--overlapped .group-item:nth-child(2n+1) > p, .group.group--overlapped .group-item:nth-child(2n+1) > ul, .group.group--overlapped .group-item:nth-child(2n+1) > ol, .group.group--overlapped .group-item:nth-child(2n+1) > pre, .group.group--overlapped .group-item:nth-child(2n+1) > .block, .group.group--overlapped .group-item:nth-child(2n+1) > svg {
        margin-right: 0;
        margin-left: 160px
    }
}

@media (min-width: 768px) {
    .group.group--overlapped .group-item:nth-child(2n) {
        margin-left: auto
    }

    .group.group--overlapped .group-item:nth-child(2n) > p, .group.group--overlapped .group-item:nth-child(2n) > ul, .group.group--overlapped .group-item:nth-child(2n) > ol, .group.group--overlapped .group-item:nth-child(2n) > pre, .group.group--overlapped .group-item:nth-child(2n) > .block, .group.group--overlapped .group-item:nth-child(2n) > svg {
        margin-left: 0;
        margin-right: 12.5vw
    }
}

@media (min-width: 768px) and (min-width: 1280px) {
    .group.group--overlapped .group-item:nth-child(2n) > p, .group.group--overlapped .group-item:nth-child(2n) > ul, .group.group--overlapped .group-item:nth-child(2n) > ol, .group.group--overlapped .group-item:nth-child(2n) > pre, .group.group--overlapped .group-item:nth-child(2n) > .block, .group.group--overlapped .group-item:nth-child(2n) > svg {
        margin-left: 0;
        margin-right: 160px
    }
}

@media (min-width: 768px) {
    .group.group--overlapped .group-item:nth-child(n+2) {
        margin-top: -4em
    }
}

@media (min-width: 769px) {
    [class*=' group--columns-rightParallax'].group > div:last-child {
        will-change: transform;
        -webkit-transform: translate3d(0, 165px, 0);
        transform: translate3d(0, 165px, 0)
    }

    [class*=' group--carousel'].group:nth-child(1) {
        -webkit-transform: translate3d(0, 215px, 0);
        transform: translate3d(0, 215px, 0)
    }

    [class*=' group--carousel'].group:nth-child(2) {
        -webkit-transform: translate3d(0, 114px, 0);
        transform: translate3d(0, 114px, 0)
    }

    [class*=' group--carousel'].group:nth-child(3) {
        -webkit-transform: translate3d(0, 301px, 0);
        transform: translate3d(0, 301px, 0)
    }

    [class*=' group--carousel'].group:nth-child(4) {
        -webkit-transform: translate3d(0, 247px, 0);
        transform: translate3d(0, 247px, 0)
    }
}

@media (min-width: 1680px) {
    .group {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .group.group--carousel-collapse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: -webkit-transform 1s ease-in-out;
        transition: -webkit-transform 1s ease-in-out;
        transition: transform 1s ease-in-out;
        transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out
    }

    .group.group--carousel-collapse .group-item {
        min-width: 90%;
        max-width: 90%;
        margin-right: 2px
    }

    .group.group--carousel-collapse .group-item .block {
        margin: 0
    }

    .group.group--overlapped .group-item {
        margin-bottom: 65px
    }
}

.cms-content [class*='--groupBackground'] {
    padding-bottom: 70px;
    padding-top: 70px
}

@media (min-width: 1200px) {
    .cms-content [class*='--groupBackground'] {
        padding-bottom: 140px;
        padding-top: 140px
    }
}

.cms-content [class*='--groupBackground']:first-child {
    margin-top: -170px
}

@media (max-width: 767px) {
    .cms-content [class*='--groupBackground']:first-child {
        margin-top: -100px
    }
}

.cms-content [class*='--groupBackground'] + [class*='--groupBackground'] {
    margin-top: -70px
}

@media (min-width: 1200px) {
    .cms-content [class*='--groupBackground'] + [class*='--groupBackground'] {
        margin-top: -140px
    }
}

.cms-content [class*='--groupBackground'].group--columns-noMargin {
    padding-bottom: 0;
    margin-bottom: 0
}

.--groupBackground-dark {
    background-color: #181F2C;
    color: #fff
}

.--groupBackground-dark p, .--groupBackground-dark .block-header, .--groupBackground-dark li, .--groupBackground-dark .block-line-connect p {
    color: #fff
}

.--groupBackground-coral {
    background-color: #FF4745;
    color: #fff
}

.--groupBackground-coral p, .--groupBackground-coral li {
    color: #fff
}

.--groupBackground-gray {
    background-color: #f9f9f9
}

.--groupBackground-default {
    background-color: #fff
}

.block-caption {
    text-align: center
}

.block-caption figcaption {
    display: block;
    color: #585858;
    font-size: 12px;
    line-height: 2em;
    font-weight: 400;
    padding-top: 10px
}

@media (min-width: 768px) {
    .block-caption figcaption {
        max-width: 623px;
        margin-right: auto;
        margin-left: auto
    }
}

.cms-content .block-caption.-inline-block, .cms-content .group-item .block-caption.-inline-block {
    margin-bottom: 70px
}

.cms-content .block-caption.-inline-block:first-child, .cms-content .group-item .block-caption.-inline-block:first-child {
    margin-top: 0
}

.block-caption.-inline-block img {
    width: auto;
    margin-left: 0
}

.block-caption.-center img {
    margin-left: auto;
    margin-right: auto
}

.block-accordion {
    background: #181F2C;
    color: #fff;
    text-align: center;
    overflow: hidden;
    position: relative
}

.block-accordion p {
    color: #fff
}

.block-accordion::-webkit-scrollbar {
    width: 10px
}

.block-accordion .title, .block-accordion .block-header {
    margin: 0;
    padding: 50px 0 9%;
    position: relative;
    z-index: 3
}

.block-accordion:after {
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(24, 24, 24, 0.7)
}

.block-accordion .bg {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    opacity: 0;
    will-change: opacity, transform;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.block-accordion .bg img {
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%
}

.block-accordion .bg.visible {
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.block-accordion .check-elem-height {
    position: absolute !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    opacity: 0 !important;
    -webkit-transition: none !important;
    transition: none !important;
    height: auto !important;
    opacity: 1 !important
}

.block-accordion-item {
    position: relative;
    padding-bottom: 8.5vw
}

.block-accordion-item .name {
    font-weight: 500;
    margin: 0 20px
}

.block-accordion-item .data {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.block-accordion-item .number {
    font-weight: 500;
    margin-top: 0.7em
}

.block-accordion-item .line-connect > *:first-child:after {
    border-color: rgba(255, 255, 255, 0.3)
}

.block-accordion-item .description {
    line-height: 2.15em;
    opacity: .5;
    text-align: left;
    max-width: 375px;
    margin-top: 0.7em;
    min-height: 160px
}

.block-accordion-item .name, .block-accordion-item p {
    position: relative;
    z-index: 3
}

.block-accordion-item .bg-imgs {
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .3s .15s ease;
    transition: opacity .3s .15s ease;
    will-change: opacity
}

.block-accordion-item .bg-imgs img {
    max-height: 24vw;
    max-width: 35vw;
    width: auto;
    position: absolute;
    right: 62.4vw;
    top: -2vw;
    -webkit-transform: translate3d(0px, 35px, 0);
    transform: translate3d(0px, 35px, 0);
    -webkit-transition: -webkit-transform .75s .15s ease;
    transition: -webkit-transform .75s .15s ease;
    transition: transform .75s .15s ease;
    transition: transform .75s .15s ease, -webkit-transform .75s .15s ease;
    will-change: transform
}

.block-accordion-item .bg-imgs img + img {
    -webkit-transform: translate3d(0px, 60px, 0);
    transform: translate3d(0px, 60px, 0);
    right: auto;
    left: 63vw;
    top: -11vw
}

.-untouchable .block-accordion-item.active-anim .data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: height .3s .15s ease-out;
    transition: height .3s .15s ease-out;
    height: 0;
    overflow: hidden
}

.-untouchable .block-accordion-item.active.active-anim .data {
    -webkit-transition: height .3s 0s ease-out;
    transition: height .3s 0s ease-out
}

.block-accordion-item.active.active-anim .bg-imgs {
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.block-accordion-item.active.active-anim .bg-imgs img {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.block-accordion-item.active.active-anim .bg-imgs img + img {
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s
}

.-untouchable .block-accordion-item:not(.active) .name {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff
}

.editable .block-accordion-item {
    overflow: hidden;
    background-color: #181F2C;
    color: #fff;
    text-align: center
}

.editable .block-accordion-item .data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.editable .block-accordion-item .bg-imgs {
    opacity: 1
}

.-touchable .block-accordion-item .data {
    display: block
}

@media (min-width: 768px) {
    .-touchable .block-accordion-item .data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.-touchable .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    position: relative;
    z-index: 3;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.-touchable .pagination a {
    display: block;
    height: 20px;
    min-width: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0px 25px
}

.-touchable .pagination a:after {
    content: " ";
    color: #fff;
    display: block;
    width: 100%;
    border-bottom: solid 1px currentColor;
    height: 10px;
    -webkit-transition: color 1s ease;
    transition: color 1s ease
}

.-touchable .pagination a:hover:after, .-touchable .pagination a.active:after {
    color: #FF4745
}

@media (max-width: 768px) {
    .block-accordion p {
        margin-left: 0;
        margin-right: 0
    }

    .block-accordion .itemsWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: -webkit-transform 1s ease-in-out;
        transition: -webkit-transform 1s ease-in-out;
        transition: transform 1s ease-in-out;
        transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
        position: relative;
        z-index: 3
    }

    .block-accordion .itemsWrap .item {
        min-width: 100%;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 40px 40px 80px 0;
        opacity: .3;
        -webkit-transition: opacity 1s ease;
        transition: opacity 1s ease
    }

    .block-accordion .itemsWrap .item h3 {
        margin-bottom: 0.5em;
        min-height: 2.3em
    }

    .block-accordion .itemsWrap .item .name {
        margin-left: 0;
        text-align: left;
        font-size: 9vw
    }

    .block-accordion .itemsWrap .item.active {
        opacity: 1
    }

    .block-accordion .itemsWrap .data {
        text-align: left
    }

    .block-accordion .itemsWrap .data .line-connect > *:first-child:after {
        display: block;
        margin-top: 1em;
        margin-left: 0
    }

    .block-accordion .itemsWrap .data .description {
        margin-top: 0
    }

    .block-accordion .bg-imgs {
        display: none
    }
}

.block-header {
    word-break: break-word
}

.block-header:not(.h--h120-116-500):not(.h--h100-140-500):not(.h--h80-125-500):not(.h--h50-15-400):not(.h--h20-175-500):not(.h--h11-1-500) {
    margin-bottom: 1em
}

.block-header.h--h30-15-400 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 1em
}

.block-header.h--h11-1-500 {
    text-transform: uppercase
}

.block-header.center {
    text-align: center
}

@media (max-width: 767px) {
    .block-header.center.h--h50-15-400 {
        text-align: left
    }
}

.block-header.left {
    text-align: left
}

.block-header.add-last-dot:after {
    display: none
}

.block-header.h--h120-116-500.add-last-dot:after, .block-header.h--h100-140-500.add-last-dot:after, .block-header.h--h80-125-500.add-last-dot:after {
    content: '.';
    display: inline;
    color: #FF4745
}

.block-header .enum-header {
    position: relative;
    top: -0.2em;
    width: 47px;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin: 0 20px
}

.cms-content ul, .cms-content ol {
    list-style-type: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cms-content ul li, .cms-content ol li {
    position: relative;
    line-height: 2.57em;
    margin-bottom: 1.7em
}

.cms-content ul li::before, .cms-content ol li::before {
    position: absolute
}

@media (max-width: 767px) {
    .cms-content ul li, .cms-content ol li {
        margin-bottom: 0
    }
}

.cms-content ul li p, .cms-content ol li p {
    margin: 0
}

.cms-content ul li p + p, .cms-content ol li p + p {
    margin-top: 1em
}

.cms-content ul {
    padding-left: 40px
}

@media (max-width: 767px) {
    .cms-content ul {
        padding-left: 30px
    }
}

.cms-content ul li::before {
    content: " ";
    left: -25px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #FF4745;
    top: 1.15em
}

.cms-content ol {
    padding-left: 0;
    counter-reset: ol-counter 1
}

.cms-content ol[start="1"] {
    counter-reset: ol-counter 1
}

.cms-content ol[start="2"] {
    counter-reset: ol-counter 2
}

.cms-content ol[start="3"] {
    counter-reset: ol-counter 3
}

.cms-content ol[start="4"] {
    counter-reset: ol-counter 4
}

.cms-content ol[start="5"] {
    counter-reset: ol-counter 5
}

.cms-content ol[start="6"] {
    counter-reset: ol-counter 6
}

.cms-content ol[start="7"] {
    counter-reset: ol-counter 7
}

.cms-content ol[start="8"] {
    counter-reset: ol-counter 8
}

.cms-content ol[start="9"] {
    counter-reset: ol-counter 9
}

.cms-content ol[start="10"] {
    counter-reset: ol-counter 10
}

.cms-content ol[start="11"] {
    counter-reset: ol-counter 11
}

.cms-content ol[start="12"] {
    counter-reset: ol-counter 12
}

.cms-content ol[start="13"] {
    counter-reset: ol-counter 13
}

.cms-content ol[start="14"] {
    counter-reset: ol-counter 14
}

.cms-content ol[start="15"] {
    counter-reset: ol-counter 15
}

.cms-content ol[start="16"] {
    counter-reset: ol-counter 16
}

.cms-content ol[start="17"] {
    counter-reset: ol-counter 17
}

.cms-content ol[start="18"] {
    counter-reset: ol-counter 18
}

.cms-content ol[start="19"] {
    counter-reset: ol-counter 19
}

.cms-content ol[start="20"] {
    counter-reset: ol-counter 20
}

.cms-content ol[start="21"] {
    counter-reset: ol-counter 21
}

.cms-content ol[start="22"] {
    counter-reset: ol-counter 22
}

.cms-content ol[start="23"] {
    counter-reset: ol-counter 23
}

.cms-content ol[start="24"] {
    counter-reset: ol-counter 24
}

.cms-content ol[start="25"] {
    counter-reset: ol-counter 25
}

.cms-content ol[start="26"] {
    counter-reset: ol-counter 26
}

.cms-content ol[start="27"] {
    counter-reset: ol-counter 27
}

.cms-content ol[start="28"] {
    counter-reset: ol-counter 28
}

.cms-content ol[start="29"] {
    counter-reset: ol-counter 29
}

.cms-content ol[start="30"] {
    counter-reset: ol-counter 30
}

.cms-content ol[start="31"] {
    counter-reset: ol-counter 31
}

.cms-content ol[start="32"] {
    counter-reset: ol-counter 32
}

.cms-content ol[start="33"] {
    counter-reset: ol-counter 33
}

.cms-content ol[start="34"] {
    counter-reset: ol-counter 34
}

.cms-content ol[start="35"] {
    counter-reset: ol-counter 35
}

.cms-content ol[start="36"] {
    counter-reset: ol-counter 36
}

.cms-content ol[start="37"] {
    counter-reset: ol-counter 37
}

.cms-content ol[start="38"] {
    counter-reset: ol-counter 38
}

.cms-content ol[start="39"] {
    counter-reset: ol-counter 39
}

.cms-content ol[start="40"] {
    counter-reset: ol-counter 40
}

.cms-content ol[start="41"] {
    counter-reset: ol-counter 41
}

.cms-content ol[start="42"] {
    counter-reset: ol-counter 42
}

.cms-content ol[start="43"] {
    counter-reset: ol-counter 43
}

.cms-content ol[start="44"] {
    counter-reset: ol-counter 44
}

.cms-content ol[start="45"] {
    counter-reset: ol-counter 45
}

.cms-content ol[start="46"] {
    counter-reset: ol-counter 46
}

.cms-content ol[start="47"] {
    counter-reset: ol-counter 47
}

.cms-content ol[start="48"] {
    counter-reset: ol-counter 48
}

.cms-content ol[start="49"] {
    counter-reset: ol-counter 49
}

.cms-content ol[start="50"] {
    counter-reset: ol-counter 50
}

.cms-content ol li {
    padding-left: 105px
}

@media (max-width: 767px) {
    .cms-content ol li {
        padding-left: 45px
    }
}

.cms-content ol li::before {
    content: "0" counter(ol-counter) ". ";
    font-weight: 500;
    top: 0;
    left: -7px;
    width: 30px;
    text-align: right
}

.cms-content ol li::after {
    content: " ";
    position: relative;
    top: -3px;
    width: 47px;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin: 0 20px;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    left: 20px;
    top: 22px;
    position: absolute;
    counter-increment: ol-counter
}

@media (max-width: 767px) {
    .cms-content ol li::after {
        opacity: 0
    }
}

.cms-content ol li:nth-child(n+10)::before {
    content: counter(ol-counter) ". "
}

.cms-content ol[start] li::before {
    content: counter(ol-counter) ". "
}

.cms-content ol[start="1"] li:nth-child(-n+9)::before {
    content: "0" counter(ol-counter) ". "
}

.cms-content ol[start="2"] li:nth-child(-n+8)::before {
    content: "0" counter(ol-counter) ". "
}

.cms-content ol[start="3"] li:nth-child(-n+7)::before {
    content: "0" counter(ol-counter) ". "
}

.cms-content ol[start="4"] li:nth-child(-n+6)::before {
    content: "0" counter(ol-counter) ". "
}

.cms-content ol[start="5"] li:nth-child(-n+5)::before {
    content: "0" counter(ol-counter) ". "
}

.cms-content ol[start="6"] li:nth-child(-n+4)::before {
    content: "0" counter(ol-counter) ". "
}

.cms-content ol[start="7"] li:nth-child(-n+3)::before {
    content: "0" counter(ol-counter) ". "
}

.cms-content ol[start="8"] li:nth-child(-n+2)::before {
    content: "0" counter(ol-counter) ". "
}

.cms-content ol[start="9"] li:nth-child(-n+1)::before {
    content: "0" counter(ol-counter) ". "
}

#clients-logos {
    margin: 0 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#clients-logos img {
    width: 33.33%;
    height: 105px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0.5
}

@media (min-width: 768px) {
    #clients-logos img {
        width: 25%
    }
}

@media (min-width: 900px) {
    #clients-logos img {
        width: 16.66%
    }
}

.block-video {
    position: relative
}

.block-video.v--full-width {
    margin-left: 0;
    margin-right: 0
}

.block-video.v--full-width img {
    margin: 0 auto
}

.block-video.block-full-height {
    overflow: hidden
}

@media (min-width: 768px) {
    .block-video.block-full-height {
        height: 100vh
    }

    .block-video.block-full-height img {
        height: 100vh
    }
}

.block-video a {
    display: block
}

.block-video a img {
    -o-object-fit: cover;
    object-fit: cover
}

.block-video a:before {
    content: " ";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(24, 24, 24, 0.7)
}

.block-video a:after {
    content: "watch the video";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 1em;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.5)
}

.block-video a:hover:after, .-touchable .block-video a:after {
    -webkit-text-stroke-color: #fff
}

.block-video iframe, .block-video video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    height: 100%;
    width: 100%;
    background-color: #181F2C
}

.block-codepen {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid;
    margin: 1em auto;
    padding: 1em
}

.cp_embed_wrapper {
    margin: 0 12.5vw 70px
}

@media (max-width: 767px) {
    .cp_embed_wrapper {
        margin-left: 10vw;
        margin-right: 10vw
    }
}

@media (min-width: 1280px) {
    .cp_embed_wrapper {
        margin-right: 160px;
        margin-left: 160px
    }
}

@media (max-width: 767px) {
    .cp_embed_wrapper {
        margin-bottom: 30px
    }
}

.block-image img {
    margin-left: auto;
    margin-right: auto;
    width: auto
}

.cms-content .block-image.-inline-block, .cms-content .group-item .block-image.-inline-block {
    margin-top: 13vw;
    margin-bottom: 30px
}

.cms-content .block-image.-inline-block:first-child, .cms-content .group-item .block-image.-inline-block:first-child {
    margin-top: 0
}

@media (min-width: 1280px) {
    .cms-content .block-image.-inline-block, .cms-content .group-item .block-image.-inline-block {
        margin-top: 170px
    }
}

.block-image.-inline-block img {
    width: auto;
    margin-left: 0
}

.block-image.-center img {
    margin-left: auto;
    margin-right: auto
}

.block-image.-right img {
    margin-left: auto
}

.block-person {
    position: relative
}

.block-person .icon p, .block-person .person p {
    margin: 0
}

.block-person .icon {
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 75px;
    margin-left: 10px
}

.block-person .person {
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 0
}

.block-person .person img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto 30px
}

.block-person .name {
    font-weight: 500;
    text-align: center;
    color: #181F2C
}

.block-person .name:before {
    content: " ";
    display: inline-block;
    width: 26px;
    height: 1px;
    margin-right: 10px;
    background-color: #999;
    position: relative;
    top: -3px
}

.block-person .logo-path {
    position: absolute;
    z-index: 1;
    overflow: visible;
    top: 0;
    left: 50%;
    width: 91px
}

.block-person.p--logo-dark .bouncing-isotype {
    display: block
}

.block-person.p--logo-coral .bouncing-isotype {
    display: block
}

.block-person.p--logo-coral .logo-path {
    fill: #FF4745;
    top: 5%;
    margin-left: -100px
}

.block-person.p--logo-coral .logo-path use {
    animation-direction: alternate-reverse
}

.line-connect.-no-subtitle > *:first-child::after {
    border-top-color: #FF4745
}

.black-panel .line-connect > *:first-child::after {
    border-top-color: #FF4745
}

.line-connect.level3 > *:first-child::after {
    display: none
}

.line-connect.level3 > *:nth-last-child(2)::after {
    width: 30px
}

.cms-content .block-line-connect, .cms-content .group-item .block-line-connect {
    margin-bottom: 0
}

.cms-content > .block-line-connect {
    margin-left: 12.5vw;
    margin-right: 12.5vw;
    margin-bottom: 0.7vw;
    max-width: none
}

@media (max-width: 767px) {
    .cms-content > .block-line-connect {
        margin-left: 10vw;
        margin-right: 10vw
    }
}

@media (min-width: 1280px) {
    .cms-content > .block-line-connect {
        margin-right: 160px;
        margin-left: 160px
    }
}

.block-line-connect p {
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    color: #181F2C
}

.block-line-connect p:last-child {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .block-line-connect p:last-child {
        margin-bottom: 40px
    }
}

.block-line-connect.center {
    text-align: center
}

.block-line-connect.right {
    text-align: right
}

.block-quote {
    text-align: center
}

.block-quote p {
    margin: 0
}

.block-quote blockquote {
    margin: 50px 0 60px;
    border-width: 0;
    padding-left: 0;
    left: 0;
    max-width: none
}

.block-quote.-longer-quote blockquote {
    font-size: 38px;
    font-weight: 400
}

.block-quote.-with-image .name {
    text-transform: uppercase
}

.block-quote.-no-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.block-quote.-no-image blockquote {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0
}

.block-quote.-no-image .person-info {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.block-quote.-no-image .person-info > * {
    color: #181F2C;
    font-weight: 500
}

pre, code {
    font-family: monospace;
    font-size: 14px;
    white-space: pre-wrap
}

p code {
    background-color: #F3F3F4;
    padding: 0 8px;
    line-height: 1.8em;
    display: inline-block
}

pre {
    padding: 70px 35px 60px 84px;
    margin-top: 70px;
    margin-bottom: 60px;
    font-family: Monaco, Consolas, Lucida Console, monospace;
    font-size: 14px;
    line-height: 1.8em;
    color: #181F2C;
    text-shadow: 0 1px white;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    overflow: auto;
    background-color: #F3F3F4;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word
}

@media (max-width: 767px) {
    pre {
        padding: 20px
    }
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
    text-shadow: none
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {
    text-shadow: none
}

@media print {
    code[class*="language-"], pre[class*="language-"] {
        text-shadow: none
    }
}

:not(pre) > code[class*="language-"] {
    padding: .1em;
    white-space: normal
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
    color: slategray
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
    color: #905
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
    color: #690
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
    color: #9a6e3a;
    background: rgba(255, 255, 255, 0.5)
}

.token.atrule, .token.attr-value, .token.keyword {
    color: #07a
}

.token.function, .token.class-name {
    color: #DD4A68
}

.token.regex, .token.important, .token.variable {
    color: #e90
}

.token.important, .token.bold {
    font-weight: bold
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

div.code-toolbar {
    position: relative
}

div.code-toolbar > .toolbar {
    position: absolute;
    top: .3em;
    right: .2em;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 0
}

div.code-toolbar:hover > .toolbar {
    opacity: 1
}

div.code-toolbar:focus-within > .toolbar {
    opacity: 1
}

div.code-toolbar > .toolbar .toolbar-item {
    display: inline-block
}

div.code-toolbar > .toolbar a {
    cursor: pointer
}

div.code-toolbar > .toolbar button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar span {
    padding: .5em 0;
    font-weight: 500;
    border-bottom: solid 2px;
    margin: 0.2em 1em;
    font-size: 16px
}

div.code-toolbar > .toolbar a:hover, div.code-toolbar > .toolbar a:focus, div.code-toolbar > .toolbar button:hover, div.code-toolbar > .toolbar button:focus, div.code-toolbar > .toolbar span:hover, div.code-toolbar > .toolbar span:focus {
    color: inherit;
    text-decoration: none
}

.block-claim {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.block-claim p {
    margin: 0
}

.block-claim .title, .block-claim .subtitle {
    position: relative;
    z-index: 3;
    margin: 60px 27.5vw 55px 12.5vw
}

@media (min-width: 1280px) {
    .block-claim .title, .block-claim .subtitle {
        margin-right: 35%;
        margin-left: 160px
    }
}

.block-claim img {
    width: 35vw;
    height: auto;
    max-height: 75vh;
    position: absolute;
    right: 12.5vw;
    top: 60px;
    z-index: 1
}

@media (min-width: 1280px) {
    .block-claim img {
        width: 448px
    }
}

@media (min-width: 1280px) {
    .block-claim img {
        right: 160px
    }
}

@media (max-width: 767px) {
    .block-claim img {
        position: relative;
        top: -60px;
        right: auto;
        width: 80%;
        left: 10%
    }
}

.block-claim.c--outline-coral {
    color: #fff;
    background-color: #FF4745
}

.block-claim.c--outline-coral .title, .block-claim.c--outline-coral .subtitle, .block-claim.c--outline-coral .data {
    color: #fff
}

.block-claim.c--outline-coral .subtitle {
    font-weight: 400;
    margin-top: 0
}

.block-claim.c--outline-coral.-long-title .title, .block-claim.c--outline-coral.-long-title .subtitle {
    margin-right: 12.5vw
}

@media (min-width: 1280px) {
    .block-claim.c--outline-coral.-long-title .title, .block-claim.c--outline-coral.-long-title .subtitle {
        margin-right: 160px
    }
}

@media (max-width: 767px) {
    .block-claim.c--outline-coral + .h--h100-140-500 {
        margin-top: 100px
    }

    .block-claim.c--outline-coral .title {
        font-size: 32px
    }

    .block-claim.c--outline-coral .title + .subtitle {
        margin-top: -40px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.75em
    }
}

.block-claim.c--outline-coral .data {
    display: block;
    position: absolute;
    width: 100%
}

.block-claim.c--outline-coral .data .parallax-title {
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
    font-size: inherit;
    text-align: center;
    width: 100%
}

.block-claim.c--outline-coral img {
    display: none
}

@media (min-width: 768px) {
    .block-claim.c--outline-coral {
        padding: 150px 0
    }
}

.block-claim.c--outline-coral .bt {
    color: #fff
}

.block-claim.c--outline-coral.add-last-dot .title::after {
    content: '.';
    display: inline;
    color: #fff
}

.block-claim.c--with-image {
    margin-right: 0;
    margin-left: 0
}

.block-claim.c--with-image .data {
    display: none
}

.block-claim.c--with-image .title {
    color: #181F2C;
    margin-bottom: 2.5em
}

@media (max-width: 1079px) {
    .block-claim.c--with-image .title {
        font-size: 7vw
    }
}

@media (max-width: 479px) {
    .block-claim.c--with-image .title {
        font-size: 8vw
    }
}

.block-claim.c--with-image.add-last-dot .title::after {
    content: '.';
    display: inline;
    color: #FF4745
}

.block-claim.c--with-image .subtitle {
    margin: .5em 27.5vw .5em 12.5vw;
    position: relative;
    z-index: 2
}

@media (min-width: 1280px) {
    .block-claim.c--with-image .subtitle {
        margin-right: 352px;
        margin-left: 160px
    }
}

.block-claim.c--with-image .title + .subtitle {
    margin-top: -3.8em;
    margin-bottom: 3em
}

.block-figures {
    position: relative;
    margin: 0;
    padding-top: 12vw
}

@media (min-width: 1280px) {
    .block-figures {
        padding-top: 160px
    }
}

.block-figures .title {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: .15;
    padding-top: 11vw
}

@media (max-width: 767px) {
    .block-figures .title {
        display: none
    }
}

@media (min-width: 1920px) {
    .block-figures .title {
        padding-top: 0.1em
    }
}

.block-figures .parallax-title {
    -webkit-text-stroke-color: #FF4745;
    font-weight: 500;
    font-size: 1em
}

.block-figures .figures {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 3.6vw;
    position: relative;
    z-index: 2
}

@media (max-width: 767px) {
    .block-figures .figures {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.block-figures .figures .figure {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

@media (max-width: 767px) {
    .block-figures .figures .figure {
        margin-bottom: 50px
    }
}

.block-figures .figures .figure > * {
    color: #181F2C;
    font-weight: 500;
    margin: 0;
    display: block
}

@media (max-width: 767px) {
    .block-figures .figures .figure > *:first-child {
        font-size: 80px !important
    }
}

.block-podcast {
    display: block
}

.block-podcast iframe {
    width: 100%;
    height: 200px
}

.block-iframe {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .block-iframe.-like-text-width {
        padding-left: 10vw;
        padding-right: 10vw;
        margin-left: 0;
        margin-right: 0
    }
}

.block-script {
    font-family: monospace;
    font-size: 1em;
    white-space: pre-wrap;
    background-color: #F3F3F4;
    padding: 20px 60px;
    line-height: 1.8em;
    text-align: center;
    color: #c5c5c5
}

.block-icon {
    border: solid 1px red
}

.cms-content .block-button, .cms-content.page .block-button {
    text-align: center
}

.cms-content .block-button, .cms-content .group-item .block-button {
    margin: 0 12.5vw 2em;
    max-width: none
}

@media (max-width: 767px) {
    .cms-content .block-button, .cms-content .group-item .block-button {
        margin: 0 10vw 27px
    }
}

@media (min-width: 1280px) {
    .cms-content .block-button, .cms-content .group-item .block-button {
        margin-left: 160px;
        margin-right: 160px
    }
}

.cms-content .block-button.center {
    text-align: center
}

.cms-content .block-button.left {
    text-align: left
}

@media (min-width: 768px) {
    .cms-content .block-button.right {
        text-align: right
    }
}

.block-button .b--dark {
    color: #181F2C
}

.block-link.b--default {
    width: calc(50% - 12vw);
    min-width: 500px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.block-link.b--default p {
    margin: 0
}

.block-link.b--default .title {
    margin: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: center
}

.block-link.b--default .imgWrap {
    position: relative;
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    overflow: hidden;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    will-change: transform, opacity;
    margin-bottom: 15px
}

.block-link.b--default .imgWrap img {
    height: 21.3vw;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.block-link.b--default .description {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    text-align: center
}

.block-link.b--default > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.block-link.b--default > a:hover .imgWrap {
    -webkit-transform: scale(0.95) rotateY(7deg);
    transform: scale(0.95) rotateY(7deg)
}

[class*=' group--columns'].group .block-link.b--default {
    width: auto
}

@media (min-width: 768px) {
    .block-link.b--default {
        min-width: 0;
        width: 100%;
        padding: 0 50px 0 40px
    }
}

.block-link.-box {
    color: #fff
}

.block-link.-box a {
    background-size: cover;
    background-position: center;
    background-color: #FF4745;
    position: relative;
    display: block;
    padding-bottom: 20px
}

.group-item + .group-item .block-link.-box a {
    background-color: #181F2C
}

.block-link.-box p {
    color: #fff
}

.block-link.-box .data {
    width: 100%;
    height: 100%;
    padding: 20px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1000px) {
    .block-link.-box .data {
        padding-left: 80px;
        padding-right: 60px
    }
}

.block-link.-box .data .area {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: -3vw;
    margin-bottom: 0
}

.block-link.-box .data .area > *:first-child:after {
    border-color: rgba(255, 255, 255, 0.3)
}

.block-link.-box .data .title-wrap {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 768px) {
    .block-link.-box a {
        padding-bottom: 92%
    }

    .block-link.-box .data {
        position: absolute
    }
}

.block-link.-box .box-title {
    font-weight: 400
}

@media (max-width: 999px) and (min-width: 768px) {
    .block-link.-box .box-title {
        font-size: 20px
    }
}

@media (max-width: 500px) {
    .block-link.-box .box-title {
        font-size: 20px
    }
}

.block-link.-box.-with-image {
    text-align: center
}

.block-link.-box.-with-image .data {
    background-color: rgba(24, 24, 24, 0.7)
}

.block-htwdal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 10% 12.5vw;
    background: #f6f6f6
}

@media (min-width: 1280px) {
    .block-htwdal {
        padding-left: 160px;
        padding-right: 160px
    }
}

.block-htwdal .inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 62fr 38fr;
    grid-template-columns:62fr 38fr;
    -ms-grid-rows: auto auto;
    grid-template-rows:auto auto;
    grid-template-areas:"title description" "links description";
    position: relative;
    z-index: 2;
    max-width: 960px;
    margin: 0 auto
}

.block-htwdal .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: title;
    -ms-grid-row-align: start;
    align-self: start;
    margin: 0
}

@media (min-width: 768px) {
    .block-htwdal .title {
        padding-right: 6vw
    }
}

@media (min-width: 1280px) {
    .block-htwdal .title {
        padding-right: 80px
    }
}

.block-htwdal .description {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    grid-area: description;
    -ms-grid-row-align: start;
    align-self: start;
    color: #585858;
    line-height: 2.5em;
    padding-top: 10px
}

.block-htwdal .description p + p {
    margin-top: 2em
}

.block-htwdal .lesftSideDescription {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    color: #585858;
    line-height: 2.5em;
    padding-top: 10px
}

.block-htwdal .lesftSideDescription p + p {
    margin-top: 2em
}

.block-htwdal .links {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: links;
    -ms-grid-row-align: end;
    align-self: end;
    padding-bottom: 10px;
    margin-top: 5vw
}

@media (min-width: 1280px) {
    .block-htwdal .links {
        padding-right: 64px
    }
}

.block-htwdal .links p {
    margin: 20px 0 30px
}

.block-htwdal .links p + p a {
    color: #181F2C
}

.block-htwdal .links p:last-child {
    margin-bottom: 0
}

.block-htwdal .circle-bg-floating svg {
    top: 45%;
    left: 33%;
    bottom: auto;
    right: auto;
    z-index: 1
}

@media (max-width: 999px) {
    .block-htwdal .inner {
        display: block
    }
}

.block-hero-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center;
    position: relative;
    padding-top: 85px;
    padding-bottom: 130px
}

.block-hero-banner.nbp {
    padding-bottom: 0
}

.mainContent > .block-hero-banner:first-child {
    padding-top: 0
}

@media (min-width: 768px) {
    .block-hero-banner .top-data-right {
        text-align: right
    }
}

.block-hero-banner > * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.block-hero-banner .inner {
    max-width: 792px;
    margin: 0 auto
}

@media (min-width: 1280px) {
    .block-hero-banner .inner {
        max-width: 82%
    }
}

.block-hero-banner .title {
    line-height: 1.16em;
    font-weight: 500;
    margin: 0
}

.block-hero-banner .subtitle {
    font-weight: 400;
    line-height: 1.5em;
    margin: 1em 0 1.3em
}

.block-hero-banner .description {
    color: #585858;
    line-height: 2.5em;
    margin-bottom: 3em
}

.block-hero-banner .description.inner {
    max-width: 65%
}

@media (max-width: 1279px) {
    .block-hero-banner .description.inner {
        max-width: 640px
    }
}

.block-hero-banner.full-height .description p:last-child {
    margin-bottom: 0
}

.block-title-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    padding-top: 85px;
    padding-bottom: 75px
}

.block-title-cols .subtitle {
    font-weight: 400;
    line-height: 1.5em;
    text-align: center
}

.block-title-cols .group {
    color: #585858;
    line-height: 2.5em
}

@media (min-width: 768px) {
    .block-title-cols .group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -25px
    }

    .block-title-cols .group .group-item {
        min-width: 50%;
        max-width: 50%;
        padding: 0 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (min-width: 769px) {
    .block-title-cols .group .parallax-init {
        opacity: 0
    }

    .block-title-cols .group .parallax-started {
        -webkit-transition: opacity .3s ease, -webkit-transform .5s ease;
        transition: opacity .3s ease, -webkit-transform .5s ease;
        transition: transform .5s ease, opacity .3s ease;
        transition: transform .5s ease, opacity .3s ease, -webkit-transform .5s ease;
        opacity: 1
    }
}

.block-title-cols .group-item img {
    margin-top: 1em
}

.block-title-cols .group-item img + p {
    margin-top: 12vw
}

.block-title-cols .group-item p + img {
    margin-top: 5.5vw
}

.block-last-posts {
    position: relative;
    overflow: hidden;
    padding-bottom: 80px;
    padding-top: 9vw
}

.block-last-posts .title {
    font-weight: 500;
    text-align: center;
    margin-bottom: 6vw
}

.block-last-posts .block-line-connect {
    margin-bottom: 0
}

.block-last-posts .list-cols {
    margin: 4% 0 4em
}

@media (max-width: 767px) {
    .block-last-posts .blog-item-in-list {
        padding-bottom: 0
    }

    .block-last-posts .blog-item-in-list + .blog-item-in-list {
        display: none
    }

    .block-last-posts .extra-hude-text {
        font-size: 45px
    }
}

.block-last-posts #viewMoreLink {
    text-align: center;
    margin-top: 4vw;
    margin-bottom: 2.5vw
}

.block-last-posts #viewMoreLink .bt {
    color: #FF4745
}

.our-secret {
    background: #181F2C;
    margin-bottom: 75px
}

.our-secret .parallax-title {
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.5);
    font-size: 200px;
    z-index: 2
}

@media (max-width: 767px) {
    .our-secret .parallax-title {
        font-size: 80px
    }
}

.our-secret__header {
    position: relative;
    overflow: hidden
}

.our-secret__header .parallax-title {
    position: absolute;
    bottom: 80px;
    left: 90px
}

@media (max-width: 767px) {
    .our-secret__header .parallax-title {
        left: 0px
    }
}

.our-secret__header .parallax-title.our-secret__header-title--one {
    bottom: 550px
}

.our-secret__header .parallax-title.our-secret__header-title--two {
    bottom: 350px
}

.our-secret__header .parallax-title.our-secret__header-title--three {
    bottom: 150px
}

.our-secret__title {
    font-size: 100px;
    line-height: 1.16em;
    font-weight: 500;
    color: #fff;
    margin: 150px 0 120px;
    text-align: center
}

@media (max-width: 767px) {
    .our-secret__title {
        font-size: 80px;
        margin: 70px 0
    }
}

.our-secret__img-wrapper {
    position: relative
}

.our-secret__img-wrapper .overlay {
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.our-secret__line-conect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #fff;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 170px
}

@media (max-width: 767px) {
    .our-secret__line-conect {
        margin-right: 0;
        padding: 0 7vw
    }
}

.our-secret__number:after {
    content: " ";
    position: relative;
    top: -3px;
    width: 47px;
    border-top: solid 1px #FF4745;
    display: inline-block;
    margin: 0 20px;
    -webkit-transition: border .3s ease;
    transition: border .3s ease
}

@media (max-width: 767px) {
    .our-secret__number:after {
        left: 5px;
        top: -26px
    }
}

.our-secret__description {
    line-height: 2.15em;
    text-align: left;
    -ms-flex-preferred-size: 375px;
    flex-basis: 375px
}

.our-secret__block-title {
    font-size: 50px;
    line-height: 75px;
    margin-bottom: 70px;
    color: #fff;
    max-width: 455px;
    margin-right: 25%
}

@media (max-width: 767px) {
    .our-secret__block-title {
        margin-right: 0;
        padding: 0 7vw;
        font-size: 40px;
        line-height: 55px;
        margin-bottom: 40px
    }
}

.our-secret__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -190px;
    padding-bottom: 120px
}

@media (max-width: 767px) {
    .our-secret__block {
        margin-top: -150px;
        padding-bottom: 70px
    }
}

.our-secret__overlap-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.our-secret__overlap-block .parallax-title-wrapper {
    position: relative;
    width: 100%;
    height: 300px
}

.our-secret__overlap-block .parallax-title {
    width: 80%;
    top: -100px;
    text-align: left
}

@media (max-width: 767px) {
    .our-secret__overlap-block .parallax-title {
        top: 0
    }
}

.our-secret__overlap-block .parallax-title:last-child {
    top: 80px
}

.our-secret__overlap-block .our-secret__img-wrapper {
    width: 45%;
    margin-left: 160px
}

@media (max-width: 767px) {
    .our-secret__overlap-block .our-secret__img-wrapper {
        margin-left: 0;
        width: 65%
    }
}

.our-secret__overlap-block .our-secret__img-wrapper--last {
    width: 350px
}

@media (max-width: 767px) {
    .our-secret__overlap-block .our-secret__img-wrapper--last {
        width: 65%
    }
}

.our-secret__overlap-block .our-secret__block {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.our-secret__overlap-block .parallax-title-wrapper {
    left: 25%
}

@media (max-width: 767px) {
    .our-secret__overlap-block .parallax-title-wrapper {
        left: 0px
    }
}

.our-secret__overlap-block--right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.our-secret__overlap-block--right .our-secret__img-wrapper {
    width: 80%
}

.our-secret__overlap-block--right .parallax-title-wrapper {
    left: 6%;
    top: -110px
}

.block-author {
    text-align: center;
    margin: 0 0 80px 0;
    color: #999
}

.block-author .title {
    font-weight: 500
}

.block-author #author-photo {
    padding-top: 80px
}

.block-author .bg-moving-isotype {
    margin-left: -50px
}

.block-author .logo-path {
    height: 100px;
    fill: #FF4745;
    -webkit-animation-duration: 32s;
    animation-duration: 32s
}

.block-author img {
    width: 100px;
    border-radius: 50%;
    margin: 0 auto 20px;
    position: relative;
    z-index: 2
}

.block-author .name {
    font-weight: 500;
    margin-bottom: 2.75em
}

.block-author .bio {
    margin: 2em auto;
    line-height: 2.5em;
    max-width: 420px
}

@media (max-width: 767px) {
    .block-author .bio {
        margin: 2em 0
    }
}

@-webkit-keyframes logoBounce-circle-small {
    10% {
        -webkit-transform: translate3d(-5%, -10%, 0);
        transform: translate3d(-5%, -10%, 0)
    }
    20% {
        -webkit-transform: translate3d(-15%, -20%, 0);
        transform: translate3d(-15%, -20%, 0)
    }
    30% {
        -webkit-transform: translate3d(-20%, -30%, 0);
        transform: translate3d(-20%, -30%, 0)
    }
    40% {
        -webkit-transform: translate3d(-15%, -40%, 0);
        transform: translate3d(-15%, -40%, 0)
    }
    50% {
        -webkit-transform: translate3d(-2%, -40%, 0);
        transform: translate3d(-2%, -40%, 0)
    }
    60% {
        -webkit-transform: translate3d(8%, -30%, 0);
        transform: translate3d(8%, -30%, 0)
    }
    70% {
        -webkit-transform: translate3d(12%, -20%, 0);
        transform: translate3d(12%, -20%, 0)
    }
    80% {
        -webkit-transform: translate3d(7%, -10%, 0);
        transform: translate3d(7%, -10%, 0)
    }
    90% {
        -webkit-transform: translate3d(3%, 5%, 0);
        transform: translate3d(3%, 5%, 0)
    }
}

@keyframes logoBounce-circle-small {
    10% {
        -webkit-transform: translate3d(-5%, -10%, 0);
        transform: translate3d(-5%, -10%, 0)
    }
    20% {
        -webkit-transform: translate3d(-15%, -20%, 0);
        transform: translate3d(-15%, -20%, 0)
    }
    30% {
        -webkit-transform: translate3d(-20%, -30%, 0);
        transform: translate3d(-20%, -30%, 0)
    }
    40% {
        -webkit-transform: translate3d(-15%, -40%, 0);
        transform: translate3d(-15%, -40%, 0)
    }
    50% {
        -webkit-transform: translate3d(-2%, -40%, 0);
        transform: translate3d(-2%, -40%, 0)
    }
    60% {
        -webkit-transform: translate3d(8%, -30%, 0);
        transform: translate3d(8%, -30%, 0)
    }
    70% {
        -webkit-transform: translate3d(12%, -20%, 0);
        transform: translate3d(12%, -20%, 0)
    }
    80% {
        -webkit-transform: translate3d(7%, -10%, 0);
        transform: translate3d(7%, -10%, 0)
    }
    90% {
        -webkit-transform: translate3d(3%, 5%, 0);
        transform: translate3d(3%, 5%, 0)
    }
}

table {
    margin: 0 auto 70px;
    width: 100%;
    max-width: 623px;
    table-layout: fixed;
    border-collapse: collapse;
    border-color: #fff
}

table thead {
    background-color: #181F2C;
    color: #fff
}

table th, table td {
    border: 1px solid #e6e6e6;
    padding: 20px
}

table th:first-child, table td:first-child {
    border-left-width: 0
}

table th:last-child, table td:last-child {
    border-right-width: 0
}

table td {
    vertical-align: top
}

table td > a {
    display: block;
    margin-bottom: 1em
}

#logoContextMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    z-index: 99
}

#logoContextMenu .modal {
    background-color: #fff;
    width: 100%;
    padding: 40px 50px 50px;
    position: relative
}

@media (min-width: 767px) {
    #logoContextMenu .modal > * {
        max-width: 50%
    }
}

#logoContextMenu .modal .title {
    margin-bottom: 20px
}

#logoContextMenu .modal .description {
    font-weight: 400;
    margin-bottom: 40px
}

#logoContextMenu .modal .description a {
    text-decoration: underline
}

#logoContextMenu .modal img {
    margin: 0 0 40px;
    width: 200px;
    max-width: 30%
}

@media (min-width: 767px) {
    #logoContextMenu .modal img {
        position: absolute;
        top: 40%;
        right: 50px
    }
}

@media (min-width: 1280px) {
    #logoContextMenu .modal img {
        right: calc(50vw - 640px)
    }
}

.block-logo-showcase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-shadow: 0 0 50px 0px #ececec;
    box-shadow: 0 0 50px 0px #ececec
}

.block-logo-showcase > * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.block-logo-showcase .logo {
    margin: 13vw 40px
}

.block-logo-showcase .logo img {
    height: 6vw;
    width: 16vw;
    display: inline-block;
    -o-object-fit: contain;
    object-fit: contain
}

.block-logo-showcase .color {
    border-top: solid 1px #fff;
    padding: 50px
}

.block-logo-showcase .color p {
    margin: 0;
    line-height: 1.75em
}

.block-logo-showcase .color .hex {
    font-weight: 500
}

.block-logo-showcase .type-inverted {
    background-color: #181F2C
}

.block-logo-showcase .type-inverted p {
    color: #fff
}

.block-logo-showcase .type-default .color {
    background-color: #FF4745
}

.block-logo-showcase .type-default .color p {
    color: #fff
}

#last-careers {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-bottom: 6%
}

#last-careers .title {
    text-align: center;
    margin: 10% 0 8% 0
}

@media (max-width: 652px) {
    body #last-careers .title {
        font-size: 30px
    }
}

#last-careers .parallax-title {
    margin-left: 14%;
    position: absolute;
    z-index: 1;
    top: 25%;
    font-size: 28vw;
    font-weight: 500;
    line-height: 1em
}

@media (max-width: 479px) {
    #last-careers .parallax-title {
        margin-left: 0
    }
}

#last-careers .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8%
}

#last-careers .item {
    padding: 0 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#last-careers .item .micro-txt {
    font-weight: 500;
    margin: 0
}

@media (min-width: 768px) {
    #last-careers .item > * {
        padding-right: 50px
    }

    #last-careers .item:last-child > * {
        padding-right: 10px
    }
}

#last-careers .item-title {
    margin: 0
}

#last-careers .item-title a:after {
    bottom: 5px
}

#last-careers > p {
    position: relative;
    z-index: 2
}

@media (max-width: 767px) {
    #last-careers .item {
        text-align: center
    }

    #last-careers .item + .item {
        display: none
    }

    #last-careers .item .micro-txt {
        margin-bottom: 0
    }

    #last-careers .item .small-txt {
        margin-top: 5px
    }

    #last-careers .bt {
        margin-bottom: 5vw
    }
}

@media (min-width: 1280px) {
    .block.-full-width, .block-accordion.-full-width, #clients-logos, .block-video.v--full-width, .block-htwdal, .block-last-posts, .our-secret, #last-careers {
        margin-left: calc((50vw - 640px) * -1);
        margin-right: calc((50vw - 640px) * -1);
        width: auto
    }
}

.block-claim.c--outline-coral {
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 1280px) {
    .block-claim.c--outline-coral {
        margin-left: calc((50vw - 640px) * -1);
        margin-right: calc((50vw - 640px) * -1);
        width: auto
    }
}

@media (min-width: 1280px) {
    .block-claim.c--outline-coral, .block-htwdal, .block-last-posts, .our-secret__content, #logoContextMenu .modal {
        padding-left: calc(50vw - 640px);
        padding-right: calc(50vw - 640px)
    }
}

.cms-content p.micro-txt, .cms-content li.micro-txt, .block-quote.-no-image .person-info > * {
    font-size: 10px;
    font-weight: 400
}

@media (min-width: 1280px) and (max-width: 1280px) {
    .cms-content p.micro-txt, .cms-content li.micro-txt, .block-quote.-no-image .person-info > * {
        font-size: 0.775vw
    }
}

.block-header.h--h11-1-500, .block-quote.-with-image .name {
    font-size: 11px;
    letter-spacing: 0.92px;
    font-weight: 500
}

@media (min-width: 1280px) and (max-width: 1280px) {
    .block-header.h--h11-1-500, .block-quote.-with-image .name {
        font-size: 0.85vw
    }
}

.line-connect, .block-quote.-no-image .person-info {
    font-size: 14px;
    font-weight: 400
}

@media (min-width: 1280px) and (max-width: 1280px) {
    .line-connect, .block-quote.-no-image .person-info {
        font-size: 1.1vw
    }
}

.block-header.h--h20-175-500, .block-figures .figures .figure > *, .block-link.b--default .title {
    font-size: 20px;
    line-height: 1.75em;
    font-weight: 500
}

.block-claim.c--outline-coral .subtitle {
    font-size: 30px;
    font-weight: 500
}

.block-header.h--h50-15-400, .block-quote blockquote, .block-claim.c--with-image .subtitle, .boxes-grid .grid h3 {
    font-size: 50px;
    line-height: 1.5em;
    font-weight: 400
}

@media (max-width: 767px) {
    .block-header.h--h50-15-400, .block-quote blockquote, .block-claim.c--with-image .subtitle, .boxes-grid .grid h3 {
        font-size: 30px
    }
}

.block-header.h--h80-125-500, .block-claim .title, .block-claim .subtitle, .block-figures .figures .figure > *:first-child {
    font-size: 80px;
    line-height: 1.25em;
    font-weight: 500
}

@media (max-width: 800px) {
    .block-header.h--h80-125-500, .block-claim .title, .block-claim .subtitle, .block-figures .figures .figure > *:first-child {
        font-size: 50px
    }
}

.block-header.h--h100-140-500, .block-htwdal .title, .boxes-grid .title {
    font-size: 100px;
    font-weight: 500;
    line-height: 1.1em
}

@media (max-width: 700px) {
    .block-header.h--h100-140-500, .block-htwdal .title, .boxes-grid .title {
        font-size: 45px
    }
}

.block-header.h--h120-116-500, .block-video a:after, #last-careers .title {
    font-size: 120px;
    line-height: 1.16em;
    font-weight: 500
}

@media (max-width: 652px) {
    .block-header.h--h120-116-500, .block-video a:after, #last-careers .title {
        font-size: 60px
    }
}

.line-connect > *:after, .block-quote.-no-image .person-info > *:after, .line-connect.line-on-left > *:first-child:before, .line-connect.level3 > *:nth-last-child(2)::after {
    content: " ";
    position: relative;
    top: -3px;
    width: 47px;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin: 0 20px;
    -webkit-transition: border .3s ease;
    transition: border .3s ease
}

.line-connect > *, .block-quote.-no-image .person-info > * {
    display: inline-block
}

.line-connect > *:last-child:after, .block-quote.-no-image .person-info > *:last-child:after {
    content: none
}

.line-connect.line-on-left > *:first-child:after {
    display: none
}

.line-connect.line-on-left > *:first-child:before {
    margin-left: 0
}

.boxes-grid {
    margin-left: 0;
    margin-right: 0
}

.boxes-grid .title {
    text-align: center;
    margin-top: 1.5em
}

.boxes-grid .grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 6.7fr 4fr 4fr;
    grid-template-columns:6.7fr 4fr 4fr;
    -ms-grid-rows: auto auto;
    grid-template-rows:auto auto;
    -webkit-box-shadow: 0 -1px 0 0 #CCC;
    box-shadow: 0 -1px 0 0 #CCC
}

.boxes-grid .grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.boxes-grid .grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.boxes-grid .grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.boxes-grid .grid > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1
}

.boxes-grid .grid > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2
}

.boxes-grid .grid > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3
}

@media (max-width: 899px) {
    .boxes-grid .grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
        -ms-grid-rows: auto auto auto;
        grid-template-rows:auto auto auto
    }

    .boxes-grid .grid > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .boxes-grid .grid > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .boxes-grid .grid > *:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .boxes-grid .grid > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .boxes-grid .grid > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .boxes-grid .grid > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }
}

.-touchable .boxes-grid .grid {
    display: block
}

.-touchable .boxes-grid .grid .itemsWrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows:auto auto auto
}

.-touchable .boxes-grid .grid .itemsWrap > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.-touchable .boxes-grid .grid .itemsWrap > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.-touchable .boxes-grid .grid .itemsWrap > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1
}

.-touchable .boxes-grid .grid .itemsWrap > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2
}

.-touchable .boxes-grid .grid .itemsWrap > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

.-touchable .boxes-grid .grid .itemsWrap > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 2
}

.boxes-grid .grid .pd-accordion-item {
    -webkit-box-shadow: 1px 1px 0 0 #CCC;
    box-shadow: 1px 1px 0 0 #CCC;
    position: relative;
    overflow: hidden;
    min-height: 400px
}

.boxes-grid .grid .pd-accordion-item > * {
    position: relative;
    z-index: 2
}

.boxes-grid .grid p {
    margin-left: 0;
    margin-right: 0
}

.boxes-grid .grid .info {
    font-size: 10px;
    font-weight: 500;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transition: color .5s, -webkit-transform .5s ease;
    transition: color .5s, -webkit-transform .5s ease;
    transition: transform .5s ease, color .5s;
    transition: transform .5s ease, color .5s, -webkit-transform .5s ease;
    white-space: nowrap
}

.boxes-grid .grid h3 {
    white-space: pre-line;
    margin: 20px 0 0;
    font-size: 30px
}

.boxes-grid .grid h3:after {
    content: " ";
    display: block;
    width: 47px;
    height: 1px;
    margin-top: 10px;
    background-color: #FF4745;
    -webkit-transition: background .5s;
    transition: background .5s
}

@media (min-width: 900px) {
    .boxes-grid .grid h3 {
        font-weight: 400;
        font-size: 3vw;
        line-height: 1.2em
    }
}

@media (min-width: 1280px) {
    .boxes-grid .grid h3 {
        font-size: 45px
    }
}

.boxes-grid .grid svg {
    height: 11vw;
    display: block;
    left: calc(50% - 80px);
    top: 30px;
    overflow: visible;
    z-index: 1
}

@media (max-width: 899px) {
    .boxes-grid .grid svg {
        height: 100px
    }
}

@media (min-width: 1280px) {
    .boxes-grid .grid svg {
        height: 140px
    }
}

.boxes-grid .grid svg > * {
    will-change: transform, opacity;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, opacity .5s ease;
    transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease
}

.boxes-grid .grid svg > *:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.boxes-grid .grid svg > *:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.boxes-grid .grid svg > *:nth-child(4) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.boxes-grid .grid svg > *:nth-child(5) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.boxes-grid .grid svg > *:nth-child(6) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.boxes-grid .grid svg > *:nth-child(7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.boxes-grid .grid svg > *:nth-child(8) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.boxes-grid .grid svg .bg-elem {
    will-change: transform;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.13, 0.73, 0.57, 0.91);
    transition: -webkit-transform .5s cubic-bezier(0.13, 0.73, 0.57, 0.91);
    transition: transform .5s cubic-bezier(0.13, 0.73, 0.57, 0.91);
    transition: transform .5s cubic-bezier(0.13, 0.73, 0.57, 0.91), -webkit-transform .5s cubic-bezier(0.13, 0.73, 0.57, 0.91)
}

.boxes-grid .grid .data {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
    padding: 25px 10vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 900px) {
    .boxes-grid .grid .data {
        padding: 35px 50px
    }
}

.boxes-grid .grid .description {
    opacity: 0;
    font-size: 14px;
    will-change: opacity;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity .25s ease, height .5s ease-out;
    transition: opacity .25s ease, height .5s ease-out;
    line-height: 2em;
    color: #fff;
    max-width: 225px;
    margin-bottom: 0;
    padding-top: 0.75em
}

@media (max-width: 899px) {
    .boxes-grid .grid .description {
        display: none
    }
}

.boxes-grid .grid .box-grid-item {
    display: block;
    -webkit-transition: color 0.15s .25s, background 0.3s;
    transition: color 0.15s .25s, background 0.3s
}

.boxes-grid .grid .box-grid-item.active {
    background-color: #FF4745
}

.boxes-grid .grid .box-grid-item.active, .boxes-grid .grid .box-grid-item.active p {
    -webkit-transition: color 0.15s 0.4s, background 0.3s 0.75s;
    transition: color 0.15s 0.4s, background 0.3s 0.75s;
    color: #fff
}

.boxes-grid .grid .box-grid-item.active .info {
    -webkit-transition: color 0.15s 0.4s, -webkit-transform 0.15s 0.4s ease;
    transition: color 0.15s 0.4s, -webkit-transform 0.15s 0.4s ease;
    transition: transform 0.15s 0.4s ease, color 0.15s 0.4s;
    transition: transform 0.15s 0.4s ease, color 0.15s 0.4s, -webkit-transform 0.15s 0.4s ease;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
}

.boxes-grid .grid .box-grid-item.active svg > * {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(0px, -20%, 0);
    transform: scale3d(1.2, 1.2, 1.2) translate3d(0px, -20%, 0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.boxes-grid .grid .box-grid-item.active svg .bg-elem {
    opacity: 1;
    -webkit-transform: scale3d(35, 35, 35);
    transform: scale3d(35, 35, 35);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.96, 0.43);
    transition: -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.96, 0.43);
    transition: transform 0.5s cubic-bezier(0.85, 0, 0.96, 0.43);
    transition: transform 0.5s cubic-bezier(0.85, 0, 0.96, 0.43), -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.96, 0.43);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.boxes-grid .grid .box-grid-item.active h3:after {
    background-color: #fff;
    -webkit-transition: background 0.15s 0.4s;
    transition: background 0.15s 0.4s
}

.boxes-grid .grid .box-grid-item.active .description {
    opacity: 1;
    -webkit-transition: opacity 2s .2s ease, height 0.5s .2s ease-out;
    transition: opacity 2s .2s ease, height 0.5s .2s ease-out
}

.boxes-grid .check-elem-height {
    position: absolute !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    opacity: 0 !important;
    -webkit-transition: none !important;
    transition: none !important;
    height: auto !important
}

.boxes-grid .pagination {
    display: none
}

#offering-grid {
    max-width: 1010px;
    margin-left: auto;
    margin-right: auto
}

#offering-grid .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    grid-template-areas:"cloud" "design" "dna" "data" "partners"
}

@media (min-width: 1280px) {
    #offering-grid .grid h3 {
        font-size: 30px
    }
}

#offering-grid .grid svg {
    left: calc(100% - 130px)
}

#offering-grid .grid a:first-child {
    -webkit-box-shadow: 1px 1px 0 0 #CCC, -1px 0 0 #CCC;
    box-shadow: 1px 1px 0 0 #CCC, -1px 0 0 #CCC
}

@media (max-width: 767px) {
    .-touchable #offering-grid .grid .itemsWrap {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        grid-template-areas:"cloud" "design" "dna" "data" "partners"
    }
}

@media (min-width: 768px) {
    #offering-grid .grid {
        -ms-grid-columns: 4.4fr 5.6fr;
        grid-template-columns:4.4fr 5.6fr;
        grid-template-areas:"cloud dna" "cloud data" "design data" "design partners"
    }

    .-touchable #offering-grid .grid .itemsWrap {
        -ms-grid-columns: 4.4fr 5.6fr;
        grid-template-columns:4.4fr 5.6fr;
        grid-template-areas:"cloud dna" "cloud data" "design data" "design partners"
    }

    #offering-grid .grid #offering-grid-design {
        -webkit-box-shadow: 1px 1px 0 0 #CCC, -1px 0 0 #CCC;
        box-shadow: 1px 1px 0 0 #CCC, -1px 0 0 #CCC
    }

    #offering-grid .grid svg {
        height: 120px;
        left: calc(100% - 150px)
    }
}

@media (min-width: 900px) {
    #offering-grid .grid .data {
        padding-bottom: 10px
    }

    #offering-grid .grid svg {
        height: 170px;
        left: calc(100% - 200px)
    }
}

#offering-grid .grid #offering-grid-data {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: data
}

#offering-grid .grid #offering-grid-design {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: design
}

#offering-grid .grid #offering-grid-dna {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: dna
}

#offering-grid .grid #offering-grid-cloud {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: cloud
}

#offering-grid .grid #offering-grid-partners {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: partners
}

@media (max-width: 767px) {
    .-touchable #offering-grid .grid .itemsWrap > #offering-grid-data {
        -ms-grid-row: 4;
        -ms-grid-column: 1
    }

    .-touchable #offering-grid .grid .itemsWrap > #offering-grid-design {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .-touchable #offering-grid .grid .itemsWrap > #offering-grid-dna {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .-touchable #offering-grid .grid .itemsWrap > #offering-grid-cloud {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .-touchable #offering-grid .grid .itemsWrap > #offering-grid-partners {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }
}

@media (min-width: 768px) {
    #offering-grid .grid #offering-grid-data {
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2
    }

    .-touchable #offering-grid .grid .itemsWrap > #offering-grid-data {
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2
    }

    #offering-grid .grid #offering-grid-design {
        -ms-grid-row: 3;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .-touchable #offering-grid .grid .itemsWrap > #offering-grid-design {
        -ms-grid-row: 3;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    #offering-grid .grid #offering-grid-dna {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .-touchable #offering-grid .grid .itemsWrap > #offering-grid-dna {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    #offering-grid .grid #offering-grid-cloud {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .-touchable #offering-grid .grid .itemsWrap > #offering-grid-cloud {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    #offering-grid .grid #offering-grid-partners {
        -ms-grid-row: 4;
        -ms-grid-column: 2
    }

    .-touchable #offering-grid .grid .itemsWrap > #offering-grid-partners {
        -ms-grid-row: 4;
        -ms-grid-column: 2
    }
}

#offering-grid .pd-accordion-item {
    min-height: 230px
}

@media (max-width: 899px) {
    #offering-grid .grid .pd-accordion-item {
        min-height: 170px
    }
}

#pillars-grid .grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    -ms-grid-rows:(1fr) [ 12 ];
    grid-template-rows:repeat(12, 1fr);
    grid-template-areas:"talent passion" "talent passion" "talent passion" "talent passion" "talent method" "talent method" "tech method" "tech method" "tech strategy" "tech strategy" "tech strategy" "tech strategy"
}

#pillars-grid .grid .pd-accordion-item {
    min-height: 280px
}

@media (max-width: 899px) {
    #pillars-grid .grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
        -ms-grid-rows: auto auto auto;
        grid-template-rows:auto auto auto;
        grid-template-areas:"talent tech" "strategy strategy" "passion method"
    }
}

.-touchable #pillars-grid .grid {
    display: block
}

.-touchable #pillars-grid .grid .itemsWrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows:auto auto auto;
    grid-template-areas:"talent tech" "strategy strategy" "passion method"
}

#pillars-grid .grid #pillars-grid-tech {
    -ms-grid-row: 7;
    -ms-grid-row-span: 6;
    -ms-grid-column: 1;
    grid-area: tech
}

#pillars-grid .grid #pillars-grid-talent {
    -ms-grid-row: 1;
    -ms-grid-row-span: 6;
    -ms-grid-column: 1;
    grid-area: talent
}

#pillars-grid .grid #pillars-grid-passion {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 2;
    grid-area: passion
}

#pillars-grid .grid #pillars-grid-method {
    -ms-grid-row: 5;
    -ms-grid-row-span: 4;
    -ms-grid-column: 2;
    grid-area: method
}

#pillars-grid .grid #pillars-grid-strategy {
    -ms-grid-row: 9;
    -ms-grid-row-span: 4;
    -ms-grid-column: 2;
    grid-area: strategy
}

@media (max-width: 899px) {
    #pillars-grid .grid #pillars-grid-tech {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2
    }

    #pillars-grid .grid #pillars-grid-talent {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    #pillars-grid .grid #pillars-grid-passion {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    #pillars-grid .grid #pillars-grid-method {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2
    }

    #pillars-grid .grid #pillars-grid-strategy {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

#pillars-grid #pillars-grid-talent .data, #pillars-grid #pillars-grid-tech .data {
    padding-left: 10vw
}

@media (min-width: 1280px) {
    #pillars-grid #pillars-grid-talent .data, #pillars-grid #pillars-grid-tech .data {
        padding-left: 10%
    }
}

@media (max-width: 767px) {
    #pillars-grid.boxes-grid .grid h3 {
        font-size: 25px
    }
}

#pillars-grid #pillars-grid-tech svg, #pillars-grid #pillars-grid-talent svg {
    left: calc(100% - 14vw)
}

@media (min-width: 1280px) {
    #pillars-grid #pillars-grid-tech svg, #pillars-grid #pillars-grid-talent svg {
        left: 65%
    }
}

#pillars-grid #pillars-grid-passion svg, #pillars-grid #pillars-grid-method svg, #pillars-grid #pillars-grid-strategy svg {
    left: calc(100% - 20vw)
}

@media (min-width: 1280px) {
    #pillars-grid #pillars-grid-passion svg, #pillars-grid #pillars-grid-method svg, #pillars-grid #pillars-grid-strategy svg {
        left: 65%
    }
}

@media (max-width: 899px) {
    #pillars-grid svg {
        left: calc(100% - 20vw) !important
    }

    #pillars-grid .grid .pd-accordion-item {
        min-height: 170px
    }

    #pillars-grid .data {
        padding-left: 4vw !important
    }
}

@media (max-width: 480px) {
    #pillars-grid svg {
        left: calc(100% - 30vw) !important
    }

    #pillars-grid .grid {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        -ms-grid-rows:(auto) [ 5 ];
        grid-template-rows:repeat(5, auto);
        grid-template-areas:"talent" "tech" "strategy" "passion" "method"
    }

    #pillars-grid .grid #pillars-grid-tech {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    #pillars-grid .grid #pillars-grid-talent {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    #pillars-grid .grid #pillars-grid-passion {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    #pillars-grid .grid #pillars-grid-method {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    #pillars-grid .grid #pillars-grid-strategy {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }
}

.nueva-telefonica #pd-header.-with-bg #header-bg::before, .new-telefonica #pd-header.-with-bg #header-bg::before {
    background: rgba(24, 24, 24, 0.6)
}

.nueva-telefonica h2, .new-telefonica h2 {
    margin-top: 70px !important
}

@media (min-width: 768px) {
    .nueva-telefonica h2, .new-telefonica h2 {
        margin-top: 60px !important;
        margin-bottom: 210px !important
    }
}

@media (min-width: 1280px) {
    .nueva-telefonica h2, .new-telefonica h2 {
        margin-top: 150px !important;
        margin-bottom: 360px !important
    }
}

@media (max-width: 400px) {
    .nueva-telefonica h1, .new-telefonica h1 {
        font-size: 36px
    }
}

.nueva-telefonica .block-quote blockquote, .new-telefonica .block-quote blockquote {
    font-size: 30px
}

@media (min-width: 768px) {
    .nueva-telefonica .block-quote blockquote, .new-telefonica .block-quote blockquote {
        font-size: 40px
    }
}

.--groupID-telefonica-intro-covers {
    background: #f9f9f9 url("../img/pages/telefonica/intro-covers-bg.png") no-repeat center center;
    background-size: cover;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-top: 150px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin-bottom: 130px !important;
    height: auto
}

.--groupID-telefonica-intro-covers .group-item {
    width: 40vw
}

.--groupID-telefonica-intro-covers .group-item .block-image {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.--groupID-telefonica-intro-covers .group-item .block-image:last-child {
    margin-bottom: 0 !important
}

.--groupID-telefonica-intro-covers .group-item:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.--groupID-telefonica-intro-covers .group-item:last-child {
    -webkit-transform: none !important;
    transform: none !important;
    margin-top: -9%;
    margin-bottom: -11%
}

.--groupID-telefonica-intro-covers img {
    -webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.15)
}

@media (min-width: 768px) {
    .--groupID-telefonica-intro-covers {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .--groupID-telefonica-intro-covers .group-item:last-child {
        margin-top: -10%;
        margin-bottom: -12%
    }
}

@media (min-width: 768px) {
    .--groupID-telefonica-intro-covers {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .--groupID-telefonica-intro-covers .group-item:last-child {
        margin-top: -10%;
        margin-bottom: -12%
    }
}

@media (min-width: 1024px) {
    .--groupID-telefonica-intro-covers .group-item:last-child {
        margin-top: -10.5%;
        margin-bottom: -12.5%
    }
}

.--groupID-telefonica-reto {
    padding-top: 20px
}

@media (min-width: 1024px) {
    .--groupID-telefonica-reto {
        padding-top: 160px
    }
}

@media (min-width: 1280px) {
    .--groupID-telefonica-reto {
        padding-top: 260px;
        margin-bottom: 330px !important
    }
}

.--groupID-telefonica-carousel-phones {
    background-image: url("../img/pages/telefonica/phone-carousel-bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ebeef9;
    background-size: 100% auto;
    margin-top: 180px !important;
    margin-bottom: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 50px !important;
    padding-bottom: 100px !important
}

.--groupID-telefonica-carousel-phones .group-item {
    -ms-flex-preferred-size: 36% !important;
    flex-basis: 36% !important;
    -webkit-transform: none !important;
    transform: none !important
}

.--groupID-telefonica-carousel-phones .group-item .block-image {
    position: relative;
    margin: 0
}

.--groupID-telefonica-carousel-phones .group-item .block-image::before {
    content: " ";
    position: absolute;
    left: 3%;
    top: 6%;
    width: 85%;
    height: 93%;
    border-radius: 70px;
    -webkit-box-shadow: -20px 20px 50px rgba(0, 0, 0, 0.7);
    box-shadow: -20px 20px 50px rgba(0, 0, 0, 0.7);
    z-index: -1
}

.--groupID-telefonica-carousel-phones .group-item:nth-child(1) {
    margin-left: -12vw
}

.--groupID-telefonica-carousel-phones .group-item:nth-child(1) .block-image {
    -webkit-transform: translate3d(0, -120px, 0);
    transform: translate3d(0, -120px, 0)
}

.--groupID-telefonica-carousel-phones .group-item:nth-child(2) .block-image {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.--groupID-telefonica-carousel-phones .group-item:nth-child(3) {
    margin-right: -12vw
}

.--groupID-telefonica-carousel-phones .group-item:nth-child(3) .block-image {
    -webkit-transform: translate3d(0, 120px, 0);
    transform: translate3d(0, 120px, 0)
}

@media (min-width: 768px) {
    .--groupID-telefonica-carousel-phones {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 190px !important;
        padding-top: 125px !important;
        padding-bottom: 260px !important
    }

    .--groupID-telefonica-carousel-phones .group-item {
        -ms-flex-preferred-size: 33% !important;
        flex-basis: 33% !important
    }

    .--groupID-telefonica-carousel-phones .group-item:nth-child(1) {
        margin-left: 0
    }

    .--groupID-telefonica-carousel-phones .group-item:nth-child(1) .block-image {
        -webkit-transform: translate3d(0, -220px, 0);
        transform: translate3d(0, -220px, 0)
    }

    .--groupID-telefonica-carousel-phones .group-item:nth-child(3) {
        margin-right: 0
    }

    .--groupID-telefonica-carousel-phones .group-item:nth-child(3) .block-image {
        -webkit-transform: translate3d(0, 220px, 0);
        transform: translate3d(0, 220px, 0)
    }
}

@media (min-width: 1024px) {
    .--groupID-telefonica-carousel-phones {
        padding-top: 86px !important;
        margin-top: 220px !important
    }
}

@media (min-width: 1280px) {
    .--groupID-telefonica-carousel-phones {
        padding-top: 164px !important
    }

    .--groupID-telefonica-carousel-phones .group-item {
        -ms-flex-preferred-size: 30% !important;
        flex-basis: 30% !important
    }

    .--groupID-telefonica-carousel-phones .group-item:nth-child(1) .block-image {
        -webkit-transform: translate3d(0, -320px, 0);
        transform: translate3d(0, -320px, 0)
    }

    .--groupID-telefonica-carousel-phones .group-item:nth-child(3) .block-image {
        -webkit-transform: translate3d(0, 320px, 0);
        transform: translate3d(0, 320px, 0)
    }
}

@media (min-width: 1500px) {
    .--groupID-telefonica-carousel-phones {
        background-image: url("../img/pages/telefonica/phone-carousel-bg-big.jpg");
        background-size: auto 100%;
        background-color: #ebeef9
    }
}

.--groupID-telefonica-carousel-phones + div {
    background-color: #ebeef9;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 10px !important
}

.--groupID-telefonica-carousel-phones + div .group-item:nth-child(1) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}

.--groupID-telefonica-carousel-phones + div .group-item:nth-child(1) .block {
    margin-left: 4vw !important
}

.--groupID-telefonica-carousel-phones + div .group-item:nth-child(2) {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6;
    padding-left: 0 !important
}

.--groupID-telefonica-carousel-phones + div .group-item:nth-child(2) p {
    margin-right: 4vw !important
}

@media (min-width: 768px) {
    .--groupID-telefonica-carousel-phones + div {
        padding-bottom: 70px !important
    }
}

@media (min-width: 1024px) {
    .--groupID-telefonica-carousel-phones + div {
        padding-bottom: 130px !important
    }

    .--groupID-telefonica-carousel-phones + div .group-item:nth-child(1) {
        -webkit-box-flex: 5;
        -ms-flex: 5;
        flex: 5
    }

    .--groupID-telefonica-carousel-phones + div .group-item:nth-child(2) {
        -webkit-box-flex: 7;
        -ms-flex: 7;
        flex: 7
    }
}

@media (min-width: 1024px) {
    .--groupID-telefonica-carousel-phones + div {
        padding-top: 200px !important
    }
}

.--groupID-telefonica-metodo {
    margin-top: 90px !important
}

.--groupID-telefonica-metodo .group-item .block-header {
    margin-top: 42px !important;
    margin-bottom: 15px !important
}

.--groupID-telefonica-metodo .group-item:first-child .block-line-connect p {
    margin-bottom: 20px
}

.--groupID-telefonica-metodo .group-item:first-child .block-header {
    margin-top: 0px !important
}

@media (min-width: 1024px) {
    .--groupID-telefonica-metodo {
        margin-top: 220px !important
    }
}

@media (min-width: 1280px) {
    .--groupID-telefonica-metodo {
        margin-top: 220px !important
    }
}

.--groupID-telefonica-metodo-2 {
    margin-bottom: 90px !important
}

.--groupID-telefonica-metodo-2 .group-item {
    margin-top: 0px
}

.--groupID-telefonica-metodo-2 .group-item .block-header {
    margin-top: 60px !important;
    margin-bottom: 15px !important
}

@media (min-width: 768px) {
    .--groupID-telefonica-metodo-2 {
        margin-bottom: 100px !important
    }
}

@media (min-width: 1024px) {
    .--groupID-telefonica-metodo-2 {
        margin-bottom: 220px !important
    }
}

.--groupID-telefonica-metodo-2 + p {
    text-align: center !important;
    margin-bottom: 0 !important;
    font-size: 45px !important
}

@media (min-width: 768px) {
    .--groupID-telefonica-metodo-2 + p {
        font-size: 80px !important
    }
}

@media (min-width: 1024px) {
    .--groupID-telefonica-metodo-2 + p {
        font-size: 120px !important
    }
}

.--groupID-telefonica-resultado {
    margin-top: 100px !important;
    margin-bottom: 100px !important
}

.--groupID-telefonica-resultado .block-header {
    font-size: 30px !important;
    margin-bottom: 20px !important
}

@media (min-width: 768px) {
    .--groupID-telefonica-resultado .block-header {
        font-size: 40px !important
    }
}

@media (min-width: 1024px) {
    .--groupID-telefonica-resultado {
        margin-top: 190px !important;
        margin-bottom: 190px !important
    }
}

@media (min-width: 1280px) {
    .--groupID-telefonica-intro-covers, .--groupID-telefonica-carousel-phones, .--groupID-telefonica-carousel-phones + div {
        margin-left: calc((50vw - 640px) * -1) !important;
        padding-left: calc((50vw - 640px)) !important;
        margin-right: calc((50vw - 640px) * -1) !important;
        padding-right: calc((50vw - 640px)) !important;
        width: 100% !important
    }

    .shortcode-multi-grid--telefonica {
        margin-left: calc((50vw - 640px) * -1) !important;
        margin-right: calc((50vw - 640px) * -1) !important
    }
}

.-title-outline-word-1 #header-title w:nth-child(1) {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: currentColor
}

.-title-outline-word-2 #header-title w:nth-child(2) {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: currentColor
}

.-title-outline-word-3 #header-title w:nth-child(3) {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: currentColor
}

.-title-outline-word-4 #header-title w:nth-child(4) {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: currentColor
}

.-title-outline-word-5 #header-title w:nth-child(5) {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: currentColor
}

.-title-outline-word-last-with-dot #header-title w:last-child l {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: currentColor
}

.-title-outline-word-last-with-dot #header-title w:last-child l:last-child {
    -webkit-text-fill-color: currentColor;
    -webkit-text-stroke-width: 0
}

#offering-ethic-ai #header-title-wrap {
    margin-bottom: 15vw
}

@media (min-width: 768px) {
    #offering-ethic-ai .--groupID-ethic-security-privacy-group {
        background-image: url("../img/pages/cameras.jpg");
        background-size: cover;
        padding-bottom: 70px
    }

    #offering-ethic-ai .--groupID-ethic-security-privacy-group .block-header, #offering-ethic-ai .--groupID-ethic-security-privacy-group p {
        margin-right: auto;
        margin-left: auto;
        max-width: 623px
    }

    #offering-ethic-ai .--groupID-ethic-security-privacy-group .block-header {
        max-width: 950px;
        width: 80%
    }

    #offering-ethic-ai .--groupID-ethic-security-privacy-group p {
        display: inline-block;
        width: 50%;
        padding: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top
    }
}

.--groupID-more-partners .group-item {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.--groupID-more-partners .block-image {
    display: inline-block;
    margin: 25px !important;
    width: 158px
}

.--groupID-more-partners .block-image img {
    margin-left: auto;
    margin-right: auto
}

.--groupID-banner-partners {
    margin-bottom: 0 !important;
    padding-top: 70px !important;
    padding-bottom: 40px !important
}

.--groupID-banner-partners .block-image {
    display: inline-block;
    margin: 20px 25px 60px 25px !important;
    width: 158px
}

.--groupID-banner-partners .block-image img {
    margin-left: auto;
    margin-right: auto
}

.--groupID-partners-key-points {
    margin-top: 40px !important
}

@media (min-width: 768px) {
    .--groupID-partners-key-points {
        margin-top: 90px !important
    }
}

.pd-floating-banner {
    -webkit-animation: downUp ease-in 1s;
    animation: downUp ease-in 1s;
    background-color: white;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 22.14286rem;
    margin-bottom: 30px;
    padding: 1.14286rem;
    position: fixed;
    right: 60px;
    opacity: 1;
    width: 22.14286rem;
    z-index: 10
}

.pd-floating-banner__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.pd-floating-banner__logo {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
}

.pd-floating-banner__logo img {
    height: 33px;
    width: 110px
}

.pd-floating-banner__close {
    border: none;
    background: none;
    height: 2.85714rem;
    outline: none;
    position: absolute;
    right: -1.42857rem;
    top: -1.42857rem;
    width: 2.85714rem
}

.pd-floating-banner__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 7.85714rem
}

.pd-floating-banner__photo-wrapper + .pd-floating-banner__text-wrapper {
    padding-left: 2.14286rem
}

.pd-floating-banner__text-wrapper {
    max-width: 17.85714rem;
    font-size: .85714rem
}

.pd-floating-banner__text-wrapper--center {
    text-align: center
}

.pd-floating-banner .bt {
    margin-top: .35714rem;
    font-size: 1.14286rem
}

.pd-floating-banner .bt::after {
    bottom: .35714rem
}

.pd-floating-banner--bthings::before {
    background: #00e9b1;
    content: "";
    height: .35714rem;
    width: 100%;
    position: absolute;
    left: 0;
    top: -5px
}

.pd-floating-banner--bthings p {
    color: #585858;
    font-weight: 400
}

.pd-floating-banner--bthings .pd-floating-banner__photo-wrapper {
    position: relative;
    z-index: 1;
    margin-left: 1rem;
    min-width: 6.28571rem
}

.pd-floating-banner--bthings .pd-floating-banner__photo {
    width: 6.28571rem;
    height: 7.71429rem;
    position: relative
}

.pd-floating-banner--bthings .pd-floating-banner__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.14286rem
}

.pd-floating-banner--bthings .pd-floating-banner__close {
    color: #FF4745
}

.pd-floating-banner-responsive {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .85714rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.14286rem .57143rem;
    position: fixed;
    width: 100%;
    z-index: 10
}

.pd-floating-banner-responsive--bthings {
    background: #00e9b1
}

.pd-floating-banner-responsive--bthings p {
    font-weight: 400
}

.pd-floating-banner-responsive footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center
}

.pd-floating-banner-responsive .pd-floating-banner-responsive__logo {
    width: 9.42857rem
}

@media (max-width: 768px) {
    .pd-floating-banner-responsive .pd-floating-banner-responsive__logo {
        width: 7.14286rem
    }
}

@media (max-width: 480px) {
    .pd-floating-banner-responsive .pd-floating-banner-responsive__logo {
        width: 5rem
    }
}

.pd-floating-banner-responsive .pd-floating-banner-responsive__close {
    border: none;
    background: none;
    height: 2.85714rem;
    outline: none;
    margin-top: -1.57143rem;
    width: 1.42857rem
}

.pd-floating-banner-responsive .bt {
    color: #585858;
    font-size: 1rem
}

.pd-floating-banner-responsive .bt::after {
    bottom: 0
}

@media (max-width: 480px) {
    .pd-floating-banner-responsive .bt {
        display: none
    }
}

@media (max-width: 768px) {
    .pd-floating-banner-responsive p {
        padding-left: 1.28571rem
    }
}

.js__banner-wrapper.closed {
    display: none
}

@-webkit-keyframes downUp {
    0% {
        bottom: -500px
    }
    50% {
        opacity: 1
    }
    100% {
        bottom: 0;
        opacity: 1
    }
}

@keyframes downUp {
    0% {
        bottom: -500px
    }
    50% {
        opacity: 1
    }
    100% {
        bottom: 0;
        opacity: 1
    }
}

.banner-shortcode {
    padding: 60px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 70px;
    background-size: cover
}

.banner-shortcode .image {
    max-width: 314px;
    margin-bottom: 40px
}

.banner-shortcode .description {
    margin-top: 20px;
    line-height: 1.5em;
    max-width: 600px;
    text-align: center
}

.banner-shortcode#banner-shortcode--doomsday {
    background-color: #112847;
    color: #fff
}

.banner-shortcode#banner-shortcode--doomsday p {
    color: #fff
}

.banner-shortcode#banner-shortcode--doomsday .banner-shortcode--cta {
    background-color: #FF4745;
    color: #fff;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 20px;
    min-width: 140px;
    text-align: center
}

.banner-shortcode#banner-shortcode--doomsday .banner-shortcode--cta::after {
    display: none
}

.banner-shortcode#banner-shortcode--doomsday .banner-shortcode--cta:hover {
    background-color: #fc7875
}

.cookies-shortcode {
    padding: 60px 0;
    margin-bottom: 60px
}

.cookies-shortcode p {
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 768px) {
    .cookies-shortcode {
        padding: 140px 0;
        margin-bottom: 90px
    }
}

.cookies-shortcode-title {
    font-weight: 500;
    margin-bottom: 1em
}

.cookies-shortcode-perso-title {
    margin-bottom: 1.5em
}

.cookies-shortcode-actions-all {
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .cookies-shortcode-actions-all {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .cookies-shortcode-actions-all .bt {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .cookies-shortcode-actions-all {
        margin-bottom: 90px;
        text-align: right
    }

    .cookies-shortcode-actions-all .bt + .bt {
        margin-left: 40px
    }
}

.cookies-shortcode .cookie-type {
    margin-bottom: 70px
}

.cookies-shortcode .cookie-type-title {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .cookies-shortcode .cookie-type-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.cookies-shortcode .cookie-type-title p {
    margin-bottom: 0
}

.cookies-shortcode .checkbox-field input + label {
    padding-left: 0;
    margin-bottom: 20px
}

.cookies-shortcode .checkbox-field input + label::before {
    top: 7px;
    right: 0;
    left: auto;
    margin-right: 0
}

.shortcode-projects-list {
    padding-top: 20px
}

@media (min-width: 768px) {
    .shortcode-projects-list {
        padding-top: 90px;
        margin-bottom: 70px
    }
}

.shortcode-projects-list .blog-item:first-child:last-child a {
    padding-top: 0
}

.shortcode-projects-list .blog-item:first-child:last-child .imgWrap {
    display: block
}

.shortcode-videos-list {
    padding-top: 60px;
    margin-bottom: 120px
}

@media (min-width: 768px) {
    .shortcode-videos-list {
        padding-top: 60px;
        margin-bottom: 120px
    }
}

.shortcode-posts-list {
    padding-top: 60px;
    margin-bottom: 120px
}

@media (min-width: 768px) {
    .shortcode-posts-list {
        padding-top: 60px;
        margin-bottom: 120px
    }
}

@media (min-width: 768px) {
    .block-full-height {
        min-height: 100vh
    }
}

.editable .anchor-block {
    position: relative
}

.editable .anchor-block::after {
    display: inline-block;
    content: "- - - ancla - - -";
    position: absolute;
    height: calc(100% + 6px);
    width: 200px;
    top: -3px;
    left: -3px;
    color: #57cc23;
    padding: 0;
    background: #fff;
    line-height: 1.6em
}

/*# sourceMappingURL=maps/pd-blocks.css.map */