/* default css for tags */
html, body{width:100%; height:100%;}
body{background:#fff; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000; font-size:12px; min-width:320px;} 
a{color:#000;}
a:hover{color:#13479e;} 
input, textarea, select{font-family:Arial;} 

.mgbc{margin:0 auto; text-align:center; min-width:100%; min-height:100%; position:relative;}
.mgbc .sizing{width:100%; margin:0 0px; padding:0 0px; text-align:center; position:relative; overflow:hidden; position:fixed; top:0; z-index:1001; background:#fff;}

.container{margin:0 4%;}

/* header */
.page-logo{float:left; display:block; background:url(../i/biblio_logo.svg) center center no-repeat; background-size:contain; width:352px; height:100px; cursor:pointer;}
.part-logos{float:right; font-size:0; line-height:0;}
.part-logos > a{display:inline-block; vertical-align:top; width:120px; height:100px;}
.part-logos .litres-logo{background:url(../i/litres.svg) center center no-repeat; background-size:contain; width:110px; margin-right:40px;}
.part-logos .ecsmo-logo{background:url(../i/eksmo.svg) center center no-repeat; background-size:contain;}

/* paralax */
.parasizing{position:relative; width:100%; margin-top:100px; margin-bottom:50px; height:0; padding-top:19%;}
.parallax-window{position:absolute; top:0; left:0; width:100%; height:100%; background:url(../i/promo.jpg) no-repeat 0 0; background-size:cover;}
.no-img{background:rgb(59, 57, 63); width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1000;}

/* panel */ 
.panel{width:100%; height:100%; display:table;}
.panel .title{display:table-cell; color:#ffffff; font-family:"PT Sans"; font-weight:400; text-align:center; vertical-align:middle; font-size:64px; line-height:76px; padding:0 4%; padding-bottom:15px;}
.panel .title .txt{background:url(../i/txt.svg) 0 0 no-repeat; background-size:contain; min-height:35px; padding-top:4.6%; display:block; margin-left:10%;}


.normalstate{z-index:1000; position:absolute; bottom:-40px; left:0; width:100%; background:#efeee9;}
.normalstate > div{overflow:hidden;}
.fixstate{position:fixed; top:100px; bottom:auto;}
.fixstate:after{content:""; position:absolute; width:100%; height:2.5vw; bottom:-2.5vw; left:0;
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}

.navigation{font-size:0; line-height:0; margin:0 -15px;}
.navigation .row{display:inline-block; vertical-align:top; font-size:20px; line-height:50px; color:#b7b7ba; padding:0 15px;}
.navigation .row > span{display:inline-block; vertical-align:top;}
.navigation .row .label{position:relative; color:#3b393f; cursor:pointer; padding-right:5px;}
.navigation .row .label:hover{color:#fc3407;}
.navigation .row.active .label{color:#fc3407;}

/* main-page */
.bodysize{margin-top:85px;}

/* catalog */
.catalog{margin:0 1.8%; font-size:0; line-height:0; text-align:left; min-height:640px;}
.catalog .item{margin:0 0 40px 0; width:33.3%; padding:0 2.2%; text-align:left; display:inline-block; vertical-align:top; line-height:normal;}
.catalog .item .cover{float:left; margin:0 20px 0 0; position:relative; line-height:0;}
.catalog .item .cover img{width:140px; min-height:140px;}
.catalog .item .cover:before,.catalog .item .cover:after,.catalog .item .cover a:before,.catalog .item .cover a:after{content:""; position:absolute; background:#000; opacity:0.15;}
.catalog .item .cover:before,.catalog .item .cover:after{width:100%; height:1px; left:0;}
.catalog .item .cover:after{bottom:0;}
.catalog .item .cover a:before{top:0;}
.catalog .item .cover a:after{bottom:0;}
.catalog .item .cover a:before,.catalog .item .cover a:after{bottom:1px; width:1px; top:1px;}
.catalog .item .cover a:before{left:0;}
.catalog .item .cover a:after{right:0;}
.catalog .item .cover .age{position:absolute; bottom:10px; left:10px; width:20px; height:20px; background:url(../i/age0.svg) no-repeat 0 0; background-size:100%;}
.catalog .item .cover .plus0{background-image:url(../i/age0.svg);}
.catalog .item .cover .plus6{background-image:url(../i/age6.svg);}
.catalog .item .cover .plus12{background-image:url(../i/age12.svg);}
.catalog .item .cover .plus16{background-image:url(../i/age16.svg);}
.catalog .item .cover .plus18{background-image:url(../i/age18.svg);}

.catalog .item .desc{overflow:hidden;}
.catalog .item .desc .name{font-size:18px; line-height:22px; padding:0 0 4px 0;}
.catalog .item .desc .name a{font-size:18px; line-height:22px; text-decoration:none;}
.catalog .item .desc .name a:hover{color:#ff4c14}
.catalog .item .desc .author{font-size:16px; color:#767579; padding:0 0 13px 0;} 
.catalog .item .desc .wrap-icon a{display:inline-block; font-size:16px; text-decoration:none; background:url(../i/i_download_gray.svg) no-repeat 0 center #fff; padding:0 0 0 28px; margin:5px 0; line-height:36px;}
.catalog .item .desc .wrap-icon .read{color:#0e920e; background-image:url(../i/i_read_green.svg);}
.catalog .item .desc .wrap-icon .listen{color:#106edc; background-image:url(../i/i_play_blue.svg);}
.catalog .item .desc .wrap-icon .download{color:#767579; background-image:url(../i/i_download_gray.svg);}
.catalog .item .desc .wrap-icon a:hover{color:#ff4c14;}
.catalog .item .desc .wrap-icon .read:hover{background-image:url(../i/i_read_orange.svg);}
.catalog .item .desc .wrap-icon .listen:hover{background-image:url(../i/i_play_orange.svg);}
.catalog .item .desc .wrap-icon .download:hover{background-image:url(../i/i_download_orange.svg);}

/* pagination */
.pagination{margin:0 auto 20px; width:100%; padding:0 10px;}
.pagination li{width:40px; height:40px; line-height:40px; font-size:16px; margin:0 auto; display:inline-block;}
.pagination li a,.pagination li a:hover{color:#767579; text-decoration:none;}
.pagination li.active{border:1px solid #ff4c00; color:#ff4c00;}


/* footer */
.footer{border-top:1px #c4c4c6 solid; padding:0 0 40px 0;}
.copyright{font-family:Arial; font-weight:400; color:#2d2b30; height:70px; font-size:14px; display:table; width:100%}
.copyright .wrap{display:table-cell; vertical-align:middle;}

.footer-logo a{background:url(../i/litres.svg) center center no-repeat; background-size:contain; display:block; margin:0 auto; width:98px; height:36px;}