/*---*/
html { height: 100%; box-sizing: border-box; -webkit-text-size-adjust: none; color: #333;}html,input,button { font-family: Helvetica, Arial, sans-serif; }*,*:before,*:after { margin: 0; padding: 0; box-sizing: inherit; }p { margin-bottom: 15px; line-height: 25px;}h1 { margin: 0 0 20px;}h2 { margin: 35px 0 20px;}.page { height: 100%; width: 100%; max-width: 970px; margin: 0 auto; display: flex; align-items: center; /*padding-top: 1.5em;*/ flex-direction: column; } .page_disable-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page__header { margin-bottom: 20px; } .page__footer { padding-bottom: 2em; } .page__files { position: relative; width: 100%; max-width: 970px; } @media screen and (max-width: 970px) { .page { padding-left: 15px; padding-right: 15px; } }.percent-symbol { font-size: 0.75em; font-weight: bolder; }.button { position: relative; background: none; outline: none; border: none; cursor: pointer; background-color: #2a73d9; border: 2px solid #2a73d9; color: #fff; text-align: center; font-size: 0.875em; text-transform: uppercase; font-weight: 700; letter-spacing: 0.02em; border-radius: 4px; height: 2.5em; flex-shrink: 0; white-space: nowrap; padding: 0 .9em; display: inline-flex; justify-content: center; align-items: center; overflow: visible; min-width: 11em; transition: color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out; } .button_disabled, .button:disabled { opacity: 0.4; pointer-events: none; } .button_secondary { background-color: #D44D3B; border-color: #D44D3B; } .button_dark { background-color: #38404B; border-color: #38404B; } .button_fluid { width: 100%; min-width: 0; padding: 0 .25em; } .button__icon { fill: currentColor; margin-right: .75em; margin-left: -0.1em; } .button__text { margin: 0 auto; } .button__counter { position: absolute; top: 0; right: 0; transform: translate(55%, -35%); font-size: 0.85em; font-weight: 700; width: 24px; height: 24px; line-height: 20px; text-align: center; background-color: #38404B; border: 2px solid #fff; color: #fff; border-radius: 50%; box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.6); } .button.focus-visible, .button:hover { background-color: #fff; color: #2a73d9; } .button_secondary.focus-visible, .button_secondary:hover { color: #D44D3B; } .button_dark.focus-visible, .button_dark:hover { color: #38404B; } .button_disabled, .button:disabled, .button.focus-visible, .button:hover { transition: color 0.05s ease-in, background-color 0.05s ease-in, opacity 0.05s ease-in; } .button_mrfix { margin-right: 0.75em; } @media screen and (max-width: 555px) { .button { font-size: .75em; } .button_mrfix { margin-right: initial; } } @media screen and (max-width: 355px) { .button { font-size: 0.625em; } }.ha, .cstm { margin-right: auto; margin-left: auto;}.ha_top { margin-bottom: 3em; }.ha_bottom { margin-bottom: 2em; }.ha, .ha div { max-width: 970px; /* min-height: 60px; */}.ha_footer, .ha_footer div { height: auto!important; background-color: transparent;}.ha_footer { margin-bottom: 3em;}.ha_footer::after { content: ""!important;}/* @media screen and (max-width: 555px) { .ha_top, .ha_top div { display: none; } } */.alter-right { display: none; }.adb .alter-right { display: block; }.logo { display: inline-block; } .logo__image { display: inline-block; vertical-align: top; max-width: 100%; height: 100%; }.header { margin-top: 10px; width: 100%; display: flex; flex-shrink: 0; justify-content: space-between; } .header__left { position: relative; width: 100%; margin-right: 1em; } .header__right { position: relative; flex-shrink: 0; width: 300px; height: 250px; } .header__right div { width: 300px; height: 250px; } .header__link { position: relative; display: inline-block; text-decoration: none; color: #2367c7; outline: none; } .header__link:before { content: ''; position: absolute; bottom: 0; height: 1px; left: 0; right: 0; margin-bottom: 0.1em; background-color: currentColor; pointer-events: none; opacity: 0; transition: opacity 0.2s ease-out; } .header__link.focus-visible:before, .header__link:hover:before { opacity: 1; transform: translateY(0px); transition: opacity 0.05s ease-in; } .header__language { position: absolute; right: 0; top: 0; } .header__logo { max-width: 100%; margin-bottom: 1.5em; } .header__text { line-height: 1.4; font-size: 1.07em; } .header__text_bb { padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px dashed #8ab9ea; } .header__text_mb { margin-bottom: 1em; } .header__text b { font-weight: 600; } .header__line { display: inline-block; vertical-align: top; height: 2px; width: 100%; margin: 0.5em 0; stroke: #c0d5f4; stroke-dasharray: 5 7; stroke-dashoffset: 0; stroke-width: 1px; } .header__list { list-style: none; counter-reset: line; } .header__list-item { position: relative; counter-increment: line; padding-left: 2.5em; } .header__list-item:not(:last-child) { margin-bottom: .5em; } .header__list-item:before { content: counter(line); position: absolute; top: 0; left: 0; font-size: 1.5em; border-right: 2px solid #F2F2F2; color: #9ca0a5; width: .9em; padding-right: 0.35em; text-align: right; line-height: 1.1; height: 100%; } @media screen and (max-width: 1000px) { .header__right { display: none; } .header__list-item:before { font-size: 1.5em; } } @media screen and (max-width: 555px) { .header { width: auto; margin-right: -10px; margin-left: -10px; } .header__language { top: .5em; } .header__left { padding-top: 0.5em; margin-right: 0.5em; } .header__logo { width: calc(90% - 4.5em); height: auto; } .header__text { text-align: center; } .header__text_mb { margin-bottom: 0; } .header__text_hidden-sm, .header__list, .header__line { display: none; } }/* menu */.header__left { display: flex; /*align-items: center;*/ align-items: baseline;}.header__logo { margin-right: auto;}.hamburger-menu { position: relative; display: inline-block;}#menu-toggle { display: none;}.menu-icon { display: flex; flex-direction: column; justify-content: space-around; width: 30px; height: 24px; cursor: pointer; position: relative; z-index: 2;}.menu-icon-line { width: 100%; height: 3px; background-color: #ff5757; transition: all 0.3s ease-in-out;}.menu { display: none; position: absolute; top: 40px; right: 0; background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; z-index: 1;}.menu ul { list-style: none; padding: 0; margin: 0;}.menu ul li { border-bottom: 1px solid #ddd;}.menu ul li:last-child { border-bottom: none;}.menu ul li a { display: block; padding: 10px 20px; text-decoration: none; color: #333; transition: background-color 0.3s ease-in-out;}.menu ul li a:hover { background-color: #f0f0f0;}#menu-toggle:checked + .menu-icon + .menu { display: block;}#menu-toggle:checked + .menu-icon .menu-icon-line:nth-child(1) { transform: translateY(8px) rotate(45deg);}#menu-toggle:checked + .menu-icon .menu-icon-line:nth-child(2) { opacity: 0;}#menu-toggle:checked + .menu-icon .menu-icon-line:nth-child(3) { transform: translateY(-8px) rotate(-45deg);}/* end menu */.scroll-button { background: none; outline: none; border: none; cursor: pointer; color: #D44D3B; transition: color 0.2s ease-out, opacity 0.2s ease-out; } .scroll-button:before { content: ''; position: absolute; z-index: -1; top: -0.3em; left: -0.3em; right: -0.3em; bottom: -0.3em; border-radius: 0.35em; background-color: #2a73d9; opacity: 0; pointer-events: none; transition: opacity 0.2s ease-out; } .scroll-button:disabled { opacity: 0.5; pointer-events: none; } .scroll-button__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: currentColor; width: 1.1em; height: 2.2em; filter: drop-shadow(0 2px 4px #fff); transition: transform 0.2s ease-out; } .scroll-button__icon_left { transform: translate(-50%, -50%) rotate(180deg); transform: translate3d(-50%, -50%, 0) rotate(180deg); } .scroll-button:not(.focus-visible):hover .scroll-button__icon { transform: translate(calc(-50% + 3px), -50%); } .scroll-button:not(.focus-visible):hover .scroll-button__icon_left { transform: translate(calc(-50% - 3px), -50%) rotate(180deg); } .scroll-button:disabled, .scroll-button.focus-visible, .scroll-button:not(.focus-visible):hover { transition: color 0.05s ease-in, opacity 0.05s ease-in; } .scroll-button:disabled .scroll-button__icon, .scroll-button.focus-visible .scroll-button__icon, .scroll-button:not(.focus-visible):hover .scroll-button__icon { transition: transform 0.05s ease-in; }.footer { text-align: center; } .footer__title { font-weight: bold; width: 100%; font-size: 1.3em; letter-spacing: 0.02em; margin-bottom: .5em; } .footer__text { width: 100%; font-size: 0.9em; letter-spacing: 0.04em; color: #000; } .footer__share { margin-bottom: 1.8em; color: #b3b3b3; }.long { padding: 1em 0 2em 0;}.long { line-height: 1.4; font-size: 1.07em;}.long h1 { font-size: 1.4em; text-align: left; color: #38404b; border-bottom: 2px solid #F2F2F2;}.long h2 { font-size: 1.2em; text-align: left; color: #38404b;}.long p { margin: 1em 0 1em 0;}.long ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; font-size: 1.07em;}.long li { margin: 0.5em 0;}@media screen and (max-width: 970px) { .long { }}/* main hour 3 forecast */.card-block { display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}.card { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; border: none; -webkit-box-shadow: 0px 16px 40px 0px #0000000A; -moz-box-shadow: 0px 16px 40px 0px #0000000A; -ms-box-shadow: 0px 16px 40px 0px #0000000A; -o-box-shadow: 0px 16px 40px 0px #0000000A; box-shadow: 0px 16px 40px 0px #0000000A;}.card { border: none; position: relative;}.card-block.card-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}.card-body { flex: 1 1 auto; min-height: 1px;}.card-body { padding: 20px;}.fc-toolbar { display: flex; justify-content: space-between; align-items: center;}/*.fc-toolbar.fc-header-toolbar { margin-bottom: 1.5em;}*/.fc-view-container { position: relative;}.fc-view, .fc-view > table { position: relative; z-index: 1;}.fc-list-view { border-width: 1px; border-style: solid;}.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #ddd;}.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}.fc table { width: 100%; box-sizing: border-box; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em;}.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}.fc .fc-list-table { table-layout: auto;}.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #ddd;}.fc th, .fc td { border-style: solid; vertical-align: top;}.fc-list-table td { border-width: 1px 0 0; padding: 8px 14px;}.fc-list-heading td { font-weight: bold;}.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #ddd;}.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { background: #eee;}.fc-list-table tr:first-child td { border-top-width: 0;}.fc table { width: 100%; box-sizing: border-box; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em;}.fc-list-heading td { font-weight: bold;}.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #ddd;}.fc-list-table td { border-width: 1px 0 0; padding: 8px 14px;}.fc-ltr .fc-list-item-marker { padding-right: 0;}.fc-event-dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px;}.fc-event-dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px;}/* end main hour 3 forecast *//* svodka block */.storm-info { display: flex; justify-content: space-between; margin: 30px 0;}.info-block { background-color: #f8f0f0; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); padding: 20px; display: flex; /*align-items: flex-start;*/ width: 100%; transition: transform 0.3s ease; align-items: center;}.info-block:hover { transform: translateY(-5px);}.highlight-box { background-color: #d9534f; color: white; padding: 10px; border-radius: 8px; text-align: center; width: 120px; margin-right: 20px;}.highlight-box .label { margin: 0 0 4px; font-size: 14px; color: #fff;}.highlight-box .highlight { display: block; margin-top: 5px; font-size: 24px; font-weight: bold;}.highlight1 { color:#fff; display: block; line-height: 1; font-size: 32px;}.highlight-box .date { margin-top: 10px; font-size: 12px; color: #ffb3a7;}.details { flex: 1; color: #333;}.details p { margin: 5px 0; font-size: 16px;}/*.detail-box { margin-bottom: 15px;}*/.details .detail-box:first-of-type { margin-bottom: 15px;}.g-index { margin-top: 15px;}@media (max-width: 520px) { .storm-info .info-block { display: block; } .storm-info .highlight-box { width: auto; margin-bottom: 30px; }}/* end svodka block *//* class storm color */.b-g-0 { background-color: #5baa73; color: #fff;}.f-g-0 { color: #5baa73!important;}.color-storm-0 .info-block { background-color: #f0f8f2;}.color-storm-0 .highlight-box .date { color: #e4e4e4;}.b-g-10 { background-color: #ffb461; color: #fff;}.f-g-10 { color: #ffb461!important;}.color-storm-10 .info-block { background-color: #f8f8f0;}.color-storm-10 .highlight-box .date { color: #e4e4e4;}.b-g-1 { background-color: #ff9a6c; color: #fff;}.f-g-1 { color: #ff9a6c!important;}.color-storm-1 .info-block { background-color: #f8f5f0;}.b-g-2 { background-color: #ed7945; color: #fff;}.f-g-2 { color: #ed7945!important;}/*.color-storm-2 .info-block { background-color: #FAD8C9;}*/.b-g-3 { background-color: #e16730; color: #fff;}.f-g-3 { color: #e16730!important;}.color-storm-3 .info-block { background-color: #FAD8C9;}.b-g-4 { background-color: #d8561c; color: #fff;}.f-g-4 { color: #d8561c!important;}.color-storm-4 .info-block { background-color: #FAD8C9;}.b-g-5 { background-color: #d9534f; color: #fff;}.f-g-5 { color: #d9534f!important;}.color-storm-5 .info-block { background-color: #FAD8C9;}/* end class storm color *//* calendar 27 forecast style */.calendar { display: grid; grid-template-rows: auto 1fr; width: 100%; /* max-width: 800px;*/ margin: 20px auto; border: 1px solid #ddd; /*border-radius: 8px;*/ overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.calendar-header { display: grid; grid-template-columns: repeat(7, 1fr); background-color: #eee; padding: 10px 0; text-align: center; font-weight: bold;}.day { padding: 10px 0; color: #333;}.calendar-body { display: grid; grid-template-columns: repeat(7, 1fr); background-color: #fff;}.calendar-cell { border: 1px solid #333; display: flex; flex-direction: column; align-items: center; padding: 10px; text-align: center; transition: background-color 0.3s;}.calendar .today { /* border: 1px inset #9ca0a5;*/}/*.calendar-cell:hover { !*background-color: #f9f9f9;*! border: 2px solid #ddd;}*/.calendar-cell .date { font-size: 22px; font-weight: bold; margin-bottom: 5px; /* color: #555;*/ color: #fff; border-bottom: 2px solid #000; padding-bottom: 5px;}.calendar-cell .kp-index { font-size: 14px; /*color: #d9534f;*/ color: #fff; /*font-weight: bold;*/}/* end calendar 27 forecast style */#calendar1 { margin-bottom: 15px;}/* class storm widget */.storm-classification { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}.storm-card { display: flex; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; /*width: 300px;*/}.color-box { /*width: 50px;*/ height: 100%;}.storm-details { padding: 15px; display: flex; flex-direction: column; justify-content: center;}.storm-details h3 { margin: 0; font-size: 1.2em;}.storm-details p { margin: 5px 0;}.storm-details .description { font-size: 0.9em; color: #777;}/* end class storm widget */.question { font-size:13px;}/* styles ul-ol *//* Основные стили для списков */.card ul, .card ol { margin: 0; padding: 0; list-style: none;}/* Стили для элементов списка */.card ul li, .card ol li { padding: 10px; margin-bottom: 5px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 4px; transition: background-color 0.3s ease;}/* Стили для неупорядоченных списков */.card ul li::before { content: '•'; color: #333; display: inline-block; width: 1em; margin-left: -1em;}/* Стили для упорядоченных списков */.card ol { counter-reset: item;}.card ol li { counter-increment: item;}.card ol li::before { content: counter(item) '.'; color: #333; display: inline-block; width: 1em; margin-right: 0.5em;}/* Стили при наведении *//*.card ul li:hover, .card ol li:hover { background-color: #e0e0e0;}*//* Адаптивные стили */@media (max-width: 768px) { .card ul li, .card ol li { padding: 8px; font-size: 14px; }}@media (max-width: 480px) { .card ul li, .card ol li { padding: 6px; font-size: 12px; }}/* end styles ul-ol *//* header menu */.nav { position: absolute; top: 10px; right: 10px; font-family: Arial, sans-serif;}.nav ul { list-style-type: none; margin: 0; padding: 0; display: flex; gap: 13px;}.nav li { cursor: pointer; padding: 9px 13px; background-color: #e08f84; color: white; border-radius: 5px;}.nav li a { color: #fff; text-decoration: none;}.nav li:hover { background-color: #555;}@media (max-width: 668px) { .nav ul { flex-direction: column; gap: 10px; } .nav { left: auto; text-align: center; }}@media (max-width: 570px) { .nav li { padding: 3px 4px; }}@media (max-width: 480px) { .nav li { padding: 3px 4px; font-size: 16px; } .nav ul { gap: 5px; }}/* end header menu *//* Стили для кнопки "Наверх" */#scrollToTopBtn { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 99; border: none; outline: none; background-color: #e08f84; color: white; cursor: pointer; padding: 9px; border-radius: 18%; font-size: 28px; transition: background-color 0.3s;}#scrollToTopBtn:hover { background-color: #333;}