:root{
	
	/** цвет ссылки при наведении */
	--link-hover-color:#f2554c;
	
	/** высота шапки сайта */
	--header-height:58px;
	
	/** высота логотипа в шапке сайта */
	--header-logo-height:40px;
	
	/** отступы по краям окна для фиксированных позицей */
	--fixed-pr:40px;
	
	/** ширина боковой панели и сайдбара */
	--sidebar-width:260px;
	--sidebar-width-minus:-260px;

	/** ширина основной колонки */	
	--blogger-max-width:600px;
	
	/** ширина основной колонки */	
	--cols-pt:1.5rem;
	
}




/** Глобальные */


html,
body{
	
}

a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:var(--link-hover-color);
	text-decoration:none;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

main{
	height:100vh;
}



/** Размеры заголовков h1 и т.д. */

h1, .h1{
	font-size: 26px;
    line-height: 1.4;
    font-weight: 900;
}
h2, .h2 {
    font-size: 1.25em;
    font-weight: 700;
}
h3, .h3 {
    font-size: 1.25em;
    font-weight: 700;
}
h4, .h4{
	 font-weight: 700;	 
     font-size: 1.15em;
}
h5, .h5{
	 font-weight: 700;	 
     font-size: 1.1em;
}
h6, .h6{
	font-size: 1.0em;
}


/** вспомогательные классы */

.btn-white{
	background:#fff;
}

.text-small{
	font-size:0.9rem;
}

.loader-dots-h {
    background-image: url(../images/loaders/three-dots.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 34px auto;
    height: 34px;
    width: 40px;
    display: inline-block;
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

.w-24{
	width:24px !important;
}
svg.w-24{
	width:24px !important;
	height:24px !important;
}


/** overlay */

.overlay-box {
    display: none;
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, .7);
    cursor: pointer;
}

/** когда отображать overlay: */

body.main-menu-opened .overlay-box,
body.header-search-opened .overlay-box,
body.header-right-opened .overlay-box{
	display:flex;
}



/** стиль скролла */

aside.aside::-webkit-scrollbar,
.sidebar::-webkit-scrollbar {
    width: 5px;
}

aside.aside::-webkit-scrollbar-track,
.sidebar::-webkit-scrollbar-track {
    background: transparent;
}
aside.aside::-webkit-scrollbar-thumb,
.sidebar::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.1);
}
aside.aside::-webkit-scrollbar-thumb:hover,
.sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.2);
}


/** кнопка с функцией закрытия */

.has-close-func.active > svg:not(.close-icon){
    position:absolute;
}
.has-close-func:not(.active) > .close-icon,
.has-close-func.active > .icms-user-avatar{
	opacity:0;
	position:absolute;
	z-index:-1;
}
.has-close-func.active > svg:not(.close-icon),
.has-close-func.active > .icms-user-avatar{
	opacity:0;
	z-index:-1;
}
.has-close-func > .icms-user-avatar .icms-profile-avatar__default.avatar__mini,
.has-close-func > .icms-user-avatar img{
	width:26px !important;
	height:26px !important;
	min-width:26px !important;
	min-height:26px !important;
}



/** bootstrap стили : сброс стилей*/

.card:not(.icms-widget__transparent),
.dropdown-menu{
	border-color:rgba(0,0,0,.04);
	border:0;
	box-shadow:0 0 12px 7px rgba(222, 222, 222, 0.2);
}
.form-control{	
	border-color:rgba(0,0,0,.09);
}
.dataset-pills{
	flex-wrap:nowrap;
	overflow:hidden;
}
.dataset-pills .nav-link{
	padding-top:0.45rem;
	padding-bottom:0.45rem;
	white-space:nowrap;
}

.modal{
	z-index:1300;
}



/** иммитируем класс .card для: */

#wall_widget,
.groups-list.content_list.striped-list .item,
#users_profiles_list.striped-list .item,
.main-container .icms-filter-container,
.main-container .icms-filter-link__open,
body[data-uri*="comments"] .comment,
.icms-activity__list-item,
#users_karma_log_list .item,
.group-header,
#user_profile,
.profile-header,
.albums_list .albums_list_item,
.content_list.featured .tile,
.content_list.default_list .content_list_item,
#group_profile{
	background:#fff !important;
	border:0 !important;
	box-shadow:0 0 12px 7px rgba(222, 222, 222, 0.2);
	flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
	border-radius:0.25rem;
}



/** instantcms : обложка виджета по умолчанию */

.icms-widget.card > .card-header{
	border:0;
	font-size:1rem;
	font-weight:600;
	background:none;
}


/** instantcms : Кнопка подписаться */



.main-container .subscribe_wrap .count-subscribers{
    border:0;
	padding:0;
	position:relative;
	left:-25px;
	top:5px;
	font-size:0.750rem;
	background:none !important;
}
.main-container .subscribe_wrap .subscriber{
     border-radius:0.25rem;
	 border:0;	
	 font-size:1.3rem;
	 background:none !important;
	 color:#000;
	 display:flex;
	 align-items:center;
}
.main-container .subscribe_wrap .count-subscribers:after{
     display:none;
}
.main-container .subscribe_wrap .icms-subscriptions__label{
    display:none;
}
.subscribe_wrap .count-subscribers,
.subscribe_wrap .subscriber{
	  color:#888;
}
.main-container .subscribe_wrap .subscriber{
     padding-right:25px;
}
.main-container .category-card .subscribe_wrap .icms-subscriptions__label{
    display:flex;
    font-size:1rem;
    padding-left:5px;
}
.main-container .category-card .subscribe_wrap .count-subscribers{
	padding-left:0;
	color:#fff;
}
.main-container .category-card .subscribe_wrap svg{
	width:16px;	
	height:16px;
	margin:0;
	top:-3px;
	position:relative;
}
.main-container .category-card .subscribe{
	background:var(--primary) !important;
	color:#fff;
	line-height:1.3;
	display:flex;
	align-items:center;
}

.main-container .subscribe_wrap:not(.is-ready){
	display:none !important;
}

/** Шапка сайта */

header {
	background:#fff;
	height:var(--header-height);
}
header .navbar-brand img{
	height:var(--header-logo-height);
}

header .navbar-brand{
    position:relative;
    z-index:5;
}
header a{
	transition:color 0.2s ease-in-out;
}
header a:hover{
	color:var(--link-hover-color) !important;
}


/** Главное меню в шапке сайта */

.header-navbar{
	position:fixed;
	left:0;
	right:0;
	z-index:111;
	padding-left:calc(var(--sidebar-width) + var(--fixed-pr));
	padding-right:calc(var(--sidebar-width) + var(--fixed-pr));
}




/** Дя фиксированной шапки */

header.sticky-top{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1020;
}
body{
	padding-top:var(--header-height);
}



/** Шапка сайта : позиция справа и слева */

.header-right, .header-left{
	position:fixed;
	top:0;
	z-index: 1200;
	height:var(--header-height);
	display:flex;
	align-items:center;
}

.header-right a, .header-left a{
	font-size:0.9rem;
}



body:not(.header-right-opened) .header-right > *{
	display:none;
}
body:not(.header-right-opened) .header-right > .menu-header,
body:not(.header-right-opened) .header-right > .icms-user-menu{
	display:flex;
}




/** Шапка сайта : позиция справа */

.header-right{
	right:var(--fixed-pr);
}
.header-right .nav-link>.counter.badge{
	background:var(--danger) !important;
	border-radius:50%;
}


/** Шапка сайта : позиция справа : меню гостя */


.header-right a[href="/auth/login"]{
	background:var(--primary);
	color:#fff;
	border-radius:0.25rem;
}



/** Шапка сайта : позиция слева */

.header-left{
	left:var(--fixed-pr);
}


/** Шапка сайта : меню пользователя */

.header-right .icms-user-menu a,
.header-right .icms-user-menu .icms-user-menu__nickname{
	color:#000 !important;
}
.header-right .icms-user-menu .icms-user-menu__nickname{
	font-weight:600;
}
.header-right .icms-user-menu{
	background:none;
}

/** счётчик уведомлений в меню пользователя рядом с автаром */

.icms-user-avatar .counter{
	position:absolute;
	top:0;
	right:-5px;
	display:inline-block !important;
	vertical-align:middle;
	line-height:16px;
	min-width: 15px;
    min-height: 15px;
	font-weight:400;
	font-size:11px;
}




/** Шапка сайта : Кнопка с выпадающим меню */

.header-btn-dropdown .dropdown-menu{
	padding-top:0;
	padding-bottom:0;
}

.header-btn-dropdown .dropdown-menu a{
	padding-top:0.4rem;
	padding-bottom:0.4rem;
}
.header-btn-dropdown > li > a span.nav-item-text{
	display:none;
}
.header-btn-dropdown > li > a svg{
	width:24px;
	height:24px;
}
.header-btn-dropdown > .dropdown > .dropdown-toggle:after{
	display:none;
}
.header-btn-dropdown .dropdown-item{
	padding-left:1rem;
	padding-right:1rem;
}
.header-btn-dropdown .dropdown-item svg{
	margin-right:0.2rem;
}

.header-btn-dropdown.menu-add .dropdown-menu a{
	font-weight:600;
}
.header-btn-dropdown.menu-add .dropdown-menu a svg{
	display:none;
}


/** Боковая панель */

aside.aside{
	position:fixed;
	left:var(--fixed-pr);
	z-index:11;
	height:calc(100vh - 58px);
	overflow-x:hidden;
	overflow-y:auto;
	padding-top:var(--cols-pt);
	top:var(--header-height);
	box-sizing:border-box;
	flex-wrap:nowrap;
	width:var(--sidebar-width);
	transition:left 0.2s ease-in-out;
}
aside.aside > div{
	width:calc(100% - 5px);
}



/** Боковая панель :  Стиль пунктов меню и категорий */

aside.aside .nav-link{
	padding:0 1rem;
	height:44px;
	overflow:hidden;
	display:flex;
	align-items:center;
}
aside.aside .nav-link,
aside.aside .nav-link h5{
	font-size:1rem;
	color:#000;
	font-weight:600;
}
aside.aside .aside-footer .nav-link{
   
}
aside.aside .nav-link:hover,
aside.aside .nav-link:hover h5{
	color:var(--link-hover-color);
}
aside.aside .nav-link.active,
body[data-page="homepage"] aside.aside .menu-main .nav-item:first-child .nav-link{
	background:#fff;
	color:#000;
	border-radius:0.25rem;
}

/** Боковая панель :  Виджет категории */

aside.aside .nav-link svg{
    width:22px;
	height:22px;	
	margin-left:0.30rem;
	margin-right:1.1rem;
	vertical-align:middle;
}
aside.aside .nav-link img{
	width:32px;
	height:32px;
}
.aside_cats .nav-link img{
	border-radius:100%;
	margin-right:0.80rem;
}
.aside_cats .aside_cats-more-btn .nav-link, 
.aside_cats .aside_cats-more-btn .nav-link .icon{
	display:flex;
	align-items:center;
}
.aside_cats .aside_cats-more-btn .nav-link .icon{
	width:22px;
	justify-content:center;
	margin-left:0.60rem;
	margin-right:0.8rem;
}
.aside_cats .aside_cats-more-btn .icon svg:last-child,
.aside_cats .aside_cats-more-btn h5 span:last-child{
	display:none;
}

.aside_cats .aside_cats-more-btn .icon svg:first-child,
.aside_cats.fulllist .aside_cats-more-btn h5 span:first-child{
	display:none;
}

.aside_cats .aside_cats-more-btn .icon svg:last-child,
.aside_cats.fulllist .aside_cats-more-btn h5 span:last-child{
	display:flex;
}
.aside_cats.fulllist .nav-item.d-none{
	display:flex !important;
}

.aside-footer .nav-link{
	font-weight:400 !important;
}


/** Сайдбар и виджеты сайдбара */

.sidebar{
	position:fixed;
	right:var(--fixed-pr);
	z-index:11;
	height:calc(100vh - 58px);
	overflow-x:hidden;
	overflow-y:auto;
	padding-top:var(--cols-pt);
	top:var(--header-height);
	box-sizing:border-box;
	flex-wrap:nowrap;
	width:var(--sidebar-width);	
	transition:right 0.2s ease-in-out;
}

.sidebar > div{
	width:100%;
}
.sidebar .nav-link svg{
    width:24px;
	height:24px;	
	margin-left:0.40rem;
	margin-right:0.88rem;
	vertical-align:middle;
}
.sidebar .nav-link img{
	width:32px;
	height:32px;
}

.sidebar-footer .nav-link{
	font-weight:400 !important;
}





/** Основной контейнер с лентой и т.д. */

.main-container{
	position:relative;
}

.main-width{
	max-width:var(--blogger-max-width);
}


/** Тулбар вертикальный */

.main-toolbar{
	width:44px;
	height:100vh;
	position:absolute;
	top:0;
	bottom:0;
	right:-44px;
	z-index: 1;
	overflow:hidden;
}
.main-toolbar:hover{
	z-index:8;	
	overflow:unset;
}
.main-toolbar .navbar{
	background:none !important;
}
.main-toolbar .nav .nav-link{
	position:relative;
	display:flex;
	align-items:center;
	height:40px;
	color:#000;	
	transition:all 0.1s ease-in-out;
	width:42px;
}
.main-toolbar .nav .nav-link:hover{	
	background:#fff;
	color:var(--link-hover-color);	
	box-shadow:0 0 12px 7px rgba(222, 222, 222, 0.2);
}


.main-toolbar .nav .nav-link svg{
	width:19px;
	height:19px;
}
.main-toolbar .nav .nav-link span{
	font-size:0.9rem;
	position:absolute;
	white-space:nowrap;
	right:35px;
	height:40px;
	display:flex;
	align-items:center;
	padding-left:10px;
	padding-right:10px;
	transition:all 0.1s ease-in-out;
	opacity:0;
	box-shadow:0 0 12px 7px rgba(222, 222, 222, 0.2);
	z-index:-1;
}
.main-toolbar .nav .nav-link:hover span{
	background:#fff;
	opacity:1;
	color:#000;
}

.main-toolbar .nav .nav-item:hover .nav-link span{
	z-index:8;
}



/** ТК :  Скрываем h1 заголовки */

body[data-uri="comments"] .main-container h1:nth-child(1),
body[data-uri="groups"] .main-container h1:nth-child(1){
	display:none;
}

/** ТК :  Виджет Карточка автора - шаблон seller_card */

.seller_card .title_left{
	font-weight:400 !important;
}
.seller_card .field{
	margin-bottom:5px !important;
}
.seller_card .footer-button{
	margin:-1.25rem;
}
.seller_card .footer-button .btn{
	border-top-left-radius:0;
	border-top-right-radius:0;
	padding-top:8px;
	padding-bottom:8px;
}

.seller_card .d-flex .btn span{
	font-size:0.9rem;
}


/** ТК :  Карточка категории */


.category-card{
	padding-left:150px;
	position:relative;
	overflow:hidden;
}
.category-card .card-body{

}
.category-card-image{
	display:block;
	width:150px;
	height:100%;
	top:0;
	left:0;
	bottom:0;
	position:absolute;
	z-index:2;
	background-size:cover !important;
	background-image:attr(data-cover url) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
}







/** ТК :  Инфобар [Категории, группа, дата] */

.item_infobar{
	font-size:1rem;
}

.item_infobar a{
	color:#666;
	text-decoration:none !important;
}

.item_infobar, .item_infobar__cats_item{
	display:flex;
	align-items:center;
}

.item_infobar .item_infobar_item{
	margin-right:1rem;
}

.item_infobar .item_infobar__date{
	color:#bbb;
	opacity:0.9;
}

.item_infobar__cats_item,
.item_infobar__group{
	text-decoration:none !important;
	font-weight:bolder;
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.item_infobar__cats_item img,
.item_infobar__group img{
	width:32px;
	height:32px;
}
.item_infobar__cats_item img,
.item_infobar__group img{
	border-radius:100%;
	margin-right:0.80rem;
}

.item_infobar .bar_item:hover{
	color:#000;
}

.item_infobar .bi_rating svg{
	font-size:1.2rem;
}



/** ТК :  Поле Карточка автора */

.field_usercard{
	overflow:hidden;
}
.field_usercard a{
	color:#000;
	text-decoration:none;
}
.field_usercard a:hover{
	color:var(--link-hover-color);
}
.field_usercard .icms-user-avatar, 
.field_usercard .icms-user-avatar>*{
	width:150px;
	height:100%;
	border-radius:0 !important;
}

.field_usercard .icms-user-avatar img{
	border-radius:0 !important;
}
.field_usercard .field_usercard__karma{
	position:absolute;
	right:1rem;
	top:1rem;
}
.field_usercard .field_usercard__karma .rates{
	border-radius:0.25rem;
}
.field_usercard .field_usercard__karma .rates .value{
	font-weight:600;
}


/** Страница фотоальбома */

#album-photo-item{
	display:block;
	flex-direction:column;
}

#album-photo-item #photo_container{
	width:calc(100% + 2.50rem);
	margin-top:-1.25rem;
	margin-left:-1.25rem;
	margin-right:-1.25rem;
	border-top-left-radius:0.25rem;
	border-top-right-radius:0.25rem;
	margin-bottom:0.8rem;
}

#album-photo-item > div{
	width:100%;
	max-width:100%;
}

#album-photo-item .like_buttons{
	position:absolute;
	top:-25px;
	right:15px;
	background:none;
	border:0;
}
#album-photo-item .dropdown.my-3{
	margin-top:1.5rem !important;
}
#album-photo-item .photo_details{
	background:none !important;
	border:0 !important;
	padding-top:0.1rem !important;
}

/** Страница фотоальбома : панель фильтра */

#photo_filter_nav .navbar-nav{
	flex-wrap:wrap;
}

/** Список фотоальбомом */

.albums_list{
	margin:0;
}
.albums_list .albums_list_item {
    padding:0;
}
.albums_list .albums_list_item .icms-photo-album__cover {
  border-top-left-radius:0.25rem;
  border-top-right-radius:0.25rem;
}
.albums_list .albums_list_item .info_bar{
	background:none;
	border:0;
	margin:0;
}
.albums_list .albums_list_item .bar_item.bi_user{
	position:absolute;
	top: 0.5rem;
    right: 0.5rem;
	margin:0;
	color:#fff;
    background-color: rgba(0, 0, 0, 0.75);
	border-radius:0.25rem;
	padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}
.albums_list .albums_list_item .bar_item.bi_user svg{
	width:12px;
	height:12px;
}

@media (min-width: 992px){
.albums_list .albums_list_item {
    flex: 0 0 50%;
    max-width: 50%;
}
}




@media screen and (max-width: 768px) {
	
.field_usercard .media{
    flex-direction:column;
}
.field_usercard .icms-user-avatar{
	
}
.field_usercard .icms-user-avatar>*{
	width:64px;
}

}


/** ТК : Общие стили  */

.card-image{
	position:relative;
}
.card-image.ft_image img{
	width:100%;
}
.card-image .item-imagescount{
	position:absolute;
	top:1rem;
	right:1rem;
	background:rgba(0,0,0,0.2);
	padding:0 0.5rem;
	border-radius:0.25rem;
	font-size:1rem;
	color:#fff;
	height:31px;
	display:flex;
	align-items:center;
}
.card-image .item-imagescount small{
	margin-left:0.2rem;
	font-size:0.800rem;
}
.card-image .item-category{
	position:absolute;
	top:1rem;
	left:1rem;
}
.card-image .item-date{
	position:absolute;
	bottom:1rem;
	left:1rem;
	background:rgba(255,255,255,0.8);
	padding:0.2rem 0.5rem;
	border-radius:15px;
	font-size:0.900rem;
}

.content_item .card-image.ft_bimages .item-date{
	bottom:100px;
}
.card-image.ft_bimages .value{
	overflow:hidden;
}
.card-image.ft_bimages .first_type_images{
	margin-right:0;
	float:none;
	display:block;
}
.card-image.ft_bimages .img-thumbnail{
	padding:0;
	border:0;
}
.card-image.ft_bimages .second_type_images{
	margin:0.5rem;
}


.icms-body-toolbox{
	margin-bottom:var(--cols-pt);
}


body[data-h1-hide="1"] .icms-body-toolbox{
	display:none !important;
}


/** ТК : Шаблон Обычный  */

.default_list .content_list_item{
	margin-top:0;
	margin-bottom:8px !important;	
}
.default_list .content_list_item .info_bar{
	margin-left:-1.25rem;
	margin-right:-1.25rem;
	margin-bottom:-1.25rem;
}

/** ТК : Шаблон Журнальный  */

.content_list.featured{
   margin-left:-8px;
   margin-right:-8px;
}
.content_list.featured .tile_col{
	padding:8px;
}
.content_list.featured .card-image{
	margin:-1.25rem;
	margin-bottom:0.7rem;  
	border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;
	overflow:hidden;
}
.content_list.featured .tile_col:first-child .card-image{
	border-top-right-radius:0;
	height:100%;
}

.content_list.featured .tile_col .tile{	
	height:100%;
}


/** ТК : Фильтр под маленькую ширину колонки  */

.icms-filter-container form .fields .form-group > div.d-flex{
	flex-direction:column;
}

.icms-filter-container form .fields .form-group > div.d-flex > .input-group{
	margin-right:0 !important;
	margin-bottom:0.5rem;
}

/** ТК : Страница записи */

.ctype-page .parent_title{
	font-weight:600;
}
.ctype-page .content_item{
	margin-bottom:0 !important;
}
.ctype-page .content_item .icms-content-fields .ft_image{
	margin-left:-1.25rem;
	margin-right:-1.25rem;
}
.ctype-page .info_bar{
	margin-left:-1.25rem;
	margin-right:-1.25rem;
	margin-bottom:-1.25rem !important;
}

/** ТК :  Шаблон списка blogger_list */

.blogger_list.content_list .content_list_item+.content_list_item{
	margin-top:1rem;
}

.blogger_list.content_list .card{
	padding:1.25rem;
}
.blogger_list.content_list .card .card-image,
.blogger_list.content_list .card .card-image a,
.blogger_list.content_list .card .card-image img{
	width:100%;
	display:block;
}
.blogger_list.content_list .card .card-image{
	margin-left:-1.25rem;
	margin-right:-1.25rem;
	width:calc(100% + 2.50rem);
	margin-top:1.2rem;
}
.blogger_list.content_list .card .info_bar{
	background:none; 
	border:0;
	display:flex;
	justify-content:space-between;
	margin-bottom:-1rem;
}
.blogger_list.content_list .card .item-title a{
	color:#000;
	text-decoration:none !important;
}
.blogger_list.content_list .card .item-title a:hover{
	color:var(--link-hover-color);
}

/** ТК :  Шаблон списка blogger_ads_tiles */


.blogger_list.blogger_ads_tiles{
	padding-left:8px;
	padding-right:8px;
}
.blogger_list.blogger_ads_tiles .ajax_pagination_items_item{	
	margin-bottom:30px;
	padding:8px;
	margin:0;
}
.blogger_list.blogger_ads_tiles .card{
	padding-top:0;
	padding-bottom:1rem;
}
.blogger_list.blogger_ads_tiles .card .icms-content-fields .field{
	margin-top:1rem;
}
.blogger_list.blogger_ads_tiles .card .icms-content-fields .ft_bimages:first-child,
.blogger_list.blogger_ads_tiles .card .icms-content-fields .ft_images:first-child,
.blogger_list.blogger_ads_tiles .card .icms-content-fields .ft_image:first-child{
	border-top-left-radius:0.25rem;
	border-top-right-radius:0.25rem;
	overflow:hidden;
	margin-top:0;
}
.blogger_list.blogger_ads_tiles .card .card-image img,
.blogger_list.blogger_ads_tiles .card .card-image img,
.blogger_list.blogger_ads_tiles .card .card-image img{
   object-fit: cover;
   height:200px;
}



/** Пользователи :  список */

#users_profiles_list .item{
	margin-bottom:8px !important;
}

/** Пользователи :  Профиль : рейтинг

#user_profile_rates{
	background:none !important;
	color:#000 !important;
}
#user_profile_ratings{
	background:none !important;
	color:#000 !important;
}
 */

/** Группы :  список групп */

.groups-list.content_list.striped-list .item{
	margin-bottom:8px !important;
}

/** Группы :  страница группы */

.group-header .icms-bg__cover{
	border-top-left-radius:0.25rem;
	border-top-right-radius:0.25rem;
	width:calc(100% + 2.50rem);
	margin-left:-1.25rem;
	margin-right:-1.25rem;
	margin-top:-1.25rem;
}
.group-header .icms-groups__tabs{
	margin-bottom:-1.25rem;
	border:0;
}
.group-header .icms-groups__tabs .badge{
	background:none;
	color:#888;
	font-weight:400;
	padding-left:0;
}
#group_profile .icms-content-fields__group_title{
    margin-top:0;
}
#group_profile .info_bar{
	margin-left:-1.25rem;
	margin-right:-1.25rem;
	margin-bottom:-1.25rem !important;
}


/** Группы :  страница профиля */

#user_profile{
	margin-left:0;
	margin-right:0;
}
.profile-header{
	padding-bottom:0;
}
.profile-header .icms-profile__tabs{
	border:0;
	flex-wrap:nowrap;
	margin-bottom:0 !important;
	
}
.profile__tabs_wrap{
	width:calc(100% + 2.50rem);
	margin-left:-1.25rem;
	margin-right:-1.25rem;
	margin-bottom:1rem;
}
.profile-header .icms-profile__tabs .badge{
	background:none;
	color:#888;
	font-weight:400;
	padding-left:0;
}



/** Комментарии :  Виджет комментарий */

.widget_comments_list .comment{
	padding-left:1.25rem;
	padding-right:1.25rem;
	margin-left:-1.25rem;
	margin-right:-1.25rem;
}
.widget_comments_list .comment:not(:last-child){
	border-bottom:1px solid rgba(0,0,0,.1);
	padding-bottom:0.8rem;
	margin-bottom:0.8rem !important;
}


.widget_comments_list .icms-comment-html__widget{	
	line-height:1.3;
	display:block;
}
.widget_comments_list .comment .subject{
	font-size:0.9rem;
	line-height:1.3;
	display:inline-block;
	font-weight:600;
	
}
.widget_comments_list .icms-profile-avatar__default,
.widget_comments_list .icms-profile-avatar__default svg,
.widget_comments_list .icms-user-avatar,
.widget_comments_list .icms-user-avatar img {
    min-width: 32px;
    width: 32px;
    height: 32px;
}



/** Комментарии :  комментарий в списке */

.comment a{
	text-decoration:none !important;
}
.comment .buttons .btn{
	font-size:0.9rem;
}
.comment .icms-comment-html:before,
.comment .icms-comment-html:after{
	display:none;
}

.comment .icms-comment-html{
	border:0;
	background:none;
	padding:0;
	box-shadow:none;
}
 #comments_list .comment{	 
	margin-top:0 !important;
	margin-bottom:1rem !important;
}

.card #comments_list{
	margin-bottom:0 !important;
}

.card #comments_widget .nav.nav-tabs{
	margin-left:-1.25rem;
	margin-right:-1.25rem;
}

.card #comments_widget .nav.nav-tabs .nav-link{
	padding-top:1rem;
	padding-bottom:1rem;
}

.card #comments_list .comment{
	margin-left:-1.25rem;
	margin-right:-1.25rem;
	padding:1rem 1.25rem;
	margin-bottom:0 !important;
}

.comment.selected-comment{
	background: #fff9f5;
}

.comment .subject{
	font-size:0.950rem;
}
.comment .comment-author-wrap{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:0.3rem;
}
.comment .comment-author-wrap .user{
	font-weight:600;
}
body[data-uri*="comments"] .comment .comment-author-wrap .user{
	font-size:1.045rem;
}
body[data-uri*="comments"] .comment .comment-control-wrap{
	justify-content:flex-end !important;
}

.comment .icms-profile-avatar__default,
.comment .icms-profile-avatar__default svg,
.comment .icms-user-avatar,
.comment .icms-user-avatar img {
	max-width:unset;
    min-width: 32px;
    width: 32px;
    height: 32px;
}


/** Комментарии :  форма добавления комментария */

#comments_add_link {
    flex: 1;
    margin-right: 1rem;
}
.comments_add_form {
    position: relative;
    width: 100% !important;
    padding: 0;
}

.comments_add_form .form-control {
    width: 100% !important;
    display: block;
    position: relative;
    padding-left: 50px !important;
    height: calc(2em + .75rem + 2px);
    font-size: 0.950rem;
    box-sizing: border-box;
}

.comments_add_form .icon-avatar {
    position: absolute;
    z-index: 4;
    left: 10px;
    top: 0;
    bottom: 0;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
}

.comments_add_form .icms-profile-avatar__default,
.comments_add_form .icms-profile-avatar__default svg,
.comments_add_form .icms-user-avatar img {
    min-width: 32px;
    width: 32px;
    height: 32px;
}


/** Комментарии :  рейтинг */


.icms-comment-rating_btn{
	text-decoration:none !important;
}
.icms-comment-rating_btn.voted{
	cursor:default !important;
}


.rating_vote_btn svg{
	display:none;
}
.rating_vote_btn.voted svg:nth-child(2),
.rating_vote_btn:not(.voted) svg:nth-child(1){
	display:flex;
}

.rating_vote_btn{
	width:24px;
}

.rating_vote small{
	line-height:1;
	font-weight:500;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:3px;
}
.is_admin .rating_vote small{
	padding-left:10px;
	padding-right:7px;
}

.rating_vote.like small{
	color:#4A7C31;
}

.rating_vote.dislike small{
	color:#8F3621;
}
.rating_vote.dislike{
	margin-left:5px;
}

.icms-comment-rating_btn.rate-up:hover svg path.yt-icon{
	fill:#4A7C31 !important;
}

.icms-comment-rating_btn.rate-down:hover svg path.yt-icon{
	fill:#8F3621 !important;
}

.reb_like_dislike span small {
	color:#777;
	font-size:14px;
	margin-left:2px;
}
body.is_page .reb_like_dislike a[href="#edit"],
body.is_page .reb_like_dislike a[href="#delete"]{
	display:none;
}



/** другие классы */


body:not(.user-logged) .user-only{
	display:none !important;
}






/**  dcAccordion sidemenu and mobmenu */

.nm_sidemenu ul,
.nm_mobmenu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.nm_sidemenu ul li,
.nm_mobmenu ul li {
    width: 100%;
    display: block;
    float: left;
    position: relative
}

.nm_sidemenu ul li a,
.nm_mobmenu ul li a {
    width: 100%;
    padding: 14px 22px;
    float: left;
    text-decoration: none;
    color: #f0f0f0;
    position: relative;
    overflow: hidden;
    -o-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -webkit-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear
}

.nm_sidemenu ul li ul li a,
.nm_mobmenu ul li ul li a {
    padding: 10px 22px;
}

.nm_sidemenu>ul>li.active>a,
.nm_sidemenu>ul>li:hover>a,
.nm_mobmenu>ul>li.active>a,
.nm_mobmenu>ul>li:hover>a {
    color: #fff;
    background: rgba(0, 0, 0, .04);
}

.nm_sidemenu>ul>li>a,
.nm_mobmenu>ul>li>a {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.nm_sidemenu ul li a i,
.nm_mobmenu ul li a i {
    width: 34px;
    float: left;
    line-height: 18px;
    font-size: 16px;
    text-align: left
}

.nm_sidemenu .dcjq-icon,
.nm_mobmenu .dcjq-icon {
    float: right;
    right: 0;
    position: absolute;
    z-index: 9;
    top: 0;
    height: 100%;
    width: 40px;
    -o-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -webkit-transition: transform .3s linear;
    -ms-transition: transform .3s linear
}

.nm_sidemenu .dcjq-icon:before,
.nm_mobmenu .dcjq-icon:before{
    content: "";
    position: absolute;
    transition: transform 0.25s ease-out;
	top: calc(50% - 5px);
    left: 7px;
	width: 14px;
    height: 14px;
	color:rgba(0,0,0,0.8);
	display: inline-block;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAAfklEQVRIie2RMQqAMAxF/33scZQOehhH76xQl2YJjU0wdTEPOhT6eKQBguCXTF84O4ALwGZwFgAngMMSKfVoYxQhrxtLTCj1nh+cLDipF5sbojQZn4Terr2IJfY6oom5RQjp/617VNGazG0Sbcw1IsWGRHhsaITIcFh8EIznBmU+WkVTSnR6AAAAAElFTkSuQmCC') 50% 50% no-repeat;
background-size: 100%; 
}

.nm_sidemenu .active>.dcjq-icon:before,
.nm_mobmenu .active>.dcjq-icon:before {
    transform: rotate(180deg);
}



.nm_sidemenu ul ul.submenu,
.nm_mobmenu ul ul.submenu li ul.submenu {
    width: 100%;
    display: none;
    position: static
}

.nm_sidemenu ul ul.submenu li,
.nm_mobmenu ul ul.submenu li {
    clear: both;
    width: 100%
}

.nm_sidemenu ul ul.submenu li a,
.nm_mobmenu ul ul.submenu li a {
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, .05);
    border-top: none;
    position: relative;
    border-left: solid 4px transparent;
    -o-transition: border .2s linear;
    -moz-transition: border .2s linear;
    -webkit-transition: border .2s linear;
    transition: border .2s linear
}

.nm_sidemenu ul ul.submenu ul.submenu li a,
.nm_mobmenu ul ul.submenu ul.submenu li a {
    background: rgba(0, 0, 0, .08);
}

.nm_sidemenu ul ul.submenu li a.active,
.nm_mobmenu ul ul.submenu li a.active {
    border-left-color: rgba(0, 0, 0, 0.4);
}

.nm_sidemenu ul ul.submenu>li>a,
.nm_mobmenu ul ul.submenu>li>a {
    padding-left: 30px
}

.nm_sidemenu ul ul.submenu>li>ul.submenu>li>a,
.nm_mobmenu ul ul.submenu>li>ul.submenu>li>a {
    padding-left: 45px
}

.nm_sidemenu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a,
.nm_mobmenu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
    padding-left: 60px
}

.nm_sidemenu ul li .nm_mobmenu-label,
.nm_sidemenu ul ul.submenu li .nm_mobmenu-label,
.nm_mobmenu ul li .nm_mobmenu-label,
.nm_mobmenu ul ul.submenu li .nm_mobmenu-label {
    min-width: 20px;
    padding: 1px 2px 1px 1px;
    position: absolute;
    right: 18px;
    top: 14px;
    font-size: 11px;
    font-weight: 800;
    color: #555;
    text-align: center;
    line-height: 18px;
    background: #f0f0f0;
    border-radius: 100%
}

.nm_sidemenu ul ul.submenu li .nm_mobmenu-label,
.nm_mobmenu ul ul.submenu li .nm_mobmenu-label {
    top: 12px
}



.sidebar_menu .nav-link{
	border:0;
}
.sidebar_menu .nav-link:hover{
	background:none;
}
body.icms-frontpage .sidebar_menu .nav-link[href="/"],
.sidebar_menu .actived > .nav-link{
	background:#fff !important;
	color:#000;
	border-radius:0.25rem;
}
.sidebar_menu .nav-link.active{
	background:rgba(0,0,0,.030) !important;
}
.sidebar_menu .submenu li:not(.actived) > .nav-link{
	background:none !important;
}

.sidebar_menu ul ul.submenu li a{
	background:none;
}
.sidebar_menu .submenu{
	border-radius:0.25rem;
	overflow:hidden;
}
.sidebar_menu ul ul.submenu li a {  
    background: none;
    border-left: 0;
}
.sidebar_menu a[title="Ещё"] .dcjq-icon{  
   display:none !important;
}

.sidebar_menu .more > a > svg:first-child,
.sidebar_menu .more > a.active > svg:nth-child(2){
	display:none;
}
.sidebar_menu .more > a.active > svg:first-child{
	display:flex;
}
.sidebar_menu ul li.more ul.submenu>li>a{
	padding-left:1rem;
}




/** slick slider  */


.h_slider_wrap {
    position: relative;
}
.h_slider.slick-slider {
    position: static;
}
.arrow-ext.slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 13;
    padding: 0;
}
.arrow-ext.slick-arrow:first-child {
    left: -23px;
}
.arrow-ext.slick-arrow:last-child {
    right: -23px;
}
.arrow-ext.slick-arrow.slick-disabled {
    opacity: 0;
}
.arrow-ext.slick-arrow .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.5, 0, .5, 3);
    transition: -webkit-transform .3s cubic-bezier(.5, 0, .5, 3);
    transition: transform .3s cubic-bezier(.5, 0, .5, 3);
    transition: transform .3s cubic-bezier(.5, 0, .5, 3), -webkit-transform .3s cubic-bezier(.5, 0, .5, 3);
}
.arrow-ext.slick-arrow .btn {
    width: 40px;
    height: 40px;
    padding: 0;
}
.h_slider_inline .arrow-ext.slick-arrow .btn {
    width: 30px;
    height: 30px;
}
.h_slider_inline .arrow-ext.slick-arrow:first-child {
    left: -15px;
}
.h_slider_inline .arrow-ext.slick-arrow:last-child {
    right: -15px;
}



/** Опция : Вариант расположения колонок  */

@media (min-width: 1214px) {
	
body[data-cols-align="center"] aside.aside{
	left:calc(50% - 555px);
}
body[data-cols-align="center"] .sidebar{
	right:calc(50% - 555px);
}	
body[data-cols-align="left"]{
	align-items:flex-start;
}
body[data-cols-align="left"] main{
	padding-left:300px;
}

}




/** адаптивность  */

@media (min-width: 600px) {
.mob-only{
	display:none;
}	
}


@media (max-width: 991px) {
    .arrow-ext.slick-arrow:first-child {
        left: -15px;
    }
    .arrow-ext.slick-arrow:last-child {
        right: -15px;
    }
    .h_slider_inline .arrow-ext.slick-arrow:first-child {
        left: -10px;
    }
    .h_slider_inline .arrow-ext.slick-arrow:last-child {
        right: -10px;
    }
}


@media (min-width: 1214px) {
	
.md-only{
	display:none;
}
	
}



@media (max-width: 1215px) {
	
	
.lg-only{
	display:none;
}




header {		
	box-shadow:0 0 12px 7px rgba(222, 222, 222, 0.2);
}
			

aside.aside{
	left:var(--sidebar-width-minus);	
	background:#fff;
	padding-top:10px;
}  
.sidebar {
	right:var(--sidebar-width-minus);
	background:#fff;
}



.main-menu-opened aside.aside{
	left:0;
}  


.header-search{
	position:fixed;
	top:var(--header-height);
	left:0;
	right:0;
	box-sizing:border-box;
	width:unset !important;
	padding:0;
	background:#fff;
	box-shadow:0 0 12px 7px rgba(222, 222, 222, 0.2);
	z-index:8;
	height:58px;
	padding:0 15px;
	display:flex;
	align-items:center;
	transition:all 0.2s ease-in-out;
	transform: translateY(-116px);
	opacity:0;
}
.header-search .form-control{
	max-width:var(--blogger-max-width);
	margin:0 auto;
}
.header-search-opened .header-search{
	transform: translateY(0);
	opacity:1;
}
	
.menu-header_toolbar .dropdown-menu.show{
	right:-100% !important;
	left:auto !important;
}






.header-right .menu-header{
	justify-content:flex-start !important;
	padding-left:10px;
}



.header-right{	
	width:var(--sidebar-width) !important;	
	position:fixed;	
	top:var(--header-height) !important;
	left:var(--sidebar-width-minus) !important;	
	right:auto !important;
	bottom:0;
	background:#fff;	
	transition:left 0.2s ease-in-out;	
	align-items:flex-start;
	flex-direction:column;
	justify-content: space-between;
    height:calc(100vh - var(--header-height));
	overflow-y:scroll;
	z-index:300;
}

.header-right .icms-user-menu .icms-user-menu__items > li:first-child{
	height:var(--header-height) !important;
}	
.header-right .nav,
.header-right .dropdown-menu{
	border-radius:0 !important;
}	
.header-right .icms-user-menu .icms-user-menu__items > li:first-child,
.header-right .nav-link, .header-right .nav-link h5{
	font-size:1rem !important;
}
body.header-right-opened .header-right{
	left:0 !important;
}


.header-right .nav-item.logout{
	position:absolute;
	top:0;
	right:-0.20rem;
}
.header-right .nav-item.logout a{
	height:var(--header-height) !important;
	display:flex !important;
	align-items:center;
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.header-right .nav-item.logout span{
	display:none;
}
.header-right .nav-item.logout svg{
	fill:#fff;
}

.header-right .icms-user-menu__summary{
	display:none !important;
}
#desktop_device_type .header-right .icms-user-menu .icms-user-menu__items,
#tablet_device_type .header-right .icms-user-menu .icms-user-menu__items,
#mobile_device_type .header-right .icms-user-menu .icms-user-menu__items {
   position:static !important;
   width:var(--sidebar-width) !important;
   transform:unset !important;
   height:auto;
   box-shadow:none !important;
}
.header-right .icms-user-menu .icms-user-menu__items .dropdown-toggle::after {
   position:absolute;
   right:15px;
   top:20px;
}
.header-right .icms-user-menu .icms-user-menu__items.show {
   transform:unset !important;
}

.header-right .icms-user-menu .icms-user-menu__items > li:first-child button {
  display:none !important;
}
.header-right .icms-user-menu .icms-user-menu__items.show .nav-item.logout{
	position:fixed;
	bottom:0;
	left:0;
}
.header-right .icms-user-menu .icms-user-menu__items .nav-item.logout a{
	border:0 !important;
	display:block;
}

.header-right .menu-header{
	display:none;
}


.header-right .menu-header{
	display:none;
}

.header-right .quest-auth-form{
	padding:1rem;
}
.header-right .quest-auth-form legend{	
    font-size: 1.25em;
    font-weight: 700;
}
.header-right .quest-auth-form .custom-control-label a{
	display:block;
	color:var(--primary);
	margin-top:8px;
}
.header-right .quest-auth-form .buttons .btn-primary{
	width:100%;
}
.header-right .quest-auth-form .buttons .btn-secondary{
	background:none;
	color:var(--primary);
	border:0;
	padding-left:0;
	padding-right:0;
	margin-top:10px;
}






.main-toolbar{
    position:fixed;
	right: 25px;
	top:var(--header-height);
}


	
}


@media (max-width: 600px) {
	
	
header .head-right{
	position:absolute;
	right:0;
}


.main-toolbar{
    position:fixed;
	right: 25px;
	top:var(--header-height);
}

.main-toolbar .navbar-toggler{
	height:38px;
	padding:0;
}
.main-toolbar,
.main-toolbar .navbar-toggler,
.main-toolbar .nav .nav-link,
.main-toolbar .navbar.navbar-expand-lg{
		width:44px;
}
.navbar-toggler-icon{
	background:url(../images/icons/cog.png) no-repeat center center;
}
.navbar-toggler-icon:before{
   content:"";
}
.main-toolbar [data-target="#target-toolbar"]{
	color:#000;
}
.main-toolbar .navbar.navbar-expand-lg{
	background:#fff !important;
	box-shadow:0 0 12px 7px rgba(0, 0, 0, 0.1);
}
.main-toolbar #target-toolbar .navbar{
	padding:0 !important;
	display:flex;
	align-items:center;
}
.main-toolbar #target-toolbar .menu-toolbar .nav-item a{
	text-align:center;
	display:block;
	padding-left:0;
	padding-right:0;
}


.main-toolbar .dropdown-menu{
   background:none;
}
.main-toolbar-opened .main-toolbar{
	right: 25px;
}

	
.field_usercard .icms-user-avatar {
    width: 64px;
}		


	
}



@media (max-width: 420px) {
	
header .head-right .nav-link{
	padding-left:0.50rem;
	padding-right:0.50rem;
}

}