html, body {
    background-color: #000;
    height: 100%;
    font-family: "Roboto", serif;
    font-style: normal;
    font-weight: normal;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.auth {
    font-size: 12px;
    line-height: 16px;
    padding-top: 3%;
    padding-bottom: 2%;
    padding-left: 3px;
    padding-right: 3px;
}

.auth .auth-block {
    padding: 25px 20px;
    margin: 0 auto;
    width: 335px;
    max-width: 80%;

    background: linear-gradient(0deg, #292D38, #292D38), #FEFEFF;
    backdrop-filter: blur(42px);

    border-radius: 7px;
}

.auth .auth-block .back {
    background: #2D384F;
    border-radius: 3px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    padding-right: 15px;
    padding-left: 36px;
    color: #E7EEFF;
    background-position: 16px center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99935 0.162598C3.78343 0.163181 1.1666 2.78001 1.16602 5.99651C1.16602 9.21302 3.78285 11.8298 6.99993 11.8298C10.2164 11.8293 12.8333 9.21243 12.8333 5.99651C12.8333 2.78001 10.2164 0.163181 6.99935 0.162598ZM6.99993 10.6632C4.42627 10.6632 2.33268 8.5696 2.33268 5.99651C2.33327 3.42343 4.42685 1.32985 6.99935 1.32926C9.57302 1.32985 11.6666 3.42343 11.6666 5.99651C11.6666 8.56902 9.57302 10.6626 6.99993 10.6632Z' fill='%23E7EEFF'/%3E%3Cpath d='M7.00703 3.66016L4.67078 5.99641L7.00703 8.33207V6.57974H9.33686V5.41307H7.00703V3.66016Z' fill='%23E7EEFF'/%3E%3C/svg%3E");
    display: inline-block;
    margin-bottom: 28px;
}

.auth .auth-block .name {
    font-size: 18px;
    line-height: 25px;
    color: #F2F2F2;
    padding-bottom: 12px;
}

.auth .auth-block .descr {
    line-height: 16px;
    color: #F1F1F1;
}

.auth .auth-block .descr a {
    color: #3D9CDC;
}

.auth .auth-block form {
    padding-top: 36px;
}

.auth .auth-block form label {
    font-size: 18px;
    line-height: 25px;
    color: #F2F2F2;
    margin-bottom: 3px;
}

.auth .auth-block form input[type=text],
.auth .auth-block form button[type=submit]{
    width: 100%;
    height: 46px;
    box-sizing: border-box;
    border-radius: 5px;
}

.auth .auth-block form input[type=text] {
    background: #2D384F;
    border: 1px solid #6190E8;
    padding-left: 22px;
    margin-top: 8px;
    color: #F2F2F2 !important;
}
.auth .auth-block form input[type=text]::placeholder {
    color: #E7EEFF;
}

.auth .auth-block form button[type=submit] {
    background: #4974E6;
    border-radius: 4px;

    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    margin-top: 14px;

    width: 100%;
    border: 0;
    cursor: pointer;
}
.auth .auth-block form .descr {
    font-size: 9px;
    padding-top: 14px;
    text-align: center;
    color: #E7EEFF;
}

.auth .auth-block form div.code {
    padding-top: 12px;
    text-align: center;
}

.auth .auth-block form div.code a {
    color: #3D9CDC;
}

.auth .auth-block form div.info {
    margin-top: 12px;
    text-align: center;
}

.auth .auth-block form div.info a {
    height: 28px;
    display: inline-block;
    line-height: 28px;
    background: linear-gradient(90deg, #4776E6 0%, #8E54E9 100%);
    border-radius: 3px;
    padding: 0 14px ;

    font-weight: 600;
    font-size: 12px;

    color: #FEFFFF;
}

.auth .auth-block form .checkbox {
    margin-top: 12px;
    display: block;
}

/* для элемента input c type="checkbox" */
.auth .auth-block form .checkbox>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


/* для элемента label, связанного с .auth .auth-block form .checkbox */
.auth .auth-block form .checkbox>span {
    display: inline-flex;
    align-items: center;
    user-select: none;

    font-size: 11px;
    line-height: 12px;
    color: #727A8B;
}

.auth .auth-block form .checkbox>span a {
    color: #3D9CDC;
}

/* создание в label псевдоэлемента before со следующими стилями */
.auth .auth-block form .checkbox>span::before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 27px;
    background: #2D384F no-repeat center center;
    background-size: 8px 6px;

    border: 1px solid #727A8B;
    box-sizing: border-box;
    border-radius: 1px;
    width: 12px;
    height: 12px;
}

.auth .auth-block form .checkbox>span::before:hover {
    cursor: pointer;
}

/* стили при наведении курсора на checkbox */
.auth .auth-block form .checkbox>input:not(:disabled):not(:checked)+span:hover::before {
    /*border-color: #b3d7ff;*/
}

/* стили для активного чекбокса (при нажатии на него) */
.auth .auth-block form .checkbox>input:not(:disabled):active+span::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.auth .auth-block form .checkbox>input:focus+span::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.auth .auth-block form .checkbox>input:focus:not(:checked)+span::before {
    border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии checked */
.auth .auth-block form .checkbox>input:checked+span::before {
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.3535 4.1465L0.707 2.5L0 3.207L2.3535 5.5605L7.207 0.707L6.5 0L2.3535 4.1465Z' fill='%233D9CDC'/%3E%3C/svg%3E%0A");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.auth .auth-block form .checkbox>input:disabled+span::before {
    background-color: #e9ecef;
}

.auth .auth-block .alert {
    text-align: center;
    font-size: 12px;
    line-height: 16px;

    /* notification */

    color: #F56040;
    margin-top: 5px;
}
.auth .auth-block .alert ul {

    margin: 0;
    padding: 0;
}

.auth .auth-block .alert li {
    list-style-type: none;
}

.auth .auth-block .info-page {
    margin-top: 25px;
}

.auth .auth-block .info-page .images {
}
.auth .auth-block .info-page .images div {
    float: left;
    width: calc(50% - 7.5px);
    height: 152px;
    background: linear-gradient(0deg, rgba(45, 56, 79, 0.25), rgba(45, 56, 79, 0.25)) center;
    box-shadow: 0px 0px 3.37778px rgba(0, 0, 0, 0.25);
    border-radius: 2.53333px;
    background-size: cover;
    margin-right: 15px;
    margin-top: 15px;
}
.auth .auth-block .info-page .images div:nth-child(2n) {
    margin-right: 0;
}

.auth .auth-block .info-page p {
    margin-top: 25px;
}





.timer {
    text-align: center;
    padding-top: 3%;
}

.timer .tick {
    display: inline-block;
}

.timer .title {
    font-weight: 600;
    font-size: 27.3273px;
    line-height: 37px;
    /* identical to box height */

    color: #FFFFFF;
}

.timer .tick .group,
.timer .tick .delimiter {
    float: left;
}

.timer .tick .day_delimiter {
    clear: both;
}

.timer .tick .delimiter,
.timer .tick .day,
.timer .tick .hour,
.timer .tick .min,
.timer .tick .sec {
    font-weight: 600;
    font-size: 69.8364px;
    line-height: 95px;

    letter-spacing: 0.03em;

    color: #3D9CDC;
}


.timer .tick .day_sub,
.timer .tick .hour_sub,
.timer .tick .min_sub,
.timer .tick .sec_sub {
    font-size: 18.2182px;
    line-height: 25px;

    color: #727A8B;

    width: 100%;
    text-align: center;
}


.timer .tick .day,
.timer .tick .day_sub {
    display: inline-block;
}

.timer-info {
    padding-top: 55px;
    width: 300px;
    margin: 0 auto;

    font-size: 9px;
    line-height: 11px;

    color: #E7EEFF;
}

.timer-info .name {

    font-size: 13px;
    line-height: 15px;

    color: #FFFFFF;
    padding-bottom: 5px;
}

.timer-info a, .block-descr a {
    color: #3D9CDC;
}

#video {
    width: 100%;
    height: calc(100vh) !important;
}
#video video {
    /*object-fit: scale-down;*/
    width: 100%;
    height: calc(100vh) !important;
}

.view .title {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 310px;
    white-space: nowrap;

    position: absolute;
    top: 12px;
    left: 9px;
    font-size: 13px;
    line-height: 15px;

    color: #FFFFFF;
}

.view .descr {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 310px;
    white-space: nowrap;

    position: absolute;
    top: 32px;
    left: 9px;

    font-size: 9px;
    line-height: 11px;

    color: #E7EEFF;
}
.view .links {
    position: absolute;
    top: 9px;
    right: 10px;
}

.view .links .item {
    min-width: 33px;
    height: 33px;

    background: #292D38;
    border-radius: 34px;
    margin-right: 14px;
    background-position: center;
    background-repeat: no-repeat;

    display: inline-block;
    z-index: 9999;
    position: relative;

    line-height: 33px;
    color: #fff;
    text-decoration: none;
}

.view .links .item-info {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1.75C5.67525 1.75 1.75 5.67525 1.75 10.5C1.75 15.3248 5.67525 19.25 10.5 19.25C15.3248 19.25 19.25 15.3248 19.25 10.5C19.25 5.67525 15.3248 1.75 10.5 1.75ZM10.5 17.5C6.64038 17.5 3.5 14.3596 3.5 10.5C3.5 6.64038 6.64038 3.5 10.5 3.5C14.3596 3.5 17.5 6.64038 17.5 10.5C17.5 14.3596 14.3596 17.5 10.5 17.5Z' fill='white'/%3E%3Cpath d='M9.625 9.625H11.375V14.875H9.625V9.625ZM9.625 6.125H11.375V7.875H9.625V6.125Z' fill='white'/%3E%3C/svg%3E%0A");
}

.view .links .item-list {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.83366C14 0.914492 13.2525 0.166992 12.3334 0.166992H2.33335C1.41419 0.166992 0.666687 0.914492 0.666687 1.83366V10.167C0.666687 11.0862 1.41419 11.8337 2.33335 11.8337H12.3334C13.2525 11.8337 14 11.0862 14 10.167V7.38949L17.3334 10.167V1.83366L14 4.61116V1.83366Z' fill='white'/%3E%3C/svg%3E%0A");
}

.view .links .item-chat {
    display: none;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16669 15V18.1383L5.42919 17.3808L9.39752 15H13.3334C14.2525 15 15 14.2525 15 13.3333V6.66667C15 5.7475 14.2525 5 13.3334 5H3.33335C2.41419 5 1.66669 5.7475 1.66669 6.66667V13.3333C1.66669 14.2525 2.41419 15 3.33335 15H4.16669ZM3.33335 6.66667H13.3334V13.3333H8.93585L5.83335 15.195V13.3333H3.33335V6.66667Z' fill='white'/%3E%3Cpath d='M16.6667 1.66699H15.8333H14.165H6.66667C5.7475 1.66699 5 2.41449 5 3.33366H13.8217H15C15.9192 3.33366 16.6667 4.08116 16.6667 5.00033V6.17866V10.0003V11.667C17.5858 11.667 18.3333 10.9195 18.3333 10.0003V5.83366V4.16699V3.33366C18.3333 2.41449 17.5858 1.66699 16.6667 1.66699Z' fill='white'/%3E%3C/svg%3E%0A");
}

.view .links .item-more {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='3' viewBox='0 0 17 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' fill='white' fill-opacity='1'/%3E%3Ccircle cx='8.5' cy='1.5' r='1.5' fill='white' fill-opacity='1'/%3E%3Ccircle cx='15.5' cy='1.5' r='1.5' fill='white' fill-opacity='1'/%3E%3C/svg%3E");
}

.view .links .item-download {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M239.029 384.97C241.257 387.199 243.903 388.967 246.815 390.173C249.727 391.379 252.848 392 256 392C259.151 392 262.272 391.379 265.184 390.173C268.096 388.967 270.742 387.199 272.971 384.97L363.48 294.461C367.98 289.96 370.509 283.856 370.509 277.491C370.509 271.125 367.98 265.021 363.48 260.52C358.979 256.019 352.874 253.491 346.509 253.491C340.144 253.491 334.039 256.019 329.539 260.52L280 310.059V48C280 41.6348 277.471 35.5303 272.97 31.0294C268.469 26.5286 262.365 24 256 24C249.634 24 243.53 26.5286 239.029 31.0294C234.528 35.5303 232 41.6348 232 48V310.059L182.461 260.52C177.96 256.019 171.855 253.491 165.49 253.491C159.125 253.491 153.02 256.019 148.52 260.52C144.019 265.021 141.49 271.125 141.49 277.491C141.49 283.856 144.019 289.96 148.52 294.461L239.029 384.97Z' fill='white'/%3E%3Cpath d='M464 232C457.635 232 451.53 234.529 447.029 239.029C442.529 243.53 440 249.635 440 256V440H72V256C72 249.635 69.4714 243.53 64.9706 239.029C60.4697 234.529 54.3652 232 48 232C41.6348 232 35.5303 234.529 31.0294 239.029C26.5286 243.53 24 249.635 24 256V448C24 458.609 28.2143 468.783 35.7157 476.284C43.2172 483.786 53.3913 488 64 488H448C458.609 488 468.783 483.786 476.284 476.284C483.786 468.783 488 458.609 488 448V256C488 249.635 485.471 243.53 480.971 239.029C476.47 234.529 470.365 232 464 232Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: 10px center;
    padding-left: 30px;
    padding-right: 10px;
}

.view .right-blocks .block {
    background-color: #292D38;
    display: none;
    width: 181px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    z-index: 10000;
}

.view .right-blocks .block-cams {
    display: block;
}

.view .right-blocks .block .content {
    padding: 8px 8px 0;
}
.view .right-blocks .block-cams .content {
    padding: 8px;
    height: calc(100% - 16px);
}

.view .right-blocks .title {

    position: relative;

    font-weight: 500;
    font-size: 10px;
    line-height: 12px;

    width: auto;
    left: 0;

    color: #E7EEFF;

    text-align: center;

}
.view .right-blocks .back {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 12px;
    height: 12px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;

    background-image: url("data:image/svg+xml,%0A%3Csvg width='5' height='9' viewBox='0 0 5 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.12942 8.25884L5 7.38825L1.74116 4.12942L5 0.870582L4.12942 0L0 4.12942L4.12942 8.25884Z' fill='%23727A8B'/%3E%3C/svg%3E%0A");
}

.view .right-blocks .name {

    font-size: 13px;
    line-height: 15px;

    color: #E7EEFF;
    padding-top: 22px;
    padding-bottom: 6px;
}

.view .right-blocks .block-descr {
    font-size: 9px;
    line-height: 11px;
    color: #E7EEFF;
}

.view .right-blocks .cams {
    margin-top: 20px;
    height: 100%;
    overflow: auto;
}

.view .right-blocks .cams a {
    display: block;
    height: 114px;
    width: 153px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 9px;
    position: relative;
}


.view .right-blocks .cams a span {


    position: absolute;

    left: 5px;
    bottom: 5px;

    background: #F56040;
    border-radius: 1px;


    font-weight: 500;
    font-size: 9px;
    line-height: 14px;
    text-align: center;
    padding: 0 2px;
    /* identical to box height */

    text-transform: uppercase;

    color: #FFFFFF;
}


.view .right-blocks .cams a.arch span {

    background: #292D38;
}

.view .right-blocks ul {
    list-style-type: none;
    margin-top: 19px;
    width: 100%;
    padding: 0;
}


.view .right-blocks ul li {
    height: 25px;
    line-height: 25px;
    padding-left: 8px;
    padding-right: 20px;
    white-space: nowrap;

    background-position: right 10px center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.44705 11.4809L0.25 10.2838L4.7309 5.80295L0.25 1.32205L1.44705 0.125L7.125 5.80295L1.44705 11.4809Z' fill='%23E7EEFF'/%3E%3C/svg%3E%0A");

    font-size: 12px;
    color: #E7EEFF;

    cursor: pointer;
}

.view .right-blocks ul li.logout {
    /*
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.13988 0.0151367H0.893767C0.401662 0.0151367 0.00146484 0.415334 0.00146484 0.907439V2.69204H0.893767V0.907439H7.13988V7.15356H0.893767V5.36895H0.00146484V7.15356C0.00146484 7.64566 0.401662 8.04586 0.893767 8.04586H7.13988C7.63199 8.04586 8.03219 7.64566 8.03219 7.15356V0.907439C8.03219 0.415334 7.63154 0.0151367 7.13988 0.0151367Z' fill='%23727A8B'/%3E%3Cpath d='M3.56921 5.81482L5.79997 4.03021L3.56921 2.24561V3.58451H0V4.47681H3.56921V5.81482Z' fill='%23727A8B'/%3E%3C/svg%3E%0A");
    */
    background: none;
}

.view .right-blocks ul li:hover {
    background-color: #2D384F;
}

.view .block-archform .form {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 30px;

    box-sizing: border-box;
}

.view .block-archform label {
    font-size: 12px;
    line-height: 14px;

    color: #E7EEFF;
    margin-bottom: 5px;
}

.view .block-archform select {
    margin-bottom: 5px;
    width: 100%;
    height: 34px;

    font-size: 12px !important;
    line-height: 14px;
    letter-spacing: 0.05em;

    color: #E7EEFF !important;

    background: #2D384F;
    border-radius: 2px;
    border: none;

    padding-left: 30px;
    background-position: 8px center;
    background-repeat: no-repeat;
}

.view .block-archform select option {
    color: #E7EEFF;
}

.view .block-archform #shedule_arch_day {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00763 8.99951H6.00763V10.9995H4.00763V8.99951ZM4.00763 12.9995H6.00763V14.9995H4.00763V12.9995ZM8.00763 8.99951H10.0076V10.9995H8.00763V8.99951ZM8.00763 12.9995H10.0076V14.9995H8.00763V12.9995ZM12.0076 8.99951H14.0076V10.9995H12.0076V8.99951ZM12.0076 12.9995H14.0076V14.9995H12.0076V12.9995Z' fill='%23727A8B'/%3E%3Cpath d='M2 19.9995H16C17.103 19.9995 18 19.1025 18 17.9995V5.99951V3.99951C18 2.89651 17.103 1.99951 16 1.99951H14V-0.000488281H12V1.99951H6V-0.000488281H4V1.99951H2C0.897 1.99951 0 2.89651 0 3.99951V5.99951V17.9995C0 19.1025 0.897 19.9995 2 19.9995ZM16 5.99951L16.001 17.9995H2V5.99951H16Z' fill='%23727A8B'/%3E%3C/svg%3E%0A");
}

.view .block-archform #shedule_arch_hour {
    width: calc(50% - 5px);
    float: left;
    padding-left: 10px;
}

.view .block-archform #shedule_arch_min {
    width: calc(50% - 5px);
    float: right;
    padding-left: 10px;
}

.view .block-archform #shedule_arch_len {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 20H16V18H15V17C15 14.536 13.685 12.229 11.567 10.98C11.212 10.77 11 10.433 11 10.079V9.921C11 9.567 11.212 9.23 11.566 9.021C13.685 7.771 15 5.464 15 3V2H16V0H15H1H0V2H1V3C1 5.464 2.315 7.771 4.434 9.021C4.788 9.23 5 9.566 5 9.921V10.079C5 10.433 4.788 10.77 4.434 10.979C2.315 12.229 1 14.536 1 17V18H0V20H1H15ZM13 2V3C13 4.096 12.636 5.147 11.996 6H4.004C3.364 5.147 3 4.096 3 3V2H13ZM5.45 12.702C6.421 12.128 7 11.148 7 10.079V10H9V10.079C9 11.147 9.579 12.128 10.551 12.702C11.462 13.24 12.159 14.054 12.573 15H3.427C3.841 14.054 4.539 13.239 5.45 12.702Z' fill='%23727A8B'/%3E%3C/svg%3E%0A");
}

.view .block-archform #arch-view,
.view .block-archform #arch-down {
    height: 30px;
    width: 100%;

    background: #3D9CDC;
    border-radius: 2px;
    border: 0;

    font-weight: 500;
    font-size: 12px;
    line-height: 14px;

    color: #E7EEFF;
    margin-top: 3px;
}

.view .show-arch-btn, .timer-show-arch-btn {
    position: absolute;
    width: 250px;
    height: 40px;
    left: calc(100% / 2 - 125px);
    top: calc(100% / 2 - 20px);

    background: linear-gradient(90deg, #4776E6 0%, #8E54E9 100%);
    border-radius: 2px;

    font-size: 16.5px;
    line-height: 39px;
    /* identical to box height */

    text-align: center;
    color: #FFFFFF;
}

.timer-show-arch-btn {
    width: 250px;
    height: 40px;
    top: auto;
    left: calc(100% / 2 - 125px);
    position: relative;
    display: inline-block;
    margin-top: 100px;
}

.view .translation-done:hover {
    cursor: default;
    text-decoration: none;
}

@media (max-width: 450px) {

    .view .right-blocks .block {
        width: 100%;
    }

    .view .right-blocks .block .content {
        padding: 0;
        border-bottom: 1px solid #2D384F;
    }
    .view .right-blocks .title {
        height: 57px;
        line-height: 57px;
        font-size: 18px;
        top: 0;
        border-bottom: 1px solid #2D384F;
    }
    .view .right-blocks .back {
        height: 57px;
        width: 57px;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.9106 19L12 16.9972L4.1788 9.5L12 2.00283L9.9106 0L0 9.5L9.9106 19Z' fill='%23727A8B'/%3E%3C/svg%3E%0A");
    }

    .view .right-blocks .name {
        font-size: 16px;
        line-height: 19px;
        padding: 16px 23px 0;
    }

    .view .right-blocks .block-descr {
        font-size: 14px;
        line-height: 16px;
        padding: 6px 23px 16px;
    }

    .view .right-blocks ul li {
        height: 35px;
        line-height: 35px;
        padding-left: 27px;
        padding-right: 30px;
        font-size: 14px;
    }

    .view .right-blocks .cams {
        box-sizing: border-box;
        padding: 0 23px;
        width: 100%;


        font-size: 14px;
        line-height: 16px;
    }

    .view .right-blocks .cams a {
        width: 100%;
        height: calc(100vw * 0.5625);
        margin-bottom: 15px;
    }

    .view .right-blocks .cams a:last-child {
        margin-bottom: 0;
    }

    .view .block-archform .form {
        padding-left: 23px;
        padding-right: 23px;
        padding-top: 52px;

        box-sizing: border-box;
    }

    .view .block-archform label {
        font-size: 14px;
        line-height: 16px;
    }
    .view .block-archform select {
        margin-bottom: 22px;

        font-size: 14px !important;
        line-height: 16px;
        padding-left: 51px;
    }
    .view .block-archform #shedule_arch_hour {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.486 0 0 4.486 0 10C0 15.514 4.486 20 10 20C15.514 20 20 15.514 20 10C20 4.486 15.514 0 10 0ZM10 18C5.589 18 2 14.411 2 10C2 5.589 5.589 2 10 2C14.411 2 18 5.589 18 10C18 14.411 14.411 18 10 18Z' fill='%23727A8B'/%3E%3Cpath d='M11 5H9V10.414L12.293 13.707L13.707 12.293L11 9.586V5Z' fill='%23727A8B'/%3E%3C/svg%3E%0A");
        padding-left: 51px;
    }
    .view .block-archform #arch-view,
    .view .block-archform #arch-down {
        height: 34px;
        width: calc(50% - 5px);
        cursor: pointer;
    }

    .view .block-archform #arch-view {
        float: right;
    }
    .view .block-archform #arch-down {
        float: left;
    }
}