section.article-promote-header {
     position: fixed;
     top: -100px;
     z-index: 3;
     left: 0;
     right: 0;
     width: 922px;
	     left: calc(50% - 350px);
     background: var(--background);
     border-bottom: var(--border);
 
     opacity: 0;
     visibility: hidden;
     -webkit-transition: top 0.5s, opacity 0.5s, visibility 0.5s;
     -moz-transition: top 0.5s, opacity 0.5s , visibility 0.5s;
     -ms-transition: top 0.5s, opacity 0.5s, visibility 0.5s;
     -o-transition: top 0.5s, opacity 0.5s, visibility 0.5s;
     transition: top 0.5s, opacity 0.5s, visibility 0.5s;
     box-shadow: -14px 0 4px 0px rgba(0, 0, 0, 0.25);
 }
html.wide  section.article-promote-header{
	  width: calc(100% - 235px);
	  left: 220px;
}
html.wide.mini  section.article-promote-header{
	  width: calc(100% - 60px);
	  left: 60px;
}
 section.article-promote-header.active {
     opacity: 1;
     visibility: visible;
     top: 0;
 }
 section.article-promote-header h3 {
     font-size: 18px;
     line-height: 18px;
     font-size: 18px;
     line-height: 18px;
     margin-bottom: 0;
     padding: var(--margin);
     padding-bottom: unset;
     color: var(--color);
 }
 section.article-promote-header .items {
     display: grid;
     grid-gap: 0;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
 }
 section.article-promote-header .items .item:nth-child(n+5){
	 display:none;
 }
 html.wide section.article-promote-header .items .item:nth-child(n+5){
	 display:block;
 }




 section.article-promote-header .items .item {
     position: relative;
     border-right: var(--border);
 }
 section.article-promote-header .items .item:last-of-type {
 }
 section.article-promote-header .items .item:hover {
     z-index: 3;
     background: var(--background-hover)
 }
 section.article-promote-header .items a {
     padding: 8px;
     display: grid;
     grid-template-columns: 47px 1fr;
     grid-gap: 8px;
 }
 section.article-promote-header .image {
     height: 32px;
     opacity: 1;
     overflow: hidden;
     border-radius: var(--border-radius);
     position: relative;
 }
 section.article-promote-header .image .promote {

 }
html.wide  section.article-promote-header .image{
	  height: 36px;
}
 section.article-promote-header .image img {
     width: 100%;
     border-radius: var(--border-radius);
     height: 100%;
     object-fit: cover;
     -webkit-transition: transform .5s;
     -moz-transition: transform .5s;
     -ms-transition: transform .5s;
     -o-transition: transform .5s;
     transition: transform .5s;
     filter: grayscale(0.5)
 }
 section.article-promote-header .item:hover .image img {
     filter: grayscale(0);
     transform: scale(1.05)
 }
 section.article-promote-header .title {
     font-weight: 400;
     font-size: 16px;
     line-height: 16px;
     color: var(--color-dark);
 }
html.dark  section.article-promote-header .title {
	color:var(--color);
}
html.wide  section.article-promote-header .title{
	/* font-size: 18px; */
	/* line-height: 18px; */
}
 section.article-promote-header a:hover .title{
	 color:var(--color);
 } 

@media all and (max-width: 1660px){
 html.wide section.article-promote-header .items .item:nth-child(n+6){
	 display:none;
 }
}


@media all and (max-width: 1140px) {



	
	section.article-promote-header {
	
	}
	section.article-promote-header.active {
	right: 0;
	width: 760px;
	left: calc(50% - 280px);
	}
	section.article-promote-header h3 {
	
	}
	section.article-promote-header .items {
	
	}
	section.article-promote-header .items .item {
	
	}
	section.article-promote-header .items .item:last-of-type {
	
	}
	section.article-promote-header .items .item:hover {
	
	}

 section.article-promote-header .items .item:nth-child(n+4){
	 display:none;
 }
	
	section.article-promote-header .items a {
	
	}
	section.article-promote-header .image {
	
	}
	section.article-promote-header .image img {
	
	}
	section.article-promote-header .item:hover .image img {
	
	}
	section.article-promote-header .title {
	
	}
}


@media all and (max-width: 960px) {
	section.article-promote-header {
	
	}
	section.article-promote-header.active {
	
	}

 section.article-promote-header .items .item:nth-child(n+3){
	 display:none;
 }
	

	
	section.article-promote-header h3 {
	
	}
	section.article-promote-header .items {
	
	}
	section.article-promote-header .items .item {
	
	}
	section.article-promote-header .items .item:last-of-type {
	
	}
	section.article-promote-header .items .item:hover {
	
	}
	section.article-promote-header .items a {
	
	}
	section.article-promote-header .image {
	
	}
	section.article-promote-header .image img {
	
	}
	section.article-promote-header .item:hover .image img {
	
	}
	section.article-promote-header .title {
	
	}

html.wide  section.article-promote-header{
	  width: calc(100% - 60px);
	  left: 60px;
}



	
}


@media all and (max-width: 720px) {

	 section.article-promote-header .items .item:nth-child(n+2){
	 display:none;
 }
	section.article-promote-header {
	
	}
	section.article-promote-header.active {
	
	}
	section.article-promote-header h3 {
	
	}
	section.article-promote-header .items {
	
	}
	section.article-promote-header .items .item {
	
	}
	section.article-promote-header .items .item:last-of-type {
	
	}
	section.article-promote-header .items .item:hover {
	
	}
	section.article-promote-header .items a {
	
	}
	section.article-promote-header .image {
	
	}
	section.article-promote-header .image img {
	
	}
	section.article-promote-header .item:hover .image img {
	
	}
	section.article-promote-header .title {
	
	}
}


@media all and (max-width: 540px) {
	section.article-promote-header {
	
	}
	section.article-promote-header.active {
	display: none!important;
	}
	section.article-promote-header h3 {
	
	}
	section.article-promote-header .items {
	
	}
	section.article-promote-header .items .item {
	
	}
	section.article-promote-header .items .item:last-of-type {
	
	}
	section.article-promote-header .items .item:hover {
	
	}
	section.article-promote-header .items a {
	
	}
	section.article-promote-header .image {
	
	}
	section.article-promote-header .image img {
	
	}
	section.article-promote-header .item:hover .image img {
	
	}
	section.article-promote-header .title {
	
	}
}