html, body {
    width: 100%;
    height: 100%;
    background: url(../images/body-bg.gif) 0 0 repeat;


    font: 14px Open Sans, sans-serif;
    color: #454545;

    min-width: 1349px;
}
input,
textarea {
    outline:none;
}

ul {
    list-style: none;
}

ul li {
    padding: 0 0 0 17px;
    background: url(../images/li-circle.png) 0 50% no-repeat;
}

h1, .h1 {
    margin: 10px 0 20px;
    font: normal 30px Open Sans, sans-serif;
    color: #454545;
}

h1.title {
    text-align: center;
}

.site-wrap {
    /* width: 1547px; */
    margin: 0 auto;
}

.content-wrap {
    /* width: 1120px; */
    width: 1100px;
    margin: 0 auto;
}

/*#header {
margin: 0 0 35px;
height: 202px;
background: url(../images/header-bg.gif) 0 0 repeat;
}

#header .top-line {
margin: 0 0 11px;
height: 26px;
line-height: 26px;
text-align: center;
background: rgba(0, 121, 201, 0.5);
}

#header .top-line ul {
margin: 0;
padding: 0;
}

#header .top-line li {
display: inline-block;
margin: 0 0 0 11px;
}

#header .top-line li:first-child {
padding: 0;
margin: 0;
background: none;
}

#header .top-line li,
#header .top-line a {
font: normal 12px/26px Open Sans, sans-serif;
color: #fff;
text-transform: uppercase;
text-decoration: none;
}

#header .top-line a:hover {
text-decoration: underline;
}

#header .site-wrap {
position: relative;
margin: 0 auto 12px;
}

#header .logo {
float: left;
width: 417px;
margin: 0 0 0 15px;
}

#header .logo img {
vertical-align: top;
}

#header .logo .lite {
display: inline-block;
margin: 0 0 0 78px;
font: normal 10px Open Sans, sans-serif;
color: #0185d1;
text-decoration: none;
}

#header .logo .lite:hover {
text-decoration: underline;
}

#header .profile {
float: right;
width: 420px;
padding: 6px 0 0;
margin: 0 15px 0 0;
overflow: hidden;
}

#header .profile .login {
float: left;
max-height: 75px;
padding: 0px 0 0 55px;
background: url(../images/login-ico.png) 0 0 no-repeat;
overflow: hidden;
}


#header .profile .college-name {
font: normal 12px Open Sans, sans-serif;
color: #363636;
text-decoration: none;
}
#header .profile a
{
color: #0185d1;
font: 13px Open Sans,sans-serif;
margin: 2px 0 0;
}
#header .profile .user-login {
display: inline-block;
padding: 0 10px;
background: #4fa4d4;
font: normal 12px/22px Open Sans, sans-serif;
color: #fff;
text-decoration: none;
}
#header .profile .user-name {
font: normal 10px Open Sans, sans-serif;
color: #0185d1;
text-decoration: underline;
}

#header .profile ul {
float: right;
padding: 5px 0 0;
margin: 0;
}

#header .profile li {
display: inline-block;
margin: 0 0 0 0;
padding: 0;
background: none;
}

#header .profile li a {
display: inline-block;
padding: 0 5px;
background: #4fa4d4;
font: normal 10px/22px Open Sans, sans-serif;
color: #fff;
text-decoration: none;
}

#header .profile li:first-child {
margin: 0;
}

#header .search {
margin: 0 440px;
padding: 12px 0 0;
}

#header .search form {
position: relative;
margin: 0 20px;
padding: 0;
}

#header .search input[type="text"] {
display: block;
width: 100%;
padding: 0 35px 0 10px;
border: 2px solid #fff;
border-radius: 15px;
background: #e0e0e0;
font: normal 14px/27px Open Sans, sans-serif;
outline: none;
box-sizing: border-box;
}

#header .search input[type="submit"] {
position: absolute;
top: 0; right: 0;
width: 31px;
height: 31px;
padding: 0;
border: 0;
background: url(../images/search-btn.png) 0 0 no-repeat;

}

#header .search form a {
display: block;
margin: 2px 0 0;
font: normal 10px Open Sans, sans-serif;
color: #0185d1;
}

#header .search form a.example {float: left}
#header .search form a.extended {float: right}

#header .alphabet {
margin: 40px 0 0;
text-align: center;
}

#header .alphabet a {
display: inline-block;
margin: 0 3px;
vertical-align: top;
font: normal 12px Open Sans, sans-serif;
color: #5a5a5a;
text-decoration: none;
}

#header .alphabet a:hover {
text-decoration: underline;
}

#header .menu-wrap {
border-top: 1px solid #fff;
background: #e1e1e1;
}

#header .menu-wrap ul {
display: table-row;
margin: 0;
padding: 0;
}

#header .menu-wrap li {
position: relative;
display: table-cell;
padding: 0;
background: #c9c9c9;
border: 1px solid #fff;
border-width: 0 0 0 1px;
}

#header .menu-wrap li:last-child {
border-width: 0 1px;
}

#header .menu-wrap a {
display: block;
padding: 0 8px;
font: normal 13px/51px Open Sans, sans-serif;
color: #575757;
text-decoration: none;
}

#header .menu-wrap li:hover > a,
#header .menu-wrap a:hover,
#header .menu-wrap li.active > a {
background-color: #4fa4d4;
color: #fff;
}

#header .menu-wrap li.parent:hover > a {
background-image: url(../images/arrow-down.png);
background-position:  50% 90%;
background-repeat: no-repeat;
}

#header .menu-wrap li ul {
position: absolute;
display: none;
width: 360px;
padding: 10px 0;
background: #4fa4d4;
z-index: 3;
}

#header .menu-wrap li:hover > ul {
display: block;
}

#header .menu-wrap li li {
display: block;
background: none;
border-color: #4fa4d4;
}

#header .menu-wrap li li a {
padding: 3px 10px;
background: none;
line-height: 1.33;
color: #fff;
}

#header .menu-wrap li li a:hover {
background: #c9c9c9;
color: #575757;
}*/
.tb0 li a{
    font-size: 12px;
    color: #fff !important;
}
#header .content-wrap {
    padding-left: 0;
}
.toptop-menu {
    background: #43aed7;
}
.toptop-menu li {
    position: relative;
    padding: 6px;
    padding-left: 11px;
    background: none;
}
.toptop-menu li:before {
    display: block;
    background: #fff;
    content: '';
    width: 5px; height: 5px;
    position: absolute;
    top:calc(50% - 3px); left: 0;
    border-radius: 50%;
}
.toptop-menu li:first-child {
    padding-left: 0;
}
.toptop-menu li:first-child:before {
    display: none;
}
.toptop-menu a {
    color: #fff;
    text-transform: uppercase;
}
.toptop-menu a:hover {
    text-decoration: underline;
}

#message_info{background: url(../images/icons/unread.svg) 0 0 no-repeat; display: inline-block; color: #43aed7; width:24px; height: 24px;position:relative;}
#message_info.zero, .grey_over{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
.mess_cnt{
  position: relative;
}
#message_info span, .mess_cnt span{
  position: absolute;
  top: 0px;
  right:0px;
  font-size: 10px;
  font-weight:bold;
  color: red;
  background: #FFF;
  opacity: 0.8;
  border-radius: 11px;
  min-width: 16px;
  text-align: center;
}


.top-menu .content-wrap {
    padding-top: 0;
    padding-bottom: 0;
}


.header {
    background: #e2e2e2;
}
.header .container {
    padding: 8px 0;
}

.lang-box {
    margin-top: 10px;
}
.lang-box .noback {
    margin-top: 3px;
    margin-left: 4px;
}

#_check_bibliokomlectator {position:relative;width:35px;height:20px;background:#b7b7b7;border-radius:10px;margin-left: 7px;transition: .3s linear;outline: none;}
#_check_bibliokomlectator:before {content:'';top:2px;left:2px;width:16px;height:16px;position:absolute;background:#575757;border-radius:50%;transition: .3s linear;}
#_check_bibliokomlectator.active {background:#4fa4d4;}
#_check_bibliokomlectator.active:before {left: 17px;background:#fff;}

#check_bibliokomlectator, #change_catalog{
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;
  color: #575757;
  background-color: #c9c9c9;
  text-align: center;
  cursor: pointer;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 14px;
  height: 23px;
  width: auto;
  outline: none;
}
#check_bibliokomlectator.active, #change_catalog.active{
  background-color: #4fa4d4;
  color: #FFF;
}
#check_bibliokomlectator:hover, #change_catalog:hover{
  text-decoration: none;
}

#basket{width: 20px;height: 20px;margin-left: 7px;background: url(../images/icons/basket.svg);background-size: contain;outline: none;}
.basket_buttons{
    text-align: right;
    border-top: 1px solid #c1c0be;
    border-bottom: 1px solid #c1c0be;
    padding: 1em 0;
    margin-top: 1em;
}
#search_result + .basket_buttons{margin-top:0;border-top:none;}
/*.buy_this_button {    background-color: #4fa4d4;
    color: #fff;
    padding: .5em .75em;
    text-transform: uppercase;
    transition: background-color 1s ease;
    min-width: 150px;
    max-width:300px;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    border: 0;
    text-decoration: none;
    font-weight: 400;
    line-height: 14px;}
.buy_this_button:hover {background-color:#006ca1;}
.buy_this_button:not(.hidden){ display: inline-block;}*/

.round-btn {
    width: 20px; height: 20px;
    text-align: center;
    padding-top: 5px;
    background: #43aed7;
    border-radius: 50%;
    color: #fff;
    line-height: 100%;
    font-size: 10px;
    text-transform: uppercase;
    margin-right: 8px;
}
.round-btn:hover {
    background: #3689aa;
    text-decoration: none;
}

.search-block {
    border-radius: 16px;
    background-color: transparent;
    width: 100%;
    height: 30px;
    border: none;
    box-shadow: 0 0 0 2px #fff;
    margin-bottom: 14px;
}
.search-block input {
    border: none;
    width: 100%;
    font-size: 12px;
    background: transparent;
    text-transform: uppercase;
    height: 30px;
    padding:0 40px 0 20px;
    border-radius: 16px;
}

.search-block input::-webkit-input-placeholder {color:#999898;}
.search-block input::-moz-placeholder          {color:#999898;}
.search-block input:-moz-placeholder           {color:#999898;}
.search-block input:-ms-input-placeholder      {color:#999898;}

.search-block button {
    border: none;
    display: block;
    background-color: #61c6ff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-image: url(../images/search-ico.png);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    padding: 0;
    box-shadow: 0 0 0 2px #fff;
    transition: all .3s;
    position: absolute;
    right: 0;
    top:0;
}
.search-block button:hover {
    background-color: #3689aa;
}
.search-block > form{
    width: 100%;
    position: relative;
}
.alphabet a {
    text-transform: uppercase;
    font-size: 10px;
    color: #373737;
    margin-right: 4px;
}
.alphabet a:hover {
    text-decoration: underline;
}
.link-search {
    color: #43aed7;
    font-size: 10px;
    margin-top: 1px;
}

.user-topinfo {
    text-align: right;
    width: 300px;
    vertical-align: top;
    position: relative;
}
.user-topinfo a.name {
    color: #43aed7;
    display: block;
    letter-spacing: 1px;
    margin-bottom: 4px;
    padding-right: 12px;
    position: relative;
}
.user-topinfo a.name:before {
    content: '';
    position: absolute;
    display: block;
    width: 12px; height: 12px;
    top:4px; right: 0;
    background: url(../images/arrow-01.png);
    background-repeat: no-repeat;
    background-position: right center;

}
.user-topinfo .dopinfo {
    color: #4d4d4e;
    line-height: 110%;
    letter-spacing: 1px;
}
.user-topinfo .point {
    position: relative;
    height: 0;
    z-index: 7;
    width: 160px;
}
.user-menu {
    text-align: left;
    background: rgba(255,255,255,.84);
    padding: 16px;
    border: 1px solid #9ecbdd;
    position: relative;

}
.user-menu li {
    padding: 2px 0;
    letter-spacing: .4px;
}

.service-menu {
    background: #4fa4d4;
}

.service-menu .content-wrap {
    padding: 0 !important;
}

.service-menu ul {
    display: table-row;
    margin: 0;
    padding: 0;
}

.service-menu li {
    position: relative;
    display: table-cell;
    padding: 0;
    background: #4fa4d4;
    border: 1px solid #fff;
    border-width: 0 0 0 1px;
}

.service-menu li:last-child {
    border-width: 0 1px;
}

.service-menu a {
    display: block;
    padding: 4px 16px;
    font: normal 12px/30px Open Sans, sans-serif;
    color: #fff;
    text-decoration: none;
    line-height: normal;
}

.service-menu a.last{
  padding-right: 22px;
}

.service-menu li:hover > a,
.service-menu a:hover,
.service-menu li.active > a {
    background-color: #4fa4d4;
    color: #fff;
}

.service-menu li.parent:hover > a {
    background-position:  50% 90%;
    background-repeat: no-repeat;
}

.service-menu li ul {
    position: absolute;
    display: none;
    width: 360px;
    padding: 10px 0;
    background: #4fa4d4;
    z-index: 101;
}

.service-menu li:hover > ul {
    display: block;
}

.service-menu li li {
    display: block;
    background: none;
    border-color: #4fa4d4;
}

.service-menu li li a {
    padding: 3px 10px;
    background: none;
    line-height: 1.33;
    color: #fff;
}

.service-menu li li a:hover {
    background: #c9c9c9;
    color: #575757;
}

.top-menu {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #e1e1e1;
    margin-bottom: 12px;
}

.top-menu.fixed{
    position: fixed;
    top: 0;
    margin-top: 0;
}

.top-menu ul {
    display: table-row;
    margin: 0;
    padding: 0;
}

.top-menu li {
    position: relative;
    display: table-cell;
    padding: 0;
    background: #c9c9c9;
    border: 1px solid #fff;
    border-width: 0 0 0 1px;
}

.top-menu li:last-child {
    border-width: 0 1px;
}

.top-menu a {
    display: block;
    padding: 0 8px;
    font: normal 13px/51px Open Sans, sans-serif;
    color: #575757;
    text-decoration: none;
}
.top-menu a.children {
    position:relative;
    padding-right:30px;
}
.top-menu a.children:before {
    content:"";
    position:absolute;
	top:42%;
	border-right: 1px solid #575757;
	border-bottom: 1px solid #575757;
    right:14px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg) translateY(-45%);
}
.top-menu li:hover > a.children:before {
    border:none;
	top:50%;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

.top-menu li:hover > a,
.top-menu a:hover,
.top-menu li.active > a {
    background-color: #4fa4d4;
    color: #fff;
}

.top-menu li.parent:hover > a {
    background-image: url(../images/arrow-down.png);
    background-position:  50% 90%;
    background-repeat: no-repeat;
}
.top-menu li > a[data-view="service"]:hover, .top-menu li > a[data-view="vkr"]:hover{cursor:default;text-decoration:none;}

.top-menu li ul {
    position: absolute;
    display: none;
    width: 360px;
    padding: 10px 0;
    background: #4fa4d4;
    z-index: 101;
}

.top-menu li ul > li ul {
    display:block;
    position: relative;
    margin-left: -1px;
}
.top-menu li ul > li ul > li > a {
    padding-left: 25px;
}

.top-menu li:hover > ul {
    display: block;
}

.top-menu li li {
    display: block;
    background: none;
    border-color: #4fa4d4;
}

.top-menu li li a, .top-menu li li span {
    padding: 3px 10px;
    background: none;
    line-height: 1.33;
    color: #fff;
}

.top-menu li li a:hover {
    background: #c9c9c9;
    color: #575757;
}

/*------------------ РОВНАЯ ВЕРСКА СПИСКА КНИГ-------------*/
/*.block_books {display:flex;flex-wrap:wrap;}
.block_books >div{width:23.5%;margin-left:2%;margin-bottom:1em;}
.block_books >div.list{width:100%;}
.block_books >div:nth-child(4n+1), .block_books >div.list{margin-left:0;}
.block_books >div .book_face {margin:0;padding:0;height: auto;width:100%;}
.block_books >div .book_face >div {width:100%;margin:0;padding:0;}
.block_books >div.list .book_face, .block_books >div.tile .book_short{display:none;}
.book_short {display:flex;flex-wrap:nowrap;width:100%;}
.book_short>a {margin-left: 1em;}
.book_short .checkbox_by_bibliokomlectator:not(.hidden) + div {margin-right:2.2em;}*/

/*------------------ РОВНАЯ ВЕРСКА СПИСКА КНИГ V_2.0 -------------*/
.block_books {display:flex;flex-wrap:wrap;}
.block_books >div{width:100%;margin-bottom:1em;display: flex;flex-wrap: wrap;}
.block_books >div[bid] >div:first-child {flex: 0 1 calc(100% - 1em - 16px);}
.block_books >div[bid] >div:nth-child(2) {margin-left: 1em;width: 16px;}
.block_books >div[bid] >div:nth-child(2 + n) {margin-top: .5em;}

.block_books >div.list .book_face, .block_books >div.tile .book_short{display:none;}
.block_books >div .actions{display: flex;align-items:center;margin-top:.5em}
.block_books >div .actions >a{color: #000;text-align: center;cursor: pointer;font-weight: 600;text-transform: uppercase;font-size: 87.5%;}
.block_books >div .actions >* + *{margin-left:1em;padding-left: 1em;border-left:1px solid #000}
.block_books >div .book_face, .block_books >div .book_short{display: flex;}

.block_books >div .book_face{margin-bottom:1em;}
.block_books >div .book_face >div:first-child{flex: 0 0 150px;}
.block_books >div .book_face >div:nth-child(2) >.share{display: flex;align-items: flex-end;padding: .25em;justify-content: flex-end;flex: 1 1;}
.block_books >div .book_face >div:nth-child(2) >.share >a{width: 1.6em;height: 1.6em;background-size: contain;background-repeat: no-repeat;background-position: 50%;margin: 0 .25em;padding: 0;}



.block_books >div .book_face >div:first-child >a{display: block;}
.block_books >div .book_face >div:first-child >a >img{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.block_books >div .book_face >div:nth-child(2){margin-left: 1em;display: flex;flex-direction: column;flex-grow:1/*max-height: 215px;*/}
.block_books >div .book_face >div:nth-child(2) >div:first-child{max-height: 11.75em;overflow: hidden;}
.block_books >div .book_face >div:nth-child(2) >div:first-child >*{display: block;margin-top:.5em;margin-bottom: 0;line-height: 1.25em;}
.block_books >div .book_face >div:nth-child(2) >div:first-child >*:first-child{margin-top: 0;}
.block_books >div .book_face >div:nth-child(2) >div:first-child >a{text-decoration: underline;text-transform: uppercase;}
.block_books >div .book_face >div:nth-child(2) >div:first-child >span{font-weight: 600;}
.block_books >div .book_face >div:nth-child(2) >div:first-child >p{overflow: hidden;max-height: 6.25em;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-align: justify;}

.block_books >div .pageswt, .block_books >div .basket_buts{margin-top: .25em;}
.block_books >div .pageswt >p{margin-top: 0;margin-bottom: .5em;}
.block_books >div .pageswt >.text_on_page{border: 1px solid #e6e6e6;padding: .5em;position: relative;}
.block_books >div .pageswt >.text_on_page b, .block_books >div .book_face >div:nth-child(2) >div:first-child >* b{background-color: #d5e4ec;border-bottom: 1px dotted #4fa4d4;}
.block_books >div .pageswt >.pages{background: #e6e6e6;padding: .25em .5em;}
.block_books >div .pageswt >.pages >a{display: inline-block;margin-left: .5em;cursor: pointer;}
.block_books >div .pageswt >.pages >a.selected{color:#454545;cursor: default;}
.block_books >div .pageswt >.pages >a.go_to_book_view{float: right;}

.block_books >div .basket_buts >div{min-width:150px;margin: 0;}


/*------------------ БЛОК НАСТРОЕК --------------------*/
.settings_block {position: absolute;top: 0;right: 0;height: 100%;display: flex;align-items: center;}
#faset .settings_block{float: right;position: relative;}
#faset > .more_actions {float: right;margin-left: 1em;margin-top: -.25em;}
.settings_block >*+*:not(.burger){margin-left:.5em;padding-left:.5em;border-left:1px solid #686868;}
.settings_block .burger, .settings_block .type_view .tile, .settings_block .type_view .list{width: 22px;padding: 0;height: 22px;outline: none;cursor:pointer;}
.settings_block .burger:hover, .filterInfo a:hover, .settings_block .type_view .tile:hover, .settings_block .type_view .list:hover{background:none;}
.settings_block .burger{height: 100%;margin-left: 2em;margin-right:12px;}
.settings_block .burger.isfilter{margin-right: 30px;}
.settings_block .burger:not(.isfilter) >span{display:none}
.settings_block .burger.isfilter >span{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.settings_block .burger >span >span{color:#50a4d3;}
.settings_block .burger svg {cursor: pointer;width: 100%;height: 100%;}
.settings_block .burger svg >g >g >path{fill:#686868;}
.settings_block .type_view{display:flex;}
.settings_block .type_view .tile, .settings_block .type_view .list{display:flex;flex-wrap:wrap;}
.settings_block .type_view .tile >div{width: 6px;height: 5px;margin: 4px 0 0 4px;position: relative;}
.settings_block .type_view .tile >div, .settings_block .type_view .list >div{background: #686868;}
.settings_block .type_view .tile >div:nth-child(2n+1){margin-left:0;}
.settings_block .type_view .tile >div:nth-child(2n+2){width: 12px;}
.settings_block .type_view .tile >div:nth-child(1), .settings_block .type_view .tile >div:nth-child(2){margin-top:0;}
.settings_block .type_view .list{margin-left: 7px;}
.settings_block .type_view .list >div{width: 100%;margin-top: 4px;position: relative;overflow: hidden;height: 5px;}
.settings_block .type_view .list >div:first-child{margin-top:0;}
.settings_block .type_view .tile.active >div, .settings_block .type_view .list.active >div{background:#4d9fce}
.settings_block >.settings {display:none;}
.settings_block >.settings.active {position:absolute;top:52px;right:0;z-index:4;padding:1em;margin:0;display:flex;background:#e1e1e1;width: 1117px;border:none;}
.settings_block >.settings .close{cursor: pointer;position: absolute;top: .5em;right: .5em;width: 19px;height: 19px;border-radius: 50%;box-sizing: border-box;background: #4fa4d4;}
.settings_block >.settings .close:hover{background: #3f88b1;}
.settings_block >.settings .close:before{content: '\2716';font-size: 13px;line-height: 19px;position: absolute;top: 0;left: 0;width: 19px;text-align: center;font-family: Arial, serif;color: #fff;}
.settings_block >.settings .filter_ok{cursor: pointer;position: absolute;bottom: .5em;right: .5em;background: #4fa4d4;color: #fff;padding: .5em;line-height: normal;text-decoration: none;display: block;}
.settings_block >.settings .filter_ok:hover{background: #3f88b1;}
.settings_block >.settings .filter + .filter {margin-left:2em;}
.settings_block >.settings .filter{min-width:200px;}
.settings_block >.settings .head{color: #3f88b1;font-weight: bold;border-bottom: 2px solid;display: block;}
.settings_block >.settings .filter_radio, .settings_block >.settings .filter_checkbox{margin-top: 1em;font-size: 14px;}
.settings_block >.settings .filter_radio >*, .settings_block >.settings .filter_checkbox >*{display: flex;align-items: center;position: relative;cursor: pointer;padding-left: 1.5em;}
.settings_block >.settings .filter_checkbox >*:before{content:'';width:12px;height:12px;border:1px solid #000;box-sizing:border-box;position: absolute;left: 0;bottom: 50%;transform: translateY(50%);}
.settings_block >.settings .filter_checkbox >*.active:after{color: #000;content: "\2714";position: absolute;bottom: 50%;left: 6px;width: 10px;height: 7px;transform: translateY(-50%) translateX(-50%);}
.settings_block >.settings .filter_radio >*:before{content: '';width: 12px;height: 12px;border: 1px solid #000;border-radius: 50%;margin-right: .5em;box-sizing: border-box;position: absolute;left: 0;bottom: 50%;transform: translateY(50%);}
.settings_block >.settings .filter_radio >*.active:after{content: '';width: 4px;height: 4px;border: 1px solid #000;border-radius: 50%;position: absolute;bottom: 50%;left: 6px;background: #000;transform: translateY(50%) translateX(-50%);box-sizing: border-box;}

.settings_block >.filterInfo{text-align: center;display: flex;margin-right: 1em;float:right;}
.settings_block >.filterInfo >a{display: flex;align-items: center;cursor: help;text-decoration:none;outline: none;height: 22px;}
.settings_block >.filterInfo >a + a{border-left: 1px solid #c3c1c1;}
.settings_block >.filterInfo >a:hover{color:inherit;}
.settings_block >.filterInfo >a >img{height: 22px;}
.settings_block >.filterInfo >a >span{margin-left:.5em;}

/*---------------- ПРЕЛОАДЕР -------------------------*/
#preloader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}
#preloader >.mask{width:100%;height:100%;position:absolute;left:0;top:0;background:#958f94;opacity:.4;}
#preloader >.loader {
    color: #4fa4d4;
    top: 50%;
    left: 50%;
    width: .5em;
    height: .5em;
    border-radius: 50%;
    position: absolute;
    text-indent: -9999em;
    -webkit-animation: load4 1s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
@-webkit-keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -1.5em 0 0.1em, 1em -1em 0 0em, 1.5em 0 0 -.5em, 1em 1em 0 -.5em, 0 1.5em 0 -.5em, -1em 1em 0 -.5em, -1.5em 0 0 -.5em, -1em -1em 0 0;
    }
    12.5% {
        box-shadow: 0 -1.5em 0 0, 1em -1em 0 0.1em, 1.5em 0 0 0, 1em 1em 0 -.5em, 0 1.5em 0 -.5em, -1em 1em 0 -.5em, -1.5em 0 0 -.5em, -1em -1em 0 -.5em;
    }
    25% {
        box-shadow: 0 -1.5em 0 -0.5em, 1em -1em 0 0, 1.5em 0 0 0.1em, 1em 1em 0 0, 0 1.5em 0 -.5em, -1em 1em 0 -.5em, -1.5em 0 0 -.5em, -1em -1em 0 -.5em;
    }
    37.5% {
        box-shadow: 0 -1.5em 0 -.5em, 1em -1em 0 -.5em, 1.5em 0em 0 0, 1em 1em 0 0.1em, 0 1.5em 0 0em, -1em 1em 0 -.5em, -1.5em 0em 0 -.5em, -1em -1em 0 -.5em;
    }
    50% {
        box-shadow: 0 -1.5em 0 -.5em, 1em -1em 0 -.5em, 1.5em 0 0 -.5em, 1em 1em 0 0em, 0 1.5em 0 0.1em, -1em 1em 0 0, -1.5em 0em 0 -.5em, -1em -1em 0 -.5em;
    }
    62.5% {
        box-shadow: 0 -1.5em 0 -.5em, 1em -1em 0 -.5em, 1.5em 0 0 -.5em, 1em 1em 0 -.5em, 0 1.5em 0 0, -1em 1em 0 0.1em, -1.5em 0 0 0, -1em -1em 0 -.5em;
    }
    75% {
        box-shadow: 0em -1.5em 0 -.5em, 1em -1em 0 -.5em, 1.5em 0em 0 -.5em, 1em 1em 0 -.5em, 0 1.5em 0 -.5em, -1em 1em 0 0, -1.5em 0em 0 0.1em, -1em -1em 0 0;
    }
    87.5% {
        box-shadow: 0em -1.5em 0 0, 1em -1em 0 -.5em, 1.5em 0 0 -.5em, 1em 1em 0 -.5em, 0 1.5em 0 -.5em, -1em 1em 0 0, -1.5em 0em 0 0, -1em -1em 0 0.1em;
    }
}
@keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -1.5em 0 0.1em, 1em -1em 0 0em, 1.5em 0 0 -.5em, 1em 1em 0 -.5em, 0 1.5em 0 -.5em, -1em 1em 0 -.5em, -1.5em 0 0 -.5em, -1em -1em 0 0;
    }
    12.5% {
        box-shadow: 0 -1.5em 0 0, 1em -1em 0 0.1em, 1.5em 0 0 0, 1em 1em 0 -.5em, 0 1.5em 0 -.5em, -1em 1em 0 -.5em, -1.5em 0 0 -.5em, -1em -1em 0 -.5em;
    }
    25% {
        box-shadow: 0 -1.5em 0 -0.5em, 1em -1em 0 0, 1.5em 0 0 0.1em, 1em 1em 0 0, 0 1.5em 0 -.5em, -1em 1em 0 -.5em, -1.5em 0 0 -.5em, -1em -1em 0 -.5em;
    }
    37.5% {
        box-shadow: 0 -1.5em 0 -.5em, 1em -1em 0 -.5em, 1.5em 0em 0 0, 1em 1em 0 0.1em, 0 1.5em 0 0em, -1em 1em 0 -.5em, -1.5em 0em 0 -.5em, -1em -1em 0 -.5em;
    }
    50% {
        box-shadow: 0 -1.5em 0 -.5em, 1em -1em 0 -.5em, 1.5em 0 0 -.5em, 1em 1em 0 0em, 0 1.5em 0 0.1em, -1em 1em 0 0, -1.5em 0em 0 -.5em, -1em -1em 0 -.5em;
    }
    62.5% {
        box-shadow: 0 -1.5em 0 -.5em, 1em -1em 0 -.5em, 1.5em 0 0 -.5em, 1em 1em 0 -.5em, 0 1.5em 0 0, -1em 1em 0 0.1em, -1.5em 0 0 0, -1em -1em 0 -.5em;
    }
    75% {
        box-shadow: 0em -1.5em 0 -.5em, 1em -1em 0 -.5em, 1.5em 0em 0 -.5em, 1em 1em 0 -.5em, 0 1.5em 0 -.5em, -1em 1em 0 0, -1.5em 0em 0 0.1em, -1em -1em 0 0;
    }
    87.5% {
        box-shadow: 0em -1.5em 0 0, 1em -1em 0 -.5em, 1.5em 0 0 -.5em, 1em 1em 0 -.5em, 0 1.5em 0 -.5em, -1em 1em 0 0, -1.5em 0em 0 0, -1em -1em 0 0.1em;
    }
}




#content {
    /*overflow: hidden;*/
    /*padding: 0 115px 400px;*/
    width: 1100px;
    /*padding-bottom: 400px;*/
    /*margin-bottom: 400px;*/
    margin-bottom: 1.5em;
    position: relative;
}

#content .sidebar {
    /*float: left;*/
    width: 285px;
    border: 1px solid #4fa4d4;
    margin-bottom: 15px;
    overflow: hidden;
    background: white;
}

#content .sidebar .head {
    /*background: url(../images/sandwich.png) #4fa4d4 15px 50% no-repeat;*/
    background: #4fa4d4;
    /*padding: 0 0 0 14px;*/
    font: normal 28px Open Sans, sans-serif;
    color: #fff;
    text-align: center;
}

#content .sidebar .head span{
  color: #cbe8f9;
  cursor: pointer;
  border-left: 1px #4fa4d4 Solid;
  border-right: 1px #4fa4d4 Solid;
  padding: 0 3px 0 3px;
  }

#content .sidebar .head span:hover{
  color: #FFF;
  /*text-decoration: underline;*/
  border-left: 1px #FFF Solid;
  border-right: 1px #FFF Solid;
  }

#content .sidebar .head span.selected{
  color: #fff;
  cursor: default;
  }

#content .sidebar .head span.selected:hover{
  text-decoration: none;
  border-left: 1px #4fa4d4 Solid;
  border-right: 1px #4fa4d4 Solid;
  }

#content .sidebar ul {
    margin: 10px 0 10px 5px;
    padding: 0;
}

#content .sidebar ul.mb0{
  margin-bottom: 0;
}

#content .sidebar b {
    font-weight: 600;
    margin: .5em .75em;
    display: block;
    font-size: 16px;
}

#content .sidebar b + ul{
    margin-top:0;
}

#content .sidebar li {
    padding: 3px 0 3px 7px;
    background: none;
}

#content .sidebar a {
    font: normal 14px Open Sans, sans-serif;
    color: #2c2c2c;
    text-decoration: none;
}

#content .sidebar p{
    margin:10px 15px;
}

#content .dynatree-container > li li a
{
    font-size: 12px;
}

#content .sidebar a:hover {
    text-decoration: underline;
}

#content .content {
}

.card-book-green-button {
    background-color: #4fa4d4;
    font: bold 18px/28px Open Sans, sans-serif;
    height: 28px;
    text-align: center;
    padding: 1px 11px 2px;
    color: #fff;
    margin: 0 9px 0 0;
    box-sizing: initial;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
}

/*#simplemodal-overlay{background-color: rgb(72, 71, 71);opacity: 0.8;height: 100vh;width: 100vw;position: fixed;left: 0;top: 0;z-index: 1001;}
#simplemodal-container{position: fixed;z-index: 1002;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: auto;height: auto;max-width: 90vw;max-height: 90vh;}
*/

.leftcontainer{padding:1em;}
.leftcontainer .form_block.checkbox_block >.conteiner >label, .leftcontainer >div .form_block.checkbox_block >.conteiner >label{padding:0;}
.leftcontainer .form_block.checkbox_block >.conteiner >label.checkbox_imitation, .leftcontainer >div .form_block.checkbox_block >.conteiner >label.checkbox_imitation{flex: 0 1 2em;}
.leftcontainer .form_block.checkbox_block >.conteiner >a, .leftcontainer >div .form_block.checkbox_block >.conteiner >a{flex: 1;}
#short_filters .form_block.checkbox_block, #dlist .form_block.checkbox_block{margin-bottom:0;}
#short_filters .form_block.checkbox_block + .form_block:not(.checkbox_block){margin-top: .5em;}
#dlist{margin-bottom: 1.25em;}
.block_info{display:flex;align-items:center;justify-content:space-between;}
.block_info.hidden{display:none;}
.block_info .info_label{flex: 0 0 16px;margin-left: .25em;}
.info_label{display:inline-block;width:16px;height:16px;background:url("../images/icons/info.svg") 50% no-repeat;background-size:contain;cursor:pointer;}

#books{overflow: hidden;}

#content .mainpage-wrap {
    width: 880px;
    /*margin: 0 auto;*/
    /*margin: 0 210px;
    padding-left: 90px;*/
    margin: 0 0 0 calc(283px + 1em);
    padding-left: .5em;
}

#content .rounded-icons {
    margin: 0;
    padding: 0;
    font-size: 0;
    padding-left: 20px;
}

#content .rounded-icons li {
    display: table-cell;
    width: 225px;
    padding: 10px 0;
    background: none;
    text-align: center;
    border: 0px solid #a3d4ef;
    margin: 10px;
    position: relative;

}
#content .rounded-icons li:hover {
    background-color:  #4fa4d4;
}
#content .rounded-icons li > a.text {
    display: none;
}
#content .rounded-icons li:hover > a.text {
    background-color:  #4fa4d4;
    color: white;
    display: block;
    /*overflow: hidden;*/
    width: 220px;
    padding: 0px;
    margin: 0px;
    height: 179px;
    position: absolute;
    top: 0px;
}

#content .rounded-icons li:hover > a.big_ico {
    display: none;
}
#content .rounded-icons li:hover > a > img {
    display: none;
}

#content .rounded-icons li:hover img{
    border: 6px solid white;
}

#content .rounded-icons li.middle-cell {
    border-left-width: 1px;
    border-right-width: 1px;
}

#content .rounded-icons li.middle-row {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

#content .rounded-icons a.big_ico {
    position: relative;
    display: inline-block;
    width: 199px;
    height: 199px;
    padding: 40px;
    vertical-align: middle;

    background: #fff;
    border-radius: 50%;

    font: normal 14px Open Sans, sans-serif;
    color: #444444;
    text-align: center;
    text-decoration: none;
}
#content .rounded-icons a.text
{
    vertical-align: middle;
    background: #fff;
    text-align: center;
    text-decoration: none;
}
#content .rounded-icons a.text span
{
    font-size: 14px;
    vertical-align: middle;
    display: table-cell;
    height: 220px;
    width: 210px;
}

#content .rounded-icons li img {
    position: absolute;
    display: block;
    bottom: 20px;
    margin: 0 auto;
    left: 0; right: 0;
}

.news-list {
    background: #fff;
    padding: 20px;
    margin: 10px 0 0;
}

.news-list .h1 {
    font: normal 30px Open Sans, sans-serif;
    color: #454545;
    margin: 0 0 34px;
}

.news-item {
    display: inline-block;
    width: 247px;
    vertical-align: top;
    font-size: 12px;
    margin: 0 0 10px;
}

.news-item .date {
    color: #0075b6;
}

.news-item .text {
    margin: 2px 0 0;
}

#content .breadcrumb {
    display: inline-block;
    padding: 0 5px;
    line-height: 29px;
    background: #4fa4d4;
    margin-bottom: 10px;
}

#content .breadcrumb,
#content .breadcrumb a {
    font: normal 14px/29px Open Sans, sans-serif;
    color: #ffffff;

}

#content .breadcrumb a {
    text-decoration: none;
}


#content .multimedia-list {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin: 0 auto;
    padding: 0;
    font-size: 0;
}

#content .multimedia-list li {
    display: inline-block;
    width: 28%;
    vertical-align: top;
    padding: 0;
    text-align: center;
    background: none;
}

#content .multimedia-list li{margin-left:8%;margin-bottom:40px;}
#content .multimedia-list li:nth-child(3n+1){margin-left:0;}
#srch_result > .multimedia-list{margin-top:40px;}

#content .multimedia-list a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 190px 0 0;
    font: normal 14px Open Sans, sans-serif;
    color: #454545;
    text-decoration: none;
}

#content .multimedia-list img {
    position: absolute;
    top: 0;
    left: 0; right: 0;
    margin: 0 auto;
}

.show_more {
    padding: .5em 0;
    text-align: center;
    color: #fff;
    background: #4fa4d4;
    text-transform: uppercase;
    cursor:pointer;
    margin-top:.5em;
}
.show_more:hover {
    background:#3f88b1;
}

ul.list >li{background:none;position:relative;}
ul.list >li:before{content: '';position: absolute;top: 50%;left: .25em;margin-top: -1px;height: 5px;width: 5px;border: 1px solid #4fa4d4;border-radius: 50%;background: #4fa4d4;box-sizing: border-box;}

#footer {
    height: 380px;
    /*margin: -380px 0 0;*/
	flex: 0 0 auto;
    background: #929191;
}

#footer nav {
    margin: 0 0 5px;
    height: 340px;
    background: #bdd1cf;
}

#footer nav .head {
    text-transform: uppercase;
    font: normal 14px Open Sans, sans-serif;
    margin: 20px 0 10px;
}

#footer nav .col {
    float: left;
    width: 220px;
    margin: 0 0 0 10px;
}

#footer nav .col:first-child {
    margin: 0;
}

#footer nav ul,
#footer nav li {
    padding: 0;
    margin: 0;
    background: none;
}

#footer nav a {
    font: normal 12px Open Sans, sans-serif;
    color: #454545;
    text-decoration: none;
}

#footer .content-wrap {
    width: 90%;
    overflow: hidden;
}

#footer .left {
    float: left;
    font: normal 12px Open Sans, sans-serif;
    color: #fff;
}

#footer .right {
    float: right;
    margin-right: 100px;
}

#footer .right a {
    display: inline-block;
    width: 29px;
    height: 29px;
    background: url(../images/social.png);
}

#footer .right a.facebook {background-position: 0 0;}
#footer .right a.google {background-position: -32px 0;}
#footer .right a.rss {background-position: -65px 0;}
#footer .right a.twitter {background-position: -97px 0;}
#footer .right a.vkontakte {background-position: -129px 0;}
#footer .right a.youtube {width: 29px; background: url(../images/youtube.png);}

.wrap-container
{
    float: left;
}

.bottom_border {
    border-bottom: 1px solid #747473;
}

#content .sidebar .head_small {
    background: #4fa4d4;
    color: #fff;
    font: 22px Open Sans, sans-serif;
    padding: 0 0 0 35px;
    border-radius: 0;
}

#content .head_webinar {
    background: #4fa4d4;
    color: #fff;
    font: 22px Open Sans, sans-serif;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
}

/*

Новости и блок новинок. Имеено нижняя часть.

*/

.info-bottom-container {
    margin: 10px 0 0 0;
    padding: 6px 0 0 0;
    overflow: hidden;
    border-top: 1px solid #dfdfdf;
}


/* Блок новостей */

.info-bottom-news {
    width: 340px;
    margin: 0 30px 0 0;
}
.info-bottom-name-section {
    font: 18px Open Sans, sans-serif;
    text-transform: uppercase;
    color: #363636;
    margin: 5px 0 10px 0;
}
.info-bottom-news-block {
    color: #959595;
    margin: 0 0 15px 0;
}
.info-bottom-news-date {
    font: 12px Open Sans, sans-serif;
}
.info-bottom-news-title {
    margin: 0 0 10px 0;
    font: 16px Open Sans, sans-serif;
}
.info-bottom-news-introtext {
    font-size: 12px;
}
.info-bottom-more {
    padding: 10px 0 0 0;
}
.info-bottom-more a {
    text-decoration: underline;
    color: #438fc0;
    font: italic 14px Open Sans, sans-serif;
}
.info-bottom-more a:hover {
    text-decoration: none;
}

/* Новинки и топ */

.info-bottom-new-shop-and-top ul {
    overflow: hidden;
    margin: 2px 0 0 0;
    border-bottom: 2px solid #217bb5;
}
.info-bottom-new-shop-and-top li {
    float: left;
    background: #dedddc;
    text-transform: uppercase;
    font: 16px Open Sans, sans-serif;
    height: 28px;
    line-height: 28px;
    border-radius: 10px 10px 0 0;
    padding: 0 18px;
    margin: 0 1px 0 0;
}
.info-bottom-new-shop-and-top li a {
    color: #363636;
}
.info-bottom-new-shop-and-top .active {
    background: #217bb5;
}
.info-bottom-new-shop-and-top .active a {
    color: #fcf8f8;
}
.info-bottom-new-shop-and-top a:hover {
    text-decoration: none;
}
.info-bottom-new-shop {
    padding: 13px 0 0 0;
}
.info-bottom-shop-block {
    height: 83px;
    /*float: left;*/
    width: 285px;
    padding:  4px 25px 0 10px;
    overflow: hidden;
}
.info-bottom-shop-block:nth-child(2n) {
    padding-right: 0;
    padding-left: 10px;
}
.info-bottom-shop-img-l {
    float: left;
    margin: 0 12px 0 0;
}
.info-bottom-shop-img-l img {
    border: 1px solid #dcdcda;
}
.info-bottom-shop-title {
    font: 16px Open Sans, sans-serif;
}
/* Карусель */
.book-card-car-wrap {
    margin: 10px 0 0 0;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 0 15px 0;
}
.book-card-car-wrap .caroufredsel_wrapper {
    margin: 0 !important;
    padding: 0 !important;
}
.book-card-carousel li {
    padding: 0;
    float: left;
}
.book-card-carousel img {
    width: 98px;
    display: block;
    height: 142px;
    margin: 0 6px 0 0;
    border: 1px solid #b5b6b6;
}
.bool-card-control-carousel {
    float: right;
    margin: 3px 0 0 0;
    height: 28px;
}
.card-book-control-carousel a {
    margin: 0 0 0 10px;
}
.card-book-title-big {
    font: 30px Open Sans, sans-serif;
    color: #464646;
}
.card-book-add-recommend {
    background: url(../img/card-book-add-recommend.png) repeat-x;
    color: #ffffff;
    margin: 3px 0 0 0;
    height: 28px;
    padding: 0 15px;
    text-align: center;
    font: 18px/28px Open Sans, sans-serif;
}

/* Рекомендации */
.card-book-recommend-block {
    background: #fff;
    margin: 10px 0;
    border-top: 1px solid #dcdcdc;
    padding: 10px 10px 20px 10px;
}
.card-book-recommend-body {
    font: italic 16px Open Sans, sans-serif;
    color: #262626;
    background: url(../img/quote-top.png) no-repeat top left;
    padding: 23px 40px 0 40px;
}
.card-book-recommend-author {
    padding: 35px 0 0 0;
    background: url(../img/quote-bottom.png) no-repeat top right;
    float: right;
    overflow: hidden;
    width: 288px;
    font: 16px Open Sans, sans-serif;
}

/* Перейти к разделу */
.v-to-section {
    background: url(../img/v-to-section.png) repeat-x top;
    /*height: 139px;*/
    height: 104px;
    position: relative;
    padding: 0 10px;
    border-radius: 10px 10px 0 0;
    z-index: 50;
}
.v-to-section form {
    position: relative;
    z-index: 100;
}
.v-to-section-title {
    color: #fff;
    padding: 5px 0 2px 2px;
    font: 18px Open Sans, sans-serif;
}
.v-to-section select {
    border: 1px solid #498bb6;
    width: 236px;
    height: 28px;
    margin: 0 0 6px 0;
    padding: 0 0 0 5px;
    color: #9f9e9e;
    font: italic 14px Open Sans, sans-serif;
}
.v-to-text-search {
    border: 1px solid #4fa4d4;
    width: 190px;
    height: 28px;
    margin: 0 0 10px 0;
    padding: 0 10px;
    color: #9f9e9e;
    font: italic 14px Open Sans, sans-serif;
    margin-left: 5px;
}
.v-to-advanced {
    float: right;
    color: #fff;
    width: 66px;
    margin: -3px 1px 0 -66px;
    font: 14px/16px Open Sans, sans-serif;
}
.v-to-submit {
    background: none repeat scroll 0 0 #4fa4d4;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font: 14px/29px Open Sans;
    height: 28px;
    padding: 0 10px;
    text-decoration: none;
}
.v-to-change-view {
    /*
    position: absolute;
    bottom: -2px;
    left: 12px;
    z-index: 10;
    */
    float:right;
}
.v-to-change-view li {
    float: left;
    padding: 3px 5px 0 5px;
    height: 22px;
    border-radius: 5px 5px 5px 5px;
}
.v-to-change-view .active {
    background: #207ab4;
}

.v-to-change-view li:hover {
    background: #207ab4;
}

.v-menu-blue-no-radius {
    border-radius: 0 0 10px 10px;
}
.v-banner-temp {
    height: 75px;
    width: 260px;
    background: #d3d3d3;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    font: 27px/75px Open Sans, sans-serif;
    margin: 0 0 4px 0;
}

.block_head {
    background: none repeat scroll 0 0 #4fa4d4;
    color: #fff;
    font: 22px Open Sans, sans-serif;
    padding: 0 0 0 5px;
}

/* Список авторов */
.list-authors-title {
    color: #363636;
    font: 30px Open Sans, sans-serif;
}
.list-authors-all-info {
    color: #747473;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    margin: 8px 0 12px 0;
    padding: .5em 0;
    box-sizing: border-box;
    overflow:hidden;
}
.list-authors-all-info .count{
    font-size:14px;
}
.list-authors-all-info .count{
    margin-right: .5em;
    padding: .5em;
    border: 1px solid #a5a5a5;
    white-space: nowrap;
    display: inline-block;
    margin-top: .5em;
    cursor: pointer;
    text-decoration:none;
    color:#525252;
}
.list-authors-all-info .count:hover, .list-authors-all-info .count.active{
    background:#fff;
    border:1px solid #4d9fce;
}
.list-authors-all-info .count > span{
    color: #3f88b1;
}
.list-author-poster {
    float: left;
    margin: 0 10px 0 0;
}
.list-author-descp p {
    margin: 0 0 0px 0;
}
.lists-items-all-title {
    font: 30px Open Sans, sans-serif;
    color: #464646;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 25px 0;
}

.list-book-items-block, .list-book-items-img-l {
    float: left;
}
.list-book-items-block {
    width: 310px;
    height: 180px;
    margin: 0 20px 25px 0;
    font: 14px Open Sans, sans-serif;
    line-height: 14px;
}
.list-book-items-img-l {
    margin: 0 10px 0 0;
}
.list-book-items-title {
    font: 16px Open Sans, sans-serif;
    margin: 0 0 5px 0;
    line-height: 15px;
    max-height: 90px;
    overflow: hidden;
}
.list-book-items-text {
    font: 14px Open Sans, sans-serif;
}

/* Карточка книги */
.card-book-author, .card-book-title {
    font: 24px/24px Open Sans, sans-serif;
    color: #464646;
}
.card-book-title {
    padding: 0 0 7px 0;
    margin: 0 0 13px 0;
    border-bottom: 1px solid #dcdcdc;
}
.card-book-poster {
    float: left;
    width: 152px;
    margin: 0 10px 0 0;
}
.card-book-poster img {
    /*border: 1px solid #cfcece;*/
}
.card-book-detalis {
    font: 14px Open Sans, sans-serif;
    overflow: hidden;
}
.card-book-detalis-block {
    margin: 0 0 10px 0;
}
.card-book-detalis-block span {
    margin: 0 5px 0 0;
}
.card-book-isbn {
    font-size: 12px;
    /*color: #747473*/
    color: #747473;
    line-height: 16px;
    padding: 0 0 0 3px;
    margin: 7px 0 15px 0;
    /*height: 27px;*/
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding-top: 3px;
    padding-bottom: 3px;
}

.card-book-isbn span{
    /*float: left;*/
    margin-right: 30px;
    margin-top: 7px;
}

.card-book-title-top-section {
    color: #464646;
    font: 24px Open Sans, sans-serif;
    margin: 20px 0;
}
.card-book-description {
    margin: 5px 0 0 0;
    border-top: 1px solid #dcdcdc;
}
.card-book-description p {
    margin: 0 0 20px 0;
}
.card-book-title-mini {
    color: #464646;
    font: 18px Open Sans, sans-serif;
    float: none !important;
}
.card-book-contents-wrap {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    margin: 20px 0 0 0;
}
.card-book-contents-head {
    line-height: 34px;
    height: 34px;
    cursor: pointer;
}
.card-book-contents-body p {
    margin: 0 0 10px 0;
}
.card-book-contents-wrap .folded {
    background: url(../img/card-book-contents-wrap.png) no-repeat top right;
}
.card-book-contents-wrap .unfolded {
    background: url(../img/card-book-contents-wrap.png) no-repeat bottom right;
}
.card-book-social li {
    float: left;
    margin: 0 1px;
}
.card-book-social {
    margin: 10px 0 0 5px;
}
.card-book-social img {
    border: 1px solid #cfcece;
}
.card-book-social li a {
    border: none;
}

#a2 input[type="submit"], .botton{
    border: none;
    box-sizing: border-box;
    padding: 2px 11px;
    font: bold 18px/28px Open Sans, sans-serif;
    margin: 0 9px 0 0;
    cursor:pointer;
}
.botton_blue{
    background-color: #4fa4d4;
    color: #fff;
}
.botton_red{
    background: #FD6D6D;
    color: #fff;
}

.card-book-green-button {
    background-color: #4fa4d4;
    font: bold 18px/28px Open Sans, sans-serif;
    height: 28px;
    text-align: center;
    padding: 1px 11px 2px;
    color: #fff;
    margin: 0 9px 0 0;
    box-sizing:initial ;
}
.card-book-blue-button {
    background-color: #4fa4d4;
    font: bold 18px/28px Open Sans, sans-serif;
    height: 28px;
    text-align: center;
    padding: 5px 11px;
    color: #fff;
    box-sizing:initial ;
}
.card-book-red-button {
    background: #FD6D6D;
    font: bold 18px/28px Open Sans, sans-serif;
    height: 28px;
    text-align: center;
    padding: 5px 11px;
    cursor: pointer;
    color: #fff;
}
.card-book-related {
    margin: 10px 0 15px 0;
    overflow: hidden;
    /*height: 195px;*/
    /*width: 630px;*/
}
.card-book-option-button-icons {
    margin:  10px 0 0 0;
}
.card-book-option-button-icons li {
    float: left;
}
/* Карусель */
.book-card-car-wrap {
    margin: 10px 0 0 0;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 0 15px 0;
}
.book-card-car-wrap .caroufredsel_wrapper {
    margin: 0 !important;
    padding: 0 !important;
}
.book-card-carousel li {
    padding: 0;
    float: left;
}
.book-card-carousel img {
    width: 98px;
    display: block;
    height: 142px;
    margin: 0 6px 0 0;
    border: 1px solid #b5b6b6;
}
.bool-card-control-carousel {
    float: right;
    margin: 3px 0 0 0;
    height: 28px;
    position: relative;
}
.card-book-control-carousel a {
    margin: 0 0 0 10px;
}
.card-book-title-big {
    font: 30px Open Sans, sans-serif;
    color: #464646;
}
.card-book-add-recommend {
    background: url(../img/card-book-add-recommend.png) repeat-x;
    color: #ffffff;
    margin: 3px 0 0 0;
    height: 28px;
    padding: 0 15px;
    text-align: center;
    font: 18px/28px Open Sans, sans-serif;
}

/* Рекомендации */
.card-book-recommend-block {
    background: #fff;
    margin: 10px 0;
    border-top: 1px solid #dcdcdc;
    padding: 10px 10px 20px 10px;
}
.card-book-recommend-body {
    font: italic 16px Open Sans, sans-serif;
    color: #262626;
    background: url(../img/quote-top.png) no-repeat top left;
    padding: 23px 40px 0 40px;
}
.card-book-recommend-author {
    padding: 35px 0 0 0;
    background: url(../img/quote-bottom.png) no-repeat top right;
    float: right;
    overflow: hidden;
    width: 288px;
    font: 16px Open Sans, sans-serif;
}
/*.grey_title{
    color: #4fa4d4 !important;
}*/
#auth_filt
{
    /*color: #4fa4d4 !important;*/
    color: #0076AF !important;
    margin-bottom: 20px;
    margin-top: 20px;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
.tabs-button {
    float: left;
    margin: 0 5px 0 0;
}
.tabs-button.active, .tabs-button:hover, .tabs_active a {
    background: none repeat scroll 0 0 #4fa4d4;
}
.tabs-button {
    background: none repeat scroll 0 0 #4fa4d4;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font: 14px/29px Open Sans;
    padding: 0 30px;
    text-decoration: none;
}
.tabs_header {
    border-bottom: none;
    /*margin-bottom: 20px;*/
}
.tabs_active {
    background-color: none;
    color: white;
}
.tabs_active a
{

}
.search-types {
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}
.search-types li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}
.icon-sm-audiobook {
    background-position: -97px -5px;
    height: 23px;
    width: 26px;
}
.icon {
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
}

.icon-sm-maps {
    background-position: -26px -66px;
    height: 26px;
    width: 30px;
}
.icon-sm-video {
    background-position: -5px -122px;
    height: 23px;
    width: 25px;
}

.icon-sm-training {
    background-position: -64px -94px;
    height: 24px;
    width: 18px;
}
.icon-sm-simulator {
    background-position: -133px -5px;
    height: 25px;
    width: 26px;
}

.icon-sm-remove-media {
    background-position: -93px -66px;
    height: 26px;
    width: 26px;
}

.search-input-container input[type="text"] {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    box-sizing: border-box;
    color: #717171;
    font: 14px/29px Open Sans;
    padding: 0 20px;
    width: 100%;
}
.search-container .button:last-child {
    margin: 0;
}
.search-input-container input[type="submit"] {
    position: absolute;
    width: 103px;
}
.button {
    background: none repeat scroll 0 0 #4fa4d4;
    border: 0 none;
    color: #fff;
    font: 14px/29px Open Sans;
    padding: 0 30px;
    text-decoration: none;
}
.button:hover{
    text-decoration: none;
}
.button:not(.hidden) {
    display: inline-block;
}
.button--noactive{
    background: #a7b0b5;
    cursor:default;
    text-decoration:none;
    color:#fff;
}
.button--noactive:hover{
    background: #a7b0b5;
    cursor:default;
    text-decoration:none;
    color:#fff;
}
.search-input-container {
    border: 1px solid #4fa4d4;
    font-size: 0;
    margin: 5px 0;
    overflow: hidden;
    padding: 0 103px 0 0;
    position: relative;
}

/* меню на странице аудиокниг */
.submenu {
    position:absolute;
    margin: 0px;
    list-style:none;
    padding:2px 2px 2px 2px;
    color: white;
    width: max-content;
}
.submenu > li {
    color: white;
    display:block;
    min-width:100%;
    text-align:left;
    position:relative;
    /*font-size:90%;*/
    list-style: none;
    list-style-type: none;
    background: none;
    padding: 0px;
}
.submenu > li > a {
    background: #4fa4d4;
    color: white;
    display:block;
    white-space:nowrap;
    text-align:left;
    padding: 3px 15px 4px 15px;
    text-decoration:none;
    font-weight: bold;
}
.submenu > li > a:hover, .submenu > li:hover > a {
    background-color:#f2f2f2;
    text-decoration:none;
    color: black;
}
.submenu > li > div {
    position:absolute;
    visibility:hidden;
    opacity:0;
    transition:visibility 0s linear 0.2s,opacity 0.2s linear;
    left:100%;
    top:0;
    background-color: #f2f2f2;
    padding: 0px;
    color: white;
}

div:hover > .lvl_3 {
    visibility: visible !important;
}

.submenu > li:hover > div {
    visibility:visible;
    opacity:1;
    transition-delay:0s;
}
.submenu > li > div > p + p {
    margin: 5px 0 0 0;
}
.submenu > li > div a {
    color: white;
    text-decoration:none;
    margin: 0 3px 0 3px;
}
.submenu > li > div a:first-child {
    margin: 0 3px 0 0;
}
.submenu > li > div a
{
    background-color: #e0e0e0;
    color: black;
}
.addmenu {
    position:absolute;
    margin: 0px;
    list-style:none;
    padding:2px 2px 2px 2px;
    color: white;
}
.addmenu > li {
    color: white;
    display:block;
    min-width:100%;
    text-align:left;
    position:relative;
    font-size:90%;
    list-style: none;
    list-style-type: none;
    background: none;
    padding: 0px;
}
.menu_head
{
    float: left;
    min-width: 0 !important;
    margin-right: 2px;
}

.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
.audiobook-list {
    margin: 20px 0 0;
}
.audiobook-item {
    box-sizing: border-box;
    float: left;
    padding: 0 20px 20px 0;
    width: 33%;
    height: 200px;
}
.audiobook-item .image {
    width: 122px;
}
.media_image
{
    max-width: 120px;
    max-height: 200px;
}
.left {
    float: left;
    /*margin-right: 10px;*/
}
.audiobook-item .description-container {
    overflow: hidden;
}
h2, .h2 {
    font-size: 24px;
    padding-bottom: 10px;
}
h2.book_block_h2{
    color: #4fa4d4;
    font-size: 22px;
    font-weight: normal;
    margin: .5em 0;
}
.book_block_hdr, #srch_result .h1, #srch_result .card-book-title-mini{
    color: #267fb1;
    font-size: 20px;
    font-weight: normal;
    margin: .5em 0;
    padding-top: 15px;
}
.book_block_tbl div{
  margin-top: 5px;
  margin-bottom: 5px;
}
.book_block_tbl td{
  vertical-align: top;
}
.book_block_tbl{
  width: 100%;
}
.pic_grid td{
  background-color: #e2e2e2;
  padding: 15px;
  width:340px;
  height: 230px;
}
.pic_grid div{
    font-size: 17px;
    text-align: center;
}
.pic_grid{
  border-collapse:separate;
  border-spacing: 20px;
}
.pic_grid a:hover{
  text-decoration: none;
}
#srch_result .touchcarousel{
  width: 1100px;
}
.audiobook-item .icon {
    margin-right: 10px;
}
.icon-md-play {
    background-position: -5px -5px;
    height: 36px;
    width: 38px;
    float: left;
}
.icon {
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
}
.icon-md-star {
    background-position: -51px -5px;
    height: 34px;
    width: 36px;
}

.tooler
{
    margin-left: 10px;
    float: left !important;
}
.no_image
{
    height: 120px;
    width: 122px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #818181;
    background: #E9E9E4;
    background: linear-gradient(to top, #E9E9E4, #F4F4F3);
    color: #454545;
    font: 16px Open Sans,sans-serif;
}
.wait
{
    display: none;
}
select.button
{
    height: 25px;
}
.audiobook-detail {
}
.audiobook-detail h1, .audiobook-detail .h1 {
    /*color: #4fa4d4;*/
    color: #0076AF;
    margin-bottom: 0;
}
.audiobook-detail h2, .audiobook-detail .h2, .audiobook-detail h3, .audiobook-detail .h3 {
    margin-top: 0;
}
.audiobook-detail .left, .audiobook-detail .right {
    width: 50%;
}
.audiobook-detail .audiobook-item {
    width: 100%;
}
.audiobook-detail .add-comment {
    margin: 10px 0 0;
    text-align: right;
}
.audiobook-detail .stars:hover a {
    background-position: -129px -40px;
}
.audiobook-detail .stars a:hover ~ a {
    background-position: -129px -67px;
}
.audiobook-detail .share .icon {
    margin-right: 3px;
}
.audiobook-list {
    margin: 20px 0 0;
}
.audiobook-item {
    box-sizing: border-box;
    float: left;
    padding: 0 20px 20px 0;
    width: 33%;
    height: 280px;
}
.audiobook-item .description-container {
    overflow: hidden;
}
.audiobook-item .image {
    width: 122px;
    padding-right: 10px;
}
.audiobook-item .title {
    margin: 0 0 10px;
}
.audiobook-item .actions {
    margin: 10px 0;
}
.audiobook-item .icon {
    margin-right: 10px;
}
.audiobook--simple .audiobook-item {
    padding-right: 0;
    text-align: center;
    width: 16%;
}
.audiobook--simple .audiobook-item .image {
    float: none;
    margin: 0 auto;
}
h3, .h3 {
    font-size: 18px;
}
.right {
    float: right;
}
.pd-top-small {
    margin: 15px !important;
}
.pd-top{
  margin-top: 10px;
}
.clear
{
    clear: both;
}
.block-news-pop-title
{
    font-size: 20px;
    padding-top: 10px;
}
#common_vuz_info
{
    display: none;
}
.top-border
{
    border-top: 0px !important;
}
ul.dynatree-container
{
    white-space: normal !important;
}
.speed_span {
    font-size: 14px !important;
}
ul.dynatree-container li
{
    border-bottom: none !important;
}
.search-container
{
    float: left;
    margin-top: 20px;
}
a
{
    color: #006ca1;
}
#add_but_table
{
    background: #4fa4d4;
    font-family: Open Sans,sans-serif !important;
}
.card-book-related {
    width: 800px;
}
.touchcarousel {
    width: 800px;
}
.list-authors-title
{
    /*color: #4fa4d4 !important;*/
    color: #0076AF !important;
    font: 30px Open Sans,sans-serif !important;
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    z-index: 90;
}
.jq-selectbox .select{
    height: 28px;
    width: 220px;
    background: url(../img/select.png) repeat-x;
    padding: 0 0 0 10px;
    font: italic 14px/28px Open Sans, sans-serif;
}

.jq-selectbox.disabled .select {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888;
}
.jq-selectbox .select .text {
    display: block;
    /*width: 100%;*/
    width: 206px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jq-selectbox .trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
}
.jq-selectbox .trigger .arrow {
    position: absolute;
    top: 13px;
    right: 8px;
    width: 9px;
    height: 5px;
    overflow: hidden;
    background: url(../img/select-arrow.png) no-repeat top;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.jq-selectbox:hover .arrow {
    opacity: 1;
    filter: alpha(opacity=100);
}
.jq-selectbox.disabled .arrow {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.jq-selectbox .dropdown {
    top: 30px !important;
    width: 100%;
    position: relative;
    z-index: 90;
    margin: 0;
    padding: 0;
    background: #FFF;
}
.jq-selectbox ul {
    margin: 0;
    padding: 0;
}
.jq-selectbox li {
    padding: 0 10px;
    /*height: 28px;*/
    font: italic 14px/28px Open Sans, sans-serif;
    color: #231F20;
    position: relative;
    z-index: 90;
    line-height: 20px;
}
.jq-selectbox li.selected {
    background: #A3ABB1;
    color: #FFF;
}
.jq-selectbox li:hover {
    background: #08C;
    color: #FFF;
}
.jq-selectbox li.disabled {
    color: #AAA;
}
.jq-selectbox li.disabled:hover {
    background: none;
}
.jq-selectbox li.optgroup {
    font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231F20;
    cursor: default;
}
.jq-selectbox li.option {
    padding-left: 25px;
}


.jq-select-multiple {
    padding: 1px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
    color: #333;
    font: 14px/18px Arial, Tahoma, sans-serif;
    cursor: default;
}
.jq-select-multiple.focused {
    border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888;
}
.jq-select-multiple ul {
    margin: 0;
    padding: 0;
}
.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none;
}
.jq-select-multiple li:first-child {
    border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
    border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
    background: #08C;
    color: #FFF;
}
.jq-select-multiple li.disabled {
    color: #AAA;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
    background: #CCC;
    color: #FFF;
}
.jq-select-multiple li.optgroup {
    font-weight: bold;
}
.jq-select-multiple li.option {
    padding-left: 25px;
}
.touchcarousel
{
    height: auto !important;
}
.carusel_book_name
{
    /*color: #4fa4d4;*/
    color: #0076AF;
    /*font-size: 90%;*/
    overflow: hidden;
    line-height: 100%;
    white-space: nowrap;
    word-wrap: normal;
}
.touchcarousel .touchcarousel-item .carusel_book_name a{
  text-decoration: none;
  display: inline;
}
.carusel_book_author
{
    font-size: 95%;
    overflow: hidden;
    line-height: 100%;
    white-space: nowrap;
    word-wrap: normal;
    color: black;
}
.slider_btn-prev
{
    position: absolute;
    left: -800px;
    z-index: 2;
    top: 120px;
    cursor: pointer;
}
.slider_btn-next
{
    position: absolute;
    z-index: 2;
    top: 120px;
    left: -34px;
}
/*.book_face {
    width: 150px;
    margin-right: 25px;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
    height: 340px;
}*/
.link_all_books
{
    background-color: #61b1e0;
    color: white;
    display: block;
    float: right;
    padding: 5px;
    text-decoration: none;
}
.room_table_header, .room_table_subheader
{
    background: none repeat scroll 0 0 #4fa4d4;
    color: #fff !important;
    font: 22px Open Sans,sans-serif;
    padding: 0 0 0 5px;
}
#tab_data
{
    /*width: 1115px !important;*/
    width: 100% !important;
    border: 1px solid #4fa4d4;
    background-color: #f2f2f2;
    overflow: hidden;
    float: left;
}
.room-default-table {
    background-color: #f2f2f2 !important;
}
.room-default-table td{
    color: black !important;
}
.room-bottom-rounded
{
    display: none;
}
.atcmpl {
    position: absolute;
    width: 365px;
    margin: 0 0px 0 10px;
    background-color: #e0e0e0;
    border: solid 3px white;
    border-top: solid 3px #e0e0e0;
    z-index: 1000;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 15px;
}
.actmplheader {
    font-size: 16px;
    font-weight: 900;
    text-align: right;
    margin-right: 15px;
}
.actmplitem {
    font-size: 12px;
    text-align: left;
    padding-left: 5px;
    border-bottom: solid 1px #c0c0c0;
}
.top-two-column-rubr {
    overflow: hidden;
    padding: 6px 14px 0 17px;
}
.top-two-column-rubr li {
    float: left;
    font: 18px/27px Open Sans,sans-serif;
    margin: 3px 0px 15px 0;
}
.top-two-column-title {
    color: #747473;
    font: 18px Open Sans,sans-serif;
    padding: 10px;
    padding-left: 0px;
    margin: 0px;
}

#sh_cont
{
    margin-left: 62px !important;
    font: 14px Open Sans,sans-serif;
}
.small_block_text_w
{
    font: 14px Open Sans,sans-serif !important;
    padding-bottom: 5px;
}
.small_block_text_w a
{
    font: 15px Open Sans,sans-serif !important;
    color: black !important;
}
.dynatree-title
{
    font-size: 12px;
}
.dynatree-has-children > a
{
    font-size: 15px;
}
.content-search-form-result-info-book, .content-search-form-result-block-title > a
{
    font: 15px Open Sans,sans-serif;
}
.content-search-form-result-block-author{
  font-size: 13px;
}
.content-search-form-result-info-book .sr{
  font-size:13px;
}
.jq-checkbox {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #b7b7b7;
    cursor: pointer;
    height: 10px;
    margin: -2px 0 0;
    position: relative;
    vertical-align: middle;
    width: 10px;
}
.jq-checkbox.checked span {
    background: none repeat scroll 0 0 #0076AF;
    display: block !important;
    height: 6px;
    margin: 1px 0 0 1px;
    width: 6px;
}

.content-wrap .fb
{
    width: 280px;
    padding-top: 10px;
}
.menu-inner
{
    width: 1200px;
    margin: auto;
}
.tabs_noactive a, .tabs_to_shop a
{
    background: #0076AF;
    border-radius: 20px 20px 0 0;
}
.tabs_active a {
    border-radius: 20px 20px 0 0;
}
.vuz_logo_head
{
    float: left;
    margin: 10px;
    background-color: #fff;
    background-position: 50% 50%;
    border-radius: 24px;
    width: 48px;
    height: 48px;
    box-shadow:
        0 0 0 5px #fff,
        0 0 0 6px #999,
        0px 1px 1px 7px #bbb;
    margin-right: 20px;
}
/*#header .profile .login_with_logo {

    min-height: 65px;

    line-height: 12px;
}*/
.mess {
    background-color: #4fa4d4;
    border-radius: 50px;
    color: white;
    /*font-weight: bold;*/
    height: 16px;
    position: absolute;
    text-align: center;
    width: 14px;
    line-height: 15px;
    margin-left: 50px;
    margin-top: 7px;
}
.ui-accordion .ui-accordion-header {
    padding-left: 35px;
    border-radius: 0;
    background: #4fa4d4 !important;
    font-family: Open Sans,sans-serif;
    font-weight: normal;
    font-size: 18px;
}
.ui-accordion .ui-accordion-content-active {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0);
}
.body-vn {
    background: rgba(0, 0, 0, 0) url("../img/body-vn.png") repeat fixed 0 0;
    color: #5a5a5a;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    background: rgba(0, 0, 0, 0);
}

/* Цитаты расширенные */
.content-quotes-extend-item {
    background: #fff;
    padding: 15px;
    margin: 0px 0 0 0;
    font-size: 12px;
}
.content-quotes hr {
    border: none;
    height: 1px;
    width: 100%;
    background: #c7c7c7;
}
.content-quotes-extend-item-details {

}
.content-quotes-extend-item-body-field {
    margin: 25px 0 5px 0;
}
.content-quotes-extend-item p {
    line-height: 18px;
}
.content-quotes-extend-item-panel {
    padding: 20px 0 10px 0;
}
.content-quotes-extend-item-delete {
    margin: 10px 0 0 0;
}
.content-quotes-print {
    margin: 5px 0 0 0;
}
.content-quote-panel a, .comment-item-block-details a, .content-quotes-extend-item-panel a {
    border: medium none;
    display: block;
    float: left;
    height: 11px;
    line-height: 11px;
    margin: 0 40px 0 0;
    padding: 0 0 0 16px;
}
.modal_conteiner {
    border: 1px solid #0076af;
    background: #fff;
    border-radius: 6px;
    padding: 0;
    min-width: 350px;
}
.modal_header {
    color: #0076af;
    font-size: 18px;
    font-weight: bold;
}
.modal_close
{
    vertical-align: top;
    text-align: right;
}
.modal_close span
{
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block;
    background: #0076af;
    float: right;
    text-align: center;
    font-weight: bold;
    border-radius: 0 0 0 6px;
}
.modal_conteiner #but_ok, .modal_conteiner #but_cancel, .modal_conteiner .modal-but
{
    text-transform: uppercase;
    padding: .25em 1em;
    font-weight: 500;
    min-width: 40%;
    width: calc(50% - 2em);
    display: inline-block;
    height: auto;
    margin: -5px;
}
.modal_conteiner .modal-but{
    width: auto;
    display: inherit;
}
.modal_conteiner #but_ok:hover, .modal_conteiner #but_cancel:hover, .modal_conteiner .modal-but:hover
{
    opacity: .8;
}
.modal_conteiner #but_ok, .modal_conteiner .but_ok
{
    background-color: #6e96a9;
}
.square_button
{
    color: black;
}
table.parent:nth-child(2n) {
    background-color: #d9d9d9;
}
#tab_users table#ulist tr:nth-child(2n), .main_data table#ulist tr:nth-child(2n){
    background-color: #d9d9d9;
}
.modal_body {
    margin-bottom: 20px;
    padding-bottom: 5px;
}
input
{
    font-size: 15px;/*при другом размере "едет" верстка модальных окон*/
    line-height: 15px;
}
.old_version
{
    width: 100%;
    background: #454545;
    color: white;
    font-weight: bold;
    text-align:  center;
    padding-top:4px;
    padding-bottom:4px;
    margin-top: 3px;
}
.old_version a
{
    color: white;
    border: 1px solid white;
    text-decoration: none;
    padding: 2px;
}
.old_version_container
{
    margin-left: 50px;
}
#wrapper
{
    /*min-height: 100%;*/
	flex: 1 0 auto;
}
/*#header .profile .lang_link
{
    position: absolute;
    right: 5px;
    top: -10px;
    display: inline-block;
    font: 12px/16px Open Sans,sans-serif;
    text-decoration: none;
}
#header .profile .lang_link a{
    background: #4fa4d4 none repeat scroll 0 0;
    color: white;
    padding: 0 5px;
    text-decoration:none;
}
#header .profile .lang_link a:hover{
    text-decoration: underline;
}
#header .profile #lang-selector a
{
    color: white;
    font-size: 14px;
}
#header .profile .lang_link a.noback{
  background: none;
  color: #000;
  }*/
.jq-file {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc #ccc #b3b3b3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px #f1f1f1 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}
.jq-file .name {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #333;
    font: 14px Arial,Tahoma,sans-serif;
    padding: 7px 10px 6px;
    width: 170px;
}
.jq-file .browse {
    background: #f1f1f1 none repeat scroll 0 0;
    border-left: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    box-shadow: 1px -1px #f1f1f1 inset, -1px 0 #f1f1f1 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #333;
    font: 14px/30px Arial,Tahoma,sans-serif;
    padding: 0 10px;
    text-shadow: 1px 1px #fff;
}
.cont_link{
  margin-bottom: 5px;
}
#cat_tree{
  }
#cat_tree a{
  color: #000;
  font-size: 16px;
}
#cat_tree ul{
  margin: 0px;
}
.tree-open-close{
  display: none;
  width: 16px;
  height: 14px;
  background: url(../img/f-down-19-nt.png) 4px 2px no-repeat;
  cursor: pointer;
}
.tree-open-close.open{
  background: url(../img/f-up-19-nt.png) 4px 2px no-repeat;
}
#cat_tree a.selected{
  font-weight: bold;
  color: #000;
}
#cat_tree .type_meny{padding: .5em 1em;border-bottom: 1px solid #4fa4d4;}
#cat_tree .type_meny > span, #cat_tree .type_meny > a{color:#323232;cursor:pointer;}
#cat_tree .type_meny > span:hover{text-decoration:underline;}
#cat_tree .type_meny > span.active, #cat_tree .type_meny > a.active{color: #4fa4d4;}
#cat_tree .live_search{height:2em;border-bottom: 1px solid #4fa4d4;position:relative;}
#cat_tree .live_search >input{line-height: 2em;padding: 0 32px 0 1em;background-color: #e1e1e1;color: #6b6b6b;border: none;width: 100%;height: 100%;}
#cat_tree .live_search >.clear{display: none;width: 20px;height: 20px;border-radius: 50%;background: #C1C0BE;position: absolute;right: .5em;;top: 50%;transform: translateY(-50%);cursor:pointer;outline: none;text-decoration:none;}
#cat_tree .live_search >.clear:before{content: '\2716';position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);width: 13px;height: 13px;overflow: hidden;font-size: 13px;line-height: 13px;text-align: center;color: #777777;}
#content .sidebar li.ibl.book a{
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  background: url(../images/icons/book_single_16.png) 0px 0px no-repeat;
  padding-left: 16px;
}
.content_tbl.stat a{
  font-weight: normal;
}
/*******************************************/
.wdt100 {
    width: 100% !important;
}
.container > * {
    padding: 12px;
}
.row > *, .row-lws > * {
    float: left;
}
.tags-btn a:hover, .tags-btn .active {
    color: #fff;
    background: #00a6d7;
    text-decoration: none;
}
.tags-btn a {
    color: #222;
    padding: 4px 8px;
    background: #fff;
    margin-right: 1px;
    margin-bottom: 1px;
}
.left-column {
    width: 248px;
}
.left-menu {
    display: block;
    background: #fff;
    padding: 8px;
    border: 1px solid #9ecbdd;
    text-transform: uppercase;
    margin: 0 !important;
}
.left-menu li {
    padding: 4px 0;
}
.left-menu li ul {
    display: none;
    text-transform: none;
    padding-bottom: 4px;
}
.left-menu li ul li {
    padding: 2px 0;
}
.front-column {
    width: /*calc(100% - 248px)*/ calc(100% - 248px - 48px); /*инче в тарую верстку не ложится*/
}
.chi-col-5 {
    margin: 0 -12px;
}
.chi-col-5 > * {
    width: 20%;
    padding: 0 12px;
}
.authors-list .block {
    margin-bottom: 16px;
    height: 272px;
}
.authors-list .photo {
    display: table;
    /*border: 1px solid #848484;*/
    margin-bottom: 8px;
}
.authors-list a.title {
    font-size: 14px;
    color: #7c7c7c;
    line-height: 120%;
}
.authors-list a.title span {
    font-weight: 700;
    color: #222;
    display: table;
    text-transform: uppercase;
}
.authors-list .description {
    display: none;
    margin: 6px 0;
}
.crumbs {
    padding-top: 4px;
    padding-bottom: 4px;
}
.crumbs li {
    padding: 0 2px;
    color: #43aed7;
}
.crumbs li a {
    color: #43aed7;
}
.crumbs li:before {
    content: '/';
    padding-right: 4px;
}
.crumbs li:first-child:before {
    display: none;
}
.info{
    height: 55px;
}
.view-btn {
    margin-left: 8px;
}
.view-btn a {
    background-image: url(../images/view-option.png);
    width: 24px; height: 24px;
    background-position-x: left;
    margin: 0 2px;
}
.view-btn a.v1 {
    background-position-x: 48px;
}
.view-btn a.v2 {
    background-position-x: right;
}
.view-btn a.active {
    background-position-y: bottom;
}
.view-grz  {
    margin: 0;
}
.view-grz .block {
    padding: 0;
    display: table;
    float: none;
    width: auto;
}
.view-grz .block > * {
    display: table-cell;
    vertical-align: middle;
}
.view-grz .block .photo {
    vertical-align: top;
    width: 142px;
    margin: 0;
}
.view-grz .block .info {
    padding-left: 20px;
}
.authors-list.view-grz .description {
    display: block;
    margin: 6px 0;
}
.authors-list .description {
    display: none;
    margin: 6px 0;
}
.view-btn div {
  background-image: url(../images/view-option.png);
  width: 24px;
  height: 24px;
  background-position-x: left;
  margin: 0 2px;
  cursor: pointer;
  float: right;
}
.view-btn div.view-grid {
  background-position-x: right;
}
.view-btn div.view-list {
  background-position-x: 48px;
}
.view-btn div.active, .view-btn div:hover{
  background-position-y: bottom;
}

.filters .active{
  font-weight: bold;
}
.filters a{
  margin-left: 10px;
}

#i_changer{
  position: absolute;
  right: 0px;
  top: 0px;
  border: 1px Solid #777;
  background-color: #FFF;
  padding: 10px;
  text-align: left;
  z-index: 99999;
}
.bo{
  margin-bottom: 20px;
}
/* books grid*/
.book_grid{
  background-color: #FFF;
  border: 1px Solid #3e9ddc;
  margin-bottom: 10px;
}
.book_grid .book_desc{
  padding: 10px;
}
.book_desc .name{
  font-size: 20px;
}
.book_desc div{
  margin-bottom: 5px;
  font-size: 15px;
}
.book_desc div span{
  color: #777;
}
.book_desc .but{
  text-decoration: none;
}
#edit_sphere_html{
  margin-top:10px;
}
#spere_list div, .sph_item{
  margin-bottom: 2px;
  cursor: pointer;
}
#spere_list div:hover{
  background-color: #CCC;
}
.ebs_select{
    margin-top: 10px;
    margin-bottom: 20px;
    /*font-size: 18px;*/
    width: 95%;
    padding: 2px;
}
.ebs_select:invalid{
    color:red;
}
#f_form td{
  padding-right: 7px;
}
.td_pdr td{
  padding-right: 10px;
}
.arrow_prev
{
    background: #555 none no-repeat scroll 50% 50%;
    background-image: url("../images/arrow_prev.png");
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 50px;
    width: 50px;
    opacity: 0.25;
}
.arrow_next
{
    background: #555 none no-repeat scroll 50% 50%;
    background-image: url("../images/arrow_next.png");
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 50px;
    width: 50px;
    opacity: 0.25;
}
.arrow_prev:hover, .arrow_next:hover{
  opacity: 0.75;
}
.pntr_search_result{
    display: inline !important;
}


/*****************************mobilyslider************************************/
.pd{
    padding:10px;
    background:#B0AFAF;
    float:left;
    clear:both;
    width:100%;
    margin-bottom:10px;
    font-weight: bold;
}

.code_sample{
    float:left;
}

/* ------ Стили для mobilyslider
-----------------------------------------------*/


.slider {
    /*float:left;*/
    width:100%;
    /*height:245px;*/
    position:relative;
    /*padding-bottom:26px;*/
    /*background:url(../images/bottom_shadow.png) no-repeat bottom center;*/
}

.sliderContent {
    /*float:left;*/
    width: 100%;
    /*text-align: center;*/
    height:260px;
    /*clear:both;*/
    position:relative;
    overflow:hidden;
    margin-bottom: 2em;
}

.sliderArrows a {
    display:block;
    text-indent:-9999px;
    outline:none;
    z-index:50;
    background-image:url(../images/prev_next.png);
    width:42px;
    height:42px;
    position:absolute;
    top:50%;
    margin-top:-34px;
}

.prev {
    background-position:0 0;
    left:15px;
}

.prev:hover {
    background-position:0 -44px;
}

.next {
    right:15px;
    background-position:-44px 0;
}

.next:hover {
    background-position:-44px -44px;
}

.sliderContent .item {
    position:absolute;
    width:100%;
    /*height:350px;*/
    /*background:#fff;*/
}

.sliderContent .item a{
   display:block;
}

.sliderBullets {
    position:absolute;
    bottom: -1.5em;
    left:50%;
    z-index:2;
    margin-left:-45px;
}

.sliderBullets a {
    display:block;
    float:left;
    text-indent:-9999px;
    outline:none;
    margin-left:5px;
    width:10px;
    height:11px;
    background:url(../images/bullets.png) no-repeat;
}

.sliderBullets .active {
    background-position:0 -11px;
}

.sliderContent a {
    outline:none;
}


a img {
    border:none;
    max-width: none;
}
.search-clear-button {
    height:38px;
    width:38px;
    /*-webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;*/
    display:inline-block;
    text-align:center;
    color: #c6c5c5;
    /*border: 1px solid #c6c5c5;*/
    cursor: pointer;
    font-size: 200%;
}
.modal_close>span>mark {
    height:38px;
    width:38px;
    display:inline-block;
    text-align:center;
    color: #FFF;
    cursor: pointer;
    font-size: 200%;
    margin-top: 10px;
}
.search-clear-button:hover {
    /*border: 1px solid #555555;*/
    color: #000000;
}
.search-desc > .search-clear-button{
    position: absolute;
    margin-left: 3px;
}
#cnt_book{
    top: 2px !important;
}
.close-but-search{
    position: relative;
    top: 9px;
}
.banner_center{
    /*width: 763px;*/
    width: 100%;
}
.carousel-background{
    /*width: 763px;*/
    width: 100%;
}

/**
method_center
 */
.ban_text{position:relative;}
.ban_text >img{width:100%;}
.ban_text >div{
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: linear-gradient(90deg, rgba(82, 165, 212, 0) 0%, rgba(82, 165, 212, .99) 48%);
    text-align: right;
    text-transform: uppercase;
    width: 70%;
}
.ban_text >div >span{
    font-size: 30px;
    line-height: 50px;
    margin-right: 2em;
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.grey-bg{
    background: #e1e1e1;
}
.plusi{
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.plusi >div{
    padding: 1.5em 1em;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.plusi >div >*{
    width: 100%;
}
.plusi >div >span{
    display: flex;
    align-items: center;
    height: 51px;
}
.plusi >div >span >img
{
    display: inline-block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.plusi >div >p{
    font-size: 12px;
    margin: 0;
    margin-top: 1.5em;
}
.act_price{
    padding: .75em 1em;
    font-size: 18px;
    line-height: 36px;
    text-transform: uppercase;
    text-align: center;
}
.act_price p{
    margin: 0;
}
.download{
    width: 45px;
    height: 45px;
    display: inline-block;
    margin: 0 auto;
    background: url("../images/down_blue.png") 0 0 no-repeat;
    margin-top: 1em;
}
.download:focus{
    outline: none;
}
.download:hover{
    opacity: .7;
}
form.fmore{
    padding: 0 0 1em;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
form.fmore.send:before{
    content: 'Отправка сообщения...';
    position: absolute;
    background: #00000052;
    top: -.75em;
    left: -.75em;
    bottom: 0;
    right: -.75em;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 88px;
}
form.fmore >div{
    margin-left: 2%;
    width: 32%;
    margin-bottom: 1.5em;
}
form.fmore >div:first-child{
    margin: 0;
}
form.fmore >div:last-child{
    width: 100%;
    margin: 0;
}
form.fmore >div >input{
    padding: .5em;
    border: 1px solid #83bbe0;
    box-sizing: border-box;
    width: 100%;
}
form.fmore >div >input.error{
    border-color: #ff2727;
}
form.fmore >div >input[type="submit"]{
    background: #007aca;
    box-sizing: border-box;
    color: #fff;
}
.slider.izdatel{
    margin: 1em 0;
}
.slider.izdatel .sliderContent{
    background: #f2f2f2;
    padding: 2em 0;
}
.slider.izdatel .item{
    padding: 1em 0;
}
.slider.izdatel .item >div{
    display: flex;
    flex-wrap: wrap;
}
.slider.izdatel .item >div >div{
    margin-bottom: .5em;
    margin-left: 2%;
    text-align: center;
}
.slider.izdatel .prev, .slider.izdatel .next{
    width: 14px;
    height: 26px;
    margin-top: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.slider.izdatel .prev {
    background-position:0 -26px;
    left:15px;
}
.slider.izdatel .prev:hover {
    background-position:0 -26px;
    opacity: .7;
}
.slider.izdatel .next {
    right:15px;
    background-position:0 0;
}
.slider.izdatel .next:hover {
    background-position:0 0;
    opacity: .7;
}

@media only screen and (max-width:560px) {
    .plusi > div {
        width: 33.3%;
        width: calc(100% / 3);
    }
    .slider.izdatel .item >div >div:nth-child(2n + 1) {
        margin-left: 0;
    }
    .slider.izdatel .item >div >div{
        width: 49%;
    }
    .slider.izdatel, .slider.izdatel .sliderContent{
        height: 250px;
    }
}
@media only screen and (min-width:561px) {
    .plusi > div {
        width: 20%;
    }
    .slider.izdatel .item >div >div:nth-child(3n + 1){
        margin-left: 0;
    }
    .slider.izdatel .item >div >div{
        width: 32%;
    }
    .slider.izdatel, .slider.izdatel .sliderContent{
        height: auto;
    }
}

.izd-container {
    width: 1055px;
}
.izd-cnt {
    position: relative;
    width: 1055px;
    height: 140px;
    border: #4fa4d4 1px solid;
    margin-bottom: 10px;
    padding: 7px 10px 10px 10px;
    box-sizing: border-box;
}

.izd-logo {
    position: absolute;
    height: 120px;
    width: 120px;
    box-sizing: border-box;
}
.izd-logo img {
    max-width: 120px;
    max-height: 120px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.izd-desc {
    width: 890px;
    height: 100px;
    position: absolute;
    right: 10px;
    font-size: 14px;
    text-align: justify;
    margin-top: 10px;
}

.izd-desc-lnk {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #4fa4d4;
    font-weight: bold;
}

.search-form__controls {
    position: relative;
    margin: 0 0 7px;
}

#search_izd {
    width: 1055px;
    height: 36px;
    font-size: 17px;
}

.search-form__text {
    display: block;
    height: 27px;
    padding: 0 20px 0 10px;
    background: #fff;
    border: 1px solid #4fa4d4;
    line-height: 25px;
}

.search-form-izd__button {
    display: block;
    background-color: #4fa4d4;
    width: 30px;
    height: 30px;
    border-radius: 20%;
    background-image: url(../images/search-ico.png);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    padding: 0;
    float: right;
    position: absolute;
    top: 3px;
    right: 4px;
}

/*****************************end mobilyslider************************************/



/*-------------- МОДНАЯ КНОПКА СКРОЛЛА ----------------*/
#SctollTop{position: fixed;width: 50px;height: 50px;bottom: 10%;right: 50px;background: #4fa4d4;border-radius: .5em;cursor: pointer;visibility: hidden;opacity:0; transition:visibility 0.3s linear,opacity 0.3s linear;}
#SctollTop.show{opacity: 0.7;visibility:visible;}
#SctollTop:before{content: '\2039';color: #fff;font-size: 5em;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%) rotate(-90deg);display: inline-block;width: 100%;height: 100%;line-height: 32px;text-align: center;}
#SctollTop.up:before{transform: translateX(-50%) translateY(-50%) rotate(90deg);}
#SctollTop[data-top="yes"]:before{transform: translateX(-50%) translateY(-50%) rotate(90deg);}

/*-------------- ПРЕЛОАДЕР ПОИСКА --------------------*/
#srch_prog {margin-top:1em;}

/*-------------- ИКОНКА КОРЗИНЫ -----------------------*/
.buy_this{width:24px;height:24px;background: url("../images/icons/buy.svg");display:block;cursor:pointer;background-size:contain;}

/*--------------- ФИЛЬТРЫ В НОВОМ КАТАЛОГЕ ------------*/
.filter_content:not(.open) {float:right;border-bottom: 1px solid gainsboro;}
.filter_content {margin-top: 8px;border-top: 1px solid gainsboro;}
.filter_content >.filter {position:relative;}
.filter_content >.filter >p{margin: 0;padding: .5em 0}
.filter_content >.filter .filter_content_all_check{float: right;}
.filter_content >.filter >p, .filter_content >.filter .text{color:#4fa4d4 !important;}
.filter_content >.filter >p.count_filter_text{cursor:pointer;}
.filter_content.open >.filter >p{text-align: right;margin-bottom: 1em;}
.filter_content >.filter .hide_show{width: 8px;height: 8px;top:42%;border-right: 1px solid #4fa4d4;border-bottom: 1px solid #4fa4d4;transform: rotate(45deg) translateY(-45%);display:inline-block;margin-left:.5em;cursor:pointer;margin-right: 1.5em;}
.filter_content:not(.open) [data-clear_all]{display:none!important;}
.filter_content:not(.open) >.filter >div{display:none!important;}
.filter_content.open >.filter .hide_show{border:0;border-left: 1px solid #4fa4d4;border-top: 1px solid #4fa4d4;transform: rotate(45deg);margin-left:.75em;margin-right:1em;margin-bottom: -1px;}
/*.filter_content.open >.filter .filter_content_all_check{display:none;}*/
/*.filter_content.open >.filter >div{display:flex;margin: 0 0 .7142em;}
/*.filter_content >.filter >div >div:first-child{width:100%;}
.filter_content >.filter >div >div.hasselected{width:220px;}
.filter_content >.filter .filter_selected{margin-left:4%;width:calc(96% - 220px)}*/
.filter_content >.filter .filter_selected >div{display:inline-block;margin-right:1em;font-size: 14px;}
.filter_content >.filter .filter_selected >div >span{width: 14px;height: 14px;border: 1px solid #868690;border-radius: 50%;position: relative;display: inline-block;margin-bottom: -2px;margin-left: .25em;cursor:pointer;}
.filter_content >.filter .filter_selected >div >span:before{content:"\2716";position:absolute;top:50%;left:48%;color:#868690;transform:translateY(-50%) translateX(-50%);line-height: 14px;font-size: 13px;}
/*.filter_content >.filter .form_block{transition: width 1s ease;margin:0;}*/
.filter_content >.filter .form_block.open{/*top: 0;*/width: 100%;/*position: absolute;*/left: 0;min-height: 100%;}
.filter_content >.filter .form_block.open .conteiner{width: 100%;}
.filter_content >.filter .form_block.open .conteiner >ul{max-height:14em;}
/*.filter_content >.filter .form_block.open .selectedText{display:none;}*/

.filter_content >.filter .form_block ul ul {margin: 10px 0 20px 5px;padding: 0}
.filter_content >.filter .form_block ul ul >li {padding: 3px 0 3px 7px;}
.filter_content >.filter .form_block ul li {cursor:default!important;}
.filter_content >.filter .form_block ul a {font: normal 14px Open Sans, sans-serif;color: #2c2c2c;text-decoration: none;position:relative;outline:none;}
.filter_content >.filter .form_block.open .live_search{position: absolute;top: 0;width: 100%;height: 35px}
.filter_content >.filter .form_block.open .live_search >input{width: 100%;height: 100%;padding: .5em;}
.filter_content >.filter .form_block.open .live_search + ul{margin-top:35px;}
.filter_content >.filter .form_block.open li >.tree-open-close{display:inline-block;}
.filter_content >.filter .form_block.select [data-control] >ul >li.select, .filter_content >.filter .form_block.select [data-control] >ul >li:hover{background-color:#fff;}
.filter_content >.filter .form_block ul a[data-filter]:before {content: '';display: inline-block;margin-right:1em;width: 14px;height: 14px;border-radius: 2px;border: 1px solid #ababab;margin-bottom: -3px;}
.filter_content >.filter .form_block ul a.select[data-filter]:after {content: '';display: block;position: absolute;left: 2px;top: 4px;width: 12px;height: 12px;background: url(../images/icons/checked.svg);background-size: cover;}
/*clear*/
[data-clear_all] {position:relative;outline: none;text-decoration:none;margin: .5em 0;display: block;float: left;}
[data-clear_all]:hover {outline: none;text-decoration:none;}
[data-clear_all] >span{display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #C1C0BE;margin-left: 10px;position: relative;margin-bottom: -4px;}
[data-clear_all] >span:before{content: '';position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);width: 8px;background: url(../images/icons/close.svg) 0 0 no-repeat;height: 8px;display: block;background-size: cover;}


.more_actions{
    position: relative;
    min-width: 200px;
}
.more_actions > div{
    width:100%;
    background:#4fa4d4;
    color:#fff;
    cursor:pointer;
    position:relative;
    height: 100%;
    align-items: center;
    display: flex;
}
.more_actions > div.grey{
  background: #9b9b9b;
}
.more_actions > div >span{
    display: block;
    text-align: center;
    margin: .3em 30px .3em .3em;
    width: 100%;
}

.more_actions > div:before {
    content:"";
    position:absolute;
    right:18px;
    width: 8px;
    height: 8px;
	top:42%;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(45deg) translateY(-45%);
}
.more_actions.open > div:before, .more_actions:hover > div:before {
	border:none;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	top:50%;
	transform: rotate(45deg) translateY(-45%);
}

.more_actions >ul{
    display:none;
    position:absolute;
    border: 1px solid #4fa4d4;
    z-index: 3;
}
.more_actions:hover >ul{
    display:block;
    width: 100%;
}
.more_actions >ul >li{
    list-style:none;
    padding: .25em .5em;
    background: #fff;
    color:#575757;
    cursor:pointer;
    font-size: 14px;
}
.more_actions >ul >li:hover{
    background: #e1e1e1;
}
.more_actions >ul >li + li{
    border-top: 1px solid #4fa4d4;
}
.more_actions.for_all li:not(.for_all), .more_actions.for_one li:not(.for_one){
    display:none;
}
#basket_actions {
  min-width: 255px;
  display: flex;
  justify-content: space-between;
}
#basket_actions.hidden{
  display: none;
}
#basket_actions > div{
  font-size: 14px;
}
#basket_actions > div:before {
  width: 0px;
  height: 0px;
  border: none;
  }
#basket_actions > div > span {
  margin: .3em;
}
#basket_actions > div{
  width: 48%;
}

.no_acc_item .book_face, .no_acc_item .carusel_book_author, .no_acc_item .carusel_book_name, .no_acc_item .book_short a, .no_acc_item img{
    color: #555;
    filter: grayscale(100%);
}
.no_acc_item .carusel_book_name{
  font-weight: bold;
}

/*  Книжные полки */
.createBookshelf{display:flex;align-items:center;float:right;color:#43aed7;border-bottom:1px solid #43aed7;font-weight:600;padding-bottom:.25em}
.createBookshelf:hover{text-decoration:none}
.createBookshelf:before{content: '+';margin-right: .5em;background: #43aed7;color: #fff;border-radius: 50%;width: 19px;height: 19px;line-height: 19px;text-align: center;font-size: 18px;}

.backBookshelf{display:flex;align-items:center;float:right;color:#43aed7;border-bottom:1px solid #43aed7;font-weight:600;padding-bottom:.25em}
.backBookshelf:hover{text-decoration:none}
.backBookshelf:before{content: "";margin-right: .5em;color: #43aed7;width: 19px;height: 19px;line-height: 19px;text-align: center;font-size: 18px;background: url(../images/icons/undo.svg)50% no-repeat;background-size: contain;}

.addToBookshelf{cursor:pointer;display: block;color: #43aed7;border: 1px solid #43aed7;border-radius: 50%;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;box-sizing: content-box;font-weight: 600;padding-left: 1px;}
.addToBookshelf.add, .addToBookshelf:hover{background: #43aed7;color:#fff;text-decoration:none}

.bookshelList .bookshelItem:nth-child(2n+1) {background:#efefef;}
.bookshelItem {padding: 1em;}
.bookshelItem.double {display:flex}
.bookshelItem.double >div:first-child{flex-basis: 100%;}
.bookshelItem.double >div + div{margin-left:1em;}
.bookshelItem .name, .bookshelItem .name >a:not(.action) {font-weight:600;font-size:16px;color: #000;}
.bookshelItem .name >a.action {font-size:14px;color: #43aed7;text-decoration: underline;margin-left:.5em}
.bookshelItem .name >a.action + a.action:before{content:'|';display:inline-block;margin-right:.5em;color:#737373}
.bookshelItem .info{height:auto}
.bookshelItem .info span{font-size:14px;}
.bookshelItem .info span + span:before{content:'|';display:inline-block;margin-right:.5em;color:#737373}

/*  КНОПКИ-ИКОНКИ */
.exelButton{display: block;background: url(../images/excel_16.png) 50% no-repeat;background-size: contain;width: 16px;height: 16px;text-indent: -999em;}

/*  ТАБЫ */
.tabs_ec {border-bottom: 1px solid #c1c0be;padding: .5em 0;font-size: 16px;}
.tabs_ec >div{cursor:pointer;display:inline-block;}
.tabs_ec >div:not([style*='display: none']) ~ div{padding-left:1em;margin-left:1em;border-left:1px solid #c1c0be;}
.tabs_ec >div.active, .tabs >div:hover{color:#4fa4d4;}
.tabs_ec >div:first-child{border-left:0;margin-left:0;padding-left:0;}

[data-tab_container]{display:none;margin-top: 1.5em;}
[data-tab_container].active{display:block;}

.double_block{display:flex;flex-wrap:wrap;}
.double_block >*, .double_block >div{width:49%;margin-left:2%;}
.double_block >*:nth-child(2n+1){margin-left:0;}

/*  ecorsar */
.ecorsar_list >div{padding: 1em 0;display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #c1c0be;}
.ecorsar_list >div >div:first-child:not(.parent){flex-basis:70%;}
.ecorsar_list >div >div + div:not(.parent){flex-basis:30%;padding-left:1.5em;}
.ecorsar_list >div >div + div:not(.parent) + div{flex-basis:100%;padding:0;}
.ecorsar_list >div >div + div:not(.parent) >*{margin-top:.5em;display: block;text-align: right;}
.ecorsar_list >div >div + div:not(.parent) >*:first-child{margin-top:0;}
.ecorsar_list >div >div .dop_info >span{color:#4fa4d4;}
.ecorsar_list >div >div .dop_info.status2{color:#368cbd;}
.ecorsar_list >div >div .dop_info.status3{color:#57bb39;}
.ecorsar_list >div >div .was_join{display:inline-block;width:20px;height:20px;border:1px solid #368cbd;position:relative;background:#fff;}
.ecorsar_list >div >div .was_join:before{content:'';background: url(../images/icons/checked.svg) 50% no-repeat;background-size: contain;position:absolute;top:3px;bottom:3px;left:3px;right:3px;}
.ecorsar_list >div >div .joined{margin-top: 1em;display: block;color: #368cbd;cursor: pointer;}
.ecorsar_list >div >div .joined:after{content:'';border-right: 1px solid #368cbd;border-bottom: 1px solid #368cbd;right: 14px;width: 8px;height: 8px;display: inline-block;transform: rotate(45deg);margin-left: 1em;margin-bottom: 3px;}
.ecorsar_list >div >div .joined.open:after{transform: rotate(-135deg);margin-bottom: -3px;}
.ecorsar_status_info >p{text-transform:uppercase;margin:3em 0 .5em;}
.ecorsar_list.parent >div{background:#efefef;padding: 1em;margin-top: 1em;border: 1px solid #c1c0be;}
.ecorsar_list .ecorsar_list:not(.open){display:none;}

.small_button{
  min-width:90px;
  width: 90px;
  padding: 4px;
  color: #FFF;
  background-color: #4fa4d4;
  text-align: center;
  height: 30px;
  cursor: pointer;
  margin-right: 5px;
  margin-left: 5px;
}
.bgrey{
  background-color: #9b9b9b;
}
.fs14, .fs14 td{
  font-size: 14px;
}
.to_repl{
    cursor: pointer;
}
#repl_list{min-height: 250px;}
#repl_list div{
    margin-bottom: 10px;
}
.jq-radio {
    width: 12px;
    height: 12px;
    border: 1px solid #C3C3C3;
    border-radius: 50%;
    background: #F6F6F6;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
    vertical-align: middle;
    cursor: pointer;
}
.jq-radio.checked span {
    display: block;
    width: 6px;
    height: 6px;
    overflow: hidden;
    margin: 2px 0 0 2px;
    border-radius: 50%;
    background: #368cbd;
}

.but_rezhim {
    background: #70b2d3;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    width: 200px;
    color: #fff;
    text-decoration: none;
}

.hdrs .active{
    color: #454545;
    text-decoration: none;
    cursor: default;
}
.bib{
    margin-top: 5px;
}
#book_list .block_books, #auto_area .block_books, #search_filters .block_books{
    margin: 0!important;
    padding: 0!important;
}
#rpd_area .books >.book, #book_list .block_books >div, #auto_area .block_books >div, #search_filters .block_books >div{
    border-bottom: 1px solid #9b9b9b;
    padding: 1em 0;
    margin: 0;
}
#rpd_area .books >.book:first-child, #book_list .block_books >div:first-child, #auto_area .block_books >div:first-child, #search_filters .block_books >div:first-child{
    border-top: 1px solid #9b9b9b;
}
#rpd_area .books >.book >*:first-child, #book_list .block_books >div >*:first-child, #auto_area .block_books >div >*:first-child, #search_filters .block_books >div >*:first-child{
    margin-top: 0;
    padding-top: 0;
}
#rpd_area .books >.book >*:last-child, #book_list .block_books >div >*:last-child, #auto_area .block_books >div >*:last-child, #search_filters .block_books >div >*:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}
#rpd_area .books >.book .in_rpd{
    color:#0a8a51;
    margin: 1em 0 .25em;
}

#rpd_area .books >.book .in_rpd:first-child{
    margin: 0;
}

/*  Видео */
.videos .video{display:flex;}
.videos .video + .video{margin-top:1.5em;}
.videos .video >*{flex:1 1 calc(100% - 320px)}
.videos .video >.image{flex: 1 1 320px;position:relative;cursor:pointer}
.videos .video >.image:not(.video):before{content:'';position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:4em;height:4em;background:url("../images/youtube.svg") 50% 50% no-repeat;background-size:contain}
.videos .video >.image >img{display:block;max-width:100%;padding: .25em;background: #c9c9c9;width: 100%;}
.videos .video >.image >#video_data{display:none}
.videos .video >.data_video >*{display:block;margin:1em 0 0;}
.videos .video >.data_video >*:first-child{margin:0;}
.videos .video >.data_video .info > div >span{color:#43aed7}
.videos .video >* + *:not(#video_data){margin-left:2em;}
.current_video_info >div >span{color:#43aed7}
.annotation{margin-top:1.5em;}

/*  Хештеги */
.htags{margin-top:.5em;}
.htags >*{color:#43aed7;font-style:italic;}

/*  ЭБС в цифрах (на главной */
.ebs_in_numbers{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.ebs_in_numbers >div{margin-left:1.5em;margin-top:1.5em;flex:1 1 calc((100% / 3) - (1.5em * 2 / 3))}
.ebs_in_numbers >div:nth-child(3n+1){margin-left:0}
.ebs_in_numbers >div:nth-child(1), .ebs_in_numbers >div:nth-child(2), .ebs_in_numbers >div:nth-child(3){margin-top:0}
.ebs_in_numbers >div >span{font-size: 157.14%;display: block;color: #007fa9;font-weight: 700;}

/*  Комменты */
.comment_add_header{display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;margin-top:1.5em}
.comment_add_header >div.add_comment_form{flex-basis:100%}
.comment_add_header >div + div{margin-left:2em}
.comment_add_header .card-book-title-big{font-size:171.43%}

.hdrs{width: 100%;margin: 1.5em 0;}
.hdrs, .hdrs >div{display: flex;align-items: center;}
.hdrs >div.hidden{display: none;}
.hdrs >div:first-child{margin-right: 2em;flex:1;}
.hdrs >div:first-child > *, .hdrs >div:first-child a{max-height: 3em;padding: .3em 1em;background-color: #c9c9c9;color: #68615e;outline: none;border: 1px solid #e1e1e1;border-bottom: 3px solid #e1e1e1;width: 100%;text-align: center;white-space: nowrap;}
.hdrs >div:first-child > *:hover, .hdrs >div:first-child > *.active{border-bottom: 3px solid #4fa4d4;text-decoration: none;}
.hdrs >div:first-child >.subs{position: relative;flex: 1 0 12em;}
.hdrs >div:first-child >.subs >div{display: none}
.hdrs >div:first-child >.subs:hover >div{display: flex;flex-direction: column;position: absolute;bottom: -2px;left: -2px;transform: translateY(100%);width: 12em;z-index: 1;}
#d_comm_info{margin: .5em 0;}

.copy_link, .copy_link_bib{
    height: 16px;
    cursor: pointer;
}

/*  Пагинация */
.paginationjs {line-height:1.6;font-family:Marmelad, "Lucida Grande", Arial, "Hiragino Sans GB", Georgia, sans-serif;font-size:14px;box-sizing:initial;margin-top:1.5em;display: flex;justify-content: flex-end}
.paginationjs:after {display:table;content:" ";clear:both}
.paginationjs .paginationjs-pages {float:left}
.paginationjs .paginationjs-pages ul {float:right;margin:0;padding:0}
.paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input, .paginationjs .paginationjs-nav {float:left;margin-left:10px;font-size:14px}
.paginationjs .paginationjs-pages li {float:left;border:1px solid #aaa;border-right:none;list-style:none}
.paginationjs .paginationjs-pages li > a {min-width:30px;height:28px;line-height:28px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center}
.paginationjs .paginationjs-pages li > a:hover {background:#eee}
.paginationjs .paginationjs-pages li.active {border:none}
.paginationjs .paginationjs-pages li.active > a {height:30px;line-height:30px;background:#aaa;color:#fff}
.paginationjs .paginationjs-pages li.disabled > a {opacity:.3}
.paginationjs .paginationjs-pages li.disabled > a:hover {background:0 0}
.paginationjs .paginationjs-pages li:first-child, .paginationjs .paginationjs-pages li:first-child > a {border-radius:3px 0 0 3px}
.paginationjs .paginationjs-pages li:last-child {border-right:1px solid #aaa;border-radius:0 3px 3px 0}
.paginationjs .paginationjs-pages li:last-child > a {border-radius:0 3px 3px 0}
.paginationjs .paginationjs-go-input > input[type=text] {width:7em;height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}
.paginationjs .paginationjs-go-button > input[type=button] {min-width:40px;height:30px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;text-align:center;padding:0 8px;font-size:14px;vertical-align:baseline;outline:0;box-shadow:none;color:#333;cursor:pointer;vertical-align:middle}
.paginationjs.paginationjs .paginationjs-pages li {border-color:#289de9;padding: 0;background: transparent;}
.paginationjs .paginationjs-go-button:not(.show), .paginationjs .paginationjs-go-input:not(.show){display:none}
.paginationjs .paginationjs-go-button > input[type=button]:hover {background-color:#f8f8f8}
.paginationjs .paginationjs-nav {height:30px;line-height:30px}
.paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input {margin-left:5px}
.paginationjs.paginationjs-small {font-size:12px}
.paginationjs.paginationjs-small .paginationjs-pages li > a {min-width:26px;height:24px;line-height:24px;font-size:12px}
.paginationjs.paginationjs-small .paginationjs-pages li.active > a {height:26px;line-height:26px}
.paginationjs.paginationjs-small .paginationjs-go-input {font-size:12px}
.paginationjs.paginationjs-small .paginationjs-go-input > input[type=text] {width:26px;height:24px;font-size:12px}
.paginationjs.paginationjs-small .paginationjs-go-button {font-size:12px}
.paginationjs.paginationjs-small .paginationjs-go-button > input[type=button] {min-width:30px;height:26px;line-height:24px;padding:0 6px;font-size:12px}
.paginationjs.paginationjs-small .paginationjs-nav {height:26px;line-height:26px;font-size:12px}
.paginationjs.paginationjs-big {font-size:16px}
.paginationjs.paginationjs-big .paginationjs-pages li > a {min-width:36px;height:34px;line-height:34px;font-size:16px}
.paginationjs.paginationjs-big .paginationjs-pages li.active > a {height:36px;line-height:36px}
.paginationjs.paginationjs-big .paginationjs-go-input {font-size:16px}
.paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {width:36px;height:34px;font-size:16px}
.paginationjs.paginationjs-big .paginationjs-go-button {font-size:16px}
.paginationjs.paginationjs-big .paginationjs-go-button > input[type=button] {min-width:50px;height:36px;line-height:34px;padding:0 12px;font-size:16px}
.paginationjs.paginationjs-big .paginationjs-nav {height:36px;line-height:36px;font-size:16px}
.paginationjs.paginationjs .paginationjs-pages li > a {color:#289de9}
.paginationjs.paginationjs .paginationjs-pages li > a:hover {background:#e9f4fc}
.paginationjs.paginationjs .paginationjs-pages li.active > a {background:#289de9;color:#fff}
.paginationjs.paginationjs .paginationjs-pages li.disabled > a:hover {background:0 0}
.paginationjs.paginationjs .paginationjs-go-button > input[type=button] {background:#289de9;border-color:#289de9;color:#fff}
.paginationjs.paginationjs .paginationjs-go-button > input[type=button]:hover {background-color:#3ca5ea}
.paginationjs .paginationjs-pages li.paginationjs-next {border-right:1px solid #aaa}
.paginationjs .paginationjs-go-input > input[type=text] {line-height:28px;vertical-align:middle}
.paginationjs.paginationjs-big .paginationjs-pages li > a {line-height:36px}
.paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {height:36px;line-height:36px}
.paginationjs .paginationjs-pages li.paginationjs-ellipsis.as_active >a{background: #fff;font-weight: 600;opacity: 1;cursor:pointer}

.ins_code{
    color:#00a6d7;
    cursor: pointer;
}
.ins_area table{
    margin-bottom: 10px;
}
.ins_area td{
    word-break: break-all;
    padding-right: 10px;
}
.to_sand{
    height: 24px;
    cursor: pointer;
}
td.cont_cell{
    width: 40px;
}
.cont_cell > .to_sand{
    height: 16px;
}
.map_cont, .book_cont{
    width: 19%;
    float: left;
    margin-bottom: 25px;
    text-align: center;
    position: relative;
    margin-right: 1%;
}
.book_cont{
    height: 278px;
}
.map_cont input, .book_cont input{
    position: absolute;
    right: 0;
    top: 0;
}
.test_cont{
    margin-bottom: 10px;
    position: relative;
}
.test_cont input{
    position: absolute;
    left: 0;
    top: 4px;
}
.test_cont div{
    padding-left: 20px;
}

.luwrain_list th{
    font-size: 16px;
    font-weight: bold;
}
.luwrain_list td{
    font-size: 14px;
    padding-bottom: 5px;
}
.luwrain_list .status{
    font-weight: 600;
    text-align: center;
}
.attention{
    border-left:2px solid #4fa4d4;
    padding-left:10px;
}
.rpd_recom{
    margin-bottom: 20px; 
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 10px;
}
.rpd_recom .h{
    color: #006ca1; 
    font-weight: bold;
}
.rpd_recom div{
    margin-top: 5px;
}
.rpd_recom th{
    font-weight: bold;
    font-size: 1.1em;
}
.rpd_recom .mgl{
    margin-left: 20px;
}