@media screen and (min-width: 84rem) {
  [data-state=black-header] .header-nav li a,
 [data-state=white] .header-nav li a{
    color: #fff;
  }
  [data-state=black-header] .header-btns-worktime span:first-child,
[data-state=white] .header-btns-worktime span:first-child
 {
    color: #fff !important;
  }
  [data-state=black-header] .header-btns-call a:first-child ,
[data-state=white] .header-btns-call a:first-child {
    color: #fff;
  }
  [data-state=black-header] .header-btns-worktime span:last-child ,
[data-state=white] .header-btns-worktime span:last-child {
    color: rgba(255, 255, 255, 0.6);
  }
  [data-state=black-header] a, [data-state=black-header] span ,
[data-state=white] a, [data-state=black-header] span 
{
    color: #fff;
  }
  .header-nav li a:hover {
    color: var(--oranzhevyy) !important;
  }
	[data-state=black-blog]{
background-color: #000;
}
  [data-state=white] {
    background-color: #000 !important;
    transition: 0.3s ease;
    border-bottom: 1px solid #333333 !important;
  }
  [data-state=white] a, [data-state=white] span {
    color: #fff  !important;
  }
  [data-state=white] .btn.btn-header.btn-black {
    background-color: #000  !important;
  }
  [data-state=white] .header-btns-worktime span:first-child {
    color: #fff  !important;
  }
  [data-state=white] .header-btns-call a:first-child {
    color: #fff  !important;
  }
  [data-state=white] .header-btns-worktime span:last-child {
    color: rgba(255, 255, 255, 0.6)  !important;
  }

  [data-state=white] .header-btns-call a:last-child {
color: var(--oranzhevyy) !important;
}
[data-state=black-header] .btn.btn-header.btn-black {
background-color: transparent !important;
}

}
.blog {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 95rem) and (min-width: 48rem) {
  .blog {
    padding: 0 2.5rem;
  }
}
@media screen and (max-width: 48rem) and (min-width: 42.0625rem) {
  .blog {
    padding: 1.6875rem 2.5rem;
  }
}
@media screen and (max-width: 42rem) {
  .blog {
    padding: 1.71875rem 0.625rem;
  }
}
.blog-header {
  display: flex;
  justify-content: space-between;
}
.blog-header .title {
  background: linear-gradient(266.48deg, #FFFFFF 3.18%, #7B7B7B 98.8%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
@media screen and (min-width: 57rem) {
  .blog-header .title {
    max-width: 47.5rem;
  }
.blog-header{
padding-bottom: 2.5rem;
}
}
@media screen and (max-width: 57rem) {
  .blog-header .title {
    max-width: 26rem;
    
  }
.blog-header{
padding-bottom: 20px;
}
}
.blog-header-socials {
  display: flex;
  gap: 0.625rem;
}
@media screen and (max-width: 50.625rem) {
  .blog-header-socials {
    display: none;
  }
}

.blog-header-socials .icon-socials{
    width: 53px;
    height: 53px;
}

.blog-header-socials .icon-socials-sprite-footer-tg {
  margin-left: -4px;
}
.blog-header-socials .icon-socials {
  background-color: #F4F4FB;
  border: none;
}
.blog-header-socials .icon-socials-sprite {
  fill: var(--oranzhevyy);
}
.blog-header-socials .icon-socials:hover {
  background-color: var(--oranzhevyy);
}
.blog-header-socials .icon-socials:hover .icon-socials-sprite {
  fill: #F4F4FB;
}
.blog-body {
  display: flex;
  
}
@media screen and (min-width: 30.0625rem) {
  .blog-body {
    gap: 2.0625rem;
  }
}
@media screen and (max-width: 30rem) {
  .blog-body {
    gap: 1.25rem;
  }
}

@media screen and (min-width: 42.0625rem) {
  .blog-body {
    /*margin-top: 2.5rem;*/
  }
}
.blog-body-filters {
  max-width: 13.9375rem;
  width: 100%;
}
@media screen and (max-width: 50.625rem) {
  .blog-body-filters {
    display: none;
  }
}
.blog-body-filters-input {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
  display: flex;
  justify-content: space-between;
}
.blog-body-filters-input input {
  color: #fff;
}
/*.blog-body-filters-input:has(input:active) {
  border-bottom: 1px solid #fff;
}
.blog-body-filters-input:has(input:focus) {
  border-bottom: 1px solid #fff;
}
.blog-body-filters-input:has(input:hover) {
  border-bottom: 1px solid #fff;
}*/
.blog-body-filters-tags {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.75rem;
  margin-top: 2.25rem;
}
.blog-body-filters-tags li {
  height: 27px;
}
.blog-body-filters-tags li a {
  border: 1px solid #fff;
  border-radius: 60px;
  padding: 3px 12px;
  color: #fff;
  height: fit-content;
font-size:14px;
}
.blog-body-filters-tags li:hover a {
  background-color: var(--oranzhevyy);
  border-color: var(--oranzhevyy);
}
.blog-body-filters-tags li.active a {
  background-color: var(--oranzhevyy);
  border-color: var(--oranzhevyy);
}

.blog-body-articles {
  
  justify-content: space-between;
}
@media screen and (min-width: 75.0625rem) {
  .blog-body-articles {
    display: flex;
     flex-wrap: wrap;
row-gap: 80px;
justify-content: space-between;
width: 100%;
  }
}
@media screen and (max-width: 75rem) {
  .blog-body-articles {
display: grid;
    grid-template-columns: 1fr;
    row-gap: 2.5rem;
  }
}
.blog-body-articles .article-item {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.blog-body-articles .article-item a {
  word-break: break-word;
  white-space: normal;
}
.blog-body-articles .article-item .article-item-main-image {
  overflow: hidden;
}
.blog-body-articles .article-item .article-item-main-image img {
  transition: 0.3s ease;
scale:1;
}
@media screen and (min-width: 42.0625rem) {
  .blog-body-articles .article-item:hover .article-item-main-image img {
    scale: 1.15;
  }
}
.blog-body-articles .article-item .article-item-main-title {
  word-break: break-word;
  white-space: normal;
  line-height: 100%;
  background: linear-gradient(229deg, #fff 0%, #7b7b7b 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blog-body-articles .article-item .article-item-main-title:hover {
  background: linear-gradient(229deg, #7b7b7b 0%, #fff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blog-body-articles .article-item .autor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  gap: 0.625rem;
}
.blog-body-articles .article-item .autor img {
  width: 51px;
  height: 51px;
}
.blog-body-articles .article-item .autor p {
  font-size: 0.875rem;
  color: var(--belyy);
}
.blog-body-articles .article-item .article-item-info {
  display: flex;

  justify-content: flex-start;
  gap: 0.625rem;


}
@media screen and (min-width:1201px){
.blog-body-articles .article-item .article-item-info {
flex-direction: column;
  align-items: flex-start;
}
.blog-body-articles .article-item .article-item-info .article-item-info-blocks {
margin-top:8px;
}
}
@media screen and (max-width:1200px) and (min-width:391px){
.blog-body-articles .article-item .article-item-info {
  align-items: center;
}
.blog-body-articles .article-item .article-item-info .article-item-info-blocks {
margin-top:3px;
}
}
@media screen and (max-width:390px){
.blog-body-articles .article-item .article-item-info {
flex-direction: column;
  align-items: flex-start;
}
}

.blog-body-articles .article-item .article-item-info .article-item-info-blocks {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
}
.blog-body-articles .article-item .article-item-info .block-time {
  position: relative;
  width: fit-content;
  padding-left: 1.7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  
    white-space: nowrap;
    word-break: keep-all;

}
	@media screen and (min-width:42.0625rem){
		.blog-body-articles .article-item .article-item-info .block-time {
		margin-left: 0rem;
		}
	}
	/*@media screen and (min-width:42rem){
		.blog-body-articles .article-item .article-item-info .block-time {
			margin-left: 0px;
		}
	}*/

.blog-body-articles .article-item .article-item-info .block-time::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15C11.2044 15 10.4413 14.6839 9.87868 14.1213C9.31607 13.5587 9 12.7956 9 12C9 11.2044 9.31607 10.4413 9.87868 9.87868C10.4413 9.31607 11.2044 9 12 9C12.7956 9 13.5587 9.31607 14.1213 9.87868C14.6839 10.4413 15 11.2044 15 12Z' stroke='%23FF6900' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M2 12C3.6 7.903 7.336 5 12 5C16.664 5 20.4 7.903 22 12C20.4 16.097 16.664 19 12 19C7.336 19 3.6 16.097 2 12Z' stroke='%23FF6900' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: 0;
}
.blog-body-articles .article-item .article-item-info .block-time p {
  font-size: 14px;
  line-height: 120%;
  color: var(--belyy-600);
}
@media screen and (max-width: 22.5rem) {
  .blog-body-articles .article-item .article-item-info .block-time p {
    font-size: 12px;
  }
}
.blog-body-articles .article-item .article-item-info .block-views {
  position: relative;
  width: fit-content;
  padding-left: 1.7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-body-articles .article-item .article-item-info .block-views::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 3C14.0196 3 16.4359 4.00089 18.2175 5.78249C19.9991 7.56408 21 9.98044 21 12.5C21 15.0196 19.9991 17.4359 18.2175 19.2175C16.4359 20.9991 14.0196 22 11.5 22C8.98044 22 6.56408 20.9991 4.78249 19.2175C3.00089 17.4359 2 15.0196 2 12.5C2 9.98044 3.00089 7.56408 4.78249 5.78249C6.56408 4.00089 8.98044 3 11.5 3ZM11.5 4C9.24566 4 7.08365 4.89553 5.48959 6.48959C3.89553 8.08365 3 10.2457 3 12.5C3 14.7543 3.89553 16.9163 5.48959 18.5104C7.08365 20.1045 9.24566 21 11.5 21C12.6162 21 13.7215 20.7801 14.7528 20.353C15.7841 19.9258 16.7211 19.2997 17.5104 18.5104C18.2997 17.7211 18.9258 16.7841 19.353 15.7528C19.7801 14.7215 20 13.6162 20 12.5C20 10.2457 19.1045 8.08365 17.5104 6.48959C15.9163 4.89553 13.7543 4 11.5 4ZM11 7H12V12.42L16.7 15.13L16.2 16L11 13V7Z' fill='%23FF6900' /%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: 0;
}
.blog-body-articles .article-item .article-item-info .block-views p {
  font-size: 14px;
  line-height: 120%;
  color: var(--belyy-600);
}
@media screen and (max-width: 22.5rem) {
  .blog-body-articles .article-item .article-item-info .block-views p {
    font-size: 12px;
  }
}
.blog-body-articles .article-item .article-item-info .date {
  font-size: 14px;
  line-height: 120%;
  color: var(--belyy-600);
white-space: nowrap; 
word-break: keep-all;
}
@media screen and (max-width: 22.5rem) {
  .blog-body-articles .article-item .article-item-info .date {
    font-size: 12px;
  }
}
.blog-body-articles .article-item .article-item-info .tag {
  padding: 0.1875rem 0.75rem;
  border-radius: 3.75rem;
  background: var(--oranzhevyy);
  width: fit-content;
  color: #fff;
  border: 1px solid var(--oranzhevyy);
white-space: nowrap;
word-break: keep-all;
}
@media screen and  (min-width:42.0625rem) {
	.blog-body-articles .article-item .article-item-info .tag {
    font-size: 14px;
  }
}
@media screen and (max-width: 42rem) and (min-width:22.5625rem) {
  .blog-body-articles .article-item .article-item-info .tag {
    font-size: 14px;
  }
}
@media screen and (max-width: 22.5rem) {
  .blog-body-articles .article-item .article-item-info .tag {
    font-size: 12px;
  }
}

.blog-body-articles .article-item .article-item-main-image{
display: block;
margin:0;
}

	@media screen and (min-width: 1521px) {
			.blog-body-articles .article-item:nth-of-type(4n+2) {
			max-width: 21.9375rem;
			}
			.blog-body-articles .article-item:nth-of-type(4n+4) {
			max-width: 43.625rem;
			width:43.625rem;
			
			}
/*.blog-body-articles .article-item:nth-of-type(4n+4) .article-item-main-image {
max-height:560px;
}*/
			.blog-body-articles .article-item:nth-of-type(4n+1) {
			max-width: 43.625rem;
			width: 43.625rem;
			}
			.blog-body-articles .article-item:nth-of-type(4n+3) {
			max-width: 21.9375rem;
			}
	}
	@media screen and (max-width: 1520px) and (min-width:1201px){

			.blog-body-articles .article-item:nth-of-type(4n+2) {
			max-width: 35%;
			width:100%;
			}
			.blog-body-articles .article-item:nth-of-type(4n+4) {
			max-width: 60%;
			width:100%;
			}
			.blog-body-articles .article-item:nth-of-type(4n+1) {
			max-width: 60%;
			width:100%;
			}
			.blog-body-articles .article-item:nth-of-type(4n+3) {
			max-width: 35%;
			width:100%;
			}
	}


@media screen and (min-width: 75.0625rem) {
  .blog-body-articles .article-item:nth-of-type(4n+2) {
    
    justify-self: end;
width:100%;
  }

  .blog-body-articles .article-item:nth-of-type(4n+2) .article-item-main-title {
    font-size: 1.25rem;
  }
  .blog-body-articles .article-item:nth-of-type(4n+4) {
    

  }
  .blog-body-articles .article-item:nth-of-type(4n+4) .article-item-main-title {
    font-size: 1.875rem;
  }
  .blog-body-articles .article-item:nth-of-type(4n+1) {

  }

  .blog-body-articles .article-item:nth-of-type(4n+1) .article-item-main-title {
    font-size: 1.875rem;
  }
  .blog-body-articles .article-item:nth-of-type(4n+3) {

    align-self: flex-end;
  }
  .blog-body-articles .article-item:nth-of-type(4n+3) .article-item-main-title {
    font-size: 1.25rem;
  }
}
	.blog-body-articles .article-item .article-item-main-title{
		min-height:60px;
	}
@media screen and (max-width: 75rem) and (min-width: 42.0625rem) {
  .blog-body-articles .article-item-main-title {
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 42rem) {
  .blog-body-articles {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 75rem) {
  .blog-body-articles .article-item {
    max-width: 100%;
  }
  .blog-body-articles .article-item img {
    width: 100%;
  }
}

.blog-btn-page {
  margin-top: 3.125rem;
  margin-right: 0;
  margin-left: auto;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 85.625rem) {
  .blog-btn-page a:last-child .bottom {
    margin-left: 10.6875rem;
  }
}
@media screen and (max-width: 85.5625rem) and (min-width: 50.6875rem) {
  .blog-btn-page a:last-child .top {
    margin-right: 6rem;
  }
  .blog-btn-page a:last-child .bottom {
    margin-left: 9.6875rem;
  }
}
@media screen and (max-width: 50.625rem) and (min-width: 42.0625rem) {
  .blog-btn-page a:last-child .top {
    margin-right: 0rem;
  }
  .blog-btn-page a:last-child .bottom {
    margin-left: 7.6875rem;
  }
}
@media screen and (max-width: 42rem) and (min-width: 30.0625rem) {
  .blog-btn-page a:last-child .bottom {
    margin-left: 6.6875rem;
  }
}
@media screen and (max-width: 30rem) {
  .blog-btn-page a:last-child .bottom {
    margin-left: 6rem;
  }
}




/*# sourceMappingURL=blog-page.css.map */