/* =========== © 2016 Centroarts.com =========== */

/* Сброс */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }

html { height: 100%; min-height: 100%; }
body { min-height: 100%; }
html, html a { -webkit-font-smoothing: antialiased; }

/* Настройка основной типографии */
body, select, input, textarea, button {
	font: normal 14px/1.5 Arial, Helvetica, sans-serif;
	color: #353535;
	outline: none;
}
	a { 
		outline: none;
		color: #0053b6;
		text-decoration: none;
	}
	a:hover { color:#28a745; }

	a img { border: 0 none; }
	a > img { vertical-align: bottom; }

/* Заголовки H1-6 */
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
letter-spacing: .02em;
	line-height: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}
h1, .h1 { font-size: 26px; }
h2, .h2 { font-size: 21px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }

sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; font-size: smaller; }
.over { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
a .over { cursor: pointer; }

strong, b { font-weight: bold }
em, cite, i { font-style: italic }
caption { text-align: left }
th, td { vertical-align: middle }
small, .small { font-size: .9em; }
hr { height: 0; border: 0; border-top: 2px solid #eeeeef; -moz-box-sizing: content-box; box-sizing: content-box; margin: 20px 0; }

input[type="text"],.square-input {color:#37404d;font-weight:400;font-style:normal;font-size:15px;box-sizing:border-box;padding:12px;border:1px solid #d6d6d6;border-radius:2px;background:#fff;outline:none;-webkit-appearance:none;}
.btn-site {background:#002149;color:#fff;}
.btn-site:hover {color:#002149;background:transparent;border:1px solid #002149;}

.btn-bk {display:inline-block;vertical-align:middle;text-decoration:none;text-align:center;font-weight:400;font-size:15px;line-height:18px;letter-spacing:normal;text-transform:none;min-width:18px;min-height:18px;padding:15px;margin:0 3px 3px 0;border:none;outline:none;transition:all .1s linear;-webkit-appearance:none;}

.btn-green {background-color:#28a745;color:#fff;}
.btn-green:hover {background-color:#5fbe75;color:#fff;text-decoration:none;}
.btn-info {
    color: #fff;
    background-color: #008cc5;
    border-color: #008cc5;
}
.btn-info:hover {
    color: #fff;
    background-color: #21a2d7;
    border-color: #21a2d7;
}

.authbg {
    background-image: url(/templates/lapandn_city/images/pat-back.svg);
    background-position: center;
    background-repeat: repeat;
    background-size: 25%;
}
.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.modal-header, .modal-content {border-radius:0;}
.modal-content {border:0;box-shadow:0 5px 15px rgba(0,0,0,.2);}
.block {background:#fff;}
.block-body {flex:1 1 auto;padding:1rem;}

.navbar-collapse {flex-grow:0;}

body {background-color:#f9f9f9;font-family:'Roboto',Arial,sans-serif;}
        .header-top {background-color:#002149;min-height:70px;padding-top:0;padding-bottom:0;}
        .header-top .logo {font-size:28px;font-weight:bold;color:#fff;text-decoration:none;cursor:pointer;margin:0 35px 0 0;}
        .header-top .logo .sublogo {font-size:13px;font-weight:normal;margin:0 0 0 3px;background:#fff;color:#002149;padding:0 4px;border-radius:5px;}
        .header-top .navbar-toggler {color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.1);}
        .header-top .navbar-toggler .bi {font-size:28px;}
        .wrapper {max-width:1280px;margin:auto;}
        .header-menu {}
        .header-menu .nav-item:not(:last-child) {margin:0 5px 0 0;}
        .header-menu .nav-link {color:#fff;font-size:15px;padding:6px 10px !important;border-radius:5px;}
        .header-menu .nav-link:hover, .header-menu .nav-link.active {text-decoration:none;background-color:rgba(255,255,255,1);color:#002149;}
        .header-top .search {display:none;}
        .header-top .header-search {background-color:#234771;position:absolute;right:-5px;top:-19px;min-width:600px;height:70px;}
        .header-top .search-input {background:transparent;border:0;min-width:350px;padding:0;margin:0;outline:none;font-size:16px;color:#fff;}
        .header-top .search-input:focus, .search-input:active {background:transparent;outline:none !important;border:0;}
        .header-top .search-input::-webkit-input-placeholder {color:rgba(255,255,255,.75);}
        .header-top .header-search button, .header-search .close {border:0;background:transparent;width:70px;text-align:center;color:#fff;outline:none;cursor:pointer;}
        .header-top .header-search button .bi, .header-search .close .bi, .header-top .header-specials .bi {font-size:22px;cursor:pointer;}
        .header-top .header-specials .bi {color:#fff;transition:all .2s ease;}
        .header-top .header-specials .bi:hover {color:rgba(2555,255,255,.65);}
        .header-bottom {background-color:#002756;box-shadow:0px 2px 15px rgba(0,0,0,.1);}
        .header-submenu .nav-link {color:#fff;padding:3px 0 !important;margin:0;font-size:14px;border-bottom:1px dashed transparent;}
        .header-submenu .nav-item:not(:last-child) {margin:0 16px 0 0;}
.header-submenu .nav-link:hover {border-bottom:1px dashed #fff;}
        .header-top .h-block {color:hsla(0,0%,100%,.6);font-weight:700;font-style:normal;font-size:11px;letter-spacing:.04em;text-transform:uppercase;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:1px 0 0;line-height:16px;white-space:pre-wrap;transition:all .2s ease;}
        .header-top .h-block:not(:last-child) {margin:0 15px 0 0;}
        .header-top .weather {justify-content:flex-start;text-align:left;text-decoration:none;}
        .header-top .weather:hover .h-block {color:#fff;}
        .header-top .weather .icon {margin:0 15px 0 0;}
        .header-top .weather .icon img {width:40px;display:inline-block;vertical-align:middle;}
        .header-top .widgets {display:flex;justify-content:flex-end;min-width:300px;}
        .header-bottom .login-button {background-color:#fff;color:#002149;border:1px solid #fff;padding:2px 8px;font-size:14px;display:inline-block;vertical-align:middle;cursor:pointer;transition:all .2s ease;position:relative;}
        .header-bottom .login-button:hover {background:transparent;color:#fff;text-decoration:none;}
        .header-bottom .login-button .bi {margin:0 4px 0 0;}
        .mobile-weather {color:hsla(0,0%,100%,.6);}
        .user-panel .dropdown-menu {border-radius:0;box-shadow:0 2px 16px rgba(0,0,0,.2);border:0;margin-top:10px;min-width:200px;font-size:15px;}
        .user-panel .dropdown-menu .dropdown-item {text-decoration:none;}
        .user-panel .pm-num {background:#fff;color:#000;padding:2px 6px;top:2px;font-size:11px;}
        .user-panel .login-panel-info {padding:5px 10px;}
        .user-panel .login-panel-info .avatar {display:block;}
        .user-panel .login-panel-info .avatar img {border-radius:100%;width:35px;height:35px;display:inline-block;vertical-align:middle;margin:0 7px 0 0;}
        .main {display:flex;justify-content:space-between;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin:var(--bs-gutter-x,1rem) 0;}
        .sidebar {width:270px;flex:0 0 auto;margin:0 16px 0 0;}
        .sidebar:last-child {margin:0 0 0 16px;}
        .sidebar .sidebar-block {background-color:#fff;padding:16px 20px;z-index:2;display:block;width:100%;margin:0 0 16px 0;}
        .sidebar .sidebar-title {box-sizing:border-box;padding:0 0 10px;border-bottom:1px solid hsla(0,0%,83.9%,.4);margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;width:100%;text-decoration:none;color:#002149;}
        .sidebar .sidebar-title .bi {transition:all .2s ease;}
        .sidebar .sidebar-title:hover .bi {margin:0 4px 0 0;}
        .sidebar .sidebar-title.green {color:#28a745;}
        .sidebar-title .title {flex:1 1 auto;order:0;margin:0;color:inherit;line-height:22px;letter-spacing:.04em;text-transform:uppercase;font-size:18px;font-weight:600;}
        .sidebar .news {margin-bottom:16px;}
        .sidebar .news .news-title, .sidebar .news .news-title a {font-family:Roboto,Arial,sans-serif;color:#37404d;font-weight:400;font-style:normal;font-size:15px;line-height:20px;margin:0;padding:0;word-wrap:break-word;text-decoration:none;transition:all .2s ease;}
        .sidebar .news .news-title:hover a {color:#28a745;}
        .sidebar .news .news-details {display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:auto;margin:6px 0 0 0;}
        .sidebar .news .news-details .item {color:#77808c;font-weight:700;font-size:12px;letter-spacing:.04em;margin-right:16px;text-transform:uppercase;}
        .sidebar .news .news-details .item .bi {margin:0 4px 0 0;display:inline-block;vertical-align:middle;}
        .main-content {flex: 0 0 auto;width:54.5%;}
        .main-content.full-content {width:calc(100% - 286px);}
        .main-content #dle-content {display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;}
        .main-content.full-content #dle-content {display:block;}
        .content-header {display:flex;justify-content:space-between;align-items:center;margin:0 0 16px 0;}
        .content-header h1 {text-transform:uppercase;}
        .content-header .btn {font-size:15px;}
        .sidebar .top-5 {display:flex;justify-content:flex-start;}
        .sidebar .top-5 .news-number {color:#28a745;font-weight:500;font-style:normal;font-size:17px;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:48px;margin-top:3px;margin-right:10px;background-color:#efefef;}
         .sidebar .sticky-top {top:86px;}
        /* shortstory news by Valery Lapin */
            .story.shortstory {background-color:#fff;padding:16px;margin:0 0 16px 0;width:calc(50% - 6px);display:flex;flex-direction:column;}
    .full-content .story.shortstory {display:flex;width:100%;}
    .story-image, .story-image img {width:100%;height:170px;margin:0 0 16px 0;object-fit:cover;}
    .full-content .story-image, .full-content .story-image img {width:240px;height:135px;margin:0;}
    .shortstory .story-info {width:100%;padding:0;}
    .story.shortstory .story-info {display:flex;flex-direction:column;height:100%;}
    .full-content .story.shortstory {flex-direction:row;}
    .full-content .shortstory .story-info {width:calc(100% - 260px);margin:0 0 0 20px;padding:0;}
    .shortstory .story-top {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;}
    .shortstory .story-cat {color:#77808c;font-weight:400;font-style:normal;width:auto;font-size:11px;line-height:16px;text-transform:uppercase;max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .shortstory .story-cat a {text-decoration:none;cursor:pointer;color:#77808c;}
    .shortstory .story-title {margin:1px 0 6px;margin-bottom:12px;}
    .shortstory .story-title .story-name {font-size:21px;line-height:24px;color:#37404d;font-weight:700;font-style:normal;margin:0;padding:0;}
    .full-content .shortstory .story-title .story-name {font-size:26px;line-height:32px;}
    .shortstory .story-title a {text-decoration:none;cursor:pointer;color:#37404d;}
    .shortstory .story-title .story-name2 {margin:6px 0 0;color:#37404d;font-weight:400;font-style:normal;font-size:17px;line-height:24px;}
    .shortstory .story-bottom {display:flex;justify-content:space-between;align-items:center;}
    .shortstory .story-bottom a {color:#77808c;}
    .story.shortstory .story-bottom {margin-top:auto;}
    .shortstory .story-bottom .stats {display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:auto;}
    .shortstory .story-bottom .item, .shortstory .story-date {color:#77808c;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;}
    .shortstory .story-bottom .item:not(:last-child), .shortstory .story-date:not(:last-child) {margin-right:16px;}
    .shortstory .story-bottom .item a, .shortstory .story-date a {text-decoration:none;}
    .shortstory .story-bottom .item .bi, .shortstory .story-date .bi {margin:0 4px 0 0;display:inline-block;vertical-align:middle;}
    .story-rating {display:flex;}
    .story-rating a {text-decoration:none !important;}
    .story-rating .dislike {margin-left:10px;}
    .story-rating .like .bi, .story-rating .dislike .bi {font-size:20px;display:inline-block;vertical-align:middle;margin:0 4px 0 0;transition:all .2s ease;}
    .story-rating .like .bi {color:#e51a66;}
    .story-rating .dislike .bi {color:#e48413;}
    .story-rating .dislike:hover .bi, .story-rating .like:hover .bi {transform:scale(1.2);}
    .shortstory .story-fav .bi-star, .shortstory .story-fav .bi-star-fill {color:#ff8a00;font-size:15px;}
    .shortstory .story-fav .bi-three-dots {font-size:16px;}
    .shortstory .story-xf {font-size:14px;margin:6px 0;color:#37404d;font-weight:400;font-style:normal;}
.close .story-name {text-decoration:line-through;opacity:.8;}
.shortstory.close {opacity:.8;}
.shortstory.close img {opacity:.8;}
    .advert.shortstory {background-color:#fff;padding:16px;margin:0 0 16px 0;display:flex;width:100%;}
    .advert.shortstory .story-title .story-name {font-size:22px;}
    .advert-price {font-size:18px;font-weight:700;margin:6px 0 0;}
    .advert.shortstory .story-fav .bi-heart, .advert.shortstory .story-fav .bi-heart-fill {color:#c52727;font-size:16px;}
    .advert.shortstory .story-fav .bi-three-dots {font-size:16px;}
    .advert.shortstory .story-xf {font-size:14px;margin:6px 0;color:#37404d;font-weight:400;font-style:normal;}
    
    /* fullstory news by Valery Lapin */
    .story.fullstory {background-color:#fff;padding:16px;margin:0 0 16px 0;width:100%;}
    .fullstory-image {display:block;margin:0 -16px 16px -16px;text-align:center;}
    .fullstory-image img {display:inline-block;width:100%;height:auto;max-width:100%;max-height:700px;cursor:pointer;}
    .fullstory-image figcaption {padding:14px 16px;text-align:left;font-size:13px;line-height:16px;color:#77808c;}
    .fullstory .story-top {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 12px;position:relative;}
    .fullstory .story-cat {color:#77808c;font-weight:400;font-style:normal;width:auto;font-size:12px;line-height:16px;text-transform:uppercase;}
    .fullstory .story-cat a {text-decoration:none;cursor:pointer;color:#77808c;}
    .fullstory .story-title {margin:1px 0 6px;margin-bottom:16px;}
    .fullstory .story-title .story-name {font-size:32px;line-height:32px;color:#37404d;font-weight:700;font-style:normal;margin:0;margin-bottom:16px;padding:0;}
    .fullstory .story-title .story-name2 {color:#37404d;font-weight:400;font-style:normal;font-size:21px;line-height:24px;}
	.fullstory.close .story-title .story-name {text-decoration: line-through;}
    .fullstory .story-bottom {display:flex;justify-content:space-between;align-items:center;padding:0 0 16px 0;}
    .fullstory .story-bottom a {color:#77808c;}
    .fullstory .story-bottom .stats {display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:auto;}
    .fullstory .story-date, .fullstory .story-bottom .item {color:#77808c;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;}
    .fullstory .story-bottom .item:not(:last-child) {margin-right:16px;}
    .fullstory .story-bottom .item a, .story-date a {text-decoration:none;color:#77808c;}
    .story-bottom .item a:hover, .story-date a:hover, .story-fav a:hover, .story-cat a:hover {color:#28a745;}
    .fullstory .story-bottom .item .bi, .fullstory .story-date .bi {margin:0 4px 0 0;display:inline-block;vertical-align:middle;}
    .story-fav {display:flex;justify-content:flex-start;align-items:center;}
    .story-fav .dropdown-menu {padding:15px;min-width:170px;border-radius:0;}
    .fullstory .story-fav .bi-bookmark-dash-fill, .fullstory .story-fav .bi:hover  {color:#ff8a00;}
    .story-text {color:#37404d;font-weight:400;font-style:normal;font-size:17px;line-height:24px;margin:0 0 16px 0;}
.story-text h1, .story-text h2, .story-text h3, .story-text h4 {margin-bottom:1rem;}
    .story-text p {margin:0 0 24px;}
    .story-text b, .story-text i, .story-text li, .story-text p, .story-text s {font-size:17px;line-height:24px;}
         .story-text img {max-width:100%;}
         .story-source {font-size:12px;color:#77808c;margin:12px 0 0 0;}
.story-text .quote_block {margin-bottom:.9rem;}
.story-text .quote_block p:last-child {margin:0;}
.story-text .quote {padding-left:50px;}
.story-text .xfieldimagegallery {display:flex;flex-wrap:wrap;align-items:center}
.story-text .xfieldimagegallery li img {float:none;margin:0;margin-bottom:6px;width:210px;height:160px;object-fit:contain;border:2px solid transparent;}
.story-text .xfieldimagegallery li {margin-right:6px;}
.story-text .xfieldimagegallery li:nth-of-child(2n+1) {margin-right:0;}
.highslide-container {z-index:1100 !important;}
    .story-details {display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;border-top:1px solid #efefef;}
    .story-details > div {margin-top:16px;padding-right:15px;}
    .story-details .heading {color:#77808c;font-weight:700;font-style:normal;font-size:12px;line-height:16px;display:block;margin:0 0 12px;text-transform:uppercase;}
    .story-author {font-size:15px;line-height:20px;}
    .story-tags {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;}
    .story-tags a {display:inline-block;flex-shrink:0;margin:0 8px 8px 0;padding:9px 15px;background:#efefef;letter-spacing:normal;text-decoration:none;font-size:11px;line-height:13px;color:#77808c;font-weight:400;}
    .story-tags a:hover {background:#e5e5e5;}
         .story-tags .tag-separator {display:none;}
    .story-error {display:block;font-size:13px;line-height:16px;letter-spacing:normal;color:#77808c;font-weight:400;}
    .story-rating .item {width:25px;position:relative;}
    .story-rating .item:not(:last-child) {margin-right:10px;}
    .story-rating .item a {display:block;}
    .story-rating .rating-tooltip {position:absolute;bottom:100%;left:50%;width:auto;white-space:nowrap;padding:6px 8px;border-radius:10px;background:#37404d;opacity:0;visibility:collapse;transition:transform .3s,opacity .2s;transform:translate(-50%,-14px);color:#fff;font-weight:700;font-style:normal;font-size:11px;line-height:11px;letter-spacing:.04em;text-transform:uppercase;}
    .story-rating .item:hover .rating-tooltip {opacity:1;visibility:visible;transform:translate(-50%,-3px);}
    .story-rating .rating-score {font-size:11px;line-height:13px;letter-spacing:.04em;color:#77808c;font-weight:400;position:relative;display:block;width:100%;text-align:center;}
    .story-rating .icon {width:24px;height:24px;background-size:100%;margin-bottom:4px;}
    .angry-icon {background-image:url(/templates/bk_city/images/angry-icon.svg);}
    .happy-icon {background-image:url(/templates/bk_city/images/happy-icon.svg);}
    .story-tools {position:relative;}
    .story-tools .btn {background:#efefef;color:#77808c;padding:4px 8px;font-size:12px;margin:16px 0 0 0;}
    .story-tools .complaint {background-color:#cb9f9f;color:#fff;}
    .story-tools .print {background-color:#9fcba0;color:#fff;}
    .story-tools .print:hover {background-color:#64be66;}
    .story-tools .complaint:hover {background-color:#a95151;}
    .fixed-label {position:absolute;left:50%;transform:translateX(-50%);font-size:11px;text-transform:uppercase;background-color:#933333;color:#fff;padding:4px 5px;top:-16px;}
    .comments .heading {line-height:22px;letter-spacing:.04em;text-transform:uppercase;color:#28a745;margin:0 0 16px 0;display:flex;align-items:center;}
    .bk-upper-text {color:#77808c;font-weight:600;font-style:normal;font-size:12px;line-height:16px;text-transform:uppercase;}
    .comments .bk-upper-text:hover {color:#28a745;}
    .com-list {border-top:1px solid #efefef;padding:16px 0 0 0;}
    .story-addcomment {border-top:1px solid #efefef;}
    .related-story {border-top:1px solid #efefef;padding:16px 0 0 0;}
    .related-story h3 {margin-bottom:20px;color:#37404d;line-height:20px;font-weight:700;font-style:normal;font-size:17px;letter-spacing:.04em;text-transform:uppercase;}
    .related-story li {list-style:none;margin:0 0 16px;}
    .related-top {padding:0 0 3px;color:#77808c;line-height:16px;font-size: 13px;font-weight:400;margin:0;}
    .related-title {font-weight:400;font-style:normal;font-size:17px;line-height:24px;text-decoration:none;}
        
        /* sidebar comments */
            .sidebar-comments {list-style:none;}
    .short-comment {margin:0 0 16px 0;}
    .comment-top {display:flex;align-items:center;margin:0 0 6px 0;}
    .userpic {width:45px;height:45px;margin:0 10px 0 0;}
    .userpic img {width:45px;height:45px;border-radius:50%;}
    .comment-text {font-size:14px;text-decoration:none;color:#37404d;line-height:20px;display:block;}
    .comment-text:hover {color:#28a745;text-decoration:none;}
    .comment-author {font-size:12px;}
    .comment-author span {text-transform:uppercase;font-weight:600;letter-spacing:.04em;}
    .comment-title {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:180px;text-transform:none !important;color:#28a745;}
    .comment-title a {color:#28a745;}
        
        /* sidebar catmenu */
            .sidebar-catmenu {margin:-12px -20px;}
    .sidebar-catmenu ul li {list-style:none;}
    .sidebar-catmenu ul li a {display:block;font-size:15px;color:#37404d;text-decoration:none;padding:7px 20px;position:relative;}
    .sidebar-catmenu ul li:not(:last-child) a {border-bottom:1px solid #efefef;}
    .sidebar-catmenu ul li a:after {content:"\f285";font-family:'bootstrap-icons';position:absolute;right:15px;top:9px;font-size:12px;transition:all .2s ease;}
    .sidebar-catmenu ul li a:hover {background:#002149;color:#fff;}
    .sidebar-catmenu ul li a:hover:after {right:10px;}
    .sidebar-catmenu ul li a.active {background:#28a745;color:#fff;}
    .sidebar-catmenu ul li a.active:after {right:10px;}
        
        .block-site {padding:16px;margin:0 0 16px 0;}
        .btn {border-radius:0;}
        .bg-path {background-image:repeating-linear-gradient(-45deg, rgba(82,91,171, 0.25),rgba(82,91,171, 0.25) 1px,transparent 1px,transparent 6px) !important;background-size:8px 8px !important;}
        .bg-green {background-color:#28a745;}
         .text-green {color:#28a745;}
         .text-orange {color:#e99401;}
        
            .footer {background-color:#002149;min-height:70px;display:block;margin:36px 0 0 0;}
        .footer .wrapper {padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);}
            .footer-sections {display:flex;justify-content:space-between;align-items: flex-start;padding:30px 0 24px 0;}
            .footer-block {min-width:22%;}
            .footer-block ul li {margin:0 0 16px 0;line-height:15px;}
            .footer-block ul li a {color:#fff;text-decoration:none;transition:all .2s ease;}
            .footer-block ul li a:hover {color:#28a745;}
            .footer-block:last-child {flex-grow:1;}
            .footer-header {text-transform:uppercase;color:hsla(0,0%,100%,.5);font-size:17px;font-weight:500;margin:0 0 16px 0;}
            .footer-social {display:flex;}
            .footer-social li {text-decoration:none;display:inline-block;vertical-align:middle;}
            .footer-social li a {background-color:#405878;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;border:none;outline:none;transition:all .1s linear;-webkit-appearance:none;width:48px;height:48px;font-size:18px;}
            .footer-social li a:hover {background-color:#fff;color:#405878 !important;}
            .footer-social li:not(:last-child) {margin:0 7px 0 0;}
            .footer-info {border-top:1px solid hsla(0,0%,100%,.16);padding:24px 0;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;color:hsla(0,0%,100%,.6);font-size:13px;font-style:normal;line-height:16px;}
            .footer-bottom {padding:24px 0;box-sizing:border-box;width:100%;border-top:1px solid hsla(0,0%,100%,.16);display:flex;align-items:center;justify-content:space-between;white-space:nowrap;}
            .footer-copyright {display:flex;align-items:center;justify-content:flex-start;padding-right:69px;font-size:15px;color:#fff;}
            .footer-copyright div:not(:last-child) {margin:0 69px 0 0;}
        
        /* Хлебные крошки и сортировка */
.sorting {position:relative;cursor:pointer;}
.sorting:before {content:attr(data-label);display:inline-block;vertical-align:top;}
.sorting > span {display:inline-block;vertical-align:top;margin-left:4px;}
.sorting #news_set_sort {display:none;cursor:default;background:#fff;box-shadow:0px 0px 12px 0px rgba(0,0,0,0.12);color:#b8b6b4;padding:10px;margin-top:4px;line-height:26px;position:absolute;top:100%;left:0;z-index:999;min-width:100%;padding:.5rem .9rem;text-align:left;}
.sorting #news_set_sort a {display:block;}
.sorting a:hover {text-decoration:underline;}
        
        .icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	fill: #3394e6;
	vertical-align: middle;
}
         
         /* navigation */
             .navigation-page {display:block;width:100%;}
    .page-nav {display:flex;align-items:center;justify-content:center;}
    .navigation-page a > .page-prev, .navigation-page a > .page-next {color:#0f2d57;text-decoration:none;background-color:#fff;opacity:1;}
    .navigation-page a:hover > .page-prev, .navigation-page a:hover > .page-next {background-color:#77808c !important;color:#fff !important;}
    .navigation-page .page-prev, .navigation-page .page-next {opacity:.5;}
    .page-prev, .page-next {font-size:22px;color:#0f2d57;background-color:#fff;height:40px;line-height:40px;padding:0 10px;}
    .page-prev .bi, .page-next .bi {display:inline-block;vertical-align:middle;}
    
    .page-prev {margin:0 4px 0 0;}
    .page-next {margin:0 0 0 4px;}
    
    .pages a, .pages span {background-color:#fff;color:#77808c;font-weight:500;font-style:normal;font-size:15px;height:40px;line-height:40px;cursor:pointer;text-decoration:none;padding:0 15px;display:inline-block;transition:all .2s ease;}
    .pages a:hover {background-color:#28a745;color:#fff;}
    .pages span {background-color:#28a745;color:#fff;cursor:default;}

         /* comments by VL */
         .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-viewn {padding-left:35px;}
    .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-viewn:before {content:"";height:100%;width:2px;background:#ddd;position:absolute;top:0;left:64px;}
    .comment-viewn {display:flex;justify-content:flex-start;background:#fff;transition:background .3s;padding:16px;margin:0 -16px;position:relative;border-bottom:1px solid #efefef;}
    .comment-viewn:hover {background:#f5f5f5;}
    .comment-ava {flex:0 0 auto;text-align:center;margin:0 21px 0 0;position:relative;}
    .comment-ava img {width:60px;height:60px;border-radius:50%;}
.comment-info {flex:1 1 auto;}
    .user-status {position:absolute;top:48px;left:50%;transform:translate(-50%, 0);text-align:center;}
    .user-status .online {background:#33ca2c;width:13px;height:13px;border-radius:50%;display:inline-block;vertical-align:middle;border:2px solid #fff;}
    .user-status .offline {background:#a22a2a;width:13px;height:13px;border-radius:50%;display:inline-block;vertical-align:middle;border:2px solid #fff;}
    .comment-header {display:flex;align-items:center;}
    .comment-name {margin:0 16px 0 0;color:#37404d;font-weight:700;font-style:normal;font-size:15px;}
    .comment-name a {color:#28a745;}
    .comment-date {color:#77808c;font-weight:400;font-style:normal;font-size:13px;font-weight:400;margin:1px 0 0 0;}
    .comment-message {font-size:15px;line-height:22px;color:#37404d;text-decoration:none;overflow-wrap:break-word;margin:10px 0px;}
    .comment-tools {display:flex;align-items:center;justify-content:space-between;}
    .comment-tools a {text-decoration:none;cursor:pointer;font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#77808c;}
    .comment-tools a:hover {color:#28a745;}
    .comment-tools a:not(:last-child) {margin:0 10px 0 0;}
    .rate-like-dislike {display:flex;}
    .rate-like-dislike a {margin:0;padding:0;}
    .rate-like-dislike .like, .rate-like-dislike .dislike {margin-left:4px;padding:2px 4px;border-radius:2px;font-size:14px;line-height:16px;text-decoration:none;}
    .rate-like-dislike .like {color:#36b274;}
    .rate-like-dislike .dislike {color:#e54545;}
    .rate-like-dislike .dislike:hover {background-color:#e54545;color:#fff;}
    .rate-like-dislike .like:hover {background-color:#36b274;color:#fff;}
         .mass_comments_action {margin:16px 0 0 0;font-size:14px;}
             .comment-heading {font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-transform:uppercase;margin:0 0 16px 0;}
    .addcomment .input-comment {display:flex;justify-content:space-between;margin:0 0 6px 0;}
    .addcomment .input-comment input:not(:last-child) {margin-right:10px;}
    .addcomment .form-control {color:#37404d;font-weight:400;font-style:normal;font-size:15px;box-sizing:border-box;padding:12px;border:1px solid #d6d6d6;border-radius:2px;background:#fff;outline:none;-webkit-appearance:none;}
    .addcomment .form-control:active:not(input[disabled]), .addcomment .form-control:focus:not(input[disabled]) {border:1px solid #9ba0a6;outline:none;box-shadow:none;}

.story.place .fullstory-image img {height:auto;flex:0 0 auto;}
.place-info {color:#37404d;font-weight:400;font-style:normal;font-size:15px;line-height:24px;margin:0 0 16px 0;}
.place-info .place-item {display:flex;padding:8px 0;border-bottom:1px solid #efefef;align-items:center;}
.place-info .place-item > div {min-width:200px;}
.close .place-info .place-item {text-decoration: line-through;opacity:.8;}
.close .place-info .place-item div {text-decoration:none;}
.place-item .bi {display:inline-block;vertical-align:middle;margin-top:2px;}
.place-item .showmap {background:#52a0e8;padding:4px 8px;color:#fff;font-weight:600;font-style:normal;font-size:12px;line-height:16px;text-transform:uppercase;}
.place-item .showmap:hover {background:#28a745;}
.place-rating {display:flex;justify-content:space-between;align-items:center;margin:0 -16px 16px -16px;padding:16px;font-size:16px;}
.place-rating div {width:210px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:1 1 auto;font-weight:600;}
.place-rating div .clar {margin:4px 0 0 0;display:block;font-size:12px;text-transform:uppercase;font-style:normal;font-weight:500;}
.place-rating div .global {font-size:26px;color:#28a745;}
.place-gallery {position:relative;margin:0 0 16px 0;}
.owl-theme .custom-nav {position:absolute;top:48%;left:0;right:0;}
#place-photos {margin:0 -16px;width:calc(100% + 32px);}
#place-photos img {height:170px;object-fit:cover;transition:all .2s ease;opacity:.8;}
#place-photos img:hover{opacity:1;}
.owl-prev:focus{outline:0;}
.owl-next:focus{outline:0;}
.owl-theme .custom-nav .owl-prev, .owl-theme .custom-nav .owl-next {position:absolute;height:44px;width:44px;color:inherit;background:none;border:none;line-height:0;z-index:100;background:rgba(0,0,0,.7);}
.owl-theme .custom-nav .owl-prev:hover, .owl-theme .custom-nav .owl-next:hover {background:rgba(0,0,0,1);}
.owl-theme .custom-nav .owl-prev i,.owl-theme .custom-nav .owl-next i {font-size:1.2rem;color:#fff;}
.owl-theme .custom-nav .owl-prev {left:-16px;}
.owl-theme .custom-nav .owl-prev.disabled, .owl-theme .custom-nav .owl-next.disabled {display:none;}
.owl-theme .custom-nav .owl-next {right:-16px;}

.social-auth {display:flex;align-items:center;justify-content:center;}
.social-auth li:not(:last-child) {margin-right:.3rem;}
.social-auth li a {display:flex;align-items:center;justify-content:center;background:#002149;min-height:50px;min-width:50px;color:#fff;border-radius:3px;transition:all .2s linear;}
.social-auth li a .fa, .social-auth li a svg {color:#fff;fill:#fff}
.social-auth li .fa {font-size:36px;}
.social-auth li a.vk {background:#0077FF;color:#fff;}
.social-auth li a.ok {background:#ed812b;color:#fff;}
.social-auth li a.mailru {background:#168de2;color:#fff;}
.social-auth li a:hover {opacity:.7;}

/* movie afisha by vallery Lapin */
.movie-date {margin:15px 0;font-size:30px;}
.movie-item {display:flex;background:#fff;border-radius:6px;padding:.8rem 0;}
.movie-item:not(:last-child) {border-bottom:1px solid #ececec;}
.movie-info {display:flex;flex-direction:column;}
.movie-times {display:flex;align-items:center;}
.movie-time {background:#002149;color:#fff;padding:.4rem 1rem;border-radius:5px;font-weight:600;margin-bottom:.3rem;}
.movie-time:not(:last-child) {margin-right:.3rem;}
.movie-name {font-weight:600;font-size:18px;}
.movie-poster img {max-width:100%;margin:0;vertical-align:top;border-radius:5px;}

@media (max-width:720px) {
    .header-submenu {display:flex;flex-direction:row;max-width:280px;align-items:center;overflow-y:hidden;overflow-x:auto;}
    .header-submenu .nav-link {white-space:nowrap;}
              .wrapper, .sidebar {width:100%;max-width:100%;}
              .main, .content-header {flex-wrap:wrap;justify-content:space-between;}
              .content-header > div {width:100%;margin:10px 0 0 0;}
              .content-header .btn {width:100%;}
              .main-content {order:1;width:100%;}
              .main-content #dle-content {justify-content:flex-start;width:100%;}
              .main-content.full-content {width:100%;}
              .sidebar {order:2;}
              .sidebar:first-child {margin:16px 0 0 0;}
              .sidebar:last-child {margin:16px 0 0 0;;}
              .sidebar-catmenu {margin:0;background:#fff;}
    .fullstory .story-title .story-name {font-size:23px;line-height:1.2;margin-bottom:6px;}
    .fullstory .story-title .story-name2 {font-size:16px;line-height:1.3;}
    .place-info .place-item {flex-wrap:wrap;align-items:flex-start;}
    .place-info .place-item > div {min-width:auto;margin-right:10px;}
    .place-rating div .global {font-size:20px;}
    .rating, .unit-rating {height:38px;width:189px;background-position:0 -78px;}
    .unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {background-size:38px auto;}
    .unit-rating li a {width:38px;height:38px;}
    .unit-rating li.current-rating {height:38px;}
    .unit-rating li a:hover {background-position: 0 -38px;}
    .story-text .xfieldimagegallery li {width:48.1%;}
    .story-text .xfieldimagegallery li img {width:100%;height:100%;}
    .story-text .xfieldimagegallery li {margin-right:6px;}
    .story-text .xfieldimagegallery li:nth-of-child(2n+1) {margin-right:0;}
              .story.shortstory {width:100%;}
              .story-tags {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow-x:auto;overflow-y:hidden;max-width:100%;white-space:nowrap;}
              .full-content .story.shortstory {flex-direction:column;}
              .full-content .shortstory .story-info {width:100%;margin:.7rem 0 0 0;}
              .full-content .story-image, .full-content .story-image img {width:100%;height:auto;}
              .full-content .shortstory .story-title .story-name {font-size:21px}
              .comments .heading {flex-wrap:wrap;}
              .comments .heading .bk-upper-text {margin-top:5px;}
              .comment-ava {margin-right:15px;}
              .comment-ava img {width:45px;height:45px;}
              .footer {background-color:#212529;}
              .footer-bottom, .footer-copyright, .footer-sections {flex-wrap:wrap;white-space:normal;}
              .footer-block .btn-bk {width:100%;}
    .movie-info {font-size:13px;}
    .movie-name {font-size:14px;}
}