html {
    font: 400 62.5%/1.4 'Montserrat', sans-serif;
}

body {
    font-size: 1.4rem;
}

body>section {
    padding-left: calc(50% - 700px);
    padding-right: calc(50% - 700px);
}

body>section.wide-content-section {
    padding-left: 0;
    padding-right: 0;
}

* {
    outline: none;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

a:hover {
    color: #787878;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #000;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll-hidden {
    overflow: hidden;
}


/* 404 PAGE -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/

.page404 {
    min-height: calc(100vh - 38.1rem);
    position: relative;
    padding: 5rem 0 3rem;
    background: url("../img/404-bg.jpg") no-repeat 50% 50% / cover;
    overflow: hidden;
    height: 57rem;
}

.page404:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.4));
}

.page404 .top-wrap {
    position: relative;
    z-index: 2;
    text-align: center;
}

.page404 .logo {
    display: block;
    width: 169px;
    height: 68px;
    margin: 0 auto 3rem;
}

.page404 .logo img {
    width: 100%;
}

.page404 .error-text {
    font-size: 1.8rem;
    color: var(--default-color);
    max-width: 38rem;
    margin: 0 auto;
}

.page404 .error-404 {
    font-size: 10rem;
    letter-spacing: 4.5rem;
    font-weight: 700;
    color: #fff;
    padding-left: 4rem;
    max-width: 38rem;
    margin: 0 auto;
}

.page404 .bottom-wrap {
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
}

.page404 .bottom-wrap .headline-wrap {
    padding: 0 calc(50% - 700px);
}

.page404 .bottom-wrap .news-line-white {
    padding: 0 calc(50% - 700px);
    overflow: hidden;
    white-space: nowrap;
}

.page404 .bottom-wrap .b-default-news-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    max-width: 30rem;
    margin-right: 5rem;
}

.page404 .bottom-wrap .b-default-news-item .news-info .date {
    color: #828282;
    border-right: 1px solid #828282;
}

.page404 .bottom-wrap .b-default-news-item .news-info .hashtag {
    color: #fff;
}

.page404 .bottom-wrap .b-default-news-item .news-headline {
    color: #fff;
}

/* top promo section -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/


.top-promo {
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    transition: background 0.3s;
}

.top-promo.search {
    background-color: #1F1F1F;
}

.top-promo.search::before,
.top-promo.search::after {
    display: none
}

.top-promo:before,
.top-promo:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.top-promo:before {
    background: rgba(0, 0, 0, 0.5);
    transition: background 0.3s;
}

.top-promo:after {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.4));
}

.top-promo.fade:before {
    background: rgba(0, 0, 0, 0.65);
}


/* MAIN SLIDER -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/

.main-slider {
    width: 100%;
    height: 53rem;
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding: 20rem 20% 0 25%;
}

.main-slider .main-slider-item {
    width: 100%;
    height: 100%;
    display: inline-block;
}


/* SLIDER DOTS -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/


.slider-dots {
    position: absolute;
    right: calc(50% - 700px);
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
}

.slider-dots li {
    display: block;
    position: relative;
    width: 10px;
    height: 3rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.slider-dots li:before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    left: 50%;
    background: rgba(255, 255, 255, 0.3);
}

.slider-dots li button {
    display: none;
}

.slider-dots li .progress-bar {
    display: block;
    opacity: 0;
    position: absolute;
    width: 1px;
    top: 0;
    left: 50%;
    background: #fff;
}

.slider-dots li.slick-active {
    right: 0.5rem;
    height: 5rem;
}

.slider-dots li.slick-active .progress-bar {
    opacity: 1;
}



/* categories-menu -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/

.categories-menu {
    background: #000;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
}

.categories-menu .cat-menu-line {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow: auto;
    white-space: nowrap;
}

.categories-menu .cat-menu-item {
    padding: 0.6rem 2.6rem;
}

.categories-menu .cat-menu-item a {
    color: #828282;
    font-size: 1.4rem;
    font-weight: 500;
    transition: color 0.3s;
    text-decoration: none;
}

.categories-menu .cat-menu-item.other {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin-left: 1rem;
    border: 1px solid rgba(130, 130, 130, 0.5);
}

.categories-menu .with-select .cat-menu-item.current a,
.categories-menu .with-select .cat-menu-item.current a:hover {
    color: var(--default-color);
}

.categories-menu .with-select .cat-menu-item.current:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7706 0.826172L0 6.605V10.1826L10.7706 4.42004V0.826172Z' fill='%233AE269'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 50%;
}

/* main-content grid -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/

.main-content {
    position: relative;
    overflow: hidden;
}

.wide-content-section+.main-content {
    padding-top: 3rem;
}

.right-side-column,
.left-side-column {
    padding-bottom: 3rem;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.right-side-column .right-column {
    position: relative;
}

.right-side-column .right-column,
.left-side-column .left-column {
    width: 25%;
    padding-top: 3.6rem;
}

.right-side-column .content-section,
.left-side-column .content-section {
    width: 75%;
    padding-top: 3.6rem;
}

.right-side-column .right-column-head,
.left-side-column .left-column-head {
    text-align: center;
    padding: 0 3rem;
}

.right-side-column .right-column-head .b-def-headline,
.left-side-column .left-column-head .b-def-headline {
    padding-bottom: 0;
}

.main-content.left-column-yellow-shape:before {
    content: '';
    display: block;
    position: absolute;
    width: 40%;
    padding: 38rem 0 0 0;
    left: calc(50% - 350px);
    transform: translateX(-100%);
    top: 0;
    background: var(--default-color);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 93px, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 93px, 0 100%);
    z-index: 2;
}

.main-content.right-column-white-shape:before,
.main-content.left-column-white-shape:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    padding: 55% 0 0 0;
    left: calc(50% - 350px);
    transform: translateX(-100%);
    top: 0;
    background: #fff;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
    z-index: 2;
}

.main-content.right-column-white-shape:after,
.main-content.left-column-white-shape:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: calc(50% - 350px);
    transform: translateX(-100%);
    top: 0;
    background: #F2F2F2;
    z-index: 1;
}

.main-content.right-column-grey-shape:before {
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    padding: 15% 0 0 0;
    right: calc(50% - 350px);
    transform: translateX(100%);
    top: 0;
    background: #F2F2F2;
    -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    z-index: 2;
}

.main-content.right-column-yellow-grey-shape:before {
    content: '';
    display: block;
    position: absolute;
    width: 74rem;
    padding: 175px 0 0 0;
    right: calc(50% - 350px);
    transform: translateX(100%);
    top: 0;
    background: var(--default-color);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
    z-index: 2;
}

.main-content.right-column-yellow-grey-shape:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 20rem);
    right: calc(50% - 330px);
    -webkit-clip-path: polygon(0 400px, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 400px, 100% 0, 100% 100%, 0% 100%);
    transform: translateX(100%);
    top: 20rem;
    background: #F2F2F2;
    z-index: 1;
}

.main-content.right-column-white-shape:before {
    width: 30%;
    padding: 15% 0 0 0;
}

.main-content.right-column-white-shape:before,
.main-content.right-column-white-shape:after {
    left: auto;
    right: calc(50% - 330px);
    transform: translateX(100%);
}

.main-content.right-column-white-shape .right-column,
.main-content.left-column-white-shape .left-column {
    position: relative;
    z-index: 3;
}




/* Left side headlines -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/

.left-column-yellow-shape .left-column .results-headline {
    position: relative;
    z-index: 3;
}



.right-column-yellow-grey-shape .right-column .results-headline+.calendar-select {
    padding: 0 0 3.8rem 0;
    margin-top: -0.4rem;
}

.right-column-yellow-grey-shape .right-column .results-table.first-in-column .table-header {
    padding: 0 0 1.5rem;
}

.right-column-yellow-grey-shape .right-column .results-table {
    margin-bottom: 4rem;
}

.left-column-yellow-shape .left-column .results-headline+.calendar-select {
    padding: 2rem 0 0 0;
}



/* calendar select -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/

.calendar-select {
    position: relative;
    text-align: center;
    border-right: 1px solid #F2F2F2;
}

.calendar-select .select-custom-wrap {
    position: relative;
    z-index: 3;
}

.calendar-select .select-wrap {
    max-width: 20rem;
    margin: 0 auto;
    position: relative;
}

.calendar-select .select-btn {
    position: relative;
    text-align: left;
    display: block;
    padding: 0 5.4rem 0 4.4rem;
    background-color: #000;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 12.5H10V10H12.5V12.5ZM8.75 6.25H6.25V8.75H8.75V6.25ZM12.5 6.25H10V8.75H12.5V6.25ZM5 10H2.5V12.5H5V10ZM8.75 10H6.25V12.5H8.75V10ZM5 6.25H2.5V8.75H5V6.25ZM15 1.25V15H0V1.25H1.875V1.875C1.875 2.56437 2.43563 3.125 3.125 3.125C3.81437 3.125 4.375 2.56437 4.375 1.875V1.25H10.625V1.875C10.625 2.56437 11.1856 3.125 11.875 3.125C12.5644 3.125 13.125 2.56437 13.125 1.875V1.25H15ZM13.75 5H1.25V13.75H13.75V5ZM12.5 0.625C12.5 0.28 12.2206 0 11.875 0C11.5294 0 11.25 0.28 11.25 0.625V1.875C11.25 2.22 11.5294 2.5 11.875 2.5C12.2206 2.5 12.5 2.22 12.5 1.875V0.625ZM3.75 1.875C3.75 2.22 3.47062 2.5 3.125 2.5C2.77938 2.5 2.5 2.22 2.5 1.875V0.625C2.5 0.28 2.77938 0 3.125 0C3.47062 0 3.75 0.28 3.75 0.625V1.875Z' fill='%233AE068'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 2rem 50%;
    font-size: 1.4rem;
    line-height: 4.5rem;
    font-weight: 700;
    color: var(--default-color);
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.calendar-select .select-btn:after {
    content: '';
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.36426 8.23631L2.2464 4.11845L0.000296891 6.36455L6.36426 12.7285L12.7282 6.36455L10.4821 4.11845L6.36426 8.23631Z' fill='%233AE068'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: -1rem;
}

.calendar-select .select-hidden {
    display: none;
    visibility: hidden;
}

.calendar-select .select-options {
    display: none;
    text-align: left;
    position: absolute;
    width: 100%;
    top: 100%;
}

.calendar-select .select-options li {
    position: relative;
    display: block;
    padding: 0 4rem 0 4.4rem;
    background-color: #000;
    font-size: 1.4rem;
    line-height: 4.5rem;
    font-weight: 700;
    color: var(--default-color);
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.calendar-select .select-options li.active,
.calendar-select .select-options li:hover {
    color: #828282;
}

.calendar-select .select-btn:hover:after {
    border-color: #828282;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.36426 8.23631L2.2464 4.11845L0.000296891 6.36455L6.36426 12.7285L12.7282 6.36455L10.4821 4.11845L6.36426 8.23631Z' fill='%23828282'/%3E%3C/svg%3E%0A");
}

.calendar-select .select-btn:active:after,
.calendar-select .select-btn.active:after {
    border-color: #787878;
    margin-top: -0.5rem;
    transform: rotate(-180deg);
}




/* mobile slider -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/


.mobile-slider {
    position: relative;
    overflow: hidden;
}

.mobile-slider .mob-dots {
    display: block;
    text-align: center;
    padding-top: 20px;
}

.mobile-slider .mob-dots>li {
    position: relative;
    width: 22px;
    display: inline-block;
    margin: 0 4px 0 0;
    transition: all 0.3s;
}

.mobile-slider .mob-dots>li:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.4);
    transition: all 0.3s;
}

.mobile-slider .mob-dots>li button {
    opacity: 0;
    height: 10px;
}

.mobile-slider .mob-dots>li.slick-active {
    width: 35px;
}

.mobile-slider .mob-dots>li.slick-active:before {
    background: rgba(0, 0, 0, 1);
    top: 4px;
}

.banners-mobile {
    display: none;
}

.b-banner.mobile {
    display: none;
}

.b-banner.mobile:not(:last-child) {
    margin-bottom: 2rem;
}


/* results table -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/

.results-table {}

.results-table+.b-banner,
.results-table+.banner-wrap {
    margin-top: 4rem;
}

.results-table .table-header {
    padding: 3.8rem 1rem;
    text-align: center;
}

.results-table.first-in-column .table-header {
    border-right: 1px solid #F2F2F2;
    border-left: 1px solid #F2F2F2;
}

.results-table .table-main-headline {
    font-size: 2.4rem;
    font-weight: 700;
    padding-bottom: 3.5rem;
    line-height: 1.3;
    position: relative;
    z-index: 3;
}

.results-table .table-main-headline a {
    color: #000;
}

.results-table .table-pic {
    width: 5.6rem;
    height: 5.6rem;
    overflow: hidden;
    text-align: center;
    line-height: 0;
    border-radius: 50%;
    margin: 0 auto 1.1rem;
}

.results-table .table-pic img {
    min-width: 100%;
    min-height: 100%;
}

.results-table .table-name {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.results-table .table-sub-head a,
.results-table .table-sub-head {
    font-size: 1.3rem;
    font-weight: 500;
    color: #828282;
}


.results-table .table-body {
    border: 1px solid #F2F2F2;
}

.results-table.first-in-column .table-body {
    border-top: none;
}

.results-table .table-body .table-line {
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #F2F2F2;
    transition: all 0.3s;
    cursor: pointer;
}

.results-table .table-body .table-line:first-child {
    border-top: none;
}

.results-table.first-in-column .table-body .table-line:first-child {
    border-top: 1px solid #F2F2F2;
}

.results-table .table-body .table-line:hover {
    position: relative;
    z-index: 2;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.results-table .table-body .table-line.double {
    display: block;
}

.results-table .table-body .table-line.double .line {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.results-table .table-body .table-line.double .line:first-child {
    padding-bottom: 4px;
}

.results-table .table-body .table-line.double .line:last-child {
    padding-top: 4px;
}

.results-table .table-body .table-line.double .line.best .team-name,
.results-table .table-body .table-line.double .line.best .default-count {
    font-weight: 700;
    position: relative;
}

.results-table .table-body .table-line.double .line:first-child .default-count:after {
    content: '';
    display: block;
    width: 12px;
    height: 1px;
    background: #000;
    position: absolute;
    right: calc((100% - 1.3rem)/2);
    bottom: -13px;
    margin-right: -6px;
}

.results-table .table-body .table-line.double.date {
    position: relative;
    padding-right: 8rem;
}

.results-table .table-body .table-line.double.date .date-wrap {
    text-align: right;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.results-table .table-body .table-line.double.date .date-wrap .date {
    font-size: 1.3rem;
    color: #828282;
    line-height: 1.3rem;
}

.results-table .table-body .table-line.double.date .date-wrap .time {
    font-size: 1.3rem;
    color: #000;
    line-height: 2.2rem;
}

.results-table .table-body .arrow.up {
    width: 0.8rem;
    height: 0.8rem;
    border-top: 3px solid var(--secondary-color);
    border-left: 3px solid var(--secondary-color);
    transform: rotate(45deg);
    margin-right: 1.5rem;
}

.results-table .table-body .arrow.down {
    width: 0.8rem;
    height: 0.8rem;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    transform: rotate(-135deg);
    margin-right: 1.5rem;
}

.results-table .table-body .dash {
    width: 10px;
    height: 3px;
    background: #C4C4C4;
    margin-right: 1.5rem;
}

.results-table .table-body .num {
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    min-width: 1rem;
    margin-right: 1.5rem;
}


.results-table .table-body .team-icon,
.results-table .table-body .team-flag {
    position: relative;
    width: 3.6rem;
    height: 3.6rem;
    border: 1px solid #E0E0E0;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem;
    text-align: center;
    flex-shrink: 0;
}

.results-table .table-body .team-flag {
    line-height: 0;
}

.results-table .table-body .team-icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 2.5rem;
    max-height: 2.5rem;
}

.results-table .table-body .team-flag img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    height: 3.6rem;
}

.results-table .table-body .team-name {
    flex: 1 1 auto;
    font-size: 1.3rem;
    font-weight: 500;
}

.results-table .table-body .team-counts {
    flex-shrink: 0;
}

.results-table .table-body .team-counts .minus-count,
.results-table .table-body .team-counts .plus-count {
    margin-left: 1.3rem;
    padding: 0 0.8rem;
    line-height: 2rem;
    font-size: 1rem;
    font-weight: 700;
    display: inline-block;
    vertical-align: baseline;
    min-width: 3.3rem;
    text-align: center;
}

.results-table .table-body .team-counts .plus-count {
    background: var(--default-color);
}

.results-table .table-body .team-counts .minus-count {
    background: #E0E0E0;
}

.results-table .table-body .team-counts .default-count {
    font-size: 1.3rem;
    font-weight: 500;
    padding-left: 1.3rem;
    min-width: 4.3rem;
    text-align: right;
    display: inline-block;
    vertical-align: baseline;
}

.results-table .table-body .team-coins {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
}

.results-table .table-body .team-coins .coin {
    display: inline-block;
    vertical-align: middle;
    width: 3.6rem;
    height: 3.6rem;
    line-height: 3.4rem;
    text-align: center;
    background: #fff;
    border: 1px solid transparent;
    font-size: 1.3rem;
    letter-spacing: normal;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    margin-right: -1rem;
}

.results-table .table-body .team-coins .coin.gold {
    border-color: var(--default-color);
    color: var(--default-color);
    z-index: 3;
}

.results-table .table-body .team-coins .coin.silver {
    border-color: #C4C4C4;
    color: #C4C4C4;
    z-index: 2;
}

.results-table .table-body .team-coins .coin.bronze {
    border-color: #DA825C;
    color: #DA825C;
    z-index: 1;
}

.results-table .table-body .team-coins .coin:last-child {
    margin-right: 0;
}





/* CONTENT SECTION GRID -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/

.left-side-column .content-section {
    padding: 3.5rem 0 3.5rem 4%;
}

.right-side-column .content-section {
    padding: 3.5rem 5% 3.5rem 0;
}

.content-section .content-right-column-grid {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
}

.content-section .content-right-column-grid .l-side {
    width: 65%;
    display: flex;
}

.content-section .content-right-column-grid .r-side {
    width: 30%;
    display: flex;
    flex-direction: column;
}




.content-section .content-three-columns-grid {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
}

.content-section .content-three-columns-grid .column {
    width: 30%;
    display: flex;
}


.content-section .two-columns-grid {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.content-section .two-columns-grid .column {
    display: flex;
    flex-basis: 48%;
}



.content-two-columns {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
}

.content-two-columns .column {
    width: 48%;
    margin-bottom: 5rem;
}

.content-two-columns.grey .column {
    padding: 1rem 1.5rem 2rem;
    background: #F2F2F2;
}




.content-plates-wrap {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.content-plates-wrap .box {
    margin-bottom: 3rem;
    display: flex;
    width: 30%;
}


/* Inner page grid -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/


.top-headline-wrap {
    padding-top: 12rem;
    padding-bottom: 6rem;
    text-align: left;
    position: relative;
    z-index: 2;
    margin-left: 29%;
    margin-right: 25%;
}

.top-headline-wrap.large {
    padding-top: 22rem;
    padding-bottom: 13rem;
}

.top-headline-wrap .breadcrumbs {
    margin-bottom: 1rem;
}

.top-headline-wrap .breadcrumbs,
.top-headline-wrap .breadcrumbs a {
    font-size: 1.2rem;
    font-weight: 300;
    color: #fff;
}

.top-headline-wrap .breadcrumbs a.hashtag {
    text-transform: uppercase;
}

.top-headline-wrap.article {
    width: 75%;
    margin: 0;
    padding-right: 5%;
}

.top-headline-wrap.article .article-header {
    max-width: 750px;
    margin: 0 auto;
}



.select-wrapper {
    margin-bottom: 4rem;
}

.select-wrapper .select {
    display: inline-block;
}

.content-button-wrap {
    padding: 3rem 0 8rem;
    text-align: center;
}

.content-text-about {
    padding-top: 5rem;
    padding-bottom: 3rem;
}

.content-text-about .b-def-headline {
    padding-bottom: 2.5rem;
}

.content-text-about .text-about {
    font-size: 1.8rem;
    letter-spacing: 1px;
}

.content-text-about .text-about .about-team {
    display: block;
    padding: 1rem 0 0 0;
    font-size: 1.8rem;
    font-weight: 500;
}

.content-text-about .text-about .line-name {
    font-size: 1.3rem;
    color: #828282;
}





/* BLOCKS -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/

.b-inner-top-headline {
    font-size: 3.2rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.b-def-headline {
    position: relative;
    padding: 3rem 0;
    font-size: 1.8rem;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    z-index: 3;
}

.right-column .b-def-headline {
    padding-top: 0;
}

.right-column-yellow-grey-shape .right-column .b-def-headline,
.right-column-grey-shape .right-column .b-def-headline {
    margin-left: 1rem;
    z-index: 3;
}

.right-column-yellow-grey-shape .right-column .b-default-news-item,
.right-column-grey-shape .right-column .b-default-news-item {
    z-index: 3;
    position: relative;
}

.b-def-headline {
    position: relative;
    padding: 0 0 3rem 0;
    font-size: 1.8rem;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
}

.b-def-headline a {
    color: #000;
}

.b-def-headline.white,
.b-def-headline.white a {
    color: #fff;
}

.b-def-headline .resource {
    color: #000;
    font-weight: 400;
}

.b-def-headline .icon {
    display: inline-block;
    margin-right: 0.5rem;
}

.b-def-headline .icon svg {
    fill: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.b-def-headline.white .icon svg {
    fill: #fff
}




.b-extended-headline {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.b-extended-headline .sub-head {
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.b-extended-headline h1 {
    font-size: 3.2rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.b-extended-headline h1 span {
    display: inline-block;
    vertical-align: middle;
}

.b-extended-headline .team {
    color: #828282;
    font-weight: 400;
    font-size: 1.3rem;
}

.b-extended-headline .team-logo {
    margin-right: 2rem;
}

.b-transparent-select.select-hidden,
.b-yellow-select.select-hidden,
.b-grey-transparent-select.select-hidden {
    display: none;
}

.select-wrapper .select,
.b-extended-headline h1 .select {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
    position: relative;
    z-index: 3;
}

.select-wrapper .select {
    margin-left: 0;
    margin-right: 1.1rem;
}

.b-extended-headline h1 .select-styled {
    position: relative;
    line-height: 3.4rem;
    background: transparent;
    border: 1px solid var(--default-color);
    padding: 0 4rem 0 1rem;
    color: var(--default-color);
    font-size: 2rem;
    outline: none;
    cursor: pointer;
}

.b-extended-headline h1 .select-styled.active {
    border-bottom-color: transparent;
    color: #787878;
}

.b-yellow-select.select-hidden+.select-styled:after,
.b-grey-transparent-select.select-hidden+.select-styled:after,
.b-extended-headline h1 .select-styled:after {
    content: '';
    display: block;
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    border-right: 2px solid var(--default-color);
    border-bottom: 2px solid var(--default-color);
    transform: rotate(45deg);
    right: 1.1rem;
    top: 1.2rem;
    transition: all 0.3s;
}

.b-extended-headline h1 .select-styled.active:after {
    border-color: #787878;
    transform: rotate(-135deg);
    top: 1.3rem;
}

.b-yellow-select.select-hidden+.select-styled {
    min-width: 11.6rem;
    line-height: 3.4rem;
    background: var(--default-color);
    border: 1px solid var(--default-color);
    padding: 0 4rem 0 1rem;
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    outline: none;
    border-radius: 0;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 2;
    position: relative;
}

.b-grey-transparent-select.select-hidden+.select-styled {
    min-width: 11.6rem;
    line-height: 3.4rem;
    background: transparent;
    border: 1px solid #828282;
    padding: 0 4rem 0 1rem;
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    outline: none;
    border-radius: 0;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 2;
    position: relative;
}

.b-grey-transparent-select.select-hidden+.select-styled.active,
.b-yellow-select.select-hidden+.select-styled.active {
    color: #787878;
}

.b-grey-transparent-select.select-hidden+.select-styled.active {
    border-color: transparent;
}

.b-grey-transparent-select.select-hidden+.select-styled:after,
.b-yellow-select.select-hidden+.select-styled:after {
    border-color: #000;
    top: 1.2rem;
}

.b-grey-transparent-select.select-hidden+.select-styled.active:after,
.b-yellow-select.select-hidden+.select-styled.active:after {
    border-color: #787878;
    transform: rotate(-135deg);
    top: 1.5rem;
}




.b-extended-headline h1 .select-options {
    display: none;
    position: absolute;
    width: 100%;
    border: 1px solid var(--default-color);
    border-top: none;
    top: calc(100% - 1px);
    padding: 0.5rem 0;
}

.b-extended-headline h1 .select-options li {
    color: var(--default-color);
    font-size: 2rem;
    line-height: 2.6rem;
    padding: 0.5rem 4rem 0.5rem 1rem;
    cursor: pointer;
}

.b-extended-headline h1 .select-options li.active,
.b-extended-headline h1 .select-options li:hover {
    color: #787878;
}

.b-grey-transparent-select.select-hidden~.select-options,
.b-yellow-select.select-hidden~.select-options {
    display: none;
    position: absolute;
    width: 100%;
    border-top: none;
    top: 0;
    padding: 4rem 0 0.5rem 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.b-yellow-select.select-hidden~.select-options {
    border: 1px solid var(--default-color);
    background: var(--default-color);
}

.b-grey-transparent-select.select-hidden~.select-options {
    background: #fff;
}

.b-grey-transparent-select.select-hidden~.select-options li,
.b-yellow-select.select-hidden~.select-options li {
    color: #000;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 0.5rem 4rem 0.5rem 1rem;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
}

.b-grey-transparent-select.select-hidden~.select-options li.active,
.b-grey-transparent-select.select-hidden~.select-options li:hover,
.b-yellow-select.select-hidden~.select-options li.active,
.b-yellow-select.select-hidden~.select-options li:hover {
    color: #787878;
}



.b-transparent-select {
    display: inline-block;
    vertical-align: middle;
    height: 3.6rem;
    background: transparent;
    border: 1px solid var(--default-color);
    padding: 0.5rem 1rem;
    color: var(--default-color);
    font-size: 2rem;
    outline: none;
    border-radius: 0;
}

.b-yellow-select {
    display: inline-block;
    vertical-align: middle;
    min-width: 11.6rem;
    height: 3.6rem;
    background: var(--default-color);
    border: 1px solid var(--default-color);
    padding: 0.5rem 1rem;
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    outline: none;
    border-radius: 0;
    text-transform: uppercase;
    margin-right: 1rem;
}

.b-grey-transparent-select {
    display: inline-block;
    vertical-align: middle;
    min-width: 11.6rem;
    height: 3.6rem;
    background: transparent;
    border: 1px solid #828282;
    padding: 0.5rem 1rem;
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    outline: none;
    border-radius: 0;
    text-transform: uppercase;
    margin-right: 1rem;
}


.b-slider-hashtag {
    display: inline-block;
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
    font-weight: 300;
    color: #fff;
}

.b-slider-headline {
    font-size: 3.2rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.b-slider-headline a {
    color: #fff;
    transition: color 0.3s;
}


.b-default-news-item {
    display: block;
    width: 100%;
    padding-bottom: 3.5rem;
}

.b-default-news-item .pic {
    display: block;
    margin-bottom: 2rem;
    line-height: 0;
}

.b-default-news-item .pic img {
    width: 100%;
}

.b-default-news-item .news-info {
    display: block;
    margin-bottom: 1rem;
}

.b-default-news-item .news-info .date {
    display: inline-block;
    vertical-align: baseline;
    font-size: 1.2rem;
    line-height: 1;
    color: #828282;
    padding-right: 0.5rem;
    margin-right: 0.2rem;
    border-right: 1px solid #828282;
}

.b-default-news-item .news-info .date:last-child {
    border-right: none;
}

.b-default-news-item .news-info .hashtag {
    display: inline-block;
    vertical-align: baseline;
    font-size: 1.1rem;
    line-height: 1;
    text-transform: uppercase;
    color: #000000;
}

.b-default-news-item .news-headline {
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    color: #1F1F1F;
    line-height: 1.3;
}

.b-default-news-item .news-description {
    display: block;
    font-size: 1.8rem;
    line-height: 1.3;
    color: #828282;
}


.b-default-news-item.large .news-headline {
    font-size: 2.6rem;
    font-weight: 600;
    padding-bottom: 2rem;
}



.b-bg-news-item {
    display: block;
    height: fit-content;
    width: 100%;
    position: relative;
    margin-bottom: 3.5rem;
}

.b-bg-news-item .shadow {
    position: absolute;
    top: 22px;
    left: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1;
    width: calc(100% - 40px);
    height: calc(100% - 20px);
    filter: blur(10px);
    -webkit-filter: blur(10px);
}

.b-bg-news-item .card-body {
    position: relative;
    width: 100%;
    padding: 100% 0 0 0;
    overflow: hidden;
    z-index: 2;
    border-radius: 2.5rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.b-bg-news-item .card-body {
    border-top-left-radius: 0;
}

.b-bg-news-item:before {
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 4rem;
    height: 3.8rem;
    z-index: 3;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 1.6rem, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 1.6rem, 0 100%);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.b-bg-news-item.video:before {
    background-position: 0 -2px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.08027 16.116C6.08027 17.6441 7.72451 18.6077 9.05768 17.8609L18.2825 12.6936C19.6459 11.9299 19.6459 9.96757 18.2825 9.20382L9.05769 4.03643C7.72453 3.28963 6.08027 4.25323 6.08027 5.78132L6.08027 16.116Z' fill='black'/%3E%3C/svg%3E%0A");
}

.b-bg-news-item.photo:before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3483 0C11.1218 0 11.826 0.44604 12.1565 1.14538L12.3817 1.6218C12.7122 2.32114 13.4164 2.76718 14.1899 2.76718H15.5C16.6046 2.76718 17.5 3.66261 17.5 4.76718V12.7583C17.5 13.8629 16.6046 14.7583 15.5 14.7583H2.5C1.39543 14.7583 0.5 13.8629 0.5 12.7583V4.76718C0.5 3.66261 1.39543 2.76718 2.5 2.76718H3.8101C4.58362 2.76718 5.28778 2.32114 5.61831 1.6218L5.84349 1.14538C6.17402 0.44604 6.87818 0 7.6517 0H10.3483ZM9 11.8388C10.9022 11.8388 12.5 10.3132 12.5 8.36301C12.5 6.41286 10.9022 4.88718 9 4.88718C7.09776 4.88718 5.5 6.41286 5.5 8.36301C5.5 10.3132 7.09776 11.8388 9 11.8388ZM10.5 8.36301C10.5 9.17809 9.82843 9.83884 9 9.83884C8.17157 9.83884 7.5 9.17809 7.5 8.36301C7.5 7.54793 8.17157 6.88718 9 6.88718C9.82843 6.88718 10.5 7.54793 10.5 8.36301Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.b-bg-news-item .card-body:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background: linear-gradient(rgba(57, 57, 57, 0.36) 0%, rgba(32, 32, 32, 0.8) 100%);
}

.b-bg-news-item .bg-news-content {
    display: block;
    position: absolute;
    z-index: 2;
    width: calc(100% - 4rem);
    left: 2rem;
    bottom: 3rem;

}

.b-bg-news-item .news-info {
    display: block;
    margin-bottom: 0.7rem;
}

.b-bg-news-item .news-info .date {
    display: inline-block;
    vertical-align: baseline;
    font-size: 1.2rem;
    line-height: 1;
    color: #828282;
    padding-right: 1rem;
    margin-right: 1rem;
    border-right: 1px solid #828282;
}

.b-bg-news-item .news-info .date:last-child {
    border-right: none;
}

.b-bg-news-item .news-info .hashtag {
    display: inline-block;
    vertical-align: baseline;
    font-size: 1.1rem;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}

.b-bg-news-item .news-headline {
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
}

.b-bg-news-item.large .news-headline {
    font-size: 2.6rem;
    margin-bottom: 2rem;
}

.b-bg-news-item.large .news-description {
    display: block;
    font-size: 1.8rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.6);
}




.b-interview-item {
    position: relative;
    padding: 4rem 2rem 2rem;
    flex: 1 1 auto;
    border-radius: 0 2.5rem 2.5rem 2.5rem;
    background: var(--default-color);
    margin-bottom: 3.5rem;
}

.b-interview-item:before {
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 4rem;
    height: 3.8rem;
    z-index: 2;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 1.6rem, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 1.6rem, 0 100%);
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1144 0H2.68265C1.43959 0 0.414062 1.02553 0.414062 2.28413V8.43729C0.414062 9.6959 1.43959 10.7059 2.68265 10.7059H5.23085L10.2253 13.9905C10.5577 14.2091 11 13.9707 11 13.5727V10.7059H12.1299C13.3885 10.7059 14.4141 9.68036 14.4141 8.43729V2.28413C14.3985 1.02553 13.373 0 12.1144 0Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.b-interview-item .person-photo {
    position: relative;
    width: 13.3rem;
    height: 13.3rem;
    margin: 0 auto 2rem;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.b-interview-item .person-photo a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}

.b-interview-item .person-name {
    font-size: 1.8rem;
    font-weight: 800;
}

.b-interview-item .person-position {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.b-interview-item .interview-link {
    font-size: 1.8rem;
    margin-bottom: 2rem;
    color: #000;
    font-weight: 600;
}




.wide-content-section {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.b-wide-slider {
    overflow: hidden;
    position: relative;
    padding: 4rem calc(50% - 700px);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.b-wide-slider:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: background 0.3s;
}

.b-wide-slider.fade:before {
    background: rgba(0, 0, 0, 0.65);
}

.b-wide-slider .wide-slider-item {
    position: relative;
    display: inline-block;
}

.b-wide-slider .wide-slider-header,
.b-wide-slider .wide-slider-content {
    position: relative;
    z-index: 2;
}

.b-wide-slider .wide-slider-content {
    padding: 14rem 0 15rem 5.5rem;
    margin-left: 25%;
    margin-right: 25%;
}



.b-wide-article {
    position: relative;
    padding: 0 calc(50% - 700px);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.b-wide-article:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    transition: background 0.3s;
}

.b-wide-article.fade:before {
    background: rgba(0, 0, 0, 0.65);
}

.b-wide-article .wide-article-content {
    position: relative;
    z-index: 2;
    padding: 21rem 0 11rem 5.5rem;
    margin-left: 25%;
}

.b-wide-article .article-link-wrap {
    position: relative;
    padding: 3rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.46613 12.7819L7.46613 0.785015L0.922362 0.785015L0.922363 19.3257L19.463 19.3257L19.463 12.7819L7.46613 12.7819Z' fill='%233AE068'/%3E%3C/svg%3E%0A");
    background-position: left bottom;
    background-repeat: no-repeat;
    -webkit-background-size: auto;
    background-size: auto;
}

.b-wide-article .article-link-wrap:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 1.5rem;
    border-top: 0.6rem solid var(--default-color);
    border-left: 0.6rem solid var(--default-color);
}

.b-wide-article .article-link-wrap:after {
    content: '';
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    right: -0.5rem;
    top: -0.8rem;
    border-top: 0.6rem solid var(--default-color);
    border-right: 0.6rem solid var(--default-color);
    transform-origin: 50% 50%;
    transform: rotate(45deg);
}

.b-wide-article .article-link-wrap .article-name {
    font-size: 3.2rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 2rem;
}

.b-wide-article .article-link-wrap .article-author,
.b-wide-article .article-link-wrap .article-description {
    font-size: 1.8rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.8rem;
}

.b-wide-article .article-link-wrap .article-description {
    max-width: 50%;
}





.b-bottom-plates-section {
    position: relative;
    z-index: 3;
    padding: 4rem 0 6rem;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.b-bottom-plates-section .plate {
    position: relative;
    padding-top: 5.5rem;
    width: 48%;
}

.b-bottom-plates-section .plate>.b-def-headline {
    position: absolute;
    left: 0;
    top: 0;
}



.b-archive {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    max-height: 250px;
}

.b-archive .side {
    width: 50%;
    position: relative;
    background-color: var(--default-color);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 2.3rem 12rem 7.5rem 2rem;
}

.b-archive .info {
    display: block;
    margin-bottom: 0.7rem;
}

.b-archive .date {
    display: inline-block;
    vertical-align: baseline;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 300;
    color: #828282;
    padding-right: 1rem;
    border-right: 1px solid #828282;
}

.b-archive .date:last-child {
    border-right: none;
}

.b-archive .num {
    display: inline-block;
    vertical-align: baseline;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #000000;
    padding-left: 1rem;
}

.b-archive .archive-headline {
    display: block;
    max-height: 100%;
    overflow: hidden;
    font-size: 1.8rem;
    letter-spacing: -1px;
    font-weight: 600;
    color: #fff;
}

.b-archive .download {
    position: absolute;
    bottom: -1.2rem;
    padding-left: 6rem;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.08196 6.45018L4.23844 5.3563C4.34987 5.2509 4.53209 5.2509 4.64352 5.3563L6.39577 7.0137V0.271027C6.39577 0.122058 6.52464 0 6.6823 0H8.3177C8.47519 0 8.60423 0.121898 8.60423 0.271027V7.0137L10.3565 5.3563C10.4679 5.2509 10.6501 5.2509 10.7616 5.3563L11.918 6.45018C12.0295 6.55558 12.0295 6.72793 11.918 6.83333L7.71719 10.8068C7.65775 10.863 7.57815 10.8883 7.49991 10.8845C7.42168 10.8883 7.34208 10.863 7.28264 10.8068L3.08196 6.83349C2.97053 6.72809 2.97053 6.55558 3.08196 6.45018ZM15 13.7607V7.50433C15 7.50433 15.0005 7.41976 14.9223 7.3504C14.8616 7.29658 14.7754 7.29658 14.7754 7.29658H13.2532C13.2532 7.29658 13.1888 7.29674 13.1201 7.35536C13.0489 7.41607 13.0489 7.49408 13.0489 7.49408V12.1547H1.95089V7.50433C1.95089 7.50433 1.9514 7.41976 1.87316 7.3504C1.81253 7.29658 1.72633 7.29658 1.72633 7.29658H0.204234C0.204234 7.29658 0.139881 7.29674 0.0711262 7.35536C1.51409e-08 7.41607 0 7.49408 0 7.49408V13.7649C0 13.8941 0.111939 14 0.248603 14H14.747C14.886 14.0002 15 13.8924 15 13.7607Z' fill='%233AE269'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 3.5rem 50%;

    transition: background 0.3s, color 0.3s;
}

.b-archive .download:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.08196 6.45018L4.23844 5.3563C4.34987 5.2509 4.53209 5.2509 4.64352 5.3563L6.39577 7.0137V0.271027C6.39577 0.122058 6.52464 0 6.6823 0H8.3177C8.47519 0 8.60423 0.121898 8.60423 0.271027V7.0137L10.3565 5.3563C10.4679 5.2509 10.6501 5.2509 10.7616 5.3563L11.918 6.45018C12.0295 6.55558 12.0295 6.72793 11.918 6.83333L7.71719 10.8068C7.65775 10.863 7.57815 10.8883 7.49991 10.8845C7.42168 10.8883 7.34208 10.863 7.28264 10.8068L3.08196 6.83349C2.97053 6.72809 2.97053 6.55558 3.08196 6.45018ZM15 13.7607V7.50433C15 7.50433 15.0005 7.41976 14.9223 7.3504C14.8616 7.29658 14.7754 7.29658 14.7754 7.29658H13.2532C13.2532 7.29658 13.1888 7.29674 13.1201 7.35536C13.0489 7.41607 13.0489 7.49408 13.0489 7.49408V12.1547H1.95089V7.50433C1.95089 7.50433 1.9514 7.41976 1.87316 7.3504C1.81253 7.29658 1.72633 7.29658 1.72633 7.29658H0.204234C0.204234 7.29658 0.139881 7.29674 0.0711262 7.35536C1.51409e-08 7.41607 0 7.49408 0 7.49408V13.7649C0 13.8941 0.111939 14 0.248603 14H14.747C14.886 14.0002 15 13.8924 15 13.7607Z' fill='%23787878'/%3E%3C/svg%3E%0A");
}

.b-plug {
    width: 100%;
    height: 184px;
}

.b-plug img {
    width: 100%;
}

.b-subscription {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: 7rem 4rem;
    height: 100%;
    background: #000;
}

.b-subscribe-form {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
}

.b-subscribe-form .subscribe-input,
.search-input {
    flex: 1 1 auto;
    border: none;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    background: transparent;
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 3.9rem;
}

.b-subscribe-form .subscribe-input::-webkit-input-placeholder {
    color: #fff;
    transition: color 0.3s;
}

.b-subscribe-form .subscribe-input::-moz-placeholder {
    color: #fff;
    transition: color 0.3s;
}

.b-subscribe-form .subscribe-input:-moz-placeholder {
    color: #fff;
    transition: color 0.3s;
}

.b-subscribe-form .subscribe-input:-ms-input-placeholder {
    color: #fff;
    transition: color 0.3s;
}

.b-subscribe-form .subscribe-input:hover::-webkit-input-placeholder {
    color: #787878;
}

.b-subscribe-form .subscribe-input:hover::-moz-placeholder {
    color: #787878;
}

.b-subscribe-form .subscribe-input:hover:-moz-placeholder {
    color: #787878;
}

.b-subscribe-form .subscribe-input:hover:-ms-input-placeholder {
    color: #787878;
}

.b-subscribe-form .subscribe-input:focus {
    outline: none;
}

.b-subscribe-form .subscribe-submit {
    cursor: pointer;
    flex-shrink: 0;
    border: 1px solid var(--default-color);
    margin-left: 2rem;
    transition: border-color 0.3s, color 0.3s;
}

.b-subscribe-form .subscribe-submit:hover {
    border-color: #787878;
}

.b-subscribe-form .error-message,
.b-subscribe-form .success-message {
    display: none;
}

.b-subscribe-form .error-message {
    position: absolute;
    bottom: -3rem;
    left: 0;
    color: #FD2113;
    font-size: 1rem;
    font-weight: 500;
}

.b-subscribe-form.error .subscribe-input {
    border-bottom-color: rgba(253, 19, 30, 0.3);
    -webkit-animation-name: shake;
    animation-name: shake;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
}

.b-subscribe-form.error .error-message {
    display: block;
}

.b-subscribe-form.success .subscribe-input,
.b-subscribe-form.success .subscribe-submit {
    display: none;
}

.b-subscribe-form.success .success-message {
    display: block;
    line-height: 4rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--default-color);
}

.b-subscribe-form.success .success-message:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5rem;
    height: 4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.36377 15.7539L2.24591 11.636L-0.000191391 13.8821L6.36377 20.2461L20.2459 6.364L17.9998 4.1179L6.36377 15.7539Z' fill='%233AE068'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 20%;
}




.b-team-plate {
    position: relative;
    flex: 1 1 auto;
    padding: 4rem 3rem 6rem;
    text-align: center;
    border: 1px solid #F2F2F2;
    cursor: pointer;
}

.b-team-plate:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #F2F2F2;
    -webkit-clip-path: polygon(0 55%, 100% 15%, 100% 100%, 0% 100%);
    clip-path: polygon(0 55%, 100% 15%, 100% 100%, 0% 100%);

}

.b-team-plate .team-pic {
    position: relative;
    z-index: 2;
    display: block;
    width: 9.6rem;
    height: 9.6rem;
    margin: 0 auto 3rem;
    border: 1px solid #F2F2F2;
    border-radius: 50%;
    overflow: hidden;
}

.b-team-plate .team-name {
    position: relative;
    z-index: 2;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    transition: color 0.3s;
}

.b-team-plate .team-city {
    display: block;
    position: relative;
    z-index: 2;
    font-size: 1.3rem;
    color: #828282;
}

.b-team-plate:hover .team-name {
    color: #787878;
}


.b-button {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: #000;
    padding: 0 3.5rem;
    line-height: 4rem;
    border: none;
    color: var(--default-color);
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: background 0.3s, color 0.3s;
}

.b-button:hover {
    color: #787878;
}


.b-banner {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 4rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.b-banner.square {
    padding: 100% 0 0 0;
}

.b-banner.wide {
    height: 10rem;
    margin-bottom: 6rem;
}

.b-banner.long {
    padding: 200% 0 0 0;
}




.b-article-content {
    position: relative;
    line-height: 1.5;
    max-width: 750px;
    margin: 0 auto;
}

.b-article-content+.article-read-also {
    padding-top: 8rem;
}

.b-article-content h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 2.2rem;
    font-weight: 700;
    margin: 0;
    padding: 0 0 2.5rem;
}

.b-article-content h5,
h6 {
    font-size: 1.6rem;
    font-weight: 600;
}

.b-article-content p {
    font-size: 1.6rem;
    margin-bottom: 4rem;
    line-height: 26px;
}

.b-article-content b,
.b-article-content strong {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 24px;
}

.b-article-content figure {
    margin-left: -6rem;
    margin-right: -3rem;
    text-align: left;
    margin-bottom: 3.5rem;
}

.b-article-content figure img {
    width: 100%;
}

.b-article-content figure figcaption {
    font-size: 1.3rem;
    font-weight: 500;
    color: #828282;
}

.b-article-content ol,
.b-article-content ul {
    display: block;
    padding-bottom: 1rem;
    padding-left: 1.8rem;
}

.b-article-content ul li {
    margin-bottom: 2rem;
    padding-left: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.3617 0L0 5.02292V8.13254L9.3617 3.12378V0Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 0.5rem;
}

.b-article-content ol {
    counter-reset: item;
}

.b-article-content ol li {
    list-style-type: none;
    counter-increment: item;
    margin-bottom: 2rem;
    text-indent: -2.5rem;
    padding: 0 0 0 2.5rem;
}

.b-article-content ol li:before {
    display: inline-block;
    width: 1.5rem;
    padding-right: 1rem;
    font-weight: bold;
    text-align: right;
    content: counter(item) " ";
}

.b-article-content table {
    width: 100%;
    margin-bottom: 4rem;
    border-collapse: collapse;
}

.b-article-content table td,
.b-article-content table th {
    padding: 0.5rem 1rem;
    font-size: 1.8rem;
}

.b-article-content table tr:nth-child(even) th,
.b-article-content table tr:nth-child(even) td {
    background-color: #ececec;
}

.b-article-content blockquote {
    padding: 2.5rem 5rem 5.5rem;
    margin: 0;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 600;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='29' viewBox='0 0 18 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.001 0L0 9.65822V15.9936L18.001 6.36256V0Z' fill='%233AE269'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.001 12.4373L0 22.0955V28.4308L18.001 18.7998V12.4373Z' fill='%23FDCF13'/%3E%3C/svg%3E%0A");
    background-position: 1.5rem 2.5rem;
    background-repeat: no-repeat;
}


.b-content-gallery {
    margin-left: 6rem;
    margin-right: 3rem;
}

.b-content-gallery+figcaption {
    margin-left: 6rem;
}

.b-content-gallery .images-line {
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 1rem;
}

.b-content-gallery .images-line .line-item {
    display: inline-block;
    position: relative;
    height: 11.7rem;
    width: 11.7rem;
    margin-right: 1rem;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.3s;
    cursor: pointer;
}

.b-content-gallery .images-line .line-item:last-child {
    margin-right: 0;
}

.b-content-gallery .images-line .slick-current,
.b-content-gallery .images-line .line-item:hover {
    border-color: var(--default-color);
    box-shadow: inset 0 0 1px var(--default-color);
}

.b-content-gallery .main-image {
    white-space: nowrap;
    overflow: hidden;
    height: 44rem;
    position: relative;
    z-index: 1;
}

.b-content-gallery .main-image .main-item {
    display: inline-block;
    position: relative;
    margin-bottom: 2rem;
    width: 100%;
    height: 42rem;
    overflow: visible;
    text-align: center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.b-content-gallery .main-image .slick-arrow {
    display: block;
    position: absolute;
    height: 100%;
    width: 5rem;
    background-color: transparent;
    border: none;
    cursor: pointer;
    z-index: 1000;
    font-size: 0;
    top: 0;
}

.b-content-gallery .main-image .slick-prev {
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.49221 6.36328L8.61006 2.24542L6.36396 -0.000680745L0 6.36328L6.36396 12.7272L8.61007 10.4811L4.49221 6.36328Z' fill='%233AE068'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.b-content-gallery .main-image .slick-next {
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.23533 6.36328L4.11748 2.24542L6.36358 -0.000680745L12.7275 6.36328L6.36358 12.7272L4.11747 10.4811L8.23533 6.36328Z' fill='%233AE068'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.b-content-gallery .main-image .main-item>span {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: -2rem;
    font-size: 1.3rem;
    font-weight: 500;
    color: #828282;
}


.b-article-info {
    padding-top: 2.5rem;
    margin-bottom: 4rem;
}

.b-article-info .date {
    font-size: 1.6rem;
    color: #828282;
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    border-right: 1px solid #828282;
}

.b-article-info .date:last-child {
    border-right: none;
}

.b-article-info .author {
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
}

.b-article-tag-line {
    margin-bottom: 8rem;
}

.b-article-tag-line .article-tag {
    display: inline-block;
    line-height: 2.8rem;
    padding: 0 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: #000;
    border: 1px solid var(--default-color);
    border-top-right-radius: 2.8rem;
    border-bottom-right-radius: 2.8rem;
    border-bottom-left-radius: 2.8rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.b-article-tag-line .article-tag:hover {
    color: #fff;
    background-color: var(--default-color);
}




.b-custom-select-headline {
    position: relative;
    margin-bottom: 3rem;
    width: 100%;
}

.b-custom-select-headline .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.b-custom-select-headline .select-wrap {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 1.8rem;
    color: #000;
    padding-top: 1rem;
}

.b-custom-select-headline .select-styled {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 0 10rem 0 4.3rem;
    font-size: 1.8rem;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 3.2rem;
    color: #000;
    background: #fff;
    z-index: 9;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.b-custom-select-headline .select-styled:after {
    position: absolute;
    content: '';
    top: 0.5rem;
    right: 7rem;
    width: 0.9rem;
    height: 0.9rem;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    transform: rotate(45deg);
    z-index: 9;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.b-custom-select-headline .select-styled:hover,
.b-custom-select-headline .select-styled:active,
.b-custom-select-headline .select-styled.active {
    color: #828282;
}

.b-custom-select-headline .select-styled:hover:after {
    border-color: #828282;
}

.b-custom-select-headline .select-styled:active:after,
.b-custom-select-headline .select-styled.active:after {
    border-color: #787878;
    top: 1rem;
    transform: rotate(-135deg)
}


.b-custom-select-headline .select-options {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 100%;
    margin-top: -4.3rem;
    left: -1rem;
    width: calc(100% + 2rem);
    padding: 5.5rem 1rem 1.5rem 1rem;
    z-index: 8;
    box-shadow: 0 0 15px -10px rgba(0, 0, 0, 0.2);
}

.b-custom-select-headline .select-options li {
    position: relative;
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0.5rem 2rem 0.5rem 4.5rem;
    line-height: 2rem;
    cursor: pointer;
    user-select: none;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.b-custom-select-headline .select-options li:hover {
    color: #787878;
}

.b-custom-select-headline .select-options li[rel="hide"] {
    display: none;
}

.b-custom-select-headline .select-options li .extended-text,
.b-custom-select-headline .select-styled .extended-text {
    color: #828282;
    font-weight: 400;
}

.b-custom-select-headline .select-options li .team-icon,
.b-custom-select-headline .select-styled .team-icon {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.b-custom-select-headline .select-options li .team-icon {
    width: 2rem;
    height: 2rem;
    left: 0.5rem;
}

.b-custom-select-headline .select-styled .team-icon {
    width: 3.2rem;
    height: 3.2rem;
}





.b-paging {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    padding-top: 2.5rem;
}

.b-paging.space {
    padding-top: 3rem;
    margin-bottom: 8rem;
}

.b-paging .btn-wrap {
    width: 72%;
}

.b-paging .btn-wrap .b-button {
    width: 100%;
}

.b-paging .count-wrap {
    width: 23%;
}

.b-paging .count-wrap span {
    display: inline-block;
    vertical-align: middle;
    line-height: 4rem;
    font-size: 1.4rem;
    color: #828282;
}

.b-paging .count-wrap .page-text {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #828282;
    border-radius: 0;
    background: #fff;
    line-height: 3.8rem;
    margin: 0 1.5rem;
    padding: 0 0.8rem;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    width: 5.2rem;
}







/* exceptions -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/

.content-right-column-grid+.b-def-headline,
.content-three-columns-grid+.b-def-headline {
    padding-top: 2.5rem;
}





/* KEYFRAMES -----------------------------------------------------------------------
-------------------------------------------------------------------------------*/

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    20%,
    60% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    40%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    20%,
    60% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    40%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

.cabinet {
    margin-right: 18%;
}

.search-part {
    display: flex;
    align-items: center;

    padding-left: 25%;
    margin-left: 3.7rem;
}

.search {
    position: relative;
}

.search.active .search-body {
    display: block;
}

.search-wrapper {
    width: 100%;
}

.search-head {
    position: relative;
}

.search-wrapper.mobile {
    padding-top: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.search-wrapper.mobile .search {
    padding-top: 2.5rem;
}

.search-wrapper.mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1F1F1F;
}

.search-close {
    display: none;
    border: none;
    background: none;
    padding: 0;
    margin-top: 2.4rem;
}

.search-input {
    padding: 0 1.6rem;
}

.search-icon {
    display: none;
}

.search-body {
    position: absolute;
    left: 0;
    overflow: hidden;
    width: 100%;
    background-color: #1F1F1F;
}

.menu-search {
    grid-column: 1 / 3;
    max-width: 42.6rem;
    width: 100%;
    margin-top: auto;
    padding-top: 5rem;
}

.menu-search .search-list {
    max-height: 15rem;
}

.header .expand-menu .cabinet.main-menu-item {
    margin-bottom: 0;
}

.main-menu-item {
    display: flex;
    align-items: center;
}

.main-menu-icon {
    stroke: #fff;
}

.main-menu-item svg {
    margin-left: 4px;
}

.cabinet-link {
    display: flex;
    align-items: center;

    color: #fff;
    text-transform: uppercase;
}

.cabinet-icon {
    margin-right: 9px;
}

.search-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.6rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    opacity: 0.75;
    transition: opacity 0.1s linear;
}

.search-submit svg {
    stroke: #fff
}

.search-clean svg {
    fill: #fff
}

.search-head:hover .search-button,
.search-head:hover .search-input {
    color: #fff;
    opacity: 1;
}

.search-head:hover .search-input::-webkit-input-placeholder {
    color: #fff;
}

.search-head:hover .search-input::-moz-placeholder {
    color: #fff;
}

.search-head:hover .search-input::placeholder {
    color: #fff;
}

.search-input {
    color: rgba(255, 255, 255, 0.75);
    transition: color 0.1s linear;
}

.search-input::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75);
    transition: color 0.1s linear;
}

.search-input::-moz-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75);
    transition: color 0.1s linear;
}

.search-input::placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75);
    transition: color 0.1s linear;
}

.search-clean {
    display: none;
}

.search.not-empty .search-clean {
    display: block
}

.search.not-empty .search-submit {
    display: none;
}

.search-body {
    display: none;
}

.search-list {
    max-height: 30rem;
    overflow-y: auto;
    margin: 1rem 1rem 1rem 0;
}

.search-item {
    padding: 1.2rem 1.6rem;
}

.search-item a {
    color: #fff
}

.search-item span {
    font-weight: 600;
}

.menu-search .search-item {
    font-size: 1.2rem
}

.p-search {
    padding-top: 3.2rem;
    margin-bottom: 12.8rem;
}

.p-search .container {
    max-width: 816px;
    width: 100%;
}

.p-search .search-head {
    margin-bottom: 3.2rem;
}

.p-search .search-info {
    margin-right: 1.5rem;
}

.p-search .search-content {
    margin-bottom: 6.4rem;
}

.p-search .search-head {
    display: flex;
    justify-content: space-between;
}

.p-search .b-def-headline {
    padding-bottom: 1rem;
}

.p-search .search-found {
    font-size: 14px;
    letter-spacing: -0.01em;
    color: #1F1F1F;
}

.p-search .search-sort {
    display: flex;
}

.p-search .btn-wrap {
    max-width: 55.1rem;
    width: 100%;
    margin-right: 4rem;
}

.p-search .b-paging .count-wrap {
    width: unset;
}

.sort-label {
    margin-right: 1rem;
}

.select {
    position: relative;
}

.select-selected {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    border: 0;
    background: none;
    padding: 0;
    border-bottom: 1px solid #000;
}

.select-selected.active {
    opacity: 1;
    overflow-y: auto;
    pointer-events: all;
}

.select-selected-label {
    color: #1F1F1F;
}

.select-body .select-options {}

.select-body.active {
    opacity: 1;
    overflow-y: auto;
    pointer-events: all;
}

.select-option {
    color: #1F1F1F;
    font-weight: 500;
    cursor: pointer;

    border-radius: 4px;

    transition: background-color 0.1s linear, color 0.1s linear;
}

.select-option:not(:last-child) {
    margin-bottom: 0.5rem;
}

.select-option label {
    display: block;
    padding: 1.2rem;
    cursor: pointer;
    transition: background-color 0.1s linear;
}

.select-option.active {
    background: #DFDCDC;
}

.select-option:hover {
    background: #DFDCDC;
}

.select-options input {
    display: none;
}

.select-wrapper {
    margin-right: 8px;
}

.select-inner {
    max-height: 60rem;
    overflow-y: auto;
    max-height: 20.5rem;
}

.select-body {
    position: absolute;
    z-index: 3;
    left: 0;
    top: -1.5rem;
    min-width: 18.3rem;
    padding: 8px;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    order: 1;
    transition: opacity 0.1s ease-in-out;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

.select-options {
    margin-right: 8px;
}

.scroll::-webkit-scrollbar {
    width: 6px;
    background: transparent;
    border-radius: 6px;
}

.scroll::-webkit-scrollbar-thumb {
    width: 6px;
    background: #626262;
    border-radius: 6px;
}

.scroll {
    scrollbar-color: transparent #626262;
    scrollbar-width: thin;
}

.search-news-item {
    display: flex;
    position: relative;
}

.search-news-item .pic {
    position: relative;
    min-width: 26.8rem;
    max-width: 26.8rem;
    width: 100%;
    margin-right: 1.6rem;
}

.search-news-item .pic {
    margin-bottom: 0;
}

.search-news-item .news-headline {
    font-size: 2rem;
    margin-bottom: 1.2rem;
}

.search-news-item .news-info .hashtag {
    font-size: 1.3rem;
}

.search-news-item .news-info .hashtag span {
    background: #dfdcdc;
}

.search-news-item .news-description {
    color: #1F1F1F;
    opacity: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-news-item .news-headline span {
    background: #dfdcdc;
}

.search-news-item .news-description span {
    background: #dfdcdc;
}

.search-news-author img {
    max-width: 12.8rem;
    min-width: 12.2rem;
    border-radius: 50%;
}

.search-news-author .pic {
    display: flex;
    justify-content: center;
    min-height: 16.8rem;
    align-items: center;
}

.icon-polygon::before {
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 4rem;
    height: 3.8rem;
    z-index: 2;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 1.6rem, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 1.6rem, 0 100%);
    background-color: #fff;
}

.icon-polygon.doc::before {
    background-image: url('../img/icons/document.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.icon-polygon.play::before {
    background-image: url('../img/icons/play.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.icon-polygon.photo::before {
    background-image: url('../img/icons/photo.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.icon-polygon.comment::before {
    background-image: url('../img/icons/comment.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.menu-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    width: 100%;
}

.menu-right-main {
    display: flex;
}