/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption,tfoot, thead, th,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section {
display: block;
}
body {
font: 0.8em Arial,Helvetica,sans-serif;
font-size: 100%!important;
padding: 0px;
height: 100%;
background-color: #F6F5F3;
color: #000;
line-height: 1;
overflow-y: scroll;
}
ul {
list-style: square;
}
li
{
margin-bottom:7px;
}
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */
html {
height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
/* body {
font: 0.8em Arial,Helvetica,sans-serif;
padding: 0px;
height: 100%;
background-color: #F6F5F3;
color: #000;
} */
p, fieldset, pre {
margin-bottom: 1em;
}
/* Стили для ссылок*/
a:link{
cursor:pointer;
color: #0160A0;
text-decoration: underline;
}
a:visited {
cursor:pointer;
color: #900060;
text-decoration: underline;
}
a:hover {
cursor:pointer;
color: #FF0000;
text-decoration: underline;
}
a:active{
color:#004080;
text-decoration: none;
}
/* Стили для ссылок*/
.wrapper {
max-width: 1400px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
overflow: hidden;
}
@media only screen and (max-width: 767px) and (orientation: portrait){
.wrapper {
overflow: hidden;
}
}
.header:after {
content: "";
display: block;
clear: both;
overflow-y: hidden;
}
.article-info{
float: right;
height: 42px;
padding: 18.5px 0 0;
box-sizing: border-box;
}
.article-info .create {
/* float: right;
margin-top: -23px; */
color: #888;
}
/* .link-com {
float: right;
width: 360px;
margin-top: -23px;
} */
.lcom-1 {
width: 140px;
float: left;
}
.lcom-2 {
width: 200px;
float: left;
}
/* Header
-----------------------------*/
.header {
margin: 0 auto;
background-color: #FFF;
border-bottom: 1px solid #DDDCDA;
height: 115px;
}
a:link{
cursor:pointer;
color: #0160A0;
text-decoration: underline;
}
a:visited {
cursor:pointer;
color: #900060;
text-decoration: underline;
}
a:hover {
cursor:pointer;
color: #FF0000;
text-decoration: underline;
}
a:active{
color:#004080;
text-decoration: none;
}
/* Левая колонка шапки*/
.head-left{
float: left;
width: 200px;
margin-left: -100%;
position: relative;
}
/* Левая колонка шапки*/
/* Центральная колонка шапки*/
.centr-head2{
padding: 0 220px 0 220px;
}
.centr-head{
padding: padding: 0 220px 0 220px;
}
/* Стили для меню */
#menu{
width: 100%;
height: 30px;
margin-bottom: 10px;
/* cerxx */
margin-bottom: 0px;
font-size: 13px;
margin-top: -4px;
position:fixed;
background-color:white;
z-index:1111;
padding:0 0 0 220px;
padding-bottom: 5px;
padding-bottom: 0!important;
display: block!important;
}
#menu li {
float: left;
list-style: none;
padding: 7px;
margin-right: 1px;
margin-top: 5px;
}
a#menu {
cursor: pointer;
color: #0160A0;
text-decoration: underline;
}
a:hover#menu{
cursor:pointer;
color: #FF0000;
text-decoration: underline;
}
a:visited#menu{
cursor:pointer;
color: #900060;
text-decoration: underline;
}
/* Стили для меню */
/* Всплывающее меню, расположение ссылок в квадрате */
.p-menu{
margin: 10px;
line-height: 1.7;
overflow: hidden;
}
.p-menu p{
font: bold 14px/1.4em Arial,Helvetica,sans-serif;
margin: 10px;
}
.p-menu-1k {
width: 33%;
float: left;
}
.p-menu-2k {
width: 33%;
float: left;
}
.p-menu-3k {
width: 33%;
float: left;
}
/* Всплывающее меню, расположение ссылок в квадрате */
/* Стили для затемнения */
#hid{
width: 100%;
height: 35px;
/* cerxx */
height: 30px;
background: #DDDCDA;
opacity: 0;
position: fixed;
z-index:111;
}
#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color: rgba(0, 0, 0, 0.45);
display:none;
}
#boxes .window {
position:absolute;
left:0;
top:0;
width:1024px;
padding-bottom: 20px;
display:none;
z-index:9999;
}
/* Стили для затемнения */
/* Стили квадрата для пунктов меню*/
#boxes #dialog1 {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
#boxes #dialog2 {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
#boxes #dialog3 {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
#boxes #dialog4 {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
#boxes #dialog5 {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
#boxes #dialog6 {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
#boxes #dialog7 {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
#boxes #dialog8 {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
#boxes #dialog9 {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
#boxes #dialog10 {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
#boxes #dialog {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
#boxes #dialog11 {
background: #dfdfdf;
background: #dfdfdf;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position:fixed;
margin-top: 30px;
}
/* Стили квадрата для пунктов меню*/
/* Центральная колонка блок под меню*/
.b-head{
background: none repeat scroll 0% 0% #ffffff;
height: 30px;
float: left;
width: 100%;
display: block;
border-radius: 5px;
padding-top: 1px;
margin-top: 35px;
margin-bottom: 14px;
}
.b-head-text{
font: 22px Arial,sans-serif;
padding-left: 10px;
margin-bottom: 7px;
}
/* Центральная колонка блок под меню*/
/* Центральная колонка шапки*/
/* Правая колонка шапки*/
.head-right{
float: left;
width: 200px;
margin-left: -200px;
position: relative;
}
/* Правая колонка шапки*/
/* Middle
-----------------------------*/
.middle {
width: 100%;
padding: 0 0 100px;
position: relative;
}
.middle:after {
display: table;
clear: both;
content: '';
}
.container {
width: 100%;
float: left;
overflow: hidden;
}
.content {
padding: 0 220px 0 220px;
}
.content a:link{
cursor:pointer;
color: #0160A0;
text-decoration: underline;
}
.content a:visited {
cursor:pointer;
color: #900060;
text-decoration: underline;
}
.content a:active{
color:#004080;
text-decoration: underline;
}
.content a:hover {
cursor:pointer;
text-decoration: underline;
background-color: #F0F0F0;
color: #F00; ;
}
/* Центральный блок белого цвета*/
.blok, .category-list, .blog, .item-page{
border: 1px solid #DDDCDA;
padding: 20px;
background: #FFF;
margin-top: 5px;
font-size: 15px;
margin-bottom: 15px;
display: block;
overflow: hidden;
}
.category-list h2, .blog-featured h1, .item-page h2, .category-desc {
border-bottom: 1px solid #dddcda;
margin: 10px -20px 20px -20px;
padding: 10px 20px 15px 20px;
}
#vk_recommended {
border-bottom: 1px solid #dddcda;
border-top: 1px solid #dddcda;
margin: 20px -20px;
padding: 15px 20px;
}
table.category {
width: 100%;
}
table.category tr {
background: #f6f5f3;
border: 1px solid #cacec5;
margin: 8px;
padding: 8px;
display: block;
color: #000;
}
table.category tr td.list-title,table.category tr th.list-title {
width: 570px;
}
table.category tr td.list-date,table.category tr th.list-date {
width: 180px;
padding-left: 15px;
text-align: center;
}
table.category tr td.list-hits,table.category tr th.list-hits {
width: 80px;
padding-left: 15px;
text-align: center;
}
.filters .hidelabeltxt {
display: none;
}
.filters .filter-search {
float: left;
width: 340px;
}
.filters .filter-search input {
float: left;
clear: both;
margin: 7px 0;
}
.filters .display-limit {
float: right;
display: block;
width: 110px;
text-align: right;
}
.filters .display-limit select {
float: right;
margin: 7px 4px 7px 0;
}
#jc {}
/* Центральный блок белого цвета*/
.blok p{
line-height: 1.5em;
margin-bottom: 8px;
margin-top: 5px;
}
.blok ul li {
padding-bottom: 5px;
line-height: 1.5em;
}
.blok ol li {
padding-bottom: 5px;
line-height: 1.5em;
}
.blok td {
padding:10px;
}
#vkshare0 td {
padding:0!important;
}
h1{
font: 22px Arial,Helvetica,sans-serif;
line-height: 1.4em;
}
h2{
font: 22px Arial,Helvetica,sans-serif;
line-height: 1.4em;
margin: 20px 0 5px 0;
}
h3{
font: 20px Arial,Helvetica,sans-serif;
line-height: 1.4em;
margin: 20px 0 5px 0;
}
h4{
font: 20px Arial,Helvetica,sans-serif;
line-height: 1.4em;
margin: 5px 0 5px 0;
}
h5{
font: 20px Arial,Helvetica,sans-serif;
line-height: 1.4em;
margin: 5px 0 5px 0;
}
/* Хлебные крошки*/
.hleb{
margin-top: 5px;
font-size: 12px;
}
/* Хлебные крошки*/
/* Стили блок за хлебными крошками*/
.post-hleb{
margin-top: 5px;
text-align: center;
}
/* Стили блок за хлебными крошками*/
/* Разделение белого блока серыми полосками*/
.block-line{
border-bottom: 1px solid #DDDCDA;
padding: 0px 20px 20px;
margin: 0px -20px 20px;
border-collapse: collapse;
}
.block-line.block-line--news{
padding: 0px 20px 0 20px;
margin: 0px -20px 0 20px;
border-bottom: none;
}
/* Разделение белого блока серыми полосками*/
/* Выпадающий спойлер*/
.spoyler {
background: #F6F5F3;
border: 1px solid #CACEC5;
color: #000;
display: block;
font-weight: bold;
padding: 8px;
margin: 8px;
text-decoration: none;
}
.spoyler-content {
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #CACEC5;
display: none;
font-weight: normal;
margin: 8px;
padding: 8px;
}
/* Выпадающий спойлер*/
/* Стили для страницы рубрики*/
.cat-children{
font-size: 18px;
line-height: 3.0;
}
.cat-children ul {
list-style: none;
line-height: 3;
}
@media (max-width: 475px){
.cat-children,.cat-children ul{
line-height: 1.3;
padding-left: 10px;
}
.cat-children,.cat-children ul li{
padding-bottom: 15px;
}
}
.cat-children li:before {
content: "›";
margin-right: 10px;
}
/* Стили для страницы рубрики*/
/* Стили для страницы категории*/
.kategori ul{
list-style: none;
}
.kategori{
font-size: 16px;
margin-left: -20px;
line-height: 1.4;
}
.kategori ul li{
padding-bottom: 15px;
}
.font-kategori{
color: grey;
font-size: 13px;
padding: 10px;
}
/* Стили для страницы категории*/
.viev-table{
color: #808080;
}
/* Стили для белого блока с двумя колонками*/
.block-left{
width:50%;
float:left;
}
.block-right{
width:50%;
float:left;
}
.block-two{
overflow: hidden;
line-height: 1.4;
}
/* Стили для белого блока с двумя колонками*/
/* Стили заголовков*/
.zag{
font: bold 16px/1.4em Arial,Helvetica,sans-serif;
margin-bottom: 5px;
}
.zag-big, .pagination ul{
font: 22px Arial,Helvetica,sans-serif;
line-height: 1.4em;
margin: -10px 0px -15px;
}
.pagination {
margin-top: 12px;
text-align: center;
margin-bottom: 10px;
display:block !important
}
.pagination ul li {
display: inline;
position: relative;
margin-right: 10px;
}
.pagination ul {
list-style: none;
margin: 4px 0 -8px 0px;
display: block;
overflow: hidden;
text-align: center;
position: relative;
padding: 0;
}
.breadcrumbs {
font-size: 12px;
margin-top: 15px;
margin-bottom: 10px;
padding: 0 7px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.breadcrumbs li {
margin-bottom: 7px!important;
list-style-type: none!important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 0!important;
}
.zag-big2{
font: 22px Arial,Helvetica,sans-serif;
line-height: 1.4em;
margin: 0px 0px -5px;
}
/* Стили заголовков*/
.tab-spoler td{
padding: 5px;
}
.tab-spoler-small td{
padding: 2px;
}
.tab-spoler-sml td{
padding: 2px;
}
/* Left Sidebar
------------------------*/
.left-sidebar {
float: left;
width: 200px;
margin-left: -100%;
position: relative;
}
.banner-l{
width:200px;
margin-left: 10px;
margin-top: 16px;
line-height: 1.4em;
font-size: 13px;
}
/* Right Sidebar
-----------------------------*/
.right-sidebar {
float: left;
width: 200px;
margin-left: -200px;
position: relative;
}
.banner-r{
width:200px;
margin-top: 16px;
margin-left: -10px;
}
/* knopka na verh
-----------------------------*/
#back-top {
position: fixed;
bottom: 0px;
left: 50px;
z-index:999;
}
#back-top a {
width: 100px;
display: block;
text-align: left;
font: 14px/100% Verdana;
text-decoration: none;
color: #fff;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #fff;
}
/* arrow icon (span tag) */
#back-top span {
width: 100px;
height: 30px;
display: block;
margin-bottom: 50px;
line-height:30px;
background: #777 url(/templates/ctege/css/up-arrow.png) no-repeat center center;
opacity:0.7;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #777;
opacity:1;
}
/* Footer
-----------------------------*/
.footer {
margin: -100px auto 0;
max-width: 1400px;
height: 50px;
position: relative;
border-top: 1px solid #EAEAEA;
border-top-color: #DDDCDA;
font-size: 85%;
font-size: 95%;
}
.right-footer {
float: left;
width: 200px;
margin-left: -200px;
position: relative;
}
.left-footer {
float: left;
width: 200px;
margin-left: -100%;
position: relative;
}
.footer-text {
padding: 10px 220px;
}
.counter
{
float: right;
margin-top: -15px;
margin-right: 120px;
}
/* Стили при изменении разрешения экрана*/
.obyava
{
padding-top: 5px;
margin-left: 51%;
}
.poisk{
float: left;
width: 50%;
}
@media (max-width: 750px) and (min-width: 100px)
{/* это будет показано при разрешении монитора до 750 пикселей */
.adsbygoogle{
}
}
@media screen and (max-width: 1600px) and (min-width: 1025px)
{/* это будет показано при разрешении монитора jn 1025 до 1600 пикселей */
#page {
padding: 1px;
}
#menu {
display: block !important;
}
nav {display: none!important;}
.wrapper {max-width:1400px;}
.nav-mobile {display: none;}
}
@media screen and (max-width: 1300px){
.counter
{
float: right;
margin-top: 15px;
margin-right: 0px;
}
}
@media screen and (max-width: 1280px)
{/* это будет показано при разрешении монитора jn 1025 до 1600 пикселей */
#menu{
padding: 0 0 0 220px;
}
#menu {
display: block !important;
}
.counter
{
float: right;
margin-top: 15px;
margin-right: 0px;
}
}
@media screen and (max-width: 1350px) and (min-width: 300px)
{/* это будет показано при разрешении монитора до 1350 пикселей */
#menu li {
float: left;
font-size: 14px;
font: 0.9em Arial,Helvetica,sans-serif;
padding: 3px;
list-style: none;
margin-top: 5px;
}
}
@import "compass/css3";
/* Setting things up */
a {
text-decoration: none;
color: #555;
}
#page {
}
#content {
clear: both;
padding-top: 1em;
}
nav a {
color: #fff;
}
/* Important stuff */
ul.menu {
padding: 0;
width: 100%;
li {
list-style-type: none;
display: block;
float: left;
background: #777;
margin: 0;
padding: .5em 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; /* Fixes Firefox bug */
box-sizing: border-box;
width: 20%;
text-align: center;
&:hover {
background: #888;
}
}
}
a.open-panel, a.close-panel {
display: none;
}
@media (max-width: 1312px) {
.header, .b-head {
height: 100%!important;
}
}
@media (max-width: 1024px) and (min-width: 100px) {
.obyava
{
padding-top: 35px;
margin-left: 1%;
}
.poisk{
width: 90%;
}
.right-sidebar {display: none;}
.head-right {display: none;}
.right-footer {display: none;}
.left-sidebar{display: none;}
.head-left {display: none;}
.left-footer {display: none;}
.centr-head2 {
padding: 0px;
}
.footer-text {
padding: 0px;
}
#menu{
display: none!important;
}
.content {
padding: 0px;
}
.footer-text {
padding: 0px;
}
.centr-head2 {
padding: 0px;}
.b-head {
margin-top: 0px;
}
#hid {
display:none;
}
#content {
padding-top: 0;
}
.header {
height: 165px;
}
/* Move nav off screen, setup transitions */
nav {
width: 70%;
position: absolute;
left: -70%;
top: 0;
height: 100%;
background: #777;
}
/* Display nav items vertically */
ul.menu {
border-top: 1px solid #888;
li {
float: none;
width: 100%;
text-align: left;
padding: .5em 1em;
box-sizing: border-box;
border-bottom: 1px solid #888;
}
}
/* Reveal open/close buttons */
a.open-panel, a.close-panel {
display: inline;
}
.close-panel {
position: relative;
top: .5em;
left: 1em;
}
.openNav #page {
left: 0;
-webkit-transform: translate3d(70%, 0, 0);
-moz-transform: translate3d(70%, 0, 0);
-ms-transform: translate3d(70%, 0, 0);
-o-transform: translate3d(70%, 0, 0);
transform: translate3d(70%, 0, 0);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
/* When the panel is closed, transition the page back to the left */
#page {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
}
.middle .link-com {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 620px){
/* .middle .link-com {
float: none;
width: 100%;
margin-top: 0;
} */
/* .middle table tbody tr td:nth-child(3){
display:block;
float:left;
}
.middle table tbody tr{
display:block;
} */
}
@media (min-width: 1600px) {
#page nav{
display: none;
}
}
.blok td {
padding: 10px;
white-space: nowrap;
}
.videoctege{
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.videoctege iframe,.videoctege object, .videoctege embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#page .open-panel i{
text-decoration: none!important;
}
.footer-text p {
margin-top: 3px;
margin-bottom: 0;
float: left;
}
.footer-text{
line-height: 1.2;
}
@media (max-width: 768px){
.counter {
float: none;
text-align: center;
}
.footer-text{
padding: 10px;
}
.footer-text p{
margin-top: 10px;
margin-bottom: 10px;
}
}
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
position: relative;
/* border: 1px solid #ddd; */
}
@media (max-width: 767px) and (orientation: portrait){
#comments-form p{
margin-left: 0 !important;
}
}
.p-menu .fullwidth{
min-width: 100%;
clear: both;
}
.p-menu .fullwidth a{
margin-right: 10px;
}
img.finger-hint {
display: none;
position: absolute;
z-index: 6;
left: 50%;
margin-left: -62px;
top: 140px;
opacity: .55;
}
@media (max-width: 767px){
img.finger-hint {
display: block;
}
}
@media (max-width: 767px) and (orientation: portrait){
#j-material .share-block #vk_like{
max-width: 150px!important;
}
}
span.divider img {
visibility: hidden;
display: none;
}
span.divider{
position: relative;
}
li:not(.active) span.divider:after{
content: "\f178";
font: normal normal normal 13px/1 FontAwesome;
color: #000;
padding: 0 3px;
}
.d-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.d-flex.soc-bottom-row {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.safelink-soc,
.link-com {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media (max-width: 374px){
.d-flex.soc-bottom-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.middle .link-com{
min-height: 55px;
margin-top: 25px;
}
}
.dropdown-toggle{
display: none;
}
li.dropdown{
padding: 0!important;
}
.dropdown.open .dropdown-toggle{
display: block;
}
.category-desc {
line-height: 1.45;
}
@media (max-width: 767px){
.category-desc{
line-height: 1.6;
}
}
@media (min-width: 375px){
#j-material .share-block{
float: left;
}
}
@media (max-width: 374px){
#j-material .share-block{
float: none;
margin: 0 auto;
}
#j-material .article-info{
text-align: center;
float: none!important;
}
}
#j-material img{
max-width: 100%;
height: auto;
display: block;
}
#j-material .article-info + p{
clear: both;
}
@media (max-width: 767px) and (orientation: portrait){
#j-material #vk_like {
width: 120px!important;
}
#j-material .share-block td:first-child{
width: 120px!important;
}
#j-material .share-block td:nth-child(2){
width: 90px!important;
}
}
@media (max-width: 767px) and (orientation: portrait){
#share-on-mainpage{
width: 100%;
}
#share-on-mainpage > tbody > tr{
display: flex;
flex-direction: column;
align-items: center;
}
#share-on-mainpage > tbody > tr > td{
margin: 5px 0;
}
#share-on-mainpage > tbody > tr > td:first-child{
width: 230px!important;
}
#share-on-mainpage > tbody > tr > td:nth-child(2){
width: 150px!important;
}
#share-on-mainpage > tbody > tr > td:nth-child(3){
width: 92px!important;
}
}
#share-on-mainpage{
margin-bottom: 15px;
}
.smiles img{
display: inline;
}
@media (max-width: 767px){
#j-material p, #j-material ul li, #j-material ol li {
font-size: 17px;
}
}
.share-block-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
div#vk_like {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
@media (max-width: 767px) and (orientation: portrait){
.share-block-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 75px;
}
}
.blok table.table-nowrap td{
white-space: normal
}
@media (max-width: 640px){
.blok table.table-nowrap tr:not(:first-child) td:last-child{
white-space: nowrap
}
}
/* TG banner */
.PUI-banner {
margin: 25px 0;
}
.PUI-banner__body {
position: relative;
display: block;
width: 100%;
max-width: 800px;
background: #2aabee;
color: #fff;
border-radius: 14px;
padding: 14px 20px;
text-align: center;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 18px;
text-decoration: none;
background-image: url(data:image/png;base64,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),
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOcAAAC9CAYAAABI4WqxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA7BSURBVHgB7d2LctvGFQbgBQES4AUirVqR66bjt+pL9oma8STjjqOKQ0WmzItAigS6B8EqEEyQuCyAXeD/ZjKSLEtySP08e1+DAYA0QRD05vP5cDQaOebOtHv9nm0Yhmn0jL74O/7R95yB87I6rJ5d1/3OP/9y6nsZDAAKE2GccObBHPXMnsNy8g/+1pk5cx5SL/7nCCdAThTI5XJ5NbNnk91hN+ah6jEJ9uv9g/t3dyE+RjgBMqBArlard/1jf9KzeiNWkZfnl2+Tnyb39D7CCZBCVEiHOdMqA5n0bfPtvx8+fNggnAAJ9/f3Y9d0p6ZturKarHlQH3T4bvjFYgAQBpIGdSzfmjURyDiq0rxq9xFO6Kwf+pEBU6ej9525aNZC51CVnNrT93X2I/M6eIcnhBM6gVdJZ32/dvvj/nXTzdYsBuZghXBCa9U1/VGFwA9eEE5oHZUGd4pCOKE1dK6SaRBO0FobqmQahBO008YqeQrCCdpoc5U8BeEEpXWlSiZhQAiU1bUqmeRb/hbL90AZSi+nq5kTOEdUTmhc16vkKS/GyyMqJzQCVfI8/vj4eDigVqiS2WwP2/+hckLlqEqyBzb2LO8aVTKb3W6H0VqoDoVyfb/+my47QVQymAw+o3KCdGK/5H69H/FfMgb50Vm2CCdIgSopz6A/ONJbhBNKQZWUzwu8Hb1FOCE3USWtoeX2zJ7NQCpagEBvEU7ITEyD7Fa7Ga+SaLpWZH1co3LCZVgsUL+JP0HlhHTiQCxeJa9tw+7hN6U+8+d5WDnxGghv6HBsZNvxLsNvdOMYXg8B0yCKEVcBIpwdRlXyqn91zadBJpgGUQNtshbvI5wd09WTBXQRDBDOzqGLcXjTdYYBHrX5ax/h7Aqs4NGL7yCcrYYBHn1NJhNPvI9wtghW8OhvPp/74n3Mc7ZAsAjc143MoDX+ovof3toJA4rKqal403Vv7Hs9hkKpO9oqJoJJEE7NYG6yvTzPO8Q/Rjg1gLnJbnAGzj7+McKpMNF0xdxkN4itYgKebgVhbrKbDofDS/xjhFMRr01Xvz/F6QLdRMdhxj/GVErDaN/kZrOZ4pBliE+jEFTOhsSbrn3Wx8tkCrpti49iPs1mMzFY4vA++E3bXsiS0ygE4azR69zkqD81ekafQSoKpeM4C/4Lu018assfR4+/qH1iLZKcRiEIZw2wrC47usDHDuyFMTQe0/4OBfZ5+bxrU988OY1CEM4KvTnyAwdjXUTX3o0n40WyeXeK3/e9nt+ecCanUQjCKRl2hORHu//tK/uOz+Vus35N2x7b+G4UAeGUBE3XYvhjteBvHrNUS4E2jvM+p8taJL4bRUBDqyScVldMNOBzRxf25Pk6Cubu++5T2wbUktMoBJWzADRdi8sy4HOOt/Q+8hfCdgXzxDQKQThzoCrpuu6UN11dNF3zK1othWAd3O6DfetaKOLioiSEM4M3m5np9Q2dgVzCaunav/NQrllBwffgPQ/mNWshcXFREsKZApuZ5Th4h6fR+9F9ngGfpDCYxv6GtdSpaRSCGpAgmq7m0XTRnyxOTI+cWOGT7/u0PJiEd5G+8sdplfxzVM4Imq7yhIsJrrItJjinC8GMnOyDdzqcaLrKVWQxQer36k4wX+9GSepkOHEOj3yyqiXpUjD9o79L+1xnwklVcrlcXjnMmWLBgDz8l8tzps5cRrUkXQpmyGbHtE+1Ppzxc3hG1gjtVolo6R2vlA9Mks4Fkzsej17a51obTjRdqxMtJpin9ZWK6GIwyfg4Tl2Q0apwoularbJL71K/b0eDScQV86e0YsIAa12rV3bpXZouB5OcWvAuaF050XStXlXVMvzeXQ9myoJ3Qbtwoulan6qqJdksNh95MKesw9IWvAvahBOjrvWpsloSCqblWJ0OJklb8C4oH040XetVZbWkF9jtw/YDgvmntAXvgrLhxJ2T9aq6WlIwvSfvEw+mwyB06tygOKXCibWuzTjuj+vh9fC+impJRDB7Zg/BfOvs461EOHHCQDNkbILO8DPCM394MHGIdsKlRRyNhhPbtJoTVcvfZSxUT9PWw7hkOLfgXag9nGi6NquOahn9HATzjFMnvCfVFk40XZuX50T1MhDMyzb+5mL/vvJwounaPJmboC/+rCCgW8AomHgBPmM8Hl98LioJJ5qu6pC5CfoSah3xYP6M9c2XnTrhPUlqHRNXEuAi2ObJOmAr8897DKb7/v4jg0zOLXgXpFRO3KalljqrJQmegut9b3/LIJNLC96FwuHENi311Nm3fP2ZHd9ZUsSlBe9C7nDGr0vHWld11F0tCYJZzLmjSeIyhxO3aampiWoZ/lwEs7BzR5PEXQwnQqmuJqolwV7Mcs4dTRKXOnSDUKqr7pHY15/LxxmeH5//YQ7MCYPCsozUkh8qJz0BbMNu2nqjk+6aqpZiZwkPJnaWlJB1pJa8CSeWXamrqb5l+LOxs0SarCO15DWcWHalrqaqJcELtlxZR2pJGM7XYGK+UilNVsvw5yOY0mUdqSVW9AT8jIqpliarJUFLqhpZR2qJxVZsildGdTRdLclisXB5MD+iJSXf7e3tc9a/a3m+d8U7+gya13S1JFjAXp08I7XE4sG0GTRKhWoZ/juw6qdSeUZqCfU5fTRfmqNCtSQIZvX8tZ/rdEMrOAaeYRlYBVQzVapl+G9BMGsxGoxyXZnYcw5OJYcIQzqqljyYv9a9/O6UaJ0sglmDPCO1JFxbu9lsPlo+jsivWlNrYk/+W2g53tL7J9ZO12cwGfyW58LhsK85Ho/vDr3DE4PKqFQtaW47PIEdwaxNNFKbq1n7ZlcKf9JoEzWaOBKpVC0JVv00gy6IGg6HX/J8zZuF7/wX6IE/eU/b7fYGzdzyVBmJFRDM5ly67u+U1P2c9ERSSM2DOcKTmY9q1ZKEy/H+XKaJ57IBA38wN6b5bnBLPQkhunHqjt7nT+zU87xZ74A+yiWqVUvyep4s1sk2Ju9ILcl1iCVVU/5mhKD+SMVqSbAcTw15R2pJ4RNmEdS/hNVyrFa1JDhPVg3hSK1j/MJyKnxubdTspemXp/Bokwc23o62rnk03a4sB1RplU8SVv2oI++aWkHKie9RxVhF/1FVHfHBpFmbB5NU7FsKCKZa8px+EFfJRUZRvyusJhTUzWbjWkfLbUNQab7KcZw5r5aFHvCqBevgFoezqSXP6QdxlV8BGAvqPOqnuryf6urWTw0vnQ3shTE0lF2LHK6TDXCerGqKjNSSxq4cCvupPKi8+TtWufkb3QT9B3/3UcUmrEDBtBwsHFFR1nNqk2q/dl6I/rFP0X9h85e/cVSpqrqEkiCY6sp7+kFcY+FMijV/H6Oq6lBf1TRNp86w6hRKgmCqrehILVEmnHFRKOKDSmFY1+v12LKskfHCZ40kTtdQIIN+4PGBnoVqiwjS0GOyfdh+QDDVVnSkligZzqRkWAmtFeVzq/3NcDOi6po3sDyML4fDYTV+Hm/Ze7bRoUoK4moEHkxcjaC4oiO1RItwnhIthaL/VuLPRIXloTWX1tLkVfZ1kIkHMXyQZrMZfc1epzDGiWD2zB6CqYGiI7UEF8RrBMHUT9GRWqJt5ewaXCaknzIjtQRbiDQQVUzsxdRMmZFagnAqDk1ZfZUZqSUIp+LoJmkEU09lRmoJwqkw2l2CK971VWakliCciqKbvrDtS295bhQ7BaO1CopGZnGCgcb8o78rO5eOyqmiDbvGyKzmbJb7KMwkhFMxVDWxWVp/ZUdqCcKpmOVyOWagvfF4XHoDBcKpGNu2MTrbDqWmUQjCqRhjbwwYaC/vGbWnIJyKMRycyq47GqllEuAXQTG+7yt5qh9k5wycPZMA4VTMcDhEODW3Pq5ROVvp3+wbA61NJhMpL7AIp2KMfxnH4/64ZqCz0iO1BOFU0PB6eE+HjjHQTpHr5dMgnAqiS6LsnX3HQDtlN1jHIZyKMm6M1WAyWDDQioxlewLCqTBeQR8QUL2U3WAdh3AqDgHVS9kN1nEIpwbCgHqDrxgkUl/ZDdZxCKcmqA9qu/avdJs2AyWVPQozCSchaIRGcfmbz7yCvt+vcYSJamSO1BJUTg1F/VBUUcXIHKkluI5Bc6ii6uAvmF/5C+eKSYLKqbmoin5GFVWC1OcAfc4WQF9UDbKW7QmonC2CKtocWRus49DnbClU0XoNzMHKGBlfmUSonC2FKlqzF1b6tL0k9DlbDH3R+shctiegWdsR4vJdnCRfjTI3WKdBODsGVVS+cNmeY/zCJEOfs2PQF5VP9rI9AX3ODkJfVC7Zy/YEVM4OQxWVQ8a9KKegcnYcqqgUlby4oXJCCFW0ONnL9gRUTniFKppfFcv2BFRO+AGqaHay7kU5BZUTTkIVzaiCZXsCKiechSp6XhXL9gSsEILMUEV/VMWyPQGVEzJDFX1L9ml7SehzQi7oi/6lqmV7AionFIIqWt2yPQF9Tiitq1VU9ml7SaicUFqHq2il/7+onCBVV6poVXs441A5QaquVNGqB4MIRmtBui6M6FY9GERQOaEyba6iVe3hjEPlhEq1uIpW/oKDygm1EFXUP/iVV5yqUUugqj2ccaicUJuoin7hVfTdbrX7iX+sZXE47o+1vMBgKgUaQefobrfbG8u3pkwzvAVwx19YnljFUDmhEVEVveMh3ey+7240O+y6slVBcehzQqOoAtlX9hdd+qK+5W+r3IkSh2YtKEOHEd26mrQElROUofq8KC3ZYzU1aQkqJyhJxSp68A5P45vxHasJwgnK4gEd8cGij6oMFlFVjwayaoFmLSiLB2FLg0WH3qGWPt45VDXrDCZB5QQt8Co6bXLKpe6qSVA5QQtiyqWJKrpn+4e6g0lQOUE7wSJwd4PdbR1VlEaOnanzmTUA4QRt0Ygub+rOqgopBZOqdRNVkyCcoLWq1ug2HUyCcEIrUEjZhl3vjju3bCVVIZgE4YTWoZHd5+fnK/NoTnJ+nW+79h/83ce61s+eg3BCa/Gw0WyEs16vx6ZpOsbe6FNVje8jDfrBi+/7u+FwuOEfLlUIpfB/z1huWQm838cAAAAASUVORK5CYII=);
background-position: 11px 20px, calc(100% - 39px) 102px;
background-repeat: no-repeat, no-repeat;
background-size: 156px 106px, 80px 54px;
}
.PUI-banner__title {
font-size: 30px;
line-height: 1.1;
margin-bottom: 5px;
}
.PUI-banner__content span {
/* display: block; */
margin-bottom: 5px;
}
.PUI-banner__button {
background: #fff;
border-radius: 22px;
max-width: 100px;
display: inline-block;
color: #000;
margin-top: 10px;
line-height: 20px;
padding: 10px 40px;
cursor: pointer;
text-decoration: none;
}
span.PUI-banner__button_icon {
position: relative;
top: 3px;
left: 5px;
}
.PUI-banner__link-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}
@media (max-width: 850px) {
.PUI-banner__body {
max-width: 90%;
flex: 0 0 90%;
height: auto;
background-position: 195px 151px, 4px 16px;
background-size: 120px 86px, 63px 52px;
}
.PUI-banner__title {
font-size: 28px;
line-height: 30px;
margin-bottom: 20px;
}
.PUI-banner__button {
margin-top: 20px;
}
}