body {background: #000;}

@media only screen and (min-width: 820px) {
	body {background-color: #000; background-image: url('bg.jpg'); background-position: center 50px; background-repeat: no-repeat;}
}

#ten_frontrow_link {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; text-decoration: none;}

#ten_frontrow_mobiletrailer,
#ten_frontrow_mobiletrailer:hover,
#ten_frontrow_secondlink,
#ten_frontrow_secondlink:hover,
#ten_frontrow_trailer,
#ten_frontrow_trailer:hover {display: none; position: absolute; z-index: 2; right: 0; top: 0; width: 0; height: 0; opacity: 0; background-image: none;}

/* Трейлер и распорка */
.trailerb {max-width: 658px; width: 100%; margin: 10px 0 0 0; text-align: center; background: #221023 url('lightbox_bg.png') no-repeat center top; color: #fff3dc; text-shadow: 1px 1px 1px #000000; font-family: Arial, sans-serif; font-size: 14px; padding: 0; border: 0; display: none; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.9);}
.selector {display: none;}
.trailer {width: 90%; padding: 64px 30px 25px 30px; min-height: 381px;}

.ten_frontrow_bg_medium, .ten_frontrow_bg_small {display: none; width: 100%;}

@media only screen and (max-width: 1199px) {
	.ten_topbar {display: none;}
	/* выводим ссылку из-под меню, чтобы гугл не ругался на их близость */
	#ten_frontrow_link {top: 50px; height: calc(100% - 50px);}
	#ten_frontrow_secondlink {display: none;}
	.ten_ears_wrap {margin: -150px auto 0 auto;}
}
@media only screen and (min-width: 820px) and (max-width: 1199px) {
	body {background-size: 1370px auto;}
}
@media only screen and (max-width: 819px) {
	body {background-image: none;}
	.ten_frontrow_bg_medium {display: block; background-image: url('bg_medium_2x.jpg'); background-position: center top; background-repeat: no-repeat; background-size: 100%;}
	.ten_ears_wrap {margin: 0 auto;}
}





/* По-умолчанию футер на сайте с нулевой высотой - здесь мы его включаем */
div.ten_footer_wrap {display: block; width: 100%; height: 400px;}
a#ten_footer_link {display: block; width: 100%; height: 100%; margin: 0 auto; text-decoration: none;}
a#ten_footer_link:hover {text-decoration: none;}

@media only screen and (min-width: 820px) {
	div.ten_footer_wrap {background-image: url('footer.jpg'); background-position: center top; background-repeat: no-repeat;}
}
@media only screen and (min-width: 820px) and (max-width: 1199px) {
	div.ten_footer_wrap {height: 271px; background-size: 1366px auto;}
}
@media only screen and (max-width: 819px) {
	div.ten_footer_wrap {height: auto; background-image: url('footer_medium_2x.jpg'); background-size: 100%;}
	img.ten_footer_sizer {display: block;}
}





/* Responsive Retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 820px),
only screen and (min-resolution: 192dpi) and (min-width: 820px)
{
	body {
		background-image: url('bg_2x.jpg');
		background-size: 2000px auto;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 820px) and (max-width: 1199px),
only screen and (min-resolution: 192dpi) and (min-width: 820px) and (max-width: 1199px)
{
	body {
		background-image: url('bg_2x.jpg');
		background-size: 1370px auto;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px),
only screen and (min-resolution: 192dpi) and (min-width: 1200px)
{
	div.ten_footer_wrap {
		background-image: url('footer_2x.jpg');
		background-size: 2000px auto;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 820px) and (max-width: 1199px),
only screen and (min-resolution: 192dpi) and (min-width: 820px) and (max-width: 1199px)
{
	div.ten_footer_wrap {
		background-image: url('footer_2x.jpg');
		background-size: 1366px auto;
	}
}





/* Рубль тому, кто объяснит смысл этого */
#ad-image-id {position: absolute !important;}