/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

html {
    font-size: 10px
}

body,
html {
    height: 100%
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: rooney-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #153d5f;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.44;
    margin: 0
}

@media(max-width:768px) {
    body {
        font-size: 1.6rem
    }
}

body.noscroll {
    overflow: hidden;
    height: 100%;
    position: fixed
}

:focus {
    outline-color: transparent;
    outline-style: none
}

.container {
    min-height: calc(100% - 500px);
    position: relative;
    margin-bottom: -500px
}

@media(min-width:1025px) {
    footer {
        position: relative
    }
}

@media(max-width:1024px) {
    footer {
        position: relative
    }
}

@media(max-width:768px) {
    footer {
        position: static;
        padding-bottom: 5rem
    }
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0
}

h1 {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 700
}

ul {
    margin-top: 0;
    margin-bottom: 0
}

.article__text h1 {
    font-size: 30px;
    font-size: 3rem
}

.article__text h2 {
    font-weight: 700;
    font-size: 24px;
    font-size: 2.4rem;
    padding: 20px 0;
    padding: 2rem 0
}

.article__text ul {
    padding-bottom: 20px;
    padding-bottom: 2rem
}

.article__text p+h2 {
    padding-top: 40px;
    padding-top: 4rem
}

@media(max-width:768px) {
    .article__text p+h2 {
        line-height: 1.2em
    }
}

.article__text h3 {
    font-size: 18px;
    font-size: 1.8rem
}

.article__text blockquote {
    font-style: italic;
    font-weight: 400;
    text-align: center;
    padding: 20px 0;
    padding: 2rem 0
}

.article__text blockquote em {
    font-size: 16px;
    font-size: 1.6rem;
    display: block
}

.article__text blockquote:before {
    content: open-quote;
    font-size: 24px;
    font-size: 2.4rem;
    display: block;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

.article__text blockquote p:first-child:after {
    content: close-quote;
    display: block;
    margin-top: 20px;
    margin-top: 2rem
}

.article__text section .article__text h1 {
    font-size: 24px;
    font-size: 2.4rem
}

.article__text section .article__text h2 {
    font-size: 18px;
    font-size: 1.8rem
}

blockquote {
    border: none;
    margin: 0;
    padding: 0
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card {
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(21, 61, 95, .2)
}

.card .button {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.grey-card {
    background-color: #f0f3f5;
    padding: 20px;
    padding: 2rem;
    border-radius: 2px;
    margin: 40px 0;
    margin: 4rem 0
}

@media(max-width:768px) {
    .grey-card {
        padding: 1rem;
        padding-top: 150px;
        padding-bottom: 2rem;
        margin: 0
    }
}

.inline-list {
    padding: 0;
    margin: 0
}

.inline-list>li {
    list-style: none;
    display: inline-block
}

.button {
    color: #fff;
    padding: 0 10px;
    padding: 0 1rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 50px;
    line-height: 5rem;
    border-width: 0;
    border-radius: 2px;
    background-color: #8bb823;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer
}

.button,
.button:before {
    vertical-align: middle;
    display: inline-block
}

.button:before {
    content: "";
    background-size: 100% auto;
    padding-top: 6px;
    padding-top: .6rem;
    padding-bottom: 8px;
    padding-bottom: .8rem
}

.button--menu,
.button:before {
    background-position: 50%;
    background-repeat: no-repeat
}

.button--menu {
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto 0;
    height: 36px;
    height: 3.6rem;
    width: 36px;
    width: 3.6rem;
    display: inline-block;
    transform: rotate(-90deg);
    background-image: url(/static/images/down.svg)
}

.button--gallery:before {
    background-image: url(/static/images/picture.svg);
    width: 26px;
    width: 2.6rem;
    height: 23px;
    height: 2.3rem;
    margin: 4px 0
}

.button--gallery .button__label {
    margin-left: 10px;
    margin-left: 1rem
}

@media (max-width:768px) {
    .button--gallery .button__label {
        display: none
    }
}

.button--map:before {
    background-image: url(/static/images/location.svg);
    width: 26px;
    width: 2.6rem;
    height: 23px;
    height: 2.3rem;
    margin: 4px 0;
    margin-right: 20px;
    margin-right: 2rem
}

.button--download:before {
    display: none
}

.button--related {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 20px;
    padding: 1.5rem 2rem;
    padding-right: 15px;
    padding-right: 1.5rem;
    color: #fff;
    text-decoration: none
}

.button--related:before {
    display: none
}

.button.button--arrow,
.link--arrow {
    padding-right: 40px;
    padding-right: 4rem
}

.button--arrow:not(.button--related) {
    position: relative
}

.button--arrow:after,
.link--arrow:after {
    content: "";
    background-image: url(/static/images/chevron-right_white.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 20px;
    width: 2rem;
    height: 40px;
    height: 4rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    right: 1.5rem
}

.link--arrow {
    color: #dd2f53;
    text-decoration: none;
    position: relative
}

.link--arrow:after {
    right: auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='12' viewBox='0 0 7 12' xmlns='http://www.w3.org/2000/svg' fill='%23dd2f53'%3E%3Cpath d='M.348 1.893l3.747 3.908L.348 9.709c-.481.533-.446 1.141 0 1.574.445.436 1.197.408 1.615 0 .418-.406 4.502-4.695 4.502-4.695a1.095 1.095 0 0 0 0-1.576S2.38.725 1.963.317C1.545-.092.793-.119.348.317c-.446.436-.481 1.043 0 1.576z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.button+.link--arrow {
    margin-left: 20px;
    margin-left: 2rem
}

@media(max-width:768px) {
    .button+.link--arrow {
        margin-left: 10px;
        margin-top: 1rem;
        display: block
    }
}

.footer_wrapper,
.row-1-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.row-1-2 .row-1-2 {
    width: 100%;
    margin-top: 20px;
    margin-top: 2rem;
    -ms-flex-align: baseline;
    align-items: baseline
}

.row-1-2 .row-1-2 .col_top {
    display: block;
    border-radius: 2px;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

.row-1-2 .row-1-2 .col_top:first-child {
    text-transform: uppercase;
    font-size: 24px;
    font-size: 2.4rem
}

.row-1-2 .row-1-2 .col_top:nth-child(2) {
    font-style: italic;
    font-size: 18px;
    font-size: 1.8rem
}

.col-2-3 {
    width: 66.66667%;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media(max-width:1024px) {
    .col-2-3 {
        width: 100%
    }
}

.col-1-3,
.col-2-3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

footer {
    background-color: #153d5f;
    color: #fff
}

@media(max-width:1024px) {
    footer {
        height: auto
    }
}

footer .footer_newsletter {
    position: relative;
    border-radius: 2px;
    padding: 25px;
    padding: 2.5rem;
    padding-bottom: 40px;
    padding-bottom: 4rem;
    text-align: center;
    box-sizing: border-box;
    color: #153d5f
}

footer .footer_newsletter .title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-weight: 700
}

footer .footer_newsletter img {
    max-width: 100%;
    max-height: 100px
}

footer li {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.footer_contact,
.footer_info {
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px;
    max-width: 100%;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.footer_contact a,
.footer_info a {
    color: #fff
}

@media(max-width:768px) {

    .footer_contact,
    .footer_info {
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.copyright {
    text-align: center;
    max-width: 100%
}

.copyright a {
    color: #fff
}

.footer_contact .footer_title {
    font-weight: 700;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    display: block
}

.footer_contact ul {
    margin-bottom: 50px;
    margin-bottom: 5rem;
    padding-left: 0
}

.footer_contact li {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer_contact li:before {
    content: "";
    display: inline-block;
    height: 22px;
    height: 2.2rem;
    width: 22px;
    width: 2.2rem;
    margin-right: 16px;
    margin-right: 1.6rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.footer_contact .twitter:before {
    background-image: url(/static/images/footer_twitter.svg)
}

.footer_contact .mail:before {
    background-image: url(/static/images/footer_mail.svg)
}

.footer_contact .phone:before {
    background-image: url(/static/images/footer_phone.svg)
}

.footer_contact .alert:before {
    background-image: url(/static/images/footer_alert.svg)
}

@media(max-width:1024px) {
    .footer_info {
        display: none
    }
}

.footer_info ul {
    list-style: none;
    padding-left: 0
}

.footer_info ul a {
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%
}

.footer_action {
    width: 300px;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width:1024px) {
    .footer_action {
        width: 100%
    }
}

.footer_action .col_top {
    background-color: #8bb823;
    text-align: center;
    padding: 13px;
    padding: 1.3rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #fff;
    text-decoration: none
}

@media(max-width:768px) {
    .footer_action .col_top {
        margin-top: 2rem
    }
}

.footer_action .col_top:before {
    height: 22px;
    height: 2.2rem;
    background-image: url(/static/images/user-white.svg)
}

#block-menu [data-icon]>.mainmenu__item-label:before,
.footer_action .col_top:before,
.related__item-label:before,
.related__label:before {
    content: "";
    display: inline-block;
    width: 22px;
    width: 2.2rem;
    margin-right: 10px;
    margin-right: 1rem;
    background-repeat: no-repeat;
    vertical-align: middle
}

#block-menu [data-icon]>.mainmenu__item-label:before,
.related__item-label:before,
.related__label:before {
    height: 17px;
    height: 1.7rem;
    background-image: url(/static/images/related.svg);
    background-size: auto 100%
}

.related__item-label:before {
    height: 18px;
    height: 1.8rem;
    width: 17px;
    width: 1.7rem;
    background-size: 17px auto;
    background-position: 50%;
    margin-right: 10px;
    margin-right: 1rem;
    vertical-align: baseline
}

#block-menu [data-icon]>.mainmenu__item-label:before {
    background-position: 50%
}

#block-menu [data-icon=""]>.mainmenu__item-label:before {
    display: none
}

#block-menu [data-icon=editorial]>.mainmenu__item-label:before,
.related__item-label--editorial:before {
    background-image: url(/static/images/menu-related-icons/editorial.svg)
}

#block-menu [data-icon=event]>.mainmenu__item-label:before,
.related__item-label--event:before {
    background-image: url(/static/images/menu-related-icons/event.svg);
    background-size: auto 18px
}

#block-menu [data-icon=expert]>.mainmenu__item-label:before,
.related__item-label--expert:before {
    background-image: url(/static/images/menu-related-icons/expert.svg)
}

#block-menu [data-icon=guideline]>.mainmenu__item-label:before,
.related__item-label--guideline:before {
    background-image: url(/static/images/menu-related-icons/guideline.svg)
}

#block-menu [data-icon=knowledge]>.mainmenu__item-label:before,
.related__item-label--knowledge:before {
    background-image: url(/static/images/menu-related-icons/knowledge.svg)
}

#block-menu [data-icon=playbook]>.mainmenu__item-label:before,
.related__item-label--playbook:before {
    background-image: url(/static/images/menu-related-icons/playbook.svg);
    background-size: auto 18px
}

#block-menu [data-icon=product]>.mainmenu__item-label:before,
.related__item-label--product:before {
    background-image: url(/static/images/menu-related-icons/product.svg)
}

#block-menu [data-icon=report]>.mainmenu__item-label:before,
.related__item-label--report:before {
    background-image: url(/static/images/menu-related-icons/report.svg);
    background-size: auto 18px
}

#block-menu [data-icon=supplier]>.mainmenu__item-label:before,
.related__item-label--supplier:before {
    background-image: url(/static/images/menu-related-icons/supplier.svg)
}

#block-menu [data-icon=home]>.mainmenu__item-label:before {
    background-image: url(/static/images/menu-related-icons/home.svg)
}

#block-menu [data-icon=dashboard]>.mainmenu__item-label:before {
    background-image: url(/static/images/menu-related-icons/dashboard.svg)
}

@keyframes zoomScale {
    0% {
        transform: scale(1.2) rotate(.02deg)
    }

    to {
        transform: scale(1) rotate(.02deg)
    }
}

.admin_bar+.container .fixed-container {
    top: 36px
}

.homepage .container,
.landingpage .container {
    width: auto;
    max-width: 1524px;
    overflow: hidden
}

.homepage .block-contentmenu--dummy,
.landingpage .block-contentmenu--dummy {
    display: none
}

.homepage .block-content,
.homepage .block-contentfixed,
.landingpage .block-content,
.landingpage .block-contentfixed {
    max-width: 100%
}

@media(min-width:1025px) {

    .homepage .block-content,
    .homepage .block-contentfixed,
    .landingpage .block-content,
    .landingpage .block-contentfixed {
        max-width: none
    }
}

.homepage .fixed-container,
.landingpage .fixed-container {
    height: 60px;
    height: 6rem;
    top: 0;
    width: 100%;
    left: 0;
    background-color: #fff
}

@media(max-width:768px) {

    .homepage .fixed-container,
    .landingpage .fixed-container {
        height: 1px
    }
}

.homepage .fixed-container .landing_bar_wrapper,
.landingpage .fixed-container .landing_bar_wrapper {
    width: 100%;
    left: 0;
    right: 0;
    max-width: 1024px;
    margin: 0 auto
}

.homepage .block-page,
.landingpage .block-page {
    margin-top: 60px;
    margin-top: 6rem
}

.homepage .block-contentfixed,
.landingpage .block-contentfixed {
    -ms-flex-order: 1;
    order: 1;
    z-index: 10;
    position: relative
}

.homepage .fixed-container .block-contentmenu,
.landingpage .fixed-container .block-contentmenu {
    max-height: 60px;
    max-height: 6rem
}

@media(max-width:768px) {

    .homepage .fixed-container .block-contentmenu .mainmenu__button,
    .landingpage .fixed-container .block-contentmenu .mainmenu__button {
        -ms-flex-order: 2;
        order: 2;
        z-index: 1
    }
}

@media(min-width:1025px) {

    .homepage .block-contentfixed,
    .landingpage .block-contentfixed {
        line-height: 6rem;
        background-color: #fff
    }
}

@media(max-width:768px) {

    .homepage .block-contentfixed .homepage_logo,
    .landingpage .block-contentfixed .homepage_logo {
        display: none
    }
}

@media(max-width:1024px) {

    .homepage .block-contentfixed .homepage_motto,
    .landingpage .block-contentfixed .homepage_motto {
        display: none
    }

    .homepage .block-contentfixed .header_text,
    .landingpage .block-contentfixed .header_text {
        display: block;
        line-height: 6rem
    }
}

.homepage .image,
.landingpage .image {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.homepage .checklist,
.landingpage .checklist {
    padding-left: 31px;
    padding-left: 3.1rem;
    margin-top: 20px;
    margin-top: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300
}

.homepage .checklist>li,
.landingpage .checklist>li {
    list-style: none;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    text-indent: -31px;
    text-indent: -3.1rem
}

.homepage .checklist>li:before,
.landingpage .checklist>li:before {
    content: "";
    display: inline-block;
    height: 22px;
    height: 2.2rem;
    width: 15px;
    width: 1.5rem;
    margin-right: 16px;
    margin-right: 1.6rem;
    background-repeat: no-repeat;
    background-image: url(/static/images/checkMarkRed.svg);
    background-position: 50%;
    vertical-align: middle
}

.homepage_logo {
    text-transform: uppercase;
    font-size: 24px;
    font-size: 2.4rem;
    color: #153d5f;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.header_text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.homepage_motto {
    font-style: italic;
    color: #153d5f;
    text-align: right;
    width: 60%
}

@media(max-width:768px) {

    .homepage .homepage_full_block,
    .homepage .homepage_wide_block {
        background-size: 100% 50%;
        background-repeat: no-repeat;
        background-position: top
    }
}

.homepage_full_block,
.homepage_wide_block {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    color: #fff;
    background-color: #153d5f;
    overflow: hidden;
    border-radius: 2px
}

@media(max-width:1024px) {

    .homepage_full_block,
    .homepage_wide_block {
        margin: 0;
        width: 100%;
        box-sizing: border-box
    }
}

.homepage_full_block .homepage_wide_block_wrapper,
.homepage_wide_block .homepage_wide_block_wrapper {
    padding: 60px 0;
    padding: 6rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    max-width: 1024px;
    width: 100%;
    margin: 0 auto
}

@media(max-width:1024px) {

    .homepage_full_block .homepage_wide_block_wrapper,
    .homepage_wide_block .homepage_wide_block_wrapper {
        padding: 6rem 4rem
    }
}

@media(max-width:768px) {

    .homepage_full_block .homepage_wide_block_wrapper,
    .homepage_wide_block .homepage_wide_block_wrapper {
        padding: 6rem 2rem;
        display: block;
        padding-bottom: 2rem
    }

    .homepage_full_block .homepage_wide_block_wrapper .author__picture,
    .homepage_wide_block .homepage_wide_block_wrapper .author__picture {
        height: 50px;
        width: 50px;
        border-radius: 30px
    }
}

.homepage_wide_block_article {
    position: relative;
    width: calc(100% - 300px - 2rem);
    margin-right: 20px;
    margin-right: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-bottom: 60px;
    padding-bottom: 6rem
}

@media(max-width:768px) {
    .homepage_wide_block_article {
        margin-right: 0;
        width: 100%
    }
}

.homepage_wide_block_article .related__item-title {
    position: relative;
    bottom: 0;
    font-size: 36px;
    font-size: 3.6rem;
    display: block;
    margin-bottom: 25px;
    margin-bottom: 2.5rem
}

@media(max-width:768px) {
    .homepage_wide_block_article .related__item-title {
        font-size: 3rem
    }
}

.homepage_wide_block_article .related__text {
    border-bottom: 0;
    height: auto;
    padding-bottom: 0;
    font-size: 20px;
    font-size: 2rem
}

.homepage_wide_block_article .block-actions {
    display: none
}

.homepage_wide_block_article a.button--related {
    max-width: 320px
}

@media(max-width:768px) {
    .homepage_wide_block_article a.button--related {
        width: 100%;
        max-width: none
    }
}

.homepage_wide_block_white {
    width: 300px;
    position: relative;
    padding: 20px;
    padding: 2rem;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #153d5f;
    padding-bottom: 60px;
    padding-bottom: 6rem;
    border-radius: 2px
}

@media(max-width:768px) {
    .homepage_wide_block_white {
        margin: 0 auto;
        margin-top: 4rem;
        width: 100%
    }
}

.homepage_wide_block_white img {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    max-height: 145px
}

.homepage_wide_block_white ul {
    margin: 0
}

.image_left,
.image_right {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1024px;
    margin: 0 auto;
    padding: 60px 0;
    padding: 6rem 0
}

@media(max-width:1024px) {

    .image_left,
    .image_right {
        padding: 4rem
    }
}

@media(max-width:768px) {

    .image_left,
    .image_right {
        padding: 4rem 2rem
    }
}

.image_left .image,
.image_right .image {
    width: 300px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-position: 50%;
    background-size: cover;
    text-align: center;
    border-radius: 2px
}

@media(max-width:768px) {

    .image_left .image,
    .image_right .image {
        display: none
    }
}

.image_left .text,
.image_right .text {
    position: relative;
    width: calc(100% - 300px - 2rem);
    font-size: 20px;
    font-size: 2rem;
    box-sizing: border-box
}

@media(max-width:768px) {

    .image_left .text,
    .image_right .text {
        width: 100%
    }
}

.image_left p,
.image_right p {
    margin-bottom: 20px;
    margin-bottom: 2rem
}

.image_left p:nth-child(3),
.image_right p:nth-child(3) {
    font-weight: 300
}

.image_left .title,
.image_right .title {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 700;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

.image_left .button,
.image_right .button {
    position: relative;
    max-width: 320px
}

@media(max-width:768px) {

    .image_left .button,
    .image_right .button {
        width: 100%;
        max-width: none
    }
}

.image_left .block-actions,
.image_right .block-actions {
    display: none
}

.image_right .image {
    -ms-flex-order: 2;
    order: 2
}

.image_right .text {
    -ms-flex-order: 1;
    order: 1
}

.event_widget {
    max-width: 1025px;
    margin: 100px auto;
    padding-left: 10px;
    padding-left: 1rem;
    padding-right: 10px;
    padding-right: 1rem;
    box-sizing: border-box
}

@media(max-width:1024px) {
    .event_widget {
        max-width: 960px
    }
}

@media(max-width:768px) {
    .event_widget {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: 4rem auto;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .event_widget>* {
        width: 100%
    }
}

.event_widget .event_bubbles {
    position: relative;
    height: 280px;
    margin-right: 60px;
    margin-right: 6rem;
    margin-bottom: 20px
}

@media(max-width:768px) {
    .event_widget .event_bubbles {
        -ms-flex-order: 2;
        order: 2;
        margin: 0;
        background-color: #153d5f;
        margin-left: -2rem;
        margin-right: -2rem;
        width: calc(100% + 4rem);
        box-sizing: content-box;
        height: auto
    }
}

.event_widget .event_bubbles .video_bubble,
.event_widget .event_bubbles [class*=avatar_bubble] {
    position: absolute;
    border-radius: 50%
}

.event_widget .event_bubbles .video_bubble {
    right: 0;
    height: 285px;
    width: 285px;
    background-color: #153d5f;
    transition: transform .5s;
    text-decoration: none
}

@media (max-width:768px) {
    .event_widget .event_bubbles .video_bubble {
        display: none
    }
}

.event_widget .event_bubbles .video_bubble:hover {
    transform: scale(1.1)
}

@media (max-width:768px) {
    .event_widget .event_bubbles .video_bubble:hover {
        transform: none
    }
}

@media(max-width:768px) {
    .event_widget .event_bubbles a.video_bubble {
        display: -ms-flexbox;
        display: flex;
        border-radius: 0;
        background-image: none !important;
        height: 80px;
        border: 0;
        width: 100%;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }
}

.event_widget .event_bubbles a.video_bubble:after {
    content: "";
    background-image: url(/static/images/playBtn.svg);
    background-size: 60px auto;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 280px;
    width: 280px;
    display: block
}

@media(max-width:768px) {
    .event_widget .event_bubbles a.video_bubble:after {
        height: 80px;
        width: 35px;
        margin-left: 25px;
        margin-right: 25px;
        background-size: 35px auto;
        -ms-flex-order: 1;
        order: 1
    }
}

.event_widget .event_bubbles a.video_bubble span {
    position: absolute;
    bottom: 20%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px
}

@media(max-width:768px) {
    .event_widget .event_bubbles a.video_bubble span {
        width: 200px;
        position: relative;
        display: block;
        text-align: left;
        -ms-flex-order: 2;
        order: 2;
        top: 0;
        font-size: 18px
    }

    .event_widget .event_bubbles a.video_bubble span:after {
        content: attr(data-play);
        font-size: 14px;
        display: block
    }
}

.event_widget .event_bubbles [class*=avatar_bubble] {
    text-align: center;
    background-size: cover;
    background-position: 50%;
    box-sizing: border-box;
    border: 2px solid #fff;
    color: #fff;
    transition: transform .5s
}

@media(max-width:768px) {
    .event_widget .event_bubbles [class*=avatar_bubble] {
        display: none
    }
}

.event_widget .event_bubbles [class*=avatar_bubble]:hover {
    transform: scale(1.1)
}

.event_widget .event_bubbles [class*=avatar_bubble].avatar_bubble--1 {
    top: 2px;
    right: 211px;
    height: 60px;
    width: 60px
}

.event_widget .event_bubbles [class*=avatar_bubble].avatar_bubble--2 {
    top: 145px;
    right: 345px;
    height: 60px;
    width: 60px
}

.event_widget .event_bubbles [class*=avatar_bubble].avatar_bubble--3 {
    top: 45px;
    right: 430px;
    height: 31px;
    width: 31px
}

.event_widget .event_bubbles [class*=avatar_bubble].avatar_bubble--4 {
    bottom: -7px;
    right: 20px;
    height: 64px;
    width: 64px
}

.event_widget .event_bubbles [class*=avatar_bubble].avatar_bubble--5 {
    top: 88px;
    right: 290px;
    height: 44px;
    width: 44px
}

.event_widget .event_bubbles [class*=avatar_bubble].avatar_bubble--6 {
    top: -4px;
    right: -46px;
    height: 94px;
    width: 94px
}

.event_widget .event_bubbles [class*=avatar_bubble].avatar_bubble--7 {
    top: 61px;
    right: 526px;
    height: 90px;
    width: 90px
}

.event_widget .event_bubbles [class*=avatar_bubble].avatar_bubble--8 {
    top: 151px;
    right: 625px;
    height: 40px;
    width: 40px
}

@media(max-width:768px) {
    .event_widget .event {
        -ms-flex-order: 1;
        order: 1;
        padding-bottom: 3rem
    }
}

.event_widget .event.homepage_wide_block_article {
    width: 100%
}

.event_widget .event>* {
    min-width: 0;
    position: relative
}

.event_widget .event .related__item-label--event {
    display: inline-block;
    text-transform: uppercase
}

.event_widget .event .related__item-label--event:before {
    background-image: url(/static/images/event.svg)
}

.event_widget .event .related__item-title {
    max-height: 1000px;
    bottom: 0
}

.event_widget .event .event_date {
    display: inline-block;
    background-color: #f0f3f5;
    margin-left: 10px;
    border-radius: 2px;
    padding: 2px 10px
}

@media(max-width:768px) {
    .event_widget .event .event_date {
        background-color: transparent;
        display: block;
        margin-left: 0;
        padding: 0
    }
}

@media(max-width:768px) {
    .event_widget .event .button_wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .event_widget .event .button_wrapper .button--arrow {
        width: 100%
    }

    .event_widget .event .button_wrapper .link--arrow {
        margin-top: 1rem
    }

    .event_widget .event .button_wrapper .link--arrow:nth-child(2) {
        margin-left: 0
    }

    .event_widget .event .button_wrapper .link--arrow:after {
        right: 1.5rem
    }
}

@media(max-width:768px) {
    .event_widget .event_timeline {
        -ms-flex-order: 3;
        order: 3
    }
}

.event_widget .event_timeline .timeline_line {
    height: 4px;
    width: 100%;
    border-radius: 2px;
    background-color: #153d5f;
    opacity: .2;
    position: relative
}

@media(max-width:768px) {
    .event_widget .event_timeline .timeline_line {
        display: none
    }
}

.event_widget .event_timeline .timeline_line.today {
    opacity: 1
}

.event_widget .event_timeline .timeline_line:after {
    content: "";
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #153d5f;
    display: block;
    top: -13px;
    position: absolute;
    right: 0;
    background-image: url(/static/images/menu-related-icons/event.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.event_widget .event_timeline .timeline_items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: -4px
}

@media(max-width:768px) {
    .event_widget .event_timeline .timeline_items {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 1rem
    }
}

.event_widget .event_timeline .timeline_items .event_editorial,
.event_widget .event_timeline .timeline_items .linkedin_group {
    border-top: 4px solid #153d5f;
    padding-right: 20px;
    padding-top: 30px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box
}

.event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(6),
.event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(6)~*,
.event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(6),
.event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(6)~* {
    width: 16.66667%
}

.event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(5),
.event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(5)~*,
.event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(5),
.event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(5)~* {
    width: 20%
}

.event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(4),
.event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(4)~*,
.event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(4),
.event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(4)~* {
    width: 25%
}

.event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(3),
.event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(3)~*,
.event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(3),
.event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(3)~* {
    width: 33.33333%
}

.event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(2),
.event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(2)~*,
.event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(2),
.event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(2)~* {
    width: 50%
}

@media(max-width:768px) {

    .event_widget .event_timeline .timeline_items .event_editorial,
    .event_widget .event_timeline .timeline_items .linkedin_group {
        border: 0;
        margin-top: 3rem;
        max-width: 100%;
        font-size: 18px
    }

    .event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(2),
    .event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(2)~*,
    .event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(3),
    .event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(3)~*,
    .event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(4),
    .event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(4)~*,
    .event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(5),
    .event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(5)~*,
    .event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(6),
    .event_widget .event_timeline .timeline_items .event_editorial:first-child:nth-last-child(6)~*,
    .event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(2),
    .event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(2)~*,
    .event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(3),
    .event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(3)~*,
    .event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(4),
    .event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(4)~*,
    .event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(5),
    .event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(5)~*,
    .event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(6),
    .event_widget .event_timeline .timeline_items .linkedin_group:first-child:nth-last-child(6)~* {
        width: 100%
    }
}

@media(min-width:1025px) {

    .event_widget .event_timeline .timeline_items .event_editorial>:not(a),
    .event_widget .event_timeline .timeline_items .linkedin_group>:not(a) {
        width: 220px;
        max-width: 100%;
        box-sizing: border-box
    }
}

.event_widget .event_timeline .timeline_items .event_editorial:last-child,
.event_widget .event_timeline .timeline_items .linkedin_group:last-child {
    border-top-color: transparent
}

@media(max-width:768px) {

    .event_widget .event_timeline .timeline_items .event_editorial:after,
    .event_widget .event_timeline .timeline_items .linkedin_group:after {
        content: attr(data-type);
        padding-left: 4rem;
        position: absolute;
        top: -20px;
        left: 0;
        line-height: 30px;
        height: 30px;
        text-transform: uppercase
    }
}

.event_widget .event_timeline .timeline_items .event_editorial:before,
.event_widget .event_timeline .timeline_items .linkedin_group:before {
    content: "";
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #153d5f;
    display: block;
    top: -17px;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%
}

.event_widget .event_timeline .timeline_items .event_editorial .link--arrow,
.event_widget .event_timeline .timeline_items .linkedin_group .link--arrow {
    display: inline-block
}

.event_widget .event_timeline .timeline_items .event_editorial .link--arrow:after,
.event_widget .event_timeline .timeline_items .linkedin_group .link--arrow:after {
    right: 15px;
    right: 1.5rem
}

@media(max-width:768px) {

    .event_widget .event_timeline .timeline_items .event_editorial .link--arrow,
    .event_widget .event_timeline .timeline_items .linkedin_group .link--arrow {
        font-size: 2rem
    }
}

.event_widget .event_timeline .timeline_items .event_editorial:before {
    background-image: url(/static/images/menu-related-icons/editorial.svg)
}

.event_widget .event_timeline .timeline_items .linkedin_group:before {
    background-image: url(/static/images/linkedin.svg)
}

.teaser_cards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.teaser_cards>* {
    max-width: 320px;
    -ms-flex-preferred-size: 320px;
    flex-basis: 320px;
    height: 460px;
    transition: transform .5s
}

@media(max-width:1024px) {
    .teaser_cards>* {
        height: 430px;
        max-width: calc((100% - 2rem) * 30 / 92);
        -ms-flex-preferred-size: calc((100% - 2rem) * 30 / 92);
        flex-basis: calc((100% - 2rem) * 30 / 92);
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media(max-width:768px) {
    .teaser_cards>* {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .teaser_cards>*+* {
        display: none
    }
}

.teaser_cards>:hover {
    transform: scale(1.2);
    z-index: 2;
    box-shadow: 0 2px 14px 7px rgba(21, 61, 95, .2)
}

.teaser_cards>* .related__item-header {
    height: 100%;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.teaser_cards>* .related__item-header .related__item-title {
    bottom: 90px;
    bottom: 9rem
}

.teaser_cards>* .button {
    background-color: transparent;
    color: #dd2f53;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.teaser_cards>* .button:after {
    position: relative;
    right: auto;
    margin: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='12' viewBox='0 0 7 12' xmlns='http://www.w3.org/2000/svg' fill='%23dd2f53'%3E%3Cpath d='M.348 1.893l3.747 3.908L.348 9.709c-.481.533-.446 1.141 0 1.574.445.436 1.197.408 1.615 0 .418-.406 4.502-4.695 4.502-4.695a1.095 1.095 0 0 0 0-1.576S2.38.725 1.963.317C1.545-.092.793-.119.348.317c-.446.436-.481 1.043 0 1.576z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.teaser_cards>* .related__text {
    display: none
}

.teaser_cards>* .related__item-date.related__item-date {
    bottom: 7em
}

.sff_enterprise--wrapper {
    background-color: #081b2a
}

.sff_enterprise--wrapper .sff_enterprise {
    height: 430px;
    max-width: 1025px;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
    padding-left: 1rem;
    padding-right: 10px;
    padding-right: 1rem;
    box-sizing: border-box
}

@media(max-width:1024px) {
    .sff_enterprise--wrapper .sff_enterprise {
        max-width: 960px
    }
}

@media(max-width:768px) {
    .sff_enterprise--wrapper .sff_enterprise {
        padding-left: 2rem;
        padding-right: 2rem;
        background-image: linear-gradient(180deg, rgba(12, 38, 59, .4), #081b2a 85%), url("/static/images/sff_enterprise.jpg");
        background-color: #fff;
        background-position: 100% 0
    }
}

.sff_enterprise--wrapper .sff_enterprise .text {
    max-width: 335px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sff_enterprise--wrapper .sff_enterprise .text .title {
    font-size: 36px;
    margin-bottom: 40px;
    font-weight: 700
}

@media(max-width:768px) {
    .sff_enterprise--wrapper .sff_enterprise .text {
        max-width: 100%
    }

    .sff_enterprise--wrapper .sff_enterprise .text .link--arrow {
        margin-left: 0
    }
}

.sff_enterprise--wrapper .sff_enterprise+.image {
    position: absolute;
    width: calc(50% + 112.5px);
    height: 100%;
    top: 0;
    left: calc(50% - 112.5px);
    background-size: cover;
    background-position: top;
    background-image: linear-gradient(270deg, rgba(12, 38, 59, .4), #081b2a 85%), url("/static/images/sff_enterprise.jpg");
    background-color: #fff;
    text-decoration: none
}

@media(max-width:1024px) {
    .sff_enterprise--wrapper .sff_enterprise+.image {
        width: calc(50% + 80px);
        left: calc(50% - 80px)
    }
}

@media(max-width:768px) {
    .sff_enterprise--wrapper .sff_enterprise+.image {
        background-image: none;
        background-color: #081b2a;
        height: 80px;
        width: 100%;
        left: 0;
        bottom: 0;
        top: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.sff_enterprise--wrapper .sff_enterprise+.image:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url(/static/images/playBtn.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    display: none
}

@media(max-width:768px) {
    .sff_enterprise--wrapper .sff_enterprise+.image:after {
        height: 80px;
        width: 35px;
        margin-left: 25px;
        margin-right: 25px;
        background-size: 35px auto;
        -ms-flex-order: 1;
        order: 1;
        position: relative
    }
}

.sff_enterprise--wrapper .sff_enterprise+.image span {
    display: none
}

@media(max-width:768px) {
    .sff_enterprise--wrapper .sff_enterprise+.image span {
        width: 200px;
        position: relative;
        display: block;
        text-align: left;
        -ms-flex-order: 2;
        order: 2;
        top: 0;
        font-size: 18px;
        color: #fff;
        display: none
    }

    .sff_enterprise--wrapper .sff_enterprise+.image span:after {
        content: attr(data-play);
        font-size: 14px;
        display: block
    }
}

.references {
    padding: 60px 0;
    padding: 6rem 0;
    width: 1024px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

@media(max-width:768px) {
    .references {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.references .centered-text {
    text-align: center;
    max-width: 620px;
    margin: 0 auto
}

.references .references_title {
    font-weight: 700;
    font-style: italic;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 35px;
    margin-bottom: 3.5rem
}

.references .references_names {
    text-align: center;
    margin: 50px auto;
    margin: 5rem auto
}

@media(max-width:768px) {
    .references .references_names {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 300
    }
}

.references .references_names ul {
    padding-left: 0
}

.references .references_names li {
    display: inline-block;
    padding: 0 10px;
    padding: 0 1rem
}

.references .references_logos {
    padding: 50px 0;
    padding: 5rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:768px) {
    .references .references_logos {
        padding-top: 0
    }
}

.references .references_logos img {
    display: inline-block;
    margin: 0 3%;
    margin-top: 40px;
    margin-top: 4rem
}

@media(max-width:768px) {
    .references .references_logos img {
        max-width: 35%;
        margin: 0 2rem;
        margin-top: 35px;
        vertical-align: middle
    }
}

.references .references_testimonials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width:1024px) {
    .references .references_testimonials {
        padding: 4rem
    }
}

@media(max-width:768px) {
    .references .references_testimonials {
        padding: 1rem
    }
}

.references .references_testimonials .ref_wrapper {
    -ms-flex-preferred-size: 320px;
    flex-basis: 320px;
    border-radius: 2px;
    overflow: hidden
}

@media(max-width:1024px) {
    .references .references_testimonials .ref_wrapper {
        -ms-flex-preferred-size: calc(50% - 2rem);
        flex-basis: calc(50% - 2rem)
    }
}

@media(max-width:768px) {
    .references .references_testimonials .ref_wrapper {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.references .references_testimonials .ref_logo {
    width: 90%;
    height: 100%;
    max-height: 130px
}

@media(max-width:1024px) {
    .references .references_testimonials .ref_logo {
        width: 60%
    }
}

@media(max-width:768px) {
    .references .references_testimonials .ref_logo {
        height: 50px;
        width: auto
    }
}

.references .references_testimonials .ref_profile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.references .references_testimonials .ref_picture {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    margin-right: 2rem;
    background-position: 50%;
    background-size: cover;
    border-radius: 35px
}

.references .references_testimonials .ref_background {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 250px;
    padding: 25px;
    padding: 2.5rem;
    padding-bottom: 0;
    color: #fff;
    font-weight: 700;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center
}

.references .references_testimonials .ref_testimonial {
    color: #fff;
    background-color: #081b2c;
    padding: 20px 25px 10px;
    padding: 2rem 2.5rem 1rem;
    text-align: center;
    font-style: italic;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

@media(max-width:768px) {
    .references .references_testimonials .ref_wrapper:first-child {
        display: none
    }
}

.references .references_testimonials .ref_wrapper:first-child .ref_background {
    background-image: linear-gradient(180deg, rgba(13, 40, 63, 0), rgba(12, 37, 59, .23), #081b2a), url(/static/images/heineken_bg.jpg)
}

.references .references_testimonials .ref_wrapper:first-child .ref_background .ref_picture {
    background-image: url(/static/images/heineken_profile.jpeg)
}

.references .references_testimonials .ref_wrapper:nth-child(2) .ref_background {
    background-image: linear-gradient(180deg, rgba(13, 40, 63, 0), rgba(12, 37, 59, .23), #081b2a), url(/static/images/vanlente_bg.jpg)
}

.references .references_testimonials .ref_wrapper:nth-child(2) .ref_background .ref_picture {
    background-image: url(/static/images/nwva_profile.jpg)
}

@media(max-width:1024px) {
    .references .references_testimonials .ref_wrapper:nth-child(3) {
        display: none
    }
}

.references .references_testimonials .ref_wrapper:nth-child(3) .ref_background {
    background-image: linear-gradient(180deg, rgba(13, 40, 63, 0), rgba(12, 37, 59, .23), #081b2a), url(/static/images/bosch_bg.jpg)
}

.references .references_testimonials .ref_wrapper:nth-child(3) .ref_background .ref_picture {
    background-image: url(/static/images/bosch_profile.jpeg)
}

.landingpage .homepage_wide_block_article .related__item-label {
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 135px;
    margin-bottom: 13.5rem
}

.landingpage .homepage_wide_block_article .related__item-label:before {
    height: 32px;
    width: 32px;
    background-size: 32px auto;
    vertical-align: baseline
}

.landingpage .homepage_wide_block_article .related__item-label--playbook:before,
.landingpage .homepage_wide_block_article .related__item-label--report:before {
    height: 45px;
    width: 32px;
    background-size: 32px auto;
    vertical-align: baseline
}

.landingpage .homepage_wide_block_article .related__item-label--event:before {
    background-size: auto 32px
}

.landingpage .homepage_wide_block_article .related__item-title {
    max-height: 1000px
}

.landingpage .homepage_full_block .homepage_wide_block_wrapper,
.landingpage .homepage_wide_block .homepage_wide_block_wrapper {
    padding: 40px 0;
    padding: 4rem 0
}

@media(max-width:1024px) {

    .landingpage .homepage_full_block .homepage_wide_block_wrapper,
    .landingpage .homepage_wide_block .homepage_wide_block_wrapper {
        padding: 4rem
    }
}

@media(max-width:768px) {

    .landingpage .homepage_full_block .homepage_wide_block_wrapper,
    .landingpage .homepage_wide_block .homepage_wide_block_wrapper {
        padding: 4rem 1rem
    }
}

.landingpage .image_left .image,
.landingpage .image_right .image {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.landingpage .block-content>.title {
    font-size: 36px;
    font-size: 3.6rem;
    text-transform: uppercase;
    max-width: 1024px;
    margin: 0 auto
}

@media(max-width:1024px) {
    .landingpage .block-content>.title {
        max-width: 100%;
        padding-left: 4rem
    }
}

@media(max-width:768px) {
    .landingpage .block-content>.title {
        padding-left: 2rem
    }
}

.landingpage .block-featured {
    background-color: #f0f3f5
}

@media(max-width:768px) {
    .landingpage .block-featured {
        padding: 0 2rem
    }
}

.landingpage .block-featured .featured_list {
    max-width: 1024px;
    position: relative;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.landingpage .block-featured .featured_list .dynamic_list {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%
}

@media(max-width:1024px) {
    .landingpage .block-featured .featured_list .dynamic_list {
        width: calc(100% - 8rem);
        margin: 0 auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(max-width:768px) {
    .landingpage .block-featured .featured_list .dynamic_list {
        width: 100%
    }
}

.landingpage .block-featured .featured_list .dynamic_list .block-list-2cols {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%
}

@media(max-width:1024px) {
    .landingpage .block-featured .featured_list .dynamic_list .block-list-2cols {
        width: 100%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(max-width:768px) {
    .landingpage .block-featured .featured_list .dynamic_list .block-list-2cols {
        margin-left: 0
    }
}

.landingpage .block-featured .featured_list .dynamic_list .block-list-2cols .list-2cols__item {
    -ms-flex-preferred-size: 320px;
    flex-basis: 320px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 20px;
    margin-top: 2rem;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

@media(max-width:1024px) {
    .landingpage .block-featured .featured_list .dynamic_list .block-list-2cols .list-2cols__item {
        -ms-flex-preferred-size: calc((100% - 2rem) / 2);
        flex-basis: calc((100% - 2rem) / 2)
    }
}

@media(max-width:768px) {
    .landingpage .block-featured .featured_list .dynamic_list .block-list-2cols .list-2cols__item {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 100%;
        margin: 2rem auto
    }

    .landingpage .block-featured .featured_list .dynamic_list .block-list-2cols .list-2cols__item:nth-child(2) {
        display: none
    }
}

.landingpage .block-featured .featured_list .homepage_wide_block_white {
    margin: 20px 0;
    margin: 2rem 0;
    margin-left: 20px;
    margin-left: 2rem;
    box-shadow: none
}

@media(max-width:1024px) {
    .landingpage .block-featured .featured_list .homepage_wide_block_white {
        margin: 0 auto;
        margin-bottom: 2rem
    }
}

.homepage .container {
    max-width: 100%
}

.homepage .container .block-content>* {
    max-width: 1025px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-left: 1rem;
    padding-right: 10px;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%
}

@media(max-width:1024px) {
    .homepage .container .block-content>* {
        max-width: 960px
    }
}

@media(max-width:768px) {
    .homepage .container .block-content>* {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.homepage .container .block-content>.homepage_full_block {
    max-width: 100%;
    position: relative;
    padding: 0
}

.homepage .swiper .swiper-slide>div:first-child {
    margin-right: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.homepage .swiper .homepage_wide_block_article {
    max-width: 1025px;
    width: calc(1025px - 2 * (35px + 25px - 1rem));
    margin: 0 auto;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #fff;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

@media(max-width:1024px) {
    .homepage .swiper .homepage_wide_block_article {
        max-width: 960px;
        padding-left: 2rem;
        padding-right: 2rem;
        box-sizing: border-box
    }
}

@media(max-width:768px) {
    .homepage .swiper .homepage_wide_block_article {
        max-width: 100%
    }
}

.homepage .swiper .homepage_wide_block_article .related__item-title {
    margin-bottom: 0;
    max-height: 1000px;
    bottom: 0
}

.homepage .swiper .homepage_wide_block_article .event_date {
    background-color: hsla(0, 0%, 100%, .4);
    margin-left: 10px;
    border-radius: 2px;
    padding: 2px 10px
}

.homepage .swiper .homepage_wide_block_article .link--arrow {
    display: block
}

.homepage .swiper .swiper-slide-active>div:first-child {
    transform: translateZ(0);
    animation: zoomScale 8s forwards
}

.homepage .swiper .swiper-pagination-bullet {
    background-color: #fff;
    opacity: .2
}

.homepage .swiper .swiper-pagination-bullet-active {
    opacity: 1
}

@media(max-width:768px) {
    .homepage .image_left .button_wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .homepage .image_left .button_wrapper .link--arrow {
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        margin-bottom: 1rem
    }

    .homepage .image_left .button_wrapper .link--arrow:after {
        right: 1.5rem
    }

    .homepage .image_left .button_wrapper .button--arrow {
        -ms-flex-order: 2;
        order: 2
    }
}

.menu__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container,
.menu__container {
    width: 1024px;
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.fixed-container {
    max-width: 100%;
    width: 1024px;
    background-color: transparent;
    height: 1px;
    z-index: 2
}

@media(max-width:768px) {
    .fixed-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        max-width: 100%;
        top: 0
    }

    .fixed-container .block-contentmenu {
        -ms-flex-order: 2;
        order: 2;
        margin-top: 5px;
        height: 0
    }
}

.block-content,
.block-contentfixed {
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 262px - 2rem)
}

@media (max-width:768px) {

    .block-content,
    .block-contentfixed {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box
    }
}

.block-contentfixed {
    max-width: none;
    margin-left: 262px;
    padding-left: 5px;
    padding-left: .5rem
}

@media(max-width:768px) {
    .block-contentfixed {
        margin-left: 0;
        padding-left: 0;
        z-index: 10
    }
}

.block-menu-panel-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width:1024px) {
    .block-menu-panel-container {
        padding-bottom: 6rem
    }
}

#menu {
    width: 300px
}

@media(max-width:768px) {
    #menu {
        margin: 0 auto
    }
}

.block-contentmenu,
.block-contentmenu--dummy {
    width: 262px;
    -ms-flex-preferred-size: 262px;
    flex-basis: 262px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    margin-right: 2rem
}

@media (max-width:768px) {

    .block-contentmenu,
    .block-contentmenu--dummy {
        width: 100%;
        max-height: 6.5rem
    }
}

.block-contentmenu {
    top: 0;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    z-index: 10
}

@media (max-width:1024px),
(min-width:1025px) {
    .block-contentmenu {
        overflow: auto
    }
}

@media (max-width:768px) {
    .block-contentmenu {
        overflow: visible;
        width: 100%
    }
}

@media (max-width:768px) {
    .block-contentmenu--dummy {
        display: none
    }
}

.block-page {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:768px) {
    .block-page {
        margin-top: 7rem;
        padding-bottom: 6rem
    }
}

.block-list-2cols {
    overflow: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media(max-width:768px) {
    .block-list-2cols {
        width: calc(100% + 2rem);
        margin-left: -1rem
    }
}

.list-2cols__item:nth-of-type(2) {
    margin-right: 0
}

.list-2cols__item {
    width: calc(50% - 1rem)
}

@media(max-width:1024px) {
    .list-2cols__item {
        width: 100%
    }
}

@media(max-width:768px) {
    .list-2cols__item {
        width: 100%
    }
}

@media(max-width:768px) {
    .block-sfflogo {
        display: none
    }
}

.footer_wrapper {
    max-width: 1024px;
    margin: 0 auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media(max-width:1024px) {
    .footer_wrapper {
        width: calc(100% - 4rem);
        margin: 0 auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer_wrapper .row-1-2 .col_top,
    .footer_wrapper .row-1-2 .row-1-2 .col_top {
        margin-bottom: 0;
        height: auto;
        line-height: normal
    }

    .footer_wrapper .col-2-3 {
        -ms-flex-order: 2;
        order: 2;
        max-width: 100%
    }

    .footer_wrapper .col-1-3 {
        -ms-flex-order: 1;
        order: 1
    }

    .footer_wrapper .footer_contact {
        margin-top: 4rem
    }

    .footer_wrapper .footer_contact ul {
        margin-bottom: 4rem
    }

    .footer_wrapper .footer_action>a {
        line-height: 5rem;
        padding: 0;
        border-radius: 2px;
        margin-bottom: 5rem
    }

    .footer_wrapper .copyright {
        padding-bottom: 4rem
    }

    .footer_wrapper .footer_newsletter {
        display: none
    }
}

.block-breadcrumbs {
    padding: 0 20px;
    padding: 0 2rem
}

@media (max-width:768px) {
    .block-breadcrumbs {
        display: none
    }
}

.breadcrumbs {
    background-color: #f0f3f5;
    padding: 8px 20px;
    border-radius: 2px;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    display: -ms-flexbox;
    display: flex;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%
}

.breadcrumbs .breadcrumbs__item {
    font-size: 14px;
    font-size: 1.4rem;
    color: #153d5f;
    margin-bottom: 0;
    line-height: 34px;
    line-height: 3.4rem;
    display: -ms-flexbox;
    display: flex
}

.breadcrumbs .breadcrumbs__item:after {
    content: "";
    height: 34px;
    height: 3.4rem;
    width: 7px;
    width: .7rem;
    background-position: 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/static/images/breadcrumbArrow.svg);
    margin: 0 15px;
    margin: 0 1.5rem
}

.breadcrumbs .breadcrumbs__item--last:after {
    display: none
}

.breadcrumbs .breadcrumbs__link,
.breadcrumbs .breadcrumbs__title {
    max-width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #153d5f;
    display: block
}

.breadcrumbs .breadcrumbs__item--last,
.breadcrumbs .breadcrumbs__item--last * {
    max-width: none;
    width: auto;
    overflow: hidden
}

.breadcrumbs .breadcrumbs__page {
    vertical-align: middle
}

.block-profile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 20px;
    padding: 1.6rem 2rem;
    padding-bottom: 14px;
    padding-bottom: 1.4rem
}

.block-profile--withpic {
    background-color: #153d5f;
    color: #fff
}

.profile__picture {
    height: 50px;
    width: 50px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2px;
    border: 2px solid #153d5f;
    margin-right: 20px;
    margin-right: 2rem;
    display: inline-block;
    vertical-align: middle;
    float: left
}

.profile__text {
    width: 70%
}

.profile__name {
    display: block;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem
}

.profile__description {
    font-size: 10px;
    font-size: 1rem;
    vertical-align: top
}

.profile__link {
    background-color: #dd2f53;
    padding: 6px 20px;
    padding: .6rem 2rem;
    padding-bottom: 8px;
    padding-bottom: .8rem;
    vertical-align: middle;
    border-radius: 2px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    text-decoration: none
}

.profile__link:before {
    content: "";
    background-position: 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle
}

.block-facebook .profile__link:before {
    background-image: url(/static/images/facebook.svg);
    height: 22px;
    height: 2.2rem;
    width: 22px;
    width: 2.2rem;
    margin-right: 4px;
    margin-right: .4rem
}

.block-profile__header--withpic.block-profile__header--withpic {
    position: relative;
    height: 227px;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    background-size: 100% auto;
    border-radius: 2px;
    background-color: #153d5f;
    padding-top: 10px;
    padding-top: 1rem
}

@media(max-width:768px) {
    .block-profile__header--withpic.block-profile__header--withpic {
        margin-left: -2rem;
        margin-right: -2rem
    }
}

@media(max-width:768px) {
    .block-profile__header--withpic.block-profile__header--withpic:before {
        background-color: #fff;
        bottom: 0;
        top: auto;
        height: 50px
    }
}

.block-profile__header-title--withpic {
    text-align: center;
    font-size: 36px;
    color: #fff;
    position: relative
}

.profile-detail__picture {
    height: 110px;
    width: 110px;
    border-radius: 100px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #fff;
    margin: 0 auto;
    margin-top: 20px;
    margin-top: 2rem;
    position: relative
}

.profile-detail__bio {
    margin: 30px 0;
    margin: 3rem 0
}

.profile-detail__bio h2 {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-size: 30px;
    font-size: 3rem
}

.profile-detail__items .list-2cols__item {
    background-color: #f0f3f5
}

.block-profile__function {
    position: relative;
    text-align: center;
    color: #fff
}

.block-profile__function:before,
.related__text .function:before {
    content: "";
    height: 18px;
    width: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-right: 1rem
}

.block-profile__function:before {
    background-image: url("/static/images/function-profile-white.svg")
}

.related__text .function:before {
    background-image: url("/static/images/function-profile.svg")
}

.block-profile__meta {
    margin: 10px 0;
    margin: 1rem 0
}

.block-profile__meta a {
    color: #dd2f53
}

.block-profile__meta div {
    margin-bottom: 10px;
    margin-bottom: 1rem;
    line-height: 1.44
}

.block-profile__meta div:before {
    content: "";
    height: 18px;
    width: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-right: 1rem;
    background-position: 50%
}

.block-profile__meta .companies:before {
    background-image: url("/static/images/company-profile.svg")
}

.block-profile__meta .location:before {
    background-image: url("/static/images/location-profile.svg")
}

.block-profile__meta .joined_for:before {
    background-image: url("/static/images/time-profile.svg")
}

.block-profile__meta .was_published:before {
    background-image: url("/static/images/agenda.svg");
    vertical-align: middle
}

.company_profile .profile-detail__picture {
    border-radius: 2px;
    border-width: 1px
}

@media(max-width:768px) {
    .company_profile .profile-detail__picture {
        margin-top: 120px;
        border-color: #153d5f
    }
}

.company_profile .block-profile__function:before {
    display: none
}

.company_profile .block-profile__meta {
    margin-top: 60px;
    margin-top: 6rem
}

.company_profile .block-company-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media(max-width:768px) {
    .company_profile .block-company-meta {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.company_profile .block-company-meta .block-actions {
    position: relative
}

@media(max-width:768px) {
    .company_profile .block-company-meta .block-actions {
        text-align: left;
        font-size: 1.6rem;
        margin-left: 0
    }

    .company_profile .block-company-meta .block-actions a {
        padding-right: 3rem
    }
}

.company_profile .block-actions:before,
.company_profile .block-company-meta:before {
    display: none
}

@media(max-width:768px) {
    .company_profile .block-profile__header-title--withpic {
        color: #081b2c;
        font-size: 2.4rem
    }
}

.address_label {
    margin-top: 40px;
    margin-top: 4rem;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

.block_address {
    background-color: #f0f3f5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    border-radius: 2px;
    overflow: hidden
}

@media(max-width:768px) {
    .block_address {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.block_address a {
    color: #dd2f53
}

.block_address .left {
    padding: 20px;
    padding: 2rem;
    width: 460px;
    max-width: 100%;
    box-sizing: border-box
}

.block_address .right {
    width: 200px;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    background-image: url("/static/images/address_map.jpg");
    background-size: cover;
    background-position: 50%
}

@media(max-width:768px) {
    .block_address .right {
        background-image: none
    }
}

.block_address .right .button--map {
    height: 40px;
    height: 4rem;
    line-height: 40px;
    line-height: 4rem;
    max-width: 160px;
    margin: 0 auto;
    margin-top: 20px;
    margin-top: 2rem;
    display: block;
    color: #fff
}

@media(max-width:768px) {
    .block_address .right .button--map {
        margin-top: 1rem;
        margin-bottom: 3rem
    }
}

.block_address .title {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

.block_address .address_name {
    font-weight: 700;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

.block_address .address_info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 300
}

@media(max-width:768px) {
    .block_address .address_info {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.block_address .address_info .postal_address {
    margin-bottom: 20px;
    margin-bottom: 2rem
}

.facebook__social-info {
    border-top: 2px solid #153d5f;
    margin-top: 25px;
    margin-top: 2.5rem;
    padding-top: 13px;
    padding-top: 1.3rem
}

.facebook__picblock {
    height: 200px;
    width: 660px;
    max-width: 100%;
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.facebook__text {
    padding: 20px;
    padding: 2rem;
    font-size: 18px;
    font-size: 1.8rem
}

.social-info__item {
    margin-right: 20px;
    margin-right: 2rem;
    font-weight: 300;
    line-height: 26px;
    line-height: 2.6rem
}

.social-info__item:before {
    content: "";
    height: 24px;
    width: 24px;
    background-position: 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 4px;
    margin-right: .4rem;
    vertical-align: middle
}

.social-info__item[data-type=like]:before {
    background-image: url(/static/images/f-like.svg)
}

.social-info__item[data-type=comment]:before {
    background-image: url(/static/images/f-comment.svg)
}

.social-info__item[data-type=share]:before {
    background-image: url(/static/images/f-share.svg)
}

.admin_bar {
    height: 36px;
    padding: 0 20px;
    background-image: linear-gradient(#333, #222);
    position: fixed;
    z-index: 10;
    width: 100%;
    box-sizing: border-box
}

.admin_bar,
.admin_bar__link {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.admin_bar__link {
    color: #4fb2d3;
    text-decoration: none;
    display: inline-block;
    padding: 10px 0
}

.admin_bar__link:hover {
    color: #fff
}

.admin_bar__alert {
    color: #ffffe0
}

.admin_button {
    position: relative;
    z-index: 1
}

.admin_button__link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 20px;
    border-radius: 2px;
    background-color: #f0f3f5;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    color: #153d5f;
    box-shadow: 0 2px 10px 0 rgba(21, 61, 95, .2)
}

.admin_bar+.container {
    padding-top: 36px
}

@media(max-width:768px) {

    .admin_bar+.container .block-toc.block-toc--active ul,
    .admin_bar+.container .Row-children.portal_mobile {
        top: 41px
    }
}

.admin_bar~div>div>.Row-children.portal_mobile {
    top: 41px
}

.admin_bar+.container .block-contentmenu,
.admin_bar+.container .block-contentmenu .toc__submenu {
    top: 36px
}

.mainmenu__button {
    background-color: #dd2f53;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-top: 18px;
    padding-top: 1.8rem;
    padding-bottom: 16px;
    padding-bottom: 1.6rem;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    position: fixed;
    width: 262px;
    z-index: 10;
    margin-top: 0
}

@media(max-width:768px) {
    .mainmenu__button {
        width: 100%;
        position: static;
        border-radius: 0;
        margin-top: 0
    }

    .mainmenu__button.fold {
        display: none
    }
}

.mainmenu__label {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.mainmenu__label:after {
    content: "";
    background-image: url(/static/images/menu.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 14px;
    width: 1.4rem;
    height: 14px;
    height: 1.4rem;
    display: inline-block;
    margin-left: 20px;
    margin-left: 2rem
}

.block-sfflogo {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    margin-top: 80px;
    margin-top: 8rem
}

.sfflogo__image {
    background-image: url(/static/images/logoSafeFoodFactory.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    width: 235px;
    height: 90px;
    margin: 35px auto 40px;
    margin: 3.5rem auto 4rem;
    display: block;
    cursor: pointer
}

.sfflogo__text {
    text-align: center;
    font-weight: 700
}

.block-toc,
.toc__submenu {
    background-color: #f0f3f5;
    color: #153d5f
}

.block-toc.contentmenu__item {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

@media (max-width:768px) {
    .block-toc.contentmenu__item {
        background-color: #153d5f;
        color: #fff;
        width: 6rem;
        box-sizing: border-box;
        height: 6.5rem;
        margin-top: -.6rem;
        border-top-right-radius: 2px;
        padding-top: .6rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.block-toc .toc__submenu {
    display: none
}

@media(max-width:768px) {
    .block-toc.block-toc--active .toc__submenu {
        position: fixed;
        top: 5px;
        left: 0;
        bottom: 5rem;
        z-index: -1;
        width: 100%
    }
}

.block-toc.block-toc--active .toc__submenu {
    display: block
}

.toc__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
    padding-left: 65px;
    padding-left: 6.5rem;
    cursor: pointer
}

@media(min-width:1025px) {
    .toc__label.contentmenu__label {
        padding-left: 6.5rem
    }
}

@media(max-width:768px) {
    .toc__label {
        text-align: center
    }
}

.toc__label:after {
    content: "";
    background-repeat: no-repeat;
    background-image: url(/static/images/chevron-next.svg);
    background-position: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.toc__submenu {
    list-style: none;
    padding: 20px;
    padding: 2rem;
    border-bottom: 1px solid #153d5f
}

.block-toc--active .contentmenu__label:after,
[aria-expanded=true]>.contentmenu__item .contentmenu__label:after {
    background-image: url(/static/images/down.svg)
}

.contentmenu__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 20px;
    padding: 1.5rem 2rem;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media(max-width:768px) {
    .contentmenu__label {
        text-transform: lowercase;
        font-size: 1rem;
        display: block;
        padding: 1rem 0
    }
}

.contentmenu__label span:before,
.toc__label:before {
    content: "";
    height: 25px;
    height: 2.5rem;
    min-width: 30px;
    min-width: 3rem;
    background-repeat: no-repeat;
    background-size: auto 2.5rem;
    background-position: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-right: 1rem
}

.contentmenu__item[data-icon=supplier] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/supplier.svg)
}

.contentmenu__item[data-icon=product] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/product.svg)
}

.contentmenu__item[data-icon=report] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/report.svg)
}

.contentmenu__item[data-icon=playbook] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/playbook.svg)
}

.contentmenu__item[data-icon=expert] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/expert.svg)
}

.contentmenu__item[data-icon=guideline] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/guideline.svg)
}

.contentmenu__item[data-icon=editorial] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/editorial.svg)
}

.contentmenu__item[data-icon=event] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/event.svg)
}

.contentmenu__item[data-icon=knowledge] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/knowledge.svg)
}

[aria-expanded=true] .contentmenu__item[data-icon=supplier] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/supplier-white.svg)
}

[aria-expanded=true] .contentmenu__item[data-icon=product] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/product-white.svg)
}

[aria-expanded=true] .contentmenu__item[data-icon=report] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/report-white.svg)
}

[aria-expanded=true] .contentmenu__item[data-icon=playbook] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/playbook-white.svg)
}

[aria-expanded=true] .contentmenu__item[data-icon=expert] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/expert-white.svg)
}

[aria-expanded=true] .contentmenu__item[data-icon=guideline] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/guideline-white.svg)
}

[aria-expanded=true] .contentmenu__item[data-icon=editorial] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/editorial-white.svg)
}

[aria-expanded=true] .contentmenu__item[data-icon=event] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/event-white.svg)
}

[aria-expanded=true] .contentmenu__item[data-icon=knowledge] .contentmenu__label span:before {
    background-image: url(/static/images/toolbox-icons/knowledge-white.svg)
}

.contentmenu__item[data-icon=""] .contentmenu__label span:before,
.toc__label.toc__label:before {
    display: none
}

@media(max-width:768px) {
    .toc__label.toc__label:before {
        display: inline-block;
        background-image: url(/static/images/contents-white.svg);
        background-size: 2rem auto
    }
}

@media(max-width:768px) {
    .contentmenu__label.contentmenu__label>a {
        text-transform: lowercase;
        font-size: 1rem;
        display: block
    }
}

.contentmenu__label:after {
    content: "";
    background-repeat: no-repeat;
    background-image: url(/static/images/chevron-next.svg);
    background-position: 50%;
    width: 20px;
    height: 20px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media(max-width:768px) {
    .contentmenu__label:after {
        display: none
    }
}

.contentmenu__label>span:before,
.toc__label:before {
    max-height: 25px;
    display: inline-block;
    margin-right: 16px;
    vertical-align: middle;
    line-height: 25px;
    width: 25px;
    height: 25px
}

@media(max-width:768px) {

    .contentmenu__label>span:before,
    .toc__label:before {
        display: block;
        margin: 0 auto
    }
}

#toolbox [data-icon] {
    cursor: pointer
}

#toolbox .contentmenu__item--disabled[data-icon] {
    cursor: default
}

#toolbox .toolbox_item_preview {
    display: none;
    position: absolute;
    width: 300px;
    top: 0;
    left: 0;
    z-index: 10
}

@media(max-width:768px) {
    #toolbox {
        width: calc(100% - 6rem);
        box-shadow: 0 -2px 28px -3px rgba(21, 61, 95, .5)
    }
}

@media(max-width:768px) {
    #toolbox [aria-expanded=false] .Row-children {
        display: none
    }
}

@media(max-width:768px) {
    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children {
        position: fixed;
        top: 5px;
        width: 100%;
        left: 0;
        height: 100%;
        display: block;
        z-index: -1
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children .Row-children {
        top: 10rem;
        display: block
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children .Row-children>ul {
        min-height: auto;
        overflow: scroll
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children .Row-children>ul>li {
        display: inline-block;
        width: 100%
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children>.mobile_label {
        display: block;
        background-color: #153d5f;
        text-transform: uppercase;
        line-height: 5rem;
        height: 5rem
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children>.mobile_label:after {
        background-image: url(/static/images/down.svg)
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children ul {
        position: relative;
        height: 100%;
        overflow-x: scroll
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children ul .contentmenu__item {
        width: 100%;
        box-sizing: border-box
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children li:not([aria-expanded]) {
        display: inline-block;
        position: relative;
        padding: 0 1rem
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children li:not([aria-expanded]) .contentmenu__label {
        display: none
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children li:not([aria-expanded]) .toolbox_item_preview {
        display: block;
        position: relative;
        padding-bottom: 5rem;
        width: 250px
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children li:not([aria-expanded]) .toolbox_item_preview .list-2cols__item {
        padding: 0 1rem;
        white-space: normal;
        text-align: left
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children li:not([aria-expanded]) .toolbox_item_preview .related__item-header {
        height: 150px;
        padding: 1rem;
        margin: 0 -1rem;
        margin-bottom: 0
    }

    #toolbox [aria-expanded=true]>.contentmenu__item>.Row-children li:not([aria-expanded]) .toolbox_item_preview .related__text p {
        margin: 1rem 0
    }
}

#toolbox .contentmenu__item--disabled .contentmenu__label {
    opacity: .4
}

#toolbox [data-icon=guideline] .contentmenu__item:not(.contentmenu__item--leaf),
#toolbox [data-icon=playbook] .contentmenu__item:not(.contentmenu__item--leaf),
#toolbox [data-icon=report] .contentmenu__item:not(.contentmenu__item--leaf) {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#toolbox [data-icon=guideline] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label,
#toolbox [data-icon=playbook] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label,
#toolbox [data-icon=report] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 100%;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

#toolbox [data-icon=guideline] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label .contentmenu__carousel-item-prev,
#toolbox [data-icon=playbook] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label .contentmenu__carousel-item-prev,
#toolbox [data-icon=report] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label .contentmenu__carousel-item-prev {
    transform: rotate(-180deg)
}

#toolbox [data-icon=guideline] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label .contentmenu__carousel-item-next,
#toolbox [data-icon=guideline] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label .contentmenu__carousel-item-prev,
#toolbox [data-icon=playbook] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label .contentmenu__carousel-item-next,
#toolbox [data-icon=playbook] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label .contentmenu__carousel-item-prev,
#toolbox [data-icon=report] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label .contentmenu__carousel-item-next,
#toolbox [data-icon=report] .contentmenu__item:not(.contentmenu__item--leaf)>div>.contentmenu__label .contentmenu__carousel-item-prev {
    background-image: url(/static/images/chevron-next.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    height: 50px;
    width: 20px
}

#toolbox [data-icon=guideline] [aria-expanded]:not(.visible),
#toolbox [data-icon=playbook] [aria-expanded]:not(.visible),
#toolbox [data-icon=report] [aria-expanded]:not(.visible) {
    display: none
}

#toolbox [data-icon=guideline] .visible[aria-expanded],
#toolbox [data-icon=playbook] .visible[aria-expanded],
#toolbox [data-icon=report] .visible[aria-expanded] {
    width: 100%
}

#toolbox [data-icon=guideline] .visible[aria-expanded] [aria-expanded],
#toolbox [data-icon=playbook] .visible[aria-expanded] [aria-expanded],
#toolbox [data-icon=report] .visible[aria-expanded] [aria-expanded] {
    display: none
}

#toolbox [data-icon=guideline] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label,
#toolbox [data-icon=playbook] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label,
#toolbox [data-icon=report] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label {
    height: 50px;
    height: 5rem
}

#toolbox [data-icon=guideline] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label span,
#toolbox [data-icon=playbook] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label span,
#toolbox [data-icon=report] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label span {
    width: 100%;
    text-align: center
}

#toolbox [data-icon=guideline] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-next,
#toolbox [data-icon=guideline] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-prev,
#toolbox [data-icon=playbook] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-next,
#toolbox [data-icon=playbook] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-prev,
#toolbox [data-icon=report] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-next,
#toolbox [data-icon=report] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-prev {
    display: none
}

/* #toolbox [data-icon=editorial] [aria-expanded],
#toolbox [data-icon=expert] [aria-expanded],
#toolbox [data-icon=knowledge] [aria-expanded],
#toolbox [data-icon=product] [aria-expanded],
#toolbox [data-icon=supplier] [aria-expanded] {
    display: none
} */

#toolbox .Row-children>ul,
.Row-children.portal_mobile>ul {
    background-color: #f0f3f5;
    color: #153d5f;
    border-bottom: 1px solid #153d5f;
    padding-left: 0;
    position: relative
}

#toolbox .Row-children>ul a,
.Row-children.portal_mobile>ul a {
    color: #153d5f
}

#toolbox .Row-children>ul a .related__read-more-label,
.Row-children.portal_mobile>ul a .related__read-more-label {
    color: #fff;
    text-transform: none
}

#toolbox .Row-children>ul li,
.Row-children.portal_mobile>ul li {
    position: relative;
    list-style: none
}

#toolbox .Row-children>ul li span,
.Row-children.portal_mobile>ul li span {
    text-transform: capitalize
}

#toolbox .Row-children>ul li span:after,
.Row-children.portal_mobile>ul li span:after {
    display: none
}

#toolbox .Row-children>ul li div.contentmenu__item,
.Row-children.portal_mobile>ul li div.contentmenu__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    padding: 0 1rem
}

#toolbox .Row-children>ul li div.contentmenu__item .Row-children,
.Row-children.portal_mobile>ul li div.contentmenu__item .Row-children {
    padding: 0;
    margin-left: -10px;
    margin-left: -1rem;
    margin-right: -10px;
    margin-right: -1rem;
    background-color: #f0f3f5
}

#toolbox .Row-children>ul li div.contentmenu__item .Row-children>ul,
.Row-children.portal_mobile>ul li div.contentmenu__item .Row-children>ul {
    margin-right: -20px;
    margin-right: -2rem;
    list-style: none;
    max-width: 100%;
    min-height: 200px;
    min-height: 20rem
}

#toolbox .Row-children>ul li div.contentmenu__item .Row-children div,
.Row-children.portal_mobile>ul li div.contentmenu__item .Row-children div {
    padding: 0
}

#toolbox .Row-children>ul li div.contentmenu__item .Row-children .contentmenu__item,
.Row-children.portal_mobile>ul li div.contentmenu__item .Row-children .contentmenu__item {
    padding: 0 10px;
    padding: 0 1rem
}

#toolbox .Row-children>ul li:not([aria-expanded]),
.Row-children.portal_mobile>ul li:not([aria-expanded]) {
    padding: 10px;
    padding: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#toolbox .Row-children .contentmenu__item--leaf,
.Row-children.portal_mobile .contentmenu__item--leaf {
    border: 1px solid #f0f3f5;
    border-radius: 2px
}

#toolbox .Row-children .contentmenu__item--leaf:hover,
.Row-children.portal_mobile .contentmenu__item--leaf:hover {
    border-color: #081b2c;
    cursor: pointer
}

@media(max-width:768px) {

    #toolbox .Row-children .contentmenu__item--leaf:hover,
    .Row-children.portal_mobile .contentmenu__item--leaf:hover {
        border-color: #f0f3f5
    }
}

#toolbox .Row-children .contentmenu__item--leaf .button--menu,
.Row-children.portal_mobile .contentmenu__item--leaf .button--menu {
    right: 12px;
    right: 1.2rem
}

#toolbox .Row-children .contentmenu__item--leaf>div,
.Row-children.portal_mobile .contentmenu__item--leaf>div {
    width: 100%;
    display: inherit
}

#toolbox .Row-children .contentmenu__item--leaf>div .contentmenu__label,
.Row-children.portal_mobile .contentmenu__item--leaf>div .contentmenu__label {
    width: 85%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    padding: 6px 0 7px;
    padding: .6rem 0 .7rem
}

@media(max-width:768px) {

    #toolbox .Row-children .contentmenu__item--leaf>div .contentmenu__label,
    .Row-children.portal_mobile .contentmenu__item--leaf>div .contentmenu__label {
        display: none
    }
}

@media(max-width:768px) {
    .Row-children.portal_mobile {
        position: fixed;
        top: 5px;
        width: 100%;
        left: 0;
        height: 100%;
        display: block;
        z-index: -1
    }

    .Row-children.portal_mobile .Row-children {
        top: 10rem;
        display: block
    }

    .Row-children.portal_mobile .Row-children>ul {
        min-height: auto;
        overflow: scroll
    }

    .Row-children.portal_mobile .Row-children>ul>li {
        display: inline-block;
        width: 100%
    }

    .Row-children.portal_mobile>.mobile_label {
        display: block;
        background-color: #153d5f;
        text-transform: uppercase;
        line-height: 5rem;
        height: 5rem
    }

    .Row-children.portal_mobile>.mobile_label:after {
        background-image: url(/static/images/down.svg)
    }

    .Row-children.portal_mobile ul {
        padding-left: 0;
        position: relative;
        height: 100%;
        overflow-x: scroll;
        display: -ms-flexbox;
        display: flex;
        -webkit-overflow-scrolling: touch
    }

    .Row-children.portal_mobile ul .contentmenu__item {
        width: 100%;
        box-sizing: border-box
    }

    .Row-children.portal_mobile li:not([aria-expanded]) {
        display: inline-block;
        position: relative;
        padding: 0 1rem
    }

    .Row-children.portal_mobile li:not([aria-expanded]) .contentmenu__label {
        display: none
    }

    .Row-children.portal_mobile li:not([aria-expanded]) .toolbox_item_preview {
        display: block;
        position: relative;
        padding-bottom: 5rem;
        width: 250px
    }

    .Row-children.portal_mobile li:not([aria-expanded]) .toolbox_item_preview .list-2cols__item {
        padding: 0 1rem;
        white-space: normal;
        text-align: left;
        margin-top: 0
    }

    .Row-children.portal_mobile li:not([aria-expanded]) .toolbox_item_preview .related__item-header {
        height: 150px;
        padding: 1rem;
        margin: 0 -1rem;
        margin-bottom: 0
    }

    .Row-children.portal_mobile li:not([aria-expanded]) .toolbox_item_preview .related__text p {
        margin: 1rem 0
    }

    .Row-children.portal_mobile .contentmenu__item:not(.contentmenu__item--leaf) {
        background-color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Row-children.portal_mobile .contentmenu__item:not(.contentmenu__item--leaf)>div .contentmenu__label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-width: 100%;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }

    .Row-children.portal_mobile .contentmenu__item:not(.contentmenu__item--leaf)>div .contentmenu__label .contentmenu__carousel-item-prev {
        transform: rotate(-180deg)
    }

    .Row-children.portal_mobile .contentmenu__item:not(.contentmenu__item--leaf)>div .contentmenu__label .contentmenu__carousel-item-next,
    .Row-children.portal_mobile .contentmenu__item:not(.contentmenu__item--leaf)>div .contentmenu__label .contentmenu__carousel-item-prev {
        background-image: url(/static/images/chevron-next.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        height: 50px;
        width: 20px
    }

    .Row-children.portal_mobile[data-portal=guideline]>ul,
    .Row-children.portal_mobile[data-portal=playbook]>ul,
    .Row-children.portal_mobile[data-portal=report]>ul {
        overflow: hidden
    }

    .Row-children.portal_mobile[data-portal=guideline] [aria-expanded]:not(.visible),
    .Row-children.portal_mobile[data-portal=playbook] [aria-expanded]:not(.visible),
    .Row-children.portal_mobile[data-portal=report] [aria-expanded]:not(.visible) {
        display: none
    }

    .Row-children.portal_mobile[data-portal=guideline] .visible[aria-expanded],
    .Row-children.portal_mobile[data-portal=playbook] .visible[aria-expanded],
    .Row-children.portal_mobile[data-portal=report] .visible[aria-expanded] {
        width: 100%
    }

    .Row-children.portal_mobile[data-portal=guideline] .visible[aria-expanded] [aria-expanded],
    .Row-children.portal_mobile[data-portal=playbook] .visible[aria-expanded] [aria-expanded],
    .Row-children.portal_mobile[data-portal=report] .visible[aria-expanded] [aria-expanded] {
        display: none
    }

    .Row-children.portal_mobile[data-portal=guideline] .contentmenu__label,
    .Row-children.portal_mobile[data-portal=playbook] .contentmenu__label,
    .Row-children.portal_mobile[data-portal=report] .contentmenu__label {
        font-size: 1.4rem
    }

    .Row-children.portal_mobile[data-portal=guideline] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label,
    .Row-children.portal_mobile[data-portal=playbook] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label,
    .Row-children.portal_mobile[data-portal=report] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label {
        height: 5rem
    }

    .Row-children.portal_mobile[data-portal=guideline] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label span,
    .Row-children.portal_mobile[data-portal=playbook] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label span,
    .Row-children.portal_mobile[data-portal=report] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label span {
        width: 100%;
        text-align: center
    }

    .Row-children.portal_mobile[data-portal=guideline] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-next,
    .Row-children.portal_mobile[data-portal=guideline] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-prev,
    .Row-children.portal_mobile[data-portal=playbook] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-next,
    .Row-children.portal_mobile[data-portal=playbook] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-prev,
    .Row-children.portal_mobile[data-portal=report] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-next,
    .Row-children.portal_mobile[data-portal=report] .visible[aria-expanded]:first-child:last-child>div>div>.contentmenu__label .contentmenu__carousel-item-prev {
        display: none
    }

    .Row-children.portal_mobile[data-portal=editorial] [aria-expanded],
    .Row-children.portal_mobile[data-portal=expert] [aria-expanded],
    .Row-children.portal_mobile[data-portal=knowledge] [aria-expanded],
    .Row-children.portal_mobile[data-portal=product] [aria-expanded],
    .Row-children.portal_mobile[data-portal=supplier] [aria-expanded] {
        display: none
    }
}

@media(min-width:1025px) {
    .portal_desktop {
        position: relative;
        box-shadow: 0 0 6px 0 rgba(20, 60, 95, .4)
    }

    .portal_desktop:before {
        content: "";
        height: 3rem;
        width: 3rem;
        position: absolute;
        background-image: url(/static/images/show_blue.svg);
        z-index: 10;
        border-radius: 20px;
        background-repeat: no-repeat;
        background-position: 50%;
        left: -1.5rem;
        top: calc(50% - 1.5rem);
        background-color: #fff;
        background-size: 15px auto;
        box-shadow: -3px 0 6px -3px rgba(20, 60, 95, .4)
    }

    .portal_desktop .list-2cols__item {
        width: 100%
    }

    .portal_desktop .list-2cols__item .button {
        display: none
    }
}

#toolbox>div>ul {
    list-style: none;
    padding-bottom: 20px;
    padding-bottom: 2rem;
    background-color: #f0f3f5;
    padding-left: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

@media(max-width:768px) {
    #toolbox>div>ul {
        padding-bottom: 0;
        overflow-x: scroll;
        max-height: 60px;
        position: relative;
        white-space: nowrap;
        background-color: #fff;
        display: -ms-flexbox;
        display: flex
    }
}

#toolbox>div>ul li {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#toolbox>div>ul .contentmenu__item {
    background-color: #f0f3f5
}

#toolbox>div>ul .contentmenu__item a {
    text-decoration: none;
    color: #153d5f;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300
}

#toolbox>div>ul .contentmenu__item>ul {
    display: none;
    max-width: 100%;
    overflow-y: scroll
}

@media(max-width:768px) {
    #toolbox>div>ul .contentmenu__item {
        display: inline-block;
        width: 6rem;
        text-align: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-color: #fff
    }
}

#toolbox>div>ul .block-toc--active .contentmenu__label,
#toolbox>div>ul [aria-expanded=true]>.contentmenu__item {
    background-color: #153d5f;
    color: #fff
}

#toolbox>div>ul .block-toc--active .contentmenu__label>ul,
#toolbox>div>ul [aria-expanded=true]>.contentmenu__item>ul {
    display: block
}

@media(max-width:768px) {

    #toolbox>div>ul .block-toc--active .contentmenu__label>ul,
    #toolbox>div>ul [aria-expanded=true]>.contentmenu__item>ul {
        position: fixed;
        bottom: 6rem
    }
}

@media (max-width:768px) {

    #toolbox>div>ul .block-toc--active .contentmenu__label+.contentmenu__item,
    #toolbox>div>ul [aria-expanded=true]>.contentmenu__item+.contentmenu__item {
        padding-top: 0
    }
}

#toolbox>div>ul .block-toc--active .contentmenu__label+.contentmenu,
#toolbox>div>ul [aria-expanded=true]>.contentmenu__item+.contentmenu {
    padding-top: 20px;
    padding-top: 2rem
}

@media (max-width:768px) {

    #toolbox>div>ul .block-toc--active .contentmenu__label+.contentmenu,
    #toolbox>div>ul [aria-expanded=true]>.contentmenu__item+.contentmenu {
        padding-top: 0
    }
}

.block-toc--active .contentmenu__label {
    background-color: #153d5f;
    color: #fff;
    margin-left: 0;
    padding-left: 65px;
    padding-left: 6.5rem
}

@media(max-width:768px) {
    .block-toc--active .contentmenu__label {
        padding-left: 0
    }
}

@media(max-width:768px) {
    .block-toc--active .toc__submenu {
        box-sizing: border-box
    }

    .block-toc--active .toc__submenu>ul:first-child {
        max-height: 100%;
        max-width: 100%;
        overflow: scroll;
        padding-left: 0
    }
}

.block-toc--active ul {
    display: block;
    padding-left: 20px;
    padding-left: 2rem;
    list-style: none
}

@media(max-width:768px) {
    .block-toc--active ul {
        bottom: 6rem
    }
}

.block-toc--active ul a {
    color: #153d5f;
    text-decoration: none;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    display: inline-block;
    vertical-align: top;
    font-weight: 300;
    max-width: 100%
}

.block-toc--active ul a:hover {
    text-decoration: underline
}

.block-toc--active ul:first-child {
    padding-left: 0
}

@media (max-width:768px) {
    .block-toc--active+.contentmenu__item {
        padding-top: 0
    }
}

.block-toc--active+.contentmenu {
    padding-top: 20px;
    padding-top: 2rem
}

@media (max-width:768px) {
    .block-toc--active+.contentmenu {
        padding-top: 0
    }
}

.contentmenu__carousel-item {
    vertical-align: top;
    width: 100%;
    padding-left: 0
}

.contentmenu__carousel-item-label {
    background-color: #fff;
    height: 50px;
    height: 5rem;
    line-height: 50px;
    line-height: 5rem
}

.contentmenu__carousel-item-label a {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500
}

.contentmenu__carousel-children {
    padding: 10px 20px;
    padding: 1rem 2rem;
    padding-right: 10px;
    padding-right: 1rem
}

.contentmenu__carousel-children-item {
    list-style: none;
    padding: 10px 0;
    padding: 1rem 0;
    font-weight: 300;
    position: relative
}

.submenu-carousel {
    padding: 0;
    margin: 0
}

.submenu-carousel>li {
    list-style: none;
    display: inline-block
}

@media(max-width:768px) {
    .contentmenu-wrapper {
        position: fixed;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        background-color: #f0f3f5;
        max-height: 6.5rem
    }
}

.fade_to_white--right {
    display: none;
    max-height: 60px;
    max-height: 6rem
}

@media(max-width:768px) {
    .fade_to_white--right {
        display: block
    }

    .fade_to_white--right:after {
        content: "";
        display: inline-block;
        position: absolute;
        right: 0;
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
        width: 5rem;
        height: 100%;
        z-index: 10
    }
}

.fade_to_white--left {
    display: none;
    max-height: 60px;
    max-height: 6rem
}

@media(max-width:768px) {
    .fade_to_white--left {
        display: block
    }

    .fade_to_white--left:before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 6rem;
        background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
        width: 5rem;
        height: 100%;
        z-index: 10
    }
}

.block-menu-panel {
    background-color: #eff3f5;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 11;
    overflow: auto;
    padding-top: 50px;
    padding-top: 5rem;
    top: 0;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch
}

@media(max-width:1024px) {
    .block-menu-panel {
        padding-top: 0
    }
}

.block-menu-panel:not(.block-menu-panel--show) {
    display: none
}

.menu__container {
    padding: 30px 0;
    padding: 3rem 0;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media(max-width:1024px) {
    .menu__container {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-order: 1;
        order: 1
    }

    .menu__container>div {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

.menu__container>div {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box
}

#menu ul {
    list-style: none;
    padding-left: 0;
    background-color: #fff;
    border-radius: 2px
}

.menu__close-button {
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    background-color: #dd2f53;
    position: fixed;
    top: 0;
    line-height: 50px;
    line-height: 5rem;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    left: 0;
    color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 1
}

@media(max-width:1024px) {
    .menu__close-button {
        -ms-flex-order: 2;
        order: 2;
        position: fixed;
        bottom: 0;
        top: auto;
        box-shadow: 0 -2px 28px -3px rgba(21, 61, 95, .5)
    }
}

.mainmenu__item {
    border-radius: 2px
}

.mainmenu__item-label {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 2px solid #fff;
    border-top: 0;
    border-radius: 2px;
    text-transform: capitalize;
    border-radius: 4px
}

.mainmenu__item-label .button--menu {
    right: 16px;
    right: 1.6rem
}

.mainmenu__item-label .mainmenu__item-label__link {
    width: 100%;
    display: block;
    text-decoration: none;
    color: #153d5f
}

.mainmenu__item-label .mainmenu__item-label__link .text--menu {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 85%;
    display: inline-block
}

#menu>div>ul>li:first-of-type>.mainmenu__item>.mainmenu__item-label {
    border-top: 2px solid #fff
}

.mainmenu__item--1>.mainmenu__item-label {
    background-color: #153d5f;
    color: #fff;
    text-transform: uppercase
}

.mainmenu__item--2,
.mainmenu__item--3,
.mainmenu__item--4,
.mainmenu__item--leaf {
    color: #153d5f
}

.mainmenu__item.disabled {
    opacity: .4
}

.mainmenu__item>a.mainmenu__item-label {
    color: #fff;
    text-decoration: none
}

.mainmenu__item>.mainmenu__item-label {
    padding: 10px 15px;
    padding: 1rem 1.5rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.mainmenu__item>.mainmenu__item-label>span {
    width: 100%
}

.mainmenu__item.mainmenu__item--leaf>.mainmenu__item-label>span {
    width: 85%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    padding: 6px 0 7px;
    padding: .6rem 0 .7rem
}

.mainmenu__item:not(.mainmenu__item--leaf)>.mainmenu__item-label:after,
.Row-button {
    content: "";
    background-repeat: no-repeat;
    background-image: url(/static/images/chevron-next.svg);
    background-position: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right
}

.mainmenu__item--1.mainmenu__item--1>.mainmenu__item-label:after {
    background-image: url(/static/images/down.svg);
    transform: rotate(-90deg);
    float: right
}

[aria-expanded=true]>.mainmenu__item>.mainmenu__item-label:after {
    transform: rotate(90deg)
}

[aria-expanded=true]>.mainmenu__item.mainmenu__item--1>.mainmenu__item-label:after {
    transform: rotate(0deg)
}

.mainmenu__item--2>.mainmenu__item-label {
    background-color: #bcdaf2
}

.mainmenu__item--3>.mainmenu__item-label {
    background-color: #e2effb
}

.mainmenu__item--4>.mainmenu__item-label {
    background-color: #f6fafe
}

.mainmenu__item--leaf>.mainmenu__item-label {
    background-color: #fff;
    cursor: auto
}

.mainmenu__item>ul {
    display: none
}

.mainmenu__item--open>ul {
    display: block
}

#block-menu {
    -ms-flex-order: 1;
    order: 1;
    background-color: #fff;
    border-radius: 2px
}

@media(max-width:1024px) {
    #block-menu {
        -ms-flex-order: 3;
        order: 3
    }
}

#block-menu .menu_dashboard_link>.mainmenu__item-label {
    background-color: #dd2f53
}

#block-menu .menu_dashboard_link>.mainmenu__item-label,
#block-menu .menu_homepage_link>.mainmenu__item-label {
    border-bottom: 0;
    border-top: 2px solid #fff
}

#block-menu .menu_dashboard_link {
    display: none
}

@media(max-width:1024px) {
    #block-menu .menu_dashboard_link {
        display: block
    }
}

.block-second {
    width: 300px;
    -ms-flex-order: 2;
    order: 2
}

.block-search {
    width: 100%;
    margin-bottom: 20px
}

.block-search form {
    position: relative
}

.block-search input {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    padding-left: 18px
}

.block-search button {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMTdDMTMuNDE4MyAxNyAxNyAxMy40MTgzIDE3IDlDMTcgNC41ODE3MiAxMy40MTgzIDEgOSAxQzQuNTgxNzIgMSAxIDQuNTgxNzIgMSA5QzEgMTMuNDE4MyA0LjU4MTcyIDE3IDkgMTdaIiBzdHJva2U9IiMyMDNDNUMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOC45OTk5IDE5TDE0LjY0OTkgMTQuNjUiIHN0cm9rZT0iIzIwM0M1QyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: center right 10px;
    border: none
}

#block-dashboard {
    background-color: #fff;
    border-radius: 2px;
    padding: 0 20px;
    padding: 0 2rem;
    position: relative
}

#block-dashboard.block-dashboard--authenticated {
    padding: 20px;
    padding: 2rem
}

@media(max-width:1024px) {
    #block-dashboard.block-dashboard--show {
        display: block
    }

    #block-dashboard.block-dashboard--show~div {
        display: none
    }
}

#block-dashboard .related__item-header {
    height: 250px
}

#block-dashboard .related__item-header .profile-detail__picture {
    margin-top: 40px;
    margin-top: 4rem
}

#block-dashboard .related__item-header .related__item-title {
    text-align: center
}

#block-dashboard .dashboard_actions {
    padding-left: 0
}

#block-dashboard .dashboard_actions>li {
    position: relative;
    list-style: none;
    line-height: 36px;
    line-height: 3.6rem;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

#block-dashboard .dashboard_actions>li a {
    text-decoration: none;
    color: #153d5f
}

#block-dashboard>a {
    color: #dd2f53;
    display: block
}

#block-dashboard .form_buttons {
    position: relative;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px;
    padding-top: 1rem;
    padding-bottom: 20px;
    padding-bottom: 2rem
}

#block-dashboard .form_buttons>* {
    position: relative;
    box-sizing: border-box;
    height: 50px;
    height: 5rem;
    line-height: 1;
    border: 0;
    text-align: left;
    width: auto
}

#block-dashboard .form_buttons .back_button {
    display: none
}

@media(max-width:1024px) {
    #block-dashboard .form_buttons .back_button {
        display: block
    }
}

@media(min-width:1025px) {
    #block-dashboard .form_buttons .button:not(.back_button) {
        max-width: none;
        display: block;
        width: 100%
    }
}

#block-dashboard form label {
    font-weight: 700;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    display: block
}

#block-dashboard form input {
    border: 1px solid #153d5f;
    border-radius: 2px;
    height: 42px;
    height: 4.2rem;
    line-height: 42px;
    line-height: 4.2rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    padding: .8rem 1rem
}

@media(max-width:1024px) {
    #block-dashboard {
        display: none
    }
}

#block-dashboard .title {
    text-transform: uppercase;
    line-height: 35px;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-size: 20px;
    font-size: 2rem
}

#block-dashboard .title:before {
    content: "";
    width: 35px;
    height: 35px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0;
    float: left;
    margin-right: 20px;
    margin-right: 2rem;
    background-image: url(/static/images/big-icons/dashboard.svg)
}

.block-third {
    width: 300px;
    box-sizing: border-box;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-order: 3;
    order: 3
}

@media(max-width:1024px) {
    .block-third {
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 2rem
    }
}

.block-third #block-languages {
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.block-third #block-languages .block-languages_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    line-height: calc(5rem - 4px);
    height: 50px;
    height: 5rem
}

.block-third #block-languages .block-languages_wrapper .current_language_label {
    width: calc(100% - 180px);
    padding-left: 20px;
    padding-left: 2rem
}

.block-third #block-languages .block-languages_wrapper .other_languages_label {
    background-color: #153d5f;
    border-radius: 2px;
    color: #fff;
    width: 180px;
    padding-left: 10px;
    padding-left: 1rem;
    position: relative
}

.block-third #block-languages .block-languages_wrapper .other_languages_label:after {
    content: "";
    background-image: url(/static/images/down.svg);
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 12px;
    height: 50px;
    height: 5rem;
    display: inline-block;
    margin-right: 10px;
    margin-right: 1rem
}

.block-third #block-languages .other_languages {
    display: none;
    position: absolute;
    background-color: #fff;
    width: calc(100% + 4px);
    left: -2px;
    border-radius: 2px;
    z-index: 10
}

.block-third #block-languages .other_languages .language_row {
    display: block;
    color: #153d5f;
    text-decoration: none;
    height: 50px;
    height: 5rem;
    line-height: 50px;
    line-height: 5rem;
    padding-left: 20px;
    padding-left: 2rem;
    position: relative
}

.block-third #block-languages .other_languages .language_row .button--menu {
    right: 20px;
    right: 2rem
}

.block-third #block-languages:hover {
    box-shadow: 0 0 6px 0 rgba(20, 60, 95, .4)
}

.block-third #block-languages .other_languages.other_languages--active {
    display: block
}

.block-third .list-2cols__item {
    width: 100%;
    padding-bottom: 20px;
    padding-bottom: 2rem;
    margin-top: 20px;
    margin-top: 2rem
}

.block-third .list-2cols__item .related__text {
    border-bottom: none
}

.block-third .list-2cols__item .related__text p {
    margin: 0
}

.block-third .list-2cols__item .button {
    position: relative
}

.other_languages_label--active:after {
    transform: rotate(-180deg);
    transition: transform .5s
}

#menu .Row-children .mainmenu__item-label:before {
    display: none
}

body.registration .block-contentmenu--dummy {
    display: none
}

body.registration .block-article,
body.registration .block-content {
    max-width: 660px;
    margin: 0 auto
}

@media(max-width:768px) {

    body.registration .block-article,
    body.registration .block-content {
        padding: 1rem
    }
}

@media(max-width:768px) {
    body.registration .block-page {
        margin-top: 2rem
    }
}

body.registration .header {
    min-height: 250px;
    background-image: url(/static/images/happy_robot.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: block;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    margin-top: 20px;
    margin-top: 2rem
}

@media(max-width:768px) {
    body.registration .header {
        max-height: 150px;
        min-height: 150px;
        margin-top: 2rem;
        padding: 0 1rem
    }
}

body.registration .header .close_flow,
body.registration .header .close_flow:visited {
    color: #dd2f53;
    float: right;
    margin-top: -20px;
    margin-top: -2rem
}

body.registration .header .close_flow:after,
body.registration .header .close_flow:visited:after {
    content: "";
    height: 15px;
    width: 15px;
    background-image: url(/static/images/crossRed.svg);
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-left: 1rem
}

body.registration .description {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
    margin-bottom: 3rem
}

body.registration .description a {
    color: #dd2f53
}

@media(max-width:768px) {
    body.registration .block-article__tail {
        padding: 0 1rem
    }
}

body.event h1,
body.registration h1 {
    color: #153d5f;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-size: 36px;
    font-size: 3.6rem
}

body.event .block-article__header-title--withpic,
body.registration .block-article__header-title--withpic {
    color: #fff
}

body.event #block-eventregistration,
body.registration #block-eventregistration {
    font-size: 20px;
    font-size: 2rem
}

body.event #block-eventregistration .title,
body.registration #block-eventregistration .title {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

body.event #block-eventregistration .header--ty,
body.registration #block-eventregistration .header--ty {
    background-image: url(/static/images/happy_robot.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 30px;
    padding-bottom: 3rem;
    width: 170px;
    height: 160px;
    margin: 0 auto;
    position: relative
}

body.event #block-eventregistration .header--ty .title,
body.registration #block-eventregistration .header--ty .title {
    font-style: italic;
    display: block;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%
}

body.event #block-eventregistration .grey-card,
body.registration #block-eventregistration .grey-card {
    margin: 20px 0;
    margin: 2rem 0;
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 20px;
    padding-top: 2rem
}

body.event .errornote,
body.registration .errornote {
    background-color: #f0f3f5;
    background-image: url(/static/images/info.svg);
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: 20px;
    background-position: 2rem;
    border-radius: 2px;
    margin-top: 20px;
    margin-top: 2rem;
    padding: 20px 40px;
    padding: 2rem 4rem;
    padding-left: calc(4rem + 30px)
}

body.event form,
body.event form fieldset,
body.registration form,
body.registration form fieldset {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 300
}

body.event form.register .field_wrapper,
body.event form fieldset.register .field_wrapper,
body.registration form.register .field_wrapper,
body.registration form fieldset.register .field_wrapper {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: calc((100% - 2rem) / 2);
    flex-basis: calc((100% - 2rem) / 2)
}

@media(max-width:768px) {

    body.event form.register .field_wrapper,
    body.event form fieldset.register .field_wrapper,
    body.registration form.register .field_wrapper,
    body.registration form fieldset.register .field_wrapper {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

body.event form.login .field_wrapper,
body.event form fieldset.login .field_wrapper,
body.registration form.login .field_wrapper,
body.registration form fieldset.login .field_wrapper {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

body.event form .field_wrapper,
body.event form fieldset .field_wrapper,
body.registration form .field_wrapper,
body.registration form fieldset .field_wrapper {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 3rem
}

@media(max-width:768px) {

    body.event form .field_wrapper,
    body.event form fieldset .field_wrapper,
    body.registration form .field_wrapper,
    body.registration form fieldset .field_wrapper {
        margin-bottom: 3.5rem
    }
}

body.event form .field_wrapper.publish,
body.event form .field_wrapper[class*=profile],
body.event form fieldset .field_wrapper.publish,
body.event form fieldset .field_wrapper[class*=profile],
body.registration form .field_wrapper.publish,
body.registration form .field_wrapper[class*=profile],
body.registration form fieldset .field_wrapper.publish,
body.registration form fieldset .field_wrapper[class*=profile] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

body.event form .field_wrapper.publish textarea,
body.event form .field_wrapper[class*=profile] textarea,
body.event form fieldset .field_wrapper.publish textarea,
body.event form fieldset .field_wrapper[class*=profile] textarea,
body.registration form .field_wrapper.publish textarea,
body.registration form .field_wrapper[class*=profile] textarea,
body.registration form fieldset .field_wrapper.publish textarea,
body.registration form fieldset .field_wrapper[class*=profile] textarea {
    width: 100%
}

body.event form .field_wrapper.publish,
body.event form fieldset .field_wrapper.publish,
body.registration form .field_wrapper.publish,
body.registration form fieldset .field_wrapper.publish {
    display: -ms-flexbox;
    display: flex
}

body.event form .field_wrapper.publish label,
body.event form fieldset .field_wrapper.publish label,
body.registration form .field_wrapper.publish label,
body.registration form fieldset .field_wrapper.publish label {
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0
}

body.event form .field_wrapper.publish input,
body.event form fieldset .field_wrapper.publish input,
body.registration form .field_wrapper.publish input,
body.registration form fieldset .field_wrapper.publish input {
    -ms-flex-order: 1;
    order: 1;
    width: auto;
    margin-right: 20px;
    margin-right: 2rem;
    line-height: 25.92px;
    height: 25.92px
}

body.event form .field_wrapper.old_password,
body.event form fieldset .field_wrapper.old_password,
body.registration form .field_wrapper.old_password,
body.registration form fieldset .field_wrapper.old_password {
    margin-right: 50%
}

@media(max-width:768px) {

    body.event form .field_wrapper.old_password,
    body.event form fieldset .field_wrapper.old_password,
    body.registration form .field_wrapper.old_password,
    body.registration form fieldset .field_wrapper.old_password {
        margin-right: auto
    }
}

body.event form .field_wrapper #id_gender,
body.event form fieldset .field_wrapper #id_gender,
body.registration form .field_wrapper #id_gender,
body.registration form fieldset .field_wrapper #id_gender {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    border: 1px solid #081b2c;
    border-radius: 2px;
    height: 44px;
    -ms-flex-align: center;
    align-items: center
}

body.event form .field_wrapper #id_gender>*,
body.event form fieldset .field_wrapper #id_gender>*,
body.registration form .field_wrapper #id_gender>*,
body.registration form fieldset .field_wrapper #id_gender>* {
    display: inline-block;
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: center;
    overflow: hidden;
    height: 40px;
    margin: 2px;
    box-sizing: border-box
}

body.event form .field_wrapper #id_gender [type=radio],
body.event form fieldset .field_wrapper #id_gender [type=radio],
body.registration form .field_wrapper #id_gender [type=radio],
body.registration form fieldset .field_wrapper #id_gender [type=radio] {
    display: none
}

body.event form .field_wrapper #id_gender label,
body.event form fieldset .field_wrapper #id_gender label,
body.registration form .field_wrapper #id_gender label,
body.registration form fieldset .field_wrapper #id_gender label {
    height: 20px;
    width: calc(100% - 20px);
    background-color: #fff;
    display: block;
    padding: 10px;
    border-radius: 2px;
    text-transform: lowercase;
    font-weight: 400;
    font-size: 16px
}

body.event form .field_wrapper #id_gender [type=radio]:checked+label,
body.event form fieldset .field_wrapper #id_gender [type=radio]:checked+label,
body.registration form .field_wrapper #id_gender [type=radio]:checked+label,
body.registration form fieldset .field_wrapper #id_gender [type=radio]:checked+label {
    color: #fff;
    background-color: #153d5f
}

body.event form .field_wrapper label,
body.event form fieldset .field_wrapper label,
body.registration form .field_wrapper label,
body.registration form fieldset .field_wrapper label {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

body.event form .field_wrapper button,
body.event form .field_wrapper input,
body.event form fieldset .field_wrapper button,
body.event form fieldset .field_wrapper input,
body.registration form .field_wrapper button,
body.registration form .field_wrapper input,
body.registration form fieldset .field_wrapper button,
body.registration form fieldset .field_wrapper input {
    display: block;
    line-height: 26px;
    line-height: 2.6rem;
    border: 1px solid #153d5f;
    padding: 8px 10px;
    padding: .8rem 1rem;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    border-radius: 2px
}

body.event form .field_wrapper button,
body.event form fieldset .field_wrapper button,
body.registration form .field_wrapper button,
body.registration form fieldset .field_wrapper button {
    border-width: 0;
    margin-top: 20px;
    margin-top: 2rem;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

body.event form .field_wrapper button:last-child,
body.event form fieldset .field_wrapper button:last-child,
body.registration form .field_wrapper button:last-child,
body.registration form fieldset .field_wrapper button:last-child {
    margin: 0;
    padding-right: 50px;
    padding-right: 5rem
}

body.event form .field_wrapper .helptext,
body.event form .field_wrapper input:focus+.errorlist+.helptext,
body.event form fieldset .field_wrapper .helptext,
body.event form fieldset .field_wrapper input:focus+.errorlist+.helptext,
body.registration form .field_wrapper .helptext,
body.registration form .field_wrapper input:focus+.errorlist+.helptext,
body.registration form fieldset .field_wrapper .helptext,
body.registration form fieldset .field_wrapper input:focus+.errorlist+.helptext {
    display: none;
    font-size: 10px;
    font-size: 1rem;
    position: absolute;
    z-index: 1
}

@media(max-width:768px) {

    body.event form .field_wrapper .helptext,
    body.event form .field_wrapper input:focus+.errorlist+.helptext,
    body.event form fieldset .field_wrapper .helptext,
    body.event form fieldset .field_wrapper input:focus+.errorlist+.helptext,
    body.registration form .field_wrapper .helptext,
    body.registration form .field_wrapper input:focus+.errorlist+.helptext,
    body.registration form fieldset .field_wrapper .helptext,
    body.registration form fieldset .field_wrapper input:focus+.errorlist+.helptext {
        margin: .5rem auto
    }
}

body.event form .field_wrapper .helptext ul,
body.event form fieldset .field_wrapper .helptext ul,
body.registration form .field_wrapper .helptext ul,
body.registration form fieldset .field_wrapper .helptext ul {
    margin-left: 0;
    padding-left: 10px;
    padding-left: 1rem
}

body.event form .field_wrapper input:focus+.helptext,
body.event form fieldset .field_wrapper input:focus+.helptext,
body.registration form .field_wrapper input:focus+.helptext,
body.registration form fieldset .field_wrapper input:focus+.helptext {
    background-color: #fff;
    opacity: .95;
    display: block;
    transition: opacity .5s
}

body.event form .field_wrapper .errorlist,
body.event form fieldset .field_wrapper .errorlist,
body.registration form .field_wrapper .errorlist,
body.registration form fieldset .field_wrapper .errorlist {
    background-color: #f0f3f5;
    border-radius: 2px;
    margin-top: 20px;
    margin-top: 2rem;
    padding: 20px 40px;
    padding: 2rem 4rem;
    opacity: 1
}

body.event form .field_wrapper .errorlist li:first-child:last-child,
body.event form fieldset .field_wrapper .errorlist li:first-child:last-child,
body.registration form .field_wrapper .errorlist li:first-child:last-child,
body.registration form fieldset .field_wrapper .errorlist li:first-child:last-child {
    list-style: none
}

body.event form .field_wrapper a,
body.event form fieldset .field_wrapper a,
body.registration form .field_wrapper a,
body.registration form fieldset .field_wrapper a {
    color: #dd2f53
}

body.event form div:nth-child(2):last-of-type,
body.event form fieldset div:nth-child(2):last-of-type,
body.event form fieldset p:first-of-type:last-of-type:nth-child(2n),
body.event form p:first-of-type:last-of-type:nth-child(2n),
body.registration form div:nth-child(2):last-of-type,
body.registration form fieldset div:nth-child(2):last-of-type,
body.registration form fieldset p:first-of-type:last-of-type:nth-child(2n),
body.registration form p:first-of-type:last-of-type:nth-child(2n) {
    display: block;
    width: 100%
}

body.event form div:nth-child(2):last-of-type button,
body.event form fieldset div:nth-child(2):last-of-type button,
body.event form fieldset p:first-of-type:last-of-type:nth-child(2n) button,
body.event form p:first-of-type:last-of-type:nth-child(2n) button,
body.registration form div:nth-child(2):last-of-type button,
body.registration form fieldset div:nth-child(2):last-of-type button,
body.registration form fieldset p:first-of-type:last-of-type:nth-child(2n) button,
body.registration form p:first-of-type:last-of-type:nth-child(2n) button {
    max-width: 50%
}

body.event .support,
body.registration .support {
    background-image: url(/static/images/thinking_robot.png);
    background-repeat: no-repeat;
    background-position: 20px;
    background-position: 2rem;
    background-size: auto calc(100% - 2.8rem);
    padding-left: 160px
}

@media(max-width:768px) {

    body.event .support,
    body.registration .support {
        padding: 1rem;
        padding-top: 150px;
        padding-bottom: 2rem;
        background-size: 100px auto;
        background-position: center 2rem;
        margin: 0
    }
}

body.event .support .title,
body.registration .support .title {
    font-weight: 700;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

body.event .support .description,
body.registration .support .description {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    margin-bottom: 0
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container {
    width: 100vw;
    height: calc(90vh - 60px)
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    max-width: calc(1025px - 2 * (35px + 25px - 1rem));
    height: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 37px;
    top: auto;
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 2px
}

@media(max-width:1024px) {
    .swiper-container-horizontal>.swiper-pagination-progress {
        max-width: calc(100% - 2 * (35px + 25px - 1rem))
    }
}

@media(max-width:768px) {
    .swiper-container-horizontal>.swiper-pagination-progress {
        max-width: calc(100% - 2 * (35px + 25px + 1rem))
    }
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #fff;
    height: 6px;
    border-radius: 2px;
    top: -1px
}

.swiper-button-next,
.swiper-button-prev {
    height: 25px;
    width: 25px;
    background-image: url(/static/images/chevron-right_white.svg);
    background-size: auto 10px;
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 50%;
    bottom: 27.5px;
    left: auto;
    right: auto;
    top: auto;
    position: absolute
}

.swiper-button-prev {
    transform: rotate(180deg);
    left: calc(50% - 1025px / 2 - 1rem)
}

@media(max-width:1024px) {
    .swiper-button-prev {
        left: 1rem
    }
}

@media(max-width:768px) {
    .swiper-button-prev {
        left: 2rem
    }
}

.swiper-button-next {
    right: calc(50% - 1025px / 2 - 1rem)
}

@media(max-width:1024px) {
    .swiper-button-next {
        right: 1rem
    }
}

@media(max-width:768px) {
    .swiper-button-next {
        right: 2rem
    }
}

.search .search-categories {
    padding: 0
}

.search .search-categories .category {
    list-style: none;
    margin-right: 13px;
    position: relative;
    height: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.search .search-categories .category input {
    width: 40px;
    height: 40px;
    opacity: 0
}

.search .search-categories .category :after {
    display: inline-block;
    content: "";
    background-color: #fff;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    position: absolute;
    top: 5px;
    left: 0
}

.search .search-categories .category.checked :after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDFMNiAxMkwxIDciIHN0cm9rZT0iIzk0QjY0MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: 50%
}

.search .search-categories .category label {
    padding-left: 17px
}

.search .wrapper {
    display: -ms-flexbox;
    display: flex
}

.search em {
    background-color: #ff0
}

.search dt {
    font-size: 25px
}

.search dd {
    margin-left: 0;
    margin-bottom: 30px
}

.search dd div {
    width: 562px
}

.search h1 {
    margin-top: 40px
}

@media (max-width:768px) {
    .search h1 {
        display: none
    }
}

.search h5 {
    font-weight: 400;
    margin-bottom: 30px
}

@media (max-width:768px) {
    .search h5 {
        margin-top: 20px;
        background-color: #f1f3f5;
        margin-left: -2rem;
        margin-right: -2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 1rem
    }
}

.search .search-result {
    text-decoration: none;
    color: #153d5f;
    margin-bottom: 40px;
    display: block
}

.search .title-meta {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media (max-width:1024px) {
    .search .title-meta {
        margin-left: 20px
    }
}

@media (min-width:1025px) {
    .search .title-meta {
        margin-left: 30px
    }
}

.search .title-meta h2 {
    font-weight: 400
}

@media (max-width:768px) {
    .search .title-meta h2 {
        font-size: 18px
    }
}

@media (min-width:1025px) {
    .search .title-meta h2 {
        font-size: 24px
    }
}

.search .search-line {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.search .search-line input {
    width: 100%;
    height: 42px;
    padding-left: 18px;
    border: 1px solid #203c5c;
    box-sizing: border-box;
    border-radius: 4px
}

.search .search-line button {
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    width: 42px;
    line-height: 30px;
    line-height: 3rem;
    background-color: transparent;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMTdDMTMuNDE4MyAxNyAxNyAxMy40MTgzIDE3IDlDMTcgNC41ODE3MiAxMy40MTgzIDEgOSAxQzQuNTgxNzIgMSAxIDQuNTgxNzIgMSA5QzEgMTMuNDE4MyA0LjU4MTcyIDE3IDkgMTdaIiBzdHJva2U9IiMyMDNDNUMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOC45OTk5IDE5TDE0LjY0OTkgMTQuNjUiIHN0cm9rZT0iIzIwM0M1QyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: center right 10px
}

.search .url {
    font-size: 16px;
    margin-top: 0;
    color: #dd2f53
}

.search .content-type {
    font-size: 16px;
    margin: 0
}

.search .contents {
    margin-top: 17px
}

.search img {
    border-radius: 6px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media (max-width:1024px) {
    .search img {
        width: 80px
    }
}

@media (max-width:768px) {
    .search img {
        width: 80px
    }
}

@media (min-width:1025px) {
    .search img {
        width: 160px
    }
}

.search .fallback-image {
    border-radius: 6px;
    background-color: #f1f3f5;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3LjY2NjcgMUg0LjMzMzMzQzIuNDkyMzggMSAxIDIuNDkyMzggMSA0LjMzMzMzVjI3LjY2NjdDMSAyOS41MDc2IDIuNDkyMzggMzEgNC4zMzMzMyAzMUgyNy42NjY3QzI5LjUwNzYgMzEgMzEgMjkuNTA3NiAzMSAyNy42NjY3VjQuMzMzMzNDMzEgMi40OTIzOCAyOS41MDc2IDEgMjcuNjY2NyAxWiIgc3Ryb2tlPSIjMjAzQzVDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuMTY2NyAxMi42NjY3QzExLjU0NzUgMTIuNjY2NyAxMi42NjY3IDExLjU0NzQgMTIuNjY2NyAxMC4xNjY3QzEyLjY2NjcgOC43ODU5NyAxMS41NDc1IDcuNjY2NjkgMTAuMTY2NyA3LjY2NjY5QzguNzg2MDQgNy42NjY2OSA3LjY2Njc1IDguNzg1OTcgNy42NjY3NSAxMC4xNjY3QzcuNjY2NzUgMTEuNTQ3NCA4Ljc4NjA0IDEyLjY2NjcgMTAuMTY2NyAxMi42NjY3WiIgc3Ryb2tlPSIjMjAzQzVDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzAuOTk5OSAyMUwyMi42NjY2IDEyLjY2NjdMNC4zMzMyNSAzMSIgc3Ryb2tlPSIjMjAzQzVDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: 50%
}

@media (max-width:1024px) {
    .search .fallback-image {
        width: 80px
    }
}

@media (max-width:768px) {
    .search .fallback-image {
        width: 80px;
        height: 80px
    }
}

@media (min-width:1025px) {
    .search .fallback-image {
        width: 160px;
        height: 160px
    }
}

.search .result-filter {
    background: #f1f3f5;
    border-radius: 4px;
    padding: 16px;
    box-sizing: border-box
}

.search .result-filter h3 {
    line-height: normal;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 22px
}

@media (max-width:1024px) {
    .search .search-categories.mobile {
        display: none
    }
}

@media (max-width:768px) {
    .search .search-categories.mobile {
        padding: 0;
        margin-top: 10px
    }
}

@media (min-width:1025px) {
    .search .search-categories.mobile {
        display: none
    }
}

.search .search-categories.mobile.visible {
    display: block
}

.search .search-categories.mobile li {
    list-style: none;
    margin-right: 13px;
    position: relative;
    height: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.search .search-categories.mobile li input {
    width: 40px;
    height: 40px;
    opacity: 0
}

.search .search-categories.mobile li label {
    padding-left: 17px
}

.search .search-categories.mobile li :after {
    display: inline-block;
    content: "";
    background-color: #fff;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    position: absolute;
    top: 5px;
    left: 0;
    border: 1px solid #203c5c
}

.search .search-categories.mobile li.checked :after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDFMNiAxMkwxIDciIHN0cm9rZT0iIzk0QjY0MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: 50%
}

.search .pagination-wrapper {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px;
    -ms-flex-direction: column;
    flex-direction: column
}

.search .pagination {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.search .pagination ul {
    padding: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search .pagination li {
    list-style: none;
    padding: 8px
}

.search .pagination li a {
    font-size: 30px;
    color: #203c5c;
    opacity: .2;
    font-weight: 700;
    text-decoration: none
}

.search .pagination li a.current {
    opacity: 1
}

.search .author {
    margin-top: 8px;
    margin-bottom: 0
}

.search .author span {
    color: #dd2f53
}

@media (max-width:768px) {
    .search .contentmenu-wrapper {
        display: none
    }
}

@media (max-width:768px) {
    .search .search-form {
        margin: -2rem;
        padding: 2rem;
        background-color: #f1f3f5
    }
}

@media (max-width:1024px) {
    .search .filter-results-mobile {
        display: none
    }
}

@media (max-width:768px) {
    .search .filter-results-mobile {
        width: 100%;
        background-color: #94b642;
        border-radius: 2px;
        color: #fff;
        border: none;
        height: 42px;
        display: block
    }
}

@media (min-width:1025px) {
    .search .filter-results-mobile {
        display: none
    }
}

.fixed-container {
    position: fixed
}

.block-article {
    padding: 0 20px;
    padding: 0 2rem
}

label.field_required:after {
    content: " *";
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    color: #8bb823
}

.block-article__header--withpic:before,
.block-profile__header--withpic:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.block-article__header--withpic {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 227px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin: 0 0 20px;
    background-color: #153d5f;
    border-radius: 2px;
    padding-bottom: 20px;
    padding-bottom: 2rem
}

@media(max-width:768px) {
    .block-article__header--withpic {
        margin: 0 -2rem;
        border-radius: 0
    }
}

.block-article__header-title {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 0 !important;
    color: #153d5f
}

.block-article__header-subtitle {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 0;
    color: #153d5f;
    font-weight: 400
}

.block-article__header-title--withpic {
    color: #fff;
    margin: auto 0 0 !important;
    padding: 0 20px;
    padding: 0 2rem;
    box-sizing: border-box
}

.block-article__header-subtitle--withpic {
    color: #fff;
    margin: 0 !important;
    padding: 0 20px;
    padding: 0 2rem;
    font-size: 20px;
    font-size: 2rem;
    box-sizing: border-box;
    font-weight: 400
}

.block-article__tail {
    padding: 0 20px;
    padding: 0 2rem
}

.block-article__tail a {
    color: #dd2f53
}

.block-article__tail .related__read-more-label {
    color: #fff
}

.image-source {
    position: relative
}

.image-source__button {
    background-image: url(/static/images/info.svg);
    background-size: cover;
    height: 20px;
    height: 2rem;
    width: 20px;
    width: 2rem;
    top: 10px;
    top: 1rem;
    left: 10px;
    left: 1rem;
    border-radius: 10px;
    background-color: rgba(240, 243, 245, .5)
}

.image-source__button,
.image-source__tooltip {
    position: absolute;
    box-shadow: 0 2px 10px 0 rgba(21, 61, 95, .2)
}

.image-source__tooltip {
    font-size: 10px;
    font-size: 1rem;
    background-color: #fff;
    padding: 4px;
    padding: .4rem;
    border-radius: .2rem;
    top: 35px;
    left: 0;
    display: none
}

.image-source__tooltip:before {
    content: "";
    position: absolute;
    border-style: solid;
    left: 12px;
    top: -10px;
    border-width: 0 4px 10px;
    border-color: #fff transparent;
    display: none
}

.image-source__button:hover+.image-source__tooltip,
.image-source__button:hover+.image-source__tooltip:before,
.image-source__tooltip--active,
.image-source__tooltip--active:before {
    display: block
}

.summary__paragraph {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.45;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-weight: 400
}

@media(max-width:768px) {
    .summary__paragraph {
        font-size: 1.8rem
    }
}

.block-article-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

@media(max-width:768px) {
    .block-summary {
        -ms-flex-order: 2;
        order: 2
    }
}

.block-article-meta {
    margin: 0 auto;
    padding: 20px 0;
    padding: 2rem 0;
    padding-bottom: 0;
    width: 100%
}

@media(max-width:768px) {
    .block-article-meta {
        display: block
    }
}

.block-article-meta--included {
    margin: 20px auto;
    margin: 2rem auto;
    padding: 0
}

.publication__author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: top;
    align-items: top;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem;
    overflow: hidden;
    white-space: nowrap
}

@media(max-width:768px) {
    .publication__author {
        width: 100%;
        padding-bottom: 1.5rem
    }
}

.publication__author .author__picture {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    height: 34px;
    width: 34px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    float: left;
    margin-top: 5px;
    margin-top: .5rem;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

@media(max-width:768px) {
    .publication__author .text_wrapper {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.publication__author .text_wrapper .author__textlabel {
    line-height: 22px;
    line-height: 2.2rem
}

@media(max-width:768px) {
    .publication__author .text_wrapper .author__textlabel {
        display: block
    }
}

.publication__author .text_wrapper .author__name {
    font-size: 18px;
    font-size: 1.8rem;
    display: inline-block;
    position: relative;
    line-height: 22px;
    line-height: 2.2rem
}

@media(min-width:1025px) {
    .publication__author .text_wrapper .author__name {
        max-width: 60%
    }
}

@media(max-width:768px) {
    .publication__author .text_wrapper .author__name {
        display: block
    }
}

.publication__author .text_wrapper .author__name .author__link {
    color: #dd2f53;
    text-decoration: underline;
    margin-right: 8px
}

@media(min-width:1025px) {
    .publication__author .text_wrapper .author__name .author__link {
        max-width: 11em;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top
    }
}

.publication__author .text_wrapper .publication__date {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400;
    padding-right: 10px;
    padding-left: 0;
    width: 100%;
    display: block;
    line-height: 22px;
    line-height: 2.2rem;
    margin-top: 5px;
    margin-top: .5rem
}

@media(max-width:768px) {
    .publication__author .text_wrapper .publication__date {
        border: none;
        margin-left: 0;
        padding: 0;
        vertical-align: top
    }
}

.block-actions {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: right
}

@media(max-width:768px) {
    .block-actions {
        font-size: 1rem;
        position: absolute;
        bottom: 0;
        margin-left: 4.4rem
    }
}

.block-actions .actions__share,
.block-actions .actions__source {
    color: #dd2f53;
    text-decoration: underline;
    margin-left: 22px;
    margin-left: 2.2rem;
    padding-right: 25px;
    padding-right: 2.5rem;
    background-position: 100%;
    background-repeat: no-repeat;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-size: auto 100%
}

@media(max-width:768px) {

    .block-actions .actions__share,
    .block-actions .actions__source {
        margin-left: 0;
        padding-right: 1.5rem
    }
}

.block-actions .actions__share {
    background-image: url(/static/images/share.svg)
}

.block-actions .actions__source {
    background-image: url(/static/images/source.svg);
    display: block;
    margin-right: 0
}

@media(max-width:768px) {
    .block-actions .actions__source {
        display: inline-block;
        margin-right: 1rem
    }
}

.block-publication {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media(max-width:768px) {
    .block-publication {
        display: block;
        position: relative
    }
}

.block-event {
    padding: 30px 0;
    padding: 3rem 0;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:1024px) {
    .block-event {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.block-event iframe {
    width: 60%;
    height: 234px;
    border: 0
}

@media(max-width:1024px) {
    .block-event iframe {
        width: 100%
    }
}

.block-event .event_text {
    position: relative;
    width: 100%;
    max-width: 300px;
    padding: 20px;
    padding: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box
}

@media(max-width:1024px) {
    .block-event .event_text {
        max-width: 100%;
        padding-bottom: 6rem
    }
}

.block-event .event_text a {
    color: #dd2f53
}

.block-event .event_text .event_bold {
    font-weight: 700;
    min-width: 80px;
    min-width: 8rem;
    text-transform: capitalize;
    display: inline-block;
    margin-right: 10px;
    margin-right: 1rem;
    padding-bottom: 5px;
    padding-bottom: .5rem
}

.block-event .event_text .button {
    height: 50px;
    height: 5rem;
    line-height: 1;
    text-align: left;
    color: #fff
}

.block-include {
    background-color: #f0f3f5;
    color: #153d5f;
    padding: 20px;
    position: relative;
    padding-bottom: 70px;
    padding-bottom: 7rem;
    margin: 20px -20px;
    margin: 2rem -2rem;
    font-size: 10px;
    font-size: 1rem
}

.block-include.block-include--expanded .include_content {
    display: block
}

.block-include .include_content {
    display: none
}

.block-include .include__label {
    font-size: 10px;
    font-size: 1rem;
    vertical-align: top;
    text-transform: capitalize;
    line-height: 1em
}

.block-include .include__title {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    margin-top: 10px;
    margin-top: 1rem;
    padding-bottom: 20px;
    padding-bottom: 2rem
}

.block-include .include__button {
    background-color: #153d5f;
    color: #fff;
    padding: 8px 20px;
    padding: .8rem 2rem;
    padding-bottom: 13px;
    padding-bottom: 1.3rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 4rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 20px;
    font-size: 2rem;
    cursor: pointer
}

.block-include .include__button:after {
    content: "";
    background-size: 100% auto;
    background-position: 50%;
    width: 12px;
    width: 1.2rem;
    line-height: 28.799px;
    line-height: 2.88rem;
    background-image: url(/static/images/down.svg);
    background-repeat: no-repeat
}

.block-include .include__button--expanded {
    background-color: #dd2f53
}

.block-include .include__button--expanded:after {
    content: "";
    background-size: 100% auto;
    background-position: 50%;
    width: 12px;
    width: 1.2rem;
    line-height: 28.799px;
    line-height: 2.88rem;
    transform: rotate(-180deg);
    background-image: url(/static/images/down.svg);
    background-repeat: no-repeat
}

.article__text,
.block-include .include__summary {
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem
}

.article__text {
    padding: 20px 0;
    padding: 2rem 0;
    line-height: 26px;
    line-height: 2.6rem
}

.article__text table {
    border-collapse: separate;
    border-spacing: 20px;
    border-spacing: 2rem;
    width: 100%;
    background-color: #f0f3f5
}

.article__text table th {
    border-bottom: 1px solid #153d5f
}

@media(max-width:768px) {
    .article__text {
        font-size: 1.6rem;
        line-height: 2.5rem
    }

    .article__text table {
        width: calc(100% + 4rem);
        margin: 0 -2rem;
        background-color: transparent
    }

    .article__text table thead {
        display: none
    }

    .article__text table tr {
        display: block;
        padding: 2rem;
        width: 100%;
        margin-left: -2rem
    }

    .article__text tr:nth-of-type(odd) {
        background: #f0f3f5
    }

    .article__text table td {
        border-bottom: 1px solid #ddd;
        display: block
    }

    .article__text table td:before {
        margin-right: 2rem;
        content: attr(aria-label);
        float: left;
        font-weight: 700;
        width: 40%;
        border-bottom: 1px solid #153d5f;
        font-size: 1.4rem
    }
}

.article__image__wrapper {
    display: -ms-flexbox;
    display: flex
}

@media(max-width:768px) {
    .article__image__wrapper {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.article__image {
    -ms-flex-order: 1;
    order: 1;
    padding: 20px 0;
    padding: 2rem 0;
    line-height: 13px;
    line-height: 1.3rem;
    position: relative
}

.article__image:first-child:last-child {
    min-width: 100%
}

.article__image.article__image--associated {
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.article__image.article__image--associated+.article__image {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media(max-width:768px) {
    .article__image {
        margin: 0 -2rem
    }
}

.image__background {
    max-width: 100%;
    border-radius: 2px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 11px;
    margin-bottom: 1.1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative
}

.image__background[class*=" image__background--"]:after {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 2px;
    bottom: 20px;
    bottom: 2rem;
    right: 20px;
    right: 2rem;
    background-repeat: no-repeat;
    background-position: 50%
}

.image__background.image__background--good:after {
    background-image: url(/static/images/good.svg)
}

.image__background.image__background--bad:after {
    background-image: url(/static/images/bad.svg)
}

.image__background.image__background--neutral:after {
    background-image: url(/static/images/neutral.svg)
}

@media(max-width:768px) {
    .image__background {
        width: 100%
    }
}

.article__image__caption {
    font-size: 10px;
    font-size: 1rem;
    vertical-align: top
}

@media(max-width:768px) {
    .article__image__caption {
        padding-left: 2rem
    }
}

.article__quote {
    font-style: italic;
    font-weight: 400;
    text-align: center;
    padding: 20px 0;
    padding: 2rem 0
}

.quote__text {
    font-size: 24px;
    font-size: 2.4rem;
    display: block;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

.quote__source {
    font-size: 16px;
    font-size: 1.6rem;
    display: block
}

.tags__list {
    font-size: 10px;
    font-size: 1rem
}

.tags__title {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 20px;
    padding-bottom: 2rem;
    display: block
}

.tags__item {
    background-color: #f0f3f5;
    padding: 7px 20px;
    padding: .7rem 2rem;
    margin-right: 10px;
    margin-right: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

.tags__link {
    color: #153d5f;
    text-decoration: none
}

.image-gallery {
    position: absolute;
    margin-top: 20px;
    margin-top: 2rem;
    right: 20px;
    right: 2rem;
    display: none
}

.block-tags {
    padding-bottom: 20px;
    padding-bottom: 2rem
}

.block-related-content {
    background-color: #f0f3f5;
    padding: 20px;
    padding: 2rem;
    margin: 20px 0;
    margin: 2rem 0;
    padding-bottom: 9px;
    padding-bottom: .9rem;
    border-radius: 2px
}

@media(max-width:768px) {
    .block-related-content {
        width: 100%;
        margin-left: -2rem
    }
}

.related__label {
    font-size: 24px;
    font-size: 2.4rem;
    padding-bottom: 10px;
    padding-bottom: 1rem;
    font-weight: 700
}

.related__item-type {
    text-transform: uppercase
}

.related__item-label {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.list-2cols__item {
    background-color: #fff;
    padding: 0 20px;
    padding: 0 2rem;
    box-sizing: border-box;
    margin-top: 10px;
    margin-top: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    position: relative;
    border-radius: 2px
}

.list-2cols__item .button--related {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.related__item-title {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    position: absolute;
    bottom: 20px;
    bottom: 2rem;
    width: calc(100% - 4rem);
    max-height: 103.68px;
    max-height: 10.368rem;
    overflow: hidden
}

@media(max-width:768px) {
    .related__item-title {
        font-size: 1.8rem;
        max-height: 7.776rem
    }
}

.related__item-label--event~.related__item-title {
    bottom: 60px;
    bottom: 6rem
}

.related__item-label--event~.related__item-date {
    bottom: 30px;
    bottom: 3rem
}

.related__item-date {
    font-size: 8.6px;
    font-size: .86rem;
    font-weight: 400;
    background-color: #f0f3f5;
    border-radius: 2px;
    padding: 5px;
    color: #081b2c;
    display: block;
    bottom: 7em;
    position: absolute
}

.profile-detail .related__item-title {
    text-align: center;
    color: #fff
}

.related__item-header {
    position: relative;
    height: 210px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin: 0 -20px;
    margin: 0 -2rem;
    box-sizing: border-box;
    padding: 20px;
    padding: 2rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    color: #fff;
    border-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #153d5f
}

.profile-detail .related__item-header {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    background-size: 100% auto;
    background-color: #153d5f;
    background-position: top;
    color: #fff
}

.related__text {
    font-weight: 300;
    border-bottom: 50px solid transparent;
    border-bottom: 5rem solid transparent;
    height: calc(5em + 5rem);
    padding-bottom: 20px;
    padding-bottom: 2rem;
    overflow: hidden
}

.related__read-more-label {
    line-height: 20px;
    line-height: 2rem
}

.scroll-line {
    height: 5px;
    margin-bottom: -5px;
    background: #dd2f53;
    width: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.header-fixed-line {
    top: 0;
    z-index: 1;
    background-color: #fff
}

.collection__logo {
    background-position: 0;
    background-repeat: no-repeat;
    width: 300px;
    height: 125px;
    display: inline-block
}

.collection__title {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 700;
    padding-bottom: 20px;
    padding-bottom: 2rem
}

.collection__meta {
    background-color: #f0f3f5;
    width: 100%;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    display: none
}

@media(max-width:768px) {
    .collection__meta {
        width: 100%;
        display: block
    }
}

.collection__meta table {
    border-spacing: 20px .5em;
    border-spacing: 2rem .5em;
    border-collapse: separate
}

@media(max-width:768px) {
    .collection__meta table {
        width: 100%;
        display: block
    }
}

.collection__meta .left,
.collection__meta .right {
    padding: 20px 0;
    padding: 2rem 0;
    font-size: 10px;
    font-size: 1rem;
    width: 50%
}

@media(max-width:768px) {

    .collection__meta .left,
    .collection__meta .right {
        width: 100%
    }
}

@media(max-width:768px) {
    .collection__meta .left {
        padding-bottom: 0
    }
}

@media(max-width:768px) {
    .collection__meta .right {
        padding-top: 0
    }
}

.collection__meta td:first-child {
    font-weight: 700
}

.collection__meta td {
    width: 150px
}

.playbook__header--sticky {
    background-color: #fff;
    margin-top: 5px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -20px;
    margin-left: -2rem;
    margin-right: -20px;
    margin-right: -2rem;
    line-height: 0;
    box-shadow: 0 10px 20px 0 rgba(21, 61, 95, .2);
    border-radius: 2px;
    border-top-left-radius: 0
}

.playbook__header--sticky,
.playbook__header--sticky .left,
.playbook__header--sticky .right {
    display: -ms-flexbox;
    display: flex
}

.header__logo {
    background-size: 100% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 32px;
    width: 75px;
    margin: 10px;
    margin: 1rem;
    display: inline-block;
    box-sizing: border-box
}

.header__title {
    line-height: 52px;
    line-height: 5.2rem;
    padding: 0 10px;
    padding: 0 1rem;
    max-width: 540px;
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header__button-down,
.header__button-up {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 52px;
    height: 57px;
    background-image: url(/static/images/chevron-next.svg);
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.header__button-down {
    transform: rotate(90deg);
    border-bottom: 1px solid #e2effa
}

.header__button-up {
    transform: rotate(-90deg);
    border-top: 1px solid #e2effa
}

.experts__label {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700
}

.expert__link {
    color: #dd2f53
}

.block-downloads {
    padding: 20px 0;
    padding: 2rem 0
}

.downloads__label {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700
}

.list-1col__item {
    background-color: #f0f3f5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    padding: 2rem;
    box-sizing: border-box;
    line-height: 0;
    margin: 20px 0;
    margin: 2rem 0;
    border-radius: 2px;
    color: #153d5f;
    text-decoration: none
}

.list-1col__item:before {
    content: "";
    width: 40px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0;
    margin-right: 20px;
    margin-right: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.list-1col__item--download:before {
    background-image: url(/static/images/big-icons/documents.svg)
}

.list-1col__item--workgroup:before {
    background-image: url(/static/images/big-icons/experts.svg);
    background-size: 39px auto
}

.list-1col__item--workgroup .list-1col__right.button--arrow {
    background-color: transparent
}

.list-1col__item--workgroup .list-1col__right.button--arrow:after {
    background-image: url(/static/images/chevron-next.svg)
}

.list-1col__item .list-1col__left {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.list-1col__bold {
    font-weight: 700;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25px
}

.list-1col__normal {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 25px
}

.list-1col__normal .document_type {
    text-transform: uppercase
}
