html {
	box-sizing: border-box;
	font-size: 15px;
	color: #333;
	font-family: Arial, Tahoma, sans-serif;
}

body {
	background-color: #f8f8f8;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* Заголовки: НАЧАЛО */
h1 {
	font-family: Tahoma;
	text-align: center;
	font-size: 24px;
	margin: 1em 0;
	color: #333;
}

h2 {
	FONT-FAMILY: Tahoma;
	text-align: center;
	font-size: 20px;
	margin: 2em 0 0 0;
	color: #333;
}

h3 {
	FONT-FAMILY: Tahoma;
	text-align: center;
	font-size: 16px;
	margin: 2em 0 0 0;
	color: #555;
}

h4 {
	FONT-FAMILY: Tahoma;
	text-align: left;
	font-size: 16px;
	margin: 1em 0 0 0;
	color: #555;
	font-weight: bold;
}

.top-h3 {
	FONT-FAMILY: Arial;
	text-align: center;
	font-size: 12pt;
	margin: 0px 2px;
	color: #ffffff;
}

.heading-left {
	margin-top: 2em;
	text-align: left;
}
/* Заголовки: КОНЕЦ */



/* Ссылки: НАЧАЛО */
.main_menu__link {
	display: block;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	font-family: Georgia, Serif;
	color: #047EB4;
}

.main_menu__link:hover,
.main_menu__link:focus {
	color: #aa6739;
}

.main_menu__link:hover .archive__date {
	color: #fff;
	background-color: #bd725a;
	border-radius: 3px;
}

.hdlinks,
.hdlinks:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #0066CC;
	FONT-FAMILY: Tahoma;
	TEXT-DECORATION: none;
}

.hdlinks:hover {
	TEXT-DECORATION: underline;
}

.hdlinks:focus {
	outline: 0.2em solid #ffab6f;
}

.hdlinks_t {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Tahoma;
	TEXT-DECORATION: underline
}

.hdlinks_t:focus {
	outline: 0.2em solid #ffab6f;
}

.hddlinks:hover {
	FONT-WEIGHT: bold;
	COLOR: #08639a;
	TEXT-DECORATION: underline
}

.headlinks:link {
	COLOR: #08639a;
	TEXT-DECORATION: none
}

.shlnk1,
.shlnk1:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #0683ff;
	FONT-FAMILY: Tahoma, Arial, Verdana;
	TEXT-DECORATION: none;
}

.shlnk1:hover {
	COLOR: #f1ad1a;
	TEXT-DECORATION: underline;
}

.lglink,
.lglink:link,
.lglink:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 42px;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Verdana;
	TEXT-DECORATION: none;
}

.xlinks,
.xlinks:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	FONT-WEIGHT: normal;
	COLOR: #044A7C;
	FONT-FAMILY: Arial, Verdana;
	TEXT-DECORATION: none;
}

.xlinks:hover {
	TEXT-DECORATION: underline;
}

.xlinks:focus {
	outline: 0.2em solid #ffab6f;
}

.links {
	font-weight: normal;
	font-size: 1em;
	font-weight: normal;
	color: #047eb4;
	font-family: Arial;
	text-decoration: none;
}

.links:hover {
	text-decoration: underline;
	color: #0094ec;
}

.links:focus {
	outline: 0.2em solid #ffab6f;
	color: #0094ec;
}

.mlinks,
.mlinks:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	FONT-WEIGHT: normal;
	COLOR: #047EB4;
	FONT-FAMILY: Tahoma;
	TEXT-DECORATION: none;
}

.mlinks:hover {
	TEXT-DECORATION: underline;
}

.explinks {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #0683ff;
	FONT-STYLE: normal;
	FONT-FAMILY: Tahoma, Arial, Verdana;
	BACKGROUND-COLOR: #dbf1fe;
	TEXT-DECORATION: none;
	BORDER-BOTTOM: #cccccc 1px dotted;
	BORDER-RIGHT: #cccccc 1px dotted;
	BORDER-LEFT: #cccccc 1px dotted;
}

.explinksx {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #0683ff;
	FONT-STYLE: normal;
	FONT-FAMILY: Tahoma, Arial, Verdana;
	BACKGROUND-COLOR: #dbf1fe;
	TEXT-DECORATION: none;
	BORDER-BOTTOM: #0683ff 1px solid;
}

.nclinks,
.nclinks:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #CCCCCC;
	FONT-FAMILY: Tahoma, Arial, Verdana;
	TEXT-DECORATION: none;
}

.nclinks:hover {
	TEXT-DECORATION: underline;
}

.nclinks2,
.nclinks2:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ccc;
	FONT-FAMILY: Tahoma, Arial, Verdana;
	TEXT-DECORATION: none;
}

.nclinks2:hover {
	TEXT-DECORATION: underline;
}

.anchor {
  color: inherit;
  text-decoration: none;
}

.anchor:hover {
  color: #000;
}

.scilinks,
.scilinks:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Tahoma, Arial, Verdana;
	TEXT-DECORATION: none;
}

.scilinks:hover {
	TEXT-DECORATION: underline;
}
/* Ссылки: КОНЕЦ */



/* Списки: НАЧАЛО */
ol,
ul {
	margin: 1em 0;
}

li {
	margin: 1em 0;
}

.top-ul, .bottom-ul, .biblio-ul {
	margin: 5px 2px 10px 2px;
	padding-left: 10px;
	list-style-image: url('http://meteoweb.ru/img/site/sb.gif');
	FONT-WEIGHT: normal;
	FONT-SIZE: 15px;
	COLOR: #333333;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none
}

.biblio-ul li {
	padding: 5px 0;
}

.semantic-list {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

.links-list li {
	margin: 0.5em 0;
}

.links-list li::before {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 0.5em;
	height: 0.5em;
	margin: 0 0.25em 0 0;
	background: #ffab6f;
}

.links-list li:hover::before {
	background: #fb7310;
}

.litlist {
	padding-left: 15px;
}

.litlist li {
	margin: 10px 0;
}
/* Списки: КОНЕЦ */

.shapka1 {
	BORDER-RIGHT: #cccccc 1px dotted; BACKGROUND-IMAGE: url(img/site/bg1.jpg);
}


.shapka2 {
	BORDER-TOP: #0683ff 0px solid; BORDER-BOTTOM: #0683ff 5px solid;
}

.date {
	BORDER-TOP: #0683ff 2px solid; BORDER-BOTTOM: #0683ff 2px solid; BORDER-RIGHT: #0683ff 2px solid; BORDER-LEFT: #0683ff 2px solid;
}
.datetxt {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none;
}
.shapka3 {
	BORDER-TOP: #0683ff 0px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; BORDER-BOTTOM: #0683ff 0px solid; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Arial, Verdana; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none;
}
.shapka31 {
	BORDER-TOP: #0683ff 0px solid; BORDER-LEFT: #0683ff 0px dotted; BORDER-BOTTOM: #0683ff 0px solid; BACKGROUND-COLOR: #ffffff;
}
.shapka4 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(img/site/bg1.jpg); COLOR: #333333; BORDER-BOTTOM: #0683ff 1px solid; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Arial, Verdana; TEXT-DECORATION: none;
}

.menubottom {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0683ff; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Arial, Verdana; BACKGROUND-COLOR: #dbf1fe; TEXT-DECORATION: none; BORDER-BOTTOM: #0683ff 5px solid;
}
.menubottom2 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0683ff; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Arial, Verdana; BACKGROUND-COLOR: #dbf1fe; TEXT-DECORATION: none; BORDER-BOTTOM: #0683ff 1px solid;
}

.menu {
	BORDER-TOP: #0683ff 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(img/site/bg1.jpg); COLOR: #333333; BORDER-BOTTOM: #0683ff 0px solid; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Arial, Verdana; TEXT-DECORATION: none;
}

.menutop {
	BORDER-TOP: #0683ff 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(img/site/bg1.jpg); COLOR: #333333; BORDER-BOTTOM: #0683ff 0px solid; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Arial, Verdana; TEXT-DECORATION: none;
}

.toptab {
	BORDER-RIGHT: #3366CC 0px solid; BORDER-LEFT: #3366CC 0px solid; BORDER-BOTTOM: #cccccc 0px solid;
}
.toptab2 {
	BORDER-TOP: #666666 2px solid; BORDER-BOTTOM: #666666 2px solid; BACKGROUND-COLOR: #d1e0c1;
}
.middletab {
	BORDER-LEFT: #3366CC 0px solid; BORDER-RIGHT: #3366CC 0px solid; BORDER-BOTTOM: #cccccc 0px solid;
}
.header {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #333333; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.ntext, .epigraph, .litlist {
	FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #333333; FONT-FAMILY: Arial; TEXT-DECORATION: none;
}
.comment {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #663300; FONT-FAMILY: arial; TEXT-DECORATION: none;
}
.epigraph {
	margin: 40px 0px 40px 300px;
}



.bottom {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Times New Roman, Arial, Verdana; TEXT-DECORATION: none;
}
.tdatl {
	BORDER-TOP: #d1e0c1 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #333333; BORDER-BOTTOM: #d1e0c1 1px solid; FONT-STYLE: normal; FONT-FAMILY: Times New Roman, Arial, Verdana; BACKGROUND-COLOR: #f4f8ed; TEXT-DECORATION: none
}
.gb {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #ff6600; FONT-FAMILY: Tahoma, Times New Roman, Arial, Verdana; TEXT-DECORATION: none
}
.bottom1 {
	BORDER-TOP: #0683ff 0px solid; FONT-WEIGHT: normal; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(img/site/bg2.jpg); COLOR: #333333; BORDER-BOTTOM: #0683ff 0px solid; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Times New Roman, Arial, Verdana; TEXT-DECORATION: none
}
.bottom2 {
	BORDER-TOP: #0683ff 0px solid; BACKGROUND-IMAGE: url(img/site/bg3.jpg); BORDER-BOTTOM: #0683ff 0px solid
}
.newsblock {
	BORDER-BOTTOM: #999999 1px dotted
}
.geomaps {
	BORDER-BOTTOM: #7dbeff 1px solid
}
.fazatd {
	BORDER-RIGHT: #0683ff 1px solid; BORDER-TOP: #0683ff 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 14px; BORDER-LEFT: #0683ff 1px solid; COLOR: #333333; BORDER-BOTTOM: #0683ff 1px solid; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Times New Roman, Arial, Verdana; BACKGROUND-COLOR: #d5eeff
}
.fazatd2 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Times New Roman, Arial, Verdana; BACKGROUND-COLOR: #d5eeff
}
.moontd {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; BORDER-BOTTOM: #e4e4e4 1px dotted; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Arial, Verdana; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none
}


#menubar A.menuitem:hover {
	FONT-SIZE: 10px; BACKGROUND: url(img/bgmenu1.jpg) repeat-x; COLOR: #495f92; TEXT-DECORATION: none
}
#menubar A.menuitem-on {
	FONT-SIZE: 10px; BACKGROUND: url(img/bgmenu2.jpg) repeat-x; COLOR: #495f92; TEXT-DECORATION: none
}
#menubar #about {
	WIDTH: 80px
}
#menubar #home {
	WIDTH: 60px
}
#menubar #e-mal {
	WIDTH: 90px
}

.vote {
	BORDER-BOTTOM: #0683ff 1px dotted
}

.bodybottom {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0683ff; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Times New Roman, Arial, Verdana;  TEXT-DECORATION: none; BORDER-BOTTOM: #0683ff 5px solid
}

.sci {
	BORDER-TOP: #0683ff 1px dotted; BORDER-BOTTOM: #0683ff 1px dotted; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Times New Roman, Arial, Verdana; TEXT-DECORATION: none
}

.sitenews {
	BORDER-TOP: #0683ff 0px solid; BORDER-LEFT: #0683ff 0px dotted; BORDER-BOTTOM: #9d9d9d 1px dotted; BACKGROUND-COLOR: #ffffff; FONT-SIZE: 14px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}

.sitean {
	BORDER-TOP: #0683ff 0px solid; BORDER-LEFT: #0683ff 0px dotted; BORDER-BOTTOM: #9d9d9d 0px dotted; BACKGROUND-COLOR: #ffffff; FONT-SIZE: 12px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}

.topphoto1 {
	BORDER-TOP: #0683ff 0px solid; BORDER-BOTTOM: #9d9d9d 1px dotted; BORDER-RIGHT: #9d9d9d 0px dotted; BORDER-LEFT: #0683ff 0px solid;  FONT-SIZE: 13px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Times New Roman, Arial, Verdana; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}

.topphoto2 {
	BORDER-TOP: #0683ff 0px solid; BORDER-BOTTOM: #0683ff 0px solid; BORDER-RIGHT: #9d9d9d 1px dotted; BORDER-LEFT: #0683ff 0px solid
}

.topphoto3 {
	BORDER-TOP: #0683ff 0px solid; BORDER-BOTTOM: #0683ff 0px solid; BORDER-RIGHT: #9d9d9d 0px dotted; BORDER-LEFT: #0683ff 0px solid; BACKGROUND-COLOR: #dbf1fe;  FONT-SIZE: 13px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Times New Roman, Arial, Verdana; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}


.uragan{
FONT-SIZE: 14px; FONT-STYLE: normal; FONT-FAMILY: Arial, Times New Roman, Tahoma, Verdana; TEXT-DECORATION: none; COLOR: #CCCCCC
}

.obzory {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #FFFFFF; FONT-FAMILY: Tahoma, Times New Roman, Arial, Verdana; TEXT-DECORATION: underline
}

.added {
	FONT-FAMILY: Tahoma; font-size: 10pt; color: #FF6600; font-weight: bold;
}

.table-center {
	table-layout: fixed;
	font-family: Arial;
	text-align: left;
	font-size: 1em;
	border: 0;
	border-bottom: 2px solid #333;
	border-collapse: collapse;
	background: #fff;
}

.table-scroll-x + .table-center,
.table-center + .table-center {
	margin-top: 2em;
}

.table-scroll-x {
	max-width: 780px;
	overflow: auto;
}

.table-center th,
.table-center td {
	padding-right: 1em;
}

.table-center th {
	text-align: left;
	vertical-align: top;
}

/* Фиксированная шапка таблицы */

.table-center th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  
  background-color: #fff9e9;
  color: #333;
  background-image: linear-gradient(180deg, transparent 0%, transparent calc(100% - 2px), #333 calc(100% - 2px), #333 100%);
}

.table-center th[scope=row] {
  border-bottom: none;
}

/* //Фиксированная шапка таблицы */

.table-center tbody tr:nth-child(even) {
	background: #f4efea;
}

.table-center tbody tr:nth-child(even) .links--in-table {
	color: #006da2;
}

.table-center tbody tr:hover {
	background-color: #444;
	color: #fff;
}

.table-center tbody tr:hover .links--in-table {
	color: #fff;
}

.table-center tbody tr:hover .links--in-table:hover {
	color: #ffaf67;
}

.table-center tfoot {
	background-color: #fff;
	border-top: 2px solid #ccc;
}

.table-caption {
	padding: 1em 2em;
	font-weight: bold;
	font-size: 1.6em;
	color: #fff;
	background-color: #4e5282;
	background-image: linear-gradient(120deg, #4e5282, #c68d7c 70%, #ffee90);	
}

.table-caption--theme-default {
	padding: 0.5em 1em;
	font-weight: normal;
	font-size: 1.6em;
	color: #333;
	background-color: transparent;
	background-image: none;
}

.bg-const {
	background-color: #fff;
	color: #333;
}

.table-subtitle {
	text-align: center;
	padding-top: 1em;
	font-size: 2em;
	color: #777;
	background-color: #fff;
	border-bottom: 2px solid #f2f0ed;
}

.accent-column-3 td:nth-child(3),
.accent-column-5 td:nth-child(5) {
	font-weight: bold;
}

.links--in-table {
	text-decoration: underline;
}

.sn-vk {
	padding-top: 5px;
}


.top-big-links {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #ffffff; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline
}

.top-text {
	COLOR: #cccccc; FONT-FAMILY: Arial; margin: 2px 2px 2px 14px;
}

.archive {
	line-height: 1.5;
}

.archive__header-1 {
	margin: 0;
	padding: 30px;
	background-color: #333;
	background-image: radial-gradient(farthest-corner at 20% 100%, #fff8f1, #65a9d4, #2e67bc, #274d86);
	border-radius: 3px;
	color: #fff;
	font-size: 32px;
	font-family: Georgia, Serif;
}

.archive__header-2 {
	margin-top: 20px;
	font-size: 20px;
	font-family: Georgia, Serif;
	color: #666;
}

.archive__list {
	margin: 0 0 50px 0;
	padding: 0;
	list-style: none;
}

.archive__date {
	display: inline-block;
	margin-left: -5px;
	padding: 2px 5px;
	min-height: 100%;
	height: 100%;
	color: #666;
	font-weight: bold;
}

.archive__link {
	display: block;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	color: #047EB4;
}

.archive__link:hover,
.archive__link:focus {
	color: #aa6739;
}

.archive__link:hover .archive__date {
	color: #fff;
	background-color: #bd725a;;
	border-radius: 3px;
}

.main_table_body {
	BACKGROUND-COLOR: #f2f2f2; BORDER-BOTTOM: #74d4f7 2px solid
}

.main_table_body_down {
	BACKGROUND-COLOR: #f2f2f2; BORDER-TOP: #74d4f7 1px solid; BORDER-BOTTOM: #74d4f7 2px solid
}

.site_updates {
	BORDER-BOTTOM: #9d9d9d 1px dotted; BACKGROUND-COLOR: #ffffff; FONT-SIZE: 14px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Georgia, Serif; TEXT-DECORATION: none
}

.site_upd_link {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #74d4f7; FONT-FAMILY: Georgia, Serif; TEXT-DECORATION: underline
}


/* Карточки: НАЧАЛО */

.cards {
  margin: 0 -0.5rem;
}

.cards--cabsynop {
	font-size: 0;
	text-align: justify;
}

.cards--nlc {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.card {
  position: relative;
  margin: 0 0.5rem 2rem 0.5rem; 
  border-radius: 5px;
}

.card--overlay {
  margin-bottom: 1em;
  background-color: #6da6e4;
  color: #fff;
}

.card--overlay:hover {
	background-image: linear-gradient(160deg, #362d71, #dba38e);
}

.card--theme-sky {
  background-image: linear-gradient(160deg, #3d65b1, #67cdff);
}

.card--theme-sunset {
  background-image: linear-gradient(160deg, #3d55b1, #ffb385);
}

.card--cabsynop {
	position: relative;
	
	display: inline-block;
	font-size: 1rem;
	vertical-align: top;
	
	/* -1px для надёжного обнуления боковых отступов у inline-block */
	width: calc(25% - 1rem - 1px);
}

.card--nlc {
	flex-grow: 1;
	flex-basis: calc(100% / 4 - 1em);
}

.card--wide {
  flex-basis: 100%;
}

.card__body {
  padding: 0.5em 0;
}

.card--overlay .card__body {
  padding: 0.5em 1em;
}

.card--wide .card__body {
  padding: 2em 1em;
}

.card__image {
  margin-bottom: -0.25em;
  border-radius: 5px;
  width: 100%;
}

.card__link {
  display: block;
  line-height: 1;
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.card__link::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

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

.card--overlay .card__link:hover {
  color: inherit;
  text-decoration: underline;
}

.card__title {
  margin: 0 0 1rem 0;
  color: inherit;
  font-size: 1em;
}

@media (max-width: 450px) {
	.card__title {
		font-size: 1rem;
	}
}

.card__title--size-m {
  font-size: 2em;
}

.card__text {
  margin: 0 0 1em 0;
}

/* Карточки: КОНЕЦ */

/* Выравнивание текста: НАЧАЛО */

.text-center {
  text-align: center;
}

/* Выравнивание текста: КОНЕЦ */

/* Баннеры: НАЧАЛО */
.banner {
  position: relative;
  z-index: 1; /* Поднимаем контент баннера над псевдоэлементами по оси z */
  width: 100%;
  padding: 2em 1em;
  color: #fff;
  background-color: #6b87d9;
  background-image: linear-gradient(180deg, #4869ca, #eac9bd);
  border-radius: 10px;
  overflow: hidden;
}

.banner:hover {
  background-image: linear-gradient(180deg, #362d71, #dba38e);
}

.banner__link {
  color: #fff;
  text-decoration: none;
}

.banner__link:hover {
  text-decoration: underline;
}

.banner__link:focus {
  color: #ffe3a1;
  outline: 0.2em solid #fc0;
  text-decoration: underline;
}

.banner__link:active {
  color: #f90;
}

.banner__link::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 99;
}

.banner__title {
  margin: 0 0 0.5em 0;
  font-size: 1.8em;
  line-height: 1em;
  text-align: center;
  font-weight: bold;
  font-family: Tahoma, sans-serif;
  color: #fff;
}

.banner__text {
  margin: 0 0 1em 0;
  font-family: Arial, sans-serif;
  text-align: center;
  color: #fff;
}

.banner__text--accent {
  color: #ffe5c9;
}

.banner--small {
  width: 199px;
  min-height: 199px;
  border-radius: 0;
  background-image: linear-gradient(160deg, #4869ca, #eac9bd);
}

.banner--small:hover {
  background-image: linear-gradient(160deg, #362d71, #dba38e);
}

.banner--small__title {
  margin: 0 0 0.5em 0;
}

.banner--theme-night {
  background-image: linear-gradient(180deg, #575088, 70%, #82a0e8);
}

/* Псевдоэлемент в баннере (Солнце) */

.pseudo-sun::after {
  content: '';
  position: absolute;
  z-index: -1; /* Опускаем псевдоэлементы под контент баннера по оси z */
  top: -50%;
  right: 86%;
  width: 200%;
  height: 200%;
  border-radius: 50%;
  background-color: #ffbc65;
}
/* Баннеры: КОНЕЦ */

/* Баннер со ссылкой на новую версию сайта: НАЧАЛО */
.banner-20250405 {
    width: 792px;
    padding: 2em 1em calc(2em - 20px) 1em;
    font-size: 16px;
    text-align: center;
}

.banner-20250405__text {
    line-height: 1.5;
}

.banner-20250405__text--first {
    margin: 0 auto;
    max-width: 70%;
}

.banner-20250405__mark {
    font-size: 1em;
    font-style: italic;
}

.banner-20250405__link {
    display: inline-block;
    margin: 0.3em auto 0 auto;
    padding: 0.2em 0.5em 0.25em 0.5em;
    text-align: center;
    vertical-align: middle;
    border-radius: 0.5em;
    text-decoration: none;
    font-weight: bold;
    font-size: 2.4em;
    color: rgb(255, 255, 255);
    background-color: blueviolet;
    background-image: linear-gradient(135deg, hsl(249, 31%, 37%) 0%, hsl(14, 54%, 71%) 100%);
}

.banner-20250405__link:focus {
    background-image: linear-gradient(135deg, hsl(249, 50%, 37%) 0%, hsl(14, 80%, 71%) 100%);
    outline: 0.2em solid #ffab6f;
}

.banner-20250405__link:hover {
    background-image: linear-gradient(135deg, hsl(249, 50%, 37%) 0%, hsl(14, 80%, 71%) 100%);
}

.banner-20250405__link:active {
    background-image: linear-gradient(135deg, hsl(286.5, 49.2%, 24.7%) 0%, hsl(0, 82.1%, 67.1%) 100%);
}
/* Баннер со ссылкой на новую версию сайта: КОНЕЦ */

.social-top {
	display: flex;
	/* display: none; */
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
}
.social-top__item {
	margin-right: 1em;
}

.links-social {
	padding: 0.25em 0.5em;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #b9e5ff;
}

.links-vk {
	color: #2787f5;
	border-color: #2787f5;
}
.links-vk:hover,
.links-vk:focus {
	color: #fff;
	border-color: #2787f5;
	background-color: #2787f5;
}

.links-tg {
	color: #0095dd;
	border-color: #0095dd;
}
.links-tg:hover,
.links-tg:focus {
	color: #fff;
	border-color: #0095dd;
	background-color: #0095dd;
}

.links-yt {
	color: #e83333;
	border-color: #e83333;
}
.links-yt:hover,
.links-yt:focus {
	color: #fff;
	border-color: #e83333;
	background-color: #e83333;
}

.links-zn {
	color: #484848;
	border-color: #acacac;
}
.links-zn:hover,
.links-zn:focus {
	color: #fff;
	border-color: #484848;
	background-color: #484848;
}

.banner-left-col {
	position: relative;
	padding: 0.5em 0;
	text-align: center;
}
.banner-left-col__link::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Оплата карт погоды */
.wmaps-payment {
	max-width: 600px;
	margin: 2em auto;
	color: #777;
	line-height: 1;
}
@media (max-width: 1200px) {
	.wmaps-payment {
		max-width: 100%;
		padding: 1em 3em;
	}
}
.wmaps-payment__title {
	margin: 0 0 0.5em 0;
	font-size: 1.4em;
	line-height: 1;
	text-align: left;
	color: #cc6d6d;
}
.wmaps-payment__cost {
	font-weight: bold;
	color: #333;
}
.wmaps-payment__payers {
	font-weight: bold;
	color: #333;
}
.wmaps-payment__description {
}
.wmaps-payment__methods {
	padding: 0;
	list-style: none;
}

.wmaps-payment-description {
}
.wmaps-payment-description__item {
	margin: 0 0 1em 0;
	line-height: 1.2;
}

.wmaps-payment-method {
	margin: 0 0 2em 0;
	padding: 0 0 0 1em;
	border-left: 3px solid #eee;
}
.wmaps-payment-method p {
	margin: 0 0 5px 0;
}
.wmaps-payment-method__name {
	color: #333;
}
.wmaps-payment-method__name--sber {
	color: #21a038;
}
.wmaps-payment-method__name--yoomoney {
	color: #8b3ffd;
}
.wmaps-payment-method__name--patreon {
	color: #ff424d;
}

.wmaps-payment-method-sber {
	border-left: 3px solid #21a038;
}
.wmaps-payment-method-sber__card-number {
	margin: 0;
	font-size: 2em;
	color: #333;
}
.wmaps-payment-method-sber__card-holder {
	margin: 0;
	font-style: italic;
	color: #777;
}

.wmaps-payment-method-yoomoney {
	border-left: 3px solid #8b3ffd;
}
.wmaps-payment-method-yoomoney__card-number {
	margin: 0;
	font-size: 2em;
	color: #333;
}
/* // Оплата карт погоды */

/* Область над копирайтом */
.bottom-area {
	margin: 0 4px;
	padding: 4rem 0 1rem 0;
	max-width: 1000px;
}

.menu-footer {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 -1rem;
	padding: 0;
}
.menu-footer__item {
	margin: 0 1rem 0.5rem 1rem;
}
/* // Область над копирайтом */