#2d9ae7html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
html * {max-height:1000000px;}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers fr om displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `sel ect`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* wh ere (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change fr om `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.underline {
text-decoration: underline;
}
.stroke {
text-decoration: line-through;
}
.small {
font-size: x-small;
}
.smaller {
font-size: xx-small;
}
.big {
font-size: x-large;
}
.bigger {
font-size: xx-large;
}
.uppercase {
text-transform: uppercase;
}
.sup {
vertical-align: super;
}
.sub {
vertical-align: sub;
}
.error {
color: #ff0000;
}
.img-right {
float: right;
margin: 0 0 20px 20px;
}
.img-left {
float: left;
margin: 0 20px 20px 0;
}
.img-right.border {
background: none repeat scroll 0 0 #fff;
border: 2px solid #000;
float: right;
margin: 20px 0 20px 20px;
padding: 1px;
}
.img-left.border {
background: none repeat scroll 0 0 #fff;
border: 2px solid #000;
float: left;
margin: 20px 20px 20px 0;
padding: 1px;
}
.access-keys, .invisible {
left: -9999em;
position: absolute;
}
abbr, acronym {
border-bottom: 1px dotted #000000;
}
.g-clear:after {
clear: both;
content: " ";
display: block;
height: 0;
}
* html .g-clear {
height: 1%;
}
:first-child + html .g-clear {
min-height: 1px;
}
.clearall {
clear: both;
font-size: 0;
height: 0;
line-height: 0;
}
.float-left{float:left;}
.inner img.img-left{float:left; margin:0 10px 10px 0;}
.inner img.img-right{float:right; margin:0 10px 10px 0;}
.float-right{float:right;}
.metrika{
float: right;
margin: 1rem;
/* margin: 0;
position: relative;
top: 20px;*/
}
/* Header
========================================================================== */
.b-banner{
display: block;
width: 100%;
min-width: 940px;
}
.b-banner:empty {
margin:0 0 -12px;
}
.b-banner img{
margin: 0 auto 0px;
display: block;
}
.b-banner.b-banner_1{
text-align: center;
}
.b-banner.b-banner_2{
border: 1px solid #d7d7d7;
width: 698px;
min-width: 698px;
}
.b-banner.b-banner_3{
width: 218px;
min-width: 218px;
}
.b-banner_5{
margin: 0 0 20px 0;
}
.b-banner_5:empty {
margin:0
}
.b-container,header,footer,.b-header__main{width:100%;}
header{
margin: 10px 0 0;
width:100%;
}
.b-header__main{
background: #3776b6;
padding: 20px 0 25px;
display: flex;
margin-top: 20px;
}
.b-header__main .wrapper{
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.b-header__main__menu{
background: url(../img/menu.jpg);
width: 22px;
height: 17px;
display: block;
float: left;
margin: 14px 37px 0 0;
}
.b-header__main__date{
color: #f0f0f0;
float:left;
font-size: 13px;
margin: 15px 0 0;
}
.b-header__icons{
float: left;
margin: 18px 0 0 79px;
min-width:150px;
}
.b-header__icons .icon{
display: block;
float: left;
width: 15px;
height: 11px;
background: url(../img/social-2.png);
overflow: hidden;
text-indent: -9999px;
margin:0 10px;
}
.b-header__icons .icon.vk{
background-position: -23px 0 ;
}
.b-header__icons .icon.vk:hover{
background-position: -23px -12px;
}
.b-header__icons .icon.telegram{
background-position: top left;
}
.b-header__icons .icon.telegram:hover{
background-position: bottom left;
}
.b-header__icons .icon.ok{
background-position: -16px 0;
width: 6px;
}
.b-header__icons .icon.ok:hover{
background-position: -16px -12px ;
}
.b-header__icons .icon.rss{
background-position: -41px 0;
width: 10px;
}
.b-header__icons .icon.rss:hover{
background-position: -41px -12px;
}
.b-header__icons .icon.sitemap {
width: 13px;
height: 13px;
background:url(../img/map-lc.png);
margin: 0 10px;
background-size:cover;
}
.b-header__icons .icon.sitemap:hover {
background-position: bottom right;
}
.b-header__main__newspaper .newspaper{
background: url(../img/new-newspaper.png);
width: 30px;
height: 30px;
float: left;
margin: 6px 10px 0 45px;
}
.b-header__main__newspaper .number{
font-size: 12px;
font-weight: bold;
margin: 15px 0 0;
float: left;
color: #fff;
text-transform: uppercase;
text-decoration: none;
}
.b-header__main__newspaper .date{
float: left;
font-size: 12px;
color: #fff;
margin: 15px 0 0 10px;
}
.b-header__main__newspaper .number:hover{
text-decoration: none;
}
.b-nav{
background: #fff;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #d2d2d2;
display: inline-block;
width: 100%;
}
.b-nav .wrapper{
max-width: 1000px;
margin:0 auto;
}
.b-nav .eighty{
font-size: 20px;
color: #b8b8b8;
line-height: 47px;
float:right;
font-weight: bold;
}
.b-search-form .loupe {
background: url(../img/search.png) center center no-repeat;
width: 41px;
height: 47px;
overflow: hidden;
text-indent:-999px;
border: 0;
cursor: pointer;
}
.b-search-form .loupew {
width: 3rem;
height: 3rem;
overflow: hidden;
text-indent: -999px;
border: 0;
cursor: pointer;
background-image: url(../img/search_w.png);
background-size: cover;
margin: 2rem 1rem 0 1rem;
}
.b-search-form input[type='submit']{
display: none;
position: absolute;
width: 2.8rem;
height: 2.8rem;
background: url(../img/search-btn2.png) no-repeat;
left: 80vw;
top: 1rem;
border:0;
z-index: 99;
z-index: 23;
background-size: 97% 100%;
}
.b-search-form{
float: left;
position: relative;
z-index: 22;
}
.b-search-form input[type='text']{
top: 0;
width: 80vw;
left: 4rem;
padding: 0 20px 0 0;
padding: 0 20px;
height: 45px;
line-height: 43px;
background: #fff;
border: 1px solid #f0f0f0;
position: absolute;
color: #212121;
font-size: 2rem;
display: none;
z-index: 21;
}
.shadow{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
z-index: 20;
display: none;
}
nav a,nav a:active,nav a:visited,nav a:hover{
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
color: #333;
line-height: 46px;
text-decoration: none;
}
nav a:hover, nav a.current{
color: #2d9ae7;
}
nav a.red-link{
color: #FF0000;
}
nav {
float: left;
width: 100%;
text-align: justify;
}
nav:after {
content: "";
display: inline-block;
width: 100%;
}
.b-menu{
position: fixed;
top: 0;
left: 0;
height: 100%;
background: #333333;
color: #636363;
padding: 25px 0 0 40px;
width: 0px;
overflow: hidden;
display: none;
}
.b-menu.opened {
-webkit-transition:all 2.0s ease-in-out;
-moz-transition:all 2.0s ease-in-out;
-o-transition:all 2.0s ease-in-out;
transition:all 2.0s ease-in-out;
display: block;
overflow: hidden;
width: 215px;
text-indent: 0;
z-index: 28;
}
.menu-bg{
content: ' ';
width: 100%;
position: fixed;
background: rgba(0,0,0,0.2);
height: 100%;
display: block;
top: 0;
left: 0;
z-index: 25;
}
.b-menu .title{
font-size: 18px;
margin: 0 0 30px;
}
.b-menu a,.b-menu a:active,.b-menu a:visited,.b-menu a:hover{
color: #aaa;
font-size: 14px;
text-decoration: none;
display: block;
margin: 20px 0 0 ;
}
.b-menu a:hover{
color: #ff9800;
text-decoration: underline;
}
.b-menu a.current,.b-menu a.current:hover,.b-menu a.current:visited{
color: #fff;
}
.b-menu .close{
display: block;
width: 17px;
height: 17px;
background: url(../img/close.png);
position: absolute;
top:25px;
right: 25px;
cursor: pointer;
}
.b-content{
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.b-last-news{
width: 940px;
margin: 20px auto;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.b-last-news:after{
content: '';
background: url(../img/last-news.png) right center no-repeat;
display: block;
position: absolute;
right: 0;
top:0;
width: 81px;
height: 31px;
z-index: 9;
}
.b-last-news a,.b-last-news a:active,
.b-last-news a:visited,.b-last-news a:hover{
margin: 0 30px 0 0;
color: #888;
font-size: 12px;
white-space: nowrap;
}
.b-big-news .title{
font-size: 15px;
font-weight: bold;
color: #333;
max-height: 75px;
overflow: hidden;
display: block;
position:relative;
}
.b-list__item_w700 .title.title_biggest{
font-size: 16px;
}
.b-block_left{
float: left;
}
.b-block_w700{
/* width: 700px; OLD VALUE */
max-width: 700px;
}
.b-block_w220{
width: 220px;
}
.b-block_grey{
}
.b-block_ml20{
margin: 0 0 0 20px;
}
.b-block_mtl20{
margin: 20px 0 0 20px;
}
.b-big-news{
background: #fff;
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.b-big-news:hover p{
color: #fff;
}
.b-big-news:hover .title{
color: #fff;
}
.b-big-news:hover{
background: #2d9ae7;
}
.b-big-news .img{
}
.b-big-news .desc{
padding-top: 15px;
overflow: hidden;
}
.b-big-news p{
color: #666;
display: block;
margin: 14px 0 8px;
font-size: 13px;
line-height: 18px;
height: 75px;
overflow: hidden;
position: relative;
}
.b-big-news .rubric{
color: #fffefe;
padding: 5px 11px 7px;
display: inline-block;
}
.policy{
background: #00bcd4;
}
.society{
background: #009688;
}
.economic{
background: #8bc34a;
}
.accidents{
background: #ff3333;
}
.sport{
background: #6666ff;
}
.official{
background: #999900;
}
.culture{
background: #9495CE;
}
.b-list_white{
background: #fff;
margin: 0 0 35px;
-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
}
.b-list_p20{
padding: 25px 30px;
}
.b-list__item_h255 .rubric{
color: #fffefe;
padding: 5px 11px 7px;
display: inline-block;
position: absolute;
top: 120px;
left: 17px;
}
.b-list__item_w195{
overflow: hidden;
width: 33%;
}
.b-list__item_inline{
float: left;
}
.b-list__item_mr20{
}
.b-list .b-list__item_mr20:nth-child(3n){
margin: 0 0 20px;
}
.b-list.b-list_for-items .b-list__item_mr20{
margin: 20px 17px 20px 0;
}
.b-list.b-list_for-items .b-list__item_mr20:nth-child(4n){
margin: 20px 0 20px 1px;
}
.b-list__item_w195 img{
margin: 0 0 15px;
}
.b-list__item_w195 .title{
color: #212121;
font-size: 13px;
}
.b-list__item_w195 p{
color: #666;
font-size: 12px;
/**
* added by Vlad Pischaeff 04.07.2023
*/
line-height: 16px;
margin-top: 8px;
}
.b-list__item_h255{
padding: 175px 25px 20px 20px;
border: 1px solid #d2d2d2;
min-height: 255px;
background: #fff;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
}
.b-list__item_h255 p{
position:relative;
height:200px;
overflow:hidden;
}
.b-list__item_h255 p:after {
content: ' ';
display: block;
position: absolute;
bottom: 0px;
right: 0px;
background: url(../img/big-news-transparent.png);
width: 188px;
height: 23px;}
.b-list__item_h255:hover p:after{display:none;}
.b-list__item_w700{
overflow: hidden;
padding: 15px 20px;
border: 1px solid #d2d2d2;
background: #fff;
-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
margin: 0 0 20px;
}
article .b-list__item_w700{
width: 620px;
}
.b-list__item_w700 img{
float: left;
margin: 0 20px 0 0
}
.b-list__item_w700 p{
color:#666666;
font-size: 13px;
line-height: 16px;
max-height: 110px;
overflow: hidden;
position: relative;
/**
* added by Vlad Pischaeff 04.07.2023
*/
margin-top: 8px;
}
.b-list__item_w700 p:after{
content: ' ';
display: block;
position: absolute;
bottom: 0px;
right: 0px;
background: url(../img/big-news-transparent.png);
width: 188px;
height: 13px;
}
.b-list__item_w700 .date{
margin: 10px 0 0;
color: #888;
opacity: 0.8;
}
.b-list__item_w700 .title{
color: #212121;
/**
* added by Vlad Pischaeff 04.07.2023
*/
font-size: 14px;
/** font-size: 13px; */
font-weight: bold;
line-height: 18px;
}
.b-list__item_h255 .img{
position: absolute;
top: 0;
left: 0;
}
.b-list__item_h255:hover {
background: #2d9ae7;
}
.b-list__item_h255:hover a,.b-list__item_h255:hover p,.b-list__item_h255:hover a:hover,.b-list__item_h255:hover a:active,.b-list__item_h255:hover a:visited{
color: #fff;
}
.number-newspaper{float:right;}
.b-title{
display:block;
font-weight: bold;
color: #333;
font-size: 16px;
line-height: 18px;
}
.b-title_ml{
margin: 20px 0 21px 20px;
}
.b-list_h793{
height: auto;
overflow: hidden;
}
.b-list__item_w180,.b-list__item_w180:hover{
line-height: 18px;
padding: 10px 10px;
border-bottom: 1px solid #f0f0f0;
}
.b-list_h793 .b-list__item .time{
color: #777;
font-size: 13px;
margin-right: 5px;
}
.b-list_h793 .b-list__item:hover{
background: #2d9ae7;
}
.b-list_h793 .b-list__item:hover .time{
color: #fff;
}
.b-list_h793 .b-list__item a,.b-list_h793 .b-list__item a:active,.b-list_h793 .b-list__item a:visited,.b-list_h793{
color: #333;
font-size: 13px;
text-decoration: none;
}
.b-list_h793 .b-list__item a:hover{
color: #fff;
text-decoration: none;
}
.b-list_h793 .b-list__item:hover a{
color: #fff;
text-decoration: none;
}
.b-list_h793 .b-list__item_w180:last-child:after{
border: 0;
margin:0 0 15px;
}
.b-list_h793 .b-list__item:hover:after{
border-bottom: 1px solid #2d9ae7;
}
.b-list__item_w460{
margin-bottom:0;
}
.b-list .b-list__item_w420{
width: 420px;
margin: 0 37px 14px 0;
padding: 0 0 12px;
border-bottom:1px solid #f0f0f0;
}
.b-block_w700 .b-list .b-list__item_w420{
width: 630px!important;
}
.b-list .b-list__item_w420:nth-child(2n){
width: 420px;
margin: 0 0 14px 0;
}
.b-list .b-list__item_w420:last-child{
margin: 0;
padding: 0;
border: 0;
}
.b-list .b-list__item_w420:nth-child(5n){
margin: 0 37px 0 0;
padding: 0;
border: 0;
}
.b-list__item_video {
position: relative;
}
.b-list__item_w460.b-list__item_video,.b-list__item_w220.b-list__item_video{
font-size: 16px;
line-height: 22px;
color: #fff;
height: 340px;
}
.b-list__item_w220.b-list__item_video{
font-size:13.5px;
}
.b-list__item_w220.b-list__item_video{
height: 160px;
float: right;
width: 220px;
margin-bottom: 15px;
}
.b-list .b-list__item_w220.b-list__item_video:nth-child(3n){
margin: 20px 0 0 ;
}
.b-list__item_w460.b-list__item_video img,.b-list__item_w220.b-list__item_video img{
display: block;
position: absolute;
z-index: 2;
}
.b-list__item_w460.b-list__item_video .title, .b-list__item_w220.b-list__item_video .title{
width: 420px;
display: block;
position: absolute;
bottom:20px;
left: 20px;
z-index: 5;
color: #fff;
}
.b-list__item_w220.b-list__item_video .title{
width: 200px;
bottom: 10px;
left: 10px;
}
.b-list__item_w460.b-list__item_video .title .time, .b-list__item_w220.b-list__item_video .title .time{
font-size: 12px;
display: block;
margin: 12px 0 0;
}
.b-list__item_w460.b-list__item_video:hover .play, .b-list__item_w220.b-list__item_video:hover .play{
display: block;
content: ' ';
width: 40px;
height: 45px;
background: url(../img/play.png);
position: absolute;
z-index: 5;
margin: 0 auto;
top: 140px;
bottom: 0;
left: 0;
right: 0;
}
.b-list__item_w220.b-list__item_video:hover .play{
top: 60px;
left: 90px;
}
.b-list__item_w460.b-list__item_video .bg, .b-list__item_w220.b-list__item_video .bg{
display: block;
content: ' ';
width: 100%;
height: 340px;
position: absolute;
z-index: 4;
background: url(../img/transparent-gradient-big.png);
}
.b-list__item_w220.b-list__item_video .bg{
width: 220px;
height: 160px;
}
.b-list .b-list__item_w420 .date{
color: #888;
font-size: 12px;
}
.b-list .b-list__item_w420 .date a,
.b-list .b-list__item_w420 .date a:active,
.b-list .b-list__item_w420 .date a:visited,
.b-list .b-list__item_w420 .date a:hover{
font-size: 12px;
text-decoration: underline;
font-weight: bold;
margin: 0 0 0 12px;
color:#3776b6;}
.b-list .b-list__item_w420 .date a:hover{
text-decoration: none;
}
.b-list .b-list__item_w420 .link{
margin: 7px 0 0 ;
color: #333;
font-size: 13px;
line-height: 18px;
font-weight: bold;
display: block;
}
.b-quatation {
border: 3px solid #2d9ae7;
margin: 15px 0;
background: #fff;
}
.b-quatation_w700{
width: 638px;
margin: 10px 0 55px 20px;
}
.b-quatation img{
border:5px solid #fff;
float: left;
margin: 15px 25px 15px 25px;
}
.b-quatation .white{
background: #fff;
padding: 30px 100px 20px 0;
color: #212121;
font-size: 16px;
line-height: 22px;
font-family: 'Myriad Pro';
}
.b-quatation.b-quatation_w700 .white{
padding: 30px 70px 20px 0;
font-style: italic;
}
.b-quatation .grey{
color: #888;
font-size: 13px;
padding: 18px 0;
}
.b-quatation.b-quatation_w700 .grey{
padding: 18px 0 18px 158px;
}
.b-quatation .grey .name {
color: #666;
}
.b-quatation .grey a,
.b-quatation .grey a:active,
.b-quatation .grey a:visited,
.b-quatation .grey a:hover{
color: #666;
text-decoration: underline;
}
.b-quatation .grey a:hover{
text-decoration: none;
}
.b-form {
padding: 35px 40px 30px;
background: #2d9ae7;
}
.b-form .h3, .b-form p{
color: #fff;
font-size: 24px;
}
.b-form p{
font-size: 13px;
margin: 10px 0 18px;
padding: 0 0 0;
}
.b-form input[type='text'],.b-form input[type='email']{
padding: 0 40px 0 20px;
height: 47px;
line-height: 47px;
width: 480px;
color: #212121;
font-size: 18px;
border: 0;
margin: 0 20px 13px;
}
.b-form input[type='text'].error,.b-form input[type='email'].error,.b-form textarea.error{
background: #f9cdcd url(../img/alarm.jpg) 500px center no-repeat;
}
.b-form textarea{
padding: 14px 39px 14px 19px;
width: 483px;
color: #212121;
font-size: 18px;
border: 0;
margin: 0 20px 15px;
}
.b-form input[type='submit']{
width: 150px;
height: 48px;
line-height: 48px;
background: #ff9800;
font-size: 18px;
font-weight: bold;
color: #fff;
border: 1px solid #8e5501;
border-width: 0 0 1px;
margin: 0 20px;
}
.b-breadscrumbs{
margin: 0;
padding: 0;
}
.b-breadscrumbs li{
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
color: #333;
display: inline-block;
font-weight: normal;
}
.b-breadscrumbs li:before{
content: '';
display: none;
}
.b-breadscrumbs li:after{
content: ' / ';
display: inline-block;
color: #888;
margin: 0 5px;
}
.b-breadscrumbs li:last-child:after{
content: '';
}
.b-breadscrumbs a,
.b-breadscrumbs a:active,
.b-breadscrumbs a:visited,
.b-breadscrumbs a:hover{
color: #888;
}
.b-pager{
padding: 0;
margin: 0 0 40px;
border: 1px solid #f0f0f0;
border-color: #f0f0f0 #e6e6e6 #d2d2d2 #f0f0f0;
display: inline-block;
-webkit-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.05);
-moz-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.05);
box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.05);
}
.b-pager li{
font-size: 14px;
text-align: center;
width: 28px;
list-style: none;
color: #fff;
float:left;
}
.b-pager li span{
border: 1px solid #2562a0;
background: #3776b6;
height: 26px;
line-height: 26px;
width: 26px;
display: block;
}
.b-pager li span.separator{
color: #888;
height: 26px;
line-height: 26px;
width: 26px;
display: block;
background: #fff;
border: 1px solid #f0f0f0;
border-color: #fff #f0f0f0 #fff #fff;
}
.b-pager li a,.b-pager li a:active,.b-pager li a:visited,.b-pager li a:hover{
color: #888;
height: 26px;
line-height: 26px;
width: 26px;
display: block;
background: #fff;
border: 1px solid #f0f0f0;
border-color: #fff #f0f0f0 #fff #fff;
}
.b-pager li a:hover{
border: 1px solid #2562a0;
border-color: #2562a0 #2562a0 #2562a0 #3776b6;
background: #3776b6;
color: #fff;
}
.b-subheader{
background: #fff;
padding: 16px 19px 20px;
margin: 0 0 20px;
-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
}
.page-map {
min-height: 1110px;
}
.page-map .first, .page-map .second, .page-map .third{
float: left;
width: 200px;
}
.page-map a,.page-map a:hover, .page-map a:visited{
font-weight: normal;
color: #333333;
}
article {
background: #fff;
padding: 16px 19px 20px;
margin: 0 0 20px;
-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.15);
}
article p a,article p a:hover, article p a:visited{
font-weight: normal;
color: #333333;
}
article ul li a,article ul li a:hover, article ul li a:visited{
font-weight: normal;
color: #333333;
font-weight:normal!important;
}
.b-subheader h1{
font-size: 30px;
line-height: 32px;
font-weight: bold;
color: #212121;
margin: 20px 0 0;
padding: 0;
}
article h1{
font-size: 30px;
line-height: 32px;
font-weight: bold;
color: #212121;
margin: 20px 0 20px;
padding: 0;
}
article .date {
color: #888;
font-size: 12px;
margin: 0 0 20px;
}
article .date.date_block{
padding: 18px 0 20px;
border: 1px solid #f0f0f0;
border-width: 1px 0 1px;
margin: 20px 0 20px;
}
article .date .link{
color: #666;
text-decoration: underline;
position: relative;
}
article .date .link .b-avtor{
display: none;
}
article .date .link:hover .b-avtor{
display: inline-block;
z-index: 999;
min-width: 280px;
}
article .share{color:#888;padding:0;}
article .date .link:hover{
text-decoration: none;
cursor: pointer;
}
article .date .tags,
article .date .tags>a,
article .date .tags>a:active,
article .date .tags>a:visited,
article .date .tags>a:hover{
color: #ff9800;
}
.b-share_theme_counter{display:inline-block;}
article .date .tags{
margin: 0 0 0 20px;
}
article p,article span{
// padding: 0 0 20px ;
font-size: 14px;
line-height: 20px;
color: #333;
}
article ,article span{
font-size: 14px;
line-height: 20px;
color: #333;
}
article ul {
margin: 0;
padding: 0;
}
article ul li{
font-size: 13px;
color: #212121;
list-style: disc;
margin: 0 0 15px 50px;
padding: 0;
position: relative;
}
article ul li p{
color: #666;
font-size: 12px;
font-weight: normal;
padding: 0;
}
article ul li:before{
}
article ol {
margin: 0;
padding: 0;
counter-reset: item;
}
article ol li{
font-size: 13px;
color: #212121;
margin: 0 0 15px 50px;
padding: 0;
position: relative;
counter-increment: item;
}
article ol li p{
color: #666;
font-size: 12px;
font-weight: normal;
padding: 0;
}
article ol li:before{
}
article table{
border-collapse: collapse;
margin: 0 0 40px;
width: 100%;
}
article tr th{
color: #888;
font-size: 13px;
padding: 10px 10px 10px 15px;
border-bottom: 2px solid #ddd;
}
article tr td{
color: #888;
font-size: 13px;
padding: 10px 10px 10px 15px;
color: #333;
border-bottom: 1px solid #ddd;
background: #f9f9f9;
}
article tr:nth-child(2n) td{
background: #fff;
}
article tr:last-child td{
border-bottom: 0;
}
.b-avtor{
background: #3776b6;
padding: 14px 20px 16px 13px;
position: absolute;
margin: -30px 0 0 ;
}
.b-avtor:before{
background: url(../img/arrow.png);
width: 13px;
height: 29px;
content: ' ';
display: block;
position: absolute;
top: 27px;
left: -13px;
}
.b-avtor img{
border: 3px solid #fff;
float: left;
margin: 0 13px 0 0;
}
.b-avtor .name{
font-size: 18px;
line-height: 24px;
color: #fff;
font-weight: bold;
}
.b-avtor a,.b-avtor a:active,.b-avtor a:visited,.b-avtor a:hover{
color: #fff;
font-size: 13px;
line-height: 24px;
}
.img-full{
margin: 5px 0 10px -19px;
}
.b-lead-paragraph{
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: #333;
margin-bottom: 15px
}
.b-lead-paragraph p{
padding: 0;
}
.ui-tabs-anchor{
color: #ff9800!important;
font-size: 18px;
border-bottom: 2px dotted #ff9800;
float: left;
margin: 0 0 30px;
cursor: pointer;
}
.ui-state-active .ui-tabs-anchor{
color: #212121!important;
font-size: 18px;
border-bottom-color: #fff;
font-weight: bold;
}
.ui-tabs .ui-tabs-nav li{
padding: .5em 1em;
}
.ui-tabs .ui-tabs-nav li a{
padding: 0;
}
.h2_tabber{
float: left;
margin: 0 0 30px;
}
.avtor{
margin: 0 0 0 20px;
}
footer{
background: #333333;
color: #6d6d6d;
max-width: 100%;
}
footer .b-wrapper{
margin: 0 auto;
padding: 20px 0;
}
footer nav a,footer nav a:active,footer nav a:visited,footer nav a:hover{
text-transform: none;
color: #bebebe;
font-size:13px;
text-decoration: underline;
font-weight: normal;
margin: 0 20px 0 0;
padding: 0;
line-height: normal;
}
footer nav a:hover{
text-decoration: none;
}
footer nav {
margin: 0 0 5px 0;
padding: 0;
line-height: 14px;
height: 14px;
line-height: 14px;
display: block;
}
footer p{
font-size: 12px;
color: #6d6d6d;
line-height: 16px;
margin: 20px 0 0px;
width: 70%;
}
.b-list .b-list__item_w420 .link:hover{color:#ff9800;}
.b-footer__icons{
float: right;
margin: 5px 0 0 0;
min-width: 120px;
}
.b-footer__icons .icon{
display: block;
float: left;
width: 15px;
height: 11px;
background: url(../img/social_2.png);
overflow: hidden;
text-indent: -9999px;
margin:0 9px;
}
.b-footer__icons .icon.vk{
background-position: -23px 0 ;
}
.b-footer__icons .icon.vk:hover{
background-position: -23px -12px;
}
.b-footer__icons .icon.telegram{
background-position: top left;
}
.b-footer__icons .icon.telegram:hover{
background-position: bottom left;
}
.b-footer__icons .icon.ok{
background-position: -14px 0;
width: 10px;
}
.b-footer__icons .icon.ok:hover{
background-position: -16px -12px ;
}
.b-footer__icons .icon.rss{
background-position: -41px 0;
width: 10px;
}
.b-footer__icons .icon.rss:hover{
background-position: -41px -12px;
}
.b-footer__icons .icon.sitemap{
background:url(../img/map-lc-footer.png) ;
height:13px;
width:13px;
background-size:cover;
}
.b-footer__icons .icon.sitemap:hover{
background:url(../img/map-lc-footer.png) right bottom;
background-size:cover;
}
footer .descriptor {
border-bottom: 1px solid #575757;
margin: 20px 0 0;
}
.d-e-link{
width: 146px;
height: 52px;
background: url(../img/de-logo.jpg);
display: block;
overflow: hidden;
text-indent: -9999px;
float: right;
margin: 15px 0 0;
}
.gpm_icon{
float: right;
/*margin: 20px 175px 0 0;*/
margin: 1rem;
}
.gpm_icon img{
width:30px;
}
.jspVerticalBar{
width:2px;
}
.jspDrag{
background: #2d9ae7;
}
.jspTrack{
background:#e1e1e1;
}
#wrapper {
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
margin: 0 0 40px;
padding: 0 20px 40px 0;
position: relative;
}
#carousel {
height: 525px;
margin: 20px 0 0 20px;
overflow: hidden;
width: 700px;
}
#carousel img {
display: block;
float: left;
}
#prev, #next {
display: block;
height: 525px;
position: absolute;
top: 20px;
width: 250px;
}
#prev img, #next img {
background: url("img/thumb-bgs.png") no-repeat scroll 0 0 transparent;
display: none !important;
padding: 15px;
position: absolute;
top: 200px;
}
#prev:hover img, #next:hover img {
display: block;
}
#prev {
left: 20px;
}
#next {
right: 20px;
}
#prev img {
background-position: 0 -230px;
left: 0;
padding-left: 25px;
}
#next img {
background-position: 0 -115px;
padding-right: 25px;
right: 0;
}
#wrapper:hover #prev, #wrapper:hover #next {
display: block !important;
}
#navi {
margin: 15px 0 0 40px;
width: 660px;
}
#pagenumber, #title, #pager {
margin: 0;
padding: 0;
}
#pagenumber {
float: left;
width: 200px;
}
#title {
float: left;
font-size: 18px;
text-align: center;
width: 260px;
}
#pager {
float: left;
text-align: right;
width: 400px;
}
#pager a {
display: inline-block;
height: 20px;
line-height: 20px;
position: relative;
text-align: center;
text-decoration: none;
width: 18px;
}
#pager a.selected {
background-color: #666;
color: #fff;
}
#pager a img {
background: url("img/thumb-bgs.png") no-repeat scroll 0 0 transparent;
bottom: 20px;
display: none;
left: -57px;
padding: 15px 15px 25px;
position: absolute;
width: 100px;
}
#pager a:hover img {
display: block;
}
/* Header
========================================================================== */
html, body {
width: 100%;
height: 100%;
}
body {
color: #323232;
font: 75%/1.2 'Open Sans',Arial,Verdana, sans-serif;
position: relative;
z-index: 0;
text-align: left;
margin: 0;
min-height: 411px;
border: 3px solid #d7d7d7;
border-width: 3px 0 0;
overflow-y: scroll;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
.b-container,header,footer,.b-header__main{ min-width:1000px; width:1000px;margin: 0 auto!important;}
}
@media only screen and (min-device-width: 768px){
.b-container,header,footer,.b-header__main,.top-panel-sf{ margin: 0 auto!important;}
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) {
.b-container,header,footer,.b-header__main,.top-panel-sf{ min-width:1000px; max-width:1600px width:1000px margin: 0 auto!important;}
}
.b-logo, .b-logo:active,.b-logo:visited, .b-logo:hover{
display: block;
float: left;
background: url(../img/logo.png);
margin: 0 45px 0 0;
width:210px;
height: 45px;
text-decoration: none;
overflow: hidden;
text-indent: -9999px;
}
a,a:active,a:visited,a:hover{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
p{
font-size: 15px;
color: #000;
line-height: 22px;
}
h3{
font:bold 22px/26px 'play',sans-serif;
color: #BAF6F9;
margin: 0;
}
h1{
font-size: 30px;
font-weight: bold;
color: #40586f;
margin:0;
line-height: 40px;
}
h2, .h2{
color: #212121;
font-size: 24px;
line-height:30px;
font-weight: bold;
}
.detail-text h2{
color: #333;
}
.detail-text a,.detail-text a:active,.detail-text a:visited,.detail-text a:hover{
color:#333;
text-decoration:underline;
}
.detail-text a:hover{text-decoration:none;}
h3, .h3{
color: #212121;
font-size: 18px;
font-weight: bold;
}
.h2_tabber{
float: left;
margin: 0 0 30px;
}
.hidden, .b-header__icons .icon.hidden,.b-footer__icons .icon.hidden{
display:none;
}
.up_scroll{
position: fixed;
right: 50px;
bottom: 50px;
margin-top: 13px;
width: 54px;
height: 54px;
cursor: pointer;
z-index: 5;
background: url(../img/up_image.png);
}
.up_scroll:hover{
background-position: right bottom;
}
.b-form-feedback{
margin: 1.5rem 0 0;
}
.b-form-feedback input[type=text]{
height: 30px;
line-height: 30px;
border: 1px solid #ddd;
max-width: 350px;
padding: 0 10px;
margin: 1rem 0;
font-size: 1.5rem;
color: gray;
}
.b-form-feedback input[type=submit]{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #ff9800;
border-color: #8e5501;
border-image: none;
border-style: solid;
border-width: 0 0 1px;
color: #fff;
font-size: 15px;
font-weight: bold;
height: 30px;
line-height: 30px;
/* margin: 0 10px; */
width: 70px;
}
.b-list__item_h60{
min-height: 60px;
}
.b-block_h1250{
min-height: 1250px;
}
.b-share-btn__wrap{
padding-bottom: 0;
}
.b-title_bigger span{
font-size: 26px;
margin: 50px 0 30px;
display:block;
}
article ul.b-list_inner li:before {
display:none;
}
article ul.b-list_inner li{margin:0;}
.b-list_inner .title {
color: #323232;
font-size: 26px;
line-height: 30px;
position: relative;
text-decoration: none;
}
.b-list_inner .title_smaller {
font-size: 22px;
line-height: 26px;
}
.b-list_inner_questions .title {
display: block;
margin: 0 0 30px;
}
.b-list_inner .img {
float: left;
margin: 20px 0 0;
}
.b-list_inner p {
color: #323232;
font-size: 15px;
line-height: 22px;
margin: 10px 0 15px;
}
article .b-list_inner .date{
margin: 0;
}
.b-list_inner p a, .b-list_inner p a:active, .b-list_inner p a:visited, .b-list_inner p a:hover {
color: #323232;
}
.b-list_inner p a.float-right, .b-list_inner p a.float-right:active, .b-list_inner p a.float-right:visited, .b-list_inner p a.float-right:hover {
float: right;
font-size: 13px;
}
.b-list_inner_article {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #f9f9f9;
border-color: #3c5675 #ccc #ccc;
border-image: none;
border-style: solid;
border-width: 2px 1px 1px;
display: block;
float: left;
margin: 0 20px 20px 0;
padding: 15px 15px 0;
width: 167px;
}
.b-list_inner_article li {
color: #2c3b4d;
font-size: 14px;
margin: 0 0 25px;
padding: 0;
}
article ul.b-list_inner_article li:before{
display:none;
}
.inner .b-list_inner_article img{margin:0;}
.b-list_inner_article li a, .b-list_inner_article li a:active, .b-list_inner_article li a:visited, .b-list_inner_article li a:hover {
color: #212121;
font-size: 10px;
text-decoration: none;
}
.b-list_inner_article li a:hover, .b-list_inner_article li a:active:hover, .b-list_inner_article li a:visited:hover, .b-list_inner_article li a:hover:hover {
text-decoration: underline;
}
.image-wrapper{
margin: 0 0 8px;
width: 100%;
}
.image-name{
font-size: 15px;
color: #fff;
position: absolute;
bottom: 15px;
padding: 14px 10px;
width: 680px;
margin: 0 0 0px -19px;
background: rgba(0,0,0,0.5);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a,.ui-tabs .ui-tabs-nav li a{
margin-bottom:0;
}
#tabs-1,#tabs-2{clear:both;}
#tabs-1 .b-list__item_inline,#tabs-2 .b-list__item_inline{float:none;height:auto!important;}
@media screen and (max-width: 800px) {
.up_scroll{}
/* specific CSS */
}
#pager a.hidden {
display: none;
}
#pager a.ellipsis {
border-color: transparent;
}
#pager a.ellipsis:after {
content: '...';
}
#pager a.ellipsis span {
display: none;
}
.ui-datepicker-week-end,.ui-datepicker-week-end a,.ui-datepicker-week-end a:hover,.ui-datepicker-week-end a:visited {color:#ff0000!important;}
.ui-datepicker-week-end a.ui-state-active{color:#cc0000!important;}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){
body{
max-width:1100px;
}
}
/*.gpm_icon{
float: right;
margin: 22px 160px 0 0;
}*/
.gpm_icon img{
width:80px;
height: 31px;
}
/**
* added by Vlad Pischaeff 04.07.2023 to fix icons
*/
li.ya-share2__item span.ya-share2__badge {
border-radius: 50%;
width: 32px;
height: 32px;
display: grid;
place-items: center;
}