@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.eot');
    src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'), url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-ExtraBold.woff') format('woff'), url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Heavy.eot');
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'), url('../fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Heavy.woff') format('woff'), url('../fonts/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-LightItalic.eot');
    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'), url('../fonts/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-LightItalic.woff') format('woff'), url('../fonts/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ThinItalic.eot');
    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'), url('../fonts/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-ThinItalic.woff') format('woff'), url('../fonts/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-BlackItalic.eot');
    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'), url('../fonts/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-BlackItalic.woff') format('woff'), url('../fonts/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-BoldItalic.eot');
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'), url('../fonts/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-BoldItalic.woff') format('woff'), url('../fonts/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.eot');
    src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'), url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-SemiBold.woff') format('woff'), url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-UltraLightItalic.eot');
    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'), url('../fonts/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-UltraLightItalic.woff') format('woff'), url('../fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBoldItalic.eot');
    src: local('Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'), url('../fonts/Gilroy-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-SemiBoldItalic.woff') format('woff'), url('../fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: local('Gilroy Light'), local('Gilroy-Light'), url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Light.woff') format('woff'), url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-MediumItalic.eot');
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'), url('../fonts/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-MediumItalic.woff') format('woff'), url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBoldItalic.eot');
    src: local('Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'), url('../fonts/Gilroy-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-ExtraBoldItalic.woff') format('woff'), url('../fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'), url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Regular.woff') format('woff'), url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-HeavyItalic.eot');
    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'), url('../fonts/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-HeavyItalic.woff') format('woff'), url('../fonts/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: local('Gilroy Medium'), local('Gilroy-Medium'), url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Medium.woff') format('woff'), url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-RegularItalic.eot');
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'), url('../fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-RegularItalic.woff') format('woff'), url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-UltraLight.eot');
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'), url('../fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-UltraLight.woff') format('woff'), url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: local('Gilroy Bold'), local('Gilroy-Bold'), url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Bold.woff') format('woff'), url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Thin.eot');
    src: local('Gilroy Thin'), local('Gilroy-Thin'), url('../fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Thin.woff') format('woff'), url('../fonts/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Black.eot');
    src: local('Gilroy Black'), local('Gilroy-Black'), url('../fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Black.woff') format('woff'), url('../fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

html {
    background: #A7E2B0;
}

/* General Styles */

body {
    margin: 0;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background: url(../img/background.png), linear-gradient(180deg, #F5F5F5 0%, #A7E2B0 100%);
    background-repeat: no-repeat;
    width: 100%;
    background-blend-mode: normal;
    background-size: 100% auto;
    background-attachment: fixed;
}

.investment-platform {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    < !-- background: url(../img/background.png), linear-gradient(180deg, #F5F5F5 0%, #A7E2B0 100%);
    -->
}

/* Header */

.investment-platform__header {
    text-align: center;
    margin-bottom: 40px;
}

.investment-platform__title {
    margin: 6rem auto 1rem auto;
    ;
    padding: 0 0rem;
    color: #333;
    text-align: center;
    font-family: Gilroy;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -1.2px;
    max-width: 1050px;
}

.investment-platform__title--highlight {
    color: #09CB8E;
}

.investment-platform__subtitle {
    color: #222;
    text-align: center;
    font-family: Gilroy;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 800px;
    margin: 0 auto 1.8rem auto;
}

/* CTA Section */

.investment-platform__cta {
    text-align: center;
    margin-bottom: 40px;
}

.investment-platform__cta-text {
    color: #2D777A;
    text-align: center;
    font-family: Gilroy;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    max-width: 600px;
    margin: 2.5rem auto 0rem auto;
}

.investment-platform__video {
    position: relative;
    display: inline-block;
    max-width: 1200px;
    /* Максимальная ширина видео */
    width: 100%;
    /* Видео растягивается на 100% */
    margin: auto;
}

.investment-platform__video video {
    width: 100%;
    /* Видео адаптируется по ширине */
    height: auto;
    /* Автоматическая высота для сохранения пропорций */
    border-radius: 24px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
}

.investment-platform__video-image {
    max-width: 1165px;
    border-radius: 24px;
    border: 17px rgba(255, 255, 255, 0.80) solid;
    width: 97%;
}

#investment-video {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
}

/* Media Section */

.investment-platform__media {
    margin: 40px 0;
    text-align: center;
}

.investment-platform__media-list {
    list-style: none;
    gap: 80px;
    display: flex;
    height: 100%;
    max-height: 200px;
    padding: 5rem 0;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(6px);
    margin-top: -2rem;
    max-width: 1197px;
    width: 100%;
}

.investment-platform__media-item img {
    max-height: 34px;
    height: 100%;
}

/* Features Section */

.investment-platform__features {
    margin-bottom: 1rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.80);
    background: rgba(9, 132, 123, 0.70);
    backdrop-filter: blur(4px);
    display: flex;
    padding: 1rem;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-align: center;
    font-family: Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin-top: -1.5rem;
    max-width: 1162px;
    width: 97%;
}

.investment-platform__features-text {
    font-size: 1.2rem;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Form Section */

.investment-platform__form-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 7rem auto;
}

.investment-platform__features-highlight {
    color: #09847B;
    font-family: Gilroy;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    max-width: 410px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* По желанию */
}

.investment-platform__form {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 40px 20px;
    max-width: 608px;
    width: 100%;
    border-radius: 32px;
}

.investment-platform__form-title {
    color: #09847B;
    text-align: center;
    font-family: Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0 auto 2rem auto;
}

.investment-platform__form-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.investment-platform__form-group {
    display: flex;
    flex-direction: column;
}

label {
    color: #999;
    font-family: Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.investment-platform__form-input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
}

.investment-platform__form-button {
    background: #09CB8E;
    color: #fff;
    border: none;
    padding: 15px;
    font-size: 1rem;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

.investment-platform__form-button:hover {
    background: #09847B;
}

/* Responsive Adjustments */

@media (max-width: 1000px) {
    .investment-platform__form-block {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .investment-platform__features-highlight {
        max-width: 100%;
        text-align: center;
    }
    .investment-platform__form {
        max-width: 95%;
    }
}

/* Video-Specific Styles */

#investment-video {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
}

.investment-platform__video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.7);
    color: #000;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1rem;
    z-index: 10;
    text-align: center;
    border-radius: 10px;
    border: 3px solid rgba(255, 215, 27, 0.50);
    background: rgba(255, 215, 27, 0.80);
    backdrop-filter: blur(6px);
    width: 204px;
}

/* comments */

/*==============RESET===================*/

:root {
    --white: #ffffff;
    --red: #d10a10;
    --box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    --button-hover: #313131;
    --link-color: #0486be;
    --link-hover-color: #d10a10;
}

* {
    -webkit-tap-highlight-color: transparent;
}

img {
    border: 0;
    font-size: 0;
    line-height: 0;
}

/*=============COMMENTS==============*/

.un-comments {
    font-family: BBC Reith Serif, Helvetica, Arial, sans-serif;
    font-weight: 500;
    box-sizing: border-box;
    margin: 0px auto;
    width: 722px;
    background-color: white;
    border: 1px solid #e9ebee;
    padding: 0 1rem;
    border-radius: 24px;
}

.comment__decor {
    border: 1px solid #e9ebee;
}

@media screen and (max-width: 1279px) {
    .un-comments {
        margin: 0px auto;
        width: 728px;
    }
}

@media screen and (max-width: 767px) {
    .un-comments {
        margin: 0px 16px;
        width: auto;
    }
}

@media screen and (max-width: 599px) {
    .un-comments {
        margin: 0px;
        width: auto;
    }
}

@media screen and (max-width: 8192px) {
    .un-comments {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 1279px) {
    .un-comments {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 1007px) {
    .un-comments {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 767px) {
    .un-comments {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 599px) {
    .un-comments {
        margin-bottom: 16px;
    }
}

.comment-line {
    font-size: 1.3rem;
    margin: 1rem 0;
    font-weight: 500;
}

.un-comment__img {
    display: block;
    max-width: 220px;
    width: 100%;
    height: auto;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.fb-post {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: BBC Reith Serif, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
}

.fb-comment__avatar {
    height: 32px;
    min-width: 32px;
    margin-right: 8px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 0;
}

.fb-comment__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    margin: 10px 0;
}

.fb-comment__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.fb-comment__text {
    /* max-width: 440px; */
    width: 100%;
    margin: 0;
    padding: 8px 10px;
    color: #1d2129;
    background-color: #f2f3f5;
    border-radius: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 0.9rem;
}

.fb-comment__author {
    font-weight: 600;
    color: #365899 !important;
    text-decoration: none;
}

.fb-comment__author:hover {
    text-decoration: underline;
}

.fb-comment__react {
    text-decoration: none;
    color: #365899 !important;
    cursor: pointer;
}

.fb-comment__react:after {
    content: '·';
    color: #606770;
    padding: 3px;
}

.fb-comment__posted {
    color: #606770;
}

.fb-comment__action {
    font-family: BBC Reith Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -0.32px;
}

@media screen and (max-width: 600px) {
    .fb-post {
        width: 100%;
        margin: 0;
        /*padding: 5px;*/
        border: none;
    }
    .fb-comment__text {
        max-width: 100%;
    }
}

@media screen and (max-width: 599px) {
    .fb-post {
        font-family: BBC Reith Serif, Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
    }
    .fb-comment__action {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -0.28px;
    }
}

.comments-content__arr {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 0;
    /* Начальная минимальная высота */
    overflow: hidden;
    /* Скрывает элементы до появления */
}

.fb-comment__item {
    display: none;
    /* Скрываем элемент полностью */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    position: relative;
}

.fb-comment__item.visible {
    display: flex;
    /* Показываем элемент при появлении */
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    body {
        height: auto;
    }
    .investment-platform__title {
        margin: 1rem auto 1rem auto;
        font-size: 2rem;
    }
    .investment-platform__cta-text {
        font-size: 1.25rem;
    }
    .investment-platform__subtitle {
        font-size: 1rem;
    }
    .investment-platform__media-list {
        padding: 40px 2rem;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-around;
    }
    .investment-platform__media-item img {
        max-height: 38px;
        height: 38px;
    }
    /* .investment-platform__media-item {
width: 25%;
} */
    .investment-platform__media {
        margin: 40px 0;
        text-align: center;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }
    /* .investment-platform__media-item img:nth-of-type(1), .investment-platform__media-item img:nth-of-type(2) {
max-height: 48px;
height: 48px;
} */
    .imgs:nth-of-type(2),
    .imgs:nth-of-type(3) {
        height: 48px;
        width: 48px;
    }
    .investment-platform__media-item:nth-of-type(0),
    .investment-platform__media-item:nth-of-type(2) {
        text-align: right;
    }
    .investment-platform__media-item:nth-of-type(1),
    .investment-platform__media-item:nth-of-type(3) {
        text-align: left;
    }
    .investment-platform__features {
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.80);
        background: rgba(9, 132, 123, 0.70);
        backdrop-filter: blur(6px);
    }
    .investment-platform__features {
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.80);
        background: rgba(9, 132, 123, 0.70);
        backdrop-filter: blur(6px);
        width: 95%;
    }
    .investment-platform__form-block {
        flex-direction: column;
    }
    .investment-platform__form {
        max-width: 90%;
        margin-bottom: 1rem;
    }
    .investment-platform__features-highlight {
        display: none;
    }
    .investment-platform__media-list {
        gap: 25px 80px;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 440px) {
    .investment-platform__features {
        width: 91%;
    }
    .investment-platform__media-item img {
        max-height: 32px;
    }
}

/* video */

html.is-locked,
html.is-locked body {
    height: calc(var(--window-inner-height) - 1px);
    overflow: hidden;
    box-sizing: border-box;
}

#container_video {
    position: relative;
    z-index: 2;
}

#container_video.fullscreen {
    background: #000;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

#stream-player {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
    margin: 0 auto;
}

#container_video.fullscreen #stream-player {
    width: 100%;
    max-width: 100%;
    height: 90vh;
    text-align: revert;
    display: contents;
    overflow-y: hidden;
}

#open-video,
#popup,
#play {
    display: none;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
    height: fit-content;
}

@media (max-width: 768px) {
    #open-video,
    #popup,
    #play {
        height: 50%;
    }
    #play>div {
        width: 80% !important;
    }
    #open-video>div {
        width: 50%;
        height: -webkit-fill-available;
    }
}

#play {
    display: block;
}

/* #play h4:first-child{ margin-bottom:60px; } */

#play>div {
    background: no-repeat center/60px url(data:image/svg+xml;base64,CiAgICA8c3ZnIHZlcnNpb249IjEuMSIgZmlsbD0iI0ZGRkZGRiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgICAgICB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQ2Ljc1cHgiIGhlaWdodD0iMzIuNTYzcHgiIHZpZXdCb3g9IjcuOTk5IDkuMDYyIDQ2Ljc1IDMyLjU2MyIKICAgICAgICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDcuOTk5IDkuMDYyIDQ2Ljc1IDMyLjU2MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgID4KICAgICAgPHN0eWxlPgogICAgICAgIEAtd2Via2l0LWtleWZyYW1lcyBCTElOSyB7CiAgICAgICAgICAwJSB7IG9wYWNpdHk6IDA7IH0KICAgICAgICAgIDMzJSB7IG9wYWNpdHk6IDE7IH0KICAgICAgICAgIDY2JSB7IG9wYWNpdHk6IDE7IH0KICAgICAgICAgIDEwMCUgeyBvcGFjaXR5OiAwOyB9CiAgICAgICAgfQoKICAgICAgICBAa2V5ZnJhbWVzIEJMSU5LIHsKICAgICAgICAgIDAlIHsgb3BhY2l0eTogMDsgfQogICAgICAgICAgMzMlIHsgb3BhY2l0eTogMTsgfQogICAgICAgICAgNjYlIHsgb3BhY2l0eTogMTsgfQogICAgICAgICAgMTAwJSB7IG9wYWNpdHk6IDA7IH0KICAgICAgICB9CgogICAgICAgIC5hbmltYXRpb24gLmJsaW5rXzEgewogICAgICAgICAgLXdlYmtpdC1hbmltYXRpb246IEJMSU5LIDJzIGluZmluaXRlOwogICAgICAgICAgYW5pbWF0aW9uOiBCTElOSyAycyBpbmZpbml0ZTsKICAgICAgICAgIG9wYWNpdHk6IDA7CiAgICAgICAgfQoKICAgICAgICAuYW5pbWF0aW9uIC5ibGlua18yIHsKICAgICAgICAgIC13ZWJraXQtYW5pbWF0aW9uOiBCTElOSyAycyBpbmZpbml0ZSAuM3M7CiAgICAgICAgICBhbmltYXRpb246IEJMSU5LIDJzIGluZmluaXRlIC4zczsKICAgICAgICAgIG9wYWNpdHk6IDA7CiAgICAgICAgfQoKICAgICAgICAuYW5pbWF0aW9uIC5ibGlua18zIHsKICAgICAgICAgIC13ZWJraXQtYW5pbWF0aW9uOiBCTElOSyAycyBpbmZpbml0ZSAuNnM7CiAgICAgICAgICBhbmltYXRpb246IEJMSU5LIDJzIGluZmluaXRlIC42czsKICAgICAgICAgIG9wYWNpdHk6IDA7CiAgICAgICAgfQoKICAgICAgICAuYW5pbWF0aW9uIC5zbWFydHBsYXktc3ZnLWNvbG9yIHsKICAgICAgICAgIGZpbGw6ICcjRkZGRkZGJyAhaW1wb3J0YW50OwogICAgICAgIH0KCiAgICAgICAgLmFuaW1hdGlvbi5hZGp1c3RhYmxlIHsKICAgICAgICAgIGJvcmRlcjogNHB4IHNvbGlkICcjRkZGRkZGJzsKICAgICAgICB9CiAgICAgIDwvc3R5bGU+CgogICAgICA8ZyBjbGFzcz0iYWRqdXN0YWJsZSBmZyBhbmltYXRpb24iPgogICAgICAgIDxwYXRoIGNsYXNzPSJzbWFydHBsYXktc3ZnLWNvbG9yIiBkPSJNNTMuMjQ5LDM5LjYxNmMtMC4xODYsMC0wLjM3MS0wLjA1MS0wLjUzNy0wLjE1N2wtNDMuNS0yNy43NWMtMC40NjYtMC4yOTctMC42MDMtMC45MTYtMC4zMDYtMS4zODFjMC4yOTgtMC40NjYsMC45MTctMC42MDEsMS4zODEtMC4zMDZsNDMuNSwyNy43NWMwLjQ2NywwLjI5NywwLjYwNCwwLjkxNiwwLjMwNywxLjM4MUM1My45MDEsMzkuNDUzLDUzLjU3OSwzOS42MTYsNTMuMjQ5LDM5LjYxNnoiPjwvcGF0aD4KICAgICAgICA8cGF0aCBjbGFzcz0iYmxpbmtfMyBzbWFydHBsYXktc3ZnLWNvbG9yIiBkPSJNNDguODk2LDMzLjQ2N2wxLjY5OSwxLjA4NWMzLjQ5Ny03Ljc5MSwyLjA3My0xNy4yNzEtNC4zMTMtMjMuNjU5Yy0wLjM5MS0wLjM5MS0xLjAyMy0wLjM5MS0xLjQxNCwwcy0wLjM5MSwxLjAyMywwLDEuNDE0QzUwLjU4MSwxOC4wMTksNTEuOTEzLDI2LjQ2Myw0OC44OTYsMzMuNDY3eiI+PC9wYXRoPgogICAgICAgIDxwYXRoIGNsYXNzPSJibGlua18zIHNtYXJ0cGxheS1zdmctY29sb3IiIGQ9Ik00Ni45MjYsMzYuOTU2Yy0wLjYxMiwwLjg2My0xLjI4NiwxLjY5NS0yLjA1OSwyLjQ2OWMtMC4zOTIsMC4zOTEtMC4zOTIsMS4wMjMsMCwxLjQxNGMwLjE5NCwwLjE5NSwwLjQ1LDAuMjkzLDAuNzA3LDAuMjkzYzAuMjU2LDAsMC41MTItMC4wOTgsMC43MDYtMC4yOTNjMC44NzgtMC44NzgsMS42NDItMS44MjQsMi4zMzMtMi44MDdMNDYuOTI2LDM2Ljk1NnoiPjwvcGF0aD4KICAgICAgICA8cGF0aCBjbGFzcz0iYmxpbmtfMiBzbWFydHBsYXktc3ZnLWNvbG9yIiBkPSJNNDIuNTQzLDI5LjQxNWwxLjc3NywxLjEzNWMxLjU0NS01LjMxNSwwLjIyOS0xMS4yOTMtMy45NTMtMTUuNDc2Yy0wLjM5Mi0wLjM5MS0xLjAyMy0wLjM5MS0xLjQxNCwwYy0wLjM5MiwwLjM5MS0wLjM5MiwxLjAyMywwLDEuNDE0QzQyLjQ1NCwxOS45ODcsNDMuNjM5LDI0LjkyNSw0Mi41NDMsMjkuNDE1eiI+PC9wYXRoPgogICAgICAgIDxwYXRoIGNsYXNzPSJibGlua18yIHNtYXJ0cGxheS1zdmctY29sb3IiIGQ9Ik00MSwzMy4xNzRjLTAuNTYzLDAuOTQtMS4yMzUsMS44MzctMi4wNDcsMi42NDZjLTAuMzkxLDAuMzkyLTAuMzkxLDEuMDIzLDAsMS40MTRjMC4xOTUsMC4xOTUsMC40NTEsMC4yOTMsMC43MDcsMC4yOTNzMC41MTItMC4wOTgsMC43MDctMC4yOTNjMC45MTYtMC45MTQsMS42NzYtMS45MjQsMi4zMTctMi45ODRMNDEsMzMuMTc0eiI+PC9wYXRoPgogICAgICAgIDxwYXRoIGNsYXNzPSJibGlua18xIHNtYXJ0cGxheS1zdmctY29sb3IiIGQ9Ik0zNS43NzEsMjUuMDk0bDIuMDAzLDEuMjc3YzAuMDEyLTAuMjAzLDAuMDI5LTAuNDA0LDAuMDI5LTAuNjA5YzAtMy4wNzktMS4yLTUuOTc0LTMuMzgxLTguMTUzYy0wLjM5MS0wLjM5MS0xLjAyMi0wLjM5MS0xLjQxNCwwYy0wLjM5MSwwLjM5MS0wLjM5MSwxLjAyMywwLDEuNDE0QzM0LjY1MiwyMC42NjYsMzUuNjEzLDIyLjgwMiwzNS43NzEsMjUuMDk0eiI+PC9wYXRoPgogICAgICAgIDxwYXRoIGNsYXNzPSJibGlua18xIHNtYXJ0cGxheS1zdmctY29sb3IiIGQ9Ik0zNS4wODQsMjkuNDAxYy0wLjQ3NCwxLjE0NS0xLjE3MiwyLjE5Ny0yLjA3NiwzLjFjLTAuMzkxLDAuMzkxLTAuMzkxLDEuMDIzLDAsMS40MTRjMC4xOTUsMC4xOTUsMC40NTEsMC4yOTMsMC43MDcsMC4yOTNjMC4yNTcsMCwwLjUxMy0wLjA5OCwwLjcwNy0wLjI5M2MxLjAwOC0xLjAwNiwxLjc5NS0yLjE3LDIuMzYxLTMuNDNMMzUuMDg0LDI5LjQwMXoiPjwvcGF0aD4KICAgICAgICA8cG9seWdvbiBjbGFzcz0ic21hcnRwbGF5LXN2Zy1jb2xvciIgcG9pbnRzPSIyOC4xMjQsMjAuMjE1IDI4LjEyNCwxNC45OTEgMjQuNjM1LDE3Ljk5ICAiPjwvcG9seWdvbj4KICAgICAgICA8cGF0aCBjbGFzcz0ic21hcnRwbGF5LXN2Zy1jb2xvciIgZD0iTTIwLjkyMSwyMC4zNjZoLTYuNDIzYy0wLjU1MywwLTEsMC41MDgtMSwxLjEzNXY4LjIyOWMwLDAuNjI3LDAuNDQ3LDEuMTM1LDEsMS4xMzVoNy4zNzVsNi4yNSw1Ljg3NVYyNC45NkwyMC45MjEsMjAuMzY2eiI+PC9wYXRoPgogICAgICA8L2c+CiAgICA8L3N2Zz4KICA=);
}

#open-video>div,
#popup>div,
#play>div {
    position: relative;
    margin: 0 auto;
    width: 40%;
    cursor: pointer;
    color: #000;
    font-size: 1rem;
    z-index: 10;
    text-align: center;
    border-radius: 10px;
    border: 3px solid rgba(255, 215, 27, 0.50);
    background: rgba(255, 215, 27, .8);
    backdrop-filter: blur(6px);
    opacity: 1;
    line-height: 1;
    margin: initial;
}

h4 {
    margin: .7rem 0;
    font-weight: 400;
}

#stream-player-open>div,
#popup>div {
    width: 40%;
    background-color: rgba(255, 0, 0, 0.75);
}

@media (max-width:600px) {
    #stream-player-open>div,
    #popup>div,
    #play>div {
        width: 80%;
    }
    #open-video>div {
        width: 50%;
    }
}

#order {
    display: none;
    margin: 0 auto;
}

#order h1 {
    font-size: 4em;
    text-align: center;
    margin-top: 30%;
}

#close {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 2;
    background-image: url(../images/close.svg);
    background-size: cover;
}

.block_tv {
    background-color: rgb(143, 6, 97);
    text-align: center;
}

.block_tv img {
    width: 100px;
    border-radius: 50%;
}

.block_tv p {
    font-size: 30px;
    color: white;
    font-weight: 900;
    padding-top: 10px;
}

.tv_icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding-bottom: 10px;
}

#container_video {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

#play {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center;
    margin: inherit;
    width: 50%;
    padding: 0 1rem;
}

#play>div {
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    color: #000;
    font-size: 1rem;
    z-index: 10;
    text-align: center;
    border-radius: 10px;
    border: 3px solid rgba(255, 215, 27, 0.50);
    background: rgba(255, 215, 27, .8);
    backdrop-filter: blur(6px);
    opacity: 1;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

h4 {
    margin: .7rem 0;
    font-weight: 400;
    text-align: center;
}