body {background: #1c5b52;}

@media only screen and (min-width: 820px) {
	body {background-color: #1c5b52; 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 {display: none;}

#ten_frontrow_secondlink,
#ten_frontrow_trailer {
	display: block; position: absolute; z-index: 2; text-decoration: none; background-image: none; background-color: rgba(255,255,255,0); transition: background-color 300ms ease;
}
#ten_frontrow_secondlink:hover,
#ten_frontrow_trailer:hover {
	background-color: rgba(255,255,255,0.3);
}
#ten_frontrow_secondlink {right: 347px; bottom: 198px; width: 160px; height: 39px;}
#ten_frontrow_trailer {right: 135px; bottom: 198px; width: 210px; height: 39px;}


/* Трейлер и распорка */
.trailerb {max-width: 658px; width: 100%; margin: 10px 0 0 0; text-align: center; background: #000000 url('lightbox_bg.jpg') 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_ears_wrap {margin: -150px auto 0 auto;}
}
@media only screen and (min-width: 820px) and (max-width: 1199px) {
	body {background-size: 1370px auto;}
	#ten_frontrow_trailer {right: 91px; bottom: 215px; width: 145px; height: 28px;}
	#ten_frontrow_secondlink {right: 236px; bottom: 215px; width: 110px; height: 28px;}
	#ten_frontrow_mobiletrailer {display: none;}
}
@media only screen and (max-width: 819px) {
	body {background-image: none;}
	/*#ten_frontrow_mobiletrailer {display: block; bottom: 15px;}*/
	.ten_frontrow_bg_medium {display: block; background-image: url('bg_medium.jpg'); background-position: center top; background-repeat: no-repeat; background-size: 100%;}
	.ten_ears_wrap {margin: 0 auto;}
	#ten_frontrow_trailer, #ten_frontrow_secondlink {display: none;}
}





/* По-умолчанию футер на сайте с нулевой высотой - здесь мы его включаем */
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.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 (max-width: 819px),
only screen and (min-resolution: 192dpi) and (max-width: 819px)
{
	.ten_frontrow_bg_medium {
		background-image: url('bg_medium_2x.jpg');
	}
}
@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;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 819px),
only screen and (min-resolution: 192dpi) and (max-width: 819px)
{
	div.ten_footer_wrap {
		background-image: url('footer_medium_2x.jpg');
		background-size: cover;
	}
}





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