@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
a,
body {
   color: #303030;
}
body {
   --site-primary-color: #c00;
   overflow-x: hidden;
   font-family: "Roboto", serif;
   font-weight: 400;
}
* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   border: 0;
}
a {
   text-decoration: none;
}
ul {
   list-style: none;
}
:focus,
input:focus {
   outline: 0;
}
input {
   border: 0;
}
button {
   background: 0 0;
}
img {
   width: 100%;
   height: auto;
   display: block;
}
input[type="search"]::-ms-clear {
   display: none;
   width: 0;
   height: 0;
}
input[type="search"]::-ms-reveal {
   display: none;
   width: 0;
   height: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
   display: none;
}
a:hover {
   color: var(--site-primary-color);
}
h1 {
   font-family: "Roboto", serif;
   font-weight: 500;
   font-size: 2em;
}
.header__menu nav,
a {
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
}
.container {
   max-width: 1060px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   padding: 20px 0;
}
.container:after,
.section:after {
   content: "";
   display: table;
   clear: both;
}
body {
   background: #f0f1f2;
}
.header {
   box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.07);
   margin-bottom: 20px;
}
.header .container {
   padding: 0;
}
.header__top {
   background: var(--site-primary-color);
}
.header__top .container {
   position: relative;
}
.header__logo {
   width: 80px;
   margin: 5px 0;
}
.header__logo img {
   position: relative;
   z-index: 1;
}
.header__icons,
.header__top .container {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
}
.header__icons {
   margin-left: auto;
   border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.header__icons > div,
.header__icons > span {
   margin-left: 10px;
}
.header__icons span {
   padding: 5px;
   cursor: pointer;
}
.header__icons span > span {
   margin: 0;
   padding: 0;
}
.header__icons svg {
   color: #fff;
   fill: #fff;
}
.header__icons .icon-weather a,
.header__icons span > span,
.search,
.search button {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
}
.header__icons .icon-weather a {
   align-items: center;
}
.header__icons .icon-weather svg {
   width: 20px;
   height: 20px;
   position: relative;
   top: -1px;
   margin: 0 -6px;
}
.header__icons .icon-user {
   position: relative;
}
.search,
.search button {
   height: 40px;
}
.search {
   position: absolute;
   top: 14px;
   right: 133px;
   background: rgba(0, 0, 0, 0.15);
   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -ms-border-radius: 6px;
   -o-border-radius: 6px;
   overflow: hidden;
   width: 300px;
}
.search button {
   align-items: center;
   justify-content: center;
   width: 54px;
   cursor: pointer;
}
.search input {
   height: 40px;
   width: calc(100% - 54px);
   padding-left: 10px;
   background: 0 0;
   color: #fff;
   font-size: 16px;
}
.search input::placeholder {
   color: #fff;
}
.header__menu {
   background: var(--site-primary-color);
   width: 100%;
   z-index: 100;
   height: 48px;
   padding-top: 5px;
}
.header__menu nav {
   position: relative;
   top: 0;
}
.header__menu nav ul > li:hover {
   background: rgba(255, 255, 255, 0.1);
}
.header__menu a,
.header__menu nav ul,
.header__menu nav ul > li {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
}
.header__menu nav ul {
   column-gap: 3.5px;
}
.header__menu a,
.header__menu nav ul > li {
   font-size: 15px;
   justify-content: center;
}
.header__menu nav ul > li {
   flex-grow: 1;
   text-align: center;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   height: 38px;
}
.header__menu nav ul > li.active {
   position: relative;
}
.header__menu nav ul > li.active a {
   font-weight: 700;
   color: var(--site-primary-color);
}
.header__menu a {
   line-height: 50px;
   color: #fff;
   width: 100%;
   height: 100%;
}
.header__menu a svg {
   fill: #fff;
   margin-right: 4px;
}
.header__menu nav ul > li.menu-icon--small {
   background: #231f20;
}
.header__menu nav ul > li.biznis {
   background: #4b9051;
}
.header__menu nav ul > li.sportal {
   background: #ff4d00;
}
.header__menu nav ul > li.active,
.header__sub-menu {
   background: #fff;
}
.header__menu nav ul > li.header__menu-more:hover {
   background: 0 0;
}
.header__menu .container:first-child {
   overflow: hidden;
   height: 43px;
}
.header__menu .container:last-child {
   position: relative;
}
.header__sub-menu li {
   float: left;
}
.header__sub-menu li.active a {
   font-weight: 700;
}
.header__sub-menu a {
   font-size: 15px;
   display: block;
   height: 40px;
   line-height: 40px;
   padding: 0 6px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
}
.menu-icon img {
   display: block;
   width: auto;
   height: 50px;
   margin: 0 auto;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
}
.menu-icon--small img {
   height: 20px;
}
.section {
   max-width: 1060px;
   width: 100%;
   margin: 0 auto 20px;
   display: block;
}
.section--article {
   margin-bottom: 0;
}
.section__content {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: space-between;
   width: 100%;
   float: left;
}
.comments {
   background: #fff;
   width: 100%;
}
.comments__top {
   background: #ef2673;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding: 10px 16px;
}
.comments__num {
   color: #fff;
   font-size: 22px;
   line-height: 22px;
   font-weight: 700;
}
.comments__num a {
   color: #fff;
}
.comments__sort {
   background: #ef2673;
   width: 100%;
   padding: 0 16px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   justify-content: center;
}
.sort {
   position: relative;
}
.comments__sort > div {
   cursor: pointer;
   color: #fff;
   position: relative;
}
.sort__button {
   padding: 10px 20px;
   display: block;
   color: #fff;
   cursor: pointer;
}
.comments__sort .active {
   font-weight: 700;
   background: #fff;
}
.sort__button.active {
   color: #ef2673;
}
.article {
   background: #fff;
   padding: 15px 15px 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}
.article__header,
.article__text ul {
   margin-bottom: 15px;
}
.article__header h1 {
   font:
      700 38px/1.25em "Roboto",
      serif;
   margin: 15px 0;
}
.article__header p {
   margin: -5px 0 10px;
   font-size: 18px;
   line-height: 1.4em;
}
.article__header p a,
.article__text p a,
.article__text ul li a {
   text-decoration: underline;
   text-decoration-color: var(--site-primary-color);
   text-decoration-thickness: 2px;
   text-underline-offset: 3px;
}
.article__text {
   width: 100%;
}
.article__text p {
   font-size: 17px;
   line-height: 1.6em;
   margin-bottom: 15px;
}
.article__text > h1 {
   font-weight: 700;
   margin-bottom: 15px;
   font-size: 32px;
}
.article__text ul li {
   padding: 0 0 10px 15px;
   position: relative;
}
.article__text ul li:before {
   content: "\2022";
   color: var(--site-primary-color);
   position: absolute;
   left: 0;
}
.art-img,
.red-btn {
   width: 100%;
   display: block;
}
.red-btn {
   background: red;
   color: #fff;
   padding: 16px;
   box-sizing: border-box;
   margin: 0 auto;
   text-align: center;
   font-weight: 700;
   text-decoration: none;
   max-width: 360px;
}
.red-btn:hover {
   color: #000;
}
.art-img {
   max-width: 650px;
   margin: 0 auto 1em;
}
.art-img__text {
   text-align: center;
   max-width: 550px;
   width: 100%;
   margin: -0.7em auto 1em;
}
.big-red {
   text-align: center;
   color: red;
}
.block {
   padding: 16px;
   box-sizing: border-box;
   margin-bottom: 1em;
}
.block.--grey {
   background: #dcdcdc;
}
.block p:last-child {
   margin-bottom: 0 !important;
}
.comments__sort a {
   color: #fff;
   display: block;
}
.hamburger {
   display: none;
}
.comments__list {
   border: 1px solid #eee;
}
.comment__item {
   padding: 14px;
   border-bottom: 1px solid #eee;
}
.comment__item:last-child {
   border-bottom: 0;
}
.comment__top {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.comment__author {
   font-weight: 700;
}
.comment__top time {
   color: #dcdcdc;
   font-size: 12px;
}
.comment__item > p {
   font:
      17px/1.6em Arial,
      sans-serif;
   margin: 10px 0;
}
.comment__item a {
   color: #2b32b2;
}
.comment__vote {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.comment__vote-down,
.comment__vote-up {
   cursor: pointer;
   padding: 5px;
   display: flex;
   align-items: center;
   gap: 4px;
}
.comment__vote-down {
   margin-left: 20px;
}
.icon {
   width: 16px;
   height: 16px;
   display: inline-block;
}
.comment__vote svg {
   vertical-align: bottom;
   color: #fff;
   border-radius: 100%;
}
.comment__vote-up svg {
   background: #0d960d;
}
.comment__vote-down svg {
   background: #ff1010;
}
.button {
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
   background: red;
   border: 0;
   border-radius: 8px;
   width: 100%;
   max-width: 340px;
   font-size: 18px;
   cursor: pointer;
   text-align: center;
   display: block;
   margin: 0 auto;
   padding: 16px;
   height: auto;
   transition: 0.2s;
}
.comments {
   margin-top: 60px;
}
.loading {
   display: flex;
   align-items: center;
}
.loading img {
   display: inline;
   width: 60px !important;
   margin: 0 16px 0 0;
}
.comments__kma > div {
   transition: all 0.3s ease;
}
.comment-hide,
.comment-hide2 {
   transform: translateX(calc(-100% - 100px));
   height: 0;
   min-height: 0;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
.comment-write,
.comment-write2 {
   transition: all 0.3s ease;
   max-height: 100px;
   overflow: hidden;
   display: flex;
   align-items: center;
   padding-left: 14px;
}
.second-write {
   transform: translateX(calc(-100% - 100px));
   height: 0;
   min-height: 0;
   margin: 0;
   padding: 0;
}
.comments__kma,
.second-write {
   overflow: hidden;
}
.loading {
   font-style: italic;
}
.loading:after {
   content: ".";
   animation: loading 1s ease alternate infinite;
}
@media (min-width: 48em) {
   .comments__sort > div {
      margin: 0 10px;
   }
}
@media (max-width: 768px) {
   #search-input,
   .header__menu {
      display: none;
   }
   .hamburger {
      height: 40px;
      width: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 2px;
      color: #fff;
      fill: #fff;
   }
   .hamburger__bars {
      width: 20px;
      height: 13.3px;
      fill: #fff;
   }
   .search {
      right: 165px;
      width: 54px;
   }
}
.top-header {
	display: flex;
	max-width: 1100px;
	margin: 0 auto;
}
.top-header img {
	height: 51px;
	width: 190px;
}
.nav {
	display: flex;
	margin-left: 40px;
}
.nav a {
	display: block;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	padding: 12px 10px 10px;
   font-size: 18px;
}
a.book-link {
	color: #FCC300;
	background: #1d252e;
	padding-bottom: 14px;
}
.nav a:hover {
	color: #2f5186;
}
a.book-link:hover {
	color: #FCC300;
}
.bottom-header {
	background: #026294;
}
.nav-bottom {
	display: flex;
	max-width: 1100px;
	margin: 0 auto;
	justify-content: space-between;
	padding: 4px 0;
}
.nav-bottom a {
	color: #fff;
	font-size: 13px;
	display: block;
	padding: 13px 3px 10px;
	text-decoration: none;
	position: relative;
}
.nav-bottom a::after {
    border-bottom: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}
a.nav-search::after {
	display: none;
}
.nav-search img {
	width: 13px;
}
#l2 {
	background: #C50E12;
	font-weight: 600;
	padding-left: 19px;
	padding-right: 7px;
	margin-left: 7px;
}
#l2::after,
#l3::after,
a.no-str:after {
	display: none;
}
#l2::before {
	content: "";
	background: url(../img/fire.webp);
	position: absolute;
	left: -13px;
	top: -5px;
	width: 30px;
	height: 44px;
}
#l3 {
	font-weight: 600;
	color: #4cffe6;
}
@media screen and (max-width: 1115px) {
	.nav-bottom li:nth-child(4),
	.nav-bottom li:nth-child(5),
	.nav-bottom li:nth-child(6) {
		display: none;
	}
}
@media screen and (max-width: 905px) {
	.nav-bottom li:nth-child(7),
	.nav-bottom li:nth-child(8),
	.nav li:nth-child(3),
	.nav li:nth-child(4),
	.nav li:nth-child(5) {
		display: none;
	}
}
@media screen and (max-width: 675px) {
	.nav {
		display: none;
	}
	.bottom-header {
		display: none;
	}
	.top-header {
		justify-content: center;
		border-bottom: 2px #026294 solid;
	}
   #pluginCta {
      margin-bottom: 0!important;
   }
   
   .article__header h1 {
      font-size: 26px;
      line-height: 1.2;
   }
}