/* Плашки v1: https://landing.retailweek.ru */
.fix-plash { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1000000; }
.fix-plash > .wrap { position: relative; max-width: 1370px; margin: 0px auto; }
.plashka-left, .plashka-right {
   width: 99px; list-style: none; position: absolute; visibility: hidden; top: -580px;
   background: #fff; box-shadow: 0 0 0 1px #EF0E0E; transition: top 1s;
}
.affix-fixed .plashka-left, .affix-fixed .plashka-right { visibility: visible; top: 150px; /*animation: plashka-from-top 1s 0s forwards;*/ }
@keyframes plashka-from-top {
	from { top: -580px;	}
	to { top: 150px; }
}
.plashka-left { left: -100px; margin-left: 0px; }
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) .plashka-left, .plashka-left { 
	background: linear-gradient(-135deg, #EF0E0E, #EF0E0E 13px, transparent 13px), #fff !important; 
}
.plashka-left img { height: 90px; padding: 4px 4px 4px 8px; }
.plashka-left a { display: block; }
.plashka-left a:hover { background-color: rgba(0,0,0,.05); }
.plashka-right { right: -100px; padding: 7px; margin-left: 0px; }
.plashka-right li { margin-bottom: 8px; }
.plashka-right li.blast, .plashka-right li.rlast { margin-bottom: 0px; }
.plashka-right li > a, .plashka-right li > a {
	display: flex; align-items: center; color: #fff; 
	background: linear-gradient(-135deg, #EF0E0E, #EF0E0E 8px, transparent 8px), linear-gradient(180deg, #3265C8, #00205F);
	box-shadow: 0 0 0 1px #EF0E0E; flex-direction: column;
}
.plashka-right li > a:hover, .plashka-right li > a:hover {
	text-decoration: none; background: linear-gradient(-135deg, #EF0E0E, #EF0E0E 8px, transparent 8px), linear-gradient(180deg, #4081ff, #00308f);
}
.plashka-right li > a > span.image-title {
	display: block; padding: 4px; text-transform: uppercase; font-size: 10px; line-height: 10px; font-weight: 700; text-align: center;
}
.plashka-right li > a > span.image-title.red {
	display: block; width: calc(100% - 12px); margin: -8px 0 0; background: #EF0E0E; padding: 4px; border-radius: 4px 4px 0 0;	
}
.plashka-right li.rlast { display: none; }
.plashka-right li:not(.blast) > a > img { width: 45px; order: 2; }
.plashka-right li. a.last img { width: 100%; height: 86px; object-fit: cover; }

/* Плашки v2: https://landing.retailweek.ru/logistics/ */
.plashki-round .plashka-left, .plashki-round .plashka-right { border-radius: 50px; overflow: hidden; }
.plashki-round .plashka-right a.first { border-radius: 50px 50px 0px 0px; overflow: hidden; }
.plashki-round .plashka-right a.last2 { border-radius: 0px 0px 50px 50px; overflow: hidden; }
.plashki-round .plashka-right li.rlast { display: block; }
.plashki-round .plashka-right li.blast { display: none; }
.plashki-round .plashka-right li > a > span.image-title { font-size: 8px; width: 70px; }
.plashki-round .plashka-right li.a > a {
	background: linear-gradient(45deg, #EF0E0E, #EF0E0E 8px, transparent 8px), linear-gradient(180deg, #3265C8, #00205F); 
}
.plashki-round .plashka-right li.b > a {
	background: linear-gradient(-45deg, #EF0E0E, #EF0E0E 8px, transparent 8px), linear-gradient(180deg, #3265C8, #00205F); 
}
.plashki-round .plashka-right li.c > a {
	background: linear-gradient(135deg, #EF0E0E, #EF0E0E 8px, transparent 8px), linear-gradient(180deg, #3265C8, #00205F); 
}
.plashki-round .plashka-right li.rlast > a {
	background: linear-gradient(-135deg, #EF0E0E, #EF0E0E 8px, transparent 8px), linear-gradient(135deg, #EF0E0E, #EF0E0E 8px, transparent 8px), linear-gradient(180deg, #3265C8, #00205F)
}

/* адаптивность */
@media (max-width: 1570px) {
	.plashka-left { left: 0px; }
	.plashka-right { right: 0px; }
}
@media (max-width: 992px) {
	.fix-plash { display: none; }
}