/* -------------- b-main -------------- */
.b-top{
	background: url("../images/top-bg.png") center top 40px no-repeat;
	min-height: 1492px;
}
.b-main{
	padding: 132px 0 226px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-title{
	text-align: center;
}
.b-title__item{
	font-style: normal;
	font-weight: 900;
	font-size: 36px;

	color: #7389EF;
	margin: 0 0 12px 0;
}
.b-title span{
	display: block;
	font-weight: 400;
	font-size: 26px;

	color: #FFFFFF;
	margin: 0 0 5px 0;
}
.b-title p{
	font-weight: 400;
	font-size: 21px;
	color: #434343;
}
.b-main .b-title__item{
	margin: 0 0 32px 0;
}
.front-btn{
	width: 242px;
	height: 70px;
	margin: 70px auto 0;
	font-weight: 400;
	font-size: 26px;

}
/* -------------- b-conditions -------------- */
.container_front{
	max-width: 975px;
}
.b-conditions{

}
.b-title_white{

}
.b-title_white span , .b-title_white .b-title__item , .b-title_white p{
	color: #ffffff;
}
.b-conditions .b-title{
	margin: 0 0 50px 0;
}
.b-conditions .b-title__item {
	margin: 0 0 12px 0;
}
.b-conditions__row{
	margin-left: -4px;
	margin-right: -4px;
}
.b-conditions__row > div{
	padding-right: 4px;
	padding-left: 4px;
}
.b-conditions__item{
	min-height: 230px;
	height: 100%;
	background: #FFFFFF;
	border: 2px solid #71AAFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
	border-radius: 22px;
	padding: 5px 25px 25px 27px;
	display: flex;
	align-items: flex-end;
}
.b-conditions__item_first{
	background: #ffffff url("../images/conditions-bg.svg") top 15px right 10px no-repeat;
}
.b-conditions__item-text{

}
.b-conditions__item-text p{
	font-weight: 700;
	font-size: 22px;


	color: #7576ED;
}
.b-conditions__item-text p span{
	font-weight: 400;
}
.b-conditions__item_last{
	text-align: right;
	padding: 5px 15px 25px 5px;
	justify-content: flex-end;
}

/* -------------- b-conditions -------------- */
.b-capabilities{
	padding: 90px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-capabilities .b-title{
	margin: 0 0 60px 0;
}
.b-capabilities__top{
	margin-right: -16px;
	margin-left: -16px;
	justify-content: center;
}
.b-capabilities__top > div{
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 40px;
}
.b-capabilities__item{
	height: 100%;
	min-height: 230px;
	display: flex;
	align-items: flex-end;
	background: #FFFFFF;
	border: 2px solid #B5B5B5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
	border-radius: 22px;
	padding: 0 15px 25px 15px;
}
.b-capabilities__item-text{

}
.b-capabilities__item-text p{
	font-weight: normal;
	font-size: 24px;

	color: #7576ED;
}
.b-capabilities__item_red{
	background: #E33D3D;
	border: 2px solid #71AAFF;
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
}
.b-capabilities__item_red .b-capabilities__item-text p{
	color: #ffffff;
}
.b-capabilities__item_blue{
	background: linear-gradient(149.44deg, #7389EF 13.73%, #7575ED 85.87%);
	border: 2px solid #71AAFF;
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
}
.b-capabilities__item_blue .b-capabilities__item-text p{
	color: #ffffff;
}
.b-capabilities__item_yellow{
	background: #FF9900;
	border: 2px solid #71AAFF;
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
}
.b-capabilities__item_yellow .b-capabilities__item-text p{
	color: #ffffff;
}
.b-capabilities__item_border{
	border-color: #71AAFF;
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
}

/* -------------- b-pAuthors -------------- */
.b-pAuthors{
	padding: 250px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url("../images/pa-bg.png") center top no-repeat;
	min-height: 930px;
}
.b-pAuthors > .container > .row > div{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.b-pAuthors__left{
	width: 622px;
	flex-shrink: 0;
}
.b-pAuthors__left .b-title{
	text-align: left;
	margin: 0 0 50px 0;
}
.b-pAuthors__left .b-title__item{
	font-weight: 700;
	margin: 0 0 20px 0;
}
.b-pAuthors__row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 80px 0;
}
.b-pAuthors__row-item{
	margin: 0 43px 0 0;
}
.b-pAuthors__row-item:last-child{
	margin-right: 0px;
}
.b-pAuthors__row-item p b{
	display: block;
	font-weight: bold;
	font-size: 32px;
}
.b-pAuthors__row-item p{
	font-weight: 400;
	font-size: 21px;


	color: #FFFFFF;
}
.b-pAuthors__left .front-btn{
	margin: 0;
}
.b-pAuthors__right{
	flex-grow: 1;
	position: relative;
}
.b-pAuthors__right-block{
	width: 150px;
	height: 150px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 100%;
	overflow: hidden;
	border: 4px solid #FFFFFF;
	filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.2));
	position: absolute;
	opacity: 0;
}
.b-pAuthors__right-block:first-child{
	top: 10px;
	left: 125px;
	opacity: 1;
}
.b-pAuthors__right-block:nth-child(2){
	opacity: 1;
	top: 180px;
	left: -20px;
}
.b-pAuthors__right-block:nth-child(3){
	opacity: 1;
	top: 250px;
	right: -40px;
}
.b-pAuthors__right-block:nth-child(4){
	opacity: 1;
	top: 370px;
	left: -170px;
}
.b-pAuthors__right-block:nth-child(5){
	opacity: 1;
	top: 450px;
	left: 30px;
}
.b-pAuthors__left .front-btn{
	display: none;
}
.b-pAuthors__xs{
	display: none;
}
/* -------------- b-section -------------- */
.b-section{
	padding: 120px 0 100px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-section .b-title{
	margin: 0 0 40px 0;
}
.b-section .b-title__item{
	color: #504093;
}
.b-section__nav{
	margin: 0 0 20px 0;
}
.b-section__nav ul{
	display: flex;
	justify-content: center;
	align-content: flex-start;
}
.b-section__nav_left ul{
	justify-content: flex-start;
}
.b-section__nav ul li{
	margin: 0 0px 0 0;
}
.b-section__nav ul li:last-child{
	margin-right: 0px;
}
.b-section__nav ul li a {
    background: #FFFFFF;
    border: 0px solid #FFFFFF;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
    border-radius: 0px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9A9A9A;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    text-decoration: none;
    transition: 0.3s;
    height: 36px;
}
.b-section__nav ul li a i{
	font-size: 14px;
	margin: 0 0px 0 0;
}
.b-section__nav_background ul li a{
	background: none;
	border-bottom: 4px solid transparent;
	box-shadow: none;
}
.b-section__nav_background ul li a .n{
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	padding: 2px 6px;
	border-radius: 22px;
	margin: 0 0 0 6px;
}
.b-section__nav_background ul li a .icon-check{
	display: none;
}
.b-section__nav_background ul li a.completed .icon-check{
	color: #00D622;
	display: block;
}
.b-section__nav ul li a:hover{
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
	transition: 0.3s;
	color: #373737;
	border-bottom: 4px solid transparent;
}
.b-section__nav ul li a.active{
	color: #8573f3;
	background: white;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-bottom: 4px solid #8573f3;
}
.container_items{
	max-width: 1084px;
}
/* -------------- b-partners -------------- */
.b-partners{
	padding: 100px 0 130px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-partners__content{
	display: flex;
	justify-content: center;
	align-content: flex-start;
}
.b-partners__content-left{
	padding: 0 15px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-partners__content-left ul{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	max-width: 500px;
}
.b-partners__content-left ul li{
	margin: 0 58px 45px 0;
}
.b-partners__content-left ul li:nth-child(2n){
	margin-top: -40px;
	margin-right: 0px;
}
.b-partners__content-left ul li:nth-child(3){
	margin-left: 58px;
	margin-right: 80px;
	margin-bottom: 55px;
}
.b-partners__content-left ul li:nth-child(5){
	margin-right: 146px;
}
.b-partners__content-left ul li a{
	background: #FFFFFF;
	border: 2px solid #71AAFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
	border-radius: 7px;
	font-weight: 700;
	font-size: 18px;

	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;

	padding: 12px;
	width: 175px;
	height: 75px;
}
.b-partners__content-right{
	width: 492px;
	flex-shrink: 0;
}
.b-partners__content-right .b-title{
	text-align: right;
	margin: 0 0 65px 0;
}
.b-partners__content-right .b-title__item{
	color: #463A3A;
}
.b-partners__content-row{
	display: flex;
	justify-content: flex-end;
}
.b-partners__content-row .front-btn{
	margin: 0;
}


/* -------------- b-content -------------- */
.b-content{
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}
.b-content__wrap{
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	transition: 0.3s;
	margin: 15px 0px 0px 0px;
}
/* -------------- b-aside -------------- */
.b-aside{
	background: #fff;
	width: 280px;
	flex-shrink: 0;
	margin: 0 15px 0 0;
	padding: 0px 0 0px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-aside__nav{
/*	padding: 0 15px 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 40px 0;*/
}
.b-aside__title {
    font-weight: 800;
    font-size: 16px;
    color: #797979;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
}
.b-aside__nav ul{
	padding: 0px 0px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-aside__nav ul li{

}
.b-aside__nav ul li a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600;
	font-size: 14px;
	color: gray;
	padding: 12px 10px 12px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	position: relative;
	border-left: 5px solid transparent;
}
.b-aside__nav ul li a:hover {
	background-color: #efefef;
	border-color: #8b76f3;
}
.b-aside__nav ul li a.active {
	background-color: #efefef;
	border-color: #8b76f3;
}
.b-aside__nav ul li a i{
	margin: 0 10px 0 0;
	color: gray;
	font-size: 18px;
}
.b-aside__nav ul li a:after{
	content: "\e923";
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-size: 12px;
	color: gray;
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.b-aside__views{
	padding: 15px 0px 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 0px 0px;
    background-color: #efefef;
    color: gray;
}
.b-aside__view{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
b-aside__view:last-child{
	margin-bottom: 0px;
}
.b-aside__views .b-aside__title {
	color: inherit;
}

.b-aside__view-name{
	font-weight: 600;
	font-size: 14px;
	color: inherit;
}

.b-aside__settings{
padding: 0px 15px;
}
.b-aside__view-ico{
	background: #ffffff;
	box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
	border-radius: 33px;
	width: 42px;
	height: 10px;
	position: relative;
	cursor: pointer;
}
.b-aside__view-ico:after{
	position: absolute;
	top: -5px;
	left: 0;
	content: "";
	border-radius: 100%;
	background: #9A9A9A;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	width: 20px;
	height: 20px;
	transition: 0.3s;
}
.b-aside__view.active .b-aside__view-ico:after{
	left: 51%;
	transition: 0.3s;
	background: #8573f3;
}
.b-aside__block{

}
.b-aside__block .b-aside__title {
	margin: 0px 0px 0px;
}

.b-aside__block-img{
	padding: 0 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	justify-content: center;
    display: flex;
}


/* -------------- b-content__center -------------- */
.b-content__center{
	flex-grow: 1;
	1padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	1background: #ffffff;
	width: 60%;
	padding-right: 15px;
}
.b-content__block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: #5c5a5a;
    /* border-radius: 15px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 15px 0;
}
.b-content__block-text{
	text-align: right;
}
.b-content__block-text p{
	color: #ffffff;
	font-size: 16px;

	font-weight: 400;
}
.b-content__block-text p b{
	font-weight: 700;
	font-size: 24px;

}
.b-content__block-img{
	width: 160px;
	flex-shrink: 0;
	margin: 0 0 0 36px;
}
.b-content__block-btns{
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}
.b-content__block-btn{
	width: 110px;
	height: 36px;
	background: #FFFFFF;
	border-radius: 29px;
	margin: 0 12px 0 0;
	font-size: 16px;

	color: #4E4E4E;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
.b-content__block-btn:last-child{
	margin-right: 0px;
}

.b-content__section{
	margin: 0 0 15px 0;
	1padding: 15px;
    1background: white;
}

.b-content__section-h{
	padding: 25px 15px 10px;
    background: white;
}

.b-content__section-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0 15px 0;
}
.b-content__section-title{
	font-weight: 800;
	font-size: 26px;

	color: #373737;
}
.b-content__section-nav ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-content__section-nav ul li{
	margin: 0 7px 0 0;
}
.b-content__section-nav ul li:last-child{
	margin-right: 0;
}
.b-content__section-nav ul li a{
	border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 10%);
    color: #787878;
    font-size: 16px;
    text-decoration: none;
    padding: 10px;
    border: 1px solid transparent;
}
.b-content__section-top_left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-popular-author__row{
	width: 100%;
}

.b-popular-author__row-col{
	width: 33%;
    margin: 0px 0px 10px;
	padding-right: calc(var(--bs-gutter-x)/ 2);
}
.b-popular-author__row-col_6{
	width: 50%;
}
.b-popular-author__item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	padding: 0px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-popular-author__item-img{
	flex-shrink: 0;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    margin: 0 10px 0 0;
    position: relative;
}
.b-popular-author__item-img img{
	border-radius: 100%;
}
.b-popular-author__item-label{
	background: aliceblue;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #8573f3;
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px;
}
.b-popular-author__item-status{
	position: absolute;
    bottom: 0px;
    right: 2px;
    background: #00D622;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 22px;
    padding: 5px;
}
.b-popular-author__item-text {
    max-width: 190px;
}
.b-popular-author__item-name{
	font-weight: 700;
    font-size: 14px;
    color: #373737;
    margin: 0 0 0px 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.b-popular-author__item-desc{
	font-weight: normal;
	font-size: 14px;


	color: #565656;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* -------------- b-action -------------- */
.b-action {
    border: 1px dashed #cbcbcb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    padding: 50px 15px;
    margin: 15px 0;
    transition: 0.3s;
    background: white;
}
.b-action:hover{
	border: 1px solid #cbcbcb;
	transition: 0.3s;
}
.b-action_item{
	margin: 0;
}
.b-action_m15{
	margin: 15px 0;
}
.b-action__img{
	width: 120px;
    height: 120px;
    margin: 0px auto 20px;
}
.b-action__img img{
	margin: 0 auto 0;
}
.b-action__content{
	text-align: center;
    margin: 0 auto 0px;
    width: 60%;
}
.b-action__content b{
	display: block;
    font-weight: 800;
    font-size: 18px;
    text-align: center;
    color: #8573f3;
    margin: 0 0 5px 0;
}
.b-action__content p{
	font-weight: 500;
	font-size: 14px;
	color: #565656;
}
.b-action__content-btns{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0px 0px;
}
.b-action__button{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 15px 0 0;
	font-weight: 600;
	font-size: 14px;
}
.b-action__button i{
	margin: 0 6px 0 0;
	color: #ffffff;
	font-size: 14px;
}
/* -------------- b-popular-genres -------------- */
.b-popular-genres{

}
.b-popular-genres__item{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 85px;
	height: 270px;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
	border-radius: 7px;
	padding: 15px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin: 15px 5px;
}
.b-popular-genres__item-link{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.b-popular-genres__item-text{
	writing-mode: tb-rl;
	transform: rotate(180deg);
	text-align: left;
	font-weight: 800;
}
.b-popular-genres__item-text p{
	font-size: 16px;
	font-weight: inherit;
}
.b-popular-genres__item-img{
	width: 55px;
	height: 55px;
	border-radius: 100%;
	flex-shrink: 0;
	transform: rotate(-90deg);
	margin: 0 0 20px 0;
}
/* -------------- b-text -------------- */
.b-text {
    margin: 15px 0;
    padding: 15px;
    background: white;
}
.b-text__title{
	display: block;
	font-weight: 800;
	font-size: 26px;

	color: #373737;
	margin: 0 0 20px 0;
}
.b-text p{
	font-weight: 500;
	font-size: 14px;

	color: #565656;
}
.read-more{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600;
	font-size: 14px;

	color: #423f3f;
	margin: 10px 0 0 0;
}
.read-more:after{
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e90c";
	font-size: 10px;
	color: #8573f3;
	margin: 0 0 0 10px;
}
/* -------------- b-text -------------- */
.b-discussions{
	width: 280px;
	background: #ffffff;
	flex-shrink: 0;
	padding: 25px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
body.big-container .b-discussions{
	display: block;
}
.b-discussions__title{
	padding:15px;
	margin: 0px 0px 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-discussions__title i{
	font-size: 20px;
	color: #8573f3;
	margin: 0 11px 0 0;
}
.b-discussions__title span{
	font-weight: 600;
	font-size: 18px;

	color: #8573f3;
}

.b-discussions__item{
	padding: 15px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0px 0;
    position: relative;
}

.b-discussions__item:hover{
	background: #eeeeee;
}

.b-discussions__item-author{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 10px 0;
}
.b-discussions__item-img{
	width: 36px;
	height: 36px;
	border-radius: 100%;
	flex-shrink: 0;
	margin: 0 5px 0 0;
	overflow: hidden;
}
.b-discussions__item-text{

}
.b-discussions__item-name{
	font-weight: 700;
	font-size: 12px;
	color: #373737;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0 0 0px 0;
}
.b-discussions__item-desc{
	font-weight: 400;
	font-size: 12px;

	color: #565656;
}
.b-discussions__item-content {

}
.b-discussions__item-content b{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 800;
	font-size: 14px;

	color: #373737;
	margin: 0 0 5px 0;
}
.b-discussions__item-content p{
	font-weight: 400;
	font-size: 14px;

	color: #565656;
}
.b-content__section_m15{
	margin: 15px 0;
}
.b-pagination{
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 0px;
    background: white;
        padding: 25px 0px;
}
.b-pagination_m45{
	margin: 45px 0;
}
.b-pagination__btn {
    background: #FFFFFF;
    border: 1.5px solid #cbcbcb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    padding: 8px 15px;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #565656;
    text-decoration: none;
}
.b-pagination__btn:hover{
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
	transition: 0.3s;
	color: #565656;
	text-decoration: none;
	border: 1.5px solid #776AF1;
}
.b-pagination ul{
	display: flex;
	justify-content: center;
	align-content: flex-start;
	margin: 0 5px;
}
.b-pagination ul li{
	margin: 0 5px 0 0;
}
.b-pagination ul li:last-child{
	margin-right: 0px;
}
.b-pagination ul li a {
    background: #FFFFFF;
    border: 0px solid #cbcbcb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 14px;
    font-weight: 500;
    font-size: 14px;
    color: #979797;
    text-decoration: none;
    transition: 0.3s;
}
.b-pagination ul li a:hover{
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
	transition: 0.3s;
	text-decoration: none;
	border: 1.5px solid #776AF1;
}
.b-pagination ul li a.active{
	background: #8573f3;
	color: #FFFFFF;
	transition: 0.3s;
}
/* -------------- b-breadcrumbs -------------- */
.b-breadcrumbs{
	margin: 0px 0;
	display: flex;
}
.b-breadcrumbs ul{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    float: left;
    width: 100%;
    background-color: white;
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 15px 0px;
    overflow: auto;
}
.b-breadcrumbs ul li{
	/* height: 20px; */
    /* overflow: hidden; */
    display: flex;
    width: fit-content;
    flex-wrap: nowrap;
    /* max-width: 155px; */
	align-items: center;

}

.b-breadcrumbs ul li.last-childs{

}

.b-breadcrumbs ul li a{
	display: flex;
    /* justify-content: flex-start; */
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    color: #565656;
    text-decoration: none;
    width: max-content;
    padding: 15px 5px 15px 5px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 100%;
	flex-wrap: nowrap;
}


.b-breadcrumbs ul li span{
    width: max-content;
    display: flex;
}

.b-breadcrumbs ul li span span{
    width: max-content;
    display: flex;
}

.b-breadcrumbs ul li a:hover{
	background: #eeeeee;
}

.b-breadcrumbs ul li:first-child:before{
	content: "\f112";
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: -1px 7px 0 0;
	display: none;
}

.b-breadcrumbs ul li:first-child{
	margin: 0px 0px 0px 10px;
}

.b-breadcrumbs ul li:after{
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f112";
	margin: 0 5px;
    font-size: 10px;
    height: 100%;
    display: flex;
}
.b-breadcrumbs ul li:last-child:after{
	display: none;
}
.b-content__section-quantity{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 12px;

	text-align: center;
	color: #000000;
	margin: -5px 0 0 10px;
}
/* -------------- b-filters -------------- */
.b-filters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    margin: 0 0px;
    padding: 15px;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    z-index: 10;
}
.b-filters__left{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 36px;
}

.b-dr-m {
	margin: 0px 0px 0px 5px;
}

.b-filters__left-nav{

}
.b-filters__left-nav ul{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.b-filters__left-nav ul li{
	margin: 0 20px 0 0;
}
.b-filters__left-nav ul li:last-child{
	margin-right: 0px;
}
.b-filters__left-nav ul li a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 500;
	font-size: 14px;

	color: #565656;
	transition: 0.3s;
	text-decoration: none;
}
.b-filters__left-nav ul li a.active{
	color: #000;
	font-weight: 600;
	transition: 0.3s;
}
.b-filters__left-nav ul li a span{
	font-weight: 600;
	padding: 0 0 0 3px;
}
.b-filters__left-block{
	height: 36px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #8573f3;
	background: linear-gradient(135.5deg, #FD68F1 5.27%, #FDAA6E 100%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 30px 0 0 30px;
	padding: 8px 8px 8px 12px;
	flex-shrink: 0;
}
.b-filters__left-block i{
	margin: 0 8px 0 6px;
	color: #ffffff;
	font-size: 10px;
}
.b-filters__left-block span{
	font-weight: 500;
	font-size: 14px;

	text-align: center;
	color: #FFFFFF;
}
.b-filters__left-block span b{
	font-weight: 500;
	font-size: 14px;

	color: #FFFFFF;
	margin: 0 2px 0 0;
}
.b-filters__left-delete{
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px 0 0 10px;
	padding: 6px;
	background: #0000000d;
	border-radius: 15px;
	justify-items: center;
	display: flex;
	justify-content: center;
}

.b-filters__left-delete:hover {
	background: #FFFFFF;
	color: red;
}

.b-filters__left-search{
	width: auto;
	position: relative;
}
.b-filters__left-input{
	background: #EFEFEF;
    width: 10px;
    height: 36px;
    padding: 0 35px 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.b-filters__left-search:after{
	content: "\e927";
}

.b-filters__left-input:focus{
	width: 305px;
	padding: 0 35px 0 35px;
	border: 0px solid !important;
}

.b-filters__left-input:hover{
	border: 0px !important;
}

.b-filters__left-btn{
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	color: #565656;
	font-size: 15px;
}
.b-filters__left-clean{
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	font-size: 12px;
	color: #D60000;
	background: #00000005;
	padding: 6px;
	border-radius: 15px;
	display:none;
}
.b-filters__left-clean:hover {
	background: #FFFFFF;
	color: red;
}


.b-filters__left-select{
	margin: 0 5px 0 0;
}
.b-filters__left-select .selectric{
	border: none;
	background: #ffffff;
}
.b-filters__left-select .selectric .label{
	height: 36px;

	font-weight: 500;
	font-size: 16px;
	color: #9A9A9A;
	margin: 0 40px 0 15px;
}
.b-filters__left-select .selectric .button{
	background: #ffffff;
}
.b-filters__left-select .selectric .button:after{
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e90c";
	border: none;
	font-size: 10px;
	color: #565656;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	right: auto;
	bottom: auto;
	width: auto;
	height: auto;
}
.b-filters__left .b-dropdown-select__top{
	box-shadow: none;
	background: #eeeeee;
}

.b-filters__right{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-dropdown-select{
	margin: 0 0px;
}
.b-dropdown-select:last-child{
	margin-right: 0px;
}
.b-select .selectric{
	background: #FFFFFF;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.b-select .selectric .label{
	height: 36px;

	font-weight: 500;
	font-size: 16px;
	color: #9A9A9A;
	margin: 0 40px 0 15px;
}
.b-select .selectric .button{
	background: #ffffff;
}
.b-select .selectric .button:after{
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e90c";
	border: none;
	font-size: 10px;
	color: #565656;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	right: auto;
	bottom: auto;
	width: auto;
	height: auto;
}
.b-filters__views{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background: #eeeeee;
    border-radius: 50px;
	overflow: hidden;
}
.b-filters__view{
	width: 36px;
	height: 36px;
	margin: 0 0px 0 0;
	/*background: #FFFFFF;*/
	/*border: 1px solid;*/
	-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: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #373737;
	padding: 10px;
	transition: 0.3s;

}
.b-filters__view_radius{
	border-radius: 7px;
}
.b-filters__view:hover{
	transition: 0.3s;
	/*box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);*/
}
.b-filters__view.active{
	color: #ffffff;
	transition: 0.3s;
	background: #8573f3;
}
.b-filters__view:last-child{
	margin-right: 0px;
}
.b-tags{
	margin: 0px 0 25px;
	padding: 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-tags__container{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.b-tags__item{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    height: 36px;
    padding: 9px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #eeeeee;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 30px;
    transition: 0.3s;
    font-weight: 500;
    margin-right: 5px;
    font-size: 14px;
    color: #9A9A9A;
    cursor: pointer;
    flex-shrink: 0;
}
.b-tags__item span{
	color: #373737;
	padding: 0 0 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-tags__item-delete{
	margin: 0 0 0 0px;
	font-size: 10px !important;
	color: #D60000;
	display: none;
}

.b-tags__item:hover .b-tags__item-delete{
	display: inline;
}

.b-tags__item:hover{
	background: #00000008;
	box-shadow: 0px 5px 15px rgb(0 0 0 / 0%);
	transition: 0.3s;
}
.b-tags__item-wrap:after{
	display: none;
}
.b-tags__item-dropdown{
	position: absolute;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	padding: 20px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}

.mCSB_buttonRight{
	width: 36px !important;
	height: 36px !important;
	background: #FF9900 !important;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	opacity: 1 !important;
}
.mCSB_buttonRight:after{
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e923";
	color: #ffffff;
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
}
.mCSB_draggerContainer{
	opacity: 0 !important;
}
.mCSB_scrollTools_horizontal{
	bottom: 0 !important;
	height: 100% !important;
}
.mCSB_scrollTools{
	opacity: 1 !important;
}

/* --------------  page book -------------- */
.b-book{
    margin: 0px 0 15px 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: white;
}
.b-book__left{
	flex-shrink: 0;
	margin: 0 15px 0 0;
}
.b-book__left .b-item__top{
	margin: 0 0 0px 0;
}
.b-book__left .b-item__image img{
	height: 380px;
}
.b-book__left .b-item__label{
	padding: 15px 10px;
	font-size: 18px;
}
.b-book__left .b-item__info {
    width: 36px;
    height: 36px;
    font-size: 16px;
    transition: inherit;
	background: transparent;
	display: flex !important;
}

.1b-book__left .1b-item__info:before{
	content: '';
	width: 36px;
    height: 36px;
	filter: blur(20px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.b-book__left .b-item__info.item-bookmark.active{
	font-size: 18px;
}
.b-item__info.item-bookmark.active{
	color: white;
	background: red;
	transition: inherit
}

.b-item__info.item-bookmark:before{
	content: "\f139";
	font-family: uicons-regular-rounded !important;
	color: red;
}

.b-item__info.item-bookmark.active:before{
	content: "\f139";
    font-family: uicons-regular-rounded !important;
    /* background: white; */
    color: white;
}
.b-book__left .b-item__rating{
	bottom: 25px;
}
.b-book__left .b-item__status{
	bottom: 25px;
}
.b-book__left .b-item__progress{
	height: 9px;
}
.b-book__btns{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}
.b-book__btn-dropdown{
	position: absolute;
	top: 120%;
	left: auto;
	width: fit-content;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: white;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}
.b-book__btn-dropdown:after {
	bottom: 100%;
	left: 105px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: white;
	border-width: 6px;
	margin-left: -6px;
}
.b-book__btn-dropdown.active{
	z-index: 100;
	opacity: 1;
	visibility: visible;
}
.b-book__button{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 9px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    transition: 0.3s;
    width: 100%;
}
.b-book__button i{
	margin-right: 5px;
	width: 15px;
}
.b-book__button:hover , .b-book__button:active , .b-book__button:focus{
	background: rgba(0, 0, 0, 0.15);
	transition: 0.3s;
}
.b-book__btn-dropdown_purple{
	background: #8573f3;
}
.b-book__btn-dropdown_purple .b-book__button{
	background: #8573f3;
}
.b-book__btn-dropdown_purple .b-book__button:hover{
	background: rgba(0, 0, 0, 0.15);
}
.b-book__btn-dropdown_purple:after{
	border-bottom-color: white;
}
.b-book__btn-dropdown_dark{
	background: #3E3071;
}
.b-book__btn-dropdown_dark .b-book__button{
	background: transparent;
}
.b-book__btn-dropdown_dark .b-book__button:hover{
	background: rgba(255, 255, 255, 0.15);
}
.b-book__btn-dropdown_dark:after{
	border-bottom-color: #3E3071;
	left: auto;
	right: 20px;
}

.b-book__btns .btn_b{
	display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    width: fit-content;
    height: 44px;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px 20px;
    border-radius: 7px;
    margin: 0px 5px 0px 0px;
    color: #858585;
	background: white;
	line-height: 1;
}

.b-book__btns .btn_b:hover{
	color: orange;
}

.b-book__btns .acf:hover{
	background: orange;
	color: white;
}

.b-book__btns .acf{
	background: orange;
	color: white;
}

.b-book__buy{
	width: max-content;
    align-items: center;
}

.b-book__buy-btn{

}

.b-book__read{
	flex-shrink: 0;
}
.b-book__read-btn{

}

.b-book__download{
	flex-shrink: 0;
}
.b-book__download-btn{

}
.btn_b .fi-rr-angle-down{
	font-size: 10px;
    margin: 2px 0px 0px 0px;
}

.btn_b span{
	margin: 0px 5px;
}

.b-book__download-btn:hover{
	background: #4830a0;
	transition: 0.3s;
}
.b-book__download-btn:active{
	background: #391ba7;
	transition: 0.3s;
}
.b-book__right{
	flex-grow: 1;
    padding: 0px 0 0px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.b-book__author{
	font-weight: 500;
	font-size: 14px;

	color: #8573f3;
	margin: 0 0 5px 0;
}
.b-book__name{
	font-weight: 800;
	font-size: 26px;
	line-height: normal;
	color: #373737;
	margin: 0 0 10px 0;
	word-break: break-word;
}
.b-book__row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 15px 15px 0;
}
.b-book__row .b-item__star{
	margin: 5px 20px 5px 0;
}
.b-book__row-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 5px 15px 5px 0;
	font-size:14px;
	color: #8573f3;
	font-weight: 600;
}
.b-book__row-item:last-child{
	margin-right: 0px;
}
.b-book__row-item i{
	margin: 0 5px 0 0;
}
.b-book__row-item span{

}
.b-book__desc{
    margin: 0 0 15px 0;
    font-size: 14px;
    letter-spacing: 0.3px;
}
.b-book__desc-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	font-size: 14px;
	font-weight: 500;
	margin: 0px 0px 5px 0;
}
.b-book__desc-title{
	font-weight: 600;
	color: #373737;
	margin: 0px 5px 0px 0;
}
.b-book__desc-item a{
	display: block;
	margin: 0px 5px 0px 0;
	color: #8573f3;
	text-decoration: none;
}

.b-book__desc-tags{
	display: flex;
    max-height: 50px;
    margin: 0px 0px 0px;
    overflow: hidden;
    flex-wrap: wrap;
}

.b-book__desc-cikle{
	margin: 0px 0px 5px;
}

.b-book__desc-jenres{
	margin: 0px 0px 5px;
}

.b-book__desc-title a{
	font-weight: 600;
    color: orange;
}

.b-book__desc-title a b{
    color: #373737;
	font-weight: 500;
}

.book-tags{
	font-size: 14px;
    display: flex;
    padding: 0px 0px;
    border-radius: 15px;
    margin: 0px 7px 0px 0px;
    align-items: center;
    align-content: center;
    height: 20px;
}

.book-tags img{
	margin-right: 2px;
}


.b-book__text{
	margin: 0 0 15px 0;
}
.b-book__text p{
	font-weight: 500;
	font-size: 16px;

	color: #565656;
}
.b-section__nav_m{
	margin: 0 0 0px 0;
    background: white;
}
.b-book__items{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
}
.b-book__items-block{
	text-align: center;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	width: 16.666666%;
	transition: 0.3s;
	cursor: pointer;
}
.b-book__items-block:hover{
	background: #eeeeee;
}
.b-book__items-block b{
	display: block;
	font-weight: 600;
	font-size: 14px;

	color: #252525;
	margin: 0 0 2px 0;
}
.b-book__items-block b span{
	display: inline-block;
	font-weight: 600;
	font-size: 14px;


	color: #00D622;
}
.b-book__items-block span{
	display: block;
	font-weight: 500;
	font-size: 12px;

	color: #565656;
}
.b-book__items-block:hover{
	transition: 0.3s;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.b-book__info{
	margin: 0 0 5px 0;
	overflow: hidden;
}
.b-book__info b{
	display: block;
    font-weight: 800;
    font-size: 16px;
    color: #8b8b8b;
    margin: 0 0 0px 0;
}
.b-book__info p {
    font-weight: 500;
    font-size: 14px;
    /* color: #9A9A9A; */
    margin: 0 0 15px 0;
}
.b-book__info p span{
	color: #000000;
}
.b-book__info p:last-child{
	margin-bottom: 0px;
}
.b-book__awards-row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.b-book__awards-btn{
	width: 120px;
	height: 110px;
	background: #8573f3;
	border-radius: 7px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 22.5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 10px 0 0;
}
.b-book__awards-btn span{
	display: block;
	margin: 0 0 11px 0;
	font-weight: 500;
	font-size: 18px;

	text-align: center;
	color: #FFFFFF;
}
.b-book__awards-btn i{
	font-size: 32px;
	color: #ffffff;
}
.b-book__awards-wrap{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	flex-grow: 1;
	margin-right: -5px;
	margin-left: -5px;
}
.b-book__awards-col{
	width: 16.666666%;
	padding-right: 5px;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-book__awards-item{
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	padding: 20px 20px 11px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	height: 110px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.b-book__awards-ico{
	font-size: 22px;
	color: #8573f3;
	display: block;
	margin: 0 0 15px 0;
}
.b-book__awards-name{
	font-weight: 500;
	font-size: 14px;


	color: #565656;
	margin: 0 0 5px 0;
}
.b-book__awards-date{
	font-weight: 600;
	font-size: 10px;


	color: #565656;
}
.b-content__section-top_small{
	margin: 0 0 5px 0;
}
.b-content__section-top_small .b-content__section-title{
	font-size: 21px;
	font-weight: 600;
}
/*.b-content__section-top_small .b-content__section-quantity{
	margin: 0 0 0 7px;
	padding: 2px 5.5px;
	font-weight: 600;
	font-size: 14px;


	color: #FFFFFF;
}*/
/* --------------  b-comments -------------- */
.b-comments{

}
.b-comments__top{
	display: flex;
    justify-content: space-between !important;
    align-items: center;
    margin: 0 0 25px 0;
    height: 36px;
}
.b-tabs__nav{

}
.b-tabs__nav_mr-right{
	margin: 0 55px 0 0;
}
.b-tabs__nav_align{
	padding: 8px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-tabs__nav ul{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.b-tabs__nav ul li{
	margin: 0 20px 0 0;
}
.b-tabs__nav ul li:last-child{
	margin-right: 0px;
}
.b-tabs__nav ul li a{
	font-weight: 500;
    font-size: 14px;

	color: #9A9A9A;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 2px solid transparent;
	transition: 0.3s;
	text-decoration: none;
	transition: 0.3s;
}
.b-tabs__nav ul li a span{
	margin: 0 0 0 5px;
	display: block;
}
.b-tabs__nav ul li a.active{
	border-color: #373737;
	color: #373737;
	font-weight: 600;
	transition: 0.3s;
}
.b-dropdown-select{
	position: relative;
}
.b-dropdown-select__top{
	width: 100%;
	height: 36px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 41px;
	padding: 0 15px;
	font-weight: 500;
	font-size: 16px;

	color: #000000;
	text-decoration: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	transition: 0.3s;
}
.b-dropdown-select_radius .b-dropdown-select__top{
	border-radius: 7px;
}
.b-dropdown-select__top:hover{
	box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	color: #000000;
}
.b-dropdown-select__top:after{
	font-size: 10px;
	margin: 0 0 0 10px;
	border: none;
	content: "\f10d";
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: 0.3s;
}
.b-dropdown-select__menu{
	background: #ffffff;
	border: none;
	padding: 10px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	width: 100%;
	overflow: hidden;
	min-width:inherit;
}
.b-dropdown-select__menu li a {
    padding: 9px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #7a7a7a;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #eeeeee;

}
.b-dropdown-select__menu li a:hover{
	background: #d7d7d7;
    transition: 0.3s;
    color: #373737;
}
.b-dropdown-select__top.show {
	border-radius: 15px 15px 0 0;
	transition: 0.3s;
	    color: white;
    background: #8573f3;
    border: 1px solid #8472f1;
}
.b-dropdown-select__top.show:after{
	transform: rotate(180deg);
	transition: 0.3s;
}
.b-dropdown-select__menu.show {
    box-shadow: 0px 5px 40px rgb(0 0 0 / 20%);
    /* border-radius: 0 0 15px 15px; */
    border-style: solid;
    border-color: #6951c1;
    border-width: 1px;
    margin-top: -3px !important;
    background: #eeeeee;
    min-width: 100%;
    width: max-content;
}

.b-comment {
	box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
    padding: 20px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0px 0px 15px;
    background: white;
}

.b-comment:last-child{

}
.b-comment__user{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 16px 0;
}
.b-comment__user-img{
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	position: relative;
	margin: 0 10px 0 0;
}
.b-comment__user-img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
    overflow: hidden;
    border-radius: 100%;
}
.b-comment__user-status{
	position: absolute;
	bottom: 0;
	right: 2px;
	width: 10px;
	height: 10px;
	background: #00D622;
	border: 1px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 22px;
}
.b-comment__user-text{

}
.b-comment__user-row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 0px 0;
}
.b-comment__user-name{
	font-weight: 600;
	font-size: 14px;
	color: #8573f3;
	margin: 0 5px 0 0;
}
.b-comment__status{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-comment__status i{
	font-size: 9px;
	color: #565656;
	margin: 0 0px 0 0;
}
.b-comment__status span{
	font-weight: 400;
	font-size: 12px;
	color: #565656;
}
.b-comment__user-date{
	font-weight: 400;
	font-size: 12px;
	color: #8573f3;
}
.b-comment__user-row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0px 0px 2px;
}
.b-comment__user-row .b-comment__user-date{
	margin: 0 4px 0 0;
}
.b-comment__status_2{
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	padding: 1px 12px;
}
.b-comment__label{
	background: #787878;
    border-radius: 0px;
    padding: 0px 8px;
    font-weight: 500;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    letter-spacing: 0.7px;
}
.b-comment__ansver{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: normal;
	font-size: 14px;

	color: #565656;
}
.b-comment__ansver i{
	margin: 0 5px 0 0;
	color: #565656;
	margin: 0 10px;
}
.b-comment__content{
	margin: 0 0 15px 0;
}
.b-comment__content b{
	display: block;
	font-weight: 600;
	font-size: 18px;

	color: #000000;
	margin: 0 0 10px 0;
}
.b-comment__content p{
	font-weight: 500;
	font-size: 14px;
	margin: 0 0 15px 0;
}
.b-comment__content p:last-child{
	margin-bottom: 0px;
}
.b-comment__bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.b-comment__bottom-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-comment__bottom-text{
	font-weight: 400;
	font-size: 16px;

	color: #4E4E4E;
}
.b-comment__bottom-left .star-rating{
	margin: 0 5px;
}
.star-rating_yellow .fullStar:after{
	color: #FF9900;
}
.star-rating_yellow .star{
	width: 20px;
	height: 20px;
}
.star-rating_yellow .star.tmp_fs:after{
	color: #FF9900;
}
.star-rating_yellow .star:after{
	font-size: 18px;
}
.b-comment__bottom-text_rate{
	padding: 4px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-comment__bottom-right{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.btns-rate{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
.btn-rate{
    align-items: center;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    line-height: 1;
}

.btn-rate:hover{
	background-color: #eee;
    cursor: pointer;
}

.btn-like{

}

.btn-like:hover{
	background-color: #29a73d;
	color: white;
}

.btn-like:focus{
	background-color: #29a73d;
	color: white;
}

.btn-dizl:before{
	font-family: uicons-regular-rounded !important;
	    content: "\e95a";
}

.btn-dizl:hover{
	background-color: #d56a41;
	color: white;
}

.btn-dizl:focus{
	background-color: #d56a41;
	color: white;
}

.btn-rate i{
	font-size: 16px;
}
.btn-rate span{
	margin: 0 0 0 10px;
	font-weight: 500;
	font-size: 14px;

	color: #565656;
}
.btn-rate__like span{
	color: #00D622;
	text-align: center;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 800;
	background: transparent;
	border-radius: 15px;
	margin: 0px 5px;
}
.btn-rate__like i{
	color: #00D622;
}
.btns-rate__dropdown{
	position: absolute;
	top: 150%;
	right: 0;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	padding: 20px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 200px;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
}
.btns-rate:hover .btns-rate__dropdown{
	z-index: 50;
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}
.btns-rate__dropdown:after {
	bottom: 100%;
	right: 33px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));
	border-width: 10px;
	margin-left: -10px;
}
.btns-rate__dropdown-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px 0;
}
.btns-rate__dropdown-item:last-child{
	margin-bottom: 0px;
}
.btns-rate__dropdown-user{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.btns-rate__dropdown-img{
	position: relative;
	flex-shrink: 0;
	width: 25px;
	height: 25px;
	margin: 0 5px 0 0;
}
.btns-rate__dropdown-img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 100%;
}
.btns-rate__dropdown-user-status{
	position: absolute;
	bottom: 0;
	right: 2px;
	background: #00D622;
	border: 1px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 22px;
	width: auto;
	height: auto;
	padding: 3px;
}
.btns-rate__dropdown-name{
	font-weight: 500;
	font-size: 12px;


	color: #3c3c3c;
	overflow: hidden;
	width: 115px;
	height: 16px;
}
.btns-rate__dropdown-rate{
	font-size: 14px;
}
.btns-rate__dropdown-rate.icon-dislike-full{
	color: #D60000;
}
.btns-rate__dropdown-rate.icon-like{
	color: #00D622;
}
.b-comment_2{
	padding-left: 65px;
}
.notice-container{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.notice-container-img{
	width: 70px;
	flex-shrink: 0;
	margin-right: 15px;
}
.notice-container-img img{
	border-radius: 7px;
}
.notice-container__name{
	margin: 0 0 0px 0;
    font-weight: 800;
    font-size: 18px;
    color: #373737;
}
/* --------------  b-readers -------------- */
.border_dashed{
	position: relative;
}

.b-readers{

}

.b-readers .swiper-container{
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.b-readers .swiper-wrapper{
	align-content: flex-start;
}

.b-readers__col{
	height: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 7.5px;
	padding-right: 7.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 20%;
}

.b-readers__col-item{
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	padding: 32px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.b-readers__col-img{
	border-radius: 100%;
	width: 95px;
	height: 95px;
	margin: 0 auto 10px;
	position: relative;
}

.b-readers__col-img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 100%;
}
.b-readers__col-status{
	position: absolute;
	bottom: 0;
	right: 10px;
	border-radius: 100%;
	background: #00D622;
	width: 20px;
	height: 20px;
}
.b-readers__col-name{
	font-weight: 600;
	font-size: 16px;

	display: block;
	text-align: center;
	color: #787878;
}
/* --------------  b-readers -------------- */
.b-chapters{
	margin: 15px 0;
	font-size: 12px;
    font-weight: 500;
}
.b-chapter{
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	margin: 0 0 5px 0;
}
.b-chapter:last-child{
	margin-bottom: 0px;
}
.b-chapter__top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.b-chapter__progress{
	position: relative;
	width: 100%;
	height: 3px;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 0 0 7px 7px;
	overflow: hidden;
}
.b-chapter__progress-line{
	height: 100%;
	background: #8573f3;
}
.b-chapter__left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-chapter__left-wrap{
	background: #9A9A9A;
	width: 54px;
	height: 58px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-shrink: 0;
	margin: 0 10px 0 0;
	border-radius: 7px 0 0 0;
}
.b-chapter__left-wrap b{
	display: block;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 0px 0;
}
.b-chapter__left-wrap span{
	display: block;
}
.b-chapter__left-text{
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-chapter__left-name{
	font-weight: 500;
	font-size: 16px;

	color: #373737;
	margin: 0 0 5px 0;
}
.b-chapter__left-date{
	color: #565656;
}

.b-chapter__right{
	padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    height: 56px;
    display: flex;
    align-items: center;
}
.b-chapter__right .div-stats-gl{
    height: 100%;
    display: flex;
    align-items: center;
}

.b-chapter__right .div-stats-gl .smile-stat{
	padding: 0px 10px;
}

.b-chapter__right .div-stats-gl .smile-stat img{
	width: 32px;
}

.b-chapter__right .div-gl-act {
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 0 5px;
	align-items: center;
	height: 100%;
}

.b-chapter__status{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 5px;
}
.b-chapter__status i{
	color: #373737;
	margin: 0 5px 0 0;
}
.b-chapter__status i:last-child{
	margin-right: 0px;
}
.b-chapter__status span{
	color: #585858;
}
.b-chapter__status_read i , .b-chapter__status_read span{
	color: #00D622;
}
.b-chapter__status_now span{
	color: #585858;
}
.b-chapter__q{
	text-align: right;
	color: #565656;
}
.b-chapter_purple .b-chapter__left-wrap{
	background: #8573f3;
	    color: #FFFFFF;
}
.b-chapters__history{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 10px 0;
}
.b-chapters__history:last-child{
	margin-bottom: 0px;
}
.b-chapters__history-date{
	color: #9A9A9A;
	margin: 0 8px 0 0;
}
.b-chapters__history i{
	margin: 0 8px 0 0;
	color: #9A9A9A;
}
.b-chapters__history-name{
	font-weight: 500;
	font-size: 16px;
	color: #8573f3;
}
.b-chapters__history-name span{
	color: #00D622;
}
/* --------------  b-contests -------------- */
.b-contests{
	margin: 15px 0;
}
.b-contests__item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 10px 0;
	font-size: 14px;
}
.b-contests__item:last-child{
	margin-bottom: 0px;
}
.b-contests__item-name{
	font-weight: 500;

	color: #8573f3;
	margin: 0 8px 0 0;
}
.b-contests__item-place{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 8px 0 0;
}
.b-contests__item-place i{
	font-size: 16px;
	margin: 0 5px 0 0;
}
.b-contests__item-place span{
	font-weight: 600;
	color: #373737;
}
.b-contests__item-date{
	font-weight: 400;
	color: #9A9A9A;
}
.b-contests__item_second .b-contests__item-place i{
	color: #9A9A9A;
}
.b-contests__item_first .b-contests__item-place i{
	color: #FF9900;
}
.b-contests__item_third .b-contests__item-place i{
	color: #730000;
}

/* --------------  b-schedule -------------- */
.b-schedule{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	margin: 0 0 45px 0;
}
.b-schedule__value{
	width: 54px;
	flex-shrink: 0;
	margin: 0 24px 0 0;
}
.b-schedule__value-item{
	font-weight: 700;
    font-size: 11px;
    text-align: right;
    color: #707070;
    margin: 0 0 15px 0;
}
.b-schedule__value-item:last-child{
	margin-bottom: 0px;
}
.b-schedule__wrapper{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
}
.b-schedule__item{
	width: 18px;
	margin: 0 5px 0 0;
}
.b-schedule__item:last-child{
	margin-right: 0px;
}
.b-schedule__item-bar{
    width: 15px;
    height: 234px;
    background: rgb(238 238 238);
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    margin: 0 auto 10px;
}
.b-schedule__item-line{
	width: 100%;
	background: #8573f3;
}
.b-schedule__item-value{
	text-align: center;
	font-weight: 600;
    font-size: 12px;
	text-align: center;
	color: #565656;
}
/* --------------  b-statistics -------------- */
.b-statistics{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.b-statistics__reader{
	flex-shrink: 0;
	margin: 0 20px 0 0;
}
.b-statistics__title{
	font-weight: 600;
	font-size: 16px;
	margin: 0 0 10px 0;
}
.b-statistics__reader-row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 5px 0;
}
.b-statistics__reader-row:last-child{
	margin-bottom: 0px;
}
.b-statistics__reader-year{
	width: 45px;
	text-align: left;
	flex-shrink: 0;
	font-weight: 500;
	font-size: 14px;
}
.b-statistics__reader-block{
	flex-grow: 1;
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	border-radius: 4px;
	overflow: hidden;
}
.b-statistics__reader-block > div{
	height: 16px;
	color: white;
}
.b-statistics__reader-pink{
	background: #ff9900;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 0 5px;
	font-weight: 600;
	font-size: 10px;
	text-align: right;
}
.b-statistics__reader-blue{
	background: #8573f3;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 5px 0 0;
	font-weight: 600;
	font-size: 10px;
	text-align: right;
}

.b-statistics__rating{

}

.b-statistics__rating-nav{
	margin: 0 0 15px 0;
}
.b-statistics__rating-nav ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-statistics__rating-nav ul li{
	margin: 0 20px 0 0;
}
.b-statistics__rating-nav ul li:last-child{
	margin-right: 0px;
}
.b-statistics__rating-nav ul li a{
	display: block;
    font-weight: 600;
    font-size: 14px;
    color: #9A9A9A;
    padding: 0 0 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
    transition: 0.3s;
    text-decoration: none;
}
.b-statistics__rating-nav ul li a.active{
	color: #8573f3;
	border-color: #8573f3;
	transition: 0.3s;
}
.b-statistics__rating-row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 5px 0;
}
.b-statistics__rating-row:last-child{
	margin-bottom: 0px;
}
.b-statistics__rating .star-rating{
	margin: 0 5px 0 0;
}
.b-statistics__rating .star:after{
	color: rgba(0, 0, 0, 0.15);
}
.b-statistics__rating .fullStar:after{
	color: #FF9900;
}
.b-statistics__rating-q{
	font-weight: 500;
    font-size: 12px;
	color: #565656;
	    padding: 0px 0px 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* --------------  page user -------------- */
.b-content_user .b-content__center{
	padding-top: 0px;
}
.b-user {
	display: flex;
    /* justify-content: flex-start; */
    align-items: flex-end;
    margin: 0px 0px 15px 0px;
    position: relative;
    flex-direction: column;
    /* padding: 125px 15px 0 15px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
}

.b-user__image {
    width: 100%;
    height: 200px;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
	position: relative;
}

.b-user__image .mybg{
	filter: blur(20px);
}

.b-user__image img{
	height: auto;
}

.b-user__image .b-breadcrumbs{
	margin: 0;
}
.b-user__left {
	    width: 175px;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    margin: 0px 25px 0px 0px;
}
.b-user__left-img {
    width: 175px;
    height: 175px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto 0px;
    /* overflow: hidden; */
	border: 5px solid white;
}
.b-user__left-img img{
	border-radius: 100%;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.b-user__left-btn{
	width: 46px;
	height: 46px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
	border-radius: 41px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #565656;
	position: absolute;
	top: 0;
	right: 0;
	transition: 0.3s;
}
.b-user__left-btn:hover{
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
}
.b-user__left-status{
	width: 18px;
    height: 18px;
	background: #00D622;
	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-user__left-button{
	width: fit-content;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FF9900;
	border: 1px solid #FF9900;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 36px;
	font-weight: 500;
	font-size: 16px;

	color: #FFFFFF;
	margin: 0 0 10px 0;
}
.b-user__left-button i{
	margin: 0 6px 0 0;
	font-size: 14px;
}
.b-user__left-bottom{
	padding: 10px 0 0 0;
	position: relative;
}
.b-user__left-bottom:before{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 92px;
	height: 4px;
	background: #FFFFFF;
	border-radius: 22px;
}
.b-user__left-bottom ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.b-user__left-bottom ul li{
	margin: 0 15px 0 0;
}
.b-user__left-bottom ul li:last-child{
	margin-right: 0px;
}
.b-user__left-bottom ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	background: #FFFFFF;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
	border-radius: 40px;
	font-size: 14px;
	color: #565656;
	text-decoration: none;
	transition: 0.3s;
}
.b-user__left-bottom ul li a:hover{
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	color: #333333;
}

.b-user__right{
	flex-grow: 1;
	position: relative;
	z-index: 2;
	padding: 0px 0 0 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-user__right-btns{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-user__right-btn{
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
	border-radius: 41px;
	font-size: 14px;
	color: #565656;
	margin: 0 7px 0 0;
	transition: 0.3s;
}
.b-user__right-btn.icon-not{
	background: #D60000;
	color: #ffffff;
}
.b-user__right-btn:last-child{
	margin-right: 0px;
}
.b-user__right-btn:hover{
	transition: 0.3s;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.b-user__right-login{
	font-weight: 600;
	font-size: 14px;

	color: #565656;
	margin: 0 0 5px 0;
}
.b-user__right-name{
	font-weight: 800;
	font-size: 26px;
	display: flex;
    align-items: center;
	color: #373737;
	margin: 0 0 7px 0;
}
.b-user__right-desc{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 0 15px 0;
}
.b-user__right-desc span{
	display: block;
	font-weight: 500;
	font-size: 14px;

	text-align: center;
	color: #565656;
	margin: 0 25px 0 0;
}
.b-user__right-desc span:last-child{
	margin-right: 0px;
}
.b-user__right .b-book__items-block{
	width: auto;
}
.b-book__info-nav{
	margin: 0 0 25px 0;
}
.b-book__info-nav ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;

}
.b-book__info-nav ul li{
	margin: 0 15px 0  0;
}
.b-book__info-nav ul li a{
	font-weight: 500;
    font-size: 14px;
    color: #565656;
    text-decoration: none;
}
.b-book__info-nav ul li:last-child{
	margin-right: 0px;
}
.b-book__info-nav ul li a.active{
	color: #000000;
	font-weight: 600;
}
.b-share-social{
	margin: 25px 0;
}
.b-share-social ul{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.b-share-social ul li{
	margin: 0 15px 0 0;
}
.b-share-social ul li:last-child{
	margin-right: 0px;
}
.b-share-social ul li a{
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 54px;
	font-size: 20px;
	color: #9A9A9A;
	text-decoration: none;
	transition: 0.3s;
}
.b-share-social ul li a:hover{
	transition: 0.3s;
	background: #FF9900;
	color: #ffffff;
}
.b-diagram-content{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-shrink: 0;
	margin: 0 70px 0 0;
}
.b-diagram{
	width: 190px;
	margin: 0 25px 0 0;
	position: relative;
}
.b-diagram-text{
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50% , -50%);
	width: calc(100% - 45px);
	height: calc(100% - 45px);
	background: #ffffff;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.b-diagram-text b{
	display: block;
	font-weight: 500;
	font-size: 36px;

	color: #000000;
}
.b-diagram-text span{
	display: block;
	font-weight: 500;
	font-size: 16px;

	color: #565656;
	margin: 0 0 5px 0;
}
.b-diagram-text strong{
	font-weight: 600;
	font-size: 18px;

	color: #565656;
}
.b-diagram-labels{

}
.b-diagram-labels__top{
	font-weight: 600;
	font-size: 14px;

	color: #565656;
	margin-bottom: 20px;
}
.b-diagram-label{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 5px 0;
}
.b-diagram-label:last-child{
	margin-bottom: 0px;
}
.b-diagram-label__circle{
	width: 14px;
	height: 14px;
	border-radius: 100%;
	flex-shrink: 0;
	margin: 0 5px 0 0;
}
.b-diagram-label span{
	font-weight: 500;
    font-size: 14px;
    color: #404040;
}
/* =========== b-compilations =========== */
.b-compilations{
	background: #FFFFFF;
	box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
	border-radius: 15px;
	border: 0px dashed #cecece;
	position: relative;
	transition: 0.3s;
}
.b-compilations:hover{
	box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
	transition: 0.3s;
}
.b-compilations__top{
	padding: 15px 15px 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 170px;
}
.b-compilations__label{
	background: #8573f3;
	border-radius:30px;
	font-weight: 500;
	font-size: 12px;

	display: inline-block;
	color: #FFFFFF;
	padding: 3px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px 0;
}
.b-compilations__row{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.b-compilations__row-left{
	max-width: 65%;
	margin: 0 15px 0 0;
}
.b-compilations__name{
	font-weight: 800;
	font-size: 16px;

	color: #505050;
	margin: 0 0 20px 0;
}
.b-compilations__date{
	font-weight: 600;
	font-size: 14px;

	color: #565656;
}
.b-compilations__row-images{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	margin: 0 -15px 0 0;
	overflow: hidden;
}
.b-compilations__row-images img{
	filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));
	border-radius: 5px 5px 0px 0px;
	width: 93px;
	height: 122px;
	object-fit: cover;
	margin: 0 -15px 0 0;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.b-compilations__row-images img:nth-child(2){
	width: 77px;
	height: 100px;
	margin: 0 -37px 0 0;
	z-index: 2;
}
.b-compilations__row-images img:nth-child(1){
	width: 54px;
	height: 72px;
	margin: 0 -24px 0 0;
	z-index: 3;
}
.b-compilations__bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #403a3a;
	border-radius: 0 0 15px 15px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 0px solid #9A9A9A;
}
.b-compilations__like{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-compilations__like i{
	color: #9A9A9A;
	font-size: inherit;
	margin: 0 5px 0 0;
}
.b-compilations__like span{
	font-weight: 600;
	font-size: 14px;


	color: #9A9A9A;
}
.b-compilations__user{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
	color: #9A9A9A;
}
.b-compilations__user i{
	font-size: inherit;
	margin: 0 5px 0 0;
}
.b-compilations__user span{
	font-weight: 500;
	font-size: 14px;

}
.b-compilations__user:hover{
	text-decoration: none;
	color: #9A9A9A;
}
.b-compilations__author{
	font-weight: 600;
	font-size: 14px;

	color: #FF9900;
	margin: 0 0 10px 0;
}
.b-compilations__row-rating{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 10px 0 0 0;
}
.b-compilations__row-rating p{
	font-weight: 500;
	font-size: 12px;

	color: #9A9A9A;
	margin: 0 0 0 5px;
}
.b-compilations__row-rating .star:after{
	font-size: 18px;
}
.b-compilations__row-rating .fullStar:after{
	color: #FF9900;
}
.b-compilations__row-rating .tmp_fs:after{
	color: #FF9900;
}
.b-compilations__row-rating .star{
	margin: 0;
}
.b-compilations_2{
	position: relative;
	overflow: hidden;
}
.b-compilations_2 .b-compilations__top{
	padding: 0;
}
.b-compilations_2 .b-compilations__row-left{
	padding: 25px 0 25px 15px;
	min-height: 175px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.b-compilations_2 .b-compilations__row{
	align-items: flex-end;
}
.b-compilations_2 .b-compilations__row-images{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	overflow: visible;
}
.b-compilations_2 img{
	filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));
	border-radius: 5px;
	object-fit: cover;
	flex-shrink: 0;
	z-index: 1;
}
.b-compilations_2 img:nth-child(1){
	z-index: 1;
	width: 55.59px;
	height: 77.67px;
	transform: matrix(0.86, -0.48, 0.53, 0.87, 0, 0);
	margin: 0 -30px 0 0;
	top: 15px;
}
.b-compilations_2 img:nth-child(2){
	z-index: 2;
	width: 93.94px;
	height: 129.14px;
	transform: matrix(0.96, -0.25, 0.27, 0.97, 0, 0);
	margin: 0 -63px 0 0;
	top: 15px;
}
.b-compilations_2 img:nth-child(3){
	z-index: 3;
	width: 100.24px;
	height: 136.98px;
	margin: 0;
	border-radius: 5px 0 5px 0;
}

.b-collection{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	background: #FFFFFF;
	box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
	border: 1px dashed rgb(0 0 0 / 10%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 7px;
	position: relative;
	transition: 0.3s;
}
.b-collection:hover{
	box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
	transition: 0.3s;
}
.b-collection__left{
	background: rgba(0, 0, 0, 0.15);
	width: 200px;
	padding: 22px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 7px 0 0 7px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.b-collection__left-label{
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 12px;


	color: #FFFFFF;
	padding: 3px 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 15px 0;
	background: #8573f3;
	border-radius: 26px;
}
.b-collection__left img{
	margin: 0 0 15px 0;
}
.b-collection__left-date{
	font-weight: 500;
	font-size: 14px;


	color: #9A9A9A;
}
.b-collection__right{
	padding: 15px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-collection__right-desc{
	font-weight: 500;
	font-size: 12px;

	color: #565656;
	margin: 0 0 10px 0;
}
.b-collection__right-name{
	font-weight: 800;
    font-size: 18px;
    color: #505050;
    margin: 15px 0 10px 0;
    height: 40px;
    overflow: hidden;
}
.b-collection__right p{
	font-weight: 500;
	font-size: 14px;

	color: #565656;
	margin: 0 0 15px 0;
	min-height: 70px;
}
.b-collection__row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #828282;
	font-weight: 500;
	font-size: 14px;
}
.b-collection__row-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-collection__row-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0px 0 0;
	color: #565656;
	/* background: blanchedalmond; */
    border-radius: 4px;
    line-height: normal;
    height: 30px;
    cursor: pointer;
	padding: 2px 6px;
}

.b-collection__row-item:hover{
	background: #eeeeee;
}

.b-collection__row-item:hover{
	color: #000000;
}
.b-collection__row-item:last-child{
	margin-right: 0px;
}
.b-collection__row-item i{
	font-size: 16px;
	margin: 0px 5px 0 0;
	color: inherit;
}
.b-collection__row-item span{
	font-weight: inherit;
	font-size: inherit;

}
.b-collection__row-item .fi-rr-angle-down{
	margin: 0 0 0 14px;
	font-size: 12px;
}
.b-collection__row-item_rate i{
	color: #FF9900;
}
.b-collection__row-right{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-collection__row-right i{
	font-size: inherit;
	color: inherit;
	margin: 0 5px 0 0;
}
.b-collection__row-right span{
	font-weight: inherit;
	font-size: inherit;

	color: inherit;
}
.b-collection__row-right_att i , .b-collection__row-right_att span{
	color: #D60000;
}
.b-collection__row-right_ok i , .b-collection__row-right_ok span{
	color: #00D622;
}
.b-collection__row-right_user{
	text-decoration: none;
}
.b-collection__row-right_user i{
	color: #565656;
}
.b-collection__row-right_user span{
	background: #8573f3;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration: none;
}


.b-item_cycle{

}

.b-item__top{

}

.b-cycle__image {
    height: 100%;
}

.b-cycle__top {
    height: 202px;
    overflow: hidden;
}

.b-cycle__name {
    max-height: 55px;
    overflow: hidden;
}

.view-row .b-cycle__top {
	margin: 0px 0px 0px 0px;
    width: auto;
    display: flex;
}

.view-row .b-cycle__info {
    padding: 25px 15px 15px;
	width: 75%;
}

.view-column .b-cycle__info {
    padding: 15px;
}

.view-column .b-user-card-items {

}

.view-column .b-user-card-items .b-user-items-img{
	display: none;
}

.view-row .b-cycle__name {
    max-height: 55px;
    overflow: hidden;
    margin: 15px 0px 10px 0px;
}

.view-row .b-cycle-descr {
    margin: 0px 0px 15px;
}

.view-column .b-cycle-descr {
    display: none;
}

.view-column .b-user__article-bottom {

}

.item-btm_left .btm-item {
    margin-right: 15px;
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
}

.item-btm_left .btm-item i{
    margin: 3px 5px 0px 0px !important;
    font-size: 14px;
}

.b-user__article{
	background: #FFFFFF;
    box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
    border-radius: 15px;
    padding: 20px 15px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0px 0;
    transition: 0.3s;
    position: relative;
}
.b-user__article:hover{
	box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
	transition: 0.3s;
}
.b-user__article-date{
	font-weight: 600;
	font-size: 12px;


	color: #565656;
	margin: 0 0 20px 0;
}
.b-user__article-name{
	font-weight: 800;
	font-size: 16px;
	max-height: 46px;
    overflow: hidden;
	color: #373737;
	margin: 0 0 10px 0;
}
.b-user__article p{
	font-size: 14px;
	font-weight: 500;
}
.b-user__article-bottom{
	margin: 20px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 12px;
	font-weight: 800;
	color: #8e8e8e;
	flex-grow: 1;
	position: relative;
}
.b-user__article-bottom_left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-user__article-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px 0;
}
.b-user__article-top-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-user__article-author{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-user__article-author-img{
	position: relative;
	margin: 0 5px 0 0;
}
.b-user__article-author-img .st{
	 position: absolute;
	bottom: 0;
	right: 0;
	width: 9px;
	height: 9px;
	background: #00D622;
	border: 1px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 22px;
}
.b-user__article-author span{
	font-weight: 500;
	font-size: 14px;


	color: #3E3071;
}
.b-user__article-author-img img{
	object-fit: contain;
	width: 26px;
	height: 26px;
	border-radius: 100%;
}
.b-user__article-author:after{
	content: "";
	background: rgba(0, 0, 0, 0.15);
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 22px;
	width: 9px;
	height: 9px;
	margin: 0 6px;
}
.b-user__article-top-left .b-user__article-date{
	margin: 0;
}
.b-user__article-top-btn{
	font-weight: 600;
	font-size: 12px;

	padding: 6px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 22px;
}

.b-user__article-top-btn a{
	color: white;
}

.b-user__article-img{
	width: 250px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    object-fit: cover;
    height: 225px;
    overflow: hidden;
    border-radius: inherit;
}

.b-user__article-img img{
	width: 100%;
    height: fit-content;
}

.b-user__article-img a img{
    width: 100%;
    height: fit-content;
}

.view-column .b-user__article-name{
	height: 40px;
    overflow: hidden;
    margin: 10px 0px 15px;
}

.view-column .b-user__article-img{
	display:none;
}

.view-column .b-user__article p {
	height: 50px;
    overflow: hidden;
}

.view-column .card-litsovet .b-collection__row-item span{
	display:block;
}

.view-column .b-collection__row-item span{
	d1isplay:none;
}

.view-column .b-user__article-author-img{
	display:none;
}

.view-column .b-user__article-author:after {
	display:none;
}

.view-column .b-user__article-top-left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

/* =========== b-article__col =========== */
.b-article__col{
	width: 33.333333%;
}
.b-article__item{
	background: #FFFFFF;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 10%);
	border-radius: 7px;
	border: 1px dashed #ccc;
	position: relative;
	transition: 0.3s;
}
.b-article__item:hover{
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 20%);
	transition: 0.3s;
}
.b-article__item-img{
	position: relative;
}
.b-article__item-img img{
	border-radius: 7px 7px 0 0;
}
.b-article__item-label{
	position: absolute;
	top: 15px;
	bottom: auto;
	left: 10px;
	font-weight: 500;
	font-size: 12px;

	display: flex;
	align-items: center;
	color: #ffffff;
	padding: 6px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 15px;
	background: #4e4e4e;
}
.b-article__item-content{
	padding: 20px 10px 15px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-article__item-name{
	font-weight: 800;
	font-size: 16px;

	color: #373737;
	margin: 0 0 25px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.b-article__item-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 0 0px;
	font-size: 14px;
	color: #656565;
}
.b-article__item-row .b-item__rating{
	position: static;
}
.b-article__item-price{
	font-weight: 500;
	font-size: inherit;

	color: inherit;
}
/* =========== modal authorization =========== */
.b-modal_authorization{

}

.b-modal .btn-close {
    position: absolute;
    top: 0px;
    right: -55px;
    background: #ffffff;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    opacity: 1;
    color: #373737;
    font-size: 14px;
}

.b-modal .btn-close:hover , .b-modal .btn-close:focus , .b-modal .btn-close:active{
	box-shadow: none;
}
.b-modal_authorization .modal-dialog{
	max-width: 400px;
	background: #ffffff;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	padding: 50px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-modal__container-title{
	font-weight: 800;
	font-size: 26px;

	text-align: center;
	color: #373737;
	margin: 0 0 35px 0;
}
.b-modal__container-item{
	position: relative;
	width: 100%;
	margin: 0 0 15px 0;
}
.b-modal__container-item_ico{
	position: absolute;
	top: 0;
	height: 44px;
	display: flex;
	align-items: center;
	left: 5px;
	width: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}
.b-modal__container-icons{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 44px;
	padding: 0 15px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-modal__container-icons i{
	color: #565656;
	font-size: 14px;
}
.b-modal__container-icons .icon-check{
	display: none;
}
.b-modal__container-item.input-has-value .b-modal__container-icons .icon-check{
	display: block;
}
.b-modal__container-icons .icon-eye-stroke{
	font-size: 14px;
	color: #565656;
	cursor: pointer;
}
.b-modal__container-form_step{
	display: none;
}
.b-modal__container-form.active{
	display: block;
}
.b-modal__container-input{
	width: 100%;
	height: 44px;
	background: #EFEFEF;
	border-radius: 8px;
	padding: 0 35px 0 42px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 600;
    font-size: 14px;
	color: black;
}
.b-modal__container-input::-webkit-input-placeholder{
	font-weight: 500;
	font-size: 14px;

	color: #565656;
}
.b-modal__container-input:-moz-placeholder{
	font-weight: 400;
	font-size: 16px;

	color: #565656;
}
.b-modal__container-btns{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 40px 0
}
.b-modal__container-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 156px;
	height: 44px;
	font-weight: 500;
	font-size: 16px;

	color: #FFFFFF;
}
.b-modal__container-btn i{
	font-size: 15px;
	color: #ffffff;
	margin: 0 6px 0 0;
}
.btn-recovery{
	font-weight: 400;
	font-size: 12px;

	color: #8573f3;
	text-decoration: none;
}
.b-modal__social{
	margin: 0 0 35px 0;
}
.b-modal__social-title{
	font-weight: 600;
	font-size: 14px;

	color: #565656;
	margin: 0 0 15px 0;
	text-align: center;
}
.b-modal__social ul{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.b-modal__social ul li{
	margin: 0 10px 0 0;
}
.b-modal__social ul li:last-child{
	margin-right: 0px;
}
.b-modal__social ul li a{
	width: 44px;
	height: 44px;
	background: #EFEFEF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 22px;
	color: #8573f3;
	transition: 0.3s;
	padding: 10px;
}
.b-modal__social ul li a:hover{
	opacity: 0.7;
	transition: 0.3s;
}
.b-modal__text{
	margin: 0 0 35px 0;
	text-align: center;
}
.b-modal__text p{
	font-weight: 400;
	font-size: 12px;
	line-height: normal;
	color: #565656;
}
.b-modal__text p a{
	color: #FF9900;
	text-decoration: none;
}
.b-modal__container-btn_reg{
	width: 100%;
	height: 44px;
	font-size: 16px;
}
.have-account{
	display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    width: fit-content;
    height: 26px;
    padding: 9px 16px;
    border: 0px solid #9A9A9A;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    font-weight: 500;
    font-size: 12px;
    color: #9A9A9A;
    margin: 0 auto 0;
    transition: 0.3s;
}
.have-account:hover{
	background: #9A9A9A;
	color: #ffffff;
	text-decoration: none;
	transition: 0.3s;
}
.b-modal__container-error{
	display: none;
	font-weight: 400;
	font-size: 12px;

	color: #D60000;
	margin: 10px 0 0 0;
}
.b-modal__container-item_error .b-modal__container-error{
	display: block;
}
.b-modal__container-row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 15px 0;
}
.b-modal__container-row .b-modal__container-item{
	margin: 0 4px 0 0;
	width: 61px;
}
.b-modal__container-row .b-modal__container-item:last-child{
	margin-right: 0px;
}
.b-modal__container-row .b-modal__container-input{
	width: 100%;
	height: 44px;
	border-radius: 12px;
	padding: 0 15px;
	text-align: center;
}
.b-modal__confirm{

}
.b-modal__confirm-title{
	font-weight: 500;
	font-size: 16px;

	color: #9A9A9A;
	text-align: center;
	margin: 0 0 10px 0;
}
.b-modal__confirm-text{
	text-align: center;
	margin: 0 0 10px 0;
}
.b-modal__confirm-text p{
	font-weight: 400;
	font-size: 12px;

	text-align: center;
	color: #565656;
	margin: 0 0 10px 0;
}
.send-pass{
	font-weight: 600;
	font-size: 12px;

	text-align: center;
	color: #8573f3;

}
.change-phone{
	font-weight: 400;
	font-size: 14px;


	color: #8573f3;
	display: block;
	margin: 0 auto 0;
	transition: 0.3s;
}
.change-phone:hover{
	opacity: 0.7;
	transition: 0.3s;
}
/* =========== b-aside_user =========== */
.b-aside_user{

}
.b-aside__user{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.b-aside__user:hover{
	cursor: pointer;
	background: #efefef;
}

.b-aside__user-ico{
	border-radius: 100%;
	flex-shrink: 0;
	width: 65px;
	height: 65px;
	overflow: hidden;
	margin: 0 10px 0 0;
	position: relative;
}

.b-aside__user-content{

}

.b-aside__user-name{
    font-weight: 600;
    font-size: 18px;
    color: #3E3071;
    display: block;
    margin: 0 0 0px 0;
    word-break: break-all;
    height: 22px;
    overflow: hidden;
}
.b-aside__user-row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-aside__user-row p{
	font-weight: 400;
	font-size: 14px;


	color: #565656;
	padding: 0 3px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}
.b-aside__user-row p span{
	font-weight: 600;
	color: #565656;
}
.b-aside__user-btn{
	font-size: 14px;
	color: #8573f3;
	margin: 0 0 0 4px;
}
.b-aside__title_user{
	background: #8573f3;
	padding: 14px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 7px 7px 0 0;
	font-weight: 500;
	font-size: 16px;

	color: #FFFFFF;
	position: relative;
	margin: 0;
}
.b-aside__title-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 1;
}
.b-aside__title_user:after{
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e916";
	color: #ffffff;
	font-size: 6px;
	flex-shrink: 0;
}
.b-aside__title_user i{
	color: #ffffff;
	font-size: 16px;
	margin: -2px 5px 0 0;
}

/*
.b-aside_user .b-aside__nav ul li a{
	padding: 14px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 16px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #565656;
}
.b-aside_user .b-aside__nav ul li a span{
	color: #9A9A9A;
}
.b-aside_user .b-aside__nav ul li a:after{
	display: none;
}

*/
.btn-add{
	display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 36px;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1;
	padding: 0px 9px;
}

.btn-add span{
	margin-left: 5px;
}

.btn-add i{
	font-size: 16px;
	color: #ffffff;
	margin: 0px;
}

.b-aside_user .b-aside__nav_double ul li a{
	justify-content: flex-start;
}
.b-aside__nav_double .b-aside__title{
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.b-aside__nav_double .b-aside__title i{
	font-size: 10px;
	margin-left: 10px;
	transition: 0.3s;
	transform: rotate(180deg);
}
.b-aside__nav_double .b-aside__title.active i{
	transform: rotate(0deg);
	transition: 0.3s;
}

	/* =========== b-user__subscribers =========== */
.b-user__subscribers{

}
.b-user__subscribers table{
	width: 100%;
	border-spacing: 0 10px;
}
.b-user__subscribers table thead th{
	font-weight: 600;
	font-size: 14px;

	color: #000000;
	text-align: center;
	padding: 0 0 25px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-user__subscribers table tbody tr{
	background: #FFFFFF;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
	border-radius: 15px;
	border-bottom: 15px solid #f6f6f6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-user__subscribers table tbody tr td{
	padding: 15px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #888888;
}
.b-user__subscribers-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;

}
.b-user__subscribers-img{
	flex-shrink: 0;
	width: 54px;
	height: 54px;
	margin: 0 10px 0 0;
	position: relative;
}
.b-user__subscribers-img img{
	width: 100%;
	height: 100%;
	border-radius: 100%;
	object-fit: contain;
}
.b-user__subscribers-label{
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: auto;
	background: #8573f3;
	border: 1px solid #FFFFFF;
	-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: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 8px;
	padding: 6px;
}
.b-user__subscribers-status{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 12px;
	height: 12px;
	background: #00D622;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
	border-radius: 15px;
}
.b-user__subscribers-wrap{
	text-align: left;
}
.b-user__subscribers-name{
	display: block;
	font-weight: 800;
	font-size: 14px;

	color: #000000;
	margin: 0 0 4px 0;
}
.b-user__subscribers-text{
	font-weight: 500;
	font-size: 12px;

	color: #565656;
}
.b-user__subscribers-btn{
	width: auto;
	height: auto;
	background: #EFEFEF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 8px rgb(0 0 0 / 10%);
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #9A9A9A;
	font-size: 12px;
	transition: 0.3s;
	padding: 10px;
}

.b-user__subscribers-btn:hover{
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
}
/* =========== b-sale =========== */
.b-sale{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	background: #FFFFFF;
	border: 1px dashed #9A9A9A;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
    margin-bottom: 0px;
	transition: 0.3s;
}
.b-sale:last-child{
	margin-bottom: 0px;
}
.b-sale__number{
	padding: 35px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 800;
	font-size: 26px;

	display: flex;
	align-items: center;
	justify-content: center;
	color: #8573f3;
	border-right: 1px dashed #9A9A9A;
	width: 103px;
	flex-shrink: 0;
}
.b-sale__content{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex-grow: 1;
    flex-direction: column;
}
.b-sale__content-wrap p{
	font-weight: 500;
	font-size: 14px;

	color: #565656;
	margin: 0 0 0 20px 0;
}
.b-sale__content-wrap p b{
	display: block;
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 5px;
}
.b-sale__content-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	color: gray;
}
.b-sale__content-left{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 15px 0 0;
}
.b-sale__content-left:last-child{
	margin-right: 0px;
}
.b-sale__content-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: inherit;


	color: inherit;
	margin: 0 15px 0 0;
}
.b-sale__content-item:last-child{
	margin-right: 0px;
}
.b-sale__content-item i{
	font-size: 14px;
	margin: 0 5px 0 0;
}
.b-sale__content-item span{
	margin: 0 5px 0 0;
}
.b-sale__content-item  b{

}
.b-sale__code{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px dashed white;
	text-align: center;
}
.b-sale__code-title{
	font-weight: 500;
	font-size: 12px;
	color: #9A9A9A;
	margin: 0 0 5px 0;
}
.b-sale__code-block{
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 21px;
    color: #373737;
    display: flex;
    align-items: center;
    height: 36px;
    line-height: normal;
}
.b-sale__code-block i{
	color: #565656;
}
.b-sale__code-copy{
	font-weight: 500;
	font-size: 12px;
	color: #FF9900;
}

.b-sale__content-wrap {
    margin: 0px 0px 15px;
}
/* =========== b-quote =========== */
.b-quote{
	background: #FFFFFF;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 20px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-quote:hover{
	box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
	transition: 0.3s;
}
.b-quote__top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 15px 0;
}
.b-quote__label{
	background: #8573f3;
	border-radius: 18px;
	padding: 4.1px 8.2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 600;
	font-size: 12px;


	color: #FFFFFF;
}
.b-quote__btns{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-quote__btn{
	font-size: 20px;
	color: #9A9A9A;
	margin: 0 5px 0 0;
}
.b-quote__btn:last-child{
	margin-right: 0px;
}
.b-quote__name{
	margin: 0 0 10px 0;
	font-weight: 600;
	font-size: 16px;

	color: #373737;
}
.b-quote__book{
	font-weight: 500;
	font-size: 14px;


	color: #9A9A9A;
	margin: 0 0 15px 0;
}
.b-quote__book a{
	color: #FF9900;
	text-decoration: none;
}
.b-quote__bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.b-quote__like{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600;
	font-size: 14px;


	color: #565656;
}
.b-quote__like i{
	font-size: 20px;
	margin: 0 5px 0 0;
	color: #D60000;
}
/* -------------- b-block -------------- */
.b-block{
	background: #FFFFFF;
	box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
	border-radius: 15px;
	transition: 0.3s;
}
.b-block:hover{
	box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
	transition: 0.3s;
}
.img-placeholder{
	width: 100%;
	height: 100%;
}
.b-block__image{
	height: 200px;
	background: gray;
	border-radius: 15px 15px 0 0;
}
.b-block__image img{
	width: 100%;
	max-height: 200px;
	object-fit: contain;
	border-radius: 15px 15px 0 0;
}
.b-block__content{
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-block__content-title{
	font-weight: 800;
	font-size: 16px;

	color: #373737;
	margin: 0 0 10px 0;
}
.b-block__content p{
	font-weight: 500;
	font-size: 14px;

	color: #565656;
	margin: 0 0 15px 0;
}
.b-block__content-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.b-block__user{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 500;
	font-size: 14px;


	color: #9A9A9A;
	text-decoration: none;
}
.b-block__user-img{
	width: 32px;
	height: 32px;
	border-radius: 100%;
	margin: 0 5px 0 0;
}
.b-block__user:hover{
	text-decoration: none;
	color: #9A9A9A;
}
.b-block__like{
	font-size: 20px;
	color: #D60000;
}
/* -------------- b-contest -------------- */
.b-contest{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 10%);
	border-radius: 15px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	position: relative;
	border: 1px dashed #ccc;
}
.b-contest:hover{
	box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
	transition: 0.3s;
}
.b-contest__left{
	position: relative;
	width: 165px;
	flex-shrink: 0;
	margin: 0 15px 0 0;
}
.b-contest__img{
	position: relative;
}
.b-contest__img img{
	border-radius: 15px;
}
.b-contest__img:before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	content: "";
	background: rgba(0, 0, 0, 0.26);
	border-radius: 15px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
}

.b-contest a{
	font-size: 16px;
    font-weight: 800;
    height: 41px;
    overflow: hidden;
    margin: 10px 0px 15px 0px;
    display: flex;
}

.b-contest__left-text{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.b-contest__left-text p{
	font-weight: 500;
	font-size: 21px;

	color: #FFFFFF;
	margin: 0;
	text-align: center;
}
.b-contest__left-text p b{
	display: block;
	font-weight: 800;
	font-size: 26px;

	color: #FFFFFF;
	padding: 5px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-contest__title{
	font-weight: 500;
	font-size: 12px;

	color: #565656;
	margin: 0 0 10px 0;
}
.b-contest__name{
	display: block;
	font-weight: 800;
	font-size: 16px;

	color: #373737;
	margin: 0 0 30px 0;
	text-decoration: none;
}
.link-hover{
	transition: 0.3s;
}
.link-hover:hover , link-hover:focus , link-hover:active{
	opacity: 0.7;
	transition: 0.3s;
	text-decoration: none;
	color: #373737;
}
.b-contest__row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-contest__row-item{
	font-weight: 500;
	font-size: 14px;

	color: #565656;
	margin: 0 20px 0 0;
}
.b-contest__row-item b{
	color: #000000;
	padding: 0 0 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-contest__row-item:last-child{
	margin-right: 0px;
}
/* =========== book =========== */
.book{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
	position: relative;
}
.book:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background: url(../images/border-dashed.png) bottom left repeat-x;
}
.book__img{
	width: 70px;
	margin: 0 10px 0 0;
	flex-shrink: 0;
}
.book__img img{
	border-radius: 9px;
}
.book__content{

}
.book__authors{
	font-weight: 500;
	font-size: 12px;

	color: #FF9900;
	margin: 0 0 5px 0;
	height: 16px;
	overflow: hidden;
}
.book__name{
	font-weight: 800;
	font-size: 14px;

	color: #373737;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* =========== b-works =========== */
.b-works{
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
	background: #FFFFFF;
	box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
	border-radius: 15px;
	max-width: 200px;
	height: 285px;
	position: relative;
	overflow: hidden;
	border: 1px dashed;
	border-color: #e9e9e9;
}
.b-works:hover{
	box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
	transition: 0.3s;
}
.b-works:after{
	z-index: 1;
	content: "";
	width: 132px;
	height: 132px;
	position: absolute;
	left: -30px;
	bottom: -65px;
	background: rgba(0, 0, 0, 0.07);
	border-radius: 38px;
	transform: rotate(-30deg);
}
.b-works__top{

}
.b-works__cat{
	font-weight: 800;
	font-size: 16px;

	color: #4e4e4e;
	margin: 25px 0px 15px;
}
.b-works__number{
	font-weight: 800;
	font-size: 26px;

	color: #8573f3;
}
.b-works__bottom{
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.b-works__btn{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;

	color: #000000;
	padding: 4px 8px;
	border-radius: 15px;
}
.b-works__btn i{
	margin: 0 0 0 3px;
	font-size: 10px;
}
.b-works__btn:hover {
	background: #8573f3;
	color: #ffffff;
}

/* -------------- b-player -------------- */
.b-player{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	padding: 10px 15px;
}
.b-player__nav{
	width: 36px;
	flex-shrink: 0;
	margin: 0 10px 0 0;
}
.b-player__nav-btn{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #EFEFEF;
	box-shadow: 0px 0px 0px rgb(0 0 0 / 10%);
	border-radius: 4px;
	font-size: 14px;
	padding: 11px;
}
.b-player__nav-btn_next:before{
	transform: rotate(180deg);
}
.b-player__nav-btn:hover {
	background: #8573f3;
	color: white;
}
.b-player__img{
	width: 76px;
	height: 76px;
	flex-shrink: 0;
	position: relative;
	margin: 0 10px 0 0;
}
.b-player__img img{
	width: 100%;
	height:100%;
	border-radius: 7px;
}
.b-player__play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	width: 36px;
	height: 36px;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 30px;
	font-size: 14px;
	color: #ffffff;
	transition: 0.3s;
}
.b-player__play:hover{
	background: #8573f3;
	color: white;
}
.b-player__content{
	flex-grow: 1;
	margin: 0 55px 0 0;
}
.b-player__name{
	font-weight: 800;
	font-size: 16px;

	color: #000000;
	display: block;
	margin: 0 0 5px 0;
}
.b-player__author{
	font-weight: 500;
	font-size: 12px;

	color: #565656;
	margin: 0 0 5px 0;
}
.b-player__row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-player__progress{
	flex-grow: 1;
	border-radius: 7px;
	background: #C4C4C4;
	height: 6px;
	margin: 0 10px 0 0;
}
.b-player__progress-line{
	height: 100%;
	background: #8573f3;
	border-radius: 7px;
}
.b-player__time{
	font-weight: 500;
	font-size: 10px;


	color: #565656;
}
.b-player__btns{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-player__btn{
	width: auto;
	height: auto;
	background: #EFEFEF;
	box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
	border-radius: 4px;
	font-size: 12px;
	color: #565656;
	margin: 0 2px 0 0;
	padding: 10px;
}
.b-player__btn:hover {
	background: #8573f3;
	color: white;
}
.b-player__btn:last-child{
	margin-right: 0px;
}
/* -------------- block -------------- */
.block{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background: #FFFFFF;
	border-radius: 7px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.block__img{
	width: 110px;
	flex-shrink: 0;
	margin: 0 10px 0 0;
	filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));
}
.block__img img{
	border-radius: 13px;
}
.block__content{

}
.block__content b{
	display: block;
	font-weight: 800;
	font-size: 16px;

	color: #434343;
	margin: 0 0 5px 0;
}
.block__content p{
	font-weight: 500;
	font-size: 14px;

	color: #565656;
}
/* -------------- block -------------- */
.item{
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
}
.item__top{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 10px 0;
}
.b-dropdown-select_2 .b-dropdown-select:first-child{
	margin-left: 0px;
}
.b-dropdown-select_2 .b-dropdown-select__top{
	background: #EFEFEF;
	border-radius: 4px;
	padding: 9px 16px;
	border: none;
	box-shadow: none;
	font-size: 14px;

	font-weight: 400;
	color: #565656;
	height: auto;
}
.b-dropdown-select_2 .b-dropdown-select__top:after{
	font-size: 8px;
	margin: 0 0 0 13px;
}
.b-dropdown-select_2 .b-dropdown-select__menu li a{
	font-size: 12px;
	background: #EFEFEF;
	padding: 7px;
	transition: 0.3s;
}
.b-dropdown-select_2 .b-dropdown-select__menu li a:hover{
	background: rgba(239, 239, 239, 0.6);
	transition: 0.3s;
}
.item__bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.item__btns{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.item__btn{
	width: auto;
	height: auto;
	background: transparent;
	border-radius: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #565656;
	padding: 7px;
	font-size: 22px;
	margin: 0 10px 0 0;
}
.item__btn:last-child{
	margin-right: 0px;
}
.item__btn.icon-arrow-right{
	padding: 0 0 0 2px;
	font-size: 10px;
}
.item__button{
	padding: 6px 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 14px;

	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
}
.item__button i{
	margin: 0 10px 0 0;
	color: #ffffff;
	font-size: 12px;
}
.item_user{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.item_user .b-input{
	flex-grow: 1;
	margin: 0;
}
.item_user .item__user{
	flex-shrink: 0;
	width: 42px;
    height: 42px;
	margin: 0 5px 0 0;
	border-radius: 100%;
	overflow: hidden;
}
.item_user__add{
	flex-shrink: 0;
	width: 33px;
	height: 36px;
	background: #EFEFEF;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #565656;
}
.b-best{
	filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 10%));
	border-radius: 7px;
	background: #ffffff;
	transition: 0.3s;
	padding: 0px;
	overflow: hidden;
}
.b-best:hover{
	box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
	transition: 0.3s;
}
.b-best__top{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	height: 145px;
	padding: 24px 0 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.b-best__top-obl{
    height: 150%;
    position: absolute;
    overflow: hidden;
    top: 0;
    margin: 0px 0px 0px 0px;
    z-index: -1;
	background: #eeeeee;
}


.b-best__top-obl img{
    width: 100%;
    filter: blur(10px);
    height: 100%;
}

.b-best__book{
	display: block;
    margin: 0 10px 0 0;
    width: 70px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 0 3px #eeeeee;
    border: 1.5px solid #858585;
}
.b-best__content{
	padding: 20px 15px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-best__content-top{
    margin: 0 0 15px 0;
    height: 120px;
    overflow: hidden;
}
.b-best__name{
	font-weight: 800;
    font-size: 16px;
    color: #373737;
    margin: 15px 0 10px 0;
    max-height: 40px;
    overflow: hidden;
}
.b-best__content-top p{
	font-weight: 500;
	font-size: 14px;
	color: #9A9A9A;
	line-height: normal;
}
.b-best__content-bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	font-weight: 800;
	color: #8080809c;
}
.b-best__author{
	font-weight: inherit;
	font-size: inherit;

}
.b-best__books{
	font-weight: inherit;
	font-size: inherit;


	color: inherit;
}
/* -------------- b-publication -------------- */
.b-publication{
    background: #FFFFFF;
    border-radius: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 0px 15px;
	position: relative;
}
.b-publication__top{
    margin: 15px 15px 15px
}
.b-publication__user{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-publication__user-img{
	width: 36px;
	height: 36px;
	border-radius: 100%;
	overflow: hidden;
	margin: 0 10px 0 0;
}
.b-publication__user-text{

}
.b-publication__user-name{
	display: block;
	font-weight: 800;
	font-size: 12px;

	color: #565656;
}
.b-publication__user-date{
	font-weight: 400;
	font-size: 12px;

	color: #000000;
}
.b-publication__user-content{
	margin: 5px 15px 10px;
}
.b-publication__user-content img{
    margin: 0 0px 25px;
    width: 100%;
}
.b-publication__user-content p{
	font-weight: 500;
	font-size: 14px;

	color: #000000;
}
.b-publication__user-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	color: gray;
	    margin: 0px 15px 10px;
}
.b-publication__user-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-publication__user-row .b-collection__row-item span{
	font-size: inherit;
}
.b-publication__user-row .b-collection__row-item span b{
	font-weight: 600;
	color: #9A9A9A;
}
.b-publication__user-row .b-collection__row-item i{
	font-size: inherit;
}
.b-publication__user-row .b-collection__row-item .fi-rr-angle-down{
	color: #565656;
	font-size: 10px;
	margin: 0 0 0 8px;
}

.b-publication__poster {
    width: 100%;
    display: flex;
	margin: 0px 0px 15px;
}

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

.buttons-rate{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.button-rate{
	font-weight: inherit;
	font-size: inherit;

	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #9A9A9A;
	margin: 0 10px 0 0;
}
.button-rate:last-child{
	margin-right: 0px;
}
.button-rate i{
	margin: 0 5px 0 0;
	color: #565656;
	font-size: inherit;
}
.b-publication .item{
	box-shadow: none;
	margin: 10px 0 0 0;
}
/* -------------- b-user-block -------------- */
.user__row{
	margin-left: -7.5px;
	margin-right: -7.5px;
}
.b-user-block__col{
	padding: 7.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 275px;
}
.b-user-block{
    max-width: 290px;
    background: #FFFFFF;
    border: 1px solid #efefef;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* box-shadow: 0px 0px 5px rgb(0 0 0 / 10%); */
    border-radius: 7px;
    padding: 0px;
}
.b-user-block__top{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 5px 0;
    padding: 15px 15px 15px;
    /* background: #efefef;
}
.b-user-block-img{
	flex-shrink: 0;
    width: 50px;
    height: 50px;
    /* filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.35)); */
    border-radius: 30px;
    overflow: hidden;
    margin: 0 10px 0 0;
}
.b-user-block__top-wrap{

}
.b-user-block__name{
	font-weight: 800;
	font-size: 14px;

	color: #373737;
	display: block;
	margin: 0 0 0px 0;
}
.b-user-block__books{
	font-weight: 500;
	font-size: 12px;

	color: #565656;
}
.b-user-block__content{
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px 0;
    background: #8573f338;
    padding: 15px 15px;
}
.b-user-block__book{
	width: 33.333333%;
	margin: 0 5px 0 0;
}
.b-user-block__book img{
	filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.2));
	border-radius: 4px;
}
.b-user-block__book:last-child{
	margin-right: 0px;
}
.b-user-block__bottom{
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    color: #8e8e8e;
    font-weight: 600;
    font-size: 14px;
    padding: 5px 15px 15px;
}
.b-user-block__item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 10px;
}
.b-user-block__item:last-child{
	margin-right: 0px;
}
.b-user-block__item i{
	font-size: inherit;
	margin: 0 5px 0 0;
}
.b-user-block__item span{
	font-weight: inherit;
	font-size: inherit;

	color: inherit;
}
/* -------------- notification -------------- */
.notification{
	padding: 15px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	margin-bottom: 15px;
}
.notification_not .notification__top-date:after{
	display: none;
}
.notification:last-child{
	margin-bottom: 0px;
}
.notification__top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 5px 0;
}
.notification__top-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.notification__top-left i{
	font-size: 14px;
	color: #373737;
	margin: 0 10px 0 0;
}
.notification__top-left span{
	font-weight: 800;
	font-size: 16px;

	color: #343434;
}
.notification__top-date{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 400;
	font-size: 12px;

	color: #9A9A9A;
}
.notification__top-date:after{
	content: "";
	background: #00D622;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	margin: 0 0 0 5px;
}
.notification__content{
	padding: 0 0 0 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.notification__content p{
	font-weight: 500;
	font-size: 14px;

	color: #565656;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.notification-mark{
	width: 285px;
	height: 36px;
	margin: 35px auto 0;
}
.notification-mark i{
	font-size: 14px;
	margin: 0 6px 0 0;
}
.notification-content{
	margin-bottom: 35px;
}
.notification-table{

}
.notification-table table{
	width: 100%;
}
.notification-table table thead tr th{
	background: #EFEFEF;
	font-weight: 600;
	font-size: 16px;

	color: #9A9A9A;
	padding: 17px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.notification-table table tbody tr td{
	padding: 17px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
	font-size: 16px;

	color: #000000;
}
.notification-table table tbody tr td.coming{
	color: #00D622;
}
.notification-table table tbody tr td.consumption{
	color: #D60000;
}
/* -------------- b-input -------------- */
.b-input{
	margin: 0px 0 10px 0;
}
.b-input__row{
	position: relative;
}
.b-input__top{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 800;
	font-size: 18px;

	color: #565656;
	margin: 0 0 10px 0;
}
.b-input__top i{
	font-size: 14px;
	margin: 0 0 0 5px;
	color: #9A9A9A;
}
.b-input__tags{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-left: -2.5px;
	margin-right: -2.5px;
	margin-top: 10px;
}
.b-input__tags-col{
	padding-left: 2.5px;
	padding-right: 2.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.b-input__tags-item{
	border-radius: 30px;
	font-weight: 500;
	font-size: 14px;


	padding: 2px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #CC9EFC;
	position: relative;
	transition: 0.3s;
}
.b-input__tags-item a{
	font-size: 10px !important;
	color: #D60000;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #D60000;
	text-decoration: none;
	position: absolute;
	top: 51%;
	transform: translateY(-50%);
	right: 0px;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
	padding:0 !important;
}
.b-input__tags-item:hover{
	padding-right: 25px;
	transition: 0.3s;
}
.b-input__tags-item:hover a{
	right: 10px;
	transition: 0.3s;
	opacity: 1;
	visibility: visible;
}
.b-input__row-case{
	flex-grow: 1;
}

.b-add{
    width: fit-content;
    min-width: 46px;
    height: 46px;
    padding: 0px 12px;
    flex-shrink: 0;
    margin: 0 0 0 5px;
    border: 1px solid #CC9EFC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border-radius: 7px;
}
.btn-icon{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));
	border-radius: 7px;
	border: 1px solid #CC9EFC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	font-size: 14px;

	flex-shrink: 0;
	width: auto;
	height: auto;
	margin: 0 0 0 5px;
	padding: 0px 16px;
}


.btn-icon .icon-plus{
	font-size: 16px;
	margin: 0 6px 0 0;
}
.btn-icon .icon-check{
	font-size: 20px;
	margin: 0 0 0 6px;
}

.btn-icon  .icon-plus:hover{
	background: #8573f3;
	color: white;
	border-radius: 50%;
}

.icon-plus:before {
	content: "\f101";
	color: inherit;
}

.btn-icon .fi-rr-angle-down{
	font-size: 12px;
	margin: 0 0 0 10px;
}
.b-input__info{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 500;
	font-size: 12px;

	color: gray;
	margin: 10px 0 0 0;
}
.b-input__info_red{
	color: #D60000;
	display: none;
}
.b-input__info_green{
	color: #009919;
}
.b-input__info .icon-urn{
	color: #D60000;
	font-size: 12px;
	margin: 0 0 0 7px;
}
.b-input__text{
	margin: 0 0 20px 0;
}
.b-input__text p{
	font-weight: normal;
	font-size: 14px;


	color: #565656;
}
.b-input__text p span{
	color: #FF9900;
}

.b-check_present{

}
.b-check_present input[type="radio"]{
	display: none;
}
.b-check_present input[type="radio"] + label{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	border: none;
	border:2px solid transparent;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0px;
	width: auto;
	height: auto;
	padding: 12px 18px;
	position: relative;
	cursor: pointer;
}
.b-check_present input[type="radio"]:checked + label{
	border-color: #CC9EFC;
}
.b-check_purple-bg input[type="radio"] + label{
	border: none;
}
.b-check_purple-bg input[type="radio"]:checked + label{
	background: darkorange;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.b-check_present input[type="radio"] + label span{

}
.b-check_present input[type="radio"] + label span i{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;

	color: #565656;
}
.b-check_present input[type="radio"]:checked + label span i{
	background: #8573f3;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration: none;
}
.b-check_purple-bg input[type="radio"]:checked + label span i{
	color: #ffffff;
	-webkit-text-fill-color: #ffffff;
}
.b-check_present input[type="radio"] + label span i:before{
	margin: 0 6px 0 0;
}
.b-check_border-black input[type="radio"]:checked + label{
	border-color: #000000;
}
.b-check_border-black input[type="radio"]:checked + label span i{
	color: #000000;
	-webkit-text-fill-color: #000000;
}
.b-check_present-input{
	width: 165px;
	flex-shrink: 0;
	position: relative;
}
.b-check_present-input_big{
	width: 205px;
}
.b-check_present-input input{
	width: 100%;
	height: 46px;
	padding: 0 18px 0 40px;
	background: #EFEFEF;
	border: 1px solid #EFEFEF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
	font-size: 14px;

	color: #565656;
}
.b-check_present-input:before{
	position: absolute;
	top: 50%;
	left: 18px;
	transform: translateY(-50%);
	content: "\e913";
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #565656;
}

.b-check_pay{
	width: 25%;
	margin: 0 6px 0 0;
}
.b-check_pay:last-child{
	margin-right: 0px;
}
.b-check_pay input[type="radio"]{
	display: none;
}
.b-check_pay input[type="radio"] + label{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	background: #FFFFFF;
	border: 1px dashed #9A9A9A;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
	border-radius: 7px;
	width: 100%;
	height: 74px;
	position: relative;
	cursor: pointer;
	color: #9A9A9A;
}
.b-check_pay input[type="radio"] + label:hover{
	box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
}
.b-check_pay input[type="radio"]:checked + label{
	border: 2px solid #9A9A9A;
	background-color: #8573f3;
	color: white;
}
.b-check_pay input[type="radio"] + label span{
	font-size: 14px;

	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 800;
}
.b-check_pay input[type="radio"] + label span i{
	color: #9A9A9A;
	font-size: 26px;
	margin: 0 5px 0 0;
}
.b-check_pay input[type="radio"]:checked + label span{
	background: white;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration: none;
	font-weight: 800;
}
/* -------------- b-faq -------------- */
.b-faq{
	background: #FFFFFF;
	box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
	border-radius: 7px;
	margin: 0 0 10px 0;
}

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

.b-faq:last-child{
	margin-bottom: 0px;
}
.b-faq__top{
	padding: 15px 15px 15px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 14px;
    color: #605d5d;
    cursor: pointer;
    position: relative;
}
.b-faq__top:after{
	position: absolute;
	top: 50%;
	right: 15px;
	content: "\e90c";
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 9px;
	color: #9A9A9A;
	transition: 0.3s;
	transform: translateY(-50%) rotate(180deg);
}
.b-faq__top.collapsed:after{
	transform: translateY(-50%) rotate(0deg);
	transition: 0.3s;
}
.b-faq__container{
	padding: 5px 15px 15px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid orange;
    border-width: 0px 2px 2px 2px;
}

.sections_add_book .b-faq.opened .b-faq__top {
    background: orange;
    color: #fff;
}

.b-faq__container p{
	font-weight: 500;
	font-size: 14px;

	color: #565656;
	padding-top: 10px;
}
.b-faq__container p b{
	font-weight: 800;
	color: black;
}
/* -------------- blog page -------------- */
.filter{
	position: relative;
	margin: 0 5px 0 0;
}
.filter:last-child{
	margin-right: 0px;
}
.filter__top{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	padding: 8px 15px;
}
.filter__top i{
	font-size: 14px;
	color: #000000;
	margin: 0 6px 0 0;
}
.filter__top-n{
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	font-weight: 600;
	font-size: 14px;


	color: #FFFFFF;
	padding: 3px 5.8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.filter__top-text{
	font-weight: 500;
	font-size: 16px;

	color: #565656;
	margin: 0 6px 0 0;
}
.filter__top.purple-bg i{
	color: #ffffff;
}
.filter__top.purple-bg .filter__top-n{
	color: #565656;
}
.filter-clear{
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	color: #D60000;
	font-size: 13px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
}
.filter__top.purple-bg .filter__top-text{
	color: #ffffff;
}
.filter__top .fi-rr-angle-down{
	font-size: 10px;
	color: #565656;
	transition: 0.3s;
}
.filter__top .icon-delete{
	font-size: 10px;
	color: #565656;
	margin: 0 0 0 10px;
}
.filter__top:after{
	display: none;
}
.filter__top.show .fi-rr-angle-down{
	transform: rotate(180deg);
	transition: 0.3s;
}

.filter__dropdown{
	position: absolute;
	top: 140%;
	left: 0;
	background: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	padding: 25px 15px;
	border: none;
	width: 720px;
	z-index: 100;
}
.filter__dropdown.show{
	inset: 18px auto auto 0px !important;
}
.filter__dropdown:after {
	bottom: 100%;
	left: 33px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.b-input_top{
	margin: 0 0 50px 0;
}
.auth-container{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-width: wrap;
	margin-right: -5px;
	margin-left: -5px;
	margin-top: 10px;
	width: 100%;
}
.auth-col{
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 10px;
	width: 125px;
}
.auth-item{
	background: #FFFFFF;
	border: 1px solid #EFEFEF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	padding: 15px 10px;
}
.auth-item__img{
	position: relative;
	margin: 0 auto 5px;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	overflow: hidden;
}
.auth-item__delete{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	font-size: 14px;
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.auth-item__content{
	text-align: center;
}
.auth-item__name{
	display: block;
	font-weight: 600;
	font-size: 14px;


	color: #565656;
	margin: 0 0 10px 0;
}
.auth-item__books{
	font-weight: 400;
	font-size: 14px;


	color: #565656;
}
.auth-item:hover .auth-item__delete{
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}
.b-input__row ul{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	margin: 15px 0 0 0;
}
.b-input__row ul li{

}
.b-input__row ul li a{
	padding: 8px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 16px;

	color: #9A9A9A;
	text-decoration: none;
}
.b-input__row ul li a.active{
	background: linear-gradient(135.5deg, #FD68F1 5.27%, #FDAA6E 100%);
	color: #FFFFFF;
}
.filter__dropdown-bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* --------------  b-post -------------- */
.b-post{
	padding: 0px 0 0px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 15px 0;
    position: relative;
}

.b-post__top{
	position: relative;
	background: white;
	padding-top: 35px;
}
.b-post__top .b-breadcrumbs{

}
.b-post__img{
    height: 350px;
    position: relative;
    overflow: hidden;
    margin-bottom: -130px;
	margin-top: -35px;
}
.b-post__img:before{
	position: absolute;
	top: 22px;
	left: 0;
	content: "";
	width: 100%;
	height: calc(100% - 22px);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 79.76%);
}
.b-post__img img{
	width: 100%;
	height: auto;
	object-fit: contain;
}
.b-post__top .b-content__section-title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    padding: 0px 15px;
	line-height: normal;
}
.b-comment__btn{
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 16px;

	color: #565656;
	width: 100%;
	margin: 20px 0 0 0;
}
.b-comment__btn-n{
	font-weight: 600;
	font-size: 14px;


	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	padding: 3px 6px;
	margin: 0 6px;
}
.b-comment__btn .fi-rr-angle-down{
	margin: 0 0 0 3px;
	font-size: 10px;
}
.creation-btn i{
	font-size: 12px;
	width: 14px;
	text-align: center;
	margin: 0 11px 0 0;
}
.creation-back i{
	transform: rotate(180deg);
}
.creation-next i{
	margin: 0 0 0 11px;
}
.b-item__col .b-input{
	margin: 0;
}
.b-input__block_small .b-input-dropdown{
	width: 180px;
}
.b-input_mb20{
	margin-bottom: 20px !important;
}
.add-creation__wrap{

}
.add-creation__info{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600;
	font-size: 16px;

	color: #565656;
	margin: 0 0 15px 0;
}
.add-creation__info:last-child{
	margin-bottom: 0px;
}
.add-creation__info i{
	margin: 0 0 0 5px;
}
.line-border{
	background: url("../images/border-black.png") center repeat-x;
	width: 100%;
	height: 1px;
}
/* --------------  b-contest__item -------------- */
.b-contest__item{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 50px;
}
.b-contest__item-img{
	width: 200px;
	border-radius: 25px;
	overflow: hidden;
	flex-shrink: 0;
	margin: 0 15px 0 0;
}
.b-contest__item-content{
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-contest__item-name{
	font-weight: 800;
	font-size: 26px;

	color: #373737;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0 0 15px 0;
}
.b-contest__counter{

}
.b-contest__counter-text{
	font-weight: 500;
	font-size: 16px;

	color: #8573f3;
	margin: 0 0 25px 0;
}
.b-contest__counter-row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0 0 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-contest__counter-item{
	text-align: center;
	width: 58px;
	position: relative;
}
.b-contest__counter-colon{
	margin: 0 10px;
	width: 3px;
	padding: 13px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex-shrink: 0;
}
.b-contest__counter-colon:before{
	content:"";
	width: 4px;
	height: 4px;
	display: block;
	background: #565656;
	margin-bottom: 6px;
}
.b-contest__counter-colon:after{
	content:"";
	width: 4px;
	height: 4px;
	display: block;
	background: #565656;
}
.b-contest__counter-item b{
	display: block;
	font-weight: 600;
	font-size: 21px;

	color: #565656;
	margin: 0 0 5px 0;
}
.b-contest__counter-item span{
	display: block;
	font-weight: normal;
	font-size: 16px;

	color: #4E4E4E;
}
.b-contest__container ul , .b-contest__container ol{
	padding: 0 0 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 20px 0;
}
.b-contest__container ul li , .b-contest__container ol li{
	list-style: disc;
	list-style-position: outside;
	font-weight: 400;
	font-size: 16px;

	color: #000000;
}
.b-contest__container ol li{
	list-style: -moz-ethiopic-numeric;
}
/* --------------  service-block  -------------- */
.service-block{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.service-block__left{

}
.service-block__categories{
	font-weight: 600;
	font-size: 16px;

	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	color: #373737;
	margin: 10px 0;
}
.service-block__categories b{
	font-weight: 600;
	padding: 0 5px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.service-block__categories a{
	font-weight: 500;
	background: #8573f3;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration: none;
	padding: 0 5px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.service-block__categories_2{

}
.service-block__categories_2 b{
	padding: 0 0 5px 0;
	display: block;
	width: 100%;
}
.service-block__text{
	margin: 0 0 10px 0;
}
.service-block__text b{
	display: block;
	font-weight: 600;
	font-size: 21px;

	color: #000000;
	margin: 0 0 10px 0;
}
.service-block__text p{
	font-weight: 400;
	font-size: 18px;

	color: #565656;
}

.service-block__left-bottom{
	margin: 35px 0 0 0;
}
.service-block__right{
	width: 250px;
	flex-shrink: 0;
	margin: 0 0 0 15px;
}
.service-block__img{
	margin: 0 0 40px 0;
	position: relative;
}
.service-block__img img{
	border-radius: 15px;
}
.service-block__label{
	position: absolute;
	top: 25px;
	left: 0;
	padding: 6px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 14px;

	color: #FFFFFF;
	border-radius: 0 30px 30px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.service-block__label i{
	margin: 0 5px 0 0;
	font-size: 18px;
}
.service-block__price{
	font-weight: 800;
	font-size: 26px;

	color: #373737;
	margin: 0 0 15px 0;
}
.service-block__btns{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
}
.service-block__order{
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 16px;

	color: #FFFFFF;
	height: 30px;
	flex-grow: 1;
	border-radius: 8px 0 0 8px;
}
.service-block__order i{
	font-size: 14px;
	margin: 0 7px 0 0;
}
.service-block__btn{
	width: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	color: #000000;
}
.service-block__btn:last-child{
	border-radius: 0 8px 8px 0;
}
/* --------------  tags page -------------- */
.b-alphabet{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
    padding: 0px 15px 0px;
}
.b-alphabet a{
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    color: #322d2d;
    padding: 3px;
    text-align: center;
    display: flex;
    align-items: center;
    width: 24px;
    justify-content: center;
    border-radius: 3px;
}
.b-alphabet a:last-child{
	margin-right: 0px;
}
.b-alphabet__list{
	margin: 0 0 15px 0;
}
.b-alphabet__list ul{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.tag-main-l{    
	padding: 20px 0px 10px;
}

.b-alphabet__list .tags-column{
	width: 33.333333%;
	padding: 10px 15px;
}

.b-alphabet__list .tag-item-name{
	width: 100%;
}

.b-alphabet__list .tags-column-ll{
	width: 33.333333%;
    padding: 0px 15px;
}

.b-alphabet__list .tag-name-chair{
	font-weight: 700;
	font-size: 18px;
	color: #000000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	padding: 2.5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.b-alphabet__list .tag-item-name i{
	font-size: 6px;
	color: #000000;
}
.b-alphabet__list .tag-item-name{
	margin-bottom: 3px;
}
.b-alphabet__list .tag-item-name:last-child{
	margin-bottom: 0px;
}
.b-alphabet__list .tag-item-name a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 500;
    font-size: 14px;
	color: #565656;
	text-decoration: none;
}

.b-alphabet a:hover{
	background: #eeeeee;
}

.b-alphabet__list .tag-item-name a span{
	padding: 1px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 22px;
}

.b-alphabet__list .tag-item-name a:hover{
	color: #000000;
}
.b-alphabet__list .tag-item-name a:hover span{
	background: #8573f3;
	color: #ffffff;
}
/* --------------  reader page -------------- */
.reader-page{
	padding-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.reader-page .b-aside{
	!display: none;
}
.reader-page .b-footer{
	!display: none;
}
.reader-page .b-content{
	padding: 0px;
}
.reader-page .b-content__center{
	padding-top: 0px;
}
.reader-page .b-breadcrumbs{
	margin-top: 0px;
}
.b-reader__container{

}
.b-reader__top{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0px;
}
.b-reader__top .b-dropdown-select{
	margin: 0 15px 0 0;
	flex-grow: 1;
}
.b-reader__top .b-dropdown-select__top{
	border-radius: 0px;
	border: none;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	color: #000000;
	font-weight: 500;
	font-size: 16px;
	padding: 9px 16px;
}
.b-reader__top .b-dropdown-select__top:after{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 7px;
}
.b-reader__top .b-dropdown-select__top.show{
	border-radius: 0px;
	border: none;
}
.b-reader__top .b-dropdown-select__menu.show{
	border: none;
}

.b-reader__player{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 41px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 16px;

	color: #565656;
	padding: 9px 20px;
	margin-right: 15px;
}
.b-reader__player i{
	margin: 0 10px 0 0;
	font-size: 10px;
}
.b-reader__bookmark{
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	min-width: 36px;
	width: fit-content;
	height: 36px;
	flex-shrink: 0;
	font-size: 14px;
	color: #D60000;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
	padding: 9px 9px;
	font-weight: 500 !important;
}
.b-reader__bookmark{
	position: relative;
}

.b-reader__bookmark span{
	margin-left: 5px;
	font-weight: 500 !important;
}

.b-reader__settings-ico span{
	margin-left: 5px;
	font-weight: 500 !important;
}

.b-reader__settings-ico{
	min-width: 36px;
	width: fit-content;
	height: 36px;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 14px;
	padding: 9px 9px;
	font-weight: 500 !important;
}
.b-reader__container{
    padding: 0px 15px 15px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
	margin: 0px 0px 0px;
}

.b-reader__body{
    margin: 35px 0px 0px 0px;
	overflow: hidden;
}

.b-reader__container-st{
	font-weight: 800;
	font-size: 26px;

	color: #373737;
	margin: 0 0 30px 0;
}
.b-reader__container p{
	font-weight: 400;
	font-size: 18px;


	color: #565656;
	margin-bottom: 15px;
}
.b-reader__container p:last-child{
	margin-bottom: 0px;
}
/* --------------  chat page -------------- */
.chat-page{

}
.chat-page .b-aside{
	display: block;
}
.b-chat{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	padding-bottom: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-chat__left{
    width: 100%;
    margin: 0 0px 0 0;
}
.b-chat__block{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #FFFFFF;
    /* box-shadow: 0px 5px 20px rgb(0 0 0 / 10%); */
    border-radius: 7px;
    padding: 15px;
    border-bottom: 2px solid #eeeeee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0px;
}

.block-item{
	display:block !important;
}

.none-item{
	display:none !important;
}

.back-btn{
    padding: 29px 10px;
    background: #8573f3;
    color: white;
    margin: -15px 15px -15px -15px;
    height: 100%;
}

.b-chat__block:hover{
	box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
	cursor:pointer;
	background: #eeeeee;
}
.b-chat__block-img{
	width: 44px;
	flex-shrink: 0;
	margin: 0 10px 0 0;
	border: 5px solid #ffffff;
	border-radius: 30px;
}
.b-chat__block-img img{
	border-radius: 100%;
}
.b-chat__block-wrapper{
	flex-grow: 1;
}
.b-chat__block-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 0px 0;
}
.b-chat__block-name{
	font-weight: 600;
	font-size: 14px;

}
.b-chat__block-date{
	font-weight: 400;
	font-size: 12px;

	color: #565656;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-chat__block-date:before{
	content: "";
	width: 5px;
	height: 5px;
	background: #9A9A9A;
	border-radius: 35px;
	margin: 0 5px 0 0;
	flex-shrink: 0;
}
.b-chat__block-sms{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.b-chat__block-sms span{
	font-weight: 500;
    font-size: 14px;
    color: #9A9A9A;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: normal;
}
.b-chat__block-n{
	font-weight: 500;
    font-size: 10px;
    color: #FFFFFF;
    padding: 0px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100%;
    height: 17px;
    line-height: 1;
    align-items: center;
    align-content: center;
    display: flex;
    margin: 2px 0px 0px;
}
.b-chat__block.active{
	background: #8573f3;
}
.b-chat__block.active .b-chat__block-name{
	color: #FFFFFF;
	-webkit-text-fill-color: #FFFFFF;
}
.b-chat__block.active .b-chat__block-date{
	color: #FFFFFF;
}
.b-chat__block.active .b-chat__block-date:before{
	background: #FFFFFF;
}
.b-chat__block.active .b-chat__block-sms span{
	color: #FFFFFF;
}
.b-chat__block.active .b-chat__block-n{
	display: none;
}
.b-chat__container {
	display: none;
    width: 100%;
    margin: 0px 0px 0px;
}
.b-chat__top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0px;
	background: #ffffff;
    color: black;
    margin: 0px 0px 0px 0px;
}

.b-chat__content{
    max-height: 650px;
    overflow: auto;
    scrollbar-color: rgba(25, 145, 235, 0) rgba(241, 241, 241 , 0);
    scrollbar-width: thin;
	background: #eeeeee;
	    display: flex;
    flex-direction: column;
	padding: 15px 0px;
}

.b-chat__content .my-mes{

}

.b-chat__content .not-mm{
	background: #7467c5fa;
    color: white;
}

.b-chat__top-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-chat__top-img{
	width: 52px;
	height: 52px;
	overflow: hidden;
	border-radius: 100%;
	flex-shrink: 0;
	margin: 0 10px 0 0;
}
.b-chat__top-row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 0px 0;
	flex-direction: column;
}
.b-chat__top-name{
	font-weight: 600;
	font-size: 14px;

	display: block;
	margin: 0 5px 0 0;
}
.b-chat__top-status{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 400;
	font-size: 12px;
}
.b-chat__top-status:before{
	content: "";
	border-radius: 100%;
	width: 7px;
	height: 7px;
	background: #00D622;
	border-radius: 22px;
	flex-shrink: 0;
	margin: 0 5px 0 0;
}
.b-chat__top-text{
	font-weight: 400;
	font-size: 14px;
}
.b-chat__top-right{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-chat__top-btn{
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	color: #818181;
	margin: 0 5px 0 0;
    background: white;
}

.b-chat__item-content .filename {
    max-height: 110px;
    overflow: hidden;
    display: block;
    border-radius: 8px;
}

.b-chat__top-btn:hover{
	cursor:pointer;
	background: #8573f3 !important;
	box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
	color: white;
}

.b-chat__nav{

}
.b-chat__nav-top{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFFFFF;
    /* box-shadow: 0px 5px 20px rgb(0 0 0 / 10%); */
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
    color: #818181;
    line-height: normal;
    height: 36px;
}
.b-chat__nav-top:hover{
	cursor:pointer;
	background: #8573f3 !important;
	box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
	color: white;
}

.b-chat__nav .icon-settings{
	font-size: 18px;
	margin: 0 6px 0 0;
}
.b-chat__nav span{
	display: block;
}
.b-chat__nav .fi-rr-angle-down{
	margin: 0 0 0 10px;
	font-size: 10px;
}
.b-action_chat{
	margin: 5px 0;
}
.b-chat__item{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	margin: 5px 0px 5px 46px;
    max-width: 70%;
    width: fit-content;
	position: relative;
}

.b-chat__item:before{
    content: "";
    border: 10px solid transparent;
    border-right: 10px solid #ffffff;
    left: -15px;
    position: absolute;
}


.not-mm:before{
    content: "";
    border: 10px solid transparent;
    border-right: 10px solid #776ac6;
    left: -15px;
    position: absolute;
}

.you-mes{
	background: gray;
}

.b-chat__item-img {
	width: 36px;
    height: 36px;
    border-radius: 100%;
    flex-shrink: 0;
    overflow: hidden;
    position: absolute;
    top: 6px;
    left: -46px;
}

.b-chat__item-wrap{

}
.b-chat__item-top{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0px 0;
    line-height: normal;
}
.b-chat__item-name{
	font-weight: 800;
    font-size: 14px;
    margin: 0 5px 0 0;
}
.b-chat__item-date{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 500;
	font-size: 14px;

}
.b-chat__item-date:before{
	content: "";
	width: 5px;
	height: 5px;
	background: #9A9A9A;
	border-radius: 35px;
	margin: 0 5px 0 0;
	flex-shrink: 0;
}
.b-chat__item-content{

}

.b-chat__item-content p{
	font-weight: normal;
	font-size: 14px;
	font-weight: 500;
	    color: unset;
}
.b-chat__bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px;
    background: #ffffff;
    margin-bottom: -10px;
}
.b-chat__bottom-item{
	position: relative;
	width: 100%;
    margin: 0 15px 0 0;
}
.b-chat__bottom-item .icon-mail{
	position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    color: unset;
    font-size: 20px;
    margin: 0px !important;
}
.b-chat__input{
	width: 100%;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 50px;
    font-weight: 500;
    font-size: 14px;
	height: fit-content;
}
.b-chat__file{
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	background: url("../images/svg/picture2.svg") center no-repeat;
	width: 20px;
	height: 20px;
	overflow: hidden;
	cursor: pointer;
}
.b-chat__file input{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.b-chat__bottom-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	font-size: 18px;
	padding: 12.21px 19px;
}
.b-chat__bottom-btn i{
	margin: 0 6px 0 0;
	font-size: 16px;
}
/* -------------- edit page -------------- */
.b-edit{
	padding: 15px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-edit__top{
	margin: 0 0 30px 0;
}
.b-edit__title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    color: #373737;
    margin: 0 0 10px 0;
}
.b-edit__title i{
	margin: 0 0 0 5px;
	font-size: 14px;
	color: #9A9A9A;
}
.b-edit__top-row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-edit__top-img{
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));
	border-radius: 71px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: 0 30px 0 0;
}
.b-edit__top-img img{
	width: 100%;
	height: 100%;
}
.b-edit__top-image{
	margin: 0 25px 0 0;
}
.b-edit__top-image span{
	display: block;
	margin: 0 0 10px 0;
	font-weight: 500;
	font-size: 14px;

	color: #565656;
}
.b-edit__top-btns{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.b-edit__top-file{
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 16px;

	position: relative;
	overflow: hidden;
	margin: 0 5px 0 0;
}
.b-edit__top-file i{
	margin: 0 0 0 12px;
	font-size: 16px;
}
.b-edit__top-file input{
	position: absolute;
	opacity: 0;
}
.b-edit__top-clear{
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	color: #565656;
}
.b-edit__images{

}
.b-edit__images-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.b-edit__images span{
	display: block;
	margin: 0 0 10px 0;
	font-weight: 500;
	font-size: 14px;

	color: #565656;
}
.b-edit__images-row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-edit__images-row img{
	object-fit: contain;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	margin: 0 5px 0 0;
}
.b-edit__images-btn i{
	margin: 0 0 0 12px;
	font-size: 10px;
}
.b-dropdown-select_two{
	margin: 0;
	width: 100%;
}

.b-edit__links{

}
.b-edit__link{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 5px;
}
.b-edit__link:last-child{
	margin-bottom: 0px;
}
.b-edit__link-text{
	border: 1px solid #565656;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 7px;
	padding: 7px 15px;
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: normal;
	font-size: 16px;

	color: #565656;
}
.b-edit__link-text .fi-rr-angle-down{
	font-size: 10px;
}
.b-edit__link .b-add{
	width: 36px;
	height: 36px;
}
.b-input__item_date{
	background: #EFEFEF url("../images/svg/datepicker.svg") center right 15px no-repeat !important;

	background-size: 14px;
}
.b-input__item_date::-webkit-calendar-picker-indicator {
	opacity: 0;
	font-size: 24px;
	right: 0px;
	position: absolute;
	width: 100%;
}
.edit-col{
	min-height: 117px;
}
.b-edit__block{
	margin-bottom: 50px;
}
.b-edit__balance-text{
	font-weight: 900;
	font-size: 36px;

	margin: 0 30px 0 0;
}
.b-edit__title_mb20{
	margin-bottom: 20px;
}
.ml-0{
	margin-left: 0px;
}
.b-replenish{
	margin-top: 20px;
}
.b-replenish__title{
	font-weight: 500;
	font-size: 14px;

	color: #9A9A9A;
	margin: 0 0 10px 0;
}
.b-replenish__select{

}
.b-replenish__select .b-dropdown-select__top{
	border-radius: 7px;
	background: #8573f3;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration: none;
	border-color: #CC9EFC;
}
.b-replenish__select .b-dropdown-select__menu.show{
	border-color: #CC9EFC;
}
.b-replenish__input{
	width: 175px;
	height: 36px;
	border: 1px solid #565656;
	border-radius: 7px;
	text-align: center;
	font-weight: 400;
	font-size: 16px;

	color: #565656;
	margin-right: 5px;
}
.purple-btn_br{
	border-radius: 7px;
}
.r-btn{
	font-weight: 500;
	font-size: 16px;

}
.b-edit__cards-row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 20px;
}
.b-edit__cards-item{
	position: relative;
	margin-right: 10px;
}
.b-edit__cards-ico{
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	width: 25px;
}
.b-edit__cards-ico img{
	width: 100%;
}
.b-edit__cards-text{
	width: 200px;
	height: 36px;
	background: #FFFFFF;
	border: 1px solid #C9C9C9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	padding: 0 35px 0 45px;
	font-weight: 400;
	font-size: 14px;

	color: #565656;
	display: flex;
	justify-content: center;
	align-items: center;
}
.b-edit__cards-delete{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	font-size: 12px;
	color:  #D60000;
}
.b-add_36{
	width: 36px;
	height: 36px;
}
.b-edit__cards-input{
	width: 243px;
	height: 36px;
	border: 1px solid #565656;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 7px;
	padding: 0 20px 0 55px;
	font-weight: 400;
	font-size: 16px;

	color: #565656;
}
.b-edit__cards-item_2 .b-edit__cards-ico{
	left: 20px;
}
.b-edit__cards-item_2{
	margin-right: 5px;
}
.edit-dropdown{
	margin: 0 5px 0 0;
}
.edit-dropdown .b-dropdown-select__top{
	border-radius: 7px;
}
.b-edit__cards-input_cvv{
	width: 52px;
	padding: 0;
	-webkit-text-security: square;
	text-align: center;
}
.b-replenish__input_purse{
	width: 257px;
}
.b-input__row_place{

}
.b-input__row_place:after{
	position: absolute;
	top: 50%;
	right: 15px;
	content: "\e960";
	transform: translateY(-50%);
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 13px;
	color: #565656;
}
.b-input__row_place .b-input__item{
	padding-right: 30px;
}
.edit__title {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    margin-bottom: 25px;
}
.edit__title:after{
	content: "";
	display: block;
	flex-grow: 1;
	height: 1px;
	background: #9A9A9A;
	margin: 0 0 0 5px;
}
.edit__block{
	margin-bottom: 45px;
}
.edit__block_doc{

}
.edit__block_doc .edit__title:after{
	background: #8573f3;
}
.b-loaded__container{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.b-loaded__item{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 25%;
	margin-bottom: 15px;

}
.b-loaded__item-img{
	width: 50px;
	height: 50px;
	background: #C4C4C4;
	border-radius: 10px 0 0 10px;
	position: relative;
	flex-shrink: 0;
	margin-right: 10px;
	filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));
}
.b-loaded__item-st{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	width: 34px;
	height: 34px;
	background: #FFFFFF;
	border-radius: 61px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}
.b-loaded__item-st.icon-urn{
	color: #D60000;
}
.b-loaded__item-st.icon-check{
	color: #00D622;
}
.b-loaded__item-wrap{

}
.b-loaded__item-name{
	font-weight: 600;
	font-size: 14px;

	color: #3E3071;
	margin-bottom: 5px;
}
.b-loaded__item-size{
	font-weight: 400;
	font-size: 12px;

	color: #565656;
	margin-bottom: 5px;
}
.b-loaded__item-status{
	font-weight: 500;
	font-size: 14px;

	color: #3E3071;
}
.b-loaded__item-status_ok{
	color: #00D622;
}
.b-loaded__item-status_bad{
	color: #D60000;
}
.b-edit__table{

}
.b-edit__table table{
	width: 100%;
	margin-bottom: 10px;
}
.b-edit__table table:last-child{
	margin-bottom: 0px;
}
.b-edit__table table thead tr th{
	text-align: center;
	font-weight: 600;
    font-size: 12px;
    color: #7e7e7e;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 15%;
}
.b-edit__table table thead tr th:first-child{
	text-align: left;
	width: 45%;
}
.b-edit__table table thead tr th b{
	font-weight: 800;
    font-size: 16px;
    color: #707070;
}
.b-edit__table .radiobox{
	margin: 0 auto 0;
}
.b-edit__table table tbody tr td{
	padding: 5px 2px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-edit__table table tbody tr td:first-child{
	font-weight: 500;
    font-size: 14px;
    color: #373737;
}
.b-edit__table .b-check{
	width: 50px;
	margin: 0 auto 0;
}
.ed-select .selectric{
	border: none;
	background: none;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eeeeee;
    border-radius: 7px;
}
.ed-select .selectric .button{
	background: none;
	font-size: 10px;
	position: static;
	width: auto;
	height: auto;
	display: block;
	margin: 0 0 0 10px;
}
.ed-select .selectric .label{
	margin: 0;
}
.ed-select .selectric .button:after{
	position: static;
	content: "\e90c";
	border: none;
	background: none;
	font-family: uicons-regular-rounded !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #565656;
}
.ed-select .selectric-items li{
	padding: 5px 0;
	background: none;
}
.ed-select .selectric-items{
	background: none;
	border: none;
	box-shadow: none;
	text-align: center;
}
.edit__bottom{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 60px 0 0 0;
}
.edit__bottom-left{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.edit__bottom-img{
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 7px;
	flex-shrink: 0;
	margin: 0 10px 0 0;
	font-size: 14px;
	color: #ffffff;
}
.edit__bottom-text{

}
.edit__bottom-text b{
	display: block;
	font-weight: 500;
	font-size: 16px;

	color: #373737;
	margin-bottom: 5px;
}
.edit__bottom-text p{
	font-weight: normal;
	font-size: 14px;

	color: #565656;
	max-width: 670px;
}
.edit__bottom-text p span{
	color: #FF9900;
}


.b-modal_big{

}
.b-modal_big .modal-dialog{
	max-width: 650px;
	background: #ffffff;
	box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
	border-radius: 15px;
	padding: 40px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-input__row-editor{
	border: 1px solid #9A9A9A;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 7px;
	overflow: hidden;
}
.b-modal_big .edit__bottom-text p{
	max-width: 70%;
}
.b-modal_big .edit__bottom{
	align-items: center;
}
.modal-rating .star-rating{
	margin-right: 10px;
}
.modal-add_ob .b-edit__top-img{
	background: #FFFFFF;
	border: 2px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 14px;
}
.b-modal__buy{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	margin: 0 -8px 25px -8px;
}
.b-modal__buy-col{
	width: 33.333333%;
	padding: 0 8px;
}
.b-modal__buy-item label{
	height: 215px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border: 1px dashed #565656;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 13px;
	cursor: pointer;
	transition: 0.3s;
	position: relative;
}
.b-modal__buy-item input[type="radio"]{
	display: none;
}
.b-modal__buy-item.active{
	border: 2px solid #565656;
	transition: 0.3s;
}
.b-modal__buy-item label:hover{
	border: 1px solid #565656;
	transition: 0.3s;
}
.b-modal__buy-item  input[type="radio"]:checked + label{
	border: 1px solid #565656;
	transition: 0.3s;
}
.b-modal__buy-check{
	position: absolute;
	top: -6px;
	right: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	color: #ffffff;
	font-size: 14px;
	border-radius: 0px 7px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.b-modal__buy-item input[type="radio"]:checked + label .b-modal__buy-check{
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}





.b-modal__buy-img{
	margin: 0 0 10px 0;
}
.b-modal__buy-text{
	font-weight: 500;
	font-size: 18px;

	text-align: center;
	color: #565656;
}
.modal-buy__total{

}
.modal-buy__total-title{
	font-weight: 600;
	font-size: 21px;

	color: #000000;
	margin: 0 0 10px 0;
}
.modal-buy__total-row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.modal-buy__total-price{
	font-weight: 900;
	font-size: 36px;

	color: #000000;
	margin-right: 15px;
}
.modal-buy__total-row ul{

}
.modal-buy__total-row ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 500;
	font-size: 16px;

	color: #565656;

}
.modal-buy__total-row ul li span{
	padding: 0 5px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-reader-rating{

}
.b-reader-rating-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 500;
	font-size: 14px;

	color: #565656;
	margin-bottom: 25px;
}
.b-popular-author__item-left{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.b-reader-rating .b-popular-author__item{
	justify-content: space-between;
	padding: 0;
	box-shadow: none;
	margin-bottom: 15px;
}
.b-popular-author__item-rate{
	font-weight: 400;
	font-size: 18px;

	color: #565656;
	padding: 0 5px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-popular-author__item-rate i{
	margin: 0 4px 0 0;
}
.b-rating__book{

}
.b-rating__book-text{
	font-weight: 400;
	font-size: 18px;

	color: #565656;
	margin-bottom: 35px;
}
.b-rating__book-formula{
	color: #373737;
	margin-bottom: 35px;
}
.b-rating__book-formula span{
	display: block;
	font-weight: 600;
	font-size: 21px;

}
.b-rating__book-formula b{
	display: block;
	font-weight: 700;
	font-size: 24px;

}
.b-rating__book-info{
	margin-bottom: 35px;
}
.b-rating__book-item{
	margin-bottom: 15px;
	font-size: 18px;

	color: #373737;
}
.b-rating__book-item strong{
	font-weight: 600;
}
.b-rating__book-item span{
	font-weight: 500;
	background: #8573f3;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration: none;
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-rating__book-item:last-child{
	margin-bottom: 0px;
}
.b-rating__book-bottom{
	font-weight: 700;
	font-size: 24px;

	color: #373737;
}

/* ========================================================= */
.b-dropdown-select__top {
    width: 100%;
    background: #eeeeee;
    /* border: 1px solid; */
    -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: 30px;
    padding: 9px 16px;
    font-weight: 500;
    font-size: 14px;
    color: #373737;
    text-decoration: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: 0.3s;
    height: 36px;
}


/* --------------  items -------------- */
.b-products{
	padding: 20px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-products__row{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	margin-right: -7.5px;
	margin-left: -7.5px;
}
.b-product__col{
	width: 16.666666%;
	padding-left: 7.5px;
	padding-right: 7.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-product{
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.b-product__text{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: linear-gradient(358.28deg, rgba(0, 0, 0, 0.4664) 93.81%, rgba(255, 255, 255, 0) 98.54%);
	backdrop-filter: blur(2px);
	border-radius: 10px;
	width: 100%;
}
.b-product__text-name{
	display: block;
	font-weight: 600;
	font-size: 12px;

	margin-bottom: 5px;
}
.b-product__text-desc{
	font-weight: 700;
	font-size: 14px;

	color: #E4E4E4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.b-products:hover .b-product__img img{
	transform: scale(1.2);
}
.b-product__img img{
	transition: 1s
}
/* -------------- b-slider -------------- */
.b-slider{
	margin: 0px 0 15px 0;
	position: relative;
	overflow: hidden;
}
.b-slider__item{
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	position: relative;
}
.b-slider__item:before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: rgb(55,37,84);
	background: linear-gradient(90deg, rgba(55,37,84,1) 49%, rgba(255,255,255,0.4) 100%);
	z-index: 3;
}
.b-slider__item-left{
	padding: 45px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 4;
}
.b-label{
	display: inline-block;
	font-weight: 600;
	font-size: 12px;

	color: #FFFFFF;
	padding: 5px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 39px;
}
.b-slider__item-name{
	font-weight: 800;
	font-size: 26px;
	line-height: normal;
	color: #FFFFFF;
	margin-bottom: 10px;
	max-width: 400px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.b-slider__item-author{
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.b-slider__item-img{
	position: relative;
	z-index: 2;
	width: 55%;
	max-height: 250px;
}
.b-slider__item-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px 0px 0px 30px;
}
.b-slider__item-left .b-compilations__row-rating p{
	font-size: 12px;
	color: #FFFFFF;
}
.b-slider-button{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	border-radius: 100%;
	font-size: 15px;
	color: #9A9A9A;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

.b-slider-button:hover{
	color:white;
	background: #8573f3;
}
.b-slider-prev{
	left: -21px;
	padding: 0 14px 0 0;
	transform: translateY(-50%) rotate(180deg);
}
.b-slider-next{
	right: -21px;
	padding: 0 11px 0 0;
}

/* -------------- compilations -------------- */
.compilations{
    position: relative;
    border-radius: 7px;
    height: 150px;
    background-color: #eeeeee;
	overflow: hidden;
}
.compilations__img{
	width:100%;
	height:100%;
}

.compilations__img img{
    filter: blur(5px);
	transition: 1s;
}

.compilations:hover .compilations__img img{
	transform: scale(2.2);
	filter: blur(0px);
}

.compilations__img img{
	height: 100%;
    width: 100%;
    /* object-fit: cover;*/
}
.compilations__text{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: 1s;
}
.compilations:hover .compilations__text{
	padding: 0px;
}

.compilations__text-wrap{
	background: rgba(0, 0, 0, 0.37);
	border-radius: 7px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.compilations__text-name{
	font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 10px;
    text-align: center;
    height: 52px;
    align-content: center;
    display: grid;
	padding: 0px 5px;
}
.compilations__text-books{
	background: rgba(255, 255, 255, 0.15);
	border-radius: 16px;
	font-weight: 600;
	font-size: 12px;

	color: #FFFFFF;
	padding: 5px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* --------------  main-tabs -------------- */
.main-tabs{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background: #EFEFEF;
}
.main-tabs__nav{
	background: #FFFFFF;
	border-radius: 7px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 210px;
	flex-shrink: 0;
	margin-right: 5px;
}
.main-tabs__nav ul{
	display: block;
}
.main-tabs__nav ul li{
	margin-bottom: 5px;
}
.main-tabs__nav ul li:last-child{
	margin-bottom: 0px;
}
.main-tabs__nav ul li a{
	display: block;
	border-radius: 5px;
	padding: 9px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 14px;

	color: #9A9A9A;
	text-decoration: none;
}
.main-tabs__nav ul li a.active{
	background: #EFEFEF;
	color: #373737;
}
.main-tabs__right .b-filters{
	display: block;
	background: #FFFFFF;
	border-radius: 7px;
	margin-bottom: 5px;
	padding:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* -------------- player -------------- */
.audio-container{
    background: #ffffff;
    padding: 15px 15px 15px;
}

.player{
	margin: 0px 0;
	padding: 0 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	display: block !important;
}

.player_view{
	position: absolute;
	top: 15px;
	left: 15px;
	width: 36px;
    height: 36px;
    color: white;
	z-index: 9;
}

.player__container{
    border-radius: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.player__title{
	text-align: center;
    font-weight: 700;
    font-size: 12px;
    /* color: #FFFFFF; */
    margin-bottom: 15px;
}
.player__img{
	width: 100%;
    height: 235px;
    background: #C4C4C4;
    border-radius: 0px;
    margin: 0 auto -100px;
    position: relative;
}

.player__body{
    display: flex;
    flex-direction: column;
    background: linear-gradient(0deg, #545454, #5454545e);
    padding: 50px 20px 10px;
    z-index: 2;
    position: relative;
}

.player__head{
	color: white;
    display: flex;
    flex-direction: column;
	margin-bottom: 20px;
}

.player__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.player__name{
	font-weight: 600;
	font-size: 16px;
	color: unset;
	margin-bottom: 0px;
	text-align: center;
}
.player__desc{
	font-weight: 500;
	font-size: 12px;
	color: #9A9A9A;
	text-align: center;
}
.player__row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.player__time{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0px;
	padding: 0px 0px 0px;
}


.player__row-time{
	font-weight: 600;
	font-size: 10px;
}
.player__track{
	flex-grow: 1;
	background: #C4C4C4;
	height: 6px;
	border-radius: 9px;
	overflow: hidden;
    margin: 0 5px;
}
.player__track-line{
	height: 100%;
}
.player__nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.player__nav-tracks{
	font-size: 14px;
	color: inherit;
	width: 36px;
	height: 36px;
}
.player__nav-wrap{
	display: flex;
	justify-content: center;
	align-content: flex-start;
}
.player__nav-btn{
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	font-size: 18px;
	margin: 0 5px;
	color: inherit;
}
.player__nav-button{
	width: 36px;
	color: inherit;
	font-size: 14px;
}
.player__nav-fav{
	width: 36px;
	color: inherit;
	font-size: 14px;
}
.player__list {
	padding: 0px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 0px 0px;
    color: white;
    background: #343434;
    max-height: 300px;
    overflow: auto;
}
.player__list-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* color: #9A9A9A; */
    transition: 0.3s;
    margin-bottom: 0px;
    cursor: pointer;
    padding: 10px 15px;
}

.player__list-item:hover{
	background: #6052b1;
}

.player__list-item:last-child{
	margin-bottom: 0px;
}
.player__list-ico{
	width: 28px;
	height: 28px;
	border: 1px solid transparent;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	margin-right: 7px;
	font-size: 10px;
	transition: 0.3s;
}
.player__list-text{
	font-size: 10px;

}
.player__list-name{
	margin-bottom: 0px;
}

.player__list-item.played {
    transition: 0.3s;
    color: #ffffff;
    background: #8573f3;
}



.player__list-item.played .player__list-ico{
	transition: 0.3s;
	font-size: 14px;
}


.view-min{

}

.view-min .player__container{
	display: flex;
}

.view-min .player__img {
	width: 60px;
    height: 60px;
    position: relative;
    margin: 0 10px 0px 0px;
    padding: 0px;
}

.view-min .player__body{
    width: 100%;
    display: flex;
    flex-direction: column;
    background: transparent;
    padding: 0px 0px 0px;
    z-index: 2;
    position: relative;
    justify-content: center;
}

.view-min .player__head {
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    align-items: flex-start;
    margin: 0px 0px 5px 0px;
}

.view-min .player_view{
    top: 0px;
    left: 0px;
    width: 26px;
    height: 26px;
    color: #8573f3;
    background: white;
    font-size: 10px !important;
}

.view-min .player__nav{
	display: none;
}

.view-min .player__list{
	display: none;
}

.view-min .player__name{
	font-size: 12px;
}

/* */

.button-add{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 46px;
	height: 46px;
	border: 1.2px solid #9A9A9A;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 100%;
	color: #9A9A9A;
	font-size: 17px;
}
.b-popular-author__item_2{

}
.b-popular-author__item_2 .b-popular-author__item-desc{
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.b-popular-author__item-text-date{
	font-weight: 500;
	font-size: 12px;

	color: #9A9A9A;
}
.b-popular-author__item-text-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* -------------- modal callback -------------- */
.container__callback{
	overflow: hidden;
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 999;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	z-index: 1;
}
.callback-btn{
	width: 105%;
    height: 50px;
    transform: rotate(0deg);
    background: #3E3071;
    border-radius: 15px;
    flex-shrink: 0;
    position: relative;
    left: calc(100% - 35px);
    color: #ffffff;
    z-index: 2;
	align-items: center;
    align-content: center;
	margin: 0px 0px 10px;
	text-align: left;
	padding: 0px 10px 0px 10px
}

.callback-btn i{
	margin: 0px 5px 0px 3px;
}

.callback-btn:hover{
    left: 10px;
	transition: 0.3s;
}

.callback-btn:before{
	position: absolute;
    top: 16px;
    left: 14px;
    transform: rotate(0deg);
}
.b-modal__callback{
	width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: 1.3s;
    z-index: 3;
}
.container__callback.active .b-modal__callback{
	margin: 0 0px 0 0;
	transition: 1.3s;
}

.b-modal__callback .b-dropdown-select{
	margin: 0;
}
.b-modal__callback  .b-input{
	margin-bottom: 10px;
}
.b-modal__callback-ico{
	width: 72px;
	height: 72px;
	margin: 0 auto 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #00D622;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 37px;
	font-size: 26px;
	color: #ffffff;
}
.b-modal__callback-text{
	text-align: center;
}
.b-modal__callback-text b{
	display: block;
	font-weight: 700;
	font-size: 24px;

	color: #565656;
	margin-bottom: 15px;
}
.b-modal__callback-text p{
	font-weight: 500;
	font-size: 16px;

	color: #565656;
}
.b-modal__callback-pane{
	display: none;
}
.b-modal__callback-pane.active{
	display: block;
}
/* -------------- modal callback -------------- */
.not-modal{
	position: fixed;
	top: -150px;
	left: 50%;
	transform: translateX(-50%);
	width: 640px;
	background: #00D622;
	filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.not-modal_bottom{
	top: auto;
	bottom: -150px;
}
.not-modal.active{
	z-index: 9999;
	top: 80px;
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}
.not-modal_bottom.active{
	top: auto;
	bottom: 80px;
}
.not-modal_yellow{
	background: #D1D600;
}
.not-modal_red{
	background: #D60000;
}
.not-modal__ico{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 30px;
	font-size: 18px;
	color: #ffffff;
	width: 52px;
	height: 52px;
	flex-shrink: 0;
	margin-right: 15px;
}
.not-modal__text{

}
.not-modal__text b{
	display: block;
	font-weight: 600;
	font-size: 21px;

	color: #FFFFFF;
	margin-bottom: 3px;
}
.not-modal__text span{
	display: block;
	font-weight: 400;
	font-size: 18px;

	color: #FFFFFF;
}
.not-modal__close{
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 30px;
	font-size: 10px;
	color: #ffffff;
	position: absolute;
	top: 10px;
	right: 10px;
}


.b-cookies{
	position: fixed;
	top: -100px;
	left: 50%;
	transform: translateX(-50%);
	width: 860px;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	padding: 25px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.b-cookies.active{
	z-index: 9999;
	top: 80px;
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}
.b-cookies__ico{
	background: url("../images/att-ico.png") center no-repeat;
	width: 26px;
	height: 26px;
	flex-shrink: 0;
	margin-right: 15px;
}
.b-cookies__text{
	font-weight: normal;
	font-size: 14px;

	color: #565656;
	margin-right: 15px;
}
.b-cookies .purple-btn{
	flex-shrink: 0;
}
.b-cookies__close{
	width: 28px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	margin: 0 0 0 10px;
	font-size: 8px;
	color: #D60000;
}
/* -------------- item__nav -------------- */
.item__nav{
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 10;
}
.item__nav-ico{
	width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    border-radius: 0px 7px;
    cursor: pointer;
	background: #8573f3 !important;
    color: #ffffff !important;
    /*
	background: #ffffff2e !important;
    color: #a7a7a7 !important;
	*/
}
.item__nav:hover .item__nav-ico{
	color: #ffffff !important;
	background: #8573f3 !important;
}
.item__nav__dropdown{
	position: absolute;
	top: 120%;
	right: 0;
	width: 215px;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	padding: 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.item__nav__dropdown:before{
	position: absolute;
	bottom: 100%;
	left: 0;
	content: "";
	width: 100%;
	height: 40px;
}
.item__nav:hover .item__nav__dropdown{
	z-index: 100;
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}
.item__nav__dropdown:after {
	bottom: 100%;
	right: 10px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}
.item__nav-button{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	font-weight: normal;
	font-size: 14px;

	color: #565656;
	transition: 0.3s;
	padding: 9px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.item__nav-button i{
	width: 15px;
	margin-right: 5px;
}
.item__nav-button:hover, .item__nav-button:active, .item__nav-button:focus {
	background: rgba(0, 0, 0, 0.15);
	transition: 0.3s;
}
.button-slider{
	width: 36px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 30px 30px 0;
	background: #FFFFFF;
	font-size: 14px;
	position: absolute;
	top: 30%;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.button-slider:hover{
	color: white;
	background: #8573f3;
}

.button-slider__left{
	left: 0;
}
.button-slider__next{
	right: 0;
	border-radius: 30px 0 0 30px;
}
.b-item__row-slider2:hover .button-slider{
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}

.view-column .b-item__col{
	margin-bottom: 15px;
}
.view-row .b-item__col{
	flex: 0 0 100%;
    margin: 0px 0px 15px;
    padding: 0px;
}
.b-user-container_50 .view-column .b-item__col{
	flex: 0 0 50%;
}
.view-column .b-item__col .b-user__article{
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 20px 15px 20px;
}
.page-view__books.view-column .b-item__col{
	flex: 0 0 25%;
}


.view-column .b-item_self {
    flex: 0 0 50%;
}

.view-column .b-item_blog {
    flex: 0 0 50%;
}

.b-item__col_contest{
	width: 100%;
}

.view-column .b-item__col_contest{
	width: 33.333333%;
}
.view-column .b-item__col_contest .b-contest{
	display: block;
	padding: 0px;
}

.view-column .b-item__col_contest .b-contest__right{
	padding: 15px;
}

.view-column .b-item__col_contest .contest_bottom_nav span{
	display: none;
}
.view-column .b-item__col_contest .b-contest__img{
    height: 135px;
    overflow: hidden;
}

.view-column .b-item__col_contest  .b-contest__name {
    font-weight: 600;
    font-size: 14px;
    color: #646464;
    height: 55px;
    overflow: hidden;
    line-height: normal;
}


.view-row .b-best {
    flex-direction: row;
    display: flex;
}

.view-row .b-best .b-best__top {
	height: auto;
    padding: 20px 15px;
    position: relative;
    display: flex;
    align-items: center;
	min-width: 250px;
}

.view-row .b-best__content-top {
    height: fit-content;
    max-height: 150px;
}


.view-column .b-item__col_contest .b-contest__row{
	flex-wrap: wrap;
	justify-content: space-between;
}
.view-column .b-item__col_contest .b-contest__name{
	margin-bottom: 10px;
}
.view-column .b-item__col_contest .b-contest__left{
	width: 100%;
	margin-bottom: 15px;
}
.view-column .b-item__col_contest .b-contest__img img{
	width: 100%;
	object-fit: cover;
}
.view-column .b-item__col_6{
	flex: 0 0 50%;
}
.view-row .b-article__item{
	display: flex;
}
.view-row .b-article__item-img{
	width: 270px;
}
.view-row .b-article__item-img img{
	border-radius: 7px 0 0 7px;
}
.view-row .b-article__item-content{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.view-column .b-collection{
	display: block;
}
.view-column .b-collection__left{
	width: 100%;
}
.view-column .b-item_collection{
	flex: 0 0 50%;
}
.view-row .b-item__cycle{
	display: none;
}
.view-column .b-item__col-aside {
	position: absolute;
	top: 246px;
	left: 0;
	z-index: 15;
}
.view-column  .b-item__col-aside .b-item__col-number{
	color: #ffffff;
}

.view-column .b-item__col_nav .b-item__rating{
	display: none;
}

.view-column .b-item__col_sale{
	 width: 100%;
}

 .b-sale {
	position: relative;
 }

.view-column .b-item__col_sale .b-sale {
    display: flex;
}

.view-column .b-item__col_sale .b-sale__number {
    padding: 20px 0px;
    font-size: 28px;
}

.view-column .b-item__col_sale .b-sale__content-left span{
	display: none;
}

.view-column .b-item__col_sale .b-sale__content-row a {
    height: 18px;
    overflow: hidden;
    display: flex;
	color: unset;
}

.b-item__col_sale .name-code{
	font-size: 16px;
    font-weight: 800;
    line-height: normal;
    color: #373737;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
}

.view-column  .b-sale__content-row {
    justify-content: space-between;
}


.b-error{
	background: #ffffff;
	width: 100%;
	min-height: 600px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.b-error__top{
	background: url("../images/404top.png") top center no-repeat;
	height: 111px;
}
.b-error__bottom{
	background: url("../images/404bottom.png") bottom center no-repeat;
	height: 111px;
}
.b-error__text{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.b-error__text b{
	display: block;
	font-weight: 800;
	font-size: 149px;

	color: #373737;
	margin-bottom: 20px;
}
.b-error__text strong{
	display: block;
	font-weight: 600;
	font-size: 21px;

	color: #373737;
	margin-bottom: 10px;
}
.b-error__text span{
	display: block;
	font-weight: 500;
	font-size: 16px;

	color: #373737;
	margin-bottom: 20px;
}
/* -------------- landing page -------------- */
.b-promo{
	padding: 60px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-promo .container{
	padding: 0;
}
.b-promo > .container > .row{
	margin: 0;
}
.b-promo > .container > .row > div{
	padding: 0 0 0 60px;
}
.b-promo__wrapper{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.b-promo__left{
	margin: 0 20px 0 0;
}
.b-promo__left .b-title__item{
	margin-bottom: 30px;
}
.b-title__item_dark{
	color: #504093;
}
.b-promo__left-row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 30px 0;
}
.b-promo__left-item{
	margin-right: 45px;
}
.b-promo__left-item:last-child{
	margin-right: 0px;
}
.b-promo__left-item b{
	display: block;
    font-weight: 600;
    font-size: 24px;
    color: #3E3071;
}
.b-promo__left-item span{
	display: block;
    font-weight: 500;
    font-size: 16px;
    color: #9A9A9A;
    margin-bottom: 5px;
}
.b-promo__left-btns{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.b-promo__left-btns .b-button{
	margin-right: 20px;
	padding: 0 35px;
	font-size: 21px;
}
.b-promo__left-btns .b-button:last-child{
	margin-right: 0px;
}
.b-promo__right{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}
.b-promo__right:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.24) 13.54%, rgba(255, 255, 255, 0) 22.4%, rgba(255, 255, 255, 0) 78.12%, rgba(255, 255, 255, 0.32) 88.02%, rgba(255, 255, 255, 0.79) 100%);
	z-index: 199;
}
.b-promo__slider{
	width: 85px;
}
.b-promo__slider-item{
	margin-bottom: 10px;
}
.b-section_blue{
	background: #E7F8FF;
}
.b-section_new{
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.promo__item{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
.promo__item:not(:last-child) {
	margin-bottom: 35px;
}
.promo__item-text{
	font-weight: 400;
	font-size: 18px;

	color: #565656;
}
.promo__item-text b{
	display: block;
	margin-bottom: 5px;
}
.promo__item-text p{

}
.promo__item-img{
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 67px;
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	margin-left: 20px;
}
.b-section_green{
	background: rgba(67, 247, 117, 0.06);
}
.promo-blocks{
	max-width: 980px;
	margin: 0 auto 0;
}
.promo-block{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
	border-radius: 10px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.promo-block:hover{
	box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
}

.promo-block-text{
	font-weight: 400;
	font-size: 18px;

	color: #565656;
	text-align: right;
}
.promo-block-text b{
	display: block;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px;
}
.promo-block__img{
	margin: 0 0 0 20px;
	width: 80px;
	height: 80px;
	filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1));
	border-radius: 67px;
	flex-shrink: 0;
}
.promo-blocks__col{
	margin-bottom: 25px;
}
.promo-blocks__col:nth-child(2n) .promo-block{
	flex-direction: row-reverse;
}
.promo-blocks__col:nth-child(2n) .promo-block__img{
	margin: 0 20px 0 0;
}
.promo-blocks__col:nth-child(2n) .promo-block-text{
	text-align: left;
}
.b-section_items .container{
	max-width: 1050px;
}
.b-section_area{

}
.b-section_area .container{
	max-width: 1005px;
}
.b-area{
	padding: 45px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: 0px 5px 20px rgba(0, 0, 0 / 10%);
	border-radius: 10px;
}

.b-area:hover{
	box-shadow: 0px 5px 20px rgba(0, 0, 0 / 20%);
}

.b-area__img{
	width: 80px;
	height: 80px;
	background: #85ABEC;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 67px;
	margin: 0 auto 25px;
}
.b-area__text{
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	color: #565656;
}
.b-area__text b{

	display: block;
	margin-bottom: 10px;
}
.b-area__text p{

}



/**/

.like-counter{
	padding: 2px 6px;
    margin: 0px 0px;
    border-radius: 4px;
    font-size: 14px;
    height: 30px;
    align-items: center;
    display: flex;
}

.like-counter:hover{
	background-color: #eee;
    cursor: pointer;
}

.b-user__dropdown-img a{
	border-radius:50%;
	overflow:hidden;
}

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

.red-btn {
	color: red;
	border-color: red;
}

.coupon_modal .b-sale__code-wrap {
  height: auto;
}
.coupon_modal .b-sale__code-block {
  margin: 0;
}

.text-block {
	display: block;
	margin-bottom: 10px;
}