:root {
 --main-bg-color: #eeeeee;
 --gradient-primary: linear-gradient(134.67deg, #CC9EFC 3.33%, #776AF1 100%);
 --shadow: 0px 5px 20px rgb(0 0 0 / 10%);
 --shadow-hover: 0px 5px 20px rgb(0 0 0 / 20%);
 --br-xn: 0px;
 --br-xm: 4px;
 --br-xs: 8px;
 --br-xl: 15px;
 --br-xx: 30px;
 
 /* filter */
 --fill-violet: invert(49%) sepia(89%) saturate(2249%) hue-rotate(221deg) brightness(98%) contrast(95%);
 --fill-white: invert(100%) sepia(0%) saturate(7456%) hue-rotate(138deg) brightness(118%) contrast(91%);
 --fill-orange: invert(79%) sepia(31%) saturate(7475%) hue-rotate(1deg) brightness(105%) contrast(102%);
 --fill-black: invert(0%) sepia(0%) saturate(9%) hue-rotate(239deg) brightness(100%) contrast(100%);
}

:before{
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

button:hover{
	opacity: 0.9px;
	transition: 0.3s;
    box-shadow: 0 0 15px #42424257;
}

.bg-opaci{
	background: #eeeeee;
}

.centr-t {
    width: 100% !important;
    justify-content: center !important;
	text-align: center !important;
}

.left-t{
    width: 100% !important;
    justify-content: left !important;
	text-align: left !important;
}

.right-t{
    width: 100% !important;
    justify-content: left !important;
	text-align: left !important;
}

.wd100{
	width: 100%;
}

.d-flexb{
	display: flex;
}

.btn-row-i{
    height: 100%;
    border-radius: 8px;
    margin: 0px 0px 0px 4px;
}


.bttn{
	
}

.b-input-dropdown:hover{
	border: 2px solid orange;
	border-radius: 7px;
}

.b-input-dropdown{
	border: 2px solid transparent;
}

.bttn:hover{
	box-shadow: var(--shadow);
}

/* radius btn */

.rxn{
	border-radius: var(--br-xn);
}

.rxm{
	border-radius: var(--br-xm);
}

.rxs{
	border-radius: var(--br-xs);
}

.rxl{
	border-radius: var(--br-xl);
}

.rxx{
	border-radius: var(--br-xx);
}

/* size btn */
.btn-l-xn{
	padding: 2px 14px;
	height: 22px;
}

.btn-l-xm{
	padding: 2px 14px;
	height: 30px;
}

.btn-l-xs{
	padding: 2px 14px;
	height: 36px;
}

.btn-l-xl{
	padding: 2px 14px;
	height: 44px;
}

.btn-l-xx{
	padding: 2px 30px;
	height: 60px;
}

/* color btn */
.col-main{
	
}

.col-prim{
	
}

.col-sec{
	
}

.m-b-tab{
	display: none;
}

.star-ratings {
    background: #f5f5f5;
    height: 20px;
	border-radius: 4px;
    overflow: hidden;
}

.star-ratings i{
    padding: 5px 10px;
    font-size: 10px;
    height: 20px;
	margin:0px -2px;
}

.star-ratings .active{
	color: white;
    background: orange;
}

.list-rat {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
}

.page-user .list-rat{
	flex-direction: column;
}

.pd0{
	padding:0px !important;
}

.c-btn{
    width: 100%;
    border-radius: 0px;
    margin-bottom: 15px;
}

.b-aside__user-ico img{
    position: absolute;
	width: 42px;
    top: 15px;
    left: 15px;
    border-radius: 100%;
}

.mask-site {
    width: 100%;
    height: 100%;
    background: #0000002e;
    top: 0;
    z-index: 1;
}

.b-header__genres-top:hover + .mask-site{
	position: absolute;
	background: black;
}

.b-header__genres-top:hover~.mask-site{
	position: absolute;
	background: black;
}

.b-genres__dropdown{
	z-index: 0;
}
.log-in-menu{
    padding: 0px 0px;
    margin: 0px 0px;
    background-color: #8573f3;
    color: white;
}

.login-menu{
	display: flex;
	align-items: center;
    justify-content: space-between;
}

.login-menu li{
	display: flex;
}

.login-menu li .h-a-m {
	font-weight: 600;
    padding: 17px 28px;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    text-align: center;
    color: white;
    transition: 0.3s;
    display: flex;
    align-items: center;
	width:100%;
}

.login-menu li:hover{
	border-bottom: 0px solid white;
	background: #00000085;
}


.dropd:after {
    content: "\f110";
    font-size: 12px;
    font-family: uicons-regular-rounded !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 3px 0 0 6px;
}



.login-menu li .h-a-m i{
    margin-right: 8px;
    font-size: 16px;
}

.sub-login-menu {
    display: flex;
    flex-direction: row;
    visibility: hidden;
    position: absolute;
    width: 100%;
    text-align: left;
    background: white;
	background: #403774;
    top: 160px;
    border-top: 1px solid white;
    padding: 0px;
    z-index: 3;
	left: 0;
}

.sub-login-menu li{

}

.sub-login-menu li a{
	color: white;
    padding: 15px 20px !important;
    font-weight: 500 !important;
	border: 0px solid white !important;
	width: 100%;
}

.sub-login-menu li:hover {
    border-bottom: 0px solid white;
    background: #bbbbbb85;
}

.login-menu li:hover .sub-login-menu{
	visibility: visible;
}

.login-menu li:hover .h-a-m:before {
    opacity: 1;
}

.sub-login-menu li a {
    padding: 0px 15px;
}

.top-genres-drop{
	visibility: hidden;
	position: absolute;
    background: white;
    width: 100%;
    left: 0;
    display: flex;
    top: 162px;
    border-top: 2px solid #3e3071;
    z-index: 999;
	
}

.top-genres-drop-left {
    width: 250px;
    background: #3f3774;
	height: 100%;
    overflow: auto;
}

.top-genres-drop-left ul li a{
    color: white;
	text-align: left;
    font-weight: 600;
}

.b-genres__submenus-item ul{
	height: 100%;
    overflow: auto;
}

.b-genres__submenus-item ul li{

}

.b-genres__submenus-item ul li a{
	padding: 10px 20px;
    color: #7c7c7c !important;
}

.b-genres__submenus-item ul li a:hover{
    color: black !important;
}

.drop-jenr:hover .top-genres-drop{
	visibility: visible;
	height: 410px;
    overflow: hidden;
}

.drop-tag a{
	font-weight: 600;
    padding: 17px 5px;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    text-align: center;
    color: white;
    transition: 0.3s;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.drop-jenr a{
	font-weight: 600;
    padding: 17px 28px;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    text-align: center;
    color: white;
    transition: 0.3s;
    display: flex;
    align-items: center;
    width: 100%;
}

.top-genres-drop-left ul li a{
	
}



.drop-tag:hover .top-tag-drop{
	visibility: visible;
}

.top-tag-drop{
    visibility: hidden;
    position: absolute;
    background: #403774;
    width: 100%;
    left: 0;
    display: flex;
    top: 160px;
    overflow: auto;
    z-index: 999;
    color: white;
}

.top-tag-drop a{
	color: white !important;
}

.top-tag-drop a:hover{
	background: white;
	color: black !important;
}

.b-genres__submenus {
    width: calc(100% - 250px);
    margin-left: -5px;
    padding: 15px;
    display: flex;
    position: absolute;
    left: 250px;
	visibility: hidden;
	top: 0;
	height: 100%;
}

.login-menu li i {
    margin-right: 8px;
    font-size: 16px;
}

.b-genres__submenus-item {
    width: 70%;
}

.top-genres-drop-left .active a{
	background: white;
	color: #525252;
}

.top-genres-drop-left .active .b-genres__submenus{
	visibility: visible;
	overflow: hidden;
}

/* label */
.label-t{
    font-size: 10px;
    font-weight: 600;
    
    padding: 2px 5px;
        margin: 0px 0px 0px 5px;
    /* position: relative; */
    height: fit-content;
    border-radius: 30px;
    line-height: normal;
    letter-spacing: 0.2px;
}

.label-i{
    font-size: 13px;
    font-weight: 600;
    padding: 2px 5px;
    margin: 7px 0px 0px 0px;
    /* position: relative; */
    height: fit-content;
    border-radius: 30px;
    line-height: normal;
    letter-spacing: 0.2px;
}

.label-dot{
    padding: 3px;
    margin: 7px 0px 0px 0px;
    /* position: relative; */
    height: fit-content;
    border-radius: 30px;
}

.c-err{
	background: red;
	color: white;
}

.c-war{
	background: red;
	color: white;
}

.c-sus{
	background: green;
	color: white;
}

.c-pri{
	background: violet;
	color: white;
}

.c-sec{
	background: pink;
	color: white;}


.subscribes{
	padding: 20px 15px;
	background: linear-gradient(134.67deg, #CC9EFC 3.33%, #776AF1 100%);
	margin: 15px 0px 0px 0px;
}

.banner-rek{
    /* padding: 0px 15px; */
    text-align: center;
    margin: 0px 0px 0px 0px;
    height: 150px;
    overflow: hidden;
}

.b-book__th {
    display: flex;
    align-items: center;
}





/* jenres */
.cat-genre{
	margin-top: 25px;
}

.b-genres{

}

.b-genres__top{
	display: flex;	
}

.b-genres__top i{
    margin: 2px 5px 0px 0px;
}

.b-genres__top h3{
	font-size: 14px;
    font-weight: 700;
    color: #3f3e42;
}

.b-genres__container{
	
}

.genre-list-i{
	display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}

.genre-list-item{
	width: 50%;
    display: flex;
    padding: 0px 10px 10px 0px;
	justify-content: space-between;
	color: #373737;
    font-weight: 500;
    font-size: 14px;
}

.genre-list-b{
	display: flex;
    margin-top: 15px;
}

.genre-list-book{
	padding: 0px;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0px 5px 15px #ccc;
    margin: 7px;	
}

.genre-list-book img{
	
}

.genre-list-item span{
	
}

/* hover */

.b-content__section-nav ul li a:hover {
    box-shadow: 0px 0px 25px rgb(0 0 0 / 20%);
    border: 1px solid;
	background: linear-gradient(
134.67deg, #CC9EFC 3.33%, #776AF1 100%);
    color: white;
}

.b-works:hover {
    box-shadow: 0px 0px 25px rgb(0 0 0 / 20%);
    border: 1px solid;
    border-color: #e9e9e9;
}

.b-user-block:hover {
	border: 1px solid #E1E1E1;
	box-shadow: 0px 5px 15px rgb(0 0 0 / 20%);
}

.b-item:hover {
	box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
}


.b-collection:hover {
	transition: 0.3s;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
	border: 1px solid rgb(0 0 0 / 10%);
}

.b-compilations:hover {
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
    border-radius: 15px;
    border: 1px solid #cecece;
	transition: 0.3s;
}

.b-sale:hover {
    border: 1px solid #9A9A9A;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
	transition: 0.3s;
}

.b-contest:hover {
	box-shadow: 5px 5px 15px rgb(0 0 0 / 10%);
	border: 1px solid #ccc;
}

.b-article__item:hover {
    box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
    border-radius: 7px;
	border: 1px solid #ccc;
	transition: 0.3s;
}



/* full screen*/
.full-screen{
	
}

.full-screen .b-container {
    max-width: 100%;
	margin: 0px auto;
}

body.full-screen  .big-container .b-container {
    max-width: 100% !important;
}

.full-screen .b-discussions {
    width: 360px;
}

.full-screen .b-aside {
    width: 320px
}
/* tooltip off*/
.tooltip-off{
	
}

/* light menu */

.m-aside{
	
}

.m-aside .b-aside {
    width: 100px;
}

.m-aside .b-aside__nav span{
	display: none;
}

.m-aside  .b-aside__nav ul li a {
    justify-content: center;
}

.m-aside .b-aside__nav_double .b-aside__title {
    justify-content: center;
}

.m-aside .b-aside__user-content{
	display: none;
}

.m-aside .b-item__col {
    width: 20%;
}

.m-aside  .view-column .b-item_self {
    flex: 0 0 33%;
}

.m-aside .b-aside__views{
	text-align: center;
}

.m-aside .b-aside__view{
	flex-direction: column;
}

.m-aside .b-aside__view-ico{
	margin-top: 10px;
}

.m-aside .b-aside__block{
	display: none;
}

.m-aside .player{
	display: none;
}

/* dark mode */
.tnight{
	background: #343434;
}

.tnight .b-header {
    background: #232323;
}

.tnight .b-container {
    background: #343434;
    box-shadow: 0 0 14px #000;
}

.tnight .b-content {
    background: #343434;
}

.tnight .b-products {
    background: #343434;
}

.tnight .b-aside {
    background: #232323;
}

.tnight .b-content__section {
    background: #232323;
}

.tnight .b-content__section-title {
    color: #cbcbcb;
}

.tnight .b-action {
    background: #232323;
}

.tnight .b-text {
    background: #232323;
}

.tnight .b-content__section-nav ul li a {
    background: #343434;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 10%);
    color: #bfbfbf;
}

.tnight .b-item {
    background: #232323;
    box-shadow: 0px 0px 5px rgb(0 0 0);
}

.tnight .b-breadcrumbs ul {
    background: #232323;
}

.tnight .b-filters {
    background: #232323;
}

.tnight .b-footer{
    background: #232323;
}

.tnight input {
    background: #343434 !important;
}

.tnight .b-book{
    background: #232323;
}

.tnight .b-footer{
    background: #232323;
}
.tnight .b-footer{
    background: #232323;
}

.tnight .b-footer{
    background: #232323;
}

.tnight .b-footer{
    background: #232323;
}
.tnight .b-footer__pay ul li{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(143deg) brightness(109%) contrast(101%);
}

.faq-list {
    display: flex;
    justify-content: space-between;
    margin: 0px 0px;
	background: white;
}

.faq_item{
	padding: 50px 30px;
}

.faq-list .active{
	background: linear-gradient(134.67deg, #CC9EFC 3.33%, #776AF1 100%);
	color: white;
}

.faq-list .active:hover{
	background: linear-gradient(134.67deg, #CC9EFC 3.33%, #776AF1 100%);
}

.faq_item:hover{
	background: #eeeeee;
	cursor: pointer;
}

.faq_item span{
	font-size: 18px;
    font-weight: 800;
    margin: 5px 0px 0px;
    display: block;	
	color: #373737;
}

.faq_item i{
	padding: 10px;
    font-size: 34px;
}

.faq_item-content{
	
}

.faq_search{
	width: 100%;
    text-align: center;
	margin: 30px 0px;
}

.faq_search input{
    padding: 15px;
    background: #eeeeee;
    width: 100%;
	border-radius: 7px;
	background: white !important;
}

.faq_section-h2 {
    color: #e5a124;
    font-size: 21px;
    font-weight: 700;
}

.faq-pages{
	
}

.faq-pages .b-aside{

}

.faq-header{
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
	    /* background: #504848; */
    padding: 70px 150px 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.faq-bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    filter: blur(5px);
	overflow: hidden;
}

.faq-bg img{
	width: 100%;
}

.faq_item {
    flex-direction: column;
    text-align: center;
}

.faq-pages .b-breadcrumbs{

}

.faq-row{
	display: flex;
    margin: 0px;
    border-top: 15px solid #eee;
}

.faq-menu{
    width: 315px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    padding: 20px 20px;
    /* color: white; */
    font-size: 21px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    height: auto;
    border-right: 15px solid #eeeeee;
}

.faq-menu-a{
	font-size: 14px;
    font-weight: 600;
    padding: 10px 15px;
}

.faq-quests{
	padding: 20px;
}

.faq-row .b-content__section {
    margin: 0 0 30px 0;
    padding: 0px;
    background: white;
}

.faq-history{
    text-align: left;
    padding: 25px 0px 0px;	
}

.faq-history a{
	color: white;
    margin-right: 10px;
}

h2 {
    color: inherit;
    font-size: inherit;
}

.b-user-card-items {
    display: flex;
    align-items: center;
    margin: 0px 0px 10px;
}

.b-user-items-img{
	width: 26px;
    height: 26px;
    overflow: hidden;	
	margin-right: 5px;
	position: relative;
	    border-radius: 30px;
}

.b-user-items-img img{
	
}

.b-user-items-status{
    padding: 5px;
    background: gray;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 30px;	
}

.b-user-card-items a{
	
}

.b-item-subscribe{
	display: flex;
}

.b-item-subscribe .list-users-sub{
	display: flex;	
	margin:0px 15px 0px 0px;
}

.list-users-sub li{
	width: 25px;
    height: 25px;
    margin: 0px -8px 0px 0px;
    display: flex;
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid white;
    box-shadow: 0 0 10px #ccc;	
}

.list-users-sub li:hover{
	
}

.list-users-sub li img{
	
}

.b-item-subscribe a{
	align-items: center;
    display: flex;
    font-size: 10px;
    font-weight: 500;
    width: 120px;
    line-height: normal;	
}

.b-item-subscribe button{
	
}

/* topUP */

#toTop {
	width:100px;
	border:1px solid #ccc;
	background:#f7f7f7;
	text-align:center;
	padding:5px;
	position:fixed;
	bottom:10px; /* отступ кнопки от нижнего края страницы*/
	right:10px;
	cursor:pointer;
	display:none;
	color:#333;
	font-family:verdana;
	font-size:11px;
}

/* mini Chat */

.hidden{
	visibility: hidden;
    display: none;
}

.mini-chat{
    position: fixed;
    bottom: 94px;
    right: 25px;
    z-index: 999;
}

.mini-chat-btn{
	display: flex;
    align-items: center;
    align-content: center;
    background: #8a76f4;
    border-radius: 100%;
    color: white;
    overflow: hidden;
    /* border: 2px solid; */
    box-shadow: 0px 5px 25px #0066ff;
    padding: 20px;
    text-align: center;
    cursor: pointer;
}

.mini-chat-btn i{
	font-size: 26px;
}

.mini-chat-btn span{
    position: absolute;
    /* width: 16px; */
    /* height: 16px; */
    font-size: 10px;
    display: flex;
    background: #404040;
    border-radius: 100%;
    padding: 5px;
    top: 0;
    right: 0;	
}

.mini-chat-body{
	width: 280px;
    height: 385px;
    position: absolute;
    right: 30%;
    bottom: -5%;
    z-index: 200;
    background: white;
    border: 0px solid white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 20px #00000038;
}

.mini-chat-top {
    display: flex;
    justify-content: space-between;
	align-items: center;
    align-content: center;
	padding: 15px 10px 
}

.mini-chat-top span{
    font-size: 18px;
    font-weight: 800;
}

.mini-chat-body-list{
    height: calc(100% - 50px);
    overflow: auto;	
}

.mini-chat-body-list .li-item {
    display: flex;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px;
	height: 65px;
    overflow: hidden;
	cursor: pointer;
}

.mini-chat-body-list .li-item:hover{
	background: #eeeeee;
}

.li-item .li-item-ava{
	display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin: 0px 10px 0px 0px;
}

.li-item .li-item-ava img{
    width: 100%;	
}

.mini-chat-body-list .li-item-content{
    font-size: 14px;
    width: 60%;	
}

.li-item-content .name-us{
	font-size: 12px;
    height: 15px;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    color: black;
    font-weight: 700;
    display: block;
}

.li-item-content .text-us{
	font-size: 12px;
    height: 30px;
    overflow: hidden;
}



.mini-chat-body-messages{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.b-chat-top {
    padding: 10px 10px;
}

.b-chat-add-message {
    bottom: 0;
    padding: 10px;
    width: 100%;
    position: absolute;
    display: flex;
}

.b-chat-add-message input{
	width: 100%;	
}

.chat-bttn{
	padding: 4px 6px;
    background: white;
}

.b-chat-message {
    background: white;
    height: calc(100% - 90px);
    overflow: auto;
}
.message-m-b {
    width: 90%;
    margin: 5px 10px 5px;
}

.message-m-b-t {
	background: #eeeeee;
    padding: 5px;
	margin: 5px 20px 5px 0px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
}

.message-m-b em{
    font-size: 9px;
}

.me-m{
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}

.me-m .message-m-b-t{
	background: #3e3071;
    margin: 5px 0px 5px 20px;
    color: white;
}

.b-chat-top{
    display: flex;
	justify-content: space-between;
	background: #0066ff;
    color: white;
}

.b-chat-top-info{
    display: flex;
    flex-direction: column;
	text-align: center;
}

.b-chat-top-info em{
    font-size: 9px;
}

.b-chat-top-info span{
    font-size: 12px;
    font-weight: 800;
}

.b-chat-top i{
	cursor: pointer;
}


/* book */

.view-row{
	
}

.{
	
}

.item-btm{
display: flex;
    justify-content: space-between;
    margin: 5px 0px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #646464;
}

.item-btm .btm-item{
	display: flex;
	margin: 0px 10px 0px 0px;
}

.item-btm .btm-item span{
	display: flex;
}

.item-btm .btm-item i {
    display: flex;
    margin: 0px 5px 0px 0px !important;
}

.item-btm_left{
	display: flex;
}

.item-btm_right{
	display: flex;
}


/* шара */
.share-block {
    position: fixed;
    top: 30%;
    display: flex;
    flex-direction: column;
}
.share-block div{
    margin: 0px 0px 10px;
    display: flex;
    flex-direction: column;
    border-bottom: 1.5px solid;
}

.share-block div a{
font-size: 16px;
    padding: 10px 5px;
    width: 50px;
    text-align: center;
    background: #565656;
    color: white;
}

.share-block div span{
    text-align: center;
    padding: 5px 5px;
    background: white;
    font-size: 10px;
    font-weight: 800;
}

/* соц*/

.s-vk{
	background: #3d79cf !important;
}

.s-fb{
	background: #1f4be0 !important;
}

.s-ok{
	background: #fb851b !important;
}

.s-tw{
	background: #50c9f8 !important;
}

.s-inst{
	background: #325364 !important;
}

.s-wm{
	background: #0159a3 !important;
}

.s-litr{
	background: #ee522c !important;
}

.s-ya{
	background: #f3051c !important;
}

.s-gm{
	background: #c91e00 !important;
}

i{
	1margin-top: 5px !important;
}


/* */

.btn-buy-book{
	display: none;
	height: 30px;
}

.btn-buy-book button{
	width: 100%;
	padding: 4px 16px;
}

.card-book:hover .btn-buy-book{
	display: flex;
    justify-content: space-between;
}

.btn-buy-book button{
	padding: 0px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    border-radius: 30px;
    line-height: 1;
    background: orange;
    color: white;
}

.view-row .btn-buy-book button{
	padding: 5px 15px;
    width: 100% !important;
    height: 30px;
    margin: 0px 0px 5px;
}

.view-column .btn-buy-book button:nth-child(1){
	width: 100% !important;
}

.view-column .btn-buy-book button:nth-child(1) span{
	display: block !important;
	margin: 0px 0px 0px 5px;
}

.view-column .btn-buy-book button:nth-child(2){

}


.view-row .card-book .bottom-item-card-row {
    margin: 15px 0px 0px;
}

.view-row .card-book .bottom-item-card-row .bottom-ica{
	margin: 0px 5px 0px 0px;
}

.view-column .card-book:hover .bottom-item-card-row{
	1display: none;
}

.view-column .card-book .bottom-item-card-row .bottom-item-card-left{
    justify-content: space-between;
    width: 100%;
    color: #a3a3a3;
}

.view-column .card-book .bottom-item-card-row .bottom-ica{
	margin: 0px 0px 0px 0px;
	color: unset;
	font-size: 10px;
}


.view-column .b-item__container-left {
    padding: 20px 15px 10px;
    width: 100%;
}

.view-column .card-book .bottom-item-card-row .bottom-ica i{
	font-size: 12px;
}

.view-column .card-book .btc-views{
	display: none;
}

.view-column .card-book .btc-pages{
	display: none;
}

.view-column .card-book .btc-fav{
	display: none;
}

.view-column .card-book .btc-comment{
	display: none;
}

.btn-buy-book button i{
	margin: 0px;
}

.buy-btn-b-pay{
	width: 100% !important;
    margin-right: 5px;
    background: orange;
    color: white;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px;
}

.buy-btn-b-cart{
	background: #d9d9d9;
    color: #444444;
    width: 36px !important;
}

.view-column .card-book .buy-btn-b-pay{
	
}

.view-column .card-book .buy-btn-b-pay i{
	display: none;
}

.view-column .card-book .buy-btn-b-pay .btn-value{
	display: none;
}

.view-column .card-book .buy-btn-b-cart .btn-text{
	display: none;
}

.view-column .card-book .buy-btn-b-self{
	display: none;
}

.view-column .card-book:hover .b-item__container-list ul{
	display: none;
}

.count-us-l {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-shrink: 0;
    flex-grow: 0;
    position: absolute;
    right: 15px;
    background: #ebebeb;
    padding: 2px 5px;
    border-radius: 20px;
    text-align: center;
    line-height: 1;
}

/* asid filter */

.open-filer{
	
}

.open-filer{
	
}

/* book filter */
.filter-block{
	display: none;
}

/* book setting */
.filter-setting{
	display: none;
}

.open-filer{
	
}

.open-filer .filter-block{
	display: block;
}

.open-filer .filter-setting{
	display: block;
}

.open-filer .asid-item{
	display:none;
}

.open-filer .b-aside{
	background: transparent;
	margin: 65px 15px 0 0;
}

.open-filer .b-breadcrumbs ul {
    width: calc(100% + 295px);
    margin: 0px 0px 15px -295px;
}

.filter-zag {
    font-size: 21px;
    font-weight: 800;
    margin: 0px 0px 0px;
    display: block;
    color: #373737;
}

.filter-body {
    padding: 10px;
	background: white;
}

.filter-body .swichers{
	display: flex;
	justify-content: space-between;
}

.filter-body .swichers span{
	font-size: 14px;
	font-weight: 700;
}

.diaposon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.razd {
    margin: 0px 5px;
}

.f-list-g {
    height: 240px;
    overflow: auto;
}

.f-list-g-item {
    margin: 0px 0px 10px 0px;
}

.filter-body .b-input{
margin-bottom: 15px;
}

.filter-body .b-input__top{
	font-weight: 800;
    font-size: 14px;
    color: #8b8b8b;
    margin: 30px 0 10px 0;
}

.filter-body .top-f-asid{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0px 0px;
}

.filter-body .clz-btn{
	padding: 10px;
    background: #eeeeee;
    border-radius: 50px;
    height: 32px;
    width: 32px;
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: #373737;
}

.mix{
	flex-direction: column;
}

.mix .b-filters-tops {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.mix .b-filters-bottom{
    margin-top: 15px;
    width: 100%;
    overflow: auto;
    flex-wrap: nowrap;
    display: flex;	
}

.mix .searching-filter {
	height: 36px;
    display: flex;
    align-items: center;
    padding: 0px 5px 0px 13px;
    /* background: #eeeeee; */
    width: 240px;
}

.mix{
	
}

/**/
.b-dropdown-select__top i{
	margin-right:5px;
}

.page-books .cat-filter {
	display: flex;
    background: #8573f3;
    height: 36px;
	justify-content: center;
}

.mix .b-dropdown-select {
    margin: 0 5px 0px 0px;
}

.cat-filter {
	display: flex;
    height: 36px;
    width: fit-content;
    background: #eeeeee !important;
    border-radius: 20px;
    margin-right: 5px;

}	

.cat-filter:hover {
	background: none;
}

.page-books .cat-filter:hover {
    background: black;
}	

.cat-filter button {
    padding: 0px 16px;
    color: white;
    background: orange;
    display: flex;
    align-items: center;
    border-radius: 20px;
    margin-right: 5px;
    line-height: 1;
    height: 36px;
}

.cat-filter button i{
	margin-left: 5px;
	font-size: 12px;
}

.cat-filter input{
	padding: 0px 5px;
    background: transparent;
    width: 100%;
    color: black;
	height: 100%;
}

.searching-filter i{
    height: 100%;
    display: flex;
    align-items: center;
}

.b-filters {
    align-items: flex-start !important;
}

.cat-filter input:hover{
	border-color: transparent;
}

.cat-filter input:focus{
	border-color: transparent;
}

.form-range:hover{
	border: 0px !important;
}

.form-range:focus{
	border: 0px !important;
}



.add-comment{
	margin: 15px 0px 15px;
    padding: 30px 15px 20px;
    border-radius: 15px;
    background: white;
}

.add-comment .item_user{
	margin-bottom: 10px;
}

.b-input__item:focus + .item__bottom{
	display: block !important;
}


.add-comment .item__bottom{
	margin-top: 10px;	
	margin-bottom: 15px;
}

.add-comment .item__bottom .item__btns{
	margin-left: 42px;
}


.item__bottom{
	
}


.b-reviews {
	padding: 25px 15px 15px !important;
    width: 100%;
    border-radius: 8px;
}

.b-reviews .rate-box{
	
}

.rate-box{
	text-align: center;
    padding: 8px 0px;
    background: orange;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 700;
    color: white;
    letter-spacing: 0.9px;
    margin: 10px 0px 0px 0px;	
}

.reviews-text{
	margin: 10px 0px 0px 0px;
}

.reviews-text a{
	font-size: 14px;
    font-weight: 500;
}

.start{
	height: 15px;
    background: #eeeeee;
    margin: 0px -15px;
    width: calc(100% + 30px);
}


/**/

.user-if {
    display: flex;
	width: 100%;
	flex-direction: column;
}

.u-bl-notice {
    padding: 15px 10px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}

.ad-el-u-p{
    padding: 8px 15px;
    /* background: #eeeeee; */
    text-align: center;
    display: flex;
    justify-content: center;
    width: auto;
    color: gray;
    font-weight: 500;
    border-radius: 30px;
    border: 1.5px solid orange;
}

.top-us-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 5px 0px 15px;
}

.user-p-left {
    width: 245px;
    margin-right: 15px;
}

.user-p-right{
	width: calc(100% - 250px);
}

.user-tab-content {
	/*width: calc(100% + 30px); */
    /* margin: 0px -15px 0px; */
    background: #eeeeee;
    display: flex;
    border-top: 15px solid #eeeeee;
}

.b-user-bl{
	background: white;
    margin-bottom: 15px;
	padding: 15px;
}

.b-user-bl h4{
margin: 0px 0px 0px;
}	

.b-user-bl ul li{
	display: flex;
}

.user-p-right .add-comment {
    background: white;
    margin: 15px 0px 15px;
    padding: 15px 15px 1px;
    width: 100%;
    border-radius: 7px;
}

.user-p-right .b-book__info-nav{
	background: white;
    padding: 25px 15px;
    margin-bottom: 0px;
}

.b-u-info-info{
	background: white;
	padding: 25px 15px;
    margin-bottom: 0px;	
}

.user-p-right .b-statistics{
	background: white;
	padding: 25px 15px;
    margin-bottom: 0px;
	flex-direction: column;	
}

.user-p-right .b-statistics__rating-list {
    margin: 35px 0px 0px;
    display: flex;
}

.user-p-right .b-statistics__rating {
    margin: 0px 35px 0px 0px;
}

.u-info-subs ul{
	display: flex;
    flex-wrap: wrap;
}

.u-info-subs ul li{
	width: 33%;
	display: flex;
	padding: 5px;
	margin: 0px 0px 5px;
}

.u-info-subs ul li a{
	text-align: center;
    overflow: hidden;
}

.u-info-subs ul li a img{
	margin: 0px 0px 5px;
}

.u-info-subs ul li a span{
height: 16px;
    overflow: hidden;
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #7e7e7e;
}

.u-info-gift ul {
    display: flex;
    flex-wrap: wrap;
}

.u-info-gift ul li{
	display: flex;
	padding: 5px;
	margin: 5px 0px;
    width: 33%;
}

.u-info-social{
	
}

.u-info-social ul{
    display: flex;
    flex-wrap: wrap;
	margin: 10px 0px;
}

.u-info-social  ul li{
	width: 30px;
    padding: 8px;
    margin: 5px 5px;
    background: #cccccc;
    border-radius: 8px;
}

.btn-block-allcont {
	justify-content: center;
    margin: 0px 0px 15px;
    background: white;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0px 5px 10px #0000001f;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    align-content: center;
    line-height: 1;
}


.page-book-add .b-content__section-title{
	padding: 0px 0px 5px;	
}

.page-book-add .tab-content {
    padding: 15px 0px 0px;
}



/**/
.card-author {
    width: 100% !important;
	padding: 0px;
	position: relative;
}

.card-author .author-number {
    width: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}


.card-author .a-metrik {
    width: 100%;
    display: flex;
    justify-content: center;
}

.card-author .author-action {
    width: 120px;
}

.card-author .a-metrik span{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-author .a-metrik span i{
	margin: 1px 5px 0px 0px !important;
}

.card-author .author-body{
    align-items: center;
    width: 300px;
	display: flex;
	padding: 10px 0px;
}

.n-a-b{
	
}

.n-a-s{
	
}

.n-a-p{
	
}

.n-a-f{
	
}

.b-user-list-rated-book .card-author .author-action {
    width: auto;
}

.b-user-list-rated-book  .b-popular-author__item {
    justify-content: space-between;
}

.b-user-list-rated-book .card-author .rate-box {
    padding: 5px 12px !important;
    background: orange !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: white !important;
    letter-spacing: 0px !important;
    margin: 0px 0px 0px 0px !important;
    border: 2px solid !important;
    width: fit-content !important;
}

.b-user-list-subs .card-author .author-action {
    width: auto;
}

.b-user-list-subs  .b-popular-author__item {
    justify-content: space-between;
}

.b-user-list-gift .card-author .author-body {
    width: auto;
    align-items: flex-start;
}

.b-user-list-gift .b-popular-author__item-desc {
	display: -webkit-box;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: vertical;
    overflow: visible;
}

.w-status-text {
    width: fit-content;
    text-align: center;
    margin: 10px 0px 5px;
    background: #00d622;
    padding: 2px 12px;
    border-radius: 15px;
    color: white;
    font-size: 12px;
    border: 1px solid;
}

.news-bodys{
	display: flex;
	border-radius: inherit;
}

.view-column .news-bodys-main{
	padding: 0px;	
}

.news-bodys-main {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.card-blog .b-item__label {
    padding: 0px 10px;
    border-radius: 4px;
    height: 20px;
    margin-bottom: 10px;
    background: #6c54c7;
}

.mega .b-input{
	 margin: 0 0 15px 0;
}

.mega .b-input__top {
margin: 0 0 0px 0;
}


.mega .b-input__text {
    margin: 0 0 5px 0;
}


/**/

.page-books-item{
	
}

.b-book__th .b-item__label{
	position: absolute;
    top: 15px;
    font-size: 12px !important;
    padding: 9px 16px !important;
    height: 36px !important;
    left: 15px;	
}

.page-books-item .b-item__image img {
    height: 305px !important;
}

.page-books-item  .b-book__author {
    font-weight: 500;
    font-size: 14px;
    color: #8573f3;
    margin: 10px 0 5px 0;
    padding: 0px 0px 2px;
    display: block;
}

.page-books-item .b-book__left {
    flex-shrink: 0;
    margin: 0 25px 0 0;
}

.page-books-item h4{
    margin: 25px 0px 10px 0px;
    display: flex;
}

.page-books-item .b-book__desc {
    margin: 20px 0 15px 0;
    height: 95px;
}

.page-books-item .b-book{
	background: #ffffff;
    position: relative;
    padding: 30px 10px 30px 10px;
    display: flex;
    flex-direction: column;
}

.page-books-item .b-p-bottom {
    position: absolute;
    display: flex;
    justify-content: space-between;
    height: 26px;
    align-content: flex-start;
    align-items: flex-start;
    padding: 0px 10px;
    margin: -45px 0px 0px;
    width: 100%;
}

.page-books-item .b-p-bottom .rate-book {
	height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
}


.page-books-item .my-read-prog{
	
}

.page-books-item .my-read-topy{
	display: flex;
    justify-content: space-between;
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
}

.page-books-item .my-read-topy span{
	
}

.rate-book {
    padding: 6px 12px;
    background: orange;
    font-weight: 600;
    color: white;
	border-radius: 4px;
}

.age-user {
    padding: 6px 12px;
    background: #00000099;
    color: white;
    border-radius: 4px;
}

.page-books-item .book-haracter{
	font-size: 14px;
    font-weight: 700;
    color: #3c3c3c9e;
    display: flex;
    flex-wrap: wrap;	
}

.page-books-item .book-haracter li{
	width: 100%;
    padding: 0px 0px 5px;
    display: flex;
    justify-content: flex-start;
}

.page-books-item .book-haracter li span{
	
}

.page-books-item .book-haracter li a{
	color: orange;
    font-weight: 500;
}


.b-modal__buy-item p{
    text-align: center;
    line-height: normal;
    margin: 10px 0px;	
}

.b-modal__buy-text {
    font-weight: 700 !important;
    font-size: 14px !important;
   
}

.list-author-book{
    display: flex;
    align-items: flex-end;
    margin: 0px 0px 10px;
}


.b-promo{
	
}

.b-promo .b-button {
    margin-right: 20px;
    padding: 0 45px;
    height: 44px;
    align-items: center;
    display: flex;
    font-size: 14px !important;
    font-weight: 600;
    box-shadow: 0 0 5px #b3b3b3;
}

.b-promo .b-button:hover{
    box-shadow: 0 0 20px #b3b3b3;
}

.b-promo .b-promo__slider {
    width: 90px;
	margin: 0px 1px;
}

.b-promo .slick-vertical .slick-slide {
    display: block;
    height: auto;
    /* border: 1px solid transparent; */
	margin-bottom: 4px;
	border-radius:9px;
	overflow: hidden;
}

.b-promo p {
	font-weight: 500 !important;
    font-size: 16px !important;
    color: #686868 !important;
    line-height: 21px;
}

.b-promo .b-section .b-title {
    margin: 0 auto 55px;
    width: 700px;
}

.b-promo .b-item__col {
    width: 33%;
	background: white;
}

.b-promo{
	background: white;
}

.b-promo{
	
}



.b-book__name i{
	font-size: 16px;
}

.b-slider__item-name a{
	color: white;
}
.b-slider__item-author a{
	color: white;
}

.b-product__text a{
	color: white;
}


.body-overflow .log-in-menu{
	overflow: visible;
    display: block;
    position: fixed;
    z-index: 100;
    height: 100vh;
    background: white;
    width: 100%;
}

.body-overflow .log-in-menu ul{
	display: flex;
    flex-direction: column;
    background: #4e4e4e;	
}

.body-overflow .log-in-menu ul li {
    width: 100%;
}

.body-overflow .log-in-menu ul li a{
	1color: black;
}

.body-overflow .dropd:after {
    right: 20px;
    position: absolute;
}

.b-book-prew{
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(0px);
    overflow: hidden;
	background: transparent !important;
}

.mask-item:before{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background: transparent;
}

.b-book{
	position: relative;
}


.b-book__right {
    z-index: 1;
}

.b-book__left .b-item__top {
    box-shadow: 0 0 60px #00000040;
	background: white;
    border-radius: 7px;
}

.page-books-item .b-book__left {
    margin: 0px 30px 0px 0px;
}


.bg-white{
	background:white;
}

.page-books-item .pd-c{
	padding: 20px 25px 20px;
}

.page-books-item .b-book__items a{
	background: white;
    border-radius: 5px;
    margin: 0px 5px 0px;
    padding: 15px 0px;	
}

/* оплата */

#modal_escrow_pay{

}

.chakra-offset-slide{
	display: none;
}

iframe .css-1sfbvwo{
	display: none !important;
}

.css-tyt2no {
    max-width: 100%;
}

.body_pay_modal iframe h2{
	display: none !important;
}

/*  */

.more-b-btn .btn_b span{
	display: none;
}

.more-b-btn{
	
}

.more-b-btn .b-btn-more{
	display: none;	
}

.more-button-block {
    display: flex;
}


.attach-com {
    display: flex;
    margin: 0px 0px 20px 45px;
    flex-wrap: nowrap;
    overflow: auto;
}

.attach-item-f{
	width: 70px;
    padding: 0px;
    border: 2px solid #8573f3;
    border-radius: 8px;
    margin: 0px 0px 0px 10px;
    height: 70px;
    display: flex;
    align-items: center;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    justify-content: center;
	position: relative;
}

.attach-item-f img{
	display: flex;
    max-width: initial;
    height: 100%;
}

.attach-item-f:hover{

}

.attach-item-f:hover a{
	display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000047;
    padding: 25px;
    font-size: 20px;
    align-items: center;
    margin: 0px 0px 0px 0px;
    color: white;
	cursor: pointer;
}

.attach-item-f:hover a i{
	margin: 0px !important;
}

.attach-item-f a{
	display:none;
}


.page-user .add-rating{
	display:none;
}

.add-rating{
	display: flex;
    align-items: center;
    align-content: center;
}

.rate-box{
    padding: 9px 14px !important;
    background: #8d8d8d !important;
    font-size: 14px !important;
}

.page-books-item .notice-container-img{
	display: none;
}

.page-books-item .notice-container__name {
    margin: 0 0 0px !important;
	display: none;
}

.page-books-item .notice-container__name-rate{
    display: block !important;
}

.notice-container__name-rate{
    display: none;
}

.rates-item{
	background: #eeeeee;
    margin: 0px 20px 0px 46px;
}


.add-rating input[type="radio"] {
	position: fixed;
	top: 0;
	right: 100%;
}

.add-rating label {
	font-size: 12px;
    padding: 10px 14px;
	margin: 0;
	float: left;
	cursor: pointer;
	@include transition(0.2s);
}

.add-rating input[type="radio"]:checked ~ input + label {
	background: none;
	color: #aaa;
}

.add-rating input + label {
	background: #ff9900;
    color: white;
    margin: 0 0 0px 0px;
}

.add-rating input + label:first-of-type {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.add-rating input:checked + label {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.b-user-block-img {
    border-radius: 30px;
    margin: 0px 10px 0px 0px;
    overflow: hidden;
    width: 44px;
    height: 44px;
    border: 4px solid #8573f3;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.back-chat-btn{
	display: none;
}

.chat-d-history{
	padding: 5px 15px;
    width: fit-content;
    justify-content: center;
    display: flex;
    background: white;
    border-radius: 30px;
    margin: 15px auto;
    font-size: 12px;
    font-weight: 700;
    color: #979797;
}

.b-header__drop {
    padding: 30px 20px;
    background: white;
    position: absolute;
    margin: 15px 0px 0px 0px;
    z-index: 99;
    box-shadow: 0px 0px 25px #7e7e7eab;
    border-radius: 15px;
}


.b-header__drop-arr{
	border: 10px solid #ffffff00;
    border-bottom: 10px solid #ffffff;
    right: 30px;
    position: absolute;
    top: -20px;
}

.bdrop-sms{
	right: 75px;
    width: 370px;
    top: 75px;
}

.bdrop-notify{
	right: 120px;
    width: 385px;
    top: 75px;
}

.bdrop-umenu{
	right: 25px;
    width: 255px;
    top: 75px;
	padding: 10px 20px;
}

.bdrop-umenu .b-aside__views{
	padding: 0px;
    margin: 0px;
    background: white;
}

.bdrop-umenu .b-aside__settings{
	padding: 0px;
    margin: 0px;
}

.bdrop-umenu .b-aside__view-ico {
    background: #eeeeee;
}

.bdrop-umenu .b-aside__view-name {
    font-weight: 500;
}

.bdrop-umenu .b-aside__view {
    padding: 8px 0;
}


.card-idea{
	width: 100% !important;
	border-radius: 15px;
	margin: 0px 0px 15px;
	cursor: pointer;
}

.b-idea{
	display: flex;
    width: 100%;
}

.b-idea-left{
    width: 5px;
    display: flex;
    justify-content: center;
    background: #eeeeee;
    padding: 0px;
}

.b-idea-body{
	width: inherit;
	padding: 30px 20px 20px;
}

.b-idea-center .i-details{
	display: flex;
	margin: 5px 5px 10px 0px;
}

.b-idea-center .i-details li{
	width: auto;
    display: flex;
    flex-direction: column;
    margin: 0px 5px 0px 0px;
	font-size: 12px;
    color: orange;
}

.b-idea-center .i-details li b{
	margin: 0px 0px 5px;
	display: none;
}

.b-idea-center .i-details li span{
	
}

.b-idea-center .i-info{
	
}

.b-idea-right{
    flex-direction: column;
    background: #eeeeee;
    padding: 20px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.b-idea-top{
	display: flex;
    margin: 0px 0px 5px;	
}

.b-idea-bottom{
    display: flex;
    align-items: center;
    align-content: center;
    margin: 15px 0px 0px;
}

span.i-label {
    padding: 0px 12px;
    background: #eeeeee;
    color: #8b8b8b;
    border-radius: 5px;
    font-size: 12px;
    display: flex;
    width: fit-content;
    align-items: center;
    align-content: center;
    height: 22px;
    justify-content: center;
    line-height: normal;
    font-weight: 600;
	margin: 0px 5px 10px 0px;
}

.i-bg-new{
	background-color: #8573f3 !important;
	color: white !important;
}

.i-bg-done{
	background-color: #4bb927 !important;
	color: white !important;
}

.i-bg-proc{
	background-color: orange !important;
	color: white !important;
}

.i-bg-del{
	background-color: #db2f13 !important;
	color: white !important;
}



.btn.top-rate {
    width: 100%;
    font-weight: 700 !important;
    font-size: 20px !important;
    padding: 0px 0px !important;
}

.btn.top-rate:focus {
	background: green !important;
	color: white !important;
	border: 0px !important;
	outline: none !important;
}

.i-rate-user {
	margin: 20px 0px 0px;
    display: flex;
    align-items: center;
    align-content: center;
}

.i-rate-user a{
	width: 30px;
    height: 30px;
    border: 2px solid white;
    margin: 0px 0px 0px -11px;
    border-radius: 30px;
    background: #eeeeee;
    display: flex;
    align-items: center;
    font-size: 10px;
    justify-content: center;
	overflow: hidden;
}

.i-rate-user a img{
	
}

.i-rate-user a span{
	
}

.i-rate {
    padding: 5px 20px;
    background: #00000014;
    border-radius: 8px;
    font-weight: 700;
}

.i-idea-b-item {
    margin: 0px 15px 0px 0px;
    font-size: 12px;
    font-weight: 500;
	display: flex;
    align-items: center;
}

.i-idea-b-item i{
	margin: 0px 5px 0px 0px;
}


.b-menu__block-title{
	display: none;
}

.b-menu__dropdown-back{
	display: none;
}

.b-menu .icon-arrow-right{
	display: none;
}

.mobile-hide{
	display: block;
}

.head-mega{
	display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;	
	background: #545454;
    color: white;
	padding: 0px 15px;
}

.head-mega > li{
	
}

.head-mega > li > a{
	display: flex;
    padding: 15px 20px;	
	color: unset;
}

.head-mega > li > a > i{
	margin: 2px 5px 0px 0px !important;
}

.head-mega .b-menu__dropdown {
    display: none;
}

.head-mega .b-menu__dropdown > ul {
	display: flex;
    width: 100%;
    align-items: center;
    align-content: center;	
}

.head-mega .b-menu__dropdown > ul > li > a {
    display: flex;
    padding: 15px 20px;	
	align-items: center;
}

.head-mega .b-menu__dropdown > ul > li > a {
    display: flex;
    padding: 15px 20px;	
}

.head-mega > li:hover .b-menu__dropdown{
	display: block;
    position: absolute;
    width: 100%;
    left: 0;
    background: white;
    z-index: 99;
}
.head-mega > li:hover .b-menu__dropdown.genres_dropdown{
    display: none;
}
.head-mega > li:hover .b-menu__dropdown.genres_dropdown .b-menu__drop .b-menu__dropdown.active{
    display: block;
}

.head-mega .b-menu__dropdown > ul > li > .b-menu__dropdown{
	display: none;
}

.head-mega .b-menu__dropdown > ul > li:hover > .b-menu__dropdown{
	display: block;
    position: absolute;
    width: 100%;
    left: 0;
    background: white;
    z-index: 99;
}

.mobile-only{
	display: none;
}

.head-mega .genres-dr .b-menu__dropdown > .genres-dr-left{
    display: flex;
    width: 250px;
    /* align-items: center; */
    /* align-content: center; */
    flex-direction: column;
    background: #3f3774;
	height: 100%;
    overflow: auto;
}

.head-mega .genres-dr .b-menu__dropdown > .genres-dr-left > li{
	width: 100%;
}

.head-mega .genres-dr .b-menu__dropdown > .genres-dr-left > li > .genres-dr-one {
    position: absolute;
    width: calc(100% - 250px - 250px);
    left: 250px;
    top: 0;
	height: 100%;
	overflow: hidden;
}
.head-mega .genres-dr .b-menu__dropdown > .genres-dr-left > li > .genres-dr-one .genres-dr-center{
	flex-direction: column;
    width: 100%;
    justify-content: flex-start;
	height: 100%;
    overflow: auto;
    margin: 0px 0px 20px;
}

.genres-dr-left h4{
	margin: 20px 15px 15px 20px;
}

.head-mega .genres-dr .b-menu__dropdown > .genres-dr-left > li > .genres-dr-one .genres-dr-center > li{
	width: 100%;
}

.g-h-menu{
	height: 400px;
}

.b-menu{

}

.1b-menu:hover .b-menu__block:before{
	content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    z-index: 999;
    background: #00000069;
    left: -50%;
    top: -1%;
}

.genres-dr-left li > a{
	color: white;
}

.genres-dr-center li > a{
	color: black;
}

.genres-dr-left li.active{
	background: white;
}

.genres-dr-left li.active a{
	color: black !important;
}

.genres-dr-center li a{
	color: #606060 !important;
}

.genres-dr-center li a:hover{
	color: black !important;
}

.tag ul{
	justify-content: space-between;
}

.tag ul li{
	
}

.tag ul li a{
	padding: 15px 10px !important;
}


.uplaad-back{
	position: absolute;
    top: 25px;
    right: 25px;
    z-index: 10;
    background: white;
    width: 36px;
    height: 36px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 10px #eeeeee;
}

.b-dr-min {
    width: 250px !important;
    flex-direction: column;
	box-shadow: 0px 0px 20px #0000002e;
    border-radius: 5px;
	
    left: auto !important;
}

.b-dr-min ul{
	flex-direction: column;
}

.b-dr-min ul li{
	width: 100%;
}

.b-dr-min ul li a{
	justify-content: space-between;
}

.add-comment .b-input__item{
	padding: 15px;
}

.add-comment .item_user {
    align-items: flex-start;
}

.add-comment .b-input__item:focus{
	border: 2px solid orange;
}

.notice-container-img a{
	margin-bottom: 5px;
    height: auto;
    display: flex;
}

.add-comment .item__bottom button{
	background: orange;
    border-radius: 6px !important;
    height: 36px;
    align-items: center;
    font-weight: 600 !important;
	transition: 0.3s;
}

.add-comment .item__bottom i{
	margin-top: 2px! important;
}

.add-comment .item__bottom button:hover{
	background: #d78c02;
}

.b-comments .b-comments__top{
	margin: 0 0 0px 0;
}

.b-comments .comments_block{
	margin: -25px 0px 0px;
}

.modal-dialog .b-idea-right{
	display: none;
}

.modal-dialog .add-comment {
    border-color: white;
    padding: 0px;
}

.modal-dialog .add-comment .item__user{
	display: none;
}

.modal-dialog .attach-com{
	display: none;
}

.modal-dialog .item__btns{
	display: none;
}

.modal-dialog .add-rating{
	display: none;
}

.modal-dialog .b-content__section-title{
	font-size: 21px;
}

.modal-dialog .b-idea-body {
    padding: 0px;
}

.modal-dialog .b-idea-left{
    display: none;
}

.modal-dialog .card-idea{
    margin:0px 0px 40px;
	box-shadow: 0px;
}

.modal-dialog .card-idea:hover {
    box-shadow: 0px 5px 20px rgb(0 0 0 / 0%);
}

.subscribers_all_block li a img{
	border-radius: 30px;
}

.subscribers_all_block li a div{
	border-radius: 30px;
	overflow: hidden;
}

.card-blog .b-item__label a{
	color: white !important;
}


.filter-body .b-dropdown-select__top{
	height: 36px !important;
    font-size: 14px !important;
}

.b-dropdown-select__top i{
	display: none;
}

.tseo-cat-btn{
    width: 36px;
    height: 36px;
    display: flex;
    background: #eeeeee;
    border-radius: 30px;
    box-shadow: 0px 0px 5px #00000014;
    align-items: center;
    justify-content: center;
}

.tseo-cat-btn:before{
	font-family: uicons-regular-rounded !important;
	content: "\f113";
}

.tseo-cat-btn:focus:before{
	font-family: uicons-regular-rounded !important;
	content: "\f112";
	content: "\f113";
}

.tseo-cat{
	transition: all 2s linear;
	margin-bottom: 10px;
}

.page-view{
	margin: 15px 0px 0px;
	1transition: all 2s linear 2s;
	height: max-content;
}

.view-row{
	margin: 15px 0px 0px !important;
	1transition: all 2s linear 2s;
	height: max-content;
}

.view-column{
	margin: 15px -7.5px 0px !important;
	1transition: all 2s linear 2s;
	height: max-content;
}

.hide-t{
	display: none;
	opacity: 0;
	height: 0px;
}

.soc-vk{
	
}

.soc-vk:before{
	
}

.soc-fb{
	
}

.soc-fb:before{
	
}

.soc-tw{
	
}

.soc-tw:before{
	
}

.soc-ok{
	
}

.soc-ok:before{
	
}

.soc-in{
	
}

.soc-in:before{
	
}

.soc-ya{
	
}

.soc-ya:before{
	
}

.soc-gg{
	
}

.soc-gg:before{
	
}

.gift-code {
    padding: 12px 25px;
    display: flex;
    justify-content: center;
    background: #eeeeee;
    border-radius: 8px;
    font-size: 21px;
    font-weight: 800;
    color: black;
    margin: 25px 0px 20px;
    width: fit-content;
}

.ls-only-notify{
	padding: 15px 15px;
}

.ls-only-notify-body{
	background: url(../images/404bottom.png) bottom center no-repeat;
    display: flex;
    justify-content: center;
    padding: 0px 0px;
    background-color: #8573f3;
    width: 100%;
    border-radius: 15px;
    color: white;
    font-size: 21px;
    font-weight: 600;
	height: 190px;
	position: relative;
	overflow: hidden;
}
.ls-only-notify-message{
	background-color: #6f5fcdcf;
    width: 450px;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    top: -125px;
	padding: 20px;
	flex-direction: column;
}

.ls-only-notify-text {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    justify-content: center;
    display: flex;
    margin: 5px 0px 5px;
}

.ls-only-notify-message div{
	margin-bottom: 10px;
}
.ls-only-notify-button{
position: absolute;
    width: 30px;
    height: 30px;
    background: #00000054;
    border-radius: 30px;
    top: 10px;
    right: 10px;
    font-size: 12px !important;
    color: white;
}

.ls-only-notify-button:hover{
	background: white;
	color: #8573f3;
}

.b-stories{
	position: relative;
	padding: 10px 15px;
	background: white;
}

.b-stoty-item{
	display: flex;
    width: 100%;
    overflow: auto;
    padding: 20px 0px;
	position: relative;
}
.1b-stoty-item:after{
	content: "";
    background: linear-gradient(to right, #ffffff00, #ffffff);
    position: absolute;
    height: 100%;
    width: 40px;
    right: 0px;
    top: 0;
    z-index: 1;
}

.card-b-stories:nth-child(1){
	background: #191919;
}
.card-b-stories:nth-child(2){
	background: #9382ee;
}
.card-b-stories:nth-child(3){
	background: #82d5ee;
}
.card-b-stories:nth-child(4){
	background: #ee8282;
}
.card-b-stories:nth-child(5){
	background: violet;
}
.card-b-stories:nth-child(6){
	background: violet;
}
.card-b-stories:nth-child(7){
	background: violet;
}
.card-b-stories:nth-child(8){
	background: violet;
}
.card-b-stories:nth-child(9){
	background: violet;
}
.card-b-stories:nth-child(10){
	background: violet;
}

.card-b-stories{
	min-width: 150px;
    height: 180px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #1414143d;
    margin-right: 15px;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.card-b-stories:before{
	content: '';
    background: linear-gradient(80deg, #00000021, #ffffff66);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}


.mask-slider{
	position: absolute;
    top: 0;
    right: 0;
	width: 40px;
    height: 230px;
}

.mask-slider-grad{
	content: "";
    background: linear-gradient(to right, #ffffff00, #ffffff);
    position: absolute;
    height: 100%;
    width: 40px;
    right: 0px;
    top: 0;
    z-index: 1;	
}


/*
.b-stories-img{
    width: 60px;
    height: 60px;
    margin: 10px 0px;
}
*/

.b-stories-img{
	width: 70px;
    /* height: 60px; */
    margin: 10px 0px;
    position: absolute;
    bottom: -15px;
    right: -10px;
    transition: 0.7s;
}

.story-statys {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -2px;
    right: -2px;
    border-radius: 30px;
    border: 2px solid white;
    background: #7bc37b;
}

.viewed-s{
	opacity: 0.6;
}

.card-b-stories:hover .b-stories-img{
	transform: scale(1);
	bottom: -10px;
    right: 5px;
}

.card-b-stories .label-st{
	padding: 0px 6px;
    background: #00000038;
    color: #ffffff;
    border-radius: 5px;
    font-size: 10px;
    display: flex;
    width: fit-content;
    align-items: center;
    align-content: center;
    height: 16px;
    justify-content: center;
    line-height: normal;
    font-weight: 600;
    margin: 2px 0px 5px 0px;
    letter-spacing: 0.7px;	
}

.1b-stories-img{
	filter: invert(100%) sepia(0%) saturate(7456%) hue-rotate(138deg) brightness(118%) contrast(91%);
}

.b-stories-name {
    font-size: 14px;
    font-weight: 700;
    color: white;
    width: min-content;
    height: 100px;
    overflow: hidden;
}

.b-stories-body {
	z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 5px);
	padding: 15px;
	overflow: hidden;
}

.card-b-stories .b-item__progress-line {
    height: 5px;
    background: #00000054;
}


.slide {
  max-width: 380px;
  margin: 20px auto;
  display: grid;
  box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.4);
}
.slide-items {
  position: relative;
  grid-area: 1/1;
  border-radius: 5px;
  overflow: hidden;
}
.slide-nav {
  grid-area: 1/1;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
}
.slide-nav button {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
}
.slide-items > * {
  position: absolute;
  top: 0px;
  opacity: 0;
  pointer-events: none;
}
.slide-items > .active {
  position: relative;
  opacity: 1;
  pointer-events: initial;
}
.slide-thumb {
  display: flex;
  grid-column: 1 / 3;
}
.slide-thumb > span {
  flex: 1;
  display: block;
  height: 3px;
  background: rgba(0, 0, 0, 0.4);
  margin: 5px;
  border-radius: 3px;
  overflow: hidden;
}
.slide-thumb > span.active::after {
  content: '';
  display: block;
  height: inherit;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  transform: translateX(-100%);
  animation: thumb 5s forwards linear;
}
@keyframes thumb {
  to {
    transform: initial;
  }
}


/* */

.view-column .card-cycle .b-comment__bottom-right{
	display:none;
}

.view-column .card-cycle .b-comment__bottom-left {
    justify-content: space-between;
    width: 100%;
}

.bg-cov-modal {
    margin: -40px -20px 0px;
    width: calc(100% + 40px);
    border-radius: 15px 15px 0px 0px;
    background: #cccccc;
    overflow: hidden;
}

.bg-cov-modal img{
	
}

.b-modal_mini{
    width: 100%;
}

.b-modal_mini .modal-dialog{
	max-width: 450px;
}

.b-modal__container .minizag{
	font-size: 21px;
    font-weight: 700;
    display: flex;
    margin: 10px 0px 15px;
}

.podzag{
	font-size: 16px;
    font-weight: 700;
    display: flex;
    margin: 0px 0px 15px;
	color: orange;
}

.num-list{
	margin: 0px 0px 15px;
}

.num-list li{
	margin: 0px 0px 6px 15px;
	color: #222020;
	list-style: decimal;
    align-items: center;
}

.num-list li:before{
	font-family: uicons-regular-rounded !important;
}

.check-list{
	margin: 0px 0px 15px;
}

.check-list li{
	margin: 0px 0px 6px;
	color: #222020;
	display: flex;
    align-items: center;
}

.check-list li:before{
	margin: 1px 10px 0px 0px;
	content: "\f160";
	font-family: uicons-regular-rounded !important;
}

.dot-list{
	margin: 0px 0px 15px;
}

.dot-list li{
	margin: 0px 0px 6px;
	color: #222020;
	display: flex;
    align-items: center;
}

.dot-list li:before{
	margin: 3px 5px 0px 0px;
	content: "\f165";
	font-family: uicons-regular-rounded !important;
}

.line-list{
	margin: 0px 0px 15px;
}

.line-list li{
	margin: 0px 0px 6px;
	color: #222020;
	display: flex;
    align-items: center;
}

.line-list li:before{
	margin: 2px 5px 0px 0px;
	content: "\f228";
	font-family: uicons-regular-rounded !important;
}


.b-user__ac-btn {
    display: flex;
    flex-direction: row;
}

.b-user__ac-btn ul{
	display: flex;
}

.b-user__ac-btn ul li{
	margin: 0px 4px;
}

.b-user__ac-btn ul li a{
	height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 6px #c3c3c3;
    border-radius: 30px;
    color: unset;
}

.light-ok{
	width: 100%;
    /* display: flex; */
    justify-content: center;
    overflow: hidden;
    height: 285px;
    position: relative;
    align-items: center;
    display: grid;
}

.light-ok img{
	width: 100%;
}

.rotat {
  animation: 6s linear 0s normal none infinite running rotat;
  -webkit-animation: 22s linear 0s normal none infinite running rotat;
  width: 100px;
}
@keyframes rotat {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotat {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.top-bg-badg{
	
}

.m-achivments{
    width: 140px;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: -100px auto 50px;
    z-index: 5;
    position: relative;
}

.m-achivments img{
	    width: auto;
}

.m-achivments span{
    padding: 5px 30px;
    background: #776af1;
    color: white;
    font-size: 16px;
    font-weight: 700;
    width: fit-content;
    border-radius: 5px;
    margin: 25px auto 0px;	
}

.alarm-congratulations {
    overflow: hidden;
    margin: -105px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	text-align: center;
}

.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #7ac142;
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 15px auto 30px;
	box-shadow: inset 0px 0px 0px #7ac142;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

.checkmark__circle-er {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #d60000;
  fill: none;
  animation: stroke-er 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark-er {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #d60000;
  animation: fill-er .4s ease-in-out .4s forwards, scale-er .3s ease-in-out .9s both;
}
.checkmark__check-er {
  transform-origin: 50% 50%;
  stroke-dasharray: 29;
  stroke-dashoffset: 29;
  animation: stroke-er 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke-er {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale-er {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill-er {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}


.b-aside__views-modal{
	display: flex;
	flex-direction: column;
}

.b-aside__views-modal a{
	font-size: 14px;
	margin-bottom: 10px;
	padding: 6px 10px;
}

.balance-modal .notification-table table thead tr th {
    font-weight: 500;
    font-size: 14px;
    color: #1e1e1e;
	padding: 10px 10px;
	
}

.balance-modal .notification-table table tbody tr td {
    padding: 10px 10px;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
}

.balance-modal .notification-table table tbody{
    max-height: 250px;
    overflow-y: scroll;
    height: 256px;
    display: table-caption;
}

.radiobox{
	margin: 3px 0px;
}

.radio-text{
	margin: 0px 0px 0px 8px;
	width: max-content;
}

.radiobox input[type="radio"] + label {
    display: flex;
	width: fit-content;
}


.b-user__top-h {
	display: flex;
    margin: -85px 0px 0px 0px;
    align-items: flex-end;
    position: relative;
    width: 100%;
    padding: 25px 15px;
}

.b-content__section-top_right {
    display: flex;
}

.b-content__section-top_right button{
    margin: 0px 5px;
}

span.i-label-author {
	padding: 0px 6px;
    background: #ffa500;
    color: #ffffff;
    border-radius: 5px;
    font-size: 10px;
    display: flex;
    align-items: center;
    align-content: center;
    height: 16px;
    /* justify-content: center; */
    line-height: normal;
    font-weight: 600;
    margin: 0px 0px 0px 5px;
}

.b-comment__user-name {
    display: flex;
    align-items: center;
}

.add-rating .rate-box {
    margin: 0px 0px 0px 0px !important;
}

.no-blure{
	
}

.no-blure img{
	filter: blur(0px) !important;
    height: auto !important;	
}

.b-user__image .b-book__items {
    position: absolute;
    right: 15px;
    bottom: 10px;
	justify-content: end;
}

.b-user__image .b-book__items a{
	background: white;
    width: fit-content;
    margin: 0px 0px 0px 5px;
    border-radius: 5px;
}

.f-list-b {
    background: #eeeeee;
    border-radius: 15px;
    padding: 15px;
    margin: 15px 0px 20px;
    height: 200px;
    overflow: auto;
}

.gift-list{
    display: flex;
    flex-wrap: wrap;
    height: 300px;
    justify-content: flex-start;
    align-items: self-start;
    align-content: flex-start;
    overflow: auto;
    margin: 15px 0px 40px;
    background: #f7f7f7;
    padding: 10px;
    border-radius: 15px;
}

.gift-list .gift-item{
	width: 20%;
    padding: 5px;
}

.gift-list .gift-item img{
	
}

.modal-dialog .b-tabs__nav{
	margin: 10px 0px 20px
}

.banner-rek img{
	width: 100%;
}


.none-obj {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin: 15px 0px 25px;
}

.none-obj span{
	font-size: 18px;
    font-weight: 800;
}

.none-obj p{
	font-size: 14px;
    font-weight: 500;
}

.none-obj img{
    filter: invert(36%) sepia(50%) saturate(1%) hue-rotate(317deg) brightness(96%) contrast(86%);
    width: 110px;
    margin: 20px 0px;
}

.main-btn{
	color: black;
    border-radius: 30px;
    background: orange;
    color: white;
    height: 36px;	
	display: flex;
    align-items: center;
    padding: 0px 16px;
}

.main-btn:hover {
	color: #ffffff;
	background: #d78c02;
	transition: 0.3s;
}

.verify-icon {
    width: 16px;
    height: 16px;
    margin: 0px 0px 0px 5px;
}

.b-comment hr{
	margin: 5px 0px 5px
}

.in-texta{
	min-height: 60px !important;
}

.add-replyss .add-comment .item_user .item__user{
	display: none;
}

.reply-com {
    color: gray;
    padding: 5px 5px;
    display: flex;
    align-items: center;
    height: 21px;
    line-height: 1;
}

.reply-com button{
    font-size: 10px !important;
    padding: 4px;
    color: red;
}

.add-replyss .add-comment{
    margin: 5px 0px 0px;
    padding: 30px 15px 0px;
    border-radius: 15px;
    background: white;	
}


.page-tags .b-content__section{
	background: white;
}

.zag-grop {
    margin: 20px 0px 10px;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: black;
}

.pc-none{
	display: none;
}

.page-book-add .b-content__section{
	padding: 25px 15px 15px;
	background: white;
}

.page-book-add .b-filters {
	padding: 0px;
	margin: 10px 0px 10px;
}

.page-settings .b-content__section{
	padding: 25px 15px 15px;
	background: white;
}

.page-settings .b-filters {
	padding: 0px;
	margin: 10px 0px 10px;
}

.page-ticket .b-filters {
	padding: 0px 15px 15px;
    margin: 0px 0px 10px;
}

.mini-card-b-btm{
	position: absolute;
    bottom: 15px;
    padding: 0px 10px;
    align-items: center;
    justify-content: space-between;
    display: flex;
	width: 100%;
}

.mini-card-b-btm .b-item__price {
    background: #302f2d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 10%);
    border-radius: 6px;
    height: 26px;
    padding: 6px 10px;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    line-height: 1;
}
.mini-card-b-btm .rate-book{
	padding: 4px 9px;
    background: orange;
    font-weight: 600;
    color: white;
    border-radius: 4px;
}

.b-item__label_new{
	background: #8573f3;
}

.b-item__label_add {
    background: #009727;
}

.b-item__label_best{
	background: orange;
}


.b-item__price-child{
	background: #302f2d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 10%);
    border-radius: 6px;
    height: 26px;
    padding: 6px 10px;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    line-height: 1;
	display: none;
}


.accordion-item:first-of-type{
	margin: 20px 0px 15px;	
}

.accordion-item{
    border-top: 1px solid white !important;
}

.accordion-button:hover:after{
	color: white !important;
}

.accordion-button:not(.collapsed) {
    color: #ffffff;
    background: #8170f2;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-item .accordion-header{
	font-size: 14px;
    font-weight: 500;
    overflow: hidden;
	border-left: 4px solid #8170f2;
}

.accordion-item .accordion-header:hover{
	border-left: 4px solid #5548a9;
}

.accordion-item .accordion-button:hover {
    z-index: 2;
    background: #8170f2;
	color:white;
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    margin: 0px 0px 15px;
}

.accordion-button span{
	margin: 0px 0px 0px 5px;
}


.offcanvas-end {
    width: 325px;
}


.b-act__btns{
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin: 50px 0px 20px;
}

.b-act__btns button{
	padding: 9px 16px;
	height: 36px;
	margin-right: 15px;
	line-height: 1;
}

.btn-gr-l{
	display: flex;
    justify-content: flex-start;
}

.btn-gr-r{
	display: flex;
    justify-content: flex-end;
}

.accordion{
	padding:0px;
}


.b-news{
	
}

.b-news .minimal{
	flex-direction: row;
}

.b-news .minimal .b-news-poster{
    width: 90px;
    height: 55px;
    border-radius: 5px;
	display: none;
}

.b-news .minimal .b-news-poster img{
	
}

.b-news .minimal .b-news-center{
	
}

.b-news .minimal .b-news-body{
	
}

.b-news .minimal .b-news-body .b-news-b-n {
    font-size: 14px;
}

.b-news .minimal .b-news-bottom{
	
}

.b-news .minimal .b-news-top{
	
}

.b-news-item{
	background: white;
	margin: 0px 0px 15px;
	display: flex;
	width: 100%;
}

.b-news-poster{
    min-width: 110px;
    height: 80px;
    overflow: hidden;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
}

.b-news-poster img{
    min-width: 100%;
    display: flex;
    height: fit-content;
}

.b-news-center {
	padding: 0px 0px 0px;
    height: 85px;
    overflow: hidden;
}

.b-news .b-news-body{
    padding: 15px 15px 5px;

}

.b-news .b-news-body .b-news-b-n {
    font-size: 16px;
    max-height: 40px;
    overflow: hidden;
    display: flex;
}

.b-news .b-news-body p {
	font-size: 14px;
    max-height: 75px;
    overflow: hidden;
    line-height: normal;
    display: flex;
    margin: 5px 0px 0px;
}

.b-news-bottom{
    display: flex;
    font-size: 12px;
    align-items: center;
    margin: 5px 0px;	
}

.b-news-top{
	
}

.btc-reply i{
	font-size: 12px !important;
}
.comment-answer {
    font-size: 12px;
    color: #898989;
	margin: 0px 0px 0px 5px;
}

.comment-answer i{
    font-size: 9px;
}

.btc-reply{
	display: none !important;
}

.b-comment:hover .btc-reply{
	display: flex !important
}

.b-comment:hover .coment-reply i{
	font-size: 14px;
}

.b-publication .bottom-item-card-row {
    padding: 5px 15px 15px;
}

.bottom-item-card-row {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.bottom-item-card-left{
	display: flex;
    height: 100%;
    align-items: center;	
}

.bottom-ica{
    font-size: 14px;
    font-weight: 600;
    display: flex;
    height: 30px;
    padding: 0px 6px;
    align-items: center;
    border-radius: 5px;
}

.bottom-ica:hover{
	cursor: pointer;
	background: #eeeeee;
}

.bottom-ica i{
	font-size: 16px;
	line-height: 1;
    display: flex;
}

.bottom-ica span{
	
}

.bottom-ica i:last-child{
	font-size: 10px;
	margin-left: 5px;
}

.bottom-ica i:first-child{
	margin-right: 5px;
}


.bottom-item-card-right{
	display: flex;
    height: 100%;
    align-items: center;
}

.poster-imgs {
    width: calc(100% - 46px);
    margin-left: 46px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.previos{
	position: relative;
}

.previos button{
    position: absolute;
    top: 5px;
    right: 5px;
    /* z-index: 2; */
    background: white;
    padding: 8px;
    opacity: 1;
}

button.buy-btn-b-cart{
	background: #8573f3;
}

.view-row .card-blog .b-item__label{
	position: absolute;
	top: 15px;
    left: 15px;
}

.view-row .b-user__article {
    padding: 0px 0px 0px;
}


.view-column .card-cycle .bottom-item-card-row {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 15px 0px 0px;
}


.view-column .card-cycle .bottom-item-card-right{
	display: none;
}


.view-column .card-cycle .bottom-item-card-left {
    width: 100%;
    justify-content: space-between;
}

.edit_user_social{
	margin: 0px 10px 0px 0px;
    display: flex;
    align-items: center;
    line-height: 1;
    height: 46px;
    border: 1px solid;
    width: fit-content;
    border-radius: 7px;
    overflow: hidden;
    padding: 0px;
}

.edit_user_social.login-in {
    background: orange;
    color: white;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.edit_user_social button{
	height: 46px;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    width: fit-content;
    padding: 0px 12px;
    align-items: center;
    min-width: 46px;
	color: unset;
}

.login_social img{
	display: flex;
    width: 20px;
    margin: 0px 5px 0px 0px;	
}

.delete_social{
	color: white;
    background: #00000021;
    font-size: 12px !important;
    justify-content: center;	
}

.delete_social:hover{
	background: black;
}

.coupon-m-item .b-sale {
    flex-direction: column-reverse;
    width: 100%;
	border: 1px dashed transparent;
	box-shadow: 0px 5px 5px rgb(0 0 0 / 0%)
}

.coupon-m-item .b-item__col {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
}

.coupon-m-item .b-sale__number{
	display: none;
}

.coupon-m-item .coupon-detail{
	display: none;
}

.coupon-m-item  .b-sale__content-wrap {
    margin: 25px 0px 15px;
    text-align: center;
}

.coupon-m-item .b-sale__code-wrap {
    padding: 20px 40px;
    background: #eeeeee;
    border: 2px dashed #cccccc;
}

.coupon-m-item .b-user-card-items{
	display: none;
}

.coupon-m-item  .bottom-item-card-row {
    display: flex;
    justify-content: center;
    padding: 0;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.coupon-m-item .bottom-item-card-right {
    margin: 15px 0px 0px;
    background: #efefef;
    padding: 15px;
    border-radius: 8px;
}

.b-sale__code-wrap {
    position: relative;
    background: #ebebef;
    padding: 0px 8px;
    border-radius: 8px;
	height: 36px;
}

.coupon-detail {
	overflow: hidden;
    position: absolute;
    background: linear-gradient(96.15deg,#8470ff 30.05%,#70689f 79.26%);
    border-radius: 8px 0 0 8px;
    width: 80%;
    color: #fff;
    text-align: center;
    cursor: pointer;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: 1s;
}

.coupon-detail:before {
    position: absolute;
    top: 4px;
    right: -14px;
    z-index: 1;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 0 0 0 10px;
    background: #9c8df9;
    background-position: 0 6px;
    background-repeat: no-repeat;
    content: "";
    transform: rotate(54deg) translateY(-11px) scaleX(.85);
}

.coupon-detail:hover {
	width: 70%;
	transition: 1s;
	color: white;
}

.page-faq{
	padding: 15px;
}

.page-faq .b-article__col{
	width: 25%;
}

.b-article__col .bottom-item-card-row{
	padding: 0px 10px 15px;
}

.page-faq .b-filters {
    align-items: flex-start !important;
    justify-content: center;
}

.page-faq .b-content__section-top {
    justify-content: center;
}

.b-idea-body .bottom-item-card-row{
	padding: 10px 0px 0px;
}

.b-notify__img{
	width: 30px;
    height: 30px;
    border-radius: 30px;
    overflow: hidden;
    align-items: center;
    align-content: center;
    line-height: 1;
    display: flex;
    background: #eeeeee;
    margin: 0px 0px 0px 0px;
	text-align: center;
    justify-content: center;
}

.b-notification__item-left {
    margin: 0 15px 0 0;
	width: 30px;
}

.modal-stories-content{
	padding: 0px !important;
}

.modal-stories-content .slide {
    max-width: 100%;
    margin: 0px auto;
    box-shadow: 0 0px 0px 0px rgb(0 0 0 / 0%);
}

.modal-stories-content .carousel-indicators {
	top: 0;
    bottom: auto;
    margin: 0px 0px 0px;
    /* z-index: 1; */
    padding: 5px 0px;
    background: #0000009e;
}

.modal-stories-content .carousel-caption{
	background: white;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 15px;
    text-align: left;
    line-height: normal;
}

.1modal-stories-content .carousel-caption-mask{
	width: 100%;
	height: 100px;
    background: linear-gradient(90deg, rgba(55,37,84,1) 49%, rgba(255,255,255,0.4) 100%);
}

.modal-stories-content .carousel-control-prev{
	z-index:999;
}

.modal-stories-content .carousel-control-prev{
	z-index:999;
}

.modal-stories-content .carousel-img-storys{
	height: 550px;
    overflow: hidden;
}

.b-modal_storys .modal-dialog {
    max-width: 350px;
	border-radius: 15px;
    overflow: hidden;
}

.b-history{
	padding: 15px;
    background: white;
}

.b-history-list{
    padding: 0px 0px 0px 0px;
}

.page-main .b-history-list{
	max-height: 570px;
    overflow: auto;
    padding: 0px 0px 0px 10px;
}

.b-history-list .days-name-l{
    padding: 10px 0px;
    display: flex;
    margin: 25px 0px 15px;
    font-weight: 600;
}	


.b-history-item{
	position: relative;
	padding: 0px 0 15px 25px;	
	display: flex;
	align-items: flex-start;
}

.b-history-item:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #8573f3;
  content: "";
  left: 0;
  transition: .3s ease-in-out;
  top: 15px;
}
.b-history-item:after {
  position: absolute;
  border-left: 1px dotted #4F5151;
  width: 1px;
  bottom: -12px;
  content: "";
  left: 3px;
  top: 48px;
}

.b-history-item:hover:before{box-shadow: 0 0 0 10px rgba(0,0,0,.2)}
.b-history-item:last-child:after {content: none;}

.b-history-item_body{
	display: flex;
    padding: 15px;
    background: white;
    width: auto;
    box-shadow: 0px 0px 0px #0000000f;
    border-radius: 8px;
}

.b-history-item_body:hover{
	box-shadow: 0px 5px 10px #00000012;
}

.b-history-item_body .user-ava{
	min-width: 40px;
    min-height: 40px;
    height: 40px;
    border-radius: 30px;
    overflow: hidden;
    border: 2px solid white;
    margin: 0px 8px 0px 0px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: start;
    align-content: start;
}

.b-history-item_body .user-ava img{
    width: 100%;
    height: 100%;
    max-width: 100%;	
}

.b-history-item .history-data{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #eeeeee;
    margin: 35px 10px 0px -35px;
    font-size: 10px;
    padding: 2px;
    z-index: 8;
}

.b-history-item_details{

}

.b-history-item_details em {
    display: block;
    color: #3c3c3c;
    font-size: 12px;
}

.page-main .b-content__section-title {
    font-weight: 800;
    font-size: 26px;
    color: #373737;
    padding: 5px 35px 5px 15px;
    /* border-radius: 8px; */
    border-left: 5px solid #8573f3;
    border-radius: 0px 30px 30px 0px;
}

.b-page {
    display: flex;
    flex-direction: column;
    background: white;
	position: relative;
}

.b-page-cover {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
}

.b-page-cover img {
    min-width: 100%;
}

.b-page-head .bottom-item-card-row {
    margin-bottom: 30px;
}

.b-page-head {
    padding: 50px 55px 0px;
    width: 100%;
	background: white;
	position: relative;
}

.page-selfs .b-page-head .bottom-item-card-row {
    margin-bottom: 0px;
}

.page-selfs .b-page-head {
    padding: 50px 55px 30px;
    width: 100%;
}

.page-cicle .b-page-head .bottom-item-card-row {
    margin-bottom: 0px;
}


.page-cicle .b-page-head {
    padding: 50px 55px 30px;
    width: 100%;
}

.b-page-title {
    margin: 0px 0px 30px;
}

.b-page-text {
	padding: 0px 50px 30px;
}

.b-page-text p{
	line-height: 26px;
    color: #2a2a2a;
    letter-spacing: 0.4px;  
}

.b-page-text img{
	margin: 40px 0px 40px
}

.b-page-top{
	margin: 0px 0px 15px;
}

.b-page-top .i-label{
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 12px;	
}

.b-page-bottom {
    width: 100%;
    padding: 0px 45px 0px;
}

.b-page-bottom .bottom-item-card-row {
    margin-bottom: 30px;
}

.in-self .b-filters {
    align-items: space-between !important;
	width: 100%;
}

.c-following {
	display: flex;
    font-size: 12px;
    align-items: center;
    height: 30px;
    justify-content: flex-start;
    align-content: flex-start;
    width: min-content;
}

.c-following .i-rate-user {
    margin: 0px 10px 0px 10px;
}

.c-following .i-rate-user em{
	width: 85px;
}

.c-following button{
	height: 30px;
    width: fit-content;
    padding: 0px 12px;
    margin: 0px 10px 0px 0px;
    border: 1px solid;
    border-radius: 5px;	
}

.b-popular-author__item .button-add {
    width: fit-content;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #9A9A9A;
    font-size: 14px;
    padding: 0px 12px;
}

.b-popular-author__item .button-add span{
	margin-left: 5px;
}

.page-users .u-table{
	width: 100%;
}

.page-users .u-table-h{
	display: flex;
	width: 100%;
}
.page-users .u-table-h li{
	font-weight: 600;
    color: #5d5b66;
    font-size: 14px;
    padding: 5px 5px;
    min-width: fit-content;
}

.page-users .u-table-h li:nth-child(1){
	min-width: 5%;
}

.page-users .u-table-h li:nth-child(2){
	min-width: 30%;
}

.page-users .u-table-h li:nth-child(3){
	min-width: 10%;
	text-align: center;
}

.page-users .u-table-h li:nth-child(4){
	min-width: 10%;
	text-align: center;
}

.page-users .u-table-h li:nth-child(5){
	min-width: 20%;
	text-align: center;
}

.page-users .u-table-h li:nth-child(6){
	min-width: 15%;
	text-align: center;
}

.page-users .u-table-h li:nth-child(7){
	min-width: 5%;
	text-align: right;
}

.page-users .b-popular-author__item li{
	display: flex;
    align-items: center;
    justify-content: center;
}

.page-users .b-popular-author__item li i{
	margin: 0px 5px 0px 0px;
}

.page-users .b-popular-author__item li:nth-child(1){
	min-width: 5%;
	justify-content: left;
}

.page-users .b-popular-author__item li:nth-child(2){
	min-width: 30%;
	width: auto;
	justify-content: left;
}

.page-users .b-popular-author__item li:nth-child(3){
	min-width: 10%;
	text-align: center;
}

.page-users .b-popular-author__item li:nth-child(4){
	min-width: 10%;
	text-align: center;
}

.page-users .b-popular-author__item li:nth-child(5){
	min-width: 20%;
	text-align: center;
}

.page-users .b-popular-author__item li:nth-child(6){
	min-width: 15%;
	text-align: center;
}

.page-users .b-popular-author__item div:nth-child(7){
	min-width: 5%;
	text-align: right;
}

.page-users .i-label {
	padding: 0px 10px;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid #cccccc;
    background: #8473f2;
    color: white;
}

.b-popular-author__item .button-add:hover{
	color: orange;
}

.b-popular-author__item .button-add:focus{
	color: white;
	background: orange;
}


.page-main .b-content__section-top {
    margin: 20px 0 25px 0;
}

.page-main .b-content__section {
    margin: 0 0 35px 0;
}


.item__btb {
    display: flex;
    color: white;
}

.item__btb button.item__btn{
	background: #eeeeee !important;
	margin: 0px 5px 0px 0px;
	width: 36px;
}

.item__btb button.item__btn:hover{
	background: orange !important;
	color: white;
}



.view-column .card-book {
    max-width: 208px;
}


.fr-box.fr-basic{
	width: 100%;
}



/* */
.card-aforizm{
    width: 100%;
    padding: 15px;
    background: white;
    margin: 0px 0px 15px;
    border-radius: 8px;
	position: relative;
}

.b-aforizm{
    display: flex;
    flex-direction: column;	
}

.b-aforizm_body{
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;	
}

.b-aforizm_body i{
	
}

.b-aforizm_bottom{
    display: flex;
}



.b-reader__container{
	
}

.b-reader__container .b-filters{
    background: #dddddd;
    margin: 0px -15px 0px;
    width: calc(100% + 30px);

}

.b-reader__container .b-filters .b-dropdown-select{
	max-width: 525px;
	
}

.b-reader__container .b-filters .b-dropdown-select a{
	max-width: 525px;
	
}

.b-reader__top .b-dropdown-select__top:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    background: white;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.b-book_statinf {
    display: flex;
    align-items: center;
}

.b-book_statinf span{
	margin: 0px 5px 0px 0px;
	height: 22px;
	display: flex;
    align-items: center;
	font-size: 12px;
}

.b-book_statinf span i{
	margin-right: 3px;
}

.b-book_statinf .i-label{

}


.user-level {
    padding: 2px 15px;
    width: fit-content;
    margin: 10px auto 10px;
    display: flex;
    justify-content: center;
    /* border: 1px solid; */
    border-radius: 20px;
}


.b-user__top-h .b-user-items-status {
    width: 18px;
    height: 18px;
    background: #afafaf;
    border: 2px solid #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 22px;
    right: 26px;
    bottom: 0;
    position: absolute;
}


.b-slider .swiper-container{
    border-radius: 15px;
    overflow: hidden;
}

.b-slider-button{
	background: #ffffff47;
}

.button-slider{
	background: #ffffff47;
}

#sort-p-num{
	display: none;
}

#sort-p-par{
	display: block;
}

.page-reviews .b-filters__views{
	display: none;	
}


.mfixed {
	position: fixed;
    -webkit-transition: bottom .2s ease-out 0s;
    -moz-transition: bottom .2s ease-out 0s;
    -o-transition: bottom .2s ease-out 0s;
    transition: bottom .2s ease-out 0s;
}

.mfixed-top{
  bottom: 0;
}

.mfixed-bottom{
  bottom: -90px;
}


.m-aside .card-book{
	max-width: 19%;
	padding: 0px;
}

.view-column .card-book{
	max-width: 25%;
    padding: 0px 7.5px;
}

.swiper-wrapper .card-book{
	max-width: 25%;
	padding: 0px 0px;
}

.m-aside .swiper-wrapper .card-book{
	max-width: 20%;
	padding: 0px 0px;
}


.podcomments {
    margin: 0px 0px 0px 25px;
    padding: 0px 0px 0px 15px;
    border-left: 2px dashed #cccccc;
}

.reader-page .b-content__wrap{
	margin: 0px;
}
	
.reader-page .b-content__center{
	padding: 0px;
}

.b-reader__container {
    padding: 0px 15px 65px 15px;
}


.b-action__content p {
    font-weight: 500;
    font-size: 14px;
    color: #565656;
    line-height: normal;
    padding: 0px 0px 5px;
}

.page-user .b-action{
	margin: 0px;
}

.page-user .comments_list  .b-action{
	display: none;
}

/*
.comments_list {
    background: #eeeeee;
    padding: 10px 0px 10px 14px;
    border-left: 1px dashed gray;
}
*/

.b-publication .comments_list .bottom-item-card-row{
	padding: 0px;
}

.b-chapter__left-name {
    font-size: 14px;
}

.b-chapters__history-name {
    font-size: 14px;
}

.b-chapters__history {
    margin: 0 0 5px 0;
}

.b-item__row{
	margin: 0px;
}

.view-row .b-item__container-top {
	max-height: 205px;
    overflow: hidden;
    width: 100%;
    padding-right: 0px;
}

.b-article__item-img {
    position: relative;
    height: 150px;
	background-color: darkgray;
}

/* аудио */
.b_audio{
	width: 25%;
}
.b_audio-top {
    width: 100%;
    height: 185px;
    border: 5px solid white;
    border-radius: 25px;
    overflow: hidden;
	position: relative;
	transition: 1s;
	transform: 1s;
}

.b_audio-imgs{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

span.glav-counts {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 5px;
    background: orange;
    border-radius: 15px;
}

.b_audio-bottom-info {
    padding: 10px 5px 0px;
}

.botn-audio-card {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: #00000054;
    display: flex;
    align-items: center;
    justify-content: center;
	display: none;
}

.b_audio:hover .botn-audio-card{
	display: flex;
}
.b_audio:hover .b_audio-top{
	transform: scale(1.05);
	box-shadow: 0px 10px 20px #00000038;
	
}

.btn-a-card {
    width: 36px;
    height: 36px;
    background: white;
    border-radius: 30px;
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: center;
    margin: 0px 3px 0px;
    border: 2px solid transparent;
}

.btn-a-card:nth-child(2){
    width: 46px;
    height: 46px;
	font-size: 21px !important;	
	background: orange;
	color: white;
}

.btn-a-card:hover{
	filter: invert(100%) sepia(0%) saturate(7456%) hue-rotate(138deg) brightness(118%) contrast(91%);
}

.page-books-item .b-item__top:hover{
	transform: scale(1.05);
	box-shadow: 0px 10px 20px #00000038;
	transition: 1s;
	transform: 1s;
}


.page-books-item .b-item__top{
	transition: 1s;
	transform: 1s;
}


.p-b-podzanr{
	background: white;
    padding: 0px 15px 15px;
}

.p-b-podzanr a {
    padding: 3px 9px;
    /* background: #8573f3; */
    border-radius: 15px;
    color: #8573f3;
    border: 1px solid #8573f3;
}

.p-b-podzanr a:hover{
	background: #8573f3;
	color: white;
}

.b-reader__body {
    margin: 35px 100px 0px;
    overflow: initial;
}

.b-slider__item:nth-child(1):before{
    background: linear-gradient(90deg, rgb(132 94 182) 49%, rgba(255,255,255,0.4) 100%);	
}
.b-slider__item:nth-child(2):before{
    background: linear-gradient(90deg, rgb(132 94 182) 49%, rgba(255,255,255,0.4) 100%);	
}
.b-slider__item:nth-child(3):before{
	background: linear-gradient(90deg, rgb(143 169 116) 49%, rgba(255,255,255,0.4) 100%);
}

.b-slider__item:nth-child(4):before{
	background: linear-gradient(90deg, rgb(169 116 116) 49%, rgba(255,255,255,0.4) 100%);
}


.banner-round{
	height: auto;
    min-height: 215px;
    width: 100%;
    border-radius: 30px;
    display: flex;
}

.banner-round-zag{
	width: 100%;
    display: flex;
    font-size: 24px;
    font-weight: 800;
    margin: 0px 0px 20px;
    color: unset;	
}

.banner-round-t{
	width: 100%;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    margin: 0px 0px 20px;
    color: unset;	
}

.banner-round-btn{
	height: 42px;
    border: 0px solid;
    display: flex;
    align-items: center;
    line-height: 1;
    color: white;
    padding: 0px 20px;
    border-radius: 30px;
    margin: 0px 10px 0px 0px;
    background: #00000047;
}

.banner-round-btn:nth-child(1){
	background: orange;
}

.banner-round-l{
	position: relative;
	width: inherit;
	height: 100%;
	padding: 50px 30px 35px;
	background: unset;
	color: unset;
}

.banner-round-l:before{
	content: '';
    width: 280px;
    height: 280px;
    border-radius: 40px;
    position: absolute;
    top: -25px;
    right: -35px;
    background-color: unset;
    z-index: 1;
	transform: rotate(54deg) translateY(-11px) scaleX(.85);
}

.banner-round-r{
    position: relative;
    min-width: 360px;
    height: 100%;
}

.banner-round-r img{
	height: 100%;
}

.banner-round-b{
    height: 42px;
    display: flex;	
}

.oneban{
	position: relative;
	background: darkblue;
	display: inherit;
	height: 100%;
	width: 100%;
	color: white;
	overflow: hidden;
    border-radius: inherit;
}


.new-del-btn {
    height: 40px;
    display: flex;
    width: 100%;
	position: absolute;
	margin-top: 10px;
}

.new-del-btn button{
	height: 100%;
    width: 100%;
    background: red;
    display: flex;
    color: white;
    z-index: 1111;
    position: absolute;
    align-items: center;
    justify-content: center;
    text-align: center;	
}


.b-book__btns .btn_b:nth-child(1){
	background: orange;
	color: white;
}

.b-book__btns .btn_b:nth-child(2){
	background: #8573f3;
	color: white;
}

.b-book__btns .btn_b:nth-child(3) span{
	display: none;
}

.b-book__btns .btn_b:nth-child(4) span{
	display: none;
}

.b-book__btns .btn_b:nth-child(5) span{
	display: none;
}

.b-book__btns .btn_b:nth-child(6) span{
	display: none;
}

.b-book__btns .btn_b:nth-child(7) span{
	display: none;
}


.b-book__th .item-bookmark{
	display: flex !important;
}

.item-bookmark{
	display: none;
}

.card-book:hover .b-item__info{
	display: flex;
}
/*
.b-item__info{
}
.item-bookmark:before{
	content: '';
	width: 36px;
    height: 36px;
	filter: blur(20px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
*/

.bg-video{
    position: relative;
    height: 210px;
    background: white;
    border-radius: 0px;
    transition: 1s;
    margin: -25px 0px -180px -25px;
    z-index: 0;
}

.bg-video-book{
	position: relative;
    width: 860px;
    height: 300px;
    display: inline-flex;
    border-radius: 15px;
    overflow: hidden;
	transition: 1s;
}

.bg-video-book:before{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(255 255 255 / 63%) 100%);
    z-index: 1;
    position: absolute;
	transition: 1s;
}

.youtube-frames{
	width: 100%;
    height: calc(100% - 80px);
    display: flex;
	filter: blur(75px);transition: 1s;
}

.max{
    transition: 1s;
	height: 320px;
    padding: 0px 0px 0px;
	display: block !important; 
	margin: -25px 0px 0px -25px;
}

.max .bg-video-book{
    height: 435px;
	transition: 1s;
}

.max .bg-video-book:before{
    background: transparent;
	content: '';
	z-index: -1;
}

.max .bg-video-book video{
	filter: blur(0px);
}

.max .youtube-frames{
	filter: blur(0px);
}

.max .container {
    bottom: 85px;
}


/* gender - stat */
.gender-stat{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.gender-stat-top{
	width: 100%;
	height: 50px;
}

.gender-stat-center{
    width: 100%;
    height: 30px;
    align-items: center;
    display: flex;
}

.gender-stat-bottom{
	 width: 100%;
	 height: 50px;
}

.gender-left{
    flex-shrink: 0;
    width: auto;
	margin: 0px 20px 0px 0px;
}

.gender-right{
	
}

.gender-info-sex {
    width: 148px;
    display: flex;
    margin-bottom: 5px;
    font-size: 14px;
}

.gender-info-ic{
	width: 38px;
    height: 38px;
    display: flex;
    background: #8a2be2;
    flex-grow: 0;
    align-items: center;
    margin-right: 5px;
    justify-content: center;
    font-size: 16px;
    border-radius: 8px;
    color: white;
}

.gender-info-text{
	
}



.gender-stat-item{
	width: 100%;
    display: flex;
    justify-content: center;
	padding: 0px;
    margin: 0px;
	list-style: none;
}

.gender-stat-item li{
	width: 40px;
    margin: 0px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    min-height: 10%;
    font-weight: 500;
    transition: 1s;
	position: relative;
}

.gender-stat-item li:before{
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #c9c9c905;
    top: 0px;
    left: 0px;
}

.gender-stat-top .gender-stat-item{
	align-items: flex-end;
	height: 100%;
}

.gender-stat-top .gender-stat-item li{
	background: blueviolet;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
}

.gender-stat-center .gender-stat-item{
	align-items: center;
}

.gender-stat-bottom .gender-stat-item{
	align-items: flex-start;
	height: 100%;
}

.gender-stat-bottom .gender-stat-item li{
	background: plum;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: white;
}

.ytp-show-cards-title{
	display: none! important;
}

.ytp-chrome-top, .ytp-chrome-bottom {
    -webkit-transition: opacity .25s cubic-bezier(0,0,0.2,1);
    transition: opacity .25s cubic-bezier(0,0,0.2,1);
    opacity: 0 !important;
	display: none !important;
}

.remind-pass{
}

.remind-form{
	background: white;
	width: 445px;
    margin: 70px auto;
    padding: 60px 40px;
    box-shadow: 0px 0px 20px #00000052;
    border-radius: 15px;
}

.b-book-add-file{
	
}

.b-book-add-file:hover .b-book-add-file-sec-name{
	background: orange;
	color: white;
}

.b-book-add-file:hover .b-book-add-file-sec-body{
	border-color: orange;
}

.b-book-add-file-sec-name{
    padding: 15px;
    background: #eeeeee;
    /* border-left: 4px solid orange; */
    font-weight: 600;
    color: #7a7a7a;
}

.b-book-add-file-sec-body {
    padding: 15px;
    border: solid #eeeeee;
    border-width: 0px 2px 2px 2px;
}

.b-book-add-file-sec-body label{
	display: flex;
	flex-direction: column;
}

.b-book-add-file-sec-body label .b-modal__buy-text {
    width: 85px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.b-book-add-file-b-l {
    width: fit-content;
    flex-shrink: 0;
    margin: 0px 0px 0px 30px;
}

.b-book-add-file-btn{
	margin: 0px 0px 10px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.b-book-add-file-btn button{
    border: 1px solid orange;
    color: orange;
    margin: 0px 10px 0px 0px;	
	border-radius: 30px;
}

.b-book-add-file-btn button:hover{
	color: white;
	background: orange;
}

.b-book-add-file-text{
	
}






.sections_add_book .b-faq .b-faq__top {
    background: #eeeeee;
    color: #4e4e4e;
    border-left: 2px solid orange;
}

.err-info-input{
	background: #ff000024;
    border-color: #ff5555;
}

.book-code-list {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: 10px 0px 0px;
}

.book-code-list li{
    display: inline-flex;
    text-align: left;
    align-items: self-start;
    height: 34px;
    line-height: normal;
    font-size: 14px;
    margin: 0px 0px 10px;
}

.book-code-list li a{
	line-height: normal;
}

.book-code-list li .i-label{
	margin: 0px 5px 0px 0px;
}

.book-code-list li .l-price{
	font-size: 10px;
    padding: 2px;
    border-radius: 4px;
	position: relative;
}

.book-code-list li .l-p-old{
	color: black;
}

.book-code-list li .l-p-old:before{
    content: '';
    width: 100%;
    height: 1px;
    background: black;
    top: 50%;
    left: 0px;
    transform: rotate(0deg);
    position: absolute;
}

.book-code-list li .l-p-new{
    color: #383838;
    /* background: green; */
    border: 0.5px solid #b7b7b7;
}

.my-b-rating {
    width: 130px;
    height: 130px;
    /* background: #eeeeee; */
    padding: 5px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 3px;
}

.myscore {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.my-b-rating img{
	width: 90px;
	filter: invert(79%) sepia(31%) saturate(7475%) hue-rotate(1deg) brightness(105%) contrast(102%);
}

.rate-inform{
	display: none;
}

.my-b-rating .add-rating .rates-item{
	margin: 0px;
}

.my-b-rating .add-rating label {
    font-size: 10px;
    padding: 5px 7px;
    margin: 0;
    float: left;
    cursor: pointer;
}

.myscore-num{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.myscore-num span{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.add-rating-b .add-rating label {
	font-size: 10px;
    padding: 5px 7px;
    margin: 0;
    float: left;
    cursor: pointer;
    height: 22px;
    border-radius: 0px !important;
}

.add-rating-b .rates-item {
    background: #eeeeee;
    margin: 0px;
    margin-right: 5px;
    border-radius: 4px;
    overflow: hidden;
}

.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
    display: block;
    text-align: center;
    float: none;
    margin: 3px 3px;
    width: 20px;
}


.custom-checkbox:checked+label{
	
}

.user-docums .b-book-add-file-btn{
	flex-direction: column;
}

.user-docums .b-book-add-file-btn button{
	margin-bottom: 10px;
}

.user-docums .b-book-add-file-text {
    text-align: center;
}

.f-y-ogr {
    background: white;
    border-radius: 10px;
    width: 34px;
}

book-navi-list{
	
}

.reader-navigate{
	padding: 15px 0px 0px 30px;	
}

.reader-navigate li {
    list-style: circle;
}

.reader-navigate li a{
    padding: 0px 0px 10px;
    display: flex;
	font-weight: 500;
}

.reader-navigate li a:hover{
	color: black;
	font-weight: 500;
}

.read-glav-stat {
    border: 5px solid orange;
    padding: 40px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-bottom: 10px;
	position: relative;
	margin: 30px 125px;
	background: white;
    border-radius: 15px;
}

.read-glav-stat span.zaglv{
	font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.read-glav-stat .btn-closes{
	right: 0;
	top:0;
	position: absolute;
	padding: 8px;
    background: orange;
    color: white;
    border-radius: 0px 0px 0px 10px;
}

.read-glav-stat .btns-rate{
	margin-top: 10px;
}

.read-glav-stat .btns-rate span{
	display: none;
}

.read-glav-stat .step-ones {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-bottom: 15px;
}

.read-glav-stat .step-twos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-bottom: 15px;
}

.read-glav-stat .step-threes {
    display: flex;
	margin-bottom: 15px;

}

.read-glav-stat .st-gl-info{
	display: flex;
    flex-direction: column;
}

.read-glav-stat .smile-stat{
	margin-right: 10px;
}

.read-glav-stat .smile-stat img{
	width: 60px;
	filter: invert(79%) sepia(31%) saturate(7475%) hue-rotate(1deg) brightness(105%) contrast(102%);

}
.green-stat{
	filter: invert(53%) sepia(87%) saturate(1749%) hue-rotate(68deg) brightness(114%) contrast(92%);
}

.gray-stat{
	filter: invert(77%) sepia(0%) saturate(0%) hue-rotate(208deg) brightness(92%) contrast(84%);
}

.red-stat{
	filter: invert(11%) sepia(93%) saturate(7148%) hue-rotate(1deg) brightness(90%) contrast(91%);
}


.book-inf-left-reader {
    padding: 15px;
    background: #d9d9d9;
   margin: 0px -15px 20px;
	display: flex;
}

.book-inf-left-reader img{
    width: 104px;
    height: auto;
    border-radius: 6px;
    overflow: hidden;
	flex-shrink: 0;
}

.book-reader-info{
	margin-left: 10px;
    display: flex;
    flex-direction: column;
}

.cat-filter .b-dropdown-select__top{
	background: #8573f3;
	color: white;	
}

.jh-count {
    font-size: 10px;
    padding: 1px 2px;
    background: #a4a4a4;
    color: white;
    border-radius: 3px;
}


.new-un{
	display: flex;
	align-items: flex-start;
	min-height: 46px;
    margin: 0px 0px 10px;
}

.new-un .b-edit__title{
    width: 235px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    flex-shrink: 0;
}

.new-un .b-input{
	width: 100%;
}



.em-input{
    font-size: 12px;
    color: gray;
    font-weight: 500;
    line-height: 16px;	
}

.new-un .b-input .em-input {
    display: block;
    margin-top: 7px;
}

.sec-form-heads {
    margin: 15px 0px 5px;
}


.sec-form-heads .b-edit__title{
	display: flex;
    flex-direction: column;
	align-items: baseline;
}


.page-book-add .b-act__btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px -15px -15px;
    padding: 35px 15px;
	background: #cac6e3;
}

.page-book-add .loaded_poster {
    min-height: 485px;
}

.b-sel-btn {
    position: relative;
    background: #f3f3f3;
    width: fit-content;
    border-radius: 30px;
    overflow: hidden;
}

.new-un .select {
    position: relative;
    display: block;
    min-width: 220px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
}


.b_glav-sec{
	padding: 8px;
    display: flex;
    flex-shrink: 0;
    border-radius: 8px;
    /* border: 1px solid #c3c3c3; */
    align-items: center;
    position: relative;
    justify-content: space-between;
    margin-bottom: 5px;
    background: #cac6e354;
}

.b_glav-status{
    display: flex;
    margin-right: 10px;
}

.b_glav-st{
	padding: 10px;
    border-radius: 6px;
	color: white;
}

.b_glav-st span{
	margin-left: 5px;
	display: none;
}

.ss-public{
	background: orange;
    color: white;
}

.ss-zapl{
    color: white;
    background: cornflowerblue
}

.ss-draft{
	background: #878787;
    color: white;
}

.b_glav-name{
    flex-direction: column;
    display: flex;
    line-height: 16px;	
}

.b_glav-name em{
	font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.b_glav-info{
	display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-start;
    width: auto;
    margin-right: 10px;
	margin: 0px 0px;
}

.b_glav-info span{
	margin: 0px 5px 0px 0px;
}

.b_glav-btn{
	padding: 0px 0px;
}

.b_glav-btn button{
	padding: 10px;
    border-radius: 6px;
	color: gray;
}

.b_glav-btn button:hover{
	background: orange;
	color: white;
}

.b_glav-btn span{
	display: none;
}

.b_glav-{
	
}

.b_glav-{
	
}

.glav-sec-btn{
	display: flex;
	justify-content: space-between;
	margin: 10px 0px 10px;
}

.glav-sec-btn button{
	padding: 10px 12px;
	border: 1px solid transparent;
	border-radius: 7px;
	color: #ffffff;
}

.glav-sec-btn span{
	margin-left: 5px;
}

.add-new-glav-b{
    background: orange;
}

.add-new-file-b{
    background: #8573f3;
}


.activ-chairs{
	background: orange;
	color: white !important;
}

.activ-chairs:hover{
	background: orange !important;
	color: white !important;
}

.btn-mybook{
	padding: 9px 18px;
    background: white;
    color: #6c6c6c;
    border-radius: 8px;
    box-shadow: 0px 0px 10px #5a454536;
}

.btn-mybook span{
	margin-left: 6px;
	display: none;
}

.btn-mybooks{
	padding: 9px 5px;
    font-size: 16px;
    font-weight: 700;
}

.slid-main{
	margin: 15px 0px 0px !important;
}

.list-suscra{
	
}

.list-suscra .card-author{
	
}

.list-suscra .card-author .b-popular-author__item{
	justify-content: space-between;
}

.list-suscra .card-author .author-action{
	display: flex;
    justify-content: end;
    align-items: center;	
}

.list-suscra .card-author .author-action button{
	
}

.list-suscra .card-author .b-popular-author__item-name{
	display: flex;
}

.illiciumItem{
	position: relative;
}


.reader-body{

}

.reader-body .reader-page{
	box-shadow: 0 0 0px #ccc;
	margin: 0px auto;
	background: transparent;
}

.reader-body .reader-page .b-filters {
    background: transparent;
	opacity: 0;
}

.reader-body .reader-page:hover .b-filters{
	opacity: 1;
}

.reader-body .b-reader__container{
	background: transparent;
}


.reader-body .b-reader__container p {
		color: unset;
}

.b-reader__container-st {
    color: unset;
}

.reader-body h1{
	color: unset !important;
	margin-bottom: 30px;
}

.reader-body .b-pagination {
	background: transparent;
}

.reader-body .b-reader__btn{
    padding: 9px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    margin-right: 5px;
    border-radius: 28px;
    height: 36px;
	color: #959595;
	line-height: 1;
}

.reader-body .b-reader__btn i{
	margin-right: 5px;
}

.mybl-ratem{
    height: 22px;
	width: 22px;
    display: flex;
    align-items: center;
    line-height: 1;
	border-radius: 4px;
	overflow: hidden;
	transition: 1s;
	margin-right: 10px;
	transition: all 400ms ease;
}

.mybl-ratem:hover{
width: fit-content;
transition: all 400ms ease;
}

.mybl-ratem span {
    padding: 0px 8px;
    background: orange;
    color: white;
	margin: 0px;
	width: 22px;
}

.mybl-ratem .del-rate{
	width: 22px;
	display: none;
    margin-left: -25px;
    z-index: 0;
    height: 22px;
    padding: 0px 3px;
    background: #b300009e;
    color: white;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	transition: all 400ms ease;
}

.mybl-ratem:hover .del-rate{
	display: flex;
	margin-left: 0px;
	transition: 1s;
	transition: all 400ms ease;
}

.text-block strong{
	font-weight: normal;
}

.text-block p{

}

.select-var{
	font-weight: 800;
}

.b-book__btns .b-item__info{
	position: relative;
	top: 0px;
    right: 0px;
}

.b-book__btns .b-item__info:before{
	content: '' !important;
}


.b-book__btns .b-bookmark__nav{
	top: 50px;
    right: 150px;
	left: auto;
    width: 190px;
    background: #878787;
}

.b-book__btns .b-bookmark__nav ul li a i{
	color: white;
}

.b-book__btns .b-bookmark__nav ul li a{
	color: white;
}

.b-book__btns .b-bookmark__nav ul li.active a i{
	color: red;
}

.b-book__btns .b-bookmark__nav ul li.active{
	background: white;
}
	
.text-block span{
	font-size: unset !important;
	font-size: color !important;
	font-weight: unset !important;
	color: unset !important;
}


.lpulli{
	
}

.lpulli li{
	margin-bottom: 12px;
    font-size: 14px;
	line-height: 22px;
}

.lpulli li b{

}	

.asdded{
 width: max-content;
margin: 0 auto; 
}


.group-action{
	width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
	transition: all 400ms ease;
}
.card-book:hover .group-action{
	background: #00000024;
}

.btn-g-vert{
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
	justify-content: center;
}

.btn-g-vert .bt-act-b{
	position: relative;
    right: -40px;
    width: fit-content;
    background: white;
    margin-bottom: 10px;
    width: 36px;
    height: 36px;
    border-radius: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-g-vert .bt-act-b:hover{
	background: orange;
	color: white;
}

.btn-g-vert .bt-act-b span{
	display: none;
	margin-left: 5px;
}

.btn-g-vert button:nth-child(1){
	transition: all 400ms ease;
}
.btn-g-vert button:nth-child(2){
	transition: all 600ms ease;
}
.btn-g-vert button:nth-child(3){
	transition: all 800ms ease;
}

.btn-g-vert button:nth-child(4){
	transition: all 1000ms ease;
}

.card-book:hover .btn-g-vert button{
	right: 15px;
}

.card-book:hover .b-item__top{
overflow: hidden;
}

.card-book .item-lbl{
	transition: all 400ms ease;	
}

.card-book:hover .item-lbl{
 margin-top: -100px;	
}

.card-book .mini-card-b-btm{
	overflow: hidden;
	transition: all 400ms ease;	
}

.card-book:hover .mini-card-b-btm{
	transition: all 400ms ease;	
	margin-bottom: -90px;
}

.b-item__image {
    position: relative;
    overflow: hidden;
}

.admin-btnss{
	background-color: #606060 !important;
}


.mobile-show{
	display: none;
}

.b-pusomerki{
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    height: auto;
    background: #f3f3f3;
    padding: 5px;
    border-radius: 5px;
    justify-content: flex-start;
}

.b-pusomerki-i{
    display: flex;
    flex-direction: column;
    padding: 5px 3px;
    margin-bottom: 7px;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 54px;
    background: white;
    border-radius: 4px;
    position: relative;
    z-index: 2;
    line-height: 1;
    font-size: 12px;
}

.b-pusomerki-i:hover{
	background: #8573f3;
	color: white;
}

.b-pusomerki-i span{
	margin-top: 2px;
}

.page-books-item .b-book__left {
    margin: 0px 30px 0px 0px;
    display: flex;
	position: relative;
}


.b-p-bottom .i-label{
	height: 100%;
	margin: 0px;
}


.card-book .b-item__image img {
    height: auto;
}
/* - - - - - - - - - -- - - -  - - - - - -  - - -*/

@media (max-width: 767px){
	
	.page-user .b-user__right-name {
		justify-content: center;
	}
	
	.b-book__btns{
		display: none;
	}
	
	.slid-main {
		margin: 15px -7.5px 0px !important;
	}
	
	
	.page-view{
		width: 100%;
	}
	
	.accordion-button {
		flex-direction: column;
		align-items: start;
	}


	.b-pusomerki-i {
		flex-direction: row;
		width: 85px;
		height: 50px;
		font-size: 14px;
	}
	
	.b-pusomerki-i span{
		margin: 0px 0px 0px 6px;
	}
	
	.page-genres .accordion-button{
	    flex-direction: row;
		align-items: start;
		border-radius: 0px !important;
		overflow: auto;
		    padding: 10px 10px !important;
	}
	
	.accordion-button:not(.collapsed) {
		border-radius: 0px !important;
	}
	
	.accordion-button(.collapsed) {
		border-radius: 0px !important;
		background: white;
		color: black;
	}
	
	
	.accordion-header(.collapsed){
		padding: 0px 0px;
	}
	
	.accordion-item .accordion-header {
		overflow: auto;
	}
	
	.accordion-button::after {
		top: calc(50% - 8px);
		position: absolute;
		right: 15px;
	}
	
	.b-filters .b-section__nav{
		margin: 0px 0px 20px;
		background: #ffffff;
		padding: 0px 0px;
	}
	
	.b-filters .b-section__nav ul li a {
		color: black;
	}
	
	.b-filters .b-section__nav ul li a.active {
		color: white;
		background: #8170f2;
		border-bottom: 0px solid #8573f3;
	}
	
	.b-filters .b-section__nav ul li:nth-child(1) {
		margin-left: 0px;
	}
	
	.m-b-tab .b-book__btns {
		display: flex;
		background: #000000;
		padding: 5px 5px;
		border-radius: 10px;
		width: calc(100% - 20px);
		justify-content: space-between;
	}
	
	.b-comment__user-name {
		flex-direction: column;
		align-items: self-start;
	}
	
	.page-view .card-litsovet .b-collection{
		flex-direction: column;
	}
	
	.page-view .card-litsovet .b-collection .b-collection__left {
		width: 100%;
	}
	
	.page-books-item .b-book__desc {
		margin: 20px 0 15px 0;
		height: fit-content;
	}

	.page-books-item .b-book_statinf{
		display: none;
	}
	
	.page-books-item .b-book__desc-tags{
		display: none;
	}
	
	.mobile-show{
		display: block;
	}

	.page-books-item .book-haracter li {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	
	.page-books-item .book-haracter li span{
		width: 45%;
		flex-shrink: 0;
	}
	
	.page-books-item .book-haracter li div{
		display: flex;
		width: fit-content;
		flex-wrap: wrap-reverse;
		text-align: right;
		align-items: flex-start;
		justify-content: flex-end;
	}
	
	.b-alphabet__list .tags-column {
		width: 100%;
		padding: 10px 15px;
	}
	
	.b-alphabet__list .tags-column-ll {
		width: 100%;
		padding: 0px 0px;
		margin: 0px 0px 10px;
	}
	
	.b-alphabet a {
		padding: 3px 10px;
		width: 24px;
	}
	
	.b-filters {
		padding: 5px 15px;
	}	
	
	.slid-main .b-item__row {
		padding: 0px 10px !important;
	}

	.tseo-cat-btn{
		display: none!important;
	}

	.tseo-cat{
		display: none!important;
	}

	.swiper-wrapper .card-book{
		padding: 0px 0px  !important;;
	}


	.b-filters__left-nav ul.nav{
		width: 100%;
		overflow: auto;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;	
	}

	.b-filters__left-nav ul.nav li a{
		align-items: center;
		display: flex;
	}

	.b-filters__left-nav ul.nav li a span{
		align-items: center;
		display: flex;
	}

	.page-books-item .b-book {
		overflow: hidden;
	}

	.add-comment .item__bottom {
		flex-direction: row !important;
	}

	.add-comment .item__bottom button span{
		display: none;
	}

	.view-row .card-book{
		flex-direction: column;
		flex: 0 0 50%;
		padding: 0px 5px !important;
	}
	
	.view-row .card-book .b-item__top {
		width: 100% !important;
	}
	
	.view-row .b-item__col .b-item .b-item__top {
		width: auto !important; 
	}
	
	.view-row .card-book .b-item__image img {
		height: auto !important;
	}
	
	.view-row .card-book .b-item__container-left {
		padding: 10px 10px 10px;
	}
	
	.view-row .card-book .bottom-item-card-row {
		margin: 10px 0px 0px;
	}

	.view-row .card-book .b-item__container-left .b-item__name {
		margin: 5px 0 10px 0;
		max-height: 18px;
	}
	
	.view-row .card-book .b-item__container-tags{
		display: none;
	}
	
	.view-row .card-book .bottom-ica {
		font-size: 10px;
		font-weight: 600;
		height: 30px;
		padding: 0px 5px;
	}
	
	.view-row .card-book .bottom-item-card-left .btc-views{
		display: none;
	}
	
	.view-row .card-book .bottom-item-card-left .btc-pages{
		display: none;
	}
	
	.view-row .card-book .bottom-item-card-left .btc-fav{
		display: none;
	}
	
	.view-row .card-book .bottom-item-card-left .btc-comment{
		display: none;
	}
	

	.reader-page .b-footer{
		display: none;
	}
	.reader-page .b-footer__copyright{
		display: none;	
	}
	.b-reader__body h1{
		font-size: 21px;
	}
	
	.reader-page .b-reader__top{
		display: none;		
	}
	
	.reader-page .b-content__wrap{
		margin: 0px;
	}
	
	.reader-page .b-content__center{
		margin: 0px;
	}
	
	.reader-page .b-reader__body {
		margin: 5px 0px 0px 0px;
		overflow: hidden;
		padding: 15px 0px 0px;
	}
	
	.reader-page .b-breadcrumbs{
		display: none;
	}
	
	.page-main .b-content__section-title {
		margin: 0 10px 0 5px;
	}

	
	.swiper-wrapper .card-book {
		max-width: 50%;
		padding: 0px 0px !important;
	}
	
	.b-item__row .swiper-wrapper {
		padding: 0 0px;
		align-content: flex-start;
	}
	
	.swiper-wrapper .card-book .b-item__image {
		height: auto !important;
	}
	
	.view-row .b-item__col .b-item {
		flex-direction: column;
	}
	.view-row .b-cycle__top {
		height: 150px;
	}
	
	.view-row .b-cycle__image {
    width: 100%;
	}
	
	.view-row .b-cycle__image img{
		width: 100%;
	}
	
	.view-row .b-cycle__info {
		padding: 25px 15px 15px;
		width: 100%;
	}
	
	.view-row .news-bodys {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	
	.view-row .b-user__article-img {
		width: 100%;
		height: 135px;
	}
	
	.view-row  .b-user__article-img img {
		max-width: 100%;
		height: auto;
		object-fit: cover;
	}
	
	.view-row .b-best {
		flex-direction: column;
		display: flex;
	}

	.page-books-item .b-book__left {
		margin: 0px 0px 0px 0px;
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.view-column .card-book .b-item__image {
		height: 285px;
	}
	
	.view-column  .card-book .b-item__image img {
		height: auto;
	}
	
	.b-statistics__reader {
		width: 100%;
	}
	
	.pc-none{
		display: flex;
	}
	
	.b-user__dropdown-nav ul.pc-none{
		display: block;
	}
	
	.bdrop-umenu {
    right: -2px;
    width: 100%;
    top: 65px;
    padding: 35px 20px;
	}
	
	.b-statistics {
		overflow: auto;
		flex-direction: column;
	}
	
	.b-statistics__rating {
		width: 100%;
		margin: 40px 0px 25px;
	}

	.b-modal .btn-close {
		position: absolute;
		top: 0;
		right: 0;
		background: black;
		border-radius: 0px 13px 0px 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 36px;
		height: 36px;
		opacity: 1;
		color: #FFFFFF;
		font-size: 14px;
	}
	
	.b-user__top-h {
		flex-direction: column;
		margin: -150px 0px 0px 0px;
		align-items: center;
		padding: 0px 0px;
	}
	
	.b-breadcrumbs ul li a {
		padding: 5px 5px;
	}
	
	
	.b-dr-min {
		left: 0 !important;
	}
	
	.head-mega {
		background: white;
	}
	
	.b-footer__content .row > div:first-child img{
		display:none;
	}
	
	
	.b-slider__item-left {
		height: 250px;
	}
	
	.b-products{
		display:none;
	}
	
	
	.b-dr-min {
		width: 100% !important;
	}
	
	.b-promo .b-section__text {
		justify-content: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 30px;
	}
	
	.b-promo .b-section .b-title {
		margin: 0 auto 55px;
		width: auto;
		padding: 30px;
	}
	
	.b-content {
		padding: 0px 0 0 0;
	}

	.b-breadcrumbs {
		margin: 0px 0 0px 0;
		background: #8774f3;
	}
	
	.b-content {
		padding: 0px 0 0 0;
	}
	
	.b-breadcrumbs ul{
		margin: 0px;
	}
	
	.b-breadcrumbs ul li {
		width: auto;
	}
	
	.mobile-only{
		display: block;
	}
	
	.head-mega{
		display: flex;
		flex-direction: column;
	}
	
	.head-mega > li{
		width: 100%;
	}
	
	.head-mega > li > a{
		justify-content: space-between;
	}
	
	.head-mega .b-menu__dropdown > ul {
		align-items: start;
		flex-direction: column;
	}
	
	.head-mega .b-menu__dropdown > ul > li {
		width: 100%;
		justify-content: space-around;
	}
	
	.head-mega .b-menu__dropdown > ul > li > .b-menu__dropdown{
		display: block;
	}
	
	.head-mega .genres-dr .b-menu__dropdown > .genres-dr-left {
		display: flex;
		width: 100%;
		/* align-items: center; */
		/* align-content: center; */
		flex-direction: column;
		background: transparent;
		height: auto;
		overflow: auto;
	}
	
	.head-mega .genres-dr .b-menu__dropdown > .genres-dr-left > li > .genres-dr-one {
		position: auto;
		width: 100%;
		left: 0;
		top: 0;
		height: auto;
	}
	
	.mobile-hide{
		display: none;
	}
	
	.b-menu__block-title{
		display: block;
		padding: 0px 0px;
		margin: 20px 0px 10px;
		font-size: 18px;
	}

	.b-menu__dropdown-back{
		display: flex;
		width: 100%;
		margin: 20px 0px 0px;
		padding: 10px 0px;
		align-items: center;
		justify-content: flex-start;
		font-size: 14px !important;
		font-weight: 700 !important;
	}

	.b-menu .icon-arrow-right{
		display: block;
	}
	
	.more-b-btn .b-btn-more{
		display: block;	
	}
	
	.more-button-block {
		display: none;
		flex-direction: column;
		position: absolute;
		z-index: 1;
		width: 100%;
	}
	
	.b-book__btns .btn_b span{
		display: block;
	}
	
	.b-slider__item-img {
		position: relative;
		z-index: 2;
		width: 100%;
		height: 200px;
		margin: -215px 0px 0px 0px;
	}

	.page-main .b-section__nav {
		margin: 15px 0px 20px !important;
	}
	
	.b-book__th {
		flex-direction: column;
		width: 100%;
	}
	
	.log-in-menu{
		overflow: hidden;
		display: none;
	}
	
	.share-block {
		display: none;
	}
	
	.container__callback{
		display: none !important;
	}
	
	.mini-chat{
		display: none;
	}
	
	.b-filters__views{
		display: none !important;
	}
	
	.b-filters-tops {
		
	}
	
	.mix .b-filters-tops {
		flex-direction: row;
	}
	
	.u-table{
		display: none;
	}
	
	.page-users .b-popular-author__item li:nth-child(1) {
	position: absolute;
    top: 40px;
    display: flex;
    justify-content: center;
    background: white;
    z-index: 1;
    font-size: 10px;
    padding: 2px 0px;
    max-width: max-content;
    border-radius: 15px;
    font-weight: 500;
	}
	
	.b-content_user .b-content__center {
		overflow: hidden;
		margin: 0px;
	}
	
	.b-user__ac-btn {
    justify-content: center;
	}
	
	.user__row {
		margin: 0px;
	}
	
	.notice-container-wrap {
		overflow: hidden;
	}
	
	.b-page-head {
		padding: 25px 15px 0px;
		width: 100%;
	}
	
	.b-page-text {
		padding: 0px 15px 30px;
	}
	
	.b-page-head .bottom-item-card-row {
		margin-bottom: 10px;
		flex-direction: column;
	}
	.b-page-title h1{
		font-size: 24px;
	}
	
	.page-main .b-content__section-title {
		font-size: 18px;
	}
	
	
	.b-page-head .bottom-item-card-row .bottom-item-card-right {
		margin-top: 10px;
	}
	
	
	.b-page-bottom {
		width: 100%;
		padding: 0px 15px 0px;
	}
	
	.page-users .b-popular-author__item li:nth-child(2) {
		min-width: 100%;
		width: auto;
		justify-content: left;
	}
	
	.open-filer .b-aside{
		display: block !important;
		background: #201f1f3b;
		width: 100%;
		height: 100%;
		position: absolute;
		margin: -30px 0px 0px 0px;
		z-index: 99;
		display: flex;
		justify-content: center;
	}
	
	.open-filer .filter-block {
		position: fixed;
		z-index: 99;
		height: 60%;
		bottom: 0;
		width: 100%;
		justify-content: center;
		display: flex;
	}
	
	.filter-body {
		padding: 25px;
		background: white;
		width: calc(100% - 20px);
		border-radius: 20px 20px 0px 0px;
		overflow: auto;
	}
	
	.b-discussions{
		display: none !important;
	}
	
	.b-footer__block {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	.b-footer__block  img {
		width: fit-content;
		display: flex;
	}
	
	.b-footer__apps-row {
		justify-content: center !important;
	}
	
	.b-footer__item-nav ul li {
		margin: 0 0 10px 0;
	}
	
	.page-books .searching-filter{
		display: none !important;
	}
	
	.b-header__settings{
		display: none !important;
	}
	
	.search-btn{
		display: none !important;
	}
	
	.b-header__content-right .b-header__user{
		display: none !important;
	}
	
	.b-header__settings{
		display: none !important;
	}
	
	.b-content__center {
		padding: 0px !important;
	}
	
	.b-footer__social ul {
		justify-content: center;
	}
	 
	.b-content__wrap {
		flex-wrap: wrap;
		margin: 0px;
	}

	.b-breadcrumbs {
		margin: 10px 0 0px 0;
		background: #eeeeee;
	}


	.b-user {
		display: flex;
		align-items: center;
		padding: 0px 0px 0 0px;
		flex-direction: column;
		margin: 0px 0px 15px 0px;
	}
	
	.b-header__user {
		border: 0px solid white;
		border-radius: 0px;
	}


	.b-user .b-book__items {
		margin: 0px 0px 0px;
		background: #ffffff00;
		width: 100%;
		display: flex;
		justify-content: space-between;
		right: 0;
		bottom: 0;
	}
	
	.b-user__image .b-book__items a {
		width: 100px;
	}

	.add-comment .item__bottom {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	.page-books-item .b-book {
		background: #e5f2ff;
		position: relative;
		padding: 25px 15px 5px;
	}

	.new-un {
		flex-direction: column;
	}
	
	.b-book__btns .btn_b {
		padding: 10px 15px;
	}

	.add-comment .item__bottom .item__btns {
		margin-left: 0px;
	}

	.rates-item {
		margin: 0px 20px 0px 0px;
	}

	.b-dropdown-select__menu:before{
		content: '';
		position: fixed;
		background: #00000078;
		width: 100%;
		height: 100%;
		top: 0px;
		bottom: 0;
		z-index: -1;
	}

	.b-user__image {
	    height: 215px;
		border-radius: 0px;
		overflow: auto;
	}
	
	.view-column .card-book {
		max-width: 50% !important;
		width: 50% !important;
		padding: 0px 7.5px;
	}
	
	.view-row .card-book .b-item__container-text {
		display: none;
	}
	
	.view-row .card-book .b-item__container-titles{
			display: none;
	}

	.card-book{
		width: 50% !important;
		max-width: 205px;
	}
	
	.card-blog{
		flex: 0 0 100% !important;
	}

	.card-selfs{
		flex: 0 0 100% !important;
	}
	
	.card-author{
		width: 100%;
	}


	.b-book__left .b-item__top {
		width: 190px;
		margin: 0px;
	}

	.b-book__right {
		padding: 10px 10px 5px;
		position: relative;
	}

	.b-book__desc-tags {
		margin: 0px 0px 0px;
		overflow: auto;
		flex-wrap: nowrap;
		padding: 0px 0px 5px;
	}
	
	.b-content__section {
		margin: 0px 0 15px 0;
	}

	.page-books-item .book-haracter li {
		width: 100%;
		padding: 0px 0px 5px;
	}

	.b-breadcrumbs ul li a {
		font-weight: 500;
		max-width: none;
	}

	.b-breadcrumbs ul {
		display: flex;
		padding: 8px !important;
		margin: 0px 0px 10px 0px;
		background: white;
	}

	.page-books-item .b-item__image img {
		height: auto !important;
	}

	.b-book__items-block {
		padding: 15px 5px;
	}

	.b-section__nav ul li a.active {
		color: black;
		background: white;
		box-shadow: 0px 0px 0px rgb(0 0 0 / 10%);
		border-bottom: 0px solid #8573f3;
	}

	.b-section__nav ul li {
		margin: 0px;
		border: 0px solid;
	}

	.b-section__nav {
		margin: -10px 0px 20px;
		background: #8774f3;
		padding: 0px 0px;
	}
	
	.b-book__buy {
		width: fit-content;
	}
	
	.b-book__read {
		width: fit-content;
	}
	
	.b-book__download {
		width: fit-content;
	}

	.page-user .b-section__nav {
		margin: -15px -15px 0px;
		background: #8774f3;
		padding: 0px 0px;
	}
	
	.add-comment .item_user .item__user{
		display: none;
	}

	.b-section__nav ul li a {
		font-size: 14px;
		padding: 10px 10px;
		border-radius: 15px;
		color: white;
		border: 0px;
	}
	
	.b-section__nav ul li:nth-child(1){
		margin-left: 25px;
	}
	
	.b-section__nav ul li:last-child{
		margin-right: 25px;
	}
	
	.book_nav{
		padding: 5px 0px;
		background: currentColor;
	}

	.b-book__items {
		overflow: auto;
		margin: 0px 0px -5px;
		background: #eeeeee;
		padding: 0px 0px 10px;
	}

	.rate-book {
		background: orange;
		padding: 9px 10px;
		margin: 9-26px 0px 0px 0px;
		color: white;
		font-weight: 600;
		border-radius: 7px;
		overflow: hidden;
	}

	.user-tab-content{
		display: flex;
		flex-direction: column-reverse;
	}

	.user-p-left {
		width: 100%;
		margin-right: 0px;
	}

	.b-user__right {
		padding: 25px 0 25px;
		justify-content: center;
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.view-column .b-item_collection {
		flex: 0 0 100%;
	}

	.card-cycle{
		width: 100%;
	}

	.b-cycle__top {
		height: auto;
		overflow: hidden;
	}

	.user-p-right {
		width: 100%;
	}

	.b-user__right-desc {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		margin: 5px 0 25px 0;
	}

	.b-user__left {
		margin: 0px 0px 0px;
		width: 165px;
	}

	.b-user__image img {
		filter: blur(1px);
	}

	.b-user__left-img {
		width: 155px;
		height: 155px;
		border-radius: 100%;
		position: relative;
		margin: 0 auto 0px;
	}

	.items-i-rate{
	
	}

	.items-i-jenre{
		display: none;
	}

	.items-i-gift{
		display: none;
	}

	.items-i-subs{

	}

	.page-user .b-filters{
		padding: 15px 15px 0px;
	}

	.user-p-right .b-statistics {
		flex-direction: column;
	}


	.b-user__left-bottom {
		padding: 135px 0 10px 0;
		display: flex;
		position: absolute;
		width: 180px;
		left: 0px;
		flex-direction: column;
	}


	.m-b-tab{
		display: flex;
		color: white;
		z-index: 99;
		align-items: center;
		align-content: center;
		justify-content: center;
		width: 100%;
		margin: 0px auto 20px;
	}

	.m-b-tab .active-b{
		background: #ffffff52;
	}

	.m-b-tab ul{
		width: 100%;
		padding: 0px;
		position: relative;
		display: flex;	
		width: calc(100% - 20px);
		border-radius: 10px;
		background: black;
	}

	.m-b-tab ul li{
		display: flex;
		justify-content: center;
		width: 25%;
		align-items: center;
		align-content: center;
		text-align: center;
		height: auto;	
	}

	.m-b-tab ul li a{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 65px;
		color: unset;	
	}

	.m-b-tab ul li a img{
		width: 20px;
		height: 20px;
		border-radius: 30px;
		border: 2px solid white;	
	}

	.m-b-tab ul li a i{
		font-size: 18px;	
	}

	.m-b-tab ul li a span{
		text-transform: lowercase;
		font-size: 12px;
		font-weight: 600;
		margin: 0px 0px 0px;	
	}

	.b-edit__top-row {
		flex-direction: column;
	}

	.b-edit__images-row {
		overflow: scroll;
		width: 100%;
	}

	.b-input__row.d-flex .b-input__item {
		width: 100%;
	}

	.b-loaded__container {
		flex-direction: column;
	}

	.b-action__content-btns {
		flex-direction: row;
		justify-content: space-between !important;
		padding: 0px 65px;
	}


	.bdrop-notify{
		width: 100%;
		right: 0px;
		top: 60px;
	}
	
	.bdrop-sms{
		right: 0px;
		top: 60px;
		width: 100%;
	}

	.body-overflow .log-in-menu ul {
		display: flex;
		flex-direction: column;
		background: #ffffff;
	}

	.b-alphabet__list > ul > li {
		width: 100%;
		margin-bottom: 30px;
	}

	.b-alphabet {
		overflow: auto;
	}

	.genre-list-item {
		width: 100%;
	}

	.genre-list-b {
		overflow: auto;
		width: 100%;
	}

	.b-popular-author__item {
		flex-wrap: wrap;
	}

	.b-compilations__row-rating {
		display: flex;
	}

	.rate-book {
		width: fit-content;
		margin: 0px 10px 0px 0px;
	}

}