@font-face {
            font-family: Roboto;
            font-style: italic;
            font-weight: 100;
            font-display: swap;
            src: url("KFOiCnqEu92Fr1Mu51QrIzc.ttf") format("truetype")
        }

        .ava-coment {
            border-radius: 100px;
            width: 70px;
            height: 70px;
            padding: 5px;
            object-fit: cover;
        }

        @font-face {
            font-family: Roboto;
            font-style: italic;
            font-weight: 300;
            font-display: swap;
            src: url("KFOjCnqEu92Fr1Mu51TjARc9.ttf") format("truetype")
        }

        .form-price {
            font-size: 24px;
            margin-bottom: 20px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        @font-face {
            font-family: Roboto;
            font-style: italic;
            font-weight: 400;
            font-display: swap;
            src: url("KFOkCnqEu92Fr1Mu52xP.ttf") format("truetype")
        }

        @font-face {
            font-family: Roboto;
            font-style: italic;
            font-weight: 500;
            font-display: swap;
            src: url("KFOjCnqEu92Fr1Mu51S7ABc9.ttf") format("truetype")
        }

        @font-face {
            font-family: Roboto;
            font-style: italic;
            font-weight: 700;
            font-display: swap;
            src: url("KFOjCnqEu92Fr1Mu51TzBhc9.ttf") format("truetype")
        }

        @font-face {
            font-family: Roboto;
            font-style: italic;
            font-weight: 900;
            font-display: swap;
            src: url("KFOjCnqEu92Fr1Mu51TLBBc9.ttf") format("truetype")
        }

        @font-face {
            font-family: Roboto;
            font-style: normal;
            font-weight: 100;
            font-display: swap;
            src: url("KFOkCnqEu92Fr1MmgWxP.ttf") format("truetype")
        }

        @font-face {
            font-family: Roboto;
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url("KFOlCnqEu92Fr1MmSU5vAw.ttf") format("truetype")
        }

        @font-face {
            font-family: Roboto;
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url("../fonts/kfomcnqeu92fr1me5q.ttf") format("truetype")
        }

        @font-face {
            font-family: Roboto;
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url("KFOlCnqEu92Fr1MmEU9vAw.ttf") format("truetype")
        }

        @font-face {
            font-family: Roboto;
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url("KFOlCnqEu92Fr1MmWUlvAw.ttf") format("truetype")
        }

        @font-face {
            font-family: Roboto;
            font-style: normal;
            font-weight: 900;
            font-display: swap;
            src: url("KFOlCnqEu92Fr1MmYUtvAw.ttf") format("truetype")
        }

        #order_form input {
            width: 100%;
            max-width: 310px;
        }

        #order_form2 input {
            width: 100%;
            max-width: 310px;
        }
    

        .no-scroll {
            overflow-y: hidden !important
        }

        .search-img {
            position: absolute;
            z-index: -1;
            opacity: 0;
        }

        .logo-main:hover {
            background-color: transparent !important
        }

        .online {
            border-bottom: 2px solid red;
            position: relative;
            padding-left: 30px !important
        }

        .online::before {
            content: "";
            color: #ff3640;
            left: 9px;
            position: absolute;
            width: 8px;
            height: 8px;
            background-color: #ff3640;
            border-radius: 50%;
            bottom: calc(50% - 4px);
            animation: pulse 1.5s infinite;
            display: inline-block
        }

        .input-container input[name="phone"] {
            padding-left: 5px !important;
        }

        .input-container {
            position: relative;
            width: 100%;
            max-width: 310px;
        }

        @keyframes pulse {
            0% {
                transform: scale(.85);
                box-shadow: 0 0 0 0 rgba(0, 0, 0, .7)
            }

            70% {
                transform: scale(1);
                box-shadow: 0 0 0 10px transparent
            }

            100% {
                transform: scale(.85);
                box-shadow: 0 0 0 0 transparent
            }
        }

        .header__title,
        .video-section {
            background-color: #fff;
            color: #fff
        }



        .video__bottom {
            display: flex;
            justify-content: space-between;
            font-family: Roboto, sans-serif;
            color: #fff
        }

        .video__bottom img {
            max-width: 385px;
            width: 100%
        }

        .video__bottom-left span:nth-child(1) {
            font-weight: 700;
            font-size: 11px;
            position: relative
        }

        .video__bottom-left span:nth-child(1)::before {
            background-color: #ff3640;
            border-radius: 100%;
            content: "";
            display: inline-block;
            height: 4px;
            width: 4px;
            margin: 0 8px 1px 0
        }

        .video__bottom-left span:nth-child(2) {
            font-weight: 500;
            font-size: 12px;
            color: #bac0cb
        }

        .video__bottom-left span:nth-child(3) {
            font-weight: 400;
            font-size: 11px;
            color: #7c8088
        }

        @media (width<=767px) {
            .video__bottom {
                flex-direction: column;
                align-items: center;
                gap: 20px
            }
        }

        .video-section {
            margin-bottom: 40px
        }

        @media screen and (max-width:767px) {
            .header__link-burger {
                display: block !important
            }
        }

        .div-section-form {
            margin: 0 !important
        }

        @media (max-width:1000px) {
            .banner-chanels div {
                display: flex;
                gap: 23px;
                flex-wrap: wrap;
                justify-content: center;
            }
        }

        video {
            width: 100%;
        }

        .notification {

            z-index: 1;
        }

        .div-video.full-video #video video {
            height: 90vh;
        }


        .header_s {
            display: none;
        }

        .header_m {
            display: none;
        }

        .header_l {
            display: none;
        }

        .header_xl {
            display: none;
        }

        .header_xxl {
            display: none;
        }

        @media (min-width:1250px) {
            .header_xxl {
                display: block;
            }
        }

        @media (max-width:1250px) {
            .header_xl {
                display: block;
            }

            .header_xxl {
                display: none;
            }

        }

        @media (max-width:1050px) {
            .header_l {
                display: block;
            }

            .header_xl {
                display: none;
            }
        }

        @media (max-width:850px) {
            .header_m {
                display: block;
            }

            .header_l {
                display: none;
            }
        }

        @media (max-width:450px) {
            .header_s {
                display: block;
            }

            .header_m {
                display: none;
            }
        }

        @media(max-width:800px) {
            .container {
                padding: 0px;
            }
        }

        #video video {
            display: block;
            margin: 0 auto;
            max-width: 900px;
            width: 100%;
        }

        .notification {
            max-width: 900px;
        }

        .video-dimensions,
        .video-js {
            width: unset;
            height: 100%;
        }

        #container_video.fullscreen #video video {
            height: 100vh
        }

        .fullscreenvideo {
            max-width: 100% !important
        }

        .video-js .vjs-tech {
            position: relative;
        }

        #container_video.fullscreen #video {
            max-width: 100%
        }

        .full-video {
            pointer-events: none;
            background-color: rgba(1, 1, 1, 1);
        }

        .fullscreenvideo {
            max-width: 100% !important
        }

        .video-js .vjs-tech {
            position: relative;
        }

        #container_video.fullscreen #video {
            max-width: 100%;
            width: 100%;
        }

        .section-video,
        #video-section .container {
            width: 100%;
            max-width: unset;
        }

        video {
            width: 100%;
        }

        .notification {
            z-index: 10;
        }

        .full-video #video {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
        }

        .full-video #video video {
            max-width: 100% !important;
        }

        #lottie,
        .my-svg {
            max-width: 90px;
            width: 100%;
            margin: 0 auto;
        }

        .header_s {
            display: none;
        }

        .header_m {
            display: none;
        }

        .header_l {
            display: none;
        }

        .header_xl {
            display: none;
        }

        .header_xxl {
            display: none;
        }

        @media (min-width:1250px) {
            .header_xxl {
                display: block;
            }
        }

        @media (max-width:1250px) {
            .header_xl {
                display: block;
            }

            .header_xxl {
                display: none;
            }

        }

        @media (max-width:1050px) {
            .header_l {
                display: block;
            }

            .header_xl {
                display: none;
            }
        }

        @media (max-width:850px) {
            .header_m {
                display: block;
            }

            .header_l {
                display: none;
            }
        }

        @media (max-width:450px) {
            .header_s {
                display: block;
            }

            .header_m {
                display: none;
            }
        }

        .banner-chanels img {
            border-radius: 50%;
        }
    

        #video {
            display: block !important;
            width: 100% !important;
            max-width: 350px !important;
            height: auto !important;
            margin: 0 auto !important;
        }

        #container_video.fullscreen #video {
            width: 100% !important;
            max-width: 100% !important;
            height: 100vh !important;
        }