/* ОБЩИЕ СТИЛИ */

iframe, object, embed {max-width:100%;max-height:100%}

/* Избранное */
.follow {display:inline-block;width:17px;height:17px;vertical-align:text-top;background:url(../images/icons-synio.png) 0 -76px no-repeat;cursor:pointer}
.follow.active {background-position:-17px -76px}

/* Пагинация */
.pagination {width:100%;overflow:hidden;zoom:1;padding:50px 5px 30px}
.pagination ul {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;zoom:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:2em}
.pagination ul li {font-size:17px;float:left}
.pagination ul li a, .pagination ul li a span {font-size:17px;font-weight:600;color:#333}
.pagination ul li.active span {font-size:18px;font-weight:600;color:#e48746}
.pagination ul li span, .pagination ul li a span:hover, .pagination ul li.number a:hover {color:#999} 
.pagination .prev {margin-right:2%}
.pagination .next {margin-left:2%}
.pagination ul li i {opacity:.5;filter:alpha(opacity=50)}
.pagination ul li.active span.js-jump-btn {cursor:pointer;display:inline-block;white-space:nowrap;}
.pagination ul li.active span.js-jump-btn .paging-jump-icon {vertical-align:middle;}
.pagination ul li.active form.js-jump-form {margin:0;padding:0;vertical-align:middle;}
.pagination ul li.active input.paging-jump-input {width:50px;border:1px solid #ccc;text-align:center;padding: 0 2px;font-size:16px;border-radius:4px;height:24px;margin:0;}

/* Actions */
.actions {overflow:hidden;zoom:1;margin-bottom:10px;font-size:12px}
.actions li {float:left;margin-right:10px}

/* Toolbar */
.toolbar {position:fixed;top:170px;right:10px !important;z-index:20;display:none}
.toolbar section {width:34px;overflow:hidden;line-height:14px;background:#fff;margin-bottom:5px;border-radius:5px;box-shadow:0 0 3px rgba(0, 0, 0, .1)}
.toolbar section:hover {-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);box-shadow:0 0 4px rgba(0, 0, 0, .4)}
.toolbar section i {display:block;padding:4px 0;position:relative;right:1.5px;width:34px;height:34px;color:#d8d8d8;font-size:26px}
.toolbar section:hover i {color:#999}
.toolbar section i.s-22 {padding:3px 3px 12px;font-size:22px;color:#dfdfdf}
.toolbar section a .pg-n {float:right;position:absolute;color:#bebebe;font-size:10px;margin-top:-10px;margin-left:3px;overflow:hidden;width:30px}
.toolbar-margin {padding:0}

/* Scroll up */
.toolbar .toolbar-admin, .toolbar .toolbar-update {display:block;margin-bottom:10px}
.toolbar .toolbar-pagination {display:none;height:38px;margin-bottom:15px}
.toolbar .toolbar-scrollup {display:none}

/* Admin button */

/* Update comments button */
.toolbar .toolbar-update .update-comments i {width:20px;font-size:17px;margin:3px auto 0;height:28px}
.toolbar .toolbar-update .update-comments.active i {color:#7cc034;font-weight:600}
.toolbar .toolbar-update .update-comments i:hover {color:#d8d8d8}

.toolbar .toolbar-update .new-comments  {display:block;margin:0;padding:10px 0;font-size:14px;color:#fff;text-align:center;text-decoration:none;width:34px;background:#4cb600;border-radius:4px;font-weight:600;opacity:0.5}
.toolbar .toolbar-update .new-comments:hover {background:#a0d17d}

/* Topic navigation */
.toolbar .toolbar-topic {width:19px;padding:5px;border-radius:0 5px 5px 0}
.toolbar .toolbar-topic a.toolbar-topic-prev i {display:block;width:19px;height:32px;background:url(../images/icons-synio.png) -211px -23px no-repeat}
.toolbar .toolbar-topic a.toolbar-topic-prev i:hover {background-position:-230px -23px}
.toolbar .toolbar-topic a.toolbar-topic-prev i:active {background-position:-249px -23px}
.toolbar .toolbar-topic a.toolbar-topic-next i {display:block;width:19px;height:32px;background:url(../images/icons-synio.png) -211px -55px no-repeat}
.toolbar .toolbar-topic a.toolbar-topic-next i:hover {background-position:-230px -55px}
.toolbar .toolbar-topic a.toolbar-topic-next i:active {background-position:-249px -55px}

/* Список пользователей */
.user-list-avatar {display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -5px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;zoom:1;position:relative}
.user-list-avatar.big {margin:0}
.user-list-avatar li {width:63px; -webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-line-pack:stretch;align-content:stretch;padding:0 1px;margin-bottom:13px;text-align:center;font-size:12px;line-height:13px}
.user-list-avatar li img.avatar {width:56px;height:56px;display:block;margin:0 auto 3px;position:relative;border-radius:10px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.user-list-avatar.big li img.avatar {width:45px;height:45px}
.user-list-avatar li a span {color:#000;text-align:center;word-wrap:break-word;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.user-list-avatar li a span:hover {color:#e48746}

.user-list-mini li {padding:4px 0 5px;margin-bottom:0;position:relative}
.user-list-mini li img {width:24px;height:24px;position:relative;top:8px;margin-right:3px;border-radius:5px}
.user-list-mini li input {position:relative;top:2px}
.user-list-mini li i {position:absolute;top:4px;right:5px;cursor:pointer;display:none}
.user-list-mini li:hover i {display:block}


/* Поиск */
.search {position:relative}
.search .input-text {border:2px solid #e48746;border-radius:10px;line-height:26px;font-size:17px;min-width:100px;margin-right:100px;float:left}
.search .input-submit {position:absolute;background:#e48746;padding:6px 4px;top:4px;right:0;border:1px solid #e48746;border-radius:50%;color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}
.search .input-submit:hover {-webkit-box-shadow:0 5px 10px rgba(0,0,0,.4);box-shadow:0 5px 10px rgba(0,0,0,.4)}

.search-item-a-b-c {min-height:30px;overflow:hidden;margin-bottom:30px}
.search-item  {padding:0}
.search-item .input-text {width:100%;padding-right:5px}
.search-item .submit {width:16px;height:16px;background:url(../images/icons-synio.png) -115px -55px no-repeat}
.search-item.search-item-abc ul {overflow:hidden;zoom:1;margin:15px 0 0}
.search-item.search-item-abc ul.search-abc-in {margin:10px 0 0;display:none}
.search-item.search-item-abc ul li {float:left;line-height:25px}
.search-item.search-item-abc ul li a  {float:left;color:#777;text-decoration:none;padding:0 5px;margin:0 2px 5px 0;border-radius:3px;font-size:14px}
.search-item.search-item-abc ul.search-abc-in li a  {color:#fff;padding:1px 5px;font-size:16px;background:#7db3d7}
.search-item.search-item-abc ul li a:hover {background:#79828d;color:#fff}
.search-item.search-item-abc ul li.active a {background:#79828d;color:#fff}
.search-item.search-item-abc ul li.active a:hover {background:#79828d;color:#fff;text-decoration:none}
.search-item.search-item-abc ul li.active a span {border:none}

.search-tags {margin-bottom:15px}

.search-form-wrapper {border-radius:5px;margin-bottom:10px}
.search-input-wrapper {position:relative}
.search-input-wrapper .input-submit {position:absolute;top:11px;right:8px;width:22px;height:22px;cursor:pointer}
.search-input-wrapper .input-submit:before {content:'\e811';font-weight:600;font-size:19px;color:#ccc}
.search-input-wrapper .input-text {border-radius:20px;padding:10px 8px 10px 15px;font-size:16px;line-height:22px}
.search-input-wrapper .input-text.btn {padding-right:80px}


/* Облако тегов */
.tag-cloud {text-align:center;width:100%}
.tag-cloud li {display:inline-block;margin:3px 3px;line-height:22px}
.tag-cloud li a {text-decoration:none;white-space:nowrap;padding:4px;background:#eef3f9;border-radius:16px;color:#333}
.tag-cloud.fav-tags li a {background:#fff}
.tag-cloud li a.topic-tags-user-favourite, .tag-cloud li a.shopik-tags-user-favourite {background:#fd8e57;color:#fff;border:none}
.tag-cloud li a span {font-size:10px;font-weight:500}
.tag-cloud li .tag-size-1 {font-size:13px}
.tag-cloud li .tag-size-2 {font-size:13px}
.tag-cloud li .tag-size-3 {font-size:14px}
.tag-cloud li .tag-size-4 {font-size:14px}
.tag-cloud li .tag-size-5 {font-size:14px}
.tag-cloud li .tag-size-6 {font-size:15px}
.tag-cloud li .tag-size-7 {font-size:15px}
.tag-cloud li .tag-size-8 {font-size:16px}
.tag-cloud li .tag-size-9 {font-size:16px}
.tag-cloud li .tag-size-10 {font-size:17px}


/* Item List */
.item-list li {min-height:58px;padding:10px 0;position:relative;zoom:1}
.item-list li .content-block {display:block;padding-left:60px}
.item-list li p {padding-top:2px;font-size:11px}
.item-list li .avatar {float:left;margin:3px 10px 3px 0;width:42px;border-radius:50%}
.item-list li .author {font-weight:600;color:#333;margin-bottom:5px}
.item-list li a.blog-name:hover {color:#e48746}


/* Хелперы */
.fs-9 {font-size:9px}
.fs-11 {font-size:11px}
.fs-13 {font-size:13px}
.fs-14 {font-size:14px}
.fs-15 {font-size:15px}
.fs-16 {font-size:16px}
.fs-17 {font-size:17px}
.fs-18 {font-size:18px}
.fs-20 {font-size:20px}
.fs-22 {font-size:22px}
.fs-25 {font-size:25px}
.fs-30 {font-size:30px}
.fs-100 {font-size:100px}

/* flex */
.flx {display:flex;align-items:center;gap:10px;}
.flx-i {flex-shrink:0;}

.fw-500 {font-weight:500}
.fw-600 {font-weight:600}

.pt-0 {padding-top:0 !important}
.pb-0 {padding-bottom:0 !important}

.ml-0 {margin-left:0 !important}
.ml-10 {margin-left:10px}
.ml-15 {margin-left:15px !important}
.ml-20 {margin-left:20px}
.ml-25 {margin-left:25px}
.ml-30 {margin-left:30px}
.ml-40 {margin-left:40px}
.ml-60 {margin-left:60px}
.mr-0 {margin-right:0 !important}
.mr-10 {margin-right:10px}
.mr-15 {margin-right:15px !important}
.mr-20 {margin-right:20px}
.mr-30 {margin-right:30px}
.mr-50 {margin-right:50px}
.mr-65 {margin-right:65px}

.mt-0 {margin-top:0px !important}
.mt-5 {margin-top:5px}
.mt-10 {margin-top:10px !important}
.mt-15 {margin-top:15px}
.mt-20 {margin-top:20px !important}
.mt-25 {margin-top:25px}
.mt-30 {margin-top:30px !important}
.mt-70 {margin-top:70px !important}

.mb-0  {margin-bottom:0px !important}
.mb-5  {margin-bottom:5px !important}
.mb-10 {margin-bottom:10px !important}
.mb-15 {margin-bottom:15px !important}
.mb-20 {margin-bottom:20px !important}
.mb-25 {margin-bottom:25px !important}
.mb-30 {margin-bottom:30px !important}
.mb-35 {margin-bottom:35px !important}
.mb-40 {margin-bottom:40px}
.mbm-4 {margin-bottom:-4px !important}
.mbm-7 {margin-bottom:-7px !important}

.m-au {margin:0 auto}

.ta-l {text-align:left}
.ta-r {text-align:right !important}
.ta-c {text-align:center !important}
.va-m {vertical-align:middle}
.td-u {text-decoration:underline}

.fl-l {float:left !important}
.fl-r {float:right !important}
.pull-left {float:left}
.pull-right {float:right}

.lh-16 {line-height:16px}
.lh-20 {line-height:20px}
.h-0 {height:0}
.wi-48 {width:48px}
.wi-130 {width:130px}
.wi-100 {width:100%}

.c-blue {color:#71b9e8}
.c-blue2 {color:#509fe3}
.c-blue3 {color:#8eb1d3}
.c-lblue {color:#d5ebff}
.c-lblue2 {color:#adc7e3}
.c-orange {color:#e48746}
.c-green {color:#7cc034}
.c-red {color:#ff3d3d}
.c-purple {color:#6363ff}
.c-grey {color:#ccc}
.c-maroon {color:#a85056}
.c-white {color:#ffffff}

.bg-w {background:#fff}
.bg-lr {background:#ffdede}
.bg-b {background:#f1f7fd}
.bg-g {background:#f7f7f7}
.bg-y {background:#fefef1}
.bg-gr {background:#7cc034}

.visually-hidden { position: absolute !important; left: 0; top: 0; width: 1px !important; height: 1px !important; padding: 0; margin: -1px; overflow: hidden !important; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); white-space: nowrap; border: 0;/* for H1 */ }
.disabled-visible {pointer-events:none;opacity:0.5}

.w-s {white-space:nowrap}
.dis-t {display:table}
.dis-tc {display:table-cell}
.dis-in {display:inline}
.dis-ib {display:inline-block !important}
.dis-n {display:none}
.dis-v {opacity:0.2}
.opa-7 {opacity:0.7}
.br-50 {border-radius:50%}
.no-background {background:none !important}
.note-l {font-size:12px;line-height:18px;color:#333;padding:2px 10px}
.note-l.log {font-weight:600}
.ov-a {overflow:auto !important}
.hov-no:hover {color:inherit}

.clearfix:before,
.clearfix:after {content:"";display:table}
.clearfix:after {clear:both}
.clearfix {zoom:1}

.clearfix1 {overflow:hidden;clear:both}

.wrapper {overflow:hidden;zoom:1}
.wrapper-content {padding:20px 0;background:#fff}
.wrapper-content.wrapper-content-dark {padding:10px}

.word-wrap {white-space:-moz-pre-wrap !important;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;word-wrap:break-word;white-space:normal}


/* Разное */
.sys-global-messages { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 10000; display: flex; flex-direction: column; gap: 10px; width: 90%; max-width: 450px; pointer-events: none; }
.sys-banner { pointer-events: auto; display: flex; align-items: center; padding: 15px 18px; border-radius: 10px; background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.15); margin-bottom: 10px; position: relative; animation: sysAnim 0.3s ease-out; }
.sys-banner-error { border-left: 7px solid #e96464 }
.sys-banner-notice { border-left: 7px solid #7cc034 }
.sys-banner-icon { flex-shrink: 0; margin-right: 12px; font-size: 18px; line-height: 1; }
.sys-banner-error .sys-banner-icon { color: #e96464 }
.sys-banner-notice .sys-banner-icon { color: #7cc034 }
.sys-banner-text { flex-grow: 1; font-size: 15px; line-height: 1.4; font-weight: 500; }
.sys-banner-close { background: none; border: none; color: #bbb; font-size: 20px; cursor: pointer; padding: 5px 0 5px 10px; line-height: 1; transition: color 0.2s; }
@keyframes sysAnim { from { opacity: 0; transform: translateY(-15px); } to { opacity: 1; transform: translateY(0); } }

.notice-empty {color:#aaa}
.loader {background:transparent url(../images/loader.svg) 50% 50% no-repeat !important;z-index:9999}
.user {font-weight:bold;color:#333}
.ls-user {white-space:nowrap;font-weight:bold;color:#e48746;text-decoration:none}
.user:before, .ls-user:before {content:'';display:inline-block;width:14px;height:14px;margin-right:5px;background:url(../images/user.svg) no-repeat;vertical-align:middle;position:relative}
.user .icon-user  {margin-right:3px}
.user-avatar img {width:20px;height:20px;vertical-align:middle;border-radius:50%}
.user-avatar a {color:#000;font-size:11px}
.user-avatar.user-avatar-n a {color:#000;font-size:13px;font-weight:600}
.stream-item a.alogin {color:#000;font-size:13px;font-weight:600}
.user-avatar a:hover, .stream-item a:hover {color:#e48746}
.counter.exceeded {color:#f00}
.page-header-menu {overflow:hidden;zoom:1;margin-bottom:10px}
.page-header-menu .page-header {float:left;margin-right:20px;margin-bottom:10px}
.page-header-menu .nav.nav-pills {margin-top:5px;float:left}
.blog-list-info {width:19px;height:10px;display:inline-block;background:url(../images/icons-synio.png) -70px -150px no-repeat;cursor:pointer}
.blog-list-info:hover,
.blog-list-info.active {background-position:-90px -150px}
.search-results {margin-bottom:35px}
.c-blue.icons-info-circled {font-size:16px}


/* VIDEO EMBEDS (Reliable Padding Hack) */
.video-responsive { width: 100%; aspect-ratio: 16 / 9; background: #000; margin: 16px 0; border-radius: 8px; overflow: hidden; }
.comment .video-responsive { margin: 14px 0; }
.video-responsive.video-vertical { aspect-ratio: 9 / 16; max-width: 420px; width: 100%; max-height: min(75vh, 820px); margin: 16px auto; }
.video-responsive iframe { width: 100%; height: 100%; border: 0; display: block; }