/* =========== © 2020 Centroarts.com =========== */ @font-face { font-family: 'icons'; font-weight: normal; font-style: normal; font-display: block; src: url('../fonts/icon.woff2') format('woff2'), url('../fonts/icon.woff') format('woff'); } /* @font-face { font-family: 'Roboto'; font-style: normal; font-weight: normal; font-display: swap; src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v20-latin_cyrillic-regular.woff2') format('woff2'), url('../fonts/roboto-v20-latin_cyrillic-regular.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: bold; font-display: swap; src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-v20-latin_cyrillic-700.woff2') format('woff2'), url('../fonts/roboto-v20-latin_cyrillic-700.woff') format('woff'); } */ [class^="i__"], [class*=" i__"] { font-family: 'icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="i__"]::before, [class*=" i__"]::before { line-height: 1.5rem; font-size: 1.5rem; width: 1.5rem; height: 1.5rem; display: inline-block; vertical-align: top; } .i__restore:before { content: "\e927"; } .i__edit:before { content: "\e926"; } .i__mail:before { content: "\e923"; } .i__gl:before { content: "\e924"; } .i__ya:before { content: "\e925"; } .i__ok:before { content: "\e900"; } .i__photo:before { content: "\e901"; } .i__senddoc:before { content: "\e902"; } .i__radio:before { content: "\e903"; } .i__time:before { content: "\e904"; } .i__tw:before { content: "\e905"; } .i__vk:before { content: "\e906"; } .i__com:before { content: "\e907"; } .i__cross:before { content: "\e908"; } .i__dzen:before { content: "\e909"; } .i__home:before { content: "\e90a"; } .i__login:before { content: "\e90b"; } .i__reg:before { content: "\e90c"; } .i__right:before { content: "\e90d"; } .i__search:before { content: "\e90e"; } .i__set:before { content: "\e90f"; } .i__star:before { content: "\e910"; } .i__sun:before { content: "\e911"; } .i__user:before { content: "\e912"; } .i__video:before { content: "\e913"; } .i__add:before { content: "\e914"; } .i__bottom:before { content: "\e915"; } .i__ca:before { content: "\e916"; } .i__compl:before { content: "\e917"; } .i__del:before { content: "\e918"; } .i__left:before { content: "\e919"; } .i__reply:before { content: "\e91a"; } .i__up:before { content: "\e91b"; } .i__upper:before { content: "\e91c"; } .i__print:before { content: "\e91d"; } .i__quote:before { content: "\e91e"; } .i__views:before { content: "\e91f"; } .i__notify:before { content: "\e920"; } .i__fb:before { content: "\e921"; } .i__details:before { content: "\e922"; } *, *::before, *::after { box-sizing: border-box; -webkit-box-sizing: border-box; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } html { font-family: sans-serif; line-height: 1; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; border: 0 solid rgba(0,0,0,0.1); border-top-width: 1px; margin: 1.75rem 0; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { list-style: none; padding: 0; margin: 0; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bold; } small, .small { font-size: .75em; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #99999e; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; outline: none !important; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer;} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal;} progress { vertical-align: baseline; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } /* Общая настройка */ html { display: block; } body { font: normal 1rem/1.45 Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif; color: #222; background-color: #e4e3e1; text-rendering: optimizeLegibility; min-width: 320px; min-height: 100vh; margin: 0; display: flex; flex-direction: column; } /* .font { font-family: Roboto, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif; } */ .font { font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif; } .cover { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .fit-cover { position: relative; display: flex; overflow: hidden; flex-direction: column; flex-grow: 1; } .fit-cover img { position: absolute; top: 0; left: 49.9%; display: block; min-width: 100%; height: 100%; transform: translateX(-50%); object-fit: cover; object-position: center center; -o-object-position: center center; -o-object-fit: cover; } a { color: #9c373a; outline: none !important; text-decoration: none; } @media (min-width: 992px) { a:hover, a:active, a:focus { color: #8d2c2f; text-decoration: underline; transition: color ease .2s; } } .w-100 { width: 100%; } .circle { border-radius: 50%; } .dashed { position: relative; display: inline-block; } .dashed::after { content: ""; position: absolute; left: 0; top: 100%; width: 100%; height: 0; border-top: 1px dashed #9D9FA4; } .truncate { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uppercase { text-transform: uppercase; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .fw-b { font-weight: bold; } .fw-n { font-weight: normal; } .lh-norm { line-height: normal; } .f-right { float: right; } .f-left { float: left; } .ww-break-word { word-wrap: break-word; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .fs-075 { font-size: .75rem !important; } .fs-0875 { font-size: .875rem !important; } .fs-1 { font-size: 1rem !important; } .fs-11 { font-size: 1.1rem !important; } .fs-1125 { font-size: 1.125rem !important; } .fs-125 { font-size: 1.25rem !important; } .fs-1375 { font-size: 1.375rem !important; } .fs-15 { font-size: 1.5rem !important; } .fs-1625 { font-size: 1.625rem !important; } .fs-2 { font-size: 2rem !important; } .fs-225 { font-size: 2.25rem !important; } .fs-2625 { font-size: 2.625rem !important; } .t-left { text-align: left !important; } .t-center { text-align: center !important; } .t-right { text-align: right !important; } @media (min-width: 576px) { .fs-sm-075 { font-size: .75rem !important; } .fs-sm-0875 { font-size: .875rem !important; } .fs-sm-1 { font-size: 1rem !important; } .fs-sm-1125 { font-size: 1.125rem !important; } .fs-sm-125 { font-size: 1.25rem !important; } .fs-sm-1375 { font-size: 1.375rem !important; } .fs-sm-15 { font-size: 1.5rem !important; } .fs-sm-1625 { font-size: 1.625rem !important; } .fs-sm-2 { font-size: 2rem !important; } .fs-sm-225 { font-size: 2.25rem !important; } .fs-sm-2625 { font-size: 2.625rem !important; } .t-sm-left { text-align: left !important; } .t-sm-center { text-align: center !important; } .t-sm-right { text-align: right !important; } } @media (min-width: 768px) { .fs-md-075 { font-size: .75rem !important; } .fs-md-0875 { font-size: .875rem !important; } .fs-md-1 { font-size: 1rem !important; } .fs-md-1125 { font-size: 1.125rem !important; } .fs-md-125 { font-size: 1.25rem !important; } .fs-md-1375 { font-size: 1.375rem !important; } .fs-md-15 { font-size: 1.5rem !important; } .fs-md-1625 { font-size: 1.625rem !important; } .fs-md-2 { font-size: 2rem !important; } .fs-md-225 { font-size: 2.25rem !important; } .t-md-left { text-align: left !important; } .t-md-center { text-align: center !important; } .t-md-right { text-align: right !important; } } @media (min-width: 992px) { .fs-lg-075 { font-size: .75rem !important; } .fs-lg-0875 { font-size: .875rem !important; } .fs-lg-1 { font-size: 1rem !important; } .fs-lg-1125 { font-size: 1.125rem !important; } .fs-lg-125 { font-size: 1.25rem !important; } .fs-lg-1375 { font-size: 1.375rem !important; } .fs-lg-15 { font-size: 1.5rem !important; } .fs-lg-1625 { font-size: 1.625rem !important; } .fs-lg-2 { font-size: 2rem !important; } .fs-lg-225 { font-size: 2.25rem !important; } .fs-lg-2625 { font-size: 2.625rem !important; } .t-lg-left { text-align: left !important; } .t-lg-center { text-align: center !important; } .t-lg-right { text-align: right !important; } } @media (min-width: 1240px) { .fs-xl-075 { font-size: .75rem !important; } .fs-xl-0875 { font-size: .875rem !important; } .fs-xl-1 { font-size: 1rem !important; } .fs-xl-1125 { font-size: 1.125rem !important; } .fs-xl-125 { font-size: 1.25rem !important; } .fs-xl-1375 { font-size: 1.375rem !important; } .fs-xl-15 { font-size: 1.5rem !important; } .fs-xl-1625 { font-size: 1.625rem !important; } .fs-xl-2 { font-size: 2rem !important; } .fs-xl-225 { font-size: 2.25rem !important; } .fs-xl-2625 { font-size: 2.625rem !important; } .t-xl-left { text-align: left !important; } .t-xl-center { text-align: center !important; } .t-xl-right { text-align: right !important; } } .c-inherit { color: inherit !important; } .c-white { color: #FFFFFF !important; } .c-red { color: #9c373a !important; } .c-dark { color: #222 !important; } .c-muted { color: #8D8D8D !important; } .bg-inherit { background-color: inherit !important; } .bg-white { background-color: #FFFFFF !important; } .bg-red { background-color: #9c373a !important; } .bg-grey { background-color: #EBEAE8 !important; } .bg-dark { background-color: #383533 !important; } .bg-light { background-color: #f7f7f7 !important; } .muted { opacity: .5; } .small, small { font-size: .75rem; } /* Headings */ @media (min-width: 576px) { h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.5rem; font-weight:bold; } } @media (max-width: 575px) { h1, .h1 { font-size: 2rem; } h2, .h2 { font-size: 1.8rem; } h3, .h3 { font-size: 1.5rem; font-weight:bold; } } h4, .h4 { font-size: 1.45rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } /* .text h1, .text h2, .text h3, .text h4, .text h5 { font-family: Roboto, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif; } */ .text h1, .text h2 { font-size: 1.5rem; } .text h3 { font-size: 1.25rem; } .text h4 { font-size: 1.125rem; } .text h5 { font-size: 1rem; } .text h6 { font-size: .75rem; text-transform: uppercase; } @media (min-width: 992px) { .text h1, .text h2 { font-size: 2rem; } .text h3 { font-size: 1.75rem; } .text h4 { font-size: 1.5rem; } .text h5 { font-size: 1.25rem; } .text h6 { font-size: 1; } } @media (min-width: 768px) { .text h1, .text h2 { font-size: 1.75rem; } .text h3 { font-size: 1.5rem; } .text h4 { font-size: 1.25rem; } .text h5 { font-size: 1rem; } .text h6 { font-size: .875rem; } } /* DropDown */ .open > .dropdown-menu { display: block !important; } .open > .dropdown-btn { opacity: .5; } .dropdown { position: relative; } .dropdown-menu { display: none; position: absolute; z-index: 100; left: 0; border-radius: .125rem; margin-top: .25rem; background-color: #fafafa; font-weight: normal; border-radius: 1px; box-shadow: 0 .5rem 4rem -.5rem rgba(0,0,0,0.2), 0 .25rem .5rem 0 rgba(0,0,0,0.2); } .dropdown-menu-right { right: 0; left: auto; } @media (min-height: 600px) { .dropdown-menu-arrow { display: none; position: absolute; z-index: 100; top: 100%; left: 50%; width: 20px; margin: -5px 0 0 -10px; } .open > .dropdown-menu-arrow { display: block; } .dropdown-menu-arrow::after { content: ""; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -10px; border: solid transparent; border-bottom-color: #fafafa; border-width: 0 10px 10px 10px; } } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; white-space: nowrap; } .dropdown-form { min-width: 240px; padding: 1.25rem; } /* --- Modals Bootstrap --- */ .modal-open { overflow: hidden !important; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; min-height: 100%; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-content { position: relative; background-color: #fff; width: 100%; outline: 0; } .modal-body { padding: 1.5rem; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: .3; } .modal-dialog .close, .modal-close { position: absolute; right: 0; top: 0; padding: .5rem; width: 2.5rem; height: 2.5rem; background: none; border: 0 none; outline: none !important; pointer-events: auto; background: none; transition: color .15s ease-out; } .modal .modal-dialog > .close, .modal-close { width: 4rem; height: 4rem; padding: 1rem; z-index: 1; } .modal-dialog .close { opacity: .5; } .modal-title { margin-bottom: 1rem; } .modal-close { color: #fff; transition: opacity .15s ease-out; } @media (min-width: 992px) { .modal-close:hover { opacity: .8; } .modal-dialog .close:hover { opacity: .8; } .modal { -webkit-overflow-scrolling: touch; } } /* Quick Search */ .modal-search { background-color: rgba(156,55,58,0.98); } .modal-search .modal-dialog { align-items: flex-start; padding: 0; margin: 0; } .modal-search .modal-content { background: none; box-shadow: none; } .modal.modal-search.fade .modal-dialog { transform: scale(1) translateY(-2rem) !important; } .modal.modal-search.in .modal-dialog { transform: translateY(0) !important; } .modal-search .modal-content { max-width: 50rem; } .modal-search .modal-body { padding-top: 4rem; } .searchfield { position: relative; } .searchfield > input { font-size: 1.25rem !important; line-height: 1.5rem; height: 3.5rem !important; padding: 1rem !important; padding-right: 4.5rem !important; border: 0 none !important; } .modal-search .searchfield > input { box-shadow: 0 1rem 3rem 0 rgba(0,0,0,0.25); } .searchfield > button { position: absolute; top: 50%; right: 0; border-radius: 0 .125rem .125rem 0; transform: translateY(-50%); width: 3.5rem; height: 3.5rem; padding: 1rem; margin: 0; border: 0 none; background: none; transition: background-color .15s ease-out; } .searchfield > button:hover { background-color: #EBEAE8; } .qsearch-advanced { position: relative; z-index: 1; margin-top: 1rem; text-align: right; } @media (min-width: 576px) { .modal.fade .modal-dialog { transform: scale(.85); transition: transform .2s ease; } .modal.in .modal-dialog { transform: scale(1); } .modal-content { pointer-events: auto; background-clip: padding-box; max-width: 30rem; min-height: 0; border-radius: .25rem; box-shadow: 0 1rem 1.5rem -.25rem rgba(0,0,0,0.25), 0 0 0 1px rgba(0, 0, 0, 0.1); } .container .modal-content { box-shadow: 0 1rem 3.25rem -.25rem rgba(0,73,150,0.125), 0 0 0 1px rgba(0,73,150, 0.1); } .modal-dialog { display: flex; align-items: center; justify-content: center; pointer-events: none; margin: 1rem auto; min-height: calc(100% - 2rem); padding-left: .5rem; padding-right: .5rem; } .modal-body { padding: 2rem; } } @media (max-width: 575px) { .modal-dialog { display: flex; } .modal-body { min-height: 100% !important; padding-top: 3.5rem; } } /* ScrollCont */ .scrollcont, .scrollbar { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .scrollcont::-webkit-scrollbar, .scrollbar::-webkit-scrollbar { background: none !important; } @media (min-width: 992px) { ::-webkit-scrollbar { width: 16px; background-color: #FAFAFA; } ::-webkit-scrollbar-thumb { background-color: #C1C1C1; border-radius: 8px; border: 4px solid #FAFAFA; } ::-webkit-scrollbar-track { background-color: #ededed; border-radius: 8px; border: 4px solid #FAFAFA; } } /* BTNS */ .btn-reset { vertical-align: top; padding: 0; margin: 0; background: none; border: 0 none; cursor: pointer; } .btn, .bbcodes, .ui-button { /* font-family: Roboto, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif; */ height: 2.5rem; line-height: 1.5rem; padding: calc(.5rem - 1px) 1rem; border-radius: .125rem; white-space: nowrap; text-align: center; display: inline-block; vertical-align: top; border: 0 none; text-transform: uppercase; font-weight: bold; cursor: pointer; outline: none; text-decoration: none !important; color: #fff !important; background-color: #9c373a; border: 1px solid #9c373a; transition: box-shadow ease .15s, background-color ease .15s, border-color ease .15s; } .btn-dark { background-color: #222; border-color: #222; } .ui-dialog-buttonset button:first-child, input[value="Отменить"], input[value="Не принимаю"], .btn-cancel {border-color: rgba(0,0,0,0.1) !important; color: #222 !important; background-color: rgba(0,0,0,0.05); } @media (min-width: 576px) { .btn-lg { font-size: 1.25rem; height: 3rem; padding: calc(.75rem - 1px) 1.25rem; } } @media (min-width: 992px) { .btn:hover, .bbcodes:hover, .ui-button:hover { background-color: #b43f41; border-color: #b43f41; } .btn:active, .bbcodes:active, .ui-button:active { background-color: #9c373a; border-color: #9c373a; box-shadow: 0 0 0 .25rem rgba(156,55,58,0.2); } .btn-dark:hover { background-color: #444; border-color: #444; } .btn-dark:active { background-color: #111; border-color: #111; box-shadow: 0 0 0 .25rem rgba(0,0,0,0.2); } .ui-dialog-buttonset button:first-child:hover, input[value="Отменить"]:hover, input[value="Не принимаю"]:hover, .btn-cancel:hover { background-color: #fff !important; } .ui-dialog-buttonset button:first-child:active, input[value="Отменить"]:active, input[value="Не принимаю"]:active, .btn-cancel:active { background-color: #e8e8e8 !important; border-color: rgba(0,0,0,0.125) !important; box-shadow: none; } } @media (max-width: 575px) { /* .btn-block { width: 100%; } */ .btn-block + .btn-block { margin-top: .5rem; } } /* --- FORMS --- */ .form-group, .form-submit, .loginform-foot, .form-check, .form-combo { margin-top: 1rem; } .form-group:first-child, .form-check:first-child, .form-combo:first-child { margin-top: 0; } @media (min-width: 576px) { .form-group, .form-submit, .loginform-foot, .form-check, .form-combo { margin-top: 1.5rem; } .form-combo { display: flex; margin-left: -.75rem; margin-right: -.75rem; } .form-combo .form-group { width: 100%; flex: 0 0 50%; max-width: 50%; padding: 0 .75rem; margin: 0; } } @media (min-width: 576px) and (max-width: 767px) { .form-combo { margin-left: -.5rem; margin-right: -.5rem; } .form-combo .form-group { padding: 0 .5rem; } } .form-group > label { font-size: .875rem; line-height: 1.2; text-transform: uppercase; opacity: .8; } .form-sep { border-top: 1px solid rgba(0,0,0,0.05); } .loginform-foot { display: flex; } .loginform-foot > a:first-child { margin-right: auto; } select, textarea, input[type="text"], input[type="password"], input[type="file"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { display: inline-block; width: 100%; height: 2.5rem; line-height: 1.5rem; font-size: 1rem; padding: calc(.5rem - 1px) .75rem; background: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: .125rem; outline: none !important; } select:focus, textarea:focus, input:focus { border-color: rgba(0,0,0,0.15); box-shadow: 0 .25rem .75rem 0 rgba(0,0,0,0.06); transition: border .2s linear 0s, box-shadow .2s linear 0s; background-clip: padding-box; } textarea { margin: 0; overflow: auto; vertical-align: top; resize: vertical; } input[type="radio"], input[type="checkbox"] { line-height: normal; margin: -2px 6px 0 0; vertical-align: middle; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } select[multiple], select { -webkit-appearance: none; appearance: none; } select[multiple], select[size], textarea { height: auto;, } ::-moz-placeholder, :-moz-placeholder, ::-webkit-input-placeholder { opacity: 0.6; } select:not([multiple]) { padding-right: 2rem; background-position: calc(100% - .375rem) 50%; background-size: 1.5rem 1.5rem; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z'/%3E%3C/svg%3E"); } input:focus { outline: none; } input[type="file"], input[type="image"] { padding: 0; border-width: 0; background: none; box-shadow: none; } /* Custom Control */ .custom-control-input:checked ~ .custom-control-label::before { background-color: #9c373a; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(156, 55, 58, 0.25); } .custom-control-input:active ~ .custom-control-label::before { background-color: #fbbb9b; } .custom-control-input:disabled ~ .custom-control-label { color: #e0c7bb; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #f6f0ec; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #9c373a; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #9c373a; } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(156, 55, 58, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(156, 55, 58, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #9c373a; } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(156, 55, 58, 0.5); } .custom-control-label::before { background-color: #e5e5e5; } /*---Дополнительные поля---*/ .xfields textarea, .xprofile textarea { width: 100%; height: 186px; margin-top: 5px; } .xfieldsnote { color: #838383; font-size: .9em; } .xfields_table td { vertical-align: top; } .xfieldsrow { padding-top:5px; clear: both; } .xfieldscolleft { float: left; width: 30%; } .xfieldscolright { float: left; width: 70%; } /*---Подсветка кода в теге [code]---*/ pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; } pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { color: #93a1a1; font-style: italic; } pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title { color: #859900; } pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor { color: #2aa198; } pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id { color: #268bd2; } pre .tag .title, pre .rules .property, pre .django .tag .keyword { font-weight: bold; } pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label { color: #b58900; } pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata { color: #cb4b16; } pre .deletion { color: #dc322f; } pre .tex .formula { background: #eee8d5; } /* --- Поля форм --- */ table.xfields input { width: 100%; } table.xfields tr > td:first-child { padding-right: 10px; } /*---Смайлики---*/ .emoji { border: none; vertical-align: middle; } /* Настройка стандартной капчи */ .c-capcha { position: relative; display: flex; } .c-capcha > a { margin-right: 5px; } .c-capcha img { position: relative; display: block; width: 100px; height: auto; border-radius: 3px; z-index: 1; padding: 4px; background: #fff; border: 1px solid #dcdcdc; transition: all ease .2s; } .c-capcha:hover img { box-shadow: 0 6px 20px 0 rgba(0,0,0,0.2); transform: scale(1.3,1.3); border-color: transparent; } .c-capcha > input { float: left; width: 150px; text-align: center; } /* Настройка стандартной капчи при ответах на комментарии */ .dle-captcha { position: relative; } .dle-captcha:after { clear: both; display: block; content: ""; } .dle-captcha > a { float: left; margin-right: 5px; } .dle-captcha img { position: relative; display: block; width: 130px; height: 46px; -webkit-transition: all ease .2s; transition: all ease .2s; } .dle-captcha > input { float: left; width: 130px; } /* --- ITEMS --- */ .item { position: relative; } .item-link::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } /* DISPLAY & Align */ .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1240px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } .order-first { order: -1; } .order-last { order: 13; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-fill { flex: 1 1 auto !important; } .jc-start { justify-content: flex-start !important; } .jc-end { justify-content: flex-end !important; } .jc-center { justify-content: center !important; } .jc-between { justify-content: space-between !important; } .jc-around { justify-content: space-around !important; } .ai-start { align-items: flex-start !important; } .ai-end { align-items: flex-end !important; } .ai-center { align-items: center !important; } .ai-baseline { align-items: baseline !important; } .ai-stretch { align-items: stretch !important; } .ac-start { align-content: flex-start !important; } .ac-end { align-content: flex-end !important; } .ac-center { align-content: center !important; } .ac-between { align-content: space-between !important; } .ac-around { align-content: space-around !important; } .ac-stretch { align-content: stretch !important; } .as-auto { align-self: auto !important; } .as-start { align-self: flex-start !important; } .as-end { align-self: flex-end !important; } .as-center { align-self: center !important; } .as-baseline { align-self: baseline !important; } .as-stretch { align-self: stretch !important; } @media (min-width: 576px) { .order-sm-first { order: -1; } .order-sm-last { order: 13; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-fill { flex: 1 1 auto !important; } .jc-sm-start { justify-content: flex-start !important; } .jc-sm-end { justify-content: flex-end !important; } .jc-sm-center { justify-content: center !important; } .jc-sm-between { justify-content: space-between !important; } .jc-sm-around { justify-content: space-around !important; } .ai-sm-start { align-items: flex-start !important; } .ai-sm-end { align-items: flex-end !important; } .ai-sm-center { align-items: center !important; } .ai-sm-baseline { align-items: baseline !important; } .ai-sm-stretch { align-items: stretch !important; } .ac-sm-start { align-content: flex-start !important; } .ac-sm-end { align-content: flex-end !important; } .ac-sm-center { align-content: center !important; } .ac-sm-between { align-content: space-between !important; } .ac-sm-around { align-content: space-around !important; } .ac-sm-stretch { align-content: stretch !important; } .as-sm-auto { align-self: auto !important; } .as-sm-start { align-self: flex-start !important; } .as-sm-end { align-self: flex-end !important; } .as-sm-center { align-self: center !important; } .as-sm-baseline { align-self: baseline !important; } .as-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .order-md-first { order: -1; } .order-md-last { order: 13; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-fill { flex: 1 1 auto !important; } .jc-md-start { justify-content: flex-start !important; } .jc-md-end { justify-content: flex-end !important; } .jc-md-center { justify-content: center !important; } .jc-md-between { justify-content: space-between !important; } .jc-md-around { justify-content: space-around !important; } .ai-md-start { align-items: flex-start !important; } .ai-md-end { align-items: flex-end !important; } .ai-md-center { align-items: center !important; } .ai-md-baseline { align-items: baseline !important; } .ai-md-stretch { align-items: stretch !important; } .ac-md-start { align-content: flex-start !important; } .ac-md-end { align-content: flex-end !important; } .ac-md-center { align-content: center !important; } .ac-md-between { align-content: space-between !important; } .ac-md-around { align-content: space-around !important; } .ac-md-stretch { align-content: stretch !important; } .as-md-auto { align-self: auto !important; } .as-md-start { align-self: flex-start !important; } .as-md-end { align-self: flex-end !important; } .as-md-center { align-self: center !important; } .as-md-baseline { align-self: baseline !important; } .as-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .order-lg-first { order: -1; } .order-lg-last { order: 13; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .jc-lg-start { justify-content: flex-start !important; } .jc-lg-end { justify-content: flex-end !important; } .jc-lg-center { justify-content: center !important; } .jc-lg-between { justify-content: space-between !important; } .jc-lg-around { justify-content: space-around !important; } .ai-lg-start { align-items: flex-start !important; } .ai-lg-end { align-items: flex-end !important; } .ai-lg-center { align-items: center !important; } .ai-lg-baseline { align-items: baseline !important; } .ai-lg-stretch { align-items: stretch !important; } .ac-lg-start { align-content: flex-start !important; } .ac-lg-end { align-content: flex-end !important; } .ac-lg-center { align-content: center !important; } .ac-lg-between { align-content: space-between !important; } .ac-lg-around { align-content: space-around !important; } .ac-lg-stretch { align-content: stretch !important; } .as-lg-auto { align-self: auto !important; } .as-lg-start { align-self: flex-start !important; } .as-lg-end { align-self: flex-end !important; } .as-lg-center { align-self: center !important; } .as-lg-baseline { align-self: baseline !important; } .as-lg-stretch { align-self: stretch !important; } } @media (min-width: 1240px) { .order-xl-first { order: -1; } .order-xl-last { order: 13; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-fill { flex: 1 1 auto !important; } .jc-xl-start { justify-content: flex-start !important; } .jc-xl-end { justify-content: flex-end !important; } .jc-xl-center { justify-content: center !important; } .jc-xl-between { justify-content: space-between !important; } .jc-xl-around { justify-content: space-around !important; } .ai-xl-start { align-items: flex-start !important; } .ai-xl-end { align-items: flex-end !important; } .ai-xl-center { align-items: center !important; } .ai-xl-baseline { align-items: baseline !important; } .ai-xl-stretch { align-items: stretch !important; } .ac-xl-start { align-content: flex-start !important; } .ac-xl-end { align-content: flex-end !important; } .ac-xl-center { align-content: center !important; } .ac-xl-between { align-content: space-between !important; } .ac-xl-around { align-content: space-around !important; } .ac-xl-stretch { align-content: stretch !important; } .as-xl-auto { align-self: auto !important; } .as-xl-start { align-self: flex-start !important; } .as-xl-end { align-self: flex-end !important; } .as-xl-center { align-self: center !important; } .as-xl-baseline { align-self: baseline !important; } .as-xl-stretch { align-self: stretch !important; } } /* --- Загрузчик AJAX --- */ #loading-layer { display: block !important; background-color: rgba(255,255,255,.9); z-index: 9999 !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; white-space: nowrap; } #loading-layer:before, #loading-layer:after { content: ""; width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; } #loading-layer:before { border: 4px solid rgba(0,0,0,0.14); border-radius: 50%; } #loading-layer:after { background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23000' d='M4,16.5c2.8-5.1,6.9-9.2,11.7-12C20.6,1.6,26.2,0,32,0v4c-5.1,0-10,1.4-14.2,3.9C13.6,10.4,10,14,7.5,18.4L4,16.5z'/%3E%3C/svg%3E"); } #loading-layer:after { animation: load_rotate .6s infinite linear; } @keyframes load_rotate { 100% { transform:rotate(360deg); } } /* --- Alert --- */ .post__listing > #dle-content .alert { padding: .875rem; } .alert { margin-bottom: 1.75rem; } .alert_in { padding: 1.125rem; background-color: #f8f2ed; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06), inset 0 0 0 1px rgba(0,0,0,0.1); } .alert-cont, .alert-cont p { margin: 0; } .alert-title { font-weight: bold; color: #9c373a; margin-bottom: .5rem; text-transform: uppercase; } .alert-title > i { margin-right: .5rem; } /* --- Социальные иконки --- */ .soc_login { text-align: center; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(0,0,0,0.1); } .soc_login_icons { display: flex; justify-content: space-between; margin-top: 1.5rem; } .soc_login_icons a { color: inherit; cursor: pointer; display: block; width: 2.5rem; height: 2.5rem; padding: .5rem; border-radius: 50%; background-color: rgba(50,50,50,0.05); } .soc_login_icons a svg { width: 1.5rem; height: 1.5rem; vertical-align: top; } .soc_register { text-align: left; border-top: 0; max-width: 300px; padding: 0; margin: 1.75rem 0; } .soc_register .soc_login_icons { margin-top: 1rem; } @media (min-width: 992px) { .soc_login_icons a:hover { color: #fff; transition: background-color ease .2s, color linear 0s; } .soc_login_icons .soc_vk:hover { background-color: #48729e; } .soc_login_icons .soc_ya:hover { background-color: #ff0000; } .soc_login_icons .soc_fb:hover { background-color: #3b5998; } .soc_login_icons .soc_gp:hover { background-color: #4284F4; } .soc_login_icons .soc_od:hover { background-color: #eb722e; } .soc_login_icons .soc_mail:hover { background-color: #005ff9; } } /* --- Изображения в тексте --- */ img.fr-dii { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } img.fr-dii.fr-fil { float: left; margin: 5px 24px 25px 0; max-width: calc(100% - 5px); } /* --- Цитаты, Спойлеры, Код --- */ .title_quote { font-size: .85rem; color: rgba(0,0,0,0.5); font-style: italic; font-weight: bold; border: 0 none; } .quote, blockquote { padding: 1.5rem 0; border: 0 solid #9c373a; border-width: 2px 0; font-family: Georgia, serif; font-style: italic; text-align: center; font-size: 1.25rem; } /* Цитата в комментариях */ .comment .quote, .comment blockquote { font-size: 1.1rem; } .comment blockquote, .comment .quote { padding: 10px 16px; border-width: 0 0 0 2px; background-color: rgba(0,0,0,0.03); text-align: left; } .comment .title_quote { padding-top: 8px; padding-bottom: 0; padding-left: 16px; border-left: 2px solid #9c373a; background-color: rgba(0,0,0,0.03); } @media (min-width: 576px) { .title_quote, .quote, blockquote { background-color: #f1f1f1; } .title_quote { padding: 4px 16px; padding-left: 26px; border-left: 2px solid #9c373a; } .quote, blockquote { padding: 16px 26px; padding-left: 68px; border-width: 0 0 0 2px; position: relative; text-align: left; } .quote::before, blockquote::before { content: "\201c"; color: #9c373a; font-size: 80px; line-height: 68px; position: absolute; left: 0; top: 0; margin: 16px 20px; font-style: normal; } .comment .quote::before, .comment blockquote::before { font-size: 53px; line-height: 50px; margin: 12px 14px; } .comment .title_quote, .comment .quote, .comment blockquote { padding-left: 52px; } } .title_spoiler { margin-top: 2px; } .text_spoiler { margin-bottom: 2px; } .title_spoiler img { vertical-align: middle; margin: -1px 0 0 !important } .scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" } .title_spoiler { font-weight: normal; } .text_spoiler { border-top: 0; text-align: justify; } .hide { background-color: #f0f0f0; padding: 5px; color: #9c373a; margin: 0 0 1em 0 } .hide a { text-decoration: underline; } .hide a:hover { text-decoration: none } /*--- Таблица Персональных сообщений и лучших пользователей ---*/ table.userstop { font-size: 80%; } .userstop td, .pm td.pm_list, .pm td.pm_head { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 12px 2px; } table.pm, table.userstop { width: 100%; margin-bottom: 0; } table.pm select { width: 150px; } .userstop thead td, .pm td.pm_head { border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: bold; } table.pm .navigation { border-top-width: 0; margin: 0; } .table_wide { overflow-y: hidden; overflow-x: auto; width: 100%; word-break: break-all; -webkit-overflow-scrolling: touch; } .table_wide > table { min-width: 800px; table-layout: fixed; } .table_wide table.pm { min-width: 600px; } /*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/ .highslide-wrapper, .highslide-outline { background: #fff } .highslide-image { border: 2px solid #fff } .highslide-active-anchor { visibility: hidden } .highslide-active-anchor img { visibility: hidden } .highslide-dimming { background-color: black } .highslide-html { background-color: white } .highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black } a.highslide-full-expand { background: url(../dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px } .highslide-display-block { display: block } .highslide-display-none { display: none } .highslide-caption { display: none; padding: 5px; background: white } .highslide-controls { width: 195px; height: 40px; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px } .highslide-controls li { float: left; padding: 5px 0; } .highslide-controls a { background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif); display: block; float: left; height: 30px; width: 30px; outline: none } .highslide-controls a.disabled { cursor: default } .highslide-controls a span { display: none } /*---The CSS sprites for the controlbar---*/ .highslide-controls .highslide-previous a { background-position: 0 0 } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important } .highslide-controls .highslide-play a { background-position: -30px 0 } .highslide-controls .highslide-play a:hover { background-position: -30px -30px } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important } .highslide-controls .highslide-pause a { background-position: -60px 0 } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px } .highslide-controls .highslide-next a { background-position: -90px 0 } .highslide-controls .highslide-next a:hover { background-position: -90px -30px } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important } .highslide-controls .highslide-move a { background-position: -120px 0 } .highslide-controls .highslide-move a:hover { background-position: -120px -30px } .highslide-controls .highslide-full-expand a { background-position: -150px 0 } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important } .highslide-controls .highslide-close a { background-position: -180px 0 } .highslide-controls .highslide-close a:hover { background-position: -180px -30px } /*---Диалоговые и всплывающие окна jQuery UI---*/ .ui-widget-overlay { background: #000; opacity: 0.5; left: 0; top: 0; right: 0; bottom: 0; position: fixed; } .ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden } .ui-helper-clearfix { display: inline-block } * html .ui-helper-clearfix { height: 1% } .ui-helper-clearfix { display: block } .ui-dialog { text-align: left; overflow: hidden; padding: 0; position: absolute; width: 420px; border-radius: 2px; box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1); background-color: #fff; background-clip: padding-box; } .ui-dialog-titlebar { padding: 20px 20px; position: relative; border-bottom: 1px solid #eaeaea; } .ui-dialog-title { float: left; font-weight: bold; font-size: 1em; } .ui-dialog-titlebar-close { position: absolute; right: 10px; top: 50%; margin-top: -16px; height: 32px; width: 32px; border: 0 none !important; } .ui-dialog-titlebar-close .ui-icon, .i-cross16 { display: block; margin: 8px auto 0 auto; width: 14px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23222' d='M.3,1.7A1,1,0,0,1,.3.3,1,1,0,0,1,1.7.3L8,6.6,14.3.3a1,1,0,0,1,1.4,0,1,1,0,0,1,0,1.4L9.4,8l6.3,6.3a1,1,0,0,1-1.4,1.4L8,9.4,1.7,15.7a1,1,0,0,1-1.4,0,1,1,0,0,1,0-1.4L6.6,8Z'/%3E%3C/svg%3E"); background-size: 14px auto; opacity: .5; } .ui-dialog-titlebar-close:hover .ui-icon { opacity: 1; } .ui-icon { overflow: hidden; text-indent: -9999px; } .ui-dialog label { color: #575757; } .ui-dialog-content { padding: 20px; overflow: auto; position: relative; zoom: 1; } .loginbox.ui-dialog, .loginbox .ui-dialog-content { overflow: visible !important; } .ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold } .ui-dialog .ui-dialog-buttonpane { padding: 20px; text-align: center; border-top: 1px solid #eaeaea; } .ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; } .ui-helper-hidden-accessible{ display: none; } .ui-dialog-buttonset .ui-button { margin-top: .125rem; margin-bottom: .125rem; } @media (min-width: 576px) { .ui-dialog-buttonset .ui-button + .ui-button { margin-left: .25rem; } } @media (max-width: 575px) { .ui-dialog-buttonset .ui-button { width: 100%; } .ui-dialog-buttonset .ui-button + .ui-button { margin-top: .25rem; } } .progress { overflow: hidden; margin-top: 10px; margin-bottom: 10px; height: 10px; border-radius: 8px; background: #eee; box-shadow: 0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .progress .progress-bar { float:left; width:0%; font-size:12px; line-height:20px; color:white; text-align:center; background-color:#428bca; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); transition:width 0.6s ease; border-radius:8px; box-shadow:none; height:8px; } .progress-bar span{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0; } .progress-blue { background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat:repeat-x; border:1px solid #55aeee; } @media (max-width: 500px) { .post__listing > #dle-content .alert { padding: .5625rem; } .modal-body { padding: 1.125rem; padding-top: 2rem; } .form-group > label { font-size: .75rem; } } /* =========== © 2020 Centroarts.com =========== */ /* Branding */ @media (min-width: 1400px) { .branding { position: fixed; z-index: -1; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-position: 50% 0; background-repeat: no-repeat; } .bg__avia, .bg__vks { background-image: url(../images/branding/brading_avia.jpg); } .bg__fleet, .bg__vmf { background-image: url(../images/branding/brading_fleet.jpg); } .bg__ground, .bg__sv { background-image: url(../images/branding/brading_ground.jpg); } #adfoxBranding { z-index: 0; } } .wrp { width: 100%; max-width: 1140px; margin-left: auto; margin-right: auto; } @media (min-width: 1280px) { .wrp { max-width: 1280px; } } .page.wrp { background-color: #f7f7f7; box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.2), 0 0 2rem 0 rgba(0,0,0,0.1); display: flex; flex-direction: column; flex: 1 1 auto; position: relative; } /* --- HEADER --- */ .header { display: flex; align-items: center; flex-wrap: wrap; } /* - ЛОГО - */ .logotype { display: block; text-align: center; color: #9c373a !important; } /* - Логин - */ .h-tools { display: flex; } .login_modal .modal-body { padding: 1.75rem; } .login_modal .logotype svg { width: 240px; height: 46px; } .login-head { position: relative; background-color: #f7f7f7; padding: 1.25rem 1.75rem; text-align: center; border-radius: .25rem .25rem 0 0; } .login-head .close { position: absolute; right: 0; top: 0; width: 3rem; height: 3rem; opacity: .3; } .login-head .close:hover { opacity: .6; } .login-form .form-group { margin-bottom: 1.5rem; } .login-form-foot { margin-top: 1.5rem; display: flex; justify-content: space-between; } .login-form-foot a { font-weight: bold; } @media (min-width: 576px) { .login_modal .modal-body { padding: 3.5rem; } .login-head { padding-left: 3.5rem; padding-right: 3.5rem; } } /* - МЕНЮ - */ .hm-home, .h-menu, .hm-search, .notify_drop > button, .notify_drop > button, a.notification { color: #fff !important; } .headmenu a { color: inherit; } .h-menu a { color: inherit !important; } .headmenu { display: flex; } .h-menu { flex: 1 1 auto; text-align: center; } .hmenu-main a, .headmenu > a, .hm-search, .h-menu-cat > a, .notify_drop > button, .hmenu-coms > a, a.notification { display: block; cursor: pointer; text-decoration: none !important; line-height: 1.5rem; height: 3rem; min-width: 3rem; padding: .75rem; white-space: nowrap; transition: opacity ease .2s; } .hm-search { display: block !important; color: inherit; } .h-menu-cat { display: flex; justify-content: center; font-size: .875rem; } .h-menu-cat a { min-width: auto; color: inherit !important; text-transform: uppercase; padding-left: .5rem; padding-right: .5rem; } .headmenu-cat { position: relative; z-index: 1; } .headmenu .hmenu-main a, .headmenu-cat .h-menu-cat a, .headmenu .hmenu-coms > a { opacity: .8; } @media (min-width: 992px) { .header { padding: 0 1.75rem; height: 5rem; min-height: 5rem; font-size: .875rem; width: 100%; } .header > * { flex: 0 0 33.333333%; max-width: 33.333333%; } .logotype svg { width: 18.25rem; height: 3.5rem; } .hm-home { display: block !important; } .h-date, .h-tools-item { display: inline-flex !important; align-items: center; } .h-date .i__time::before { display: block; } .h-date > span, .h-tools-item > span { margin-left: .5rem; } .h-tools { justify-content: flex-end; text-align: right; margin-right: -.5rem; } .h-tools > a { text-decoration: none !important; padding: .5rem; } .h-tools .h-tools-item { margin-left: .25rem; } .h-tools .h-tools-item:last-child { margin-right: -.5rem; } .headmenu { position: sticky; top: 0; z-index: 99; } .hmenu-main, .hmenu-coms { vertical-align: top; font-size: .875rem; text-transform: uppercase; font-weight: bold; } .hmenu-main { display: inline-block; } .user_mod .hmenu-main { display: none !important; } .user_mod .hmenu-coms { display: inline-block !important; } .hmenu-main::after { content: ""; display: block; clear: both; } .hmenu-main a, .hmenu-coms a { float: left; } .badge-num { background-color: #fff; color: #9c373a; display: inline-block; height: 1rem; font-size: .75rem; line-height: .75rem; margin-top: -2px; padding: .125rem .25rem; vertical-align: middle; border-radius: .125rem; margin-left: .25rem; } .headmenu:hover .hmenu-main a, .headmenu-cat:hover .h-menu-cat a, .headmenu:hover .hmenu-coms a { opacity: .6; } .headmenu:hover .hmenu-main a:hover, .headmenu-cat:hover .h-menu-cat a:hover, .headmenu:hover .hmenu-coms a:hover { opacity: 1; } .headmenu .hmenu-main a.active, .headmenu-cat .h-menu-cat a.active { opacity: 1 !important; cursor: default !important; position: relative; } .headmenu-cat::after { content: ""; position: absolute; left: 3.5rem; right: 3.5rem; top: 0; height: 1px; background-color: rgba(255,255,255,0.1); } .soc_login_icons a:hover { transition: background-color ease .2s, color linear 0s; } .soc_login_icons .soc_vk:hover { background-color: #48729e; } .soc_login_icons .soc_ya:hover { background-color: #ff0000; } .soc_login_icons .soc_fb:hover { background-color: #3b5998; } .soc_login_icons .soc_gp:hover { background-color: #4284F4; } .soc_login_icons .soc_od:hover { background-color: #eb722e; } .soc_login_icons .soc_mail:hover { background-color: #005ff9; } } @media (max-width: 991px) { .header { height: 4rem; } .header .logotype { width: 100%; flex: 0 0 100%; padding: .5rem 0; } .header .logotype svg { width: 16.5rem; height: 3rem; } .h-tools { position: relative; margin-left: 25%; width: 75%; max-width: 75%; flex: 0 0 75%; margin-bottom: -3rem; height: 3rem; z-index: 88; } .headmenu { padding-right: 75%; } /* - Мобильное меню - */ .butterbrod { width: 20px; height: 20px; display: flex; margin: 0 auto; justify-content: space-between; flex-direction: column; } .butterbrod > i { width: 100%; height: 2px; background-color: #fff; } .usermod .headmenu { padding-right: 50%; } .usermod .h-tools { margin-left: 50%; width: 50%; max-width: 50%; flex: 0 0 50%; } .h-tools, .headmenu { flex-direction: row-reverse; } .h-tools > a { color: #fff; } .h-tools-item { display: flex; align-items: center; justify-content: center; } .h-tools-item > span { display: none; } #login_drop, .mobilemenu, .h-tools-item { line-height: 1.5rem; height: 3rem; min-width: 3rem; padding: .75rem; } .u-tools, .notify_drop, .hm-search, .h-tools-item, .mobilemenu { box-shadow: 1px 0 0 0 rgba(255,255,255,0.1); } .u-tools, .notify_drop, .usermod .hm-search, .h-tools-item, .mobilemenu { width: 50% !important; } .hm-search { width: 100%; } .u-tools > .dropdown, .u-tools > .dropdown > button { width: 100%; } .hm-search { text-align: center; } .h-menu { display: none; opacity: 0; visibility: hidden; z-index: 9999; position: fixed; left: 0; top: 0; bottom: 0; width: 100%; min-height: 100%; overflow: hidden; background-color: #a5383a; padding-top: 0; transition: opacity ease .4s, visibility ease .1s; } .open.h-menu, .menu_close, .h-menu-sep, .mobilemenu, .h-langs { display: block !important; } .h-menu::before, .h-menu-scrl { position: absolute; left: 0; top: 4rem; width: 100%; } .h-menu::before { content: ""; z-index: 1; height: 2rem; pointer-events: none; background-image: linear-gradient(0deg, rgba(165,56,58,0) 0%, rgba(165,56,58,1) 100%); } .h-menu-scrl { height: calc(100% - 4rem); transform: translateX(10%); transition: transform .5s ease; overflow-y: auto; -webkit-overflow-scrolling: touch; } html.hm, html.hm body { overflow: hidden; } html.hm .open.h-menu { opacity: 1; visibility: visible; } html.hm .h-menu-scrl { transform: translateX(0%); } .h-langs { padding: .75rem; } .h-langs .langs { align-items: center; justify-content: center; } .h-langs .langs > a {padding: .5rem .2rem .5rem .2rem;} .hmenu-main, .hmenu-sub { font-size: 1.25rem; } .hmenu-main > a { display: block !important; font-weight: bold; line-height: 1.5rem; } .hmenu-main > a.active { opacity: .5; } .h-menu-sep { display: block; margin-top: 2rem; } .hmenu-sub > a, .hmenu-main > a, .hmenu-sub::before { display: block; padding: 10px 10% !important; color: inherit; } .hmenu-main > a { text-transform: uppercase; } .hmenu-sub::before, .hmenu-soc::before { content: attr(title); font-size: .75rem; opacity: .5; } .hmenu-soc { padding: 2em 10%; padding-top: 0; } .hmenu-soc::before { display: block; line-height: normal !important; color: inherit; width: 100%; margin-bottom: 1rem; } .hm-social { display: flex; justify-content: center; align-items: center; } .hm-social > a { display: block; border-radius: 50%; width: 2.5rem; height: 2.5rem; padding: .5rem; background-color: rgba(255,255,255, 0.1); } .hm-social > a:not(:first-child) { margin-left: .5rem; } .headmenu-cat { border-top: 1px solid rgba(255,255,255,0.1); } .headmenu-cat::after, .headmenu-cat::before { content: ""; position: absolute; top: 0; bottom: 0; z-index: 1; width: 1.75rem; height: 100%; pointer-events: none; } .headmenu-cat::after { right: 0; background-image: linear-gradient(90deg, rgba(156,55,58,0) 0%, rgba(156,55,58,1) 100%); } .headmenu-cat::before { left: 0; background-image: linear-gradient(90deg, rgba(156,55,58,1) 0%, rgba(156,55,58,0) 100%); } .h-menu-cat { justify-content: flex-start; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; } .h-menu-cat::after, .h-menu-cat::before { content: ""; max-width: 1.5rem; min-width: 1.5rem; height: 1rem; } } /* --- FOOTER --- */ #footer { margin-top: auto; } .foot, .footer { padding: 1.75rem; display: flex; } .foot, .foot .foot-right, .foot .foot-left { align-items: center; } @media (min-width: 992px) { .foot-right, .foot-left { width: 50%; } .foot-right { margin-left: 1.75rem; } .footer .foot-right { display: flex; } .footer-col { width: 50%; margin-left: 1.75rem; } .footer-col:first-child { margin-left: 0; } .gplay-foot { margin-left: auto; padding-left: 1rem; } .foot-langs, .gplay-foot, .footer-col, .count { display: block !important; } } @media (min-width: 768px) { .foot .foot-left .uppercase { max-width: 360px; font-size: .6875rem; } .foot .foot-left { display: block; } } @media (max-width: 767px) { .foot .foot-left { display: none !important; } } .fmenu { margin-top: -.3rem; } .fmenu > a { color: #cdcac7; display: block; padding: .3rem 0; text-decoration: none !important; } .fmenu > a:hover { color: #fff; } .foot-left .age_rate { font-size: 2rem; line-height: 1; margin-right: 1rem; } .foot .foot-left .age_rate, .foot .foot-left .uppercase { opacity: .5; } .copyright__rules a { color: inherit !important; opacity: .8; text-decoration: underline; } .copyright__rules a:hover { opacity: .6; } .copyright__foot { font-size: .6875rem; opacity: .5; } .foot-langs { margin-top: 1rem; } .langs { display: flex; } .langs > a:not(:first-child) { margin-left: .5rem; } .langs > a > i { width: 1.5rem; height: 1.5rem; display: block; border-radius: 50%; cursor: pointer; background-image: url(data:image/png;base64,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); background-size: auto 1.5rem; } .gplay-foot { opacity: .5; } .foot { background-color: rgba(0,0,0,0.1); } .foot .foot-left, .foot .foot-right { display: flex; } .foot .ca { margin-right: auto; } .foot .upper { position: relative; width: 2rem; height: 2rem; padding: .25rem; color: #fff; margin-left: 1.75; opacity: .8; margin-left: 1.75rem; } .foot .upper > i { display: block; } .foot .upper:hover { opacity: 1; } .count { opacity: .3; } .count:hover { opacity: .5; } /* Designed By Centroarts */ .ca { display: flex; align-items: center; max-width: 180px; font-size: .85rem; color: inherit !important; text-decoration: none !important; transition: opacity ease .2s; } .ca > i { min-width: 2rem; min-height: 2rem; padding: .25rem; margin-right: 1rem; display: inline-block; border-radius: 50%; background-color: rgba(255,255,255,0.1); } .ca > i::before { display: block; } .ca > span { display: inline-block; opacity: .4; } .ca:hover { opacity: .6; } /* Мы в Соц.сетях */ .soc_links { display: flex; flex-direction: column; } .soc_links > a { text-decoration: none; } .soc_links > a > i { background-color: #4a4642; color: #fff; display: inline-block; vertical-align: middle; position: relative; width: 1.25rem; height: 1.25rem; border-radius: 50%; margin: -.2rem .4rem 0 0; padding: .125rem; } .soc_links > a > i::before { font-size: 1rem; line-height: 1rem; width: 1rem; height: 1rem; opacity: .5; } .soc_links > a::after { content: attr(title); } .soc_links > a:hover > i::before { opacity: 1; } /* Кнопка наверх - Сбоку */ #upper_left { position: fixed; z-index: 215; background-color: rgba(0,0,0,0.1); align-items: center; justify-content: center; color: #fff; opacity: 0; visibility: hidden; overflow: hidden; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); transition: opacity ease .3s, visibility ease .3s; } @media (min-width: 1357px), (max-width: 991px) { #upper_left { display: flex !important; } #upper_left.active { opacity: 1; visibility: visible; } } @media (min-width: 1357px) { #upper_left { left: 0; top: 0; bottom: 0; width: 3.5rem; } #upper_left i { display: block; } #upper_left::after { content: ""; position: absolute; left: 50%; top: 50%; border-radius: 50%; z-index: -1; width: 500px; height: 500px; opacity: 0; transform: translate(-50%, -50%) scale(0.03, 0.03); background-color: #000; transition: opacity .6s ease-out, transform .6s ease-out; } #upper_left:hover::after { opacity: .05; transform: translate(-50%, -50%) scale(3, 3); } } @media (max-width: 991px) { .foot .upper { display: none !important; } #upper_left { right: 8px; bottom: 8px; width: 3rem; height: 3rem; border-radius: 50%; } #upper_left i:before { vertical-align: top; margin-top: -2px; } } /* Аватар */ .avatar { width: 100px; height: 100px; } /* - Сообщение в шапке - */ .site_message a { color: inherit !important; text-decoration: none !important; } .site_message a:hover { opacity: .8; } .site_message > .d-flex { min-height: 3rem; align-items: center; } .site_message > .d-flex > i { width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; } .site_message > .d-flex > span { flex: 1 1 auto; text-align: center; display: block; margin-right: 3rem; } @media (min-width: 768px) { .site_message { margin-top: 2px; } } @media (max-width: 767px) { .site_message > .d-flex > i { width: 2rem; height: 2rem; border-radius: 50%; background-color: rgba(255,255,255,0.1); margin-bottom: .5rem; } .site_message > .d-flex { flex-direction: column; padding: 1rem 1.75rem; } .site_message > .d-flex > span { margin: 0; } } @media (max-width: 575px) { .site_message { margin-top: 2px; margin-bottom: 2px; } } /* CONTENT-VISIBILITY */ .content__visibility { content-visibility: auto; } /* --- CONTENT --- */ .content_block { width: 100%; flex: 1 1 auto; } .pad-cont { padding: 1.75rem; } .pad-cont-not_bottom { padding: 1.75rem 1.75rem 0 1.75rem; } @media (max-width: 575px) { .pad-cont-not_bottom { padding: 1.125rem 1.125rem 0 1.125rem; } } .section-title { margin-bottom: 1.75rem; line-height: 1.2rem; } .section-title > a { text-decoration: none !important; } @media (min-width: 992px) { .str { display: flex; } .str-side { min-width: 340px; max-width: 340px; margin-left: 1.75rem; display: block !important; } .str-cont { flex: 1 1 auto; min-width: 0; max-width: 53.5rem; } .sticky { position: sticky; display: flex; align-items: center; justify-content: center; top: 4.75rem; max-width: 340px; } } /* Banner Blocks */ .banner_block { text-align: center; } .banner_block img { max-width: 100%; vertical-align: top; } .page > .banner_block { padding: 0 1.75rem; } .pad-cont.bg-grey + .banner_block { margin-top: 1.75rem; } .exchange_fullstory { text-align: center; padding: 1.75rem; padding-bottom: 0; background-color: #EBEAE8; } .exchange_google { text-align: center; padding: 0; background-color: #fff; } .heading { font-weight: bold; line-height: 1.25; margin: 0 0 .5rem 0; } .page_head .heading { margin-bottom: 1.5rem; } .page_head::after { content: ""; display: table; clear: both; } #userinfo .modal { z-index: 999; } .modal-backdrop { z-index: 998; } /* Хлебные крошки */ .breadcrumbs { white-space: nowrap; } .breadcrumbs * { display: inline-block; vertical-align: top; text-decoration: none !important; } @media (min-width: 768px) { .breadcrumbs { margin-bottom: 1.75rem; } .breadcrumbs > li:first-child { display: inline !important; } .breadcrumbs > li:not(:first-child)::before { content: "●"; margin: 0 .25rem; opacity: .5; } .breadcrumbs > li > span { opacity: .5; } } @media (max-width: 767px) { .breadcrumbs { margin: -.5rem; margin-bottom: .5rem; } .breadcrumbs > li a { padding: .5rem; } .breadcrumbs { text-transform: uppercase; } } /* PAGES */ .navigation { display: flex; flex-wrap: wrap; width: 100%; margin-top: 1.75rem; position: relative; font-weight: bold; text-align: center; } .post__listing > .listing-cont .navigation, .post__listing > #dle-content .navigation { padding: .875rem; padding-bottom: 0; margin-top: 0; } .navigation::before { content: ""; width: 100%; max-width: 100%; flex: 0 0 100%; height: 2px; background-color: rgba(0,0,0,0.1); } .pages { display: block; } .navigation a { color: inherit; text-decoration: none !important; } .pages-list { display: flex; margin: 0 auto; } .pages-list > *, .page_prev > *, .page_next > * { display: block; line-height: 1.5rem; } .pages-list > * { font-size: 1.125rem; opacity: .5; transition: box-shadow ease .2s, color ease .2s, opacity ease .2s; } .pages-list span:not(.nav_ext) { opacity: 1 !important; box-shadow: 0 -2px 0 0 #222; } .page_prev > span, .page_next > span { opacity: .2; } @media (min-width: 768px) { .navigation::before { order: -1; } .pages { order: 1; } .page_prev { order: 0; margin-right: auto; margin-left: -.5rem; } .page_next { order: 2; margin-left: auto; margin-right: -.5rem; } .pages-list > *, .page_prev > *, .page_next > * { padding: 1.75rem .5rem .875rem .5rem; } .pages-list span:not(.nav_ext) { box-shadow: 0 -2px 0 0 #222; } } @media (max-width: 767px) { .pages { order: -1; position: relative; width: 100%; } .pages::after, .pages::before { content: ""; position: absolute; top: 0; bottom: 0; width: 1rem; z-index: 1; pointer-events: none; background-image: linear-gradient(90deg, rgba(247,247,247,0) 0%, #F7F7F7 100%); } .pages::after { left: 0; background-image: linear-gradient(90deg, #F7F7F7 0%, rgba(247,247,247,0) 100%); } .pages::before { right: 0; background-image: linear-gradient(90deg, rgba(247,247,247,0) 0%, #F7F7F7 100%); } .navigation::before { order: 0; } .page_prev, .page_next { width: 100%; max-width: 50%; flex: 0 0 50%; } .pages-list::after, .pages-list::before { content: ""; flex: 1 1 auto; min-width: .75rem; height: 1rem; } .pages-list > *, .page_prev > *, .page_next > * { padding: 1rem .75rem; } .pages-list span:not(.nav_ext) { box-shadow: 0 2px 0 0 #222; } .pages-list { padding-bottom: 2px; margin-bottom: -2px; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; } } @media (min-width: 992px) { .navigation a:hover { color: #9c373a; } .pages a:hover { box-shadow: 0 -2px 0 0 #9c373a; opacity: 1; } } /* Постраничная навигация в новости */ .splitnewsnavigation { margin: 1.5em 0; padding: 15px 0; font-weight: bold; border: 0 dashed #efefef; border-width: 2px 0; text-transform: uppercase; } .splitnewsnavigation > div { display: inline; margin-left: 1em; } .splitnewsnavigation a { color: inherit; } .splitnewsnavigation a, .splitnewsnavigation span { padding: 6px 10px; } .splitnewsnavigation span { color: #95c00e; } /* Ranks */ .popup_userinfo .rank { margin: .5rem auto; } .rank_type_list div {margin: 10px auto; padding: 10px 0px;} .rank { width: 100px; height: 30px; background: url(../images/rank.png) no-repeat -1000px -1000px; display: block; position: relative; margin-top: .25rem; } .rank.vmf { background-image:url(../images/rank_vmf.png); } .rank.vks{ background-image:url(../images/rank_vks.png); } .rank-captain{ background-position:-5px -5px} .rank-colonel{ background-position:-115px -5px} .rank-colonel-general{ background-position:-5px -45px} .rank-general{ background-position:-115px -45px} .rank-head-lieutenant{ background-position:-5px -85px} .rank-lance-corporal{ background-position:-115px -85px} .rank-lance-sergeant{ background-position:-5px -125px} .rank-lieutenant{ background-position:-115px -125px} .rank-lieutenant-colonel{ background-position:-5px -165px} .rank-lieutenant-general{ background-position:-115px -165px} .rank-major{ background-position:-5px -205px} .rank-major-general{ background-position:-115px -205px} .rank-marshal{ background-position:-5px -245px} .rank-petty-officer{ background-position:-115px -245px} .rank-sergeant{ background-position:-225px -5px} .rank-soldier{ background-position:-225px -45px} .rank-staff-sergeant{ background-position:-225px -85px} .rank-sublieutenant{ background-position:-225px -125px} .rank.big { transform: scale(1.50); } .rank.small { transform: scale(.50); transform-origin: top left; } /* Годички */ .gdki { width: 20px; height: 30px; display: inline-block; background-image: url(../images/godichki.png); background-repeat: no-repeat; } .gdki-0 { display: none; } .gdki-1 { background-position: 0 0; } .gdki-2 { background-position: -20px 0; } .gdki-3 { background-position: -40px 0; } .gdki-4 { background-position: -60px 0; } .gdki-5 { background-position: 0 100%; } .gdki-6 { background-position: -20px 100%; } .gdki-7 { background-position: -40px 100%; } .gdki-8 { background-position: -60px 100%; } .gdki-9 { background-position: -80px 0; } .gdki-10 { background-position: -80px 100%; } /* SHARE */ .share { display: flex; } .share > a { width: 2rem; height: 2rem; margin-right: .25rem; border-radius: .25rem; color: #fff !important; } @media (min-width: 992px) { .share > a:hover { opacity: .9; } } .share > a i { display: block; text-align: center; } .share > a i::before { width: 2rem; height: 2rem; line-height: calc(2rem - 1px); font-size: 2rem; } .share-vk { background-color: #4680c2; } .share-fb { background-color: #3b5998; } .share-ok { background-color: #eb722e; } .share-tw { background-color: #00aced; } /* Смайлики */ .emoji { border: none; vertical-align: middle; } .status { background-color: #67d000; width: 12px; height: 12px; display: inline-block; vertical-align: middle; border: 2px solid #fafafa; border-radius: 50%; text-indent: -9999px; overflow: hidden; } .status.offline { background-color: #999; } @media (max-width: 500px) { .pad-cont, .foot, .footer { padding: 1.125rem; } .section-title { margin-bottom: 1.125rem; } .exchange_fullstory, .login_modal .modal-body { padding: 1.125rem; } .page > .banner_block { padding-left: 1.125rem; padding-right: 1.125rem; } .post__listing > .listing-cont .navigation, .post__listing > #dle-content .navigation { padding: .5625rem; padding-bottom: 0; } .page_head .heading { margin-bottom: 1.125rem; } } #adfox_desktop_3, #adfox_desktop_5 { max-width: 340px; overflow: hidden; } /* =========== © 2020 Centroarts.com =========== */ .mass_comments_action { display: none !important; } #dlemasscomments::before { content: ""; display: table; clear: both; } #dle-comments-list { margin-top: -.5rem; } .comments-tree-item, .comment { border: 1px solid rgba(0,0,0,0.1); background-color: #fafafa; margin-top: .5rem; } .comment { display: flex; flex-wrap: wrap; align-items: flex-start; min-width: 0; padding: 1.125rem; } .comment.comment-del { display: block; min-height: 0 !important; padding: 1.125rem; text-align: center; color: rgba(34,34,34,.5); } .com-avatar { width: 2rem; margin-right: .5rem; } .com-avatar > a { height: 2rem; position: relative; display: flex; overflow: hidden; flex-direction: column; flex-grow: 1; } .com-avatar > a::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.1); } .com-avatar > a img { position: absolute; top: 0; left: 50%; display: block; min-width: 100%; height: 100%; transform: translateX(-50%); object-fit: cover; object-position: center center; -o-object-position: center center; -o-object-fit: cover; } .com-foot, .com-head { display: flex; flex-wrap: wrap; align-items: center; } .com-foot, .com-head { font-size: .825rem; } .com-head { min-height: 1.5rem; width: 100%; max-width: calc(100% - 8rem); flex: 0 0 calc(100% - 8rem); } .com-name, .com-date, .com-head > .gdki, .com-warnings { margin-right: .5rem; } .com-head > .gdki { margin-top: -.1875rem; margin-bottom: -.1875rem; } .com-name a { color: inherit; } .com-rate { width: 100%; max-width: 5.5rem; flex: 0 0 5.5rem; margin-left: auto; } .com-rate .rate { float: right; } .com-story-author { padding: .25em .4em; font-weight: bold; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; color: #fff !important; cursor: pointer; background-color: #28a745; } .com-story-author a { text-decoration: none; } .comment.gold .com-name a, .comment.gold .com-name { color: #b58900; } .com-cont { word-wrap: break-word; } .com-cont iframe, .com-cont video, .com-cont img { max-width: 100% !important; } .com-cont::after { content: ""; clear: both; display: block; } .com-cont, .com-foot { width: 100%; max-width: 100%; flex: 0 0 100%; margin-top: .5rem; } .com-reply, .com-quote, .com-compl { margin-right: .5rem; } .com-icons { margin-left: auto; display: flex; } .com-icons > a:not(:first-child) { margin-left: .25rem; } .com-foot { opacity: .6; } .com-foot a { text-decoration: none !important; } .com-foot > * > a { display: flex; align-items: center; color: inherit; } .com-foot [class^="i__"], .com-foot [class*=" i__"] { margin-right: .125rem; } .com-avatar.online::before, .com-avatar.offline::before { content: ""; } .com-avatar::before { width: 10px; height: 10px; position: absolute; right: 0; top: 0; z-index: 1; margin-right: -5px; margin-top: -5px; border: 2px solid #fafafa; border-radius: 50%; text-indent: -9999px; overflow: hidden; } .com-avatar.online::before { background-color: #67d000; } .com-avatar.offline::before { background-color: #999; } .com-badge_new { background-color: #71b6ff; padding: .125rem .25rem; line-height: 1rem; font-size: 10px; color: #fff !important; text-transform: uppercase; } @media (max-width: 767px) { .comments-tree-list .comments-tree-list { padding-left: 0 !important; } .com-avatar { position: relative; height: 2.875rem; } .com-avatar .rank { transform: scale(.32); position: absolute; } .com-break { display: block !important; flex-basis: 100%; height: 0; } } @media (min-width: 768px) { .com-warnings { display: inline-block !important; padding: .125rem .375rem; margin: -.125rem 0; line-height: 1rem; text-align: center; border-radius: .25rem; margin-right: .5rem; color: #fff !important; cursor: pointer; background-color: #9c373a; } .comment { padding-left: 5.375rem; position: relative; min-height: 6.625rem; } .com-avatar { position: absolute; left: 0; top: 0; margin: 1.125rem; width: 3.125rem; } .com-avatar > a, .com-avatar > img { height: 3.125rem; } .comments-tree-list .comments-tree-list { padding-left: 15px; } } @media (min-width: 992px) { .comment:hover, .comments-tree-item:hover { box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.05); border-color: rgba(156,55,58,0.2); } .com-foot, .com-foot a { transition: opacity ease .2s; } .com-foot a:hover { opacity: .8; } .comment:hover .com-foot { opacity: 1; } } @media (max-width: 575px) { #dle-comments-list { margin-left: -1.75rem; margin-right: -1.75rem; } .comment { padding-left: 1.75rem; padding-right: 1.75rem; } .comments-tree-item, .comment { border-left-width: 0; border-right-width: 0; } } /* Древовидные комментарии */ .comments-tree-item .comment { margin-top: 0; border: 0 none; box-shadow: none !important; background-color: transparent !important; } .comments-tree-list, .comments-tree-item { list-style: none; } .comments-tree-list .comments-tree-list { padding-left: 1rem; } .comments-tree-item .comments-tree-item { border: 0 solid rgba(0,0,0,0.1); border-top-width: 1px; box-shadow: none; background-color: transparent; margin-top: 0; } /* Нравится / Не нравится*/ .rate { position: relative; } .rate_plusminus > span { color:#8e8e8e; margin: 0 .2rem; line-height: 1rem; display: inline-block; text-align: center; min-width: 1.5rem; } .rate_plusminus > a { text-decoration: none !important; width: 2.5rem; height: 2.5rem; padding: .5rem; margin: -.5rem; display: flex; align-items: center; justify-content: center; } .ratingplus { color: #b37575!important; } .rate_plusminus { display: flex; align-items: center; height: 1.5rem } .rate_plusminus > a > * { cursor: pointer; } .rate_plusminus_btn { display: inline-block; border-radius: 2px; vertical-align: top; position: relative; font-style: normal; width: 1.125rem; height: 1.125rem; background-color: transparent; border: 2px solid #8e8e8e; } .rate_plusminus_btn::after, .rate_plusminus_btn::before { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -5px; width: 10px; height: 2px; background-color: #8e8e8e; } .rate_plusminus_btn::before { transform: rotate(90deg); } .rate_plusminus_btn.plus { background-color: #9c373a; border-color: #9c373a; } .rate_plusminus_btn.plus::after, .rate_plusminus_btn.plus::before { background-color: #fff; } .rate_plusminus_btn.minus::before { display: none; } @media (min-width: 768px) { .rate_plusminus > span { font-size: 1.125rem; color:#8e8e8e; margin: 0 0.3rem; } } @media (min-width: 992px) { .rate_stats { display: block !important; position: absolute; top: 0; left: 50%; border-radius: 4px; transform: translateY(-130%); margin-left: -2.5rem; opacity: 0; visibility: hidden; background-color: #fff; box-shadow: 0 .25rem .8rem 1px rgba(0,0,0, 0.2); max-width: 5rem; min-width: 5rem; padding: .125rem .5rem; font-size: .75rem; transition: transform ease .4s, visibility ease .2s, opacity ease .2s; transition-delay: .2s; } .rate_plusminus:hover + .rate_stats { transform: translateY(-110%); opacity: 1; visibility: visible; } .rate_stats > li { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(0,0,0,0.1); padding: 5px 3px; } .rate_stats > li::before { content: attr(title); } .rate_stats > li:first-child { border-top-width: 0; } .rate_stats > li i { font-style: normal; font-weight: bold; text-align: right; } .rate_plusminus > a:hover { opacity: .8; } } .comment.disabled { opacity:.35; } .comment.disabled:hover { opacity:1; } .comment .warnings.delete { color:#f97330; } /* Loader */ .loader_message_ico { display:inline-block; width:45px; height:45px; color: #9c373a; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 19'%3E%3Cpath fill='#9c373a' fillrule='evenodd' d='M16.298 13.544A6.009 6.009 0 0 0 20 8c0-3.307-2.683-6-5.994-6H7.994A6.004 6.004 0 0 0 2 8c0 3.307 2.683 6 5.994 6h4.979l3.291 3.278.034-3.734zm-3.92 1.956H7.995C3.857 15.5.5 12.137.5 8 .5 3.862 3.863.5 7.994.5h6.012C18.143.5 21.5 3.863 21.5 8a7.504 7.504 0 0 1-3.737 6.488v2.775c0 1.337-1.616 2.006-2.56 1.06-.012-.01-.877-.875-2.074-2.073zM7 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; } .loader-wraper { text-align: center; } .loader { color: #9c373a; position: relative; display: inline-block; width: 45px; height: 45px; fill: currentColor; } .loader-dots { position: absolute; top: 16px; left: 11px; width: 26px; height: 12px; } .loader-dots:before { animation-name: dots-animation; } .loader-dots:after, .loader-dots:before, .dots { content: ""; height: 5px; width: 5px; border-radius: 50%; float: left; animation-duration: .7s; animation-timing-function: ease-out; animation-iteration-count: infinite; background: currentColor; } .loader-dots:after { animation-name: dots-animation-af; } .loader-dots:after, .loader-dots:before, .dots { content: ""; height: 5px; width: 5px; border-radius: 50%; float: left; animation-duration: .7s; animation-timing-function: ease-out; animation-iteration-count: infinite; background: currentColor; } .dots {margin: 0 4px; animation-name:dots-animation-af2} @keyframes dots-animation { 0% { transform:translateY(0); } 20% { transform:translateY(3px); } 70% { transform:translateY(0); } } @keyframes dots-animation-af2 { 15% { transform:translateY(0); } 35% { transform:translateY(3px); } 85% { transform:translateY(0); } } @keyframes dots-animation-af { 30% { transform:translateY(0); } 50% { transform:translateY(3px); } to { transform:translateY(0); } } @media (max-width: 500px) { #dle-comments-list { margin-left: -1.125rem; margin-right: -1.125rem; } .comment { padding-left: 1.125rem; padding-right: 1.125rem; } } /* Окно пользователя */ .dle-popup-userprofile .ui-dialog-content { padding: 0; } .dialoguser_head { position: relative; } .dialoguser_head, .dialoguser_info { padding: 1.75rem; } .dialoguser_head .cover { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; opacity: .5; } .dialoguser_avatar { width: 100px; margin: 0 auto; position: relative; z-index: 1; } .dialoguser_avatar .avatar { box-shadow: 0 1rem 2rem 0 rgba(0,0,0, 0.38); } .dialoguser_avatar .status { position: absolute; right: 0; top: 0; transform: translate(50%, -50%); } .dialoguser_info { list-style: none; margin: 0; font-size: .875rem; font-weight: bold; } .dialoguser_info > li { padding: .5rem 0; border-top: 1px solid rgba(0,0,0,0.05); } .dialoguser_info > li:first-child { border-top-width: 0; } .ui-c1, .ui-c2 { display: inline-block; vertical-align: top; } .ui-c1 { width: 40%; margin-right: 5%; } .ui-c2 { width: 50%; } @media (min-width: 768px) { .ui-c1 { width: 30%; } .ui-c2 { width: 60%; } } /* Лог голосования */ .ratting_log { display:inline-block; vertical-align: top; padding: 10px; width: 50%; } .ratting_log li { list-style: none; } .ratting_log li a { color: #000; text-decoration: none; } .ratting_log li:first-child { list-style: none; font-weight: bold; color: #9c373a; border-bottom: 1px dotted; margin-bottom: 10px;} /* Лог жалоб */ .twarnings a { cursor: pointer; } /* Flags */ .flag { width: 16px; height: 11px; background: url(../images/flags.png) -1000px -1000px no-repeat; margin: 0 0.5em; display: inline-block; } .flag.co-zw{background-position:0 0}.flag.co-zm{background-position:-16px 0}.flag.co-za{background-position:0 -11px}.flag.co-yt{background-position:-16px -11px}.flag.co-ye{background-position:-32px 0}.flag.co-ws{background-position:-32px -11px}.flag.co-wf{background-position:0 -22px}.flag.co-vu{background-position:-32px -22px}.flag.co-vn{background-position:0 -33px}.flag.co-vi{background-position:-16px -33px}.flag.co-vg{background-position:-32px -33px}.flag.co-ve{background-position:-48px 0}.flag.co-vc{background-position:-48px -11px}.flag.co-va{background-position:-48px -22px}.flag.co-uz{background-position:-48px -33px}.flag.co-uy{background-position:0 -44px}.flag.co-us{background-position:-16px -44px}.flag.co-um{background-position:-16px -44px}.flag.co-ug{background-position:-32px -44px}.flag.co-ua{background-position:-48px -44px}.flag.co-tz{background-position:-64px 0}.flag.co-tw{background-position:-64px -11px}.flag.co-tv{background-position:-64px -22px}.flag.co-tt{background-position:-64px -33px}.flag.co-tr{background-position:-64px -44px}.flag.co-to{background-position:0 -55px}.flag.co-tn{background-position:-16px -55px}.flag.co-tm{background-position:-32px -55px}.flag.co-tl{background-position:-48px -55px}.flag.co-tk{background-position:-64px -55px}.flag.co-tj{background-position:0 -66px}.flag.co-th{background-position:-16px -66px}.flag.co-tg{background-position:-32px -66px}.flag.co-tf{background-position:-48px -66px}.flag.co-td{background-position:-64px -66px}.flag.co-tc{background-position:-80px 0}.flag.co-sz{background-position:-80px -11px}.flag.co-sy{background-position:-80px -22px}.flag.co-sx{background-position:-80px -33px}.flag.co-sv{background-position:-80px -44px}.flag.co-st{background-position:-80px -55px}.flag.co-ss{background-position:-80px -66px}.flag.co-sr{background-position:0 -77px}.flag.co-so{background-position:-16px -77px}.flag.co-sn{background-position:-32px -77px}.flag.co-sm{background-position:-48px -77px}.flag.co-sl{background-position:-64px -77px}.flag.co-sk{background-position:-80px -77px}.flag.co-si{background-position:-96px 0}.flag.co-sh{background-position:-96px -11px}.flag.co-sg{background-position:-96px -22px}.flag.co-se{background-position:-96px -33px}.flag.co-sd{background-position:-96px -44px}.flag.co-sc{background-position:-96px -66px}.flag.co-sb{background-position:-96px -77px}.flag.co-sa{background-position:0 -88px}.flag.co-rw{background-position:-16px -88px}.flag.co-ru{background-position:-32px -88px}.flag.co-rs{background-position:-48px -88px}.flag.co-ro{background-position:-64px -88px}.flag.co-qa{background-position:-80px -88px}.flag.co-py{background-position:-96px -88px}.flag.co-pw{background-position:0 -99px}.flag.co-pt{background-position:-16px -99px}.flag.co-ps{background-position:-32px -99px}.flag.co-pr{background-position:-48px -99px}.flag.co-pn{background-position:-64px -99px}.flag.co-pm{background-position:-80px -99px}.flag.co-pl{background-position:-96px -99px}.flag.co-pk{background-position:-112px 0}.flag.co-ph{background-position:-112px -11px}.flag.co-pg{background-position:-112px -22px}.flag.co-pf{background-position:-112px -33px}.flag.co-pe{background-position:-112px -44px}.flag.co-pa{background-position:-112px -55px}.flag.co-om{background-position:-112px -66px}.flag.co-nz{background-position:-112px -77px}.flag.co-nu{background-position:-112px -88px}.flag.co-nr{background-position:-112px -99px}.flag.co-no{background-position:0 -110px}.flag.co-bv{background-position:0 -110px}.flag.co-sj{background-position:0 -110px}.flag.co-nl{background-position:-16px -110px}.flag.co-ni{background-position:-32px -110px}.flag.co-ng{background-position:-48px -110px}.flag.co-nf{background-position:-64px -110px}.flag.co-ne{background-position:-80px -110px}.flag.co-nc{background-position:-96px -110px}.flag.co-na{background-position:-112px -110px}.flag.co-mz{background-position:-128px 0}.flag.co-my{background-position:-128px -11px}.flag.co-mx{background-position:-128px -22px}.flag.co-mw{background-position:-128px -33px}.flag.co-mv{background-position:-128px -44px}.flag.co-mu{background-position:-128px -55px}.flag.co-mt{background-position:-128px -66px}.flag.co-ms{background-position:-128px -77px}.flag.co-mr{background-position:-128px -88px}.flag.co-mq{background-position:-128px -99px}.flag.co-mp{background-position:-128px -110px}.flag.co-mo{background-position:0 -121px}.flag.co-mn{background-position:-16px -121px}.flag.co-mm{background-position:-32px -121px}.flag.co-ml{background-position:-48px -121px}.flag.co-mk{background-position:-64px -121px}.flag.co-mh{background-position:-80px -121px}.flag.co-mg{background-position:-96px -121px}.flag.co-me{background-position:0 -132px;height:12px}.flag.co-md{background-position:-112px -121px}.flag.co-mc{background-position:-128px -121px}.flag.co-ma{background-position:-16px -132px}.flag.co-ly{background-position:-32px -132px}.flag.co-lv{background-position:-48px -132px}.flag.co-lu{background-position:-64px -132px}.flag.co-lt{background-position:-80px -132px}.flag.co-ls{background-position:-96px -132px}.flag.co-lr{background-position:-112px -132px}.flag.co-lk{background-position:-128px -132px}.flag.co-li{background-position:-144px 0}.flag.co-lc{background-position:-144px -11px}.flag.co-lb{background-position:-144px -22px}.flag.co-la{background-position:-144px -33px}.flag.co-kz{background-position:-144px -44px}.flag.co-ky{background-position:-144px -55px}.flag.co-kw{background-position:-144px -66px}.flag.co-kr{background-position:-144px -77px}.flag.co-kp{background-position:-144px -88px}.flag.co-kn{background-position:-144px -99px}.flag.co-km{background-position:-144px -110px}.flag.co-ki{background-position:-144px -121px}.flag.co-kh{background-position:-144px -132px}.flag.co-kg{background-position:0 -144px}.flag.co-ke{background-position:-16px -144px}.flag.co-jp{background-position:-32px -144px}.flag.co-jo{background-position:-48px -144px}.flag.co-jm{background-position:-64px -144px}.flag.co-je{background-position:-80px -144px}.flag.co-it{background-position:-96px -144px}.flag.co-is{background-position:-112px -144px}.flag.co-ir{background-position:-128px -144px}.flag.co-iq{background-position:-144px -144px}.flag.co-io{background-position:-160px 0}.flag.co-in{background-position:-160px -11px}.flag.co-im{background-position:-160px -22px;height:9px}.flag.co-il{background-position:-160px -31px}.flag.co-ie{background-position:-160px -42px}.flag.co-id{background-position:-160px -53px}.flag.co-hu{background-position:-160px -64px}.flag.co-ht{background-position:-160px -75px}.flag.co-hr{background-position:-160px -86px}.flag.co-hn{background-position:-160px -97px}.flag.co-hk{background-position:-160px -108px}.flag.co-gy{background-position:-160px -119px}.flag.co-gw{background-position:-160px -130px}.flag.co-gu{background-position:-160px -141px}.flag.co-gt{background-position:0 -155px}.flag.co-gs{background-position:-16px -155px}.flag.co-gr{background-position:-32px -155px}.flag.co-gq{background-position:-48px -155px}.flag.co-gp{background-position:-64px -155px}.flag.co-gn{background-position:-80px -155px}.flag.co-gm{background-position:-96px -155px}.flag.co-gl{background-position:-112px -155px}.flag.co-gi{background-position:-128px -155px}.flag.co-gh{background-position:-144px -155px}.flag.co-gg{background-position:-160px -155px}.flag.co-ge{background-position:-176px 0}.flag.co-gd{background-position:-176px -11px}.flag.co-gb{background-position:-176px -22px}.flag.co-ga{background-position:-176px -33px}.flag.co-fr{background-position:-176px -44px}.flag.co-gf{background-position:-176px -44px}.flag.co-re{background-position:-176px -44px}.flag.co-mf{background-position:-176px -44px}.flag.co-bl{background-position:-176px -44px}.flag.co-fo{background-position:-176px -55px}.flag.co-fm{background-position:-176px -66px}.flag.co-fk{background-position:-176px -77px}.flag.co-fj{background-position:-176px -88px}.flag.co-fi{background-position:-176px -99px}.flag.co-eu{background-position:-176px -121px}.flag.co-et{background-position:-176px -132px}.flag.co-es{background-position:-176px -143px}.flag.co-er{background-position:-176px -154px}.flag.co-eh{background-position:-16px -166px}.flag.co-eg{background-position:-32px -166px}.flag.co-ee{background-position:-48px -166px}.flag.co-ec{background-position:-64px -166px}.flag.co-dz{background-position:-80px -166px}.flag.co-do{background-position:-96px -166px}.flag.co-dm{background-position:-112px -166px}.flag.co-dk{background-position:-128px -166px}.flag.co-dj{background-position:-144px -166px}.flag.co-de{background-position:-160px -166px}.flag.co-cz{background-position:-176px -166px}.flag.co-cy{background-position:0 -177px}.flag.co-cx{background-position:-16px -177px}.flag.co-cw{background-position:-32px -177px}.flag.co-cv{background-position:-48px -177px}.flag.co-cu{background-position:-64px -177px}.flag.co-cs{background-position:-80px -177px}.flag.co-cr{background-position:-96px -177px}.flag.co-co{background-position:-112px -177px}.flag.co-cn{background-position:-128px -177px}.flag.co-cm{background-position:-144px -177px}.flag.co-cl{background-position:-160px -177px}.flag.co-ck{background-position:-176px -177px}.flag.co-ci{background-position:-192px 0}.flag.co-cg{background-position:-192px -11px}.flag.co-cf{background-position:-192px -22px}.flag.co-cd{background-position:-192px -33px}.flag.co-cc{background-position:-192px -44px}.flag.co-ca{background-position:-192px -66px}.flag.co-bz{background-position:-192px -77px}.flag.co-by{background-position:-192px -88px}.flag.co-bw{background-position:-192px -99px}.flag.co-bt{background-position:-192px -110px}.flag.co-bs{background-position:-192px -121px}.flag.co-br{background-position:-192px -132px}.flag.co-bq{background-position:-192px -143px}.flag.co-bo{background-position:-192px -154px}.flag.co-bn{background-position:-192px -165px}.flag.co-bm{background-position:-192px -176px}.flag.co-bj{background-position:0 -188px}.flag.co-bi{background-position:-16px -188px}.flag.co-bh{background-position:-32px -188px}.flag.co-bg{background-position:-48px -188px}.flag.co-bf{background-position:-64px -188px}.flag.co-be{background-position:-80px -188px}.flag.co-bd{background-position:-96px -188px}.flag.co-bb{background-position:-112px -188px}.flag.co-ba{background-position:-128px -188px}.flag.co-az{background-position:-144px -188px}.flag.co-ax{background-position:-160px -188px}.flag.co-aw{background-position:-176px -188px}.flag.co-au{background-position:-192px -188px}.flag.co-hm{background-position:-192px -188px}.flag.co-at{background-position:-208px 0}.flag.co-as{background-position:-208px -11px}.flag.co-ar{background-position:-208px -22px}.flag.co-ao{background-position:-208px -33px}.flag.co-an{background-position:-208px -44px}.flag.co-am{background-position:-208px -55px}.flag.co-al{background-position:-208px -66px}.flag.co-ai{background-position:-208px -77px}.flag.co-ag{background-position:-208px -88px}.flag.co-af{background-position:-208px -99px}.flag.co-ae{background-position:-208px -110px}.flag.co-ad{background-position:-208px -121px}.flag.co-np{background-position:-208px -132px}.flag.co-ch{background-position:-208px -143px}.flag.co-crimea{background-position:-32px -88px}.flag.co-novorossia{background-position:-208px -154px}.flag.co-ussr{background-position:-208px -165px} .flag.crimea{background-position:-32px -88px}.flag.novorossia{background-position:-208px -154px}.flag.ussr{background-position:-208px -165px} /* =========== © 2020 Centroarts.com =========== */ .meta { margin: -.5rem; } .meta, .meta > *, .meta__right > * { display: flex; } .meta__time, .meta__coms, .meta__right a { padding: .5rem; height: 2.5rem; line-height: 1.5rem; display: inline-block; } .meta__coms, .meta__views { display: flex; } .meta__right a { color: inherit; text-decoration: none; } .meta > *, .meta__right > * { align-items: center; } .meta__right { margin-left: auto; } .meta svg { width: 1.5rem; height: 1.5rem; } .meta .i__com, .meta .i__views { margin-right: .25rem; } @media (min-width: 992px) { .showfull .meta__print { display: block !important; } } @media (max-width: 767px) { .showfull .meta__coms { display: none !important; } } @media (min-width: 576px) { .pfull { padding: 0 1.5rem; } } .pfull-block, .pfull-cont { margin-top: 1.75rem; } .pfull-cont { font-size: 1.125rem; } .pfull-cont h3 { margin-bottom: -.5rem; margin-top: .5rem; } .pfull-cont img { max-width: 100%; } img.fr-dii { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } img.fr-dii.fr-fil { float: left; margin: 5px 24px 25px 0; max-width: calc(100% - 5px); } .pfull-cont img[style*="left"] { margin: .25rem 1.5rem 1.5rem 0; } .pfull-cont img[style*="right"] { margin: .25rem 0 1.5rem 1.5rem; } .com-cont iframe, .com-cont video, .pfull-cont iframe, .pfull-cont video { width: 720px; height: 420px; max-width: 100%; } .pfull-data a { color: inherit; } @media (min-width: 992px) { .ctrl_enter { display: flex !important; } .ctrl_enter-btns { white-space: nowrap; margin-right: 1rem; display: flex; align-items: center; } .ctrl_enter-btns > i { display: inline-block; border-radius: 2px; font-weight: bold; font-style: normal; padding: 6px 10px; margin-left: .25rem; background-color: #8d8d9b; color: #fff; } .ctrl_enter-btns > i:first-child { margin-left: 0; } .pfull-data::before { content: ""; width: 4.5rem; height: 2px; position: absolute; left: 0; top: 0; margin-bottom: 1.75rem; background-color: #e4e4e4; } .pfull-data::before:last-child { display: none; } .pfull-data { display: flex; flex-wrap: wrap; font-style: italic; padding-top: 1.75rem; position: relative; } .pfull-data > dt, .pfull-data > dd { margin-top: .25rem; margin-bottom: 0; } .pfull-data > dt { width: 100%; max-width: 30%; flex: 0 0 30%; padding-right: 1rem; } .pfull-data > dd { width: 100%; max-width: 70%; flex: 0 0 70%; } } @media (max-width: 991px) { .pfull-data > dt { margin: .75rem 0 .125rem 0; text-transform: uppercase !important; font-size: .75rem; font-weight: normal; } .pfull-data > dt, .pfull-data > dd { display: block; } } .pfull-foot-item { background-color: #fff; padding: 1rem; } .pfull-foot-item + .pfull-foot-item { margin-top: 2px; } .yandex_dzen { color: inherit !important; text-decoration: none !important; display: flex; align-items: center; } .dzen-title { line-height: 1.5rem; padding: .25rem .5rem; border-radius: .25rem; margin-right: 1rem; position: relative; background-color: #222; color: #fff; white-space: nowrap; } .dzen-title > svg { height: 18px; width: 9px; position: absolute; left: 100%; top: 50%; margin-top: -9px; color: #222; } .dzen-logo { width: 8rem; height: 1.5rem; } .pfull-foot-rate { margin-left: auto; display: flex; } /* Yshare */ .pfull-foot-item .share { height: 2rem; margin-right: 1rem; } .pfull-foot-rate { display: flex; align-items: center; } .pfull-foot-rate > a { margin-left: 1rem; } .pfull-foot-rate svg { width: 2rem; height: 2rem; } .pfull-foot-rate > a:hover svg .afav { stroke: #9c373a; } .pfull-foot-rate .rate_like > a { display: flex; justify-content: center; align-items: center; text-decoration: none !important; } .pfull-foot-rate .rate_like svg { color: #8d8d9b; } .pfull-foot-rate .rate_like a:active { opacity: .8; } .rate_like svg { stroke: currentColor; margin: 0 2px; } .pfull-foot-rate .rate_like a > span { color: #8d8d9b; line-height: 1.25rem; padding: 7px 3px; font-size: 1.125rem; font-weight:bold; } .pfull-donate { position: relative; background-color: #ffdb4d; display: flex; align-items: center; flex-wrap: wrap; padding: 1rem; } .pfull-donate > svg { height: 3rem; width: 3rem; margin: 0 1rem; } @media (min-width: 992px) { .dzen-title { transition: background-color ease .1s; } .dzen-title > svg { transition: color ease .1s; } .yandex_dzen:hover .dzen-title { background-color: #9c373a; } .yandex_dzen:hover .dzen-title > svg { color: #9c373a; } .pfull-foot-rate a svg { transition: transform ease .15s; } .rate_like a:hover svg { color: #9c373a; } .pfull-foot-rate a:hover svg { transform: scale(1.1); } } @media (min-width: 768px) { .pfull-donate > svg { margin: 0 1rem; } .pfull-donate > p { margin: 0 1rem; padding-left: 2.5rem; flex: 1 1 auto; border-left: 2px solid rgba(255,255,255,0.6); } } @media (max-width: 767px) { .pfull-foot + .pfull-donate { margin-top: 2px !important; } .pfull-foot-item .yandex_dzen_box { margin-top: 1rem; order: 13; width: 100%; flex: 0 0 100%; max-width: 100%; } .pad-cont.full-story { padding-bottom: 0; } .pfull-foot, .pfull-donate { margin-left: -1.75rem; margin-right: -1.75rem; } .pfull-donate { text-align: center; } .pfull-donate > .btn { margin: 0 auto } .pfull-donate > svg { display: none !important; } .pfull-donate > p { width: 100%; flex: 0 0 100%; max-width: 100%; } } /* Опросы */ .vote_title { margin-top: 0; } .vote_list { margin: 1.5em 0; } .vote_list .vote, .vote_list .pollanswer { margin: .5em 0 .2em 0; } .vote_list .pollanswer > input { display:none; } .vote_list .pollanswer > input + label::before { display: inline-block; width: 1rem; height: 1rem; border: 2px solid #c3c3c3; background-color: transparent; margin: -3px 4px 0 0; vertical-align:middle; cursor:pointer; content: ""; border-radius: 2px; } .vote_list .vote > input[type="radio"] + label::before, .vote_list .pollanswer > input[type="radio"] + label::before { border-radius: 50%; } .vote_list .pollanswer > input + label:hover::before { border-color: #9c373a; } .vote_list .pollanswer > input:checked + label::before { background-color: #fff; border: 5px solid #9c373a; } .vote_list .vote > input + label:before, .vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input + label:before, .vote_list .pollanswer > input:checked + label:before { transition: border-color ease .2s; } .vote_votes, .pollallvotes { font-size: .875rem; } .pollallvotes { opacity: .5; } .poll_block { margin: 1.75em 0; } .poll_block_in { margin: 0 auto; background-color: #fff; padding: 1.75rem; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.14); border-radius: 2px; } .voteprogress, .pollprogress { overflow: hidden; height: 6px; margin-bottom: 10px; background-color: #e7e7e7; border-radius: 3px; margin-top: 6px; } .voteprogress span, .pollprogress span { text-indent: -9999px; height: 6px; display: block; overflow: hidden; background-color: #383533; } /* Похожие новости */ .pfull-related a { color: inherit; text-decoration: none !important; display: block; padding: .2rem 0; padding-left: 1.25rem; } .pfull-related a:hover { color: #9c373a; } .pfull-related a::before { content: ""; float: left; margin: .5rem 0 0 -1.25rem; background-color: #9c373a; width: .25rem; height: .25rem; border-radius: 50%; transition: transform ease .2s; } .pfull-related a:hover::before { transform: translateX(.25rem); } @media (max-width: 500px) { .pfull-foot, .pfull-donate { margin-left: -1.125rem; margin-right: -1.125rem; } } /* Яндекс.Новости и Google.News */ .block_news { font-size: .875rem; margin-top: 1.5rem; } .block_news-item { display: flex; flex-grow: 1; flex-shrink: 1; align-items: center; padding: 1.25rem; position: relative; } .block_news-item.ya-news { color: #000; } .block_news-item.gl-news { color: #fff; } .block_news-item > svg { width: 8.75rem; height: 2rem; } .block_news-item > a { display: block; margin-left: 6%; padding-left: 6%; flex: 1 1 auto; color: inherit !important; text-decoration: none !important; border-left: 2px solid #fff; } .block_news-item > a::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } @media (max-width: 799px), (min-width: 992px) and (max-width: 1239px) { .block_news-item > svg { width: 6rem; height: 2rem; } .block_news-item > a { font-size: .75rem; } } @media (max-width: 767px) { .block_news { flex-wrap: wrap; } .block_news-item + .block_news-item { margin-top: 2px; } } @media (min-width: 768px) { .block_news { display: flex; } .block_news-item { width: 50%; display: inline-flex; } .block_news-item + .block_news-item { margin-left: 2px; } } .ya-news { background-color: #ffdb4d; } .gl-news { background-color: #2196f3; color: #fff; } /* AD */ #adfox_full_story, #adfox_full_story_mobile { margin-bottom: -1.5rem; } #google_full_story, #google_full_story_mobile { margin-bottom: -1rem; margin-top: 1rem; min-height: 250px; } #yandex_rtb_R-A-128930-5 { margin-bottom: -1rem; margin-top: 1rem; margin-left: -1.15rem; margin-right: -1.15rem; } @media (min-width: 576px) and (max-width: 767px) { .full-story #adfox_full_story, .full-story #adfox_full_story_mobile, .full-story #google_full_story, .full-story #google_full_story_mobile, .full-story #adfox_mobile_under_article { margin-left: -1.75rem; margin-right: -1.75rem; min-height: 250px; } } @media (max-width: 575px) { .full-story #adfox_full_story, .full-story #adfox_full_story_mobile, .full-story #google_full_story, .full-story #google_full_story_mobile, .full-story #adfox_mobile_under_article { margin-left: -1.125rem; margin-right: -1.125rem; min-height: 250px; } } #id-128930-48 { padding: 1.75rem 1.75rem 0 1.75rem; } .author:hover { color: #9c373a!important; text-decoration: none; }