ldc-groupe/public/assets/css/style.css

@charset "UTF-8";

/* RESET */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    min-width: 0;
}

html {
    min-height: 100%;
    font-weight: 400;
    touch-action: manipulation;
    -ms-touch-action: manipulation;
}

body {
    min-height: 100%;
    line-height: 1;
}

blockquote,
q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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

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

h1,
h2,
h3,
h4,
h5 {
    font-weight: inherit;
}

b,
strong {
    font-weight: 700;
}

input,
button,
textarea {
    border: 0;
    padding: 0;
    font-weight: inherit;
    background: transparent;
    line-height: 1;
}

hr {
    display: block;
    width: 100%;
    height: 1px;
    background: #ada29c;
    margin: 0;
    padding: 0;
    border: 0;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
    color: inherit;
}

input::placeholder {
    color: inherit;
    opacity: 0.7;
}

input[type="text"]::-ms-clear,
input[type="text"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="button"],
[type="submit"],
textarea,
select,
.btn {
    box-sizing: border-box;
    display: block;
    width: 100%;
    font-family: inherit;
    line-height: 1;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
}

input[type="button"],
[type="submit"],
.btn {
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

select:disabled {
    opacity: 0.6;
}

/*
@media screen and (max-width: 1000px) {}
*/

body {
    color: #222222;
    font-family: "Barlow", sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    overflow-x: hidden;
}

.events-map__item img {
    align-self: flex-start;
}

img,
iframe {
    display: block;
    max-width: 100%;
}

.todo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 75px;
    color: #fff;
    font-size: 30px;
    background: green;
}

.swiper-wrapper {
    height: auto;
}

/* .swiper-slide {
    width: auto;
    height: auto;
}
 */

.play-button {
    width: 100%;
    height: 100%;
    /* background: url('../img/play-button.png') center center no-repeat; */
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    display: none;
}

.play-button::before,
.play-button::after {
    content: "";
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.play-button::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 28px;
    border-color: transparent transparent transparent currentColor;

    border-radius: 2px;
    margin-left: 3px;
}

.play-button::after {
    box-sizing: border-box;
    border: 6px solid currentColor;
    border-radius: 100%;
    width: 62px;
    height: 62px;
}

.play-button:hover {
    color: #ff4e4e;
}

.play-button.active {
    opacity: 0;
}

.back-to-top {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #ff4e4e;
    border-radius: 100%;
    position: fixed;
    right: 30px;
    bottom: 45px;
    opacity: 0;
    cursor: pointer;
    z-index: 99;

    transition: all 0.8s;
}

.back-to-top:hover {
    background: #b53434;
}

.back-to-top__arrow {
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border-top: 2px solid #666666;
    border-right: 2px solid #666666;
    transform: rotate(-45deg);
}

.fw {
    width: 100%;
    min-width: 100%;
}

.fw-container {
    padding: 95px 0 100px;
}

.no-top-padding {
    padding-top: 0;
}

.no-bottom-padding {
    padding-bottom: 0;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.no-top-padding-important {
    padding-top: 0 !important;
}

.no-bottom-padding-important {
    padding-bottom: 0 !important;
}

.no-bottom-margin-important {
    margin-bottom: 0 !important;
}

.half-bottom-padding {
    padding-bottom: 50px;
}

.wrapper {
    box-sizing: border-box;
    width: 1350px;
    max-width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}

.wrapper_small {
    width: 1110px;
}

.gray-bg {
    background: #f8f8f8;
}

.title {
    display: block;
    margin-bottom: 90px;
    text-align: center;
}

.title-text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 38px;
    color: #222222;
    text-transform: uppercase;
    margin-bottom: 15px;
    line-height: 1;
}

.title-text::before,
.title-text::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background: #222222;
    margin: 0 55px;
}

.subtitle {
    display: block;
    font-weight: 500;
    font-size: 28px;
    color: #222222;
    line-height: 1;
    margin-bottom: 10px;
}

.subtitle_red {
    color: #ff4e4e;
}

.subtitle_paint {
    font-family: "Satisfy";
}

.subtitle_main {
    font-size: 35px;
    text-align: center;
    margin: 0;
}

.centered {
    text-align: center;
}

.blocks-gallery-grid,
.wp-block-columns,
.wp-block-media-text {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.blocks-gallery-item::before {
    content: none !important;
}

.clr::after {
    content: "";
    display: block;
    clear: both;
}

.form__container {
    margin-bottom: 70px;
}

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

.form__title {
    margin-bottom: 60px;
}

.form__row .form__field {
    width: 48%;
}

.form__field {
    width: 100%;
    margin-bottom: 30px;
}

.form__field {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    line-height: 1.2;
    /*     align-items: center; */
}

.form__row .form__field>.form__field {
    margin-bottom: 0;
}

.form__field-title {
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    padding-top: 20px;
    margin-bottom: 15px;
}

.form__label {
    font-weight: 500;
    font-size: 16px;
    margin-right: 10px;
}

.form__field_flex {
    justify-content: space-between;
}

.form__field_flex .form__label,
.form__field_flex .wpcf7-form-control-wrap {
    width: 48%;
}

.form__input {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    font-style: italic;
    color: #666666;
    padding: 0 15px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background: #ffffff;
}

.form__input_notinput {
    padding: 0;
    box-shadow: none;
    border: 0;
    height: auto;
    font-weight: 500;
    font-size: 16px;
    font-style: normal;
}

select.form__input_notinput {
    box-sizing: border-box;
    width: 100%;
    padding-right: 15px;
    line-height: 1.2;
    background: url('../img/filter-arrow.png') right top 8px no-repeat;
}

select.form__input_notinput:not(.changed) {
    color: #ff4e4e;
}

select.form__input_notinput option {
    color: #666666;
}

select.form__input_notinput option:disabled {
    color: #ff4e4e;
}

textarea.form__input {
    height: 235px;
    padding: 15px;
}

.form__tip {
    width: 100%;
    text-align: right;
    font-weight: 500;
    font-size: 16px;
}

.form__field-label {
    display: flex;
    align-items: center;
}

.form__field-label .wpcf7-form-control-wrap {
    width: auto;
    flex: 0 0 auto;
}

form .wpcf7-form-control-wrap .wpcf7-list-item {
    margin: 0;
}

.search-form {
    display: flex;
    flex-direction: column;
    background: #333333;
    padding: 30px;
    margin-bottom: 50px;
}

.search-form__wrapper {
    display: flex;
    flex-direction: row;
}

.search-form__field {
    width: 100%;
}

input.search-form__input {
    width: 100%;
    height: 50px;
    border: 1px solid #fe4e4e;
    border-radius: 3px 0 0 3px;
    box-shadow: unset;
    background: #fff;
}

.search-form__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 50px;
    color: #fff;
    background: #fe4e4e;
    border-radius: 0 3px 3px 0;
}

input::placeholder,
textarea::placeholder {
    color: #888;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.select-wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #ffffff;
}

.select-wrapper::before {
    content: "";
    position: absolute;
    display: block;
    border-right: 2px solid #fe4e4e;
    border-bottom: 2px solid #fe4e4e;
    width: 12px;
    height: 12px;
    top: 15px;
    right: 25px;
    transform: rotate(45deg);
    transition: 0.3s;
}

.select-wrapper.open::before {
    top: calc(50% - 3px);
    transform: rotate(-135deg);
}

.wpcf7-select {
    padding-right: 60px;
    background-color: transparent;
}

/*
.form__field_flex .wpcf7-form-control-wrap {
    width: auto;
} */

span.wpcf7-list-item {
    margin-left: 0;
}

.wpcf7-not-valid:not(.form__checkbox) {
    /*     color: #ff4e4e; */
    border-color: #ff4e4e;
    box-shadow: 0 0 0 1px #ff4e4e;
}

.form__input_notinput.wpcf7-not-valid {
    border: none;
    box-shadow: none;
}

.wpcf7-not-valid .wpcf7-list-item-label::before {
    border-color: #ff4e4e;
}

form .wpcf7-not-valid-tip {
    font-size: 14px;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #ff4e4e;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: #ff4e4e;
    padding: 0;
    margin: 0;
}

.page-press-form div.wpcf7-validation-errors {
    margin-bottom: 10px;
}

.page-press-form form .wpcf7-mail-sent-ok {
    padding: 20px;
    font-size: 18px;
}

.page-press-form form .form__field-label {
    margin-bottom: 10px;
}

.page-press-form form .form__field-label a {
    color: #ff4e4e;
    text-decoration: underline;
}

.page-press-form form .form__field-label a:hover {
    text-decoration: none;
}

form .wpcf7-list-item {
    display: block;
    margin-bottom: 15px;
}

.wpcf7-list-item-label {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;

    margin-bottom: 15px;
}

.form__field-label .wpcf7-list-item-label {
    margin-bottom: 0;
}

.form__field-label .wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7-list-item-label::before {
    flex: 0 0 auto;
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;

    margin-right: 10px;
}

.wpcf7-list-item-label::after {
    display: block;
    width: 12px;
    height: 4px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: 8px;
    left: 8px;
    transform: rotate(-45deg);
    opacity: 0;
}

input:checked~.wpcf7-list-item-label::before {
    background: #ff4e4e;
}

input:checked~.wpcf7-list-item-label::after {
    opacity: 1;
}

.wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

.wpcf7-form.sent {
    position: relative;
}

form .wpcf7-mail-sent-ok {
    display: flex !important;
    font-size: 14px;
    width: 100%;
    height: 100%;
    font-style: italic;
    background: #fff;
    padding-top: 65px;
    display: flex;
    margin: 0;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 0;
    color: #666666;
    line-height: 2;
}

form .wpcf7-mail-sent-ok::before {
    content: "\2716";
    box-sizing: border-box;
    font-size: 12px;
    display: flex;
    justify-content: center;
    padding-left: 1px;
    align-items: center;
    width: 20px;
    height: 20px;
    line-height: 1;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    background: #000;
    border-radius: 100%;
    color: #fff;
    font-style: normal;
}

input:focus,
textarea:focus {
    border-color: #ff4e4e;
}

.videos__title {
    margin-bottom: 30px;
}

.videos-list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -20px 5px;
}

.video,
.picture {
    width: 410px;
    margin: 0 20px 30px;
    position: relative;
}

.video__wrap {
    position: relative;
}

.picture img {
    width: 100%;
    height: 242px;
}

.home_video {
    margin-bottom: 30px;
}

.home_video iframe {
    display: block;
    width: 100%;
    height: 40vw;
    margin: auto;
    max-width: 100%;
}

.video iframe {
    display: block;
    width: 410px;
    height: 242px;
    max-width: 100%;
}

.video__title,
.picture__title {
    padding-top: 20px;
    font-weight: 600;
    font-size: 18px;
    color: #666666;
}

.video:hover .video__title,
.picture:hover .picture__title {
    color: #ff4e4e;
}

/* .video__btn {
    display: flex;
    justify-content: center;
    padding-top: 60px;
}
 */

.videos__text {
    padding-top: 50px;
    font-weight: 500;
    color: #222222;
    text-align: center;
}

.videos__btn-wrap {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.quote {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    box-sizing: border-box;
    padding: 20px 25px;
    background: #fff;
    margin-bottom: 30px;
}

.quote__image {
    flex: 0 0 auto;
    width: 150px;
    height: 150px;
    margin-right: 30px;
}

.quote__info {
    flex: 1;
}

.quote__author {
    font-weight: 700;
    font-size: 16px;
    color: #ff4e4e;
}

.quote__photo,
.quote__photobox,
.quote__photo_shadow {
    -moz-border-radius: 50% / 50%;
    -webkit-border-radius: 50% 50%;
    border-radius: 50% / 50%;
}

.quote__photobox {
    position: relative;
    top: 1em;
    right: -4em;
    display: table;
    box-sizing: border-box;
    border: 4px solid #ff4e4e;
}

.quote__photo {
    -moz-box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.4);
}

.quote__photo_shadow {
    -moz-box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 10px 10px 12px rgba(0, 0, 0, 0.4) inset;
    position: absolute;
    height: 100%;
    width: 100%;
}

@media all and (min-width: 438px) {
    .quote__photobox {
        right: -16em;
        top: -1em;
    }
}

@media all and (min-width: 768px) {
    .quote__photobox {
        right: -12em;
        top: 1em;
    }
}

@media all and (min-width: 917px) {
    .quote__photobox {
        right: -17em;
        top: -1em;
    }
}

.quote__description-toggle {
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: -25px;
    padding-right: 10px;
}

.quote__description-toggle::before {
    content: "";
    width: 20px;
    height: 13px;
    background: url("../img/quote-arrow.png") center top no-repeat;
    background-size: 100% 300%;
    display: block;
    cursor: pointer;
}

.quote__description-toggle:hover::before {
    background-position: center center;
}

.quote__description-toggle.active::before {
    background-position: center bottom;
}

.quote__description {
    width: 100%;
    display: none;
}

.quote__description-inner {
    padding: 25px;
}

.icon__arrow-right {
    flex: 0 0 auto;
    display: block;
    width: 27px;
    height: 12px;
    background: url('../img/icon__arrow-right.png') center center no-repeat;
    position: relative;
    left: 0;
    transition: all 0.3s;
}

.icon__arrow-right_white {
    background-image: url('../img/icon__arrow-right_white.png');
}

.btn {
    box-sizing: border-box;
    width: auto;

    display: inline-flex;
    justify-content: center;
    align-items: center;

    height: 45px;
    padding: 0 30px;
    padding-bottom: 3px;
    border-radius: 999px;
    border: 1px solid #ff4e4e;
    background: #ff4e4e;

    font-weight: 500;
    font-size: 18px;
    color: #fff;

    transition: all 0.3s;
}

.btn:hover {
    border-color: #b43534;
    background: #b43534;
}

.btn_white {
    border-color: #fff;
    background-color: #fff;
    color: #222;
}

.btn__icon {
    flex: 0 0 auto;
    align-self: center;
    position: relative;
    background-position: center top;
    background-size: 100% 200%;
    background-repeat: no-repeat;
}

.btn:hover .btn__icon {
    background-position: center bottom;
}

.btn .btn__icon svg path {
    fill: #fff;
    transition: fill 0.3s;
}

.btn:hover .btn__icon svg path {
    fill: #ff4e4e;
}

.btn__icon_edit {
    background-image: url('../img/btn__icon_edit.png');
    background-size: 100% 200%;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}

.btn__icon_arrow-right {
    background-image: url('../img/btn__icon.png');
    background-size: 33px 200%;
    background-position-x: right !important;
    width: 33px;
    height: 14px;
    margin-left: auto;
    padding-left: 15px;
    position: relative;
    top: 2px;
    left: 0;
    transition: left 0.3s;
}

.btn:hover .btn__icon_arrow-right {
    background-position: right top;
    left: 5px;
}

.btn__icon_dl {
    background-image: url('../img/btn__icon_dl.png');
    width: 20px;
    height: 20px;
    margin-left: 15px;
    top: 1px;
}

.page-template-page-engagements .btn__icon_dl {
    background-image: url('../img/btn__icon_dl.png');
}

.page-template-page-sustainably .wp-image-3116 {
    display: none;
}

.wp-image-3124 {
    display: none;
}

.page-template-page-jobs .accordeon-item:last-of-type .accordeon-item__title {
    border-bottom: 1px solid #333333;
}

.btn__icon_eye,
.btn__icon_view {
    background-image: url('../img/btn__icon_eye.png');
    width: 24px;
    height: 14px;
    margin-left: 15px;
    top: 1px;
}

.apply-btn {
    padding-left: 18px;
    padding-right: 8px;
    height: 60px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    position: fixed;
    bottom: 40px;
    right: 8%;
    z-index: 2;
}

.apply-btn .btn__icon {
    margin: 0 10px 0 0;
}

.apply-btn__text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    /* font-size: 16px; */
    /* position: absolute; */
}

.apply-btn__text span {
    margin-right: -200px;
    transition: margin 1s;
    display: block;
    color: #222222;
}

.apply-btn:hover {
    border-color: #ff4e4e;
    background: #ff4e4e;
}

.apply-btn:not(.active) .apply-btn__text span,
.apply-btn:hover .apply-btn__text span {
    color: #fff;
}

.apply-btn.active .apply-btn__text span,
.apply-btn:hover .apply-btn__text span {
    margin-right: 10px;
}

.breadcrumbs {
    font-size: 13px;
    font-weight: 500;
    color: #6a6a6a;
}

.breadcrumbs_base_margined {
    padding: 15px 0;
    margin-top: -60px;
    margin-bottom: 5px;
}

.breadcrumbs_margined {
    margin-top: -100px;
    margin-bottom: 0;
}

.breadcrumbs span.current-item {
    color: #222;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.page_nohero .breadcrumbs,
.error404 .breadcrumbs {
    margin-top: 0;
}

.top-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #333333;
    color: #b9b9b9;
    position: relative;
    z-index: 5;
}

.top-menu__list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.top-menu__list li {
    display: block;
}

.top-menu__list li a,
.top-menu__item {
    display: block;
    padding: 9px 20px;
    border-left: 1px solid #b9b9b9;
    font-size: 13px;
}

.top-menu__list li a:hover,
.top-menu__list li.current-menu-item a {
    color: #ff4e4e;
}

.langs__item {
    color: #fff;
}

.langs__item.active {
    color: #ff4e4e;
    cursor: default;
}

.image-border-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 55px;
    backface-visibility: hidden;
}

.image-border-wrap:last-child {
    margin-bottom: 0;
}

.image-border {
    display: flex;
    position: absolute;
    left: -1px;
    top: -1px;
    overflow: hidden;
    z-index: 2;
    backface-visibility: hidden;
    /*     width: 100%;
height: 100%; */
}

.image-border svg {
    display: block;
    backface-visibility: hidden;
    /*     max-width: 100%;
max-height: 100%; */
}

.image-border svg path {
    fill: #fff;
}

.image-border_mobile {
    display: none;
}

.image-border_left,
.image-border_right {
    height: 100%;
    max-width: 28px;
}

.image-border_right {
    left: auto;
    right: -10px;
    justify-content: flex-end;
}

.image-border_top,
.image-border_bottom {
    width: 101%;
    height: 16px;
}

.image-border_bottom {
    top: auto;
}

.image-border_left svg,
.image-border_right svg {
    min-height: 1300px;
    height: 101%;
    max-width: 28px;
}

.image-border_top svg,
.image-border_bottom svg {
    min-width: 1300px;
    width: 100%;
    max-height: 15.5px;
    position: absolute;
    top: 0;
}

.image-border_bottom svg {
    top: auto;
    bottom: 0;
}

/* progress-bar START */

.progress-bar {
    display: block;
    position: sticky;
    height: 5px;
    width: 0;
    background: #ff4e4e;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    transition: width 0.5s ease-in-out;
    top: 0;
    /* z-index: 9; */
}

/* progress-bar END */

.header {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 3;
}

.header__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
}

.header__block {
    flex: 1;
    justify-content: center;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
}

.header__block_left .header__nav {
    justify-content: flex-end;
}

.header__block_middle {
    margin-top: 0;
    flex: 0 0 auto;
}

.header__logo {
    width: 155px;
    background: #fff;
    border-radius: 100%;
    margin: 0px 15px -75px;
    position: relative;
    top: -10px;
    box-shadow: 0 2px rgba(0, 0, 0, 0.25);
    transition: all 0.8s;
}

.fixed .header__logo {
    width: 80px;
    box-shadow: none;
    background: none;
    margin: 0 15px -20px;
}

.header__nav {
    flex: 1;
    display: flex;
    flex-flow: row wrap;
    /*     position: relative; */
}

.header__nav_single {
    flex: 0 0 auto;
}

.nav li {
    display: block;
    font-weight: 500;
    font-size: 16px;
    margin: 0 15px;
}

.nav>li>a {
    display: block;
    padding: 10px 0;
}

.nav li>a {
    display: block;
}

.nav li.current-menu-item:not(.menu-item-object-custom)>a,
.nav li>a:hover {
    color: #ff4e4e;
}

.nav>li>.sub-menu {
    box-sizing: border-box;
    width: calc(100% - 15px);
    padding: 30px;
    background: #fff;
    border-top: 3px solid red;
    position: absolute;
    left: 15px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    transform-origin: left top;
    transform: scaleY(0);
    transition: all 0.3s;
    opacity: 0;
    z-index: 2;
}

.nav>li:hover .sub-menu {
    opacity: 1;
    transform: scaleY(1);
}

.nav>li>.sub-menu li,
.offer-anchors a {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    color: #626262;
}

.nav>li>.sub-menu li::before {
    flex: 0 0 auto;
}

.nav>li>.sub-menu li:hover,
.offer-anchors a:hover {
    color: #ff4c48;
}

.nav>li>.sub-menu li::before,
.offer-anchors a::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 3px solid;
    border-radius: 100%;
    margin-right: 5px;
}

.nav>li>.sub-menu li a {
    padding: 8px 0;
}

.nav>li>.sub-menu .sub-menu {
    width: 100%;
    padding-top: 15px;
}

.nav>li>.sub-menu .sub-menu li {
    margin-left: 0;
}

.nav>li>.sub-menu li.link-title {
    color: #666666;
    font-size: 14px;
    margin-bottom: 15px;
}

.nav>li>.sub-menu li.link-title:hover>a {
    color: #666666;
    cursor: default;
}

.nav>li>.sub-menu li.link-title::before {
    display: none;
    margin-left: 5px;
}

.nav-page-link {
    font-weight: 700 !important;
}

.nav-page-link::before {
    display: none;
}

.nav-page-link::after {
    content: "";
    display: block;
    width: 22px;
    height: 10px;
    background-size: 100% 200%;
    background: url('../img/nav-page-icon.png') center top no-repeat;
    margin-left: 20px;
}

.nav-page-link:hover::after {
    background-position: center bottom;
}

.menu-item.no-padding>.sub-menu {
    padding: 0;
}

.menu-item.no-padding .link-title {
    margin: 0 !important;
    padding: 30px;
}

.menu-item.no-padding .link-title.link-title_gray {
    background: #f8f8f8;
}

.header__search-btn {
    display: block;
    width: 12px;
    height: 12px;
    background: url('../img/header-search-icon.png') center top no-repeat;
    background-size: 100% 200%;
    cursor: pointer;
    margin-left: 15px;
    margin-right: 20px;
}

.header__search-btn:hover,
.header__search-btn.active {
    background-position: center bottom;
}

.header-search {
    box-sizing: border-box;
    padding: 30px;
    background: #fff;
    border-top: 3px solid #ff4e4e;
    box-shadow: 0 12px 12px rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1;

    display: none;
    /*     opacity: 0; */
}

.header-search::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #ff4e4e transparent;
    position: absolute;
    bottom: 100%;
    right: 20px;
    margin-bottom: 3px;
}

.header-search-form {
    display: flex;
}

form .header-search-form__input {
    width: 270px;
    border-radius: 5px 0 0 5px;
    border-color: #ff4e4e;
    padding-left: 15px;
}

form .header-search-form__input::placeholder {
    color: #666666;
    opacity: 1;
}

.header-search-form__btn {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 0 3px 3px 0;
    background: url('../img/search-icon_white.png') center center no-repeat #ff4e4e;
}

.footer {
    background: #333333;
    padding: 60px 0 30px;
    color: #fff;
}

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

.footer-nav {
    display: flex;
    flex-flow: row wrap;
    width: 75%;
}

.footer-nav li {
    display: block;
    width: calc(100% / 6);
    font-size: 16px;
    margin: 0 0 10px 0;
}

.footer-nav li a:hover {
    text-decoration: underline;
}

.footer-social {
    display: flex;
    align-items: center;
}

.footer-social__title {
    font-family: "Satisfy";
    font-size: 32px;
    margin-right: 15px;
}

.footer-social__list-item {
    display: block;
    margin-right: 10px;
    transition: all 0.3s;
}

.footer-social__list-item:last-child {
    margin-right: 0;
}

.footer-social__list-item:hover {
    opacity: 0.7;
}

.copyright {
    text-align: center;
    padding-top: 45px;
}

.copyright__item {
    color: #999999;
    font-size: 16px;
    margin: 0 5px;
}

a.copyright__item:hover {
    color: #ff4e4e;
}

.slider-wrap {
    position: relative;
}

.slider-pagination {
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 1;
}

.slider-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 100%;
    margin: 0 5px;
    opacity: 1;
    cursor: pointer;
}

.slider-pagination .swiper-pagination-bullet-active {
    background: #ff4c4e;
}

.slider-nav__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    cursor: pointer;
}

.slider-nav__arrow.disabled {
    opacity: 0.2;
    cursor: default;
}

.slider-nav__arrow::before {
    content: url("../img/slider-arrow_left.png");
    display: block;
}

.slider-nav__arrow_next {
    right: 0;
    left: auto;
}

.slider-nav__arrow_next::before {
    content: url("../img/slider-arrow_right.png");
}

.page_nohero {
    padding-top: 70px;
}

.hero {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
}

.hero .swiper-wrapper {
    height: 100%;
}

.hero .swiper-slide {
    height: auto;
    position: relative;
}

.hero-nav.hero__nav {
    position: absolute;
    top: 50%;
    margin: 0 auto;
    width: 1310px;
}

.hero__container {
    width: 100%;
}

.hero-block {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 1600px;
    max-width: 100%;
    height: 100%;
    padding: 70px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
}

.hero__block-info {
    box-sizing: border-box;
    width: 630px;
    max-width: 100%;
    padding: 50px 45px 60px;
    background: rgba(51, 51, 51, 0.7);
    color: #fff;
}

.hero__block-title {
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    line-height: 1.25;
    margin-bottom: 15px;
}

.hero__block-subtitle {
    font-size: 30px;
    font-family: "Satisfy";
    line-height: 1.5;
}

.hero__block-text {
    color: #fff;
}

.hero__block-text ul li {
    padding: 0;
    color: #fff;
    margin: 0;
}

.hero__block-text ul li::before {
    display: none;
}

.hero__block-btn {
    margin-top: 20px;
}

.hero__pagination {
    position: absolute;
    bottom: 30px;
    z-index: 1;
}

.hero__pagination_1 {
    display: none;
}

.hero-nav__arrow,
.history-nav__arrow {
    display: block;
    width: 26px;
    height: 50px;
    background: url('../img/hero-nav_prev.png') center top no-repeat;
    background-size: 100% 200%;
    position: absolute;
    top: 50%;
    left: -4%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

.history-nav__arrow {
    top: 33%;
    z-index: 3;
}

.hero-nav__arrow:not(.swiper-button-disabled):hover,
.history-nav__arrow:not(.swiper-button-disabled):hover {
    background-position: center bottom;
}

.hero-nav__arrow_next,
.history-nav__arrow_next {
    background-image: url('../img/hero-nav_next.png');
    left: auto;
    right: -4%;
}

.hero-nav__arrow.swiper-button-disabled,
.history-nav__arrow.swiper-button-disabled {
    opacity: 0.4;
    cursor: default;
}

.hero-nav_1 {
    display: none;
}

.hero__video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.hero__video video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

/* hero static START */

.hero-static {
    position: relative;
    z-index: 1;
}

.hero-static__wrapper {
    width: 1600px;
}

.hero-static__slider-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.hero-static__slider {
    width: 100%;
    height: 100%;
}

.lapki {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    overflow: hidden;
}

.lapki svg {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    fill: #fff;
}

.lapki svg path {
    opacity: 0;
}

.hero-static__slider .swiper-wrapper {
    height: 100%;
}

.hero-static__slide {
    background-size: cover;
    background-position: center center;
}

.hero-static__slide::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #333333;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.hero-static__block-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3;
}

.hero-static__block {
    padding: 160px 0;
    text-align: center;
    color: #fff;
}

/* hero static END */

.scroll-down {
    text-align: center;
    /*     margin-bottom: 35px; */
}

.scroll-down__btn {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    position: relative;
    top: 0;

    animation: bounce_arrow 1s infinite alternate;
    -webkit-animation: bounce_arrow 1s infinite alternate;

    transition: all 0.3s;
}

.scroll-down__btn:hover {
    /*    top: 5px;*/
}

.link-blocks {
    overflow: hidden;
}

.link-blocks__list {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    margin: 0 -15px;
    padding-top: 30px;
}

.link-blocks__item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: calc(25% - 30px);
    padding: 25px;
    height: 195px;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    margin: 0 15px 30px;
}

.link-blocks__item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.link-blocks__item-text {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
}

.engagements {
    /*     padding-top: 40px; */
    padding-bottom: 70px;
}

.engagements__btn {
    margin-bottom: 35px;
}

.engagements__description {
    font-weight: 500;
    margin-bottom: 60px;
    text-align: left;
}

.engagements__description ul {
    margin-bottom: 15px;
}

.engagements__sub {
    margin-bottom: 30px;
}

.engagements-list {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    margin: 0 -18px;
}

.engagements-list__item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: calc(25% - 36px);
    padding: 30px;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    margin: 0 18px 30px;
    background: #fff;
    transform: scale(1);
    transition: all 0.8s;
}

.engagements-list__item:not(.disabled):hover {
    transform: scale(1.1);
}

.engagements-list__item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.engagements-list__item-text {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
}

.engagements-list__item-btn {
    flex: 0 0 auto;
}

.engagements-list__item.disabled::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0.5;
    top: 0;
    left: 0;
    z-index: 1;
}

.key-figures {
    background: #f8f8f8;
}

.key-figures-list {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    margin: 0 -18px 15px;
}

.key-figures-list__item {
    display: flex;
    /* width: calc(33% - 27px); */
    flex: 30%;
    max-width: 100%;
    margin: 0 18px 36px;
    background: #fff;
}

.key-figures-list__item-image {
    flex: 0 0 auto;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    min-height: 100%;
    padding: 15px;
    background: #ff4e4e;
}

.key-figures-list__item-description {
    box-sizing: border-box;
    padding: 20px 20px 20px 30px;
}

.key-figures-list__item-num {
    font-weight: 500;
    font-size: 20px;
    color: #222;
}

.key-figures-list__item_wide {
    /*     width: calc(50% - 30px); */
    flex: 47%;
}

.key-figures-list__item_wide .key-figures-list__item-image {
    height: 180px;
}

.key-figures__description {
    width: 80%;
    text-align: center;
    margin: 0 auto 55px;
}

.key-figures__btn-wrapper {
    text-align: center;
}

/* list items START */

.list-items,
.alm-listing {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -18px;
}

.list-item {
    width: 412px;
    max-width: 100%;
    background: #f8f8f8;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    margin: 0 18px 36px;
    transform: scale(1);
    transition: all 0.8s;
    flex: 30%;
}

.list-item:hover {
    transform: scale(1.1);
}

.list-item__image {
    height: 240px;
    margin: 0;
}

.list-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.list-item__description {
    padding: 25px 29px;
}

.list-item__title {
    margin-bottom: 20px;
}

.date.list-item__date {
    margin-bottom: 20px;
}

.list-item__text {
    margin-bottom: 15px;
}

.list-items_doc {
    display: block;
    margin: 0 auto;
}

.list-item-doc {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 25px 15px 30px;
    border-bottom: 1px solid #333333;
    text-decoration: underline;
    font-weight: 500;
    font-size: 22px;
}

.list-item-doc:hover {
    text-decoration: none;
}

.list-items_doc .more {
    margin-top: 50px;
}

.list-items_presentation {
    margin: 0 auto;
}

.list-items .no-found {
    padding: 15px;
    font-size: 20px;
}

/* .list-item-presentation {
    padding: 0 15px;
}
 */
/* list items END */

/* filter START */

.filter {
    margin-bottom: 60px;
}

.filter-menu {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.filter-select-wrap {
    display: flex;
    align-items: center;
    width: 100%;
}

.filter-select {
    margin-right: 25px;
    list-style: none;
}

.filter-select>li {
    display: block;
    position: relative;
}

.filter-select>li>a {
    display: block;
    padding: 5px 0;
    padding-right: 17px;
    background: url('../img/filter-arrow.png') right top 12px no-repeat;
    font-weight: 500;
    font-size: 18px;
    color: #666666;
}

.filter-select ul {
    white-space: nowrap;
    padding: 5px;
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.38);
    border-top: 3px solid red;
    display: none;
    z-index: 2;
}

.filter-select:hover ul {
    display: block;
}

@media (pointer: none), (pointer: coarse) {
    .filter-select:not(.active):hover ul {
        display: none;
    }
}

.filter-select ul li {
    display: flex;
    align-items: center;
    padding: 0 5px;
    color: #666666;
}

.filter-select ul li:hover {
    color: #ff4e4e;
}

.filter-select ul li::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 3px solid;
    border-radius: 100%;
    margin-right: 5px;
}

.filter-select ul li a {
    display: block;
    padding: 8px 0;
    font-weight: 500;
    color: inherit;
}

.filter-select ul li a.disabled {
    opacity: 0.3;
}

.filter-results-num {
    flex: 0 0 auto;
    margin-left: auto;
    font-weight: 500;
    font-size: 14px;
}

.filter-results-num__wrap {
    color: #666666;
}

.active-filters {
    display: flex;
    /*    flex-flow: row wrap;*/
    padding: 15px;
    background: #333333;
}

.active-filters__list {
    display: flex;
    flex-flow: row wrap;
}

.active-filters__item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 7px 14px;
    font-size: 16px;
    color: #fff;
    background: #ff4e4e;
    border-radius: 999px;
    margin: 5px 0;
    margin-right: 15px;
}

.active-filters__item_finance {
    background: #3178ed;
}

.active-filters__item_salons {
    background-color: #27ad71;
}

.active-filters__item_evenements {
    background-color: #31beed;
}

.active-filters__item_partenariats-et-sponsorings {
    background-color: #b24881;
}

.active-filters__item_actualites-rh {
    background-color: #f29100;
}

.active-filters__item a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 13px;
    height: 13px;
    font-size: 7px;
    font-weight: 700;
    border-radius: 100%;
    background: #fff;
    color: #000;
    margin-right: 5px;
}

.active-filters__clear-wrap {
    margin-left: auto;
    padding-left: 15px;
    border-left: 1px solid #555555;
    flex: 0 0 auto;
}

.active-filters__item_clear {
    background: #b9b9b9;
    color: #222222;
}

.active-filters__item_clear a {
    background: #222222;
    color: #fff;
}

.filter_doc {
    margin-bottom: 0;
}

/* filter END */

/* text block START */

.textblock_bg {
    background: #f8f8f8;
}

.gray-bg svg path,
.textblock_bg svg path {
    fill: #f8f8f8;
}

.textblock__title {
    text-align: center;
    margin-bottom: 15px;
}

.textblock__subtitle {
    text-transform: initial;
    font-size: 35px;
    text-align: center;
    margin: 0;
}

.textblock__container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 100px;
}

.textblock__container:first-child {
    padding-top: 0;
}

.textblock__wrapper {
    overflow: hidden;
}

.textblock__block {
    flex: 1;
    /*     margin: 0 40px; */
    /*     flex: 1 */
}

.textblock__info-title {
    margin-bottom: 20px;
}

.textblock__info-description {
    margin-bottom: 20px;
}

.single-news .textblock__info-description iframe {
    height: 281px;
    width: 100%;
}

.our-commitment .textblock__image iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: initial;
}

@media screen and (max-width: 1600px) {
    .our-commitment .textblock__image.textblock__block:has(.brand__video),
    .our-commitment .textblock__image.textblock__block .brand__video {
        width: 100%;
    }
}

.textblock__info-description.quote__text {
    width: 100%;
}

.textblock__info-btn {
    margin-top: 30px;
}

.textblock__image {
    /*     width: 600px; */
    /*     height: 540px; */
    /*     height: 400px;    */
    margin-right: 100px;
}

.textblock__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.textblock__image-description {
    font-weight: 500;
    font-size: 12px;
    padding: 0 15px;
}

.textblock__container_swap .textblock__image {
    order: 1;
    margin-right: 0;
    margin-left: 100px;
}

.textblock__container_row {
    flex-direction: column;
    flex-wrap: nowrap;
}

.textblock__container_row .textblock__image {
    width: 100%;
    margin: 0 0 30px;
}

.textblock__container_row .textblock__image img {
    width: auto;
    height: auto;
    margin: 0 auto;
}

.textblock__container_row.textblock__container_swap .textblock__image {
    margin-bottom: 0;
    margin-top: 30px;
}

.textblock__container_floated {
    display: block;
}

.textblock__container_floated .textblock__image {
    float: left;
}

.textblock__container_floated .image-border-wrap {
    width: 600px;
    max-width: 100%;
    margin-bottom: 55px;
}

.textblock__container_floated.textblock__container_swap .textblock__image {
    float: right;
}

.textblock__container_ac {
    align-items: center;
}

.textblock.one-group .textblock__container:not(:first-child) {
    padding-top: 55px;
}

.textblock__video iframe {
    margin: 0 auto;
}

/* text block END */

.values {
    padding-top: 95px;
    padding-bottom: 65px;
}

.brands-icons-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brands-icons-list__slider-wrapper {
    padding: 0 90px;
}

.brands-icons-list__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.brands-icons-list__arrow {
    flex: 0 0 auto;
    cursor: pointer;
}

.brands-icons-list__arrow i {
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border-top: 2px solid #666666;
    border-right: 2px solid #666666;
    transform: rotate(-135deg);
}

.brands-icons-list__arrow_next i {
    transform: rotate(45deg);
}

.brands-icons-list__arrow_disabled {
    opacity: 0.3;
}

.brands-icons-list .swiper-slide {
    height: auto;
}

.brands-icons__list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -10px;
}

.brands-icons__list-item {
    margin: 0 10px 10px;
}

.brands-list__item {
    display: block;
    transform: scale(1);
    transition: all 0.8s;
}

.brands-list__item:hover {
    transform: scale(1.1);
}

/* MOBILE HEADER */

.header__mobile-nav {
    display: flex;
    flex-flow: row nowrap;
    max-height: 50px;
    padding: 0 20px;
    background: #333;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 10;
    display: none;
}

.header__mobile-nav-button {
    height: 20px;
    width: 29px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    cursor: pointer;
}

.header__mobile-nav-button .header__mobile-nav-button-element {
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
    position: relative;
}

.header__mobile-nav-button .header__mobile-nav-button-element::before,
.header__mobile-nav-button .header__mobile-nav-button-element::after {
    display: block;
    content: "";
    height: 2px;
    width: 29px;
    background: #fff;
    position: absolute;
    left: 0;
    transition: all 0.25s linear;
}

.header__mobile-nav-button .header__mobile-nav-button-element::before {
    top: -9px;
}

.header__mobile-nav-button .header__mobile-nav-button-element::after {
    bottom: -9px;
}

.header__mobile-nav-button.active .header__mobile-nav-button-element {
    height: 0;
}

.header__mobile-nav-button.active .header__mobile-nav-button-element::before {
    transform: rotate(45deg);
    top: 0;
}

.header__mobile-nav-button.active .header__mobile-nav-button-element::after {
    transform: rotate(-45deg);
    bottom: -2px;
}

.header__mobile-logo {
    max-width: 80px;
    position: relative;
    z-index: 2;
}

.header__mobile-auth-btn .btn__icon {
    margin: 0;
}

.header__mobile-nav-menu-wrapper {
    background: #333;
    color: #fff;
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 4;
    font-size: 18px;
}

.header__mobile-nav-menu,
#auth-menu {
    display: none;
    padding: 30px 16px 40px 16px;
    list-style: none;
}

.header__mobile-nav-list_add {
    padding-top: 15px;
    margin-top: 15px;
}

.header__mobile-nav-list .menu-item {
    display: block;
    padding: 7px 0;
    border-bottom: 1px solid #fff;
}

.header__mobile-nav-menu .menu-item.menu-item-has-children a {
    position: relative;
    display: block;
}

.header__mobile-nav-menu .menu-item.menu-item-has-children>a::after {
    content: "";
    background-image: url('../img/plus-solid.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 6px;
    transition: all 0.25s linear;
}

.header__mobile-nav-menu .menu-item.menu-item-has-children>a.active::after {
    transform: rotate(45deg);
}

.header__mobile-nav-menu .sub-menu {
    display: none;
    padding: 10px 0 5px 16px;
    list-style: none;
}

.header__mobile-nav-menu .sub-menu .menu-item {
    border-bottom: none;
}

/* END MOBILE HEADER */

.tags {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    line-height: 1;
}

.tag {
    font-weight: 500;
    font-size: 16px;
    color: #222222;
    padding-left: 5px;
    border-left: 2px solid #ff4e4e;
    margin-bottom: 25px;
}

.tag_no-tags {
    border-color: #ff4e4e;
}

.tag_finance {
    border-color: #3178ed;
}

.tag_salons {
    border-color: #27ad71;
}

.tag_evenements {
    border-color: #31beed;
}

.tag_partenariats-et-sponsorings {
    border-color: #b24881;
}

.tag_actualites-rh {
    border-color: #f29100;
}

.date {
    width: max-content;
    padding: 8px 10px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 10px;
    background-color: #ff4e4e;
}

.date_no-tags {
    background-color: #ff4e4e;
}

.date_finance {
    background-color: #3178ed;
}

.date_salons {
    background-color: #27ad71;
}

.date_evenements {
    background-color: #31beed;
}

.date_partenariats-et-sponsorings {
    background-color: #b24881;
}

.date_actualites-rh {
    background-color: #f29100;
}

/* posts list START */

.category .posts-list {
    margin-bottom: 100px;
}

.posts-list__item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 20px;
}

/* posts list END */

/* single news START */

.single-news .textblock {
    padding-bottom: 35px;
}

.single-news .breadcrumbs {
    margin-bottom: 15px;
}

.single-news__tag {
    font-weight: 600;
    margin-bottom: 25px;
}

.single-news__title {
    font-size: 30px;
    margin-bottom: 20px;
}

.single-news__author {
    font-weight: 600;
    font-size: 14px;
}

.single-news .textblock__container {
    padding-top: 20px;
    margin-bottom: 40px;
}

/* single news END */

/* ajax plugin START */

.alm-btn-wrap {
    display: flex;
    justify-content: center;
}

.alm-load-more-btn.done {
    display: none;
}

/* ajax plugin END */

/* brands START */

.page-brands {}

.brands {
    padding-bottom: 70px;
}

.brands_bg {
    background: #f8f8f8;
}

.brands .textblock_bg {
    padding-bottom: 35px;
}

.brand {
    position: relative;
    margin-bottom: 30px;
}

.brand::before {
    display: block;
    content: " ";
    margin-top: -70px;
    height: 70px;
    visibility: hidden;
    pointer-events: none;
}

.brand__container {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    box-sizing: border-box;
    padding: 50px;
    padding-top: 10px;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.brand__info,
.brand__media {
    flex: 0 0 auto;
    width: 555px;
    max-width: 100%;
}

.brand__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 255px;
    margin-bottom: 25px;
    transform: scale(1);
    transition: all 0.8s;
}

.brand__media {
    padding-top: 40px;
}

.brand__media iframe {
    display: block;
    max-width: 100%;
    width: 555px;
    height: 330px;
    margin-bottom: 20px;
}

.brand__video {
    position: relative;
}

.brand__link {
    display: block;
    width: max-content;
    font-weight: 500;
    font-size: 16px;
    color: #222222;
    text-decoration: underline;
    margin-bottom: 10px;
}

.brand__link:hover {
    text-decoration: none;
}

.brand__btn {
    margin-top: 20px;
}

.brand__container:hover .brand__logo {
    transform: scale(1.1);
}

/* brands END */

.learn-more {
    background: #f8f8f8;
}

.learn-more__text {
    margin-bottom: 20px;
}

/* page contacts START */

.page-contacts .wpcf7-form,
.page-press .wpcf7-form {
    box-sizing: border-box;
    padding: 60px 110px 45px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    padding-left: 8.5%;
    padding-right: 8.5%;
    background: #fff;
}

/* page contacts END */

/* page search START */

.search-page > .breadcrumbs {
    margin-top: 60px;
    margin-bottom: 70px;
}

div.search-results {
    padding-bottom: 20px;
}

.search-results-count {
    margin-bottom: 25px;
}

.search-results-perpage {
    font-weight: 500;
    font-size: 16px;
    color: #666666;
    margin-bottom: 60px;
}

.search-results__item {
    display: block;
    box-sizing: border-box;
    padding: 30px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.search-results__item-title {
    font-weight: 700;
    font-size: 18px;
}

.search-results__item-bc {
    margin: 0 0 10px;
}

.search-noresults__title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 50px;
}

.search-highlight {
    color: #ff4e4e;
    font-weight: 700;
}

.search-empty-results {
    height: 80px;
    padding: 30px 0;
}

.search-page .page-numbers {
    cursor: pointer;
}

/* page search END */
/* pagination START */

.pgntn-page-pagination-block {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}

body .pgntn-page-pagination-block .page-numbers {
    box-sizing: border-box;
    width: auto;

    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;

    padding-bottom: 3px;
    border-radius: 999px;
    border: 1px solid transparent;

    font-weight: 500;
    font-size: 18px;
    color: #000;

    transition: all 0.3s;
    margin: 10px;
}

body .pgntn-page-pagination-block .page-numbers.next,
body .pgntn-page-pagination-block .page-numbers.prev {
    width: auto;
    padding: 0 30px;

    border-color: #ff4e4e;
    background: #ff4e4e;
    color: #fff;
}

body .pgntn-page-pagination-block .page-numbers.current {
    border-color: #ff4e4e;
    background: #ff4e4e;
    color: #fff;
}

/* pagination END */

/* manifest START */

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

.manifest__info {
    width: 45%;
}

.manifest__text {
    margin-bottom: 50px;
}

.manifest__btn {
    margin-bottom: 15px;
}

.manifest__photo {
    position: relative;
}

/* manifest END */

/* documents START */

.documents {
    margin-bottom: 100px;
}

.documents__list {
    width: 870px;
    max-width: 100%;
    margin: 0 auto;
}

.document {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-right: 1px solid transparent;
}

.swiper-slide-active .document,
.swiper-slide-next .document {
    border-right-color: #3f3f3f;
}

.documents__item .document:last-child {
    border: none;
}

.swiper-pagination-bullet:only-child {
    visibility: hidden;
}

.document__icon {
    margin-bottom: 15px;
}

.document__text {
    color: #0b0b0b;
    font-size: 16px;
    margin-bottom: 75px;
}

.document__btn {
    font-size: 15px;
    height: 35px;
}

.documents__pagination {
    padding-top: 30px;
}

.documents__pagination .swiper-pagination-bullet {
    border-color: #6a6a6a;
}

.documents__list_mobile {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.documents__list_mobile .document {
    margin: 0 10px 20px;
}

/* documents END */

/* store card START */

.store-card__text {
    padding-top: 80px;
}

.store-card-list {
    overflow: hidden;
}

.store-card-list {
    padding-top: 90px;
    margin: 0 -15px;
}

.store-card__brands {
    padding-top: 80px;
}

.store-card-item {
    width: calc(100% - 30px);
    max-width: 700px;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
}

.store-card-list__item {
    margin-bottom: 30px;
    padding: 10px 0 40px;
}

.store-card-item__block {
    box-sizing: border-box;
    padding: 30px;
    min-height: 155px;
}

.store-card-item__goal {
    min-height: 1px;
}

.store-card-item__indicator {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 1px;
    padding: 0 30px;
}

.store-card-item__characteristics .left-column {
    width: 46%;
}

.store-card-item__characteristics .right-column {
    width: 50%;
}

.store-card-item__characteristics .characteristic-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 0;
}

.characteristic-row.characteristic-desc {
    font-style: italic;
    color: rgba(0, 0, 0, 0.6);
}

.store-card-item__characteristics .percents-wrapper {
    display: flex;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.store-card-item__tip {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
    color: #666666;
}

.store-card-item__title {
    line-height: 1.3;
    margin: 0;
}

.store-card-item__text {
    font-weight: 500;
    font-size: 18px;
    padding-top: 5px;
}

.store-card-item__years {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #000;
}

.store-card-item__year {
    flex: 1;
    box-sizing: border-box;
    padding: 12px;
    text-align: center;
}

.store-card-item__percents {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('../img/store-card-item__percents.jpg');
    background-size: 100% 100%;
}

.store-card-item__percent {
    flex: 1;
    box-sizing: border-box;
    padding: 22px 12px;
    text-align: center;
    font-size: 15px;
    color: #fff;
}

.store-card-item__percent:first-child {
    color: #000;
}

.store-card-list__item-mobile {
    padding: 10px 0 10px;
}

.store-card-item__goal-mobile {
    padding-bottom: 20px;
}

.store-card-item__characteristics-mobile .characteristic-row {
    display: block;
    padding: 0 30px 20px;
}

.store-card-item__characteristics-mobile .characteristic-text-block {
    margin-bottom: 10px;
}

.store-card-item__characteristics-mobile .characteristic-text span {
    color: #555555;
}

.store-card-item__characteristics-mobile .characteristic-years-block {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #000;
    margin-bottom: 10px;
}

.store-card-item__characteristics-mobile .characteristic-percent-block {
    margin-bottom: 10px;
}

/* store card END */

/* professions START */

.professions__subtitle {
    margin-bottom: 80px;
}

.professions__text h3 {
    line-height: 1.5;
    margin-bottom: 25px;
}

.professions-list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -20px;
}

.professions-item {
    display: flex;
    flex-direction: column;
    width: 410px;
    max-width: 100%;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    margin: 0 20px;
}

.professions-item__info {
    box-sizing: border-box;
    padding: 30px 35px 20px;
}

.professions-item__title {
    text-align: center;
    margin-bottom: 20px;
}

.professions-item__info .description ul {
    padding: 0;
}

.professions-item__info .description li {
    margin-bottom: 5px;
}

.professions-item__btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: auto;
    padding: 30px 35px 30px;
}

.professions-item__btn {
    width: 290px;
    margin-top: 10px;
}

.professions__btn-wrap {
    display: flex;
    justify-content: center;
    padding-top: 60px;
}

/* professions END */

/* accordeon videos START */

.accordeon__list {
    /*     padding-bottom: 60px; */
    border-bottom: 1px solid #333333;
}

.accordeon__text {
    margin-bottom: 30px;
}

.accordeon-item {
    width: 100%;
}

.accordeon-item__title {
    display: flex;
    align-items: center;
    padding: 25px 0 30px;
    font-weight: 500;
    font-size: 22px;
    cursor: pointer;
    border-top: 1px solid #333333;
    cursor: pointer;
}

.accordeon-item__title:hover {
    color: #ff4e4e;
    text-decoration: underline;
}

.accordeon-item__title::after {
    content: "";
    display: block;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border-top: 3px solid currentColor;
    border-right: 3px solid currentColor;
    transform: rotate(135deg);
    margin-left: auto;
    margin-top: -1px;
}

.accordeon-item.active .accordeon-item__title {
    color: #ff4e4e;
    border-color: #ff4e4e;
}

.accordeon-item.active .accordeon-item__title::after {
    transform: rotate(-45deg);
    color: #ff4e4e;
    margin-top: 10px;
}

.accordeon-item__info {
    /*     display: none; */
}

.accordeon-item__info.active {
    display: block;
}

.accordeon-item__info-inner {
    overflow: hidden;
}

.accordeon-item__text.description p {
    margin-bottom: 20px;
}

.accordeon-item__text-wrap {
    margin-bottom: 30px;
}

.accordeon-item__info-inner .textblock__container {
    padding-bottom: 55px;
}

/* accordeon videos END */

/* page press START */

.page-press-description {
    padding-bottom: 60px;
}

/* page press END */

/* Aboutus page START */

.page-aboutus .key-figures {
    background: #fff;
}

.page-aboutus .key-figures-list__item {
    background: #f8f8f8;
}

.history-interactive {
    margin-bottom: 85px;
}

.history-interactive.no-bottom-margin {
    margin-bottom: 0;
}

/* .history-pagination {
    display: flex;
    justify-content: center;
    flex-flow: row nowrap;
    overflow-x: scroll;
} */

.history-pagination-container {
    margin-bottom: 45px;
}

.history-pagination-container .swiper-slide {
    width: auto;
}

.history-pagination__item {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;

    width: auto;
    height: auto;

    font-family: "Satisfy";
    font-size: 25px;
    color: #666666;
    background: none;
    /*    margin: 0 45px; */
    opacity: 1;
}

.swiper-pagination-bullet-active .history-pagination__item,
.history-pagination__item.swiper-pagination-bullet-active {
    color: #ff4e4e;
}

.history-pagination__item::after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background: currentColor;
    border-radius: 100%;
    margin-top: 10px;
}

.history-slider {
    position: relative;
}

.history-slider::before,
.history-slider::after {
    content: "";
    display: block;
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

    background: -moz-linear-gradient(left,
            rgba(248, 248, 248, 1) 0%,
            rgba(248, 248, 248, 0) 100%);
    background: -webkit-linear-gradient(left,
            rgba(248, 248, 248, 1) 0%,
            rgba(248, 248, 248, 0) 100%);
    background: linear-gradient(to right,
            rgba(248, 248, 248, 1) 0%,
            rgba(248, 248, 248, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#00f8f8f8', GradientType=1);
}

.history-slider::after {
    left: auto;
    right: 0;

    background: -moz-linear-gradient(left,
            rgba(248, 248, 248, 0) 0%,
            rgba(248, 248, 248, 1) 100%);
    background: -webkit-linear-gradient(left,
            rgba(248, 248, 248, 0) 0%,
            rgba(248, 248, 248, 1) 100%);
    background: linear-gradient(to right,
            rgba(248, 248, 248, 0) 0%,
            rgba(248, 248, 248, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=1);
}

.history-slider .swiper-slide {
    width: auto;
}

.history-slide {
    width: 730px;
}

.history-slide__image {
    max-width: 100%;
    height: 450px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.35);
    position: relative;
}

.history-slide__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.history-slide__info-year {
    padding-top: 25px;
    font-family: "Satisfy";
    font-size: 60px;
    color: #ff4e4e;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    overflow: hidden;
}

.history-slide__info-year span {
    padding-right: 15px;
    position: relative;
    padding-left: 5px;
}

.history-slide__info-year span::after {
    content: "";
    display: block;
    width: 730px;
    height: 1px;
    background: #ff4e4e;
    position: absolute;
    top: 42%;
    left: 100%;
    z-index: -1;
}

.history__text-block {
    margin-bottom: 100px;
}

.history__text-block-title {
    margin-bottom: 20px;
}

.location__text {
    margin-bottom: 25px;
}

.location__map {
    margin-bottom: 30px;
}

.location__map::after {
    content: "";
    display: block;
    clear: both;
}

.location__btn-wrap {
    display: flex;
    justify-content: center;
}

/* Aboutus page END */

/* Finance START */

.finance-price__text {
    padding-top: 100px;
}

.finance-price__api {
    padding-top: 60px;
}

.finance-price__description {
    padding-top: 100px;
    text-align: center;
    width: 640px;
    max-width: 100%;
    margin: 0 auto;
}

.finance-price__btn-wrap {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

.finance-shareholders__title {
    margin-bottom: 80px;
}

.finance-shareholders__blocks {
    padding-top: 0;
}

.finance-shareholders__block {
    padding-top: 85px;
}

.finance-shareholders__block-title {
    margin-bottom: 20px;
}

.finance-shareholders__block-text {
    margin-bottom: 20px;
}

.finance-shareholder-rights__wrapper {
    overflow: hidden;
    margin-bottom: 60px;
}

.finance-shareholder-rights__blocks {
    margin: 0 -20px;
}

.finance-shareholder-rights__block {
    margin: 0 20px;
}

/* finance-api START */

.finance-api {
    display: flex;
}

.finance-api__block {
    flex: 1;
}

.finance-api__btns {
    padding-top: 25px;
}

.finance-api__btn {
    margin-bottom: 15px;
}

.finance-api__block_calendar {
    margin-left: 100px;
}

.finance-api__block_calendar .accordeon__list {
    border: 0;
    padding: 0;
}

/* finance-api END */

.kfar__wrapper {
    overflow: hidden;
}

.kfar__list {
    padding: 10px 0;
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 -20px;
}

.kfar-item {
    box-sizing: border-box;
    width: 635px;
    max-width: 100%;
    padding: 50px;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    margin: 0 20px 40px;
}

.kfar-item__title {
    margin-bottom: 25px;
}

.kfar-item__text {
    margin-bottom: 20px;
}

.kfar-item__image {
    display: block;
    position: relative;
}

.kfar-item__image::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url('../img/zoom-icon.png') center center no-repeat;
    background-color: rgba(51, 51, 51, 0.9);
    position: absolute;
    left: 0;
    bottom: 0;

    opacity: 0;

    transition: all 0.3s;
}

.kfar-item__image:hover::before {
    opacity: 1;
}

.dividend-history__title {
    margin-bottom: 30px;
}

.dividend-history__table {
    width: 100%;
    table-layout: fixed;
}

.dividend-history__td {
    border: 1px solid #333333;
    text-align: center;
    padding: 20px 15px;
}

.dividend-history__td_title {
    background: #ff4e4e;
    color: #fff;
    text-align: left;
}

.dividend-history__tr:first-child .dividend-history__td {
    font-weight: 500;
    color: #666666;
}

.dividend-history__tr:first-child .dividend-history__td_title {
    background: #333333;
    color: #b9b9b9;
}

.publications .posts {
    padding-top: 100px;
}

/* Finance END */

/* Experience START */

.experience__image {
    display: flex;
    justify-content: center;
    padding-top: 100px;
}

.experience__textblock {
    padding-top: 100px;
    margin-bottom: 30px;
}

.training-path {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    margin: 0 -15px 30px;
}

.training-path__item {
    display: flex;
    flex-direction: column;
    /* width: calc(33% - 27px); */
    flex: 1;
    max-width: 100%;
    margin: 0 15px 30px;
    background: #fff;
}

.training-path-item__image {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50%;
    padding: 15px;
    background: #ff4e4e;
}

.training-path-item__description {
    box-sizing: border-box;
    padding: 20px 20px 20px 30px;
}

.training-path-item__title {
    font-weight: 500;
    font-size: 20px;
    color: #222;
}

/* Experience END */

/* Concent START */

.events-thumbs__text {
    margin-bottom: 30px;
}

.events-thumbs__list-wrap {
    overflow: hidden;
}

.events-thumbs-list {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    margin: 0 -20px;
}

.events-thumbs-list__item {
    width: 410px;
    margin: 0 20px 30px;
    position: relative;
}

.events-thumbs-list__item-image {
    margin-bottom: 15px;
}

.events__text {
    margin-bottom: 80px;
}

.events-map {
    margin-bottom: 100px;
}

.events-map:last-child {
    margin-bottom: 0;
}

.events-map__title {
    margin-bottom: 30px;
}

.events-map__item {
    box-sizing: border-box;
    padding: 70px 10px;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.events-cities {
    list-style: none;
    font-size: 18px;
    columns: 4;
}

.events-cities__item-name {
    font-weight: 700;
    color: #222222;
    text-transform: uppercase;
}

.events-prof .professions-list {
    padding-top: 100px;
    margin-bottom: 60px;
}

.rejoin-map {
    padding-top: 25px;
}

.rejoin-map__content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 265px 0;
    background: url('../img/graymap-demo.jpg') center center no-repeat;
    background-size: cover;
    position: relative;
}

.rejoin-map__content::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    opacity: 0;
}

.rejoin-map__btn {
    opacity: 0;
    position: relative;
    z-index: 1;
}

.rejoin-map__content:hover::before,
.rejoin-map__content:hover .rejoin-map__btn {
    opacity: 1;
}

/* Concent END */

.breeders__btn {
    margin-top: 25px;
}

.breeders__videos {
    padding-top: 80px;
}

.offer {
    box-sizing: border-box;
    width: 450px;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 100%;
    left: 15px;
    z-index: 3;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: left top;
    transition: all 0.3s;
}

.offer-tab:hover .offer,
.offer-tab:active .offer,
.offer-tab:focus-within .offer {
    opacity: 1;
    transform: scaleY(1);
}

.offer__block {
    padding: 20px 30px;
}

.offer-main {
    padding: 15px;
    background: #ff4e4e;
    border-radius: 3px;
    color: #fff;
}

.offer-main__block {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dc3737;
}

.offer-main__icon {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    background: url('../img/offer-main__icon.png') center center no-repeat;
    margin-right: 8px;
}

.offer-main__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.offer-main .offer-link__text {
    color: #fff;
}

.offer-link-wrap {
    margin-bottom: 20px;
}

.offer-link-wrap:last-child {
    margin-bottom: 0;
}

.offer-link {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #666666;
}

.offer-link b {
    font-weight: 700;
    font-size: 14px;
}

.offer-link i {
    margin-left: 30px;
}

.offer-link__text span {
    display: block;
    padding-top: 5px;
}

.offer__block_links {
    background: #f8f8f8;
}

.offer-anchors a {
    padding: 8px 0;
}

.offer-link:hover .icon__arrow-right {
    left: 5px;
}

.offer-form-wrap {
    position: relative;
}

.offer-form {
    padding: 20px 30px;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -45px;
    left: 0;
    z-index: 2;
    height: 400px;
    overflow-y: auto;

    display: none;
}

.offer-form .form__container {
    margin: 0;
}

.offer-form .form__text {
    max-width: 80%;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
    color: #666666;
    margin-bottom: 10px;
}

.offer-form .form__field {
    margin-bottom: 10px;
}

.offer-form .form__field-title {
    font-size: 14px;
}

.offer-form .form__field_submit {
    margin-top: 30px;
    justify-content: center;
}

.offer-form input[type="text"],
.offer-form input[type="email"],
.offer-form textarea,
.offer-form select {
    font-size: 12px;
    font-weight: 500;
}

.wpcf7-form.sent .form__container {
    display: none;
}

/* loading START */

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 30px auto;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #f70017;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

/* loading END */

@keyframes bounce_arrow {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce_arrow {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-15px);
    }
}

#wcloud-canvas {
    width: 100%;
    height: 710px;
    background: #fe4042;
}

/* ======= CONTACTS PAGE ( CATEGORIES ) ======= */

.page-contacts__title {
    margin: 35px 0 15px;
}

.contacts-page-subtitle {
    font-size: 35px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 80px;
}

.contacts-page-main {
    padding: 70px 0 100px;
}

.contacts-page-description {
    color: #626262;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 45px;
}

.button-list-title {
    color: #666666;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.buttons-list-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-category-button:not(:last-child) {
    margin-bottom: 30px;
}

.contacts-category-page {
    padding-bottom: 100px;
}

.contact-page-tetx-block {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 1.7;
    margin-bottom: 85px;
}

.contact-page-tetx-block a {
    color: #fe4e4e;
    transition: 0.3s;
}

.contact-page-tetx-block a:hover {
    color: #999;
}

.contacts-category-page .button-wrapper {
    text-align: center;
}

.contacts-group-buttons {
    display: none;
    flex-direction: column;
    align-items: center;
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0% 0%;
    padding: 0px 2em 2em;
    margin-top: 1em;
    border-radius: 10px;
    transform: rotate(90deg), translateY(-2px);
}

button.textblock__info-btn .btn__icon {
    transition: all 0.4s;
}

button.textblock__info-btn.toggle .btn__icon {
    transform: rotate(90deg) translateX(-10px);
}

.back-button-wrapper {
    margin-bottom: 60px;
}

.back-button {
    color: #626262;
    font-size: 18px;
    font-weight: 700;
    padding-left: 3em;
    position: relative;
}

.back-button::before {
    content: "";
    position: absolute;
    display: block;
    background: url('../img/arrow-gray.png') center center no-repeat;
    background-size: contain;
    width: 2em;
    height: 1em;
    top: 0.12em;
    left: 0;
}

.back-button:hover::before {
    animation-name: back_button;
    animation-duration: 0.9s;
    animation-iteration-count: infinite;
    animation-fill-mode: backwards;
    animation-play-state: running;
}

@keyframes back_button {
    from {
        left: 0;
    }

    to {
        left: -1em;
    }
}

.form-top-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 25px;
}

.checkbox-circle .wpcf7-list-item-label::before {
    width: 20px;
    height: 20px;
    border: 2px solid #dbdbdb;
    border-radius: 50%;
}

.checkbox-circle input:checked~.wpcf7-list-item-label::before {
    background: #ffffff;
    border: 2px solid #ff4e4e;
}

.checkbox-circle .wpcf7-list-item-label::after {
    width: 12px;
    height: 12px;
    border: none;
    border-radius: 50%;
    background-color: #ff4e4e;
    top: 4px;
    left: 4px;
}

.contacts-category-page .form__container {
    margin-bottom: 15px;
}

.geographic-checkboxes-block {
    width: 100%;
}

.geographic-checkboxes-result {
    display: flex;
    align-items: center;
    border-color: #ff4e4e;
    position: relative;
    padding: 15px 60px 15px 15px;
    height: auto;
    min-height: 50px;
}

.geographic-checkboxes-result::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #ff4e4e;
    width: 50px;
    height: 100%;
    top: 0;
    right: 0;
}

.open .geographic-checkboxes-result::after {
    transform: rotateZ(-135deg);
    top: calc(50% - 1px);
}

.geographic-checkboxes-list {
    width: 99%;
    height: 0;
    margin: 0 auto;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.5s;
}

.open .geographic-checkboxes-list {
    padding: 20px 20px 20px;
    height: 300px;
    overflow-y: scroll;
}

.contacts-category-form-button {
    position: relative;
    margin: 0 auto;
}

.contacts-category-form-button::after {
    content: "";
    position: absolute;
    display: block;
    background: url('../img/btn__icon.png') center top no-repeat;
    background-size: 100% auto;
    width: 35px;
    height: 17px;
    top: 16px;
    right: 45px;
}

.contacts-category-form-button .btn {
    padding: 0 75px 0 30px;
}

.wpcf7-response-output {
    margin-bottom: 25px !important;
}

.alm-load-more-btn.loading::after {
    content: "";
    /* box-sizing: border-box; */
    width: 14px;
    margin-left: 10px;
    margin-top: 4px;
    height: 14px;
    border-radius: 100%;
    opacity: 0.8;
    border: 2px solid #fff;
    border-top-color: #a09e9e;
    -webkit-animation: loadingbtn 2s linear infinite;
    animation: loadingbtn 2s linear infinite;
}

@keyframes loadingbtn {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.mobile-menu {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    background: #fff;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: auto;
    transition: left 0.8s;
}

.mobile-menu.active {
    left: 0;
}

.mobile-menu__block {
    box-sizing: border-box;
    width: 100%;
    min-height: calc(100vh - 80px);
    height: fit-content;
    background: #fff;
}

.mobile-menu__top {
    position: relative;
    display: flex;
    justify-content: center;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

.mobile-menu__logo img {
    height: 80px;
}

.mobile-menu__block_sub {
    position: absolute;
    top: 0;
    left: 100%;
    transition: left 0.8s;
}

.mobile-menu__block_sub.active {
    left: 0;
}

.mobile-menu__block-title {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    padding: 30px 0;
    position: relative;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

.mobile-menu__close,
.mobile-menu__block-close {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 30px;
}

.mobile-menu__close::before,
.mobile-menu__block-close::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-left-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(-135deg);
    margin-left: auto;
}

.mobile-menu__level {
    box-sizing: border-box;
    padding: 50px 0;
    list-style: none;
    height: auto;
    overflow-y: auto;
}

.mobile-menu__link {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
}

.menu-submenu-arrow {
    content: "";
    display: block;
    margin-right: 10px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-left-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(45deg);
    margin-left: auto;
}

#engagements_1,
#engagements_2,
#engagements_3,
#engagements_4,
#engagements_5,
#rejoin_0,
#rejoin_1,
#rejoin_2,
#rejoin_3,
#rejoin_4,
#rejoin_5,
#rejoin_6,
#finance_1,
#cours_de_bourse_ldc,
#finance_3,
#finance_4,
#finance_5,
#finance_6,
#finance_7,
#page-press-form {
    margin-top: -60px;
    padding-top: 60px;
}

#engagements_1.fw-container,
#engagements_2.fw-container,
#engagements_3.fw-container,
#engagements_4.fw-container,
#engagements_5.fw-container,
#rejoin_0.fw-container,
#rejoin_1.fw-container,
#rejoin_2.fw-container,
#rejoin_3.fw-container,
#rejoin_4.fw-container,
#rejoin_5.fw-container,
#rejoin_6.fw-container,
#finance_1.fw-container,
#cours_de_bourse_ldc.fw-container,
#finance_3.fw-container,
#finance_4.fw-container,
#finance_5.fw-container,
#finance_6.fw-container,
#finance_7.fw-container,
#page-press-form.fw-container {
    padding-top: 130px;
    margin-top: -60px;
}

div.wpcf7 .ajax-loader {
    background: none !important;
}

.hero__block .btn {
    margin-top: 10px;
    align-self: center;
}

.hero__block-text.description {
  color: #fff;
}

.hero__block-info {
    display: flex;
    flex-direction: column;
}

div.wpcf7 .ajax-loader::before {
    content: "";
    background-image: url('../img/loader.svg');
    background-size: 100% 100%;

    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;

    -webkit-animation: loadingbtn 2s linear infinite;
    animation: loadingbtn 2s linear infinite;
}

.list-item__text.ellipsis {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.anchor-block::before {
    display: block;
    content: " ";
    margin-top: -70px;
    height: 70px;
    visibility: hidden;
    pointer-events: none;
}

/* FIX PB SLIDER ?
.swiper-wrapper {
    transition-duration: 0ms !important;
}*/

/* RECAPTCHA */
.grecaptcha-badge {
    visibility: hidden;
}

/* form START */

input::placeholder,
textarea::placeholder {
    color: #888;
}

.form {
    box-sizing: border-box;
    padding: 60px 110px 45px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    padding-left: 8.5%;
    padding-right: 8.5%;
    background: #fff;
}

.form * {
    outline: none;
}

.form__container {
    margin-bottom: 70px;
}

.form__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.form__response {
    margin: 2em 0.5em 1em;
    padding: 1em;
    text-align: center;
    border: 2px solid #b43534;
}

.form__error {
    color: #b43534;
}

.form-submit {
    display: flex;
    align-items: center;
    position: relative;
    width: max-content;
    margin: 0 auto;
}

.form-submit__btn {
    box-sizing: border-box;
    width: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    padding: 0 30px;
    padding-bottom: 3px;
    border-radius: 999px;
    border: 1px solid #ff4e4e;
    background: #ff4e4e;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    transition: all 0.3s;
    cursor: pointer;
    margin: 0 auto;

    padding: 0 85px 0 30px;
}

.form-submit::after {
    content: "";
    display: block;
    background: url('../img/btn__icon.png') center top no-repeat;
    background-size: 100% auto;
    width: 35px;
    height: 17px;
    top: 16px;
    right: 35px;
    position: absolute;
}

.form-submit:hover .form-submit__btn {
    border-color: #b43534;
    background: #b43534;
}

.form__title {
    margin-bottom: 60px;
}

.form__row .form__field {
    width: 48%;
}

.form__field {
    width: 100%;
    margin-bottom: 30px;
}

.form__field {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    line-height: 1.2;
    /*     align-items: center; */
}

.form__row .form__field>.form__field {
    margin-bottom: 0;
}

.form__field-title {
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    padding-top: 20px;
    margin-bottom: 15px;
}

.form__label {
    font-weight: 500;
    font-size: 16px;
    margin-right: 10px;
}

.form__field_flex {
    justify-content: space-between;
}

.form__field_flex .form__label,
.form__field_flex .wpcf7-form-control-wrap {
    width: 48%;
}

.form__input_notinput {
    padding: 0;
    box-shadow: none;
    border: 0;
    height: auto;
    font-weight: 500;
    font-size: 16px;
    font-style: normal;
}

select.form__input_notinput {
    box-sizing: border-box;
    width: 100%;
    padding-right: 15px;
    line-height: 1.2;
    background: url('../img/filter-arrow.png') right top 8px no-repeat;
}

select.form__input_notinput:not(.changed) {
    color: #ff4e4e;
}

select.form__input_notinput option {
    color: #666666;
}

select.form__input_notinput option:disabled {
    color: #ff4e4e;
}

textarea.form__input {
    height: 235px;
    padding: 15px;
}

.form__tip {
    width: 100%;
    text-align: right;
    font-weight: 500;
    font-size: 16px;
}

.form__error {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #ff4e4e;
}

.form__field-label {
    display: flex;
    align-items: center;
}

.form__field-label .wpcf7-form-control-wrap {
    width: auto;
    flex: 0 0 auto;
}

.form__field-pseudolabel {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-bottom: 15px;
}

.form__field-pseudolabel input {
    position: absolute;
    left: -9999px;
}

.form__field-pseudosquare {
    display: flex;
    align-items: center;
    position: relative;
}

.form__field-pseudosquare::before,
.form__field-pseudosquare::after {
    content: "";
}

.form__field-pseudosquare::before {
    flex: 0 0 auto;
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    margin-right: 10px;
}

.form__field-pseudosquare::after {
    display: block;
    width: 12px;
    height: 4px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: 8px;
    left: 8px;
    transform: rotate(-45deg);
    opacity: 0;
}

.form__field-pseudolabel input:checked~.form__field-pseudosquare::before {
    border-color: #ff4e4e;
    background: #ff4e4e;
}

.form__field-pseudolabel input:checked~.form__field-pseudosquare::after {
    opacity: 1;
}

.form__field-pseudocircle {
    display: flex;
    align-items: center;
    position: relative;
}

.form__field-pseudocircle::before,
.form__field-pseudocircle::after {
    content: "";
}

.form__field-pseudocircle::before {
    flex: 0 0 auto;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 2px solid #dbdbdb;
    border-radius: 100%;
    margin-right: 10px;
}

.form__field-pseudocircle::after {
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ff4e4e;
    top: 4px;
    left: 4px;
    opacity: 0;
}

.form__field-pseudolabel input:checked~.form__field-pseudocircle::before {
    border-color: #ff4e4e;
}

.form__field-pseudolabel input:checked~.form__field-pseudocircle::after {
    opacity: 1;
}

.form__field-label-text {
    font-size: 12px;
    flex: 1;
}

.form__field-label-text a {
    color: #68bdb0;
}

/* form END */

/* custom select START */

.geographic-checkboxes-block {
    width: 100%;
}

.geographic-checkboxes-result {
    display: flex;
    align-items: center;
    border-color: #ff4e4e;
    position: relative;
    padding: 15px 60px 15px 15px;
    height: auto;
    min-height: 50px;
}

.geographic-checkboxes-result::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #ff4e4e;
    width: 50px;
    height: 100%;
    top: 0;
    right: 0;
}

.geographic-checkboxes-result::after {
    content: "";
    position: absolute;
    display: block;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    width: 10px;
    height: 10px;
    top: calc(50% - 8px);
    right: 17px;
    transform: rotateZ(45deg);
    transition: 0.5s;
}

.open .geographic-checkboxes-result::after {
    transform: rotateZ(-135deg);
    top: calc(50% - 1px);
}

.geographic-checkboxes-list {
    width: 99%;
    height: 0;
    margin: 0 auto;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.5s;
}

.open .geographic-checkboxes-list {
    padding: 20px 20px 20px;
    height: 300px;
    overflow-y: scroll;
}

/* custom select END */

@media screen and (max-width: 767px) {
    .form__row {
        display: block;
    }

    .form__row .form__field {
        width: 100%;
        margin-bottom: 5px;
    }
}

.contact-index {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 0 auto 50px auto;
    align-items: center;
}

.contact-index button {
    display: inline;
    border: none;
    padding: 0.6rem 3rem;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    width: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    padding: 0 30px;
    padding-bottom: 3px;
    border-radius: 999px;
    border: 1px solid #ff4e4e;
    background: #ff4e4e;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    transition: all 0.3s;
}

.contact-index button:disabled,
.contact-index button[disabled] {
    color: #aaa;
}

.contact-index button:hover,
.contact-index button:focus {
    border-color: #b43534;
    background: #b43534;
}

.contact-index button:focus {
    outline: transparent;
}

.list-items.posts-container {
    display: block;
    margin: 0 auto;
}

.aboutus_cta {
    width: 70%;
    margin: 0 auto 40px auto;
    display: flex;
    justify-content: space-between;
}

/* COOKIE NOTICE */
#cookie-notice {
    background-color: rgba(0, 0, 0, 0.4) !important;
    height: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
}

#cookie-notice.cookie-notice-hidden {
    display: none !important;
}

#cookie-notice .cookie-notice-container {
    height: auto !important;
    background-color: white !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
}

#cookie-notice .cookie-notice-container .cn-text-container {
    color: black !important;
}

#cookie-notice .cookie-notice-container .cn-text-container strong {
    font-size: 2em !important;
}

#cookie-notice .cookie-notice-container .cn-text-container p {
    font-size: 1.4em !important;
}

#cookie-notice .cookie-notice-containerF .cn-text-container p a {
    color: #222 !important;
    text-decoration: underline !important;
}

#cookie-notice .cookie-notice-container #cn-accept-cookie {
    text-decoration: none !important;
    font-size: 1.4em !important;
    padding: 10px !important;
    background-color: #ff4e4e !important;
    margin-top: 30px !important;
}

#cookie-notice .cookie-notice-container #cn-close-notice {
    display: none !important;
}

@media (max-width: 425px) {
    #cookie-notice .cn-text-container {
        font-size: 0.9em !important;
        line-height: 1.4em !important;
    }
}

.warning-message {
    margin: 1rem 0;
    color: #ff4e4e;
    padding: 1rem;
    border: 2px solid #ff4e4e;
    border-radius: 1rem;
    font-weight: bold;
}

.alert-container {
    max-width: 1600px;
    margin: 0 auto;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}

.alert-info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.flex {
    display: flex;
}

.flex-center {
    align-content: center;
}

.justify-between {
    justify-content: space-between;
}

.alert-btn-close {
    cursor: pointer;
}

.gap-3 {
    gap: 3px;
}

.hidden {
    display: none;
}