#advert-photo {
	width: 100%;
}
.advert-contact {
	a, a:hover, a:visited {
		color: #ff6000;
	}
}
#advert-header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
#advert-id {
	flex: 0 1 50%;
}
#advert-logo-text {
	flex: 1 1 50%;
}
#advert-stats {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
}
#advert-info {
	display: grid;
	grid-template-areas:
		"a a"
		"b c"
		"a a"
		"b c"
		"a a"
		"b c"
		"a a"
		"b c";
	font-family: helvetica;
	font-size: 1.5rem;
	font-weight: 300;
	padding: 0 1rem 2rem 0;
}
.advert-info-param {
	display: grid;
}
.advert-info-title {
	grid-area: "a";
	width: 100%;
}
.advert-info-value {
	grid-area: "b";
	height: 5rem;
	font-size: 5.5rem;
	font-weight: 500;
	padding: 1rem 0 1rem 0;
	text-align: right;
}
.advert-info-measure {
	grid-area: "c";
	text-align: right;
}
#advert-channels {
}
#advert-logo-list {
	display: grid;
	grid-template-columns: repeat(3, fit-content(10rem));
	gap: 4.2rem 6rem;
}
.advert-channel-logo {
	width: 10rem;
	scale: 100%;
	background-position: top;
	background-repeat: no-repeat;
	transition: scale 0.3s ease-out;
}
.advert-channel-logo img {
	opacity: 1;
	transition: opacity 0.3s ease-out;
}
.advert-channel-logo:hover {
	background-size: contain; 
	transform-origin: center;
	cursor: pointer;
}
.advert-channel-logo:hover img {
	opacity: 0;
}
.advert-logo-list-item {
	place-self: center;
}
.gray-filter {
	filter: invert(31%) sepia(3%) saturate(22%) hue-rotate(317deg) brightness(96%) contrast(84%);
}
#advert-vkus {
	background-image: url(/s/img/logo/vkus_black.svg);
}
.theme-dark #advert-vkus {
	background-image: url(/s/img/logo/vkus_white.svg);
}
#advert-bridge-tv {
	background-image: url(/s/img/logo/bridge_tv_black.svg);
}
.theme-dark #advert-bridge-tv {
	background-image: url(/s/img/logo/bridge_tv_white.svg);
}
#advert-bridge_rushit {
	background-image: url(/s/img/logo/bridge_rushit_black.svg);
}
.theme-dark #advert-bridge_rushit {
	background-image: url(/s/img/logo/bridge_rushit_white.svg);
}
#advert-bridge_sh {
	background-image: url(/s/img/logo/bridge_sh_black.svg);
}
.theme-dark #advert-bridge_sh {
	background-image: url(/s/img/logo/bridge_sh_white.svg);
}
#advert-bridge_classic {
	background-image: url(/s/img/logo/bridge_classic_black.svg);
}
.theme-dark #advert-bridge_classic {
	background-image: url(/s/img/logo/bridge_classic_white.svg);
}
#advert-bridge_deluxe {
	background-image: url(/s/img/logo/bridge_deluxe_black.svg);
}
.theme-dark #advert-bridge_deluxe {
	background-image: url(/s/img/logo/bridge_deluxe_white.svg);
}
#advert-bridge_hits {
	background-image: url(/s/img/logo/bridge_hits_black.svg);
}
.theme-dark #advert-bridge_hits {
	background-image: url(/s/img/logo/bridge_hits_white.svg);
}
#advert-bridge_rock {
	background-image: url(/s/img/logo/bridge_rock_black.svg);
}
.theme-dark #advert-bridge_rock {
	background-image: url(/s/img/logo/bridge_rock_white.svg);
}
#advert-bridge_fresh {
	background-image: url(/s/img/logo/bridge_fresh_black.svg);
}
.theme-dark #advert-bridge_fresh {
	background-image: url(/s/img/logo/bridge_fresh_white.svg);
}
#advert-bridge_dance {
	background-image: url(/s/img/logo/bridge_dance_black.svg);
}
.theme-dark #advert-bridge_dance {
	background-image: url(/s/img/logo/bridge_dance_white.svg);
}
#advert-bridge_etno {
	background-image: url(/s/img/logo/bridge_etno_black.svg);
}
.theme-dark #advert-bridge_etno {
	background-image: url(/s/img/logo/bridge_etno_white.svg);
}
#advert-babytime {
	background-image: url(/s/img/logo/babytime_black.svg);
}
.theme-dark #advert-babytime {
	background-image: url(/s/img/logo/babytime_white.svg);
}
.advert-info-source {
	font-family: helvetica;
	font-size: 1rem;
	text-align: left;
}
@media (max-width: 700px) {
	#advert-logo-list {
		grid-template-columns: repeat(3, fit-content(15rem));
	}
}
@media (min-width: 700px) {
	#advert-logo-list {
		grid-template-columns: repeat(3, fit-content(12rem));
	}
}
@media (max-width: 749px) {
	#advert-logo-list {
		grid-template-columns: repeat(3, fit-content(12rem));
	}
}
@media (min-width: 1024px) {
	#advert-logo-list {
		grid-template-columns: repeat(3, fit-content(10rem));
	}
}
@media (max-width: 1025px) {
}
@media (min-width: 1300px) {
	#advert-logo-list {
		grid-template-columns: repeat(4, fit-content(10rem));
	}
}
@media (max-width: 1201px) {
}
@media (min-width: 1440px) {
	#advert-logo-list {
	grid-template-columns: repeat(4, fit-content(12rem));
}
}
@media (max-width: 1440px) {
}
@media (min-width: 1580px) {
	#advert-logo-list {
		grid-template-columns: repeat(4, fit-content(15rem));
	}
}
@media (min-width: 1920px) {
	#advert-logo-list {
		grid-template-columns: repeat(4, fit-content(18rem));
		column-gap: 14rem;
	}
}
@media (min-width: 2380px) {
	#advert-logo-list {
		grid-template-columns: repeat(4, fit-content(20rem));
		column-gap: 14rem;
	}
}
div.fade-in {
  animation: fade-in 0.7s ease-in forwards;
}
div.fade-out {
  animation: fade-out 0.7s ease-out forwards;
}
@keyframes fade-in {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@keyframes fade-out {
  0% {
	opacity: 1;
  }
  100% {
	opacity: 0;
  }
}