a {
   outline: 0;
   cursor: pointer !important;
   text-decoration: underline;
   color: #00f;
}
body,
h1,
h2 {
   color: #1b354a;
}
body {
   font: 20px/24px "Roboto";
   top: 0;
   width: 100%;
   height: 100%;
   margin: 0 auto;
   overflow-x: hidden;
   cursor: default;
}

a:hover {
   color: #3434fd;
   text-decoration: none;
}
h1,
h2 {
   font: 30px/34px "Roboto";
   margin: 0 0 17px;
}
h2 {
   font: 24px/26px "Roboto";
   margin: 18px 0;
}
img {
   max-width: 100%;
}
ul li {
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 10px;
}
header,
p {
   padding: 10px 0;
}
p {
   margin: 0;
}
.container {
   width: 1020px;
   position: relative;
   margin: 0 auto;
}
header {
   background: #fff;
   position: relative;
   width: 100%;
}
.logo {
   width: 50px;
   height: 50px;
   background: url(../img/logo-header.svg) no-repeat center center/40px 40px;
   vertical-align: top;
   margin-right: 16px;
}
.logo,
.logo_name,
.social_media li {
   display: inline-block;
   cursor: pointer;
}
.logo_name {
   font: 24px/28px "Roboto";
   margin: 12px 0 0 14px;
   color: #05519d;
   letter-spacing: 1.3px;
}
.header_line_1 {
   display: flex;
}
.head__nav {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 16px;
}
.head__nav a {
   color: black;
   font-size: 14px;
   text-decoration: none;
}
.social_media {
   position: relative;
   font-size: 0;
   display: flex;
   margin-left: auto;

   vertical-align: top;
   float: right;
}
.social_media li {
   width: 30px;
   height: 30px;
   border-radius: 2px;
   margin-top: 7px;
   margin-right: 8px;
}
.vk {
   background: url(../img/search.jpg) no-repeat center center/20px 20px;
}
.ok {
   background: url(../img/play.svg#Play_Circle-BackgroundButtonTertiaryDefaultTiny) no-repeat center center/20px 20px;
}
.search:hover,
.social_media li:hover {
   opacity: 0.7;
}
.header_line_2 {
   margin-top: 0;
   padding-bottom: 6px;
}
.links,
.links li {
   display: inline-block;
}
.links {
   padding-top: 5px;
   font-size: 0;
   position: relative;
   margin-left: 69px;
}
.links li {
   font: 14px "Roboto";
   color: #1b354a;
   margin-right: 15px;
   cursor: pointer;
   letter-spacing: 0.9px;
}
.links li:hover {
   color: #5296db;
}
.links li:nth-child(1),
.links li:nth-child(2) {
   margin-right: 11px;
}
.links li:last-child {
   margin-right: 0;
}
.chosen_link {
   border-radius: 3px;
   border: 2px solid #05519d;
   padding: 4px;
}

.text_section {
   width: 100%;
   background: #260701;
   padding-bottom: 10px;
}
.text_section,
.white_base {
   position: relative;
}
.base {
   background: #fff;
   padding: 40px 40px 0;
   width: 940px;
   overflow: hidden;
}
.comments {
   position: relative;
   margin-top: 40px;
}
.red {
   font-size: 22px;
   padding: 10px 0 0;
   color: #f40b0b;
}
.link a {
   display: block;
   text-align: center;
   height: 100%;
   color: #666;
}
.article-img,
.main-img-2 {
   display: block;
   width: 100%;
   max-width: 700px;
   margin: 15px auto;
}
.highlight {
   padding: 15px;
   margin: 15px 0;
}
.highlight.grey {
   background: #e3e3e3;
}
.highlight.yellow {
   background: #fff07e6b;
}
.highlight.green {
   background: #d9ead3;
   border: 1px solid #000;
}
.subtitle {
   padding: 10px 0;
   font-size: 22px;
   color: red;
   font-weight: 600;
}
b {
   font-weight: 700;
   font-family: "Roboto";
}
.comments h2 {
   font-size: 30px;
   margin-bottom: 35px;
}
.comment-item {
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   align-items: flex-start;
   margin-bottom: 0;
   font-size: 18px;
   display: flex;
   border-bottom: 1px solid #eee;
   padding: 15px 0;
}
.comment-item > div:first-child,
.comment-item > div:first-child img {
   width: 50px;
}
.user-info {
   padding: 0 0 0 15px;
   width: calc(100% - 50px);
}
.user-info > div:first-child {
   padding-bottom: 10px;
   font-weight: 700;
}
.user-info img {
   display: block;
   margin: 20px 0;
   width: 100%;
   max-width: 300px;
}
.user-detail {
   font-size: 20px;
   display: flex;
   flex-direction: column-reverse;
}
.user-detail > div:first-child {
   font-weight: 400;
   font-size: 14px;
}
.base {
   padding-top: 0 !important;
}
.headline {
   font-weight: 700;
   font-size: 39px;
   line-height: 44px;
   margin: 20px 0;
}
.top-h1 {
   font-weight: 700;
   font-size: 28px;
   line-height: 34px;
   margin: 20px 0;
}
#moveimg {
   display: block;
   margin: auto;
}
.first-comment {
   display: none;
}
@media screen and (min-width: 768px) {
   .user-info {
      padding: 0 15px;
   }
   .user-detail {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
   }
   .user-detail > div:first-child {
      order: 2;
      margin-left: auto;
   }
}
@media screen and (max-width: 1019px) {
   img {
      max-width: 100%;
   }
   .social_media {
      display: none;
   }
   .header_line_1,
   .header_line_2 {
      text-align: center;
   }
   .base {
      width: calc(100% - 50px);
      padding-right: 15px;
      padding-left: 15px;
      margin-right: 10px;
      margin-left: 10px;
   }
   .container {
      width: 100% !important;
   }
   .wr-search {
      display: none;
   }
   .links {
      height: 40px;
      overflow: hidden;
      padding: 0;
      margin: 0;
   }
}
@media (max-width: 1019px) {
   .base {
      padding-top: 0 !important;
   }
   .base h1 {
      margin-top: 0 !important;
   }
}
@media screen and (max-width: 767px) {
   p {
      text-align: left;
   }
}
@media (max-width: 767px) {
   .headline {
      font-size: 24px;
      line-height: 30px;
   }
   .top-h1 {
      font-size: 20px;
      line-height: 24px;
   }
   h2 {
      font: 20px/24px "Roboto";
   }
}
@media screen and (max-width: 480px) {
   .text_section,
   body {
      background: #fff;
   }
   .comments {
      margin-top: 0 !important;
   }
}
@media (max-width: 480px) {
   .header_line_2 {
      display: none;
   }
}
@media screen and (max-width: 320px) {
   .base p,
   ul li, 
   body {
      font-size: 18px;
   }
  
}
@media (max-width: 320px) {
   p {
      font-size: 16px;
   }
}
.myBlock > img {
   margin: 10px auto 10px;
   display: block;
}
.b-block {
   border: 1px #000 solid;
}
.red-txt, .red-txt * {
   color: red!important;
}
figure {
   max-width: 600px;
   margin: 10px auto;
}
figcaption {
   font-size: 16px;
   text-align: center;
}
.ol2 li:not(:last-child) {
   margin-bottom: 15px;
}
.ol2 ::marker {
   font-weight: 600;
}
h2.door__title {
   font: 700 22px/1.3 "Roboto"!important
}
.reply {
   padding-left: 30px;
}
.show-mob {
   display: none;
}
@media screen and (max-width: 540px) {
   .hide-mob {
      display: none!important;
   }
   .show-mob {
      display: block;
   }
}
@media (max-width: 768px) {
   .head__nav {
      display: none;
   }
   .header_line_1 {
      justify-content: center;
   }
}