:root {
  --white-color: #FFF;
  --grey: #CCCCCC;
  --black-color: #000;
  --border-color: #D8D8D8;
  --second-black: #323232;
  --main-border-bottom: #C4C4C4;
  --blue-color: #337AB7;
  --red-color: #E60001;
  --green-color: #01C65A;
  --footer-bg: #FBFBFB;
}








.autorWrp {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.autor_photo {
  width: 40px;
  height: 40px;
  margin-right: 7px;
}

.autor_text {
  font-weight: bold;
  font-size: 12px;
  line-height: 100%;
}

.autor_text:not(:first-of-type) {
  margin-top: 5px;
}





.news-block {
  display: flex;
  margin-bottom: 15px;
}

.news-block:nth-of-type(5) {
  margin-bottom: 0;
}

.news-block img {
  object-fit: contain;
  width: 100px;
  height: 75px;
}

.news-text {
  text-decoration: none;
  cursor: pointer;
  margin-left: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--black-color);
}



.text-author {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: var(--black-color);
}

.text-phrase {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 10px;
}

.text-block {
  background: rgba(232, 16, 25, 0.02);
  border: 2px solid var(--red-color);
  border-radius: 10px;
  padding: 20px;
}

.text-block__title {
  font-family: 'RobotoSlab';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: var(--red-color);
}

.text-block__text {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
}

span {
  font-style: inherit;
  font-weight: inherit;
  font-family: inherit;
}

.newsWrp {
  padding: 20px;
  background: rgba(232, 16, 25, 0.05);
}

.newsInner-title {
  display: flex;
  margin-bottom: 10px;
}

.newsTitle-wrp {
  margin-left: 10px;
  width: 100%;
}

.newsTitle {
  font-family: 'RobotoSlab';
  font-weight: bold;
  font-size: 18px;
  line-height: 150%;
}

.red {
  color: var(--red-color) !important;
}
.colored {
  background: rgba(0, 0, 0, 0.1);
  font-weight: 700;
  color: var(--red-color) !important;
}

.newsSubtitle {
  font-family: 'RobotoSlab';
  font-weight: bold;
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 10px;
}

.newsText {
  font-weight: normal;
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 10px;
}

.newsLink {
  font-weight: bold;
  font-size: 18px;
  line-height: 150%;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: var(--blue-color);
}


/* .speech-text::before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid #F2F5F9;
    border-top: 10px solid #F2F5F9;
    border-bottom: 10px solid transparent;
    left: -15px;
    top: 90%;
} */

.big-phrase {
  font-family: 'RobotoSlab';
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 30px;
  color: var(--black-color);
}

.footerLogo {
  width: 100%;
}

.resp-img {
  width: 100%;
  height: auto;
}

.btn {
  max-width: 380px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  background: var(--blue-color);
  border-radius: 5px;
  padding: 25px 20px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
  color: var(--white-color);
}


/* new-styles */

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-50 {
  margin-bottom: 50px;
}


/* /new-styles */

.comments {
  width: 100%;
  max-width: 650px;
  margin-bottom: 60px;
}

.comments-mainTitle {
  width: 100%;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
  color: var(--black-color);
  border-bottom: 1px solid #c4c4c4;
}

.comment-block {
  margin-top: 15px;
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.comment-block:nth-of-type(1) {
  margin-top: 20px;
}

.comment-img {
  border-radius: 50%;
  display: block;
  width: 41px;
  height: 41px;
}

.comment-mainPart {
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.comment-mainPart p {
  font-family: 'RobotoSlab';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.03em;
  margin-bottom: 0;
}

.comment-mainPart p span {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--grey);
}

.comment-mainPart .comment-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px;
}

.comment-like {
  height: 21px;
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #ccc;
}

.comment-like span {
  margin: 0 4px;
}

.comment-like {
  height: 21px;
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #ccc;
}

.selected {
  font: inherit !important;
  font-weight: bold !important;
  color: var(--blue-color);
  background: inherit;
  text-decoration: none;
  cursor: pointer;
}

a.brandName {
  font: inherit !important;
  font-weight: bold !important;
  color: var(--blue-color);
  background: inherit;
  text-decoration: none;
  cursor: pointer;
}

span.brandName {
  font: inherit;
  color: inherit;
}

p.image-undertext {
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}

p.text-content {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
}

@media all and (max-width: 1054px) {
  .news-block:nth-of-type(5) {
    display: none;
  }
}

@media (max-width: 460px) {
  .article-heading {
    font-size: 24px;
    line-height: 33px;
  }
}




@media all and (max-width: 460px) {
  .article-main {
    padding: 0 10px;
  }
  .mob-mb-10 {
    margin-bottom: 10px;
  }
  .mob-mb-15 {
    margin-bottom: 15px;
  }
  .mob-mb-35 {
    margin-bottom: 35px;
  }
}

@media all and (min-width: 461px) {
  .header__mob {
    display: none;
  }
  .header__tablet {
    display: block;
    padding: 0 14px;
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  header.header {
    margin-bottom: 20px;
  }
  .mainArticle-image-undertext {
    font-size: 12px;
    line-height: 14px;
  }
  .mainArticle-content {
    margin-bottom: 15px;
  }
  .text-block {
    flex-direction: column;
    padding: 20px;
  }
  .big-phrase {
    font-size: 24px;
    line-height: 28px;
  }
  .comments {
    margin-top: 0px;
  }
  .comment-mainPart p {
    font-size: 12px;
    line-height: 16px;
  }
  .comment-mainPart .comment-text {
    font-size: 13px;
  }
  .newsTitle {
    text-align: center;
  }
  .newsInner-title{
    margin-bottom: 5px;
  }
  .newsTitle-wrp {
    margin-left: 5px;
  }
  .newsSubtitle {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .newsLink{
    font-size: 16px;
  }
  .newsText{
    margin-bottom: 5px;
    font-size: 16px;
  }
  .btn {
    max-width: 100%;
    padding: 25px 20px;
    font-size: 18px;
    line-height: 21px;
  }
  br {
    display: none;
    margin-right: 10px;
  }
  footer br {
    display: block;
  }
  .mob-mb-5 {
    margin-bottom: 5px;
  }
}





@media all and (min-width: 1025px) {
  .btn:hover {
    transform: scale(1.1);
    transition-duration: 300ms;
  }
}



@media all and (max-width: 460px) {
  .comments {
    margin-bottom: 35px;
  }
  .autorWrp {
    margin-bottom: 20px;
  }
}

@media all and (max-width: 400px) {
  .article-heading {
    margin-bottom: 20px;
  }
  .text-title {
    font-size: 16px;
    line-height: 24px;
  }
  .mainArticle-image-text {
    font-size: 16px;
    line-height: 24px;
  }
  .text-author {
    font-size: 16px;
    line-height: 24px;
  }
  .text-phrase {
    font-size: 16px;
    line-height: 24px;
  }
  p.image-undertext {
    font-size: 12px;
    line-height: 16px;
  }
  p.text-content {
    font-size: 16px;
    line-height: 24px;
  }
  .text-block__title {
    font-size: 16px;
    line-height: 24px;
  }
  .text-block__text {
    font-size: 16px;
    line-height: 24px;
  }
  .big-phrase {
    margin-top: 45px;
  }
  .comments-mainTitle {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 5px;
  }
  .comment-block {
    margin-top: 15px;
  }
  .comment-mainPart .comment-text {
    font-size: 13px;
    line-height: 22px;
  }
}

@media all and (max-width: 360px) {
  .footerLogos img {
    width: 150px;
  }
}