﻿.page-homepage{padding-bottom:0;}
.page-homepage .ab-container {padding: 0}
.homepage .basic_block{border-radius:3px;}
.homepage .basic_block:last-child{margin:0;}
.basic_block{background:#efeee9; margin:0 0 26px 0;}
.basic_block .cover{vertical-align:top;}
.basic_block .cover_img{display:inline-block; vertical-align:top;}
.basic_block .cover_type0 .cover_img, .basic_block .cover_type4 .cover_img{}
.basic_block .cover_type1 .cover_img{border:2px solid #3b393f;}
.basic_block .cover_type1{position: relative;}
.basic_block .cover_type1:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 7px;
	background: url(/static/litres/i/cover/audio/100.png) 0 0 repeat-y;
	background-image:url(/static/litres/i/cover/audio/100.svg);
}
.basic_block .cover_type1.cover_init_h270:before{width: 14px;
	background: url(/static/litres/i/cover/audio/200.png) 0 0 repeat-y;
	background-image:url(/static/litres/i/cover/audio/200.svg);
}

.book-basic-big, .book-basic-small{overflow-y:hidden; width:100%;-webkit-overflow-scrolling: touch;}
.layout-scroll{white-space:nowrap; font-size:0; line-height:0;-webkit-overflow-scrolling: touch;overflow: auto;overflow-x: scroll;}

.book-row-item{display:inline-block; vertical-align:top; font-size:14px; line-height:normal; padding:15px 0 15px 0;}
.book-row-item .book-title{color:#9d9c9f; font-size:12px; text-transform:uppercase; padding:0 0 0 15px; height:23px;}

.bri-first .book-scroll-item{padding:23px 0 0 0;}
.book-scroll-item{display:inline-block; vertical-align:top; margin:0 32px 0 15px; white-space:normal;}
.book-scroll-item .description_txt .bookname{margin:0 0 5px 0;}
.book-scroll-item .description_txt .bookname a{color:#3b393f;font-weight:bold; text-decoration:none;}
.book-scroll-item .description_txt .author{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.book-scroll-item .description_txt .author a{color:#767579; text-decoration:none;}

.book-basic-big{padding:0; border-bottom:1px solid #d9d8d7;}
.book-basic-big .cover{margin:0 0 7px 0;}
.book-basic-big .description_txt{max-width:205px; margin-right:-40px}
.book-basic-big .cover_type1 .description_txt{max-width:230px;}
.book-basic-small .cover{margin:0 0 3px 0;}
.book-basic-small .description_txt{max-width:120px; margin-right:-47px; font-size:12px;}

.books_box{margin:0 0 26px 0;}
.books_box:last-child{margin:0;}

.arts_loader {width:100%; height:633px; display:none; text-align:center;  margin-bottom:60px; background:url('/static/litres/i/pages/homepage/arts_loader.gif') center center no-repeat;}

.loader_button{display:none;}
.loader_button a{display:block; margin:35px auto 35px auto; max-width:440px; height:50px; text-align:center; font:16px/50px "ALS Sirius",'Arial'; color:rgba(59, 57, 63, .5); border:1px solid #dbdbdb; text-decoration:none; text-transform:uppercase; border-radius:3px;}
.loader_button a:hover{color:#ff4c14; border-color:#ff4c14;}

/* [79011] На главной странице и в списках сделать унифицированную черную inset-рамку 15% прозрачности */
.cover{position: relative;}
.cover_type0:before, .cover_type0 .cover_href:before, .cover_type0:after, .cover_type0 .cover_href:after,
.cover_type4:before, .cover_type4 .cover_href:before, .cover_type4:after, .cover_type4 .cover_href:after{content: "";position: absolute;background: #000;opacity: 0.15;}
.cover_type0:before, .cover_type0:after,
.cover_type4:before, .cover_type4:after{width: 100%;height: 1px;left: 0;}
.cover_type0:before,
.cover_type4:before{top: 0;}
.cover_type0:after,
.cover_type4:after{bottom: 0;}
.cover_type0 .cover_href:before,.cover_type0 .cover_href:after,
.cover_type4 .cover_href:before,.cover_type4 .cover_href:after{bottom: 1px;width: 1px;top: 1px;}
.cover_type0 .cover_href:before,
.cover_type4 .cover_href:before{left: 0;}
.cover_type0 .cover_href:after,
.cover_type4 .cover_href:after{right: 0;}

@media screen and (max-width:500px){
	.loader_button a{max-width:260px;}
}

/* [111743] Для новой шапки ПДА сделать более скромный баннер моб.приложений */
.appbanner{margin:-15px 0 15px 0;}
.appbanner__link{display:block;text-decoration:none;text-align:center;}
.appbanner__title{display:block;font-size:14px;color:#3B393F;margin-bottom:15px;}
.appbanner__platform{display:inline-block;vertical-align:top;width:135px;height:40px;margin-right:15px;}
.appbanner__platform_iphone{background:url(/static/pda_2.0/i/app/app_iphone.svg) 0 0 no-repeat;}
.appbanner__platform_android{background:url(/static/pda_2.0/i/app/app_android.svg) 0 0 no-repeat;}
.appbanner__platform_winphone{background:url(/static/pda_2.0/i/app/app_winphone.svg) 0 0 no-repeat;}
.appbanner__button{display:inline-block;vertical-align:top;width:135px;height:40px;line-height:40px;font-size:14px;font-weight:bold;text-transform:uppercase;color:#fff;background-color:#ff4d00;}
.sorting-tabs + .appbanner {margin-top: 0;}

.store-banner-wrapper-googleplay {overflow: hidden;}
.store-banner-wrapper-googleplay img {margin: -10px; height: 60px;}
.store-banner-wrapper-microsoft img {height: 40px;}

.mcdonalds-banner {background: #efeee9; padding: 15px; display: block;}
.mcdonalds-banner .new-container {background: #fff; display: block; overflow: hidden; padding: 20px; text-align: center;}
.mcdonalds-banner__logo {display: inline-block; width: 60px; height: 59px; vertical-align: middle; margin-right: 20px; background: url(/static/pda_2.0/i/actions/mcdonalds.svg) no-repeat; background-size: contain;}
.mcdonalds-banner__text {display: inline-block; vertical-align: middle; position: relative;}
.mcdonalds-banner__text:after {height: 9px; width: 5px; content: ''; display: block; position: absolute; background: url(/static/pda_2.0/i/actions/arrow_6x8_blue.svg) no-repeat; background-size: contain; right: -13px; top: 4px;}


.cover-sale-sticker-material {
	position: absolute;
	z-index: 19;
	transform: rotateZ(-15deg);
}
.cover-sale-sticker-material img.sale-sticker-image {
	width: 100%;
	height: auto;
}
.cover-sale-sticker-material div.sale-sticker-percent {
	color: #FFFFFF;
	font-family: "ALS Sirius",Arial;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: right;
	padding-right: 12px;
}

.cover-sale-sticker-material.large {
	width: 120px;
	right: -15px;
	bottom: 20px;
}
.cover-sale-sticker-material.large div.sale-sticker-percent {
	font-size: 36px;
	font-weight: bold;
	line-height: 61px;
	padding-top: 9px;
}
.cover-sale-sticker-material.medium {
	width: 89px;
	right: -8.5px; /* Не дай бог вам подвинуть, до 0.1 пикселя по замечаниям вытягивал */
	bottom: 15.5px; /* Не дай бог вам подвинуть, до 0.1 пикселя по замечаниям вытягивал */
}
.cover-sale-sticker-material.medium div.sale-sticker-percent {
	font-size: 26px;
	line-height: 31px;
	padding-top: 7px;
}
.cover-sale-sticker-material.small {
	width: 61px;
	right: -3.8px; /* Не дай бог вам подвинуть, до 0.1 пикселя по замечаниям вытягивал */
	bottom: 10px; /* Не дай бог вам подвинуть, до 0.1 пикселя по замечаниям вытягивал */
}
.cover-sale-sticker-material.small div.sale-sticker-percent {
	font-size: 16px;
	line-height: 18px;
	padding-top: 6px;
}
