@charset "UTF-8"; /** * @author Alexander Samilyak (aleksam241@gmail.com) * @edit Roma Kosovichev (romandkos@design.ru) * @date 14.08.2017 * @time 14:50 */ /* @author Alexander Samilyak (aleksam241@gmail.com) @created 2013.03.25 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ /** @param {string} value @param {boolean=} important @return {string} */ /** Clearfix in float based layouts */ /** @param {color} hexOrName @param {boolean=} important */ /** Pure css triangle */ /* @author Alexander Samilyak (aleksam241@gmail.com) @created 2012.02.17 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, p, blockquote, form, fieldset, legend, table, td, th { margin: 0; padding: 0; } html { width: 100%; height: 100%; } body { width: 100%; height: 100%; font: normal 87%/1.4 Arial, sans-serif; color: #000; } body.menu-opened { overflow: hidden; } @media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; } } img { border: 0; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } p { margin-bottom: 1em; } p.closer { margin-bottom: 0.5em; } p.farther { margin-bottom: 1.5em; } p.first { margin-top: -4px; } h1, h2, h3, h4, .special_font { font-family: Arial, sans-serif; } h1, h2, h3, h4 { margin-top: 1.5em; font-weight: normal; line-height: 1.2; position: relative; } h2, h3, h4 { margin-bottom: .6em; } h1 { position: relative; margin: 0 0 .5em -2px; font-size: 250%; line-height: 1.15; min-height: 45px; } h1.long { font-size: 220%; } h1.longer { font-size: 200%; } h1.longest { font-size: 170%; } #main > h1 { min-height: 45px; } #content h1 { margin: -8px 0 0; } h2 { font-size: 190%; margin-top: 1.2em; } h2.first { margin-top: -6px; } h2.after_foldable { margin-top: 0 !important; } h2.after_pf { margin-top: 13px; } h3 { font-size: 150%; } h4 { font-size: 130%; } h5 { font-size: 100%; margin: 20px 0 10px; } h2:first-child, h3:first-child, h4:first-child, h5:first-child, h1 + h2, h2 + h3, h3 + h4, h2 + h4 { margin-top: 0; } .switcher + h3, .switcher + h4 { margin-top: 0; } h4 + h4 { margin-top: 15px; } .switcher + h2 { margin-top: 0.5em; } ul { list-style-type: none; } #content ol { counter-reset: item_ol; list-style-type: none; margin-bottom: 0.5em; margin-left: 2em; padding: 0; } #content ol ol.more_space, #content ol ul.more_space { margin-bottom: 0.5em; } #content ol ol, #content ol ul { margin-left: 0; margin-top: 0.5em; } #content ol ol ol, #content ol ol ul, #content ol ul ol, #content ol ul ul { margin-bottom: 0; } #content ol ul { margin-left: 2.1em; } #content ol > li { display: table; counter-increment: item_ol; margin-bottom: 0.5em; } #content ol > li:before { content: counters(item_ol, ".") ". "; display: table-cell; padding-right: 0.5em; } #content ol li:last-child { margin-bottom: 0; } #content ul { counter-reset: item; list-style-type: none; } #content ul.dash, #content ul.without_dash { margin-bottom: 2em; } #content ul ol { counter-reset: list; } #content ul ol > li { counter-increment: list; } #content ul ol > li:before { content: counters(list, ".") ". "; display: table-cell; padding-right: 0.5em; } #content ul.horizontal { margin-left: 0; } #content ul.horizontal li { display: inline-block; } #content ul.horizontal li::before { content: none; } #content ul.dash, #content ul.without_dash ul.without_dash { margin-left: 3.2em; } #content ul.without_indent, #content ol.without_indent { margin-left: 0; } #content ul { margin: 0.5em 0 0.5em 3.2em; } #content ul .dash > li { text-indent: 0; } #content ul li { margin-bottom: 0.5em; } #content ul li p { text-indent: 0; } #content ul ol { margin-left: 1em; margin-top: .5em; margin-bottom: 1em; } #content ul ol ol, #content ul ol ul { margin-bottom: 0; } #content ul ul { margin-bottom: 1em; margin-left: 2.2em; } #content ul ul ol, #content ul ul ul { margin-bottom: 0; } #content ul ul ul, #content ul ol ul { margin-top: 0.5em; margin-bottom: 1em; } #content ul p + ul, #content ul p + ol { margin-top: -0.5em; } #content ul > li::before { content: '\2014\a0'; float: left; margin-left: -1.2em; } #content ul .materials ul { margin: 0; } #content ul .materials ul li { margin: 0 0 1.2em 0; } #content ul .materials ul li::before { content: none; } #content ul.dash > li:before { content: '\2014\a0'; } #content ul.without_dash * li:before, #content ul.without_dash > li:before { content: ''; height: 18px; width: 18px; } #content ul.dash ul.more_space, #content ul.dash ol.more_space, #content ul.without_dash ul.more_space, #content ul.without_dash ol.more_space { margin-bottom: 2em; } #content ul.dash li, #content ul.without_dash li { margin-bottom: 0.5em; } #content ul.dash ul, #content ul.dash ol, #content ul.without_dash ul, #content ul.without_dash ol { margin-bottom: 1.5em; } ul.rare > li, ol.rare > li { margin-bottom: 1em; } ul.more_space, ol.more_space { padding-top: 1em; margin-bottom: 2.5em; } p + ul.dash, p + ul.without_dash { margin-top: -0.5em; } p + ol { margin-top: -0.5em; } ol.with_letters > li { list-style-type: lower-latin; } table { width: 100%; border-collapse: collapse; } table th { font-weight: normal; text-align: left; vertical-align: top; } table td { vertical-align: top; } table td img + a { position: relative; top: -6px; } table.data { position: relative; width: auto; margin: 0 0 10px; font-size: 92%; } table.data + h2 { margin-top: 2em; } table.data + table.data { margin-top: 4em; } table.data th, table.data td { padding: 0.6em 0.7em; } table.data th.right, table.data td.right { text-align: right !important; } table.data th { border-bottom: 1px solid #bababa; border-left: 4px solid white; border-right: 4px solid white; font-size: 92%; padding: 0.65em 0.76em; font-weight: 600; } table.data td { border-bottom: 1px solid #ebebeb; } table.data th.selected { color: #CC0000; } table.data th.center { text-align: center !important; } table.data td.center { text-align: center !important; } table.data td.strong { font-size: 120%; padding: 0.4em 0.58em 0.5em 0.58em; } table.data td.blind { color: #999; } table.data td.hover { border-bottom: 1px solid #fff; } table.data tr:hover td { background: #ebebeb; } table.data tr.spacer { font-size: 40%; } table.data tr.spacer:hover td { background: transparent; } table.data.wide { margin-right: -75px; } table.data.without_header tr:first-child td { font-weight: normal !important; font-size: 100%; } table.data.without_header tr:first-child:hover td { background: #ebebeb; } table.data.hl tr:hover td { background: none; } table.data.hl .hover, table.data.hl tr:hover td, table.data.hl .r1:hover td, table.data.hl .r2:hover td, table.data.hl .r3:hover td, table.data.hl .r4:hover td, table.data.hl .r5:hover td { background: #ebebeb; } table.data.hl .nb { border: 0 !important; } table.data_reduced { width: 100%; max-width: 1200px; } table.data_two_cols th { padding-top: 0; } table.data_two_cols td:first-child { width: 40%; } table.data_two_cols td:last-child { width: 60%; } table.data span.up { width: 0; height: 0; border-style: solid; border-width: 0 4px 6px 4px; border-color: transparent transparent #05ad05 transparent; position: absolute; margin: 6px; } table.data span.down { width: 0; height: 0; border-style: solid; position: absolute; margin: 6px; border-width: 6px 4px 0 4px; border-color: #ff0000 transparent transparent transparent; } table.heads_info td { padding: 0.5em 1em 0.5em 0; } table.data th.title { border-top: 0; } table.data .title-fix .als-fixer { background: #fff; position: relative; } table.data.wide tbody tr > td:first-child { min-width: 160px; } table.data .title-fix th.hidden_opacity { position: absolute; left: 0; margin-bottom: 20px; } table.data .title-fix .als-fixer + div { padding: 0.65em 0.76em; } table.data td.als-fixer { border-bottom: 1px solid #b5b9a2 !important; } table.data thead h2 { min-width: 900px; width: 900px; font-size: 200%; } table.data thead.als-fixer .title { border-bottom: 1px solid #fff; } table.data .title-fix th.als-fixer.stopped, table.data th.als-fixer.stopped { position: relative; } table.data .title-fix:not(:first-child) th.als-fixer.stopped, table.data tr:not(:first-child) th.als-fixer.stopped { border-top: 1px solid #b5b9a2; } table.data .title-fix th.als-fixer { position: fixed; } table.data .als-fixer { background: #fff; position: fixed; z-index: 999; top: 0; } table.data .als-fixer.stopped { margin-left: 0 !important; position: absolute; top: 0 !important; } table.data thead.als-fixer { background: #fff; position: fixed; z-index: 999; top: 0; } table.data .als-fixer th { background: #fff; } table.data thead.als-fixer.with-title { margin-top: 0; border-top: 0; } table.data tbody tr.title-fix { border-bottom: solid 1px #b5b9a2 !important; } table.data tbody tr.title-fix th { border-bottom: solid 1px #b5b9a2 !important; } table.data tbody tr td { min-width: 60px; } table.data tbody tr.title-fix th { padding: 0.65em 0 0.65em 0.76em !important; } sup, sub { position: relative; top: -0.5em; font-size: 75%; vertical-align: baseline; } h1 sup { font-size: 50%; position: relative; top: -12px; } h2 sup { font-size: 55%; position: relative; top: -12px; } sub { top: 0.1em; } ins { text-decoration: none; } div.center, p.center, h1.center, h2.center, h3.center { text-align: center; } .attention { color: #aa0003; } #content table div.photo.centered img { max-width: 500px; width: 100%; } #content .column.photo { float: right; margin-left: 25px; margin-top: 0; width: 440px; } #content .column.photo + .column.content { float: left; width: -webkit-calc(100% - 440px - 25px); width: -moz-calc(100% - 440px - 25px); width: calc(100% - 440px - 25px); } #content .column.photo + .column.content:after { content: ''; display: table; clear: both; } #content div.photo { margin: 2em 0; } #content div.photo.centered { margin: 2em 0.5em; max-width: 100%; text-align: center; } #content div.photo p { font-size: 92%; font-style: italic; min-width: 15em; margin: 10px 0 0 0; position: relative; } #content div.photo img { height: auto; max-width: 100%; } #content div.photo.with_shadow img { -webkit-box-shadow: 0 0 15px #c0c0c0; -moz-box-shadow: 0 0 15px #c0c0c0; box-shadow: 0 0 15px #c0c0c0; } #content div.photo.with_shadow p { margin-top: 15px; } #content div.photo.with_space img { padding: 1em; } #content div.photo p span.copyright { color: #999; display: block; font-size: 87%; margin-top: 5px; } #content .info { position: relative; font-style: italic; max-width: 300px; padding: 10px 0; } #content .info:before { background: url("icons.png") -418px 10px no-repeat; position: absolute; margin: 0 -25px; height: 100px; width: 13px; content: ''; left: 0; top: 0; } span.file, p.file, p.ico, h3.file { padding-left: 30px; position: relative; } p.file, span.file { margin-bottom: 15px; } span.file { display: block; } p.file { display: table; } td p.file { display: block; } p.file.long { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } p.file .data { display: block; padding-top: 0.1em; font-style: italic; color: #999; } p.file em, p.file + em { display: block; } h3.file .icon { top: -4px; } .comment { color: #777; display: block; font-size: 90%; font-style: italic; line-height: 1.2; } .comment a { color: #777; border-color: rgba(119, 119, 119, 0.3); } p.file + em { margin: -1em 0 1.3em 30px; } .switcher.foldable li.all { margin-left: 20px; float: right; } ul li p.file:only-child { margin-bottom: 0; } p.file + ul.switcher { margin-top: -0.3em !important; } ul.without_dash.without_indent p + ul.without_dash { margin-left: 3em !important; } .additional { display: inline-block; *display: inline; } .additional p.file { display: inline-block; margin: 0 0.1em 0 0.15em; *display: inline; } p.additional.comment { margin: 10px -3px 0; } h5.additional { vertical-align: bottom; margin: 13px 15px 15px 0; } .with_incut { position: relative; margin-right: -75px; clear: both; } .with_incut:after { display: block; content: ""; clear: both; } .with_incut.with_incut_sector { max-width: 62em; } .with_incut .main, .with_incut .incut { float: left; clear: right; } .with_incut .main { width: 70%; margin-right: 5%; } .with_incut .incut { width: 25%; } .with_incut.with_incut_sector .incut { font-size: 13px; padding-top: 7px; } .update_soon { position: relative; padding-left: 15px; margin-left: 0.7em; color: #007d1f; font-size: 87%; white-space: nowrap; } .update_soon .icon { width: 11px; height: 13px !important; left: 0; margin-top: -8px; background-position: -113px 0 !important; } .file .update_soon .icon { margin-top: -5px; } .up_to { position: relative; margin-left: 0.7em; color: #999999; font-size: 87%; font-style: italic; white-space: nowrap; } .important { color: #ae0000; font-size: 82%; font-style: italic; margin-left: 10px; position: relative; white-space: nowrap; } .note { font-size: 12px; font-style: italic; margin: 3px 0 30px 0; } .note + h2, .note + h3 { margin-top: 0; } a.yellow { margin-right: 5px; } .file a.yellow + .sprite.sprite[class$='-min'] { top: 7px; } .yellow { background: #ffcd00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; display: inline-block; margin: 0 0 3px 0; padding: 3px 4px; } .yellow ~ span { margin-left: 0; } .file .yellow .sprite.sprite[class$='-min'] { top: 7px; } .question .yellow { display: inline-block; } a { border-bottom-width: 1px; border-bottom-style: solid; } a, a.no_visited:visited, .no_visited a:visited, .pseudo, .pseudo:visited { color: #143f9e; border-color: rgba(20, 63, 158, 0.3); cursor: pointer; text-decoration: none; } a:visited { color: #728bc4; border-color: rgba(114, 139, 196, 0.3); } a.alt, a.alt_no_visited, a.alt_no_visited:visited, span.pseudo.alt, span.pseudo.alt:visited, .alt_links a, .alt_links .pseudo, .alt_links .pseudo:visited, .alt_no_visited a, .alt_no_visited a:visited { color: #000; border-color: rgba(0, 0, 0, 0.3); } a:hover, .no_visited a:hover, .pseudo:hover { color: #b66d28; border-color: rgba(182, 109, 40, 0.3); } a.no_underline, .no_underline a { border-bottom: none; } .pseudo { border-bottom-width: 1px; border-bottom-style: dotted; cursor: pointer; } b.pseudo { font-weight: normal; } .no_js .pseudo { border-bottom: none; cursor: auto; } .js a.pseudo, a.pseudo { text-decoration: none; } .link_edit { font-size: 13px; font-family: Arial, Tahoma, sans-serif; margin-left: 40px; } .link_edit a { position: relative; } .link_edit a:before { content: ''; height: 13px; width: 12px; position: absolute; left: -15px; top: 1px; display: block; background: url("icons.png") -500px -40px no-repeat; } .link_edit a:hover:before { background-position: -517px -40px; } .clear { clear: both; height: 0; overflow: hidden; } .cleared { clear: both; padding-bottom: 1px; } .cleared:after { display: block; content: ""; clear: both; } .invisible { visibility: hidden; } .not_display { display: none !important; } .unselectable { -moz-user-select: none; -webkit-user-select: none; behavior: expression( ( this.onselectstart = function(){ return !(1+(' ' + this.className + ' ').indexOf(' unselectable ')) } ), ( this.style.behavior = null ) ); } .unselectable::-moz-selection { color: inherit; } .unselectable::selection { color: inherit; } /* Opera */ .phone, .nowrap { white-space: nowrap; } a.phone { border: none; color: #000; } a.phone:hover { color: #000 !important; } .col { position: relative; float: left; clear: right; } .container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100%; } .container.middle [class*="col-"] { vertical-align: middle; } .container [class*="col-"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding-right: 10px; vertical-align: top; } .container [class*="col-"]:last-child { margin-right: 0; } .col-1 { width: 8.333333%; } .col-2 { width: 16.666667%; } .col-3 { width: 25%; } .col-4 { width: 33.333333%; } .col-5 { width: 41.666667%; } .col-6 { width: 50%; } .col-7 { width: 58.333333%; } .col-8 { width: 66.666667%; } .col-9 { width: 75%; } .col-10 { width: 83.333333%; } .col-11 { width: 91.666667%; } .col-12 { width: 100%; } @media (min-width: 576px) { .col-sm-1 { width: 8.333333%; } .col-sm-2 { width: 16.666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.333333%; } .col-sm-5 { width: 41.666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.333333%; } .col-sm-8 { width: 66.666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.333333%; } .col-sm-11 { width: 91.666667%; } .col-sm-12 { width: 100%; } } @media (min-width: 768px) { .col-md-1 { width: 8.333333%; } .col-md-2 { width: 16.666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.333333%; } .col-md-5 { width: 41.666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.333333%; } .col-md-8 { width: 66.666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.333333%; } .col-md-11 { width: 91.666667%; } .col-md-12 { width: 100%; } } @media (min-width: 992px) { .col-lg-1 { width: 8.333333%; } .col-lg-2 { width: 16.666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.333333%; } .col-lg-5 { width: 41.666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.333333%; } .col-lg-8 { width: 66.666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.333333%; } .col-lg-11 { width: 91.666667%; } .col-lg-12 { width: 100%; } } @media (min-width: 1450px) { .col-xl-1 { width: 8.333333%; } .col-xl-2 { width: 16.666667%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.333333%; } .col-xl-5 { width: 41.666667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.333333%; } .col-xl-8 { width: 66.666667%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.333333%; } .col-xl-11 { width: 91.666667%; } .col-xl-12 { width: 100%; } } .gcontainer { position: relative; min-width: 630px; width: 100%; margin: 0 auto; padding: 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gcontainer .gcolumns .comment, .gcontainer .gcolumn .comment { font-style: normal; } .gcontainer p { margin-bottom: .5em; } .gcontainer.middle .gcolumns, .gcontainer.middle .gcolumn { vertical-align: middle; } .gcolumns.middle .gcolumns, .gcolumns.middle .gcolumn { vertical-align: middle; } .gcontainer.more-space { min-width: 900px; padding: 45px 0; } .gcolumn { width: 100%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .gcolumns { width: 100%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .gcolumns.img { width: initial !important; } .gcolumns img { max-width: 100%; height: auto; } .gcolumns.fixed { max-width: 500px; } .gcolumns.fixied.mini { max-width: 320px; } .gcolumns.vertical-banknote { max-width: 250px; position: relative; } /* For devices larger than 550px */ @media (min-width: 550px) { .gcolumn, .gcolumns { margin-left: 20px; } .gcolumn:first-child, .gcolumns:first-child { margin-left: 0; } .gcontainer.fixed .gcolumns, .gcontainer.fixed .gcolumn { max-width: 150px; } .one.gcolumn, .one.gcolumns { width: 4.66666666667%; min-width: 70px; } .two.gcolumns { width: 13.3333333333%; } .three.gcolumns { width: 22%; } .four.gcolumns { width: 30.6666666667%; } .five.gcolumns { width: 39.3333333333%; } .six.gcolumns { width: 48%; } .seven.gcolumns { width: 56.6666666667%; } .eight.gcolumns { width: 65.3333333333%; } .nine.gcolumns { width: 74.0%; } .ten.gcolumns { width: 82.6666666667%; } .eleven.gcolumns { width: 91.3333333333%; } .twelve.gcolumns { width: 100%; margin-left: 0; } .one-third.gcolumn { width: 30.6666666667%; } .two-thirds.gcolumn { width: 65.3333333333%; } .one-half.gcolumn { width: 48%; } /* Offsets */ .offset-by-one.gcolumn, .offset-by-one.gcolumns { margin-left: 8.66666666667%; } .offset-by-two.gcolumn, .offset-by-two.gcolumns { margin-left: 17.3333333333%; } .offset-by-three.gcolumn, .offset-by-three.gcolumns { margin-left: 26%; } .offset-by-four.gcolumn, .offset-by-four.gcolumns { margin-left: 34.6666666667%; } .offset-by-five.gcolumn, .offset-by-five.gcolumns { margin-left: 43.3333333333%; } .offset-by-six.gcolumn, .offset-by-six.gcolumns { margin-left: 52%; } .offset-by-seven.gcolumn, .offset-by-seven.gcolumns { margin-left: 60.6666666667%; } .offset-by-eight.gcolumn, .offset-by-eight.gcolumns { margin-left: 69.3333333333%; } .offset-by-nine.gcolumn, .offset-by-nine.gcolumns { margin-left: 78.0%; } .offset-by-ten.gcolumn, .offset-by-ten.gcolumns { margin-left: 86.6666666667%; } .offset-by-eleven.gcolumn, .offset-by-eleven.gcolumns { margin-left: 95.3333333333%; } .offset-by-one-third.gcolumn, .offset-by-one-third.gcolumns { margin-left: 34.6666666667%; } .offset-by-two-thirds.gcolumn, .offset-by-two-thirds.gcolumns { margin-left: 69.3333333333%; } .offset-by-one-half.gcolumn, .offset-by-one-half.gcolumns { margin-left: 52%; } .gcolumns > .gcontainer { min-width: auto; } } .gcolumn.no-pad, .gcolumns.no-pad { margin-left: 0; } /* @author Roman Kosovichev (romandkos@artlebedev.ru) @created 2017.08.10 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ .pretty_form { padding: 0; margin: 0; max-width: 60em; margin-bottom: 2em; } .pretty_form dl, .pretty_form dt, .pretty_form dd, .pretty_form .fieldset { padding: 0; margin: 0; } .pretty_form.with_bg { padding: 20px; background: #f7f7f7; margin-left: -2px; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; } @media (max-width: 425px) { .pretty_form.with_bg { padding: 10px; } .pretty_form.with_bg .wave_hr { margin-left: -10px; margin-right: -10px; } } .pretty_form.with_bg + h2, .pretty_form.with_bg + h3 { margin-top: 0; } .pretty_form.small_form { min-width: 20em; display: inline-block; } .pretty_form dl { position: relative; padding-bottom: 1.5em; } .pretty_form dl.small_space { padding-bottom: 10px; } .pretty_form dl.disabled { display: none; } .pretty_form div.disabled { display: none; } .pretty_form .visible_disabled, .pretty_form.visible_disabled dl.disabled, .pretty_form .visible_disabled dl.disabled, .pretty_form.visible_disabled div.disabled, .pretty_form .visible_disabled div.disabled { display: block; } .pretty_form .fieldset { margin: 1.5em 0; } .pretty_form .fieldset:first-child { margin-top: 0; } .pretty_form .fieldset.fake { margin: 0; } .pretty_form .switcher.type3 { margin-bottom: 0; } .pretty_form .switcher.type3 li:first-child { margin: 0; } .pretty_form .switcher.type3 li { margin-left: 10px; } .pretty_form .type_text label, .pretty_form .type_select label, .pretty_form .type_date label, .pretty_form .type_captcha label, .pretty_form label.header { font-weight: bold; } .pretty_form.vertical dt, .pretty_form .vertical dt { width: auto; float: none; margin: 0 0 0.4em 0; padding-top: 0; } .pretty_form.vertical dt img { display: none; } .pretty_form.vertical dd { float: none; padding-left: 0; } .pretty_form .vertical dd { float: none; padding-left: 0; } .pretty_form.vertical dd > li { list-style: none; } .pretty_form dt, .pretty_form dd { position: relative; float: left; } .pretty_form .horizontal dt, .pretty_form .horizontal dd { position: relative; float: left; } .pretty_form dt, .pretty_form .horizontal dt { width: 10em; margin-right: -100%; padding-top: 0.15em; } .pretty_form dd, .pretty_form .horizontal dd { padding-left: 12em; } .pretty_form .captcha > div { display: table-cell; padding-right: 15px; vertical-align: middle; } .pretty_form .captcha > div .ico-reload { color: #757575; cursor: pointer; font-size: 20px; } .pretty_form .captcha > div .ico-reload:hover { color: #a62a2a; } .pretty_form .captcha > div.input-captcha.error { color: #a62a2a; position: relative; } .pretty_form .captcha > div.input-captcha.error input { border-color: #a62a2a; } .pretty_form .captcha > div.input-captcha.error span { display: inline-block; left: 0; } @media (max-width: 620px) { .pretty_form .captcha > div.input-captcha.error span { position: absolute; top: 40px; } } .pretty_form .captcha > div.input-captcha input { margin-right: 5px; width: 115px; } .pretty_form .captcha > div.input-captcha span { display: none; } input, textarea { font-family: Arial, sans-serif; font-size: 100%; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 7px; } input[type="tel"], input[type="email"], input[type="text"] { height: 33px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select { height: 33px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="checkbox"], input[type="radio"], input[type="checkbox"] + label, input[type="radio"] + label { vertical-align: middle; } input[type="checkbox"] > strong, input[type="radio"] > strong, input[type="checkbox"] + label > strong, input[type="radio"] + label > strong { display: inline-block; margin-bottom: 3px; } input[type="text"]::-ms-clear { display: none; } .select-container + .select-container, select + select { margin-left: 13px; } .select-container { overflow: hidden; background: #fff; display: inline-block; vertical-align: middle; border: 1px solid #ddd; border-right: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 33px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; padding-right: 25px; } .select-container:after { content: "\e8f7"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; right: 0; top: 50%; pointer-events: none; margin-right: 10px; color: #ddd; font-size: 7px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select-container:before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; pointer-events: none; background: #fff; width: 25px; border-right: 1px solid #ddd; /*border-left: none;*/ -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .select-container select { /*max-width: 100%;*/ background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: -webkit-calc(100% + 26px); width: -moz-calc(100% + 26px); width: calc(100% + 26px); outline: none; font-size: 14px; border: none; padding: 4px 7px 5px; height: 33px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } .after-select-container input { width: 20em; } .after-select-container input, .after-select-container textarea { display: block; margin-top: 10px; } .pretty_form ul > input { margin: 15px 3px 0 -2px; } .pretty_form textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.3em; } .pretty_form .complaint_descr ul.dash > li { white-space: inherit; } .pretty_form .for_selector dt { padding-top: 0; } .pretty_form .for_selector.type_checkbox, .pretty_form .for_selector.type_radio { padding-bottom: 1em; } .pretty_form .for_selector .selector { padding-bottom: 10px; } .pretty_form .for_selector .selector input { margin-left: 0; margin-right: 0.3em; } .pretty_form .type_radio .selector input { margin-top: 0.1em; } .pretty_form .for_selector .selector .pseudo { position: relative; top: 1px; } .pretty_form .comment { margin: 0.2em 0 0 0.1em; text-decoration: none; } .pretty_form .comment:first-of-type { margin-top: 0.5em; } .pretty_form .legend { font-size: 130%; margin-bottom: 0.7em; font-weight: bold; } .pretty_form .type_captcha dt { margin-bottom: 0; } .pretty_form .type_captcha input { margin: 7px 0 0; width: 6em; } .pretty_form input#highlightIN { border: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 14px; font-size: 12px; width: 88%; } .pretty_form .type_captcha .captcha { height: 40px; position: relative; padding: 15px 0 20px 0; } .pretty_form .type_captcha .captcha img { display: inline-block; border: 1px solid #ccc; } .pretty_form .type_captcha .captcha p { display: inline-block; vertical-align: top; margin: 10px 15px; line-height: 1.3; } .pretty_form .type_submit { display: block; padding-bottom: 0.5em; padding-top: 1em; } .pretty_form form.additional { margin-left: -30px; } .pretty_form .type_submit.with_tips input { display: inline-block; margin: 0 5px 5px 0; vertical-align: middle; } .pretty_form .type_submit.with_tips input:last-of-type { margin: 0 20px 5px 0; } .pretty_form .type_submit.with_tips .tips { margin: 10px 0; max-width: 25em; font-size: 87%; display: inline-block; vertical-align: middle; } .pretty_form .type_submit.with_tips .tips p { margin: 2px -10px; } .pretty_form.small_form .type_submit.with-files { padding: 0; } .pretty_form.small_form .type_submit.with-files input[type="submit"] { margin-right: 20px; width: auto; } .pretty_form p:last-child { margin-bottom: 0; } .pretty_form dl + p { margin-top: 10px !important; } .pretty_form .file_by_mail { cursor: pointer; padding: 0; margin: 0; } .pretty_form dl:after, .pretty_form .type_phone:after { display: block; content: ""; clear: both; } .pretty_form.search_form input[type="search"], .pretty_form.search_form input[type="submit"] { display: inline-block; } .pretty_form.search_form input[type="search"] { margin-right: 15px; width: 80.75%; } .pretty_form.search_form input[type="submit"] { right: 0; } .pretty_form .type_search .search-field { position: relative; } .pretty_form .type_search input.search-field-input { background: none; border: none; border-bottom: 1px solid #d0d0d0; width: 100%; height: 33px; padding: 0; font-size: 14px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pretty_form .type_search .search-field .ico-search { position: absolute; right: 0; top: 8px; width: 16px; height: 19px; color: #888888; font-size: 17px; padding: 0; } .pretty_form .type_text input, .pretty_form textarea { width: 20em; } .pretty_form.tiny .type_text input, .pretty_form.tiny textarea { width: 5em; } .pretty_form .tiny.type_text input, .pretty_form .tiny textarea { width: 5em; } .pretty_form.xsmall .type_text input, .pretty_form.xsmall textarea { width: 7em; } .pretty_form .xsmall.type_text input, .pretty_form .xsmall textarea { width: 7em; } .pretty_form .type_text input.input-phone { width: 9em; } .pretty_form.small .type_text input, .pretty_form.small textarea { width: 10em; } .pretty_form .small.type_text input, .pretty_form .small textarea { width: 10em; } .pretty_form.middle .type_text input, .pretty_form.middle textarea { width: 15em; } .pretty_form .middle.type_text input, .pretty_form .middle textarea { width: 15em; } .pretty_form.large .type_text input, .pretty_form.large textarea { width: 25em; } .pretty_form .large.type_text input, .pretty_form .large textarea { width: 25em; } .pretty_form.huge .type_text input, .pretty_form textarea, .pretty_form .huge.type_text input, .pretty_form .huge.comment, .pretty_form textarea { width: 35em; } .pretty_form .huge.type_text .additional_fields input { width: 33em; } .pretty_form.tiny dt, .pretty_form.tiny .horizontal dt { width: 8em; } .pretty_form.small dt, .pretty_form.small .horizontal dt { width: 8em; } .pretty_form.tiny dd, .pretty_form.tiny .horizontal dd { padding-left: 10em; } .pretty_form.small dd, .pretty_form.small .horizontal dd { padding-left: 10em; } .pretty_form .type_text.full_width input, .pretty_form .full_width input, .pretty_form .full_width textarea { width: 100%; } .pretty_form .type_text.full_width input#submit { margin-top: 10px; width: initial; } .pretty_form button#submit-2 { float: left; } .pretty_form textarea { height: 9em; } .pretty_form .small textarea { height: 4em; } .pretty_form .large textarea { height: 12em; } .pretty_form .combined-fields__item { display: inline-block; vertical-align: top; margin: 0 15px 0 0; } .pretty_form .combined-fields__item:last-child { margin-right: 0; } .pretty_form .combined-fields__item label { margin-right: 5px; min-width: 22px; display: inline-block; vertical-align: middle; } .pretty_form .combined-fields__item input[type="text"] { width: 100px; } .pretty_form input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pretty_form input[type="submit"], .pretty_form input[type="button"] { font-size: 14px; cursor: pointer; outline: none; background: #fad06d; border: none; padding: 9px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*** SIZES ***/ .button, button { font-size: 14px; cursor: pointer; outline: none; background: #fad06d; border: none; padding: 9px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .button + button, button + button { margin-left: 15px; } .pretty_form input[type="submit"]:hover, .button:hover, button:hover { -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; background: #fad252; } .pretty_form input[type="submit"]:active, .button:active, button:active { background: #faba50; } .pretty_form input[type="submit"] + input[type="submit"] { margin-left: 0.3em; } .pretty_form input[type="submit"]:disabled { opacity: 0.5; color: #000; } button:disabled { opacity: 0.5; color: #000; } .pretty_form input[type="submit"]:disabled:hover, button:disabled:hover { cursor: default; background: #fad06d; } /*** COLORS ***/ .pretty_form .required dt, .pretty_form .required .legend, .pretty_form .required .selector, .pretty_form .required input { color: #cc6666; } .pretty_form .invalid input, .pretty_form .required textarea, .pretty_form .invalid textarea { color: #cc6666; } .visible_disabled .disabled { color: #bfbfbf; } .visible_disabled .disabled input, .visible_disabled .disabled textarea, .visible_disabled .disabled dt, .visible_disabled .disabled .selector { color: #bfbfbf; } .pretty_form .default_color { color: #000 !important; } .pretty_form .default_color * { color: #000 !important; } .pretty_form .for_selector .selector input { *width: 13px; *margin-top: 0; } .pretty_form dt, .pretty_form dd { *position: static; } .pretty_form .horizontal dt, .pretty_form .horizontal dd { *position: static; } .pretty_form dl { *position: static; } .pretty_form .calendar_wrapper { position: relative; } .pretty_form .ThemaWidth { width: 208px !important; } .pretty_form #ctl00_ContentPlaceHolder1_UC_Plug_53577_FromDate, .pretty_form #ctl00_ContentPlaceHolder1_UC_Plug_53577_ToDate { width: 75px; } /*** Z-INDEXES ***/ /*.pretty_form dd { z-index: 1; } .pretty_form dt { z-index: 2; }*/ /*** IE ***/ .visible_disabled .disabled.type_text input, .visible_disabled .disabled textarea { *background-color: #d4d0c8; } .visible_disabled .disabled .type_date input, .visible_disabled .disabled .type_date select { *background-color: #d4d0c8; } .zf-date-box input, .zf-date-box select, .zf-date-box .select-container { margin-right: 0.3em; vertical-align: middle; } .zf-input-day, .zf-input-hour, .zf-input-minute, .zf-input-second { width: 2.5em; } .zf-input-year { width: 4em; } .zf-date-box .zf-input-hour { margin-left: 0.6em; } input.input-date { width: 2.5em; } input.input-year { width: 4em; } input[type="submit"], input[type="button"] { cursor: pointer; } .pretty_form label.error { position: relative; display: block; margin-top: 7px; font-weight: normal; color: red; } .pretty_form input.error { max-width: 20em; font-size: 100%; margin: 0; } .pretty_form .error { max-width: 40em; margin: 12px 0 1em 0; font-size: 92%; } .pretty_form .error .wrap { position: relative; display: inline-block; background: #aa0003; color: #fff; padding: 0.6em 1.2em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; } .pretty_form .error .wrap:before, .pretty_form .error .wrap > .decor { width: 0; height: 0; border-right: 7px solid transparent; border-bottom: 7px solid #aa0003; border-left: 7px solid transparent; -moz-transform: scale(0.9999); content: ''; left: 25px; position: absolute; top: -7px; } .pretty_form .disclaimer { background: #fff; color: #666; font-size: 92%; padding: 1em 1.5em; margin-bottom: 1.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; } .pretty_form .disclaimer ul, .pretty_form .disclaimer ol { margin-bottom: 1em; } .pretty_form .disclaimer li { margin-bottom: 0.3em; } .pretty_form .disclaimer:last-child { margin-bottom: 0; margin-top: 1em; } .pretty_form .disclaimer.with_tail { position: relative; margin-top: 25px; } .pretty_form .disclaimer.with_tail:before, .pretty_form .disclaimer.with_tail > .decor { content: ''; width: 0; height: 0; border-right: 22px solid transparent; border-bottom: 18px solid #fff; border-left: 22px solid transparent; -moz-transform: scale(0.9999); left: 50%; position: absolute; top: -18px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .pretty_form .with_disclaimer .disclaimer { display: none; } .pretty_form .with_disclaimer.opened .disclaimer { display: block; } .pretty_form .with_disclaimer.opened .disclaimer_toggler { color: #cc0000; } .pretty_form .radio_content_corporate .fieldset { margin: 0 0 1.5em; } .pretty_form .hidden_type_submit { width: 100%; position: absolute; margin-top: -30px; margin-bottom: -30px; } .pretty_form .wave_hr { margin-left: -20px; margin-right: -20px; } /*** Additional blocks ***/ .additional_fields { margin-top: 20px; } .additional_fields:first-child { margin-top: 0; } .additional_fields_close { vertical-align: middle; margin: -2px 0 0 5px; cursor: pointer; display: none; } .add_fields_link { color: #666; border-color: #666; position: relative; margin: 0 0 0 20px; } .add_fields_link:before { content: ''; position: absolute; left: -20px; top: 0; background: url("icons.png") -620px 0 no-repeat; width: 16px; height: 16px; display: block; } .add_fields_link:hover { border-color: #cc0000; } .add_fields_link:hover:before { background-position: -620px -19px; } /*** Autocomplete ***/ #content .autocomplete_completionListElement, .autocomplete_completionListElement { margin: 0; border: 1px solid gray; background-color: white; position: absolute; width: 350px; z-index: 1000; } #content .autocomplete_listItem, #content .autocomplete_highlightedListItem { padding: .1em .5em; text-indent: 0; margin: 0; } .autocomplete_listItem, .autocomplete_highlightedListItem { padding: .1em .5em; text-indent: 0; margin: 0; } .autocomplete_listItem:before, .autocomplete_highlightedListItem:before { content: '' !important; } #content .autocomplete_highlightedListItem, .autocomplete_highlightedListItem { background-color: #fffacd; } .highlight { background-color: #ccc; } .field_help { display: inline-block; } .field_help:before { background: #888; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; content: '?'; color: #fff; cursor: pointer; margin-left: 10px; padding: 2px 10px; position: relative; } .field_help:hover + .popup_field_help > .popup_field_help_container { opacity: 1; -webkit-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; transition: 0.3s ease-out; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; } .field_help + .popup_field_help { margin-top: -10px; padding-top: 10px; position: absolute; width: 100%; } .field_help + .popup_field_help:hover > .popup_field_help_container { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; } .field_help + .popup_field_help > .popup_field_help_container { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 15px #d6d6d6; -moz-box-shadow: 0 5px 15px #d6d6d6; box-shadow: 0 5px 15px #d6d6d6; font-size: 12px; margin-top: 10px; max-width: 500px; opacity: 0; padding: 15px 20px; position: absolute; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; transition: 0.2s ease-in; -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); visibility: hidden; z-index: 1; } .field_help + .popup_field_help > .popup_field_help_container:before { width: 0; height: 0; border-right: 15px solid transparent; border-bottom: 12px solid #fff; border-left: 15px solid transparent; -moz-transform: scale(0.9999); content: ''; left: 356px; position: absolute; top: -12px; } .selected-unselected-wrapper { margin: 10px 0 20px; } .selected-unselected-wrapper .selected-unselected { margin-left: 0; } label + .selected-unselected.pseudo { margin-left: 8px; } .selected-unselected { display: inline-block; font-size: 12px; font-weight: 600; margin-left: 8px; } @media (max-width: 576px) { .pretty_form .huge.type_text .additional_fields input { width: -webkit-calc(100% - 25px); width: -moz-calc(100% - 25px); width: calc(100% - 25px); } } @media (max-width: 475px) { .pretty_form .large.type_text input, .pretty_form .large textarea { width: 100%; } .field_help { position: absolute; right: 7px; top: 7px; } .field_help + .popup_field_help > .popup_field_help_container:before { left: auto; right: 7px; } } /* @author Oleg Krasnov (krasnov@artlebedev.ru) @created 2018.10.11 @copyright Art. Lebedev Studio (http://www.artlebedev.ru/) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ .ui-datepicker { width: 310px; } .ui-datepicker .ui-widget-header { background: none; border: none; margin: 15px 0 10px; } .ui-datepicker .ui-state-hover { background: none; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { border: none; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after { color: #000; content: '\e8f7'; font-family: 'icomoon' !important; font-size: 8px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; left: 50%; line-height: 1; position: absolute; top: 50%; pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-datepicker .ui-datepicker-prev { left: 5px; } .ui-datepicker .ui-datepicker-prev:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .ui-datepicker .ui-datepicker-next { right: 5px; } .ui-datepicker .ui-datepicker-next:after { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -moz-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); -o-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .ui-datepicker .ui-widget-header .ui-icon { background-image: none; } .ui-datepicker select.ui-datepicker-month { margin-right: 5px; } .ui-datepicker th { border: 0; color: #000; font-size: 12px; font-weight: normal; text-align: center; } .ui-datepicker th span[title="Saturday"], .ui-datepicker th span[title="Sunday"] { color: #ccc; } .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default { border: none; background: none; height: 30px; line-height: 30px; text-align: center; } .ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-widget-content .ui-state-default:hover { background: #f4f4f4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight { background: #fbf8ca; border: none; } .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active, .ui-datepicker a.ui-button:active, .ui-datepicker .ui-button:active, .ui-datepicker .ui-button.ui-state-active:hover { background: #a62b2a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; } .ui-datepicker .ui-state-active:hover, .ui-datepicker .ui-widget-content .ui-state-active:hover, .ui-datepicker .ui-widget-header .ui-state-active:hover, .ui-datepicker a.ui-button:active:hover, .ui-datepicker .ui-button:active:hover, .ui-datepicker .ui-button.ui-state-active:hover:hover { background: #a62b2a; opacity: 0.8; } .sprite-toggler-menu-left { background: url("sprites/sprite-common.svg") 0 0 no-repeat; width: 20px; height: 104px; } .sprite-toggler-menu-right { background: url("sprites/sprite-common.svg") 33.89831% 0 no-repeat; width: 20px; height: 104px; } .sprite-youtube-gray { background: url("sprites/sprite-common.svg") 100% 0 no-repeat; width: 39px; height: 17px; } .sprite-arj { background: url("sprites/sprite-docs.svg") 41.23711% 100% no-repeat; width: 20px; height: 11px; } .sprite-arj-min { background: url("sprites/sprite-docs.svg") 61.85567% 100% no-repeat; width: 20px; height: 11px; } .sprite-avi { background: url("sprites/sprite-docs.svg") 99.08069% 42.85714% no-repeat; width: 19.1px; height: 11px; } .sprite-avi-min { background: url("sprites/sprite-docs.svg") 99.08069% 28.57143% no-repeat; width: 19.1px; height: 11px; } .sprite-dbf { background: url("sprites/sprite-docs.svg") 21.875% 85.71429% no-repeat; width: 21px; height: 11px; } .sprite-dbf-min { background: url("sprites/sprite-docs.svg") 56.25% 28.57143% no-repeat; width: 21px; height: 11px; } .sprite-doc { background: url("sprites/sprite-docs.svg") 21.875% 57.14286% no-repeat; width: 21px; height: 11px; } .sprite-doc-min { background: url("sprites/sprite-docs.svg") 21.875% 71.42857% no-repeat; width: 21px; height: 11px; } .sprite-docx { background: url("sprites/sprite-docs.svg") 0 0 no-repeat; width: 27px; height: 11px; } .sprite-docx-min { background: url("sprites/sprite-docs.svg") 0 14.28571% no-repeat; width: 27px; height: 11px; } .sprite-ext { background: url("sprites/sprite-docs.svg") 23.15789% 42.85714% no-repeat; width: 22px; height: 11px; } .sprite-ext-min { background: url("sprites/sprite-docs.svg") 56.84211% 0 no-repeat; width: 22px; height: 11px; } .sprite-mp3 { background: url("sprites/sprite-docs.svg") 56.25% 42.85714% no-repeat; width: 21px; height: 11px; } .sprite-mp3-min { background: url("sprites/sprite-docs.svg") 0 57.14286% no-repeat; width: 21px; height: 11px; } .sprite-mpg { background: url("sprites/sprite-docs.svg") 56.84211% 14.28571% no-repeat; width: 22px; height: 11px; } .sprite-mpg-min { background: url("sprites/sprite-docs.svg") 0 42.85714% no-repeat; width: 22px; height: 11px; } .sprite-pdf { background: url("sprites/sprite-docs.svg") 100% 0 no-repeat; width: 20px; height: 11px; } .sprite-pdf-min { background: url("sprites/sprite-docs.svg") 100% 14.28571% no-repeat; width: 20px; height: 11px; } .sprite-ppt { background: url("sprites/sprite-docs.svg") 0 71.42857% no-repeat; width: 21px; height: 11px; } .sprite-ppt-min { background: url("sprites/sprite-docs.svg") 43.75% 71.42857% no-repeat; width: 21px; height: 11px; } .sprite-pptx { background: url("sprites/sprite-docs.svg") 30% 0 no-repeat; width: 27px; height: 11px; } .sprite-pptx-min { background: url("sprites/sprite-docs.svg") 30% 14.28571% no-repeat; width: 27px; height: 11px; } .sprite-rar { background: url("sprites/sprite-docs.svg") 0 100% no-repeat; width: 20px; height: 11px; } .sprite-rar-min { background: url("sprites/sprite-docs.svg") 20.61856% 100% no-repeat; width: 20px; height: 11px; } .sprite-rtf { background: url("sprites/sprite-docs.svg") 79.16667% 0 no-repeat; width: 21px; height: 11px; } .sprite-rtf-min { background: url("sprites/sprite-docs.svg") 79.16667% 14.28571% no-repeat; width: 21px; height: 11px; } .sprite-wmv { background: url("sprites/sprite-docs.svg") 79.16667% 28.57143% no-repeat; width: 21px; height: 11px; } .sprite-wmv-min { background: url("sprites/sprite-docs.svg") 79.16667% 42.85714% no-repeat; width: 21px; height: 11px; } .sprite-xls { background: url("sprites/sprite-docs.svg") 79.16667% 57.14286% no-repeat; width: 21px; height: 11px; } .sprite-xls-min { background: url("sprites/sprite-docs.svg") 79.16667% 71.42857% no-repeat; width: 21px; height: 11px; } .sprite-xlsx { background: url("sprites/sprite-docs.svg") 0 28.57143% no-repeat; width: 26px; height: 11px; } .sprite-xlsx-min { background: url("sprites/sprite-docs.svg") 28.57143% 28.57143% no-repeat; width: 26px; height: 11px; } .sprite-xml { background: url("sprites/sprite-docs.svg") 43.75% 85.71429% no-repeat; width: 21px; height: 11px; } .sprite-xml-min { background: url("sprites/sprite-docs.svg") 65.625% 85.71429% no-repeat; width: 21px; height: 11px; } .sprite-xsd { background: url("sprites/sprite-docs.svg") 0 85.71429% no-repeat; width: 21px; height: 11px; } .sprite-xsd-min { background: url("sprites/sprite-docs.svg") 43.75% 57.14286% no-repeat; width: 21px; height: 11px; } .sprite-zip { background: url("sprites/sprite-docs.svg") 97.9798% 57.14286% no-repeat; width: 18px; height: 11px; } .sprite-zip-min { background: url("sprites/sprite-docs.svg") 97.9798% 71.42857% no-repeat; width: 18px; height: 11px; } .vision-impaired .sprite-arj { background: url("sprites/sprite-docs-vision-impaired.svg") 41.23711% 100% no-repeat; width: 20px; height: 11px; } .vision-impaired .sprite-arj-min { background: url("sprites/sprite-docs-vision-impaired.svg") 61.85567% 100% no-repeat; width: 20px; height: 11px; } .vision-impaired .sprite-avi { background: url("sprites/sprite-docs-vision-impaired.svg") 99.08069% 42.85714% no-repeat; width: 19.1px; height: 11px; } .vision-impaired .sprite-avi-min { background: url("sprites/sprite-docs-vision-impaired.svg") 99.08069% 28.57143% no-repeat; width: 19.1px; height: 11px; } .vision-impaired .sprite-dbf { background: url("sprites/sprite-docs-vision-impaired.svg") 21.875% 85.71429% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-dbf-min { background: url("sprites/sprite-docs-vision-impaired.svg") 56.25% 28.57143% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-doc { background: url("sprites/sprite-docs-vision-impaired.svg") 21.875% 57.14286% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-doc-min { background: url("sprites/sprite-docs-vision-impaired.svg") 21.875% 71.42857% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-docx { background: url("sprites/sprite-docs-vision-impaired.svg") 0 0 no-repeat; width: 27px; height: 11px; } .vision-impaired .sprite-docx-min { background: url("sprites/sprite-docs-vision-impaired.svg") 0 14.28571% no-repeat; width: 27px; height: 11px; } .vision-impaired .sprite-ext { background: url("sprites/sprite-docs-vision-impaired.svg") 23.15789% 42.85714% no-repeat; width: 22px; height: 11px; } .vision-impaired .sprite-ext-min { background: url("sprites/sprite-docs-vision-impaired.svg") 56.84211% 0 no-repeat; width: 22px; height: 11px; } .vision-impaired .sprite-mp3 { background: url("sprites/sprite-docs-vision-impaired.svg") 56.25% 42.85714% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-mp3-min { background: url("sprites/sprite-docs-vision-impaired.svg") 0 57.14286% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-mpg { background: url("sprites/sprite-docs-vision-impaired.svg") 56.84211% 14.28571% no-repeat; width: 22px; height: 11px; } .vision-impaired .sprite-mpg-min { background: url("sprites/sprite-docs-vision-impaired.svg") 0 42.85714% no-repeat; width: 22px; height: 11px; } .vision-impaired .sprite-pdf { background: url("sprites/sprite-docs-vision-impaired.svg") 100% 0 no-repeat; width: 20px; height: 11px; } .vision-impaired .sprite-pdf-min { background: url("sprites/sprite-docs-vision-impaired.svg") 100% 14.28571% no-repeat; width: 20px; height: 11px; } .vision-impaired .sprite-ppt { background: url("sprites/sprite-docs-vision-impaired.svg") 0 71.42857% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-ppt-min { background: url("sprites/sprite-docs-vision-impaired.svg") 43.75% 71.42857% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-pptx { background: url("sprites/sprite-docs-vision-impaired.svg") 30% 0 no-repeat; width: 27px; height: 11px; } .vision-impaired .sprite-pptx-min { background: url("sprites/sprite-docs-vision-impaired.svg") 30% 14.28571% no-repeat; width: 27px; height: 11px; } .vision-impaired .sprite-rar { background: url("sprites/sprite-docs-vision-impaired.svg") 0 100% no-repeat; width: 20px; height: 11px; } .vision-impaired .sprite-rar-min { background: url("sprites/sprite-docs-vision-impaired.svg") 20.61856% 100% no-repeat; width: 20px; height: 11px; } .vision-impaired .sprite-rtf { background: url("sprites/sprite-docs-vision-impaired.svg") 79.16667% 0 no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-rtf-min { background: url("sprites/sprite-docs-vision-impaired.svg") 79.16667% 14.28571% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-wmv { background: url("sprites/sprite-docs-vision-impaired.svg") 79.16667% 28.57143% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-wmv-min { background: url("sprites/sprite-docs-vision-impaired.svg") 79.16667% 42.85714% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-xls { background: url("sprites/sprite-docs-vision-impaired.svg") 79.16667% 57.14286% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-xls-min { background: url("sprites/sprite-docs-vision-impaired.svg") 79.16667% 71.42857% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-xlsx { background: url("sprites/sprite-docs-vision-impaired.svg") 0 28.57143% no-repeat; width: 26px; height: 11px; } .vision-impaired .sprite-xlsx-min { background: url("sprites/sprite-docs-vision-impaired.svg") 28.57143% 28.57143% no-repeat; width: 26px; height: 11px; } .vision-impaired .sprite-xml { background: url("sprites/sprite-docs-vision-impaired.svg") 43.75% 85.71429% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-xml-min { background: url("sprites/sprite-docs-vision-impaired.svg") 65.625% 85.71429% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-xsd { background: url("sprites/sprite-docs-vision-impaired.svg") 0 85.71429% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-xsd-min { background: url("sprites/sprite-docs-vision-impaired.svg") 43.75% 57.14286% no-repeat; width: 21px; height: 11px; } .vision-impaired .sprite-zip { background: url("sprites/sprite-docs-vision-impaired.svg") 97.9798% 57.14286% no-repeat; width: 18px; height: 11px; } .vision-impaired .sprite-zip-min { background: url("sprites/sprite-docs-vision-impaired.svg") 97.9798% 71.42857% no-repeat; width: 18px; height: 11px; } @font-face { font-family: 'icomoon'; src: url("icomoon.ttf?e6iida") format("truetype"), url("icomoon.woff?e6iida") format("woff"), url("icomoon.svg?e6iida#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="ico-"], [class*=" ico-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ico-logo-without-title:before { content: ""; } .ico-logo-eagles:before { content: ""; } .ico-footer-logo:before { content: ""; } .ico-logo:before { content: ""; } .ico-logo-short:before { content: ""; } .ico-logo-short-10mm:before { content: ""; } .ico-logo-short-6mm:before { content: ""; } .ico-logo-short-vertical:before { content: ""; } .ico-logo-short-vertical-10mm:before { content: ""; } .ico-logo-eng:before { content: ""; } .ico-logo-eng-short:before { content: ""; } .ico-logo-eng-short-10mm:before { content: ""; } .ico-logo-eng-short-6mm:before { content: ""; } .ico-logo-eng-short-vertical:before { content: ""; } .ico-logo-eng-short-vertical-10mm:before { content: ""; } .ico-logo-eng-short-vertical-6mm:before { content: ""; } .ico-logo-short-vertical-6mm:before { content: ""; } .ico-logo-chn-short:before { content: ""; } .ico-logo-chn:before { content: ""; } .ico-social-yt:before { content: ""; } .ico-social-fb:before { content: ""; } .ico-social-tw:before { content: ""; } .ico-social-vk:before { content: ""; } .ico-social-ok:before { content: ""; } .ico-arr-prev:before { content: ""; } .ico-arr-next:before { content: ""; } .ico-arrow-fat:before { content: ""; } .ico-arrow-thin:before { content: ""; } .ico-arrow-triangle:before { content: ""; } .ico-arrow-in-circle:before { content: ""; } .ico-dropdown:before { content: ""; } .ico-plus:before { content: ""; } .ico-warning:before { content: ""; } .ico-play:before { content: ""; } .ico-question:before { content: ""; } .ico-close:before { content: ""; } .ico-close2:before { content: ""; } .ico-handset:before { content: ""; } .ico-flag:before { content: ""; } .ico-info:before { content: ""; } .ico-list-view:before { content: ""; } .ico-grid-view:before { content: ""; } .ico-edit:before { content: ""; } .ico-burger:before { content: ""; } .ico-search:before { content: ""; } .ico-rss:before { content: ""; } .ico-dragger:before { content: ""; } .ico-download:before { content: ""; } .ico-new-window:before { content: ""; } .ico-info-in-square:before { content: ""; } .ico-spectacles:before { content: ""; } .ico-print:before { content: ""; } .ico-letter:before { content: ""; } .ico-star:before { content: ""; } .ico-document:before { content: ""; } .ico-ecia:before { content: ""; } .ico-rouble:before { content: ""; } .ico-like:before { content: ""; } .ico-dislike:before { content: ""; } .ico-reload:before { content: ""; } .ico-download2:before { content: ""; } .ico-play2:before { content: ""; } .ico-lock:before { content: ""; } .ico-checkmark:before { content: ""; } .ico-flag-finish:before { content: ""; } span.file .icon, p.file .icon { height: 9px; left: 0; margin-left: 3px; position: absolute; top: 4px; width: 20px; } .icon { display: block; position: absolute; overflow: hidden; background: url("icons.png") no-repeat; top: 0.65em; } a .icon, .pseudo .icon { cursor: pointer; } span.file.DOC .icon, span.file.DOCX .icon, p.file.DOC .icon, p.file.DOCX .icon { background-position: -20px -531px; } span.file.XLS .icon, span.file.XLSX .icon, p.file.XLS .icon, p.file.XLSX .icon { background-position: -40px -531px; } span.file.PDF .icon, p.file.PDF .icon { background-position: -60px -531px; } span.file.ZIP .icon, p.file.ZIP .icon { background-position: -80px -531px; } span.file.RAR .icon, p.file.RAR .icon { background-position: -100px -531px; } span.file.AVI .icon, p.file.AVI .icon { background-position: -120px -531px; } span.file.WMV .icon, p.file.WMV .icon { background-position: -140px -531px; } span.file.XML .icon, p.file.XML .icon { background-position: -160px -531px; } span.file.ARJ .icon, p.file.ARJ .icon { background-position: -180px -531px; } span.file.XSD .icon, p.file.XSD .icon { background-position: -200px -531px; } span.file.DBF .icon, p.file.DBF .icon { background-position: -220px -531px; } span.file.MPG .icon, p.file.MPG .icon { background-position: -240px -531px; } span.file.MP3 .icon, p.file.MP3 .icon { background-position: -261px -531px; } span.file.RTF .icon, p.file.RTF .icon { background-position: -281px -531px; } span.file.PPT .icon, p.file.PPT .icon { background-position: -301px -531px; } span.file.small_icon .icon_add.icon, p.file.small_icon .icon_add.icon { background-position: -620px 0; } span.file.small_icon .icon_exit .icon, p.file.small_icon .icon_exit .icon { background-position: 0 -531px; } span.file.small_icon .icon_add.icon, p.file.small_icon .icon_add.icon { height: 17px; left: 3px; top: 0; } .file_download { color: #a8a8a8; display: inline-block; margin-right: 15px; margin-top: 10px; } .file_download:last-child { margin-right: 0; } .file_download a { color: #a8a8a8; border: none; } .file_download .ico-download { font-size: 14px; margin-right: 7px; } /*Social icons*/ .social { color: #79868e; } .social .networks { z-index: 1; } .social .networks a { margin-right: 15px; } .social .networks a:last-child { margin-right: 0; } .social .networks a .ico-social { cursor: pointer; display: inline-block; vertical-align: middle; } .social .networks a .ico-social:before { color: #bababa; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; } .social .networks a .ico-social-fb { font-size: 18px; } .social .networks a .ico-social-fb:hover:before { color: #566fa2; } .social .networks a .ico-social-vk { font-size: 20px; } .social .networks a .ico-social-vk:hover:before { color: #5181B8; } .social .networks a .ico-social-tw { font-size: 13px; } .social .networks a .ico-social-tw:hover:before { color: #26b2e7; } .social .networks a .ico-social-yt { font-size: 13px; } .social .networks a .ico-social-yt:hover:before { color: #bb0000; } p.file.ESIA .icon, h3.file.ESIA .icon { background-position: -790px 5px; } p.file.VK .icon, h3.file.VK .icon { background-position: -827px 5px; } p.file.FB .icon, h3.file.FB .icon { background-position: -863px 5px; } p.file.OK .icon, h3.file.OK .icon { background-position: -900px 5px; } p.file.ESIA .icon:hover, h3.file.ESIA .icon:hover { background-position: -790px -23px; } p.file.VK .icon:hover, h3.file.VK .icon:hover { background-position: -827px -23px; } p.file.FB .icon:hover, h3.file.FB .icon:hover { background-position: -863px -23px; } p.file.OK .icon:hover, h3.file.OK .icon:hover { background-position: -900px -23px; } .envelope, .file_by_mail, .new_window, .icon_print, .icon_info, .icon_list { display: inline-block; width: 19px; height: 16px; background: url("icons.png") no-repeat -135px 3px; vertical-align: middle; text-decoration: none; margin: 0 5px; } .new_window { width: 16px; background-position: -270px 0; } .file_by_mail, p.file .icon.file_by_mail { background-position: -130px 0; width: 25px; height: 10px; } .icon_info { width: 16px; background-position: -290px 0; margin: -3px 5px 0 3px; } .icon_print { width: 16px; background-position: -310px 0; } .icon_list { width: 16px; background-position: -326px 0; } .icon_close { width: 16px; height: 16px; position: static; display: inline-block; background-position: -600px 0; } .icon_close:hover { background-position: -600px -19px; } .icon_add { width: 16px; height: 16px; background-position: -620px 0; } a.outerlink { margin-right: 25px; } a.outerlink:after { content: ""; font-family: 'icomoon'; margin: 1px 0 0 7px; position: absolute; } .ico [class^="ico-"], .ico [class*=" ico-"] { left: 0; position: absolute; top: 3px; } .ico.right { padding-left: 0; } .ico.right > a, .ico.right > span { border: none; padding-right: 26px; position: relative; } .ico.right [class^="ico-"], .ico.right [class*=" ico-"] { left: auto; right: 0; } .ico .center { text-align: center; width: 30px; } h3.ico { padding-left: 44px; position: relative; } h3.ico .center { width: 44px; } /* @author Oleg Krasnov (krasnov@artlebedev.ru) @created 2017.09.26 @copyright Art. Lebedev Studio (http://www.artlebedev.ru/) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ .sprite { display: block; overflow: hidden; position: absolute; } .file .sprite { left: 0; margin-left: 3px; position: absolute; top: 3px; } .file .sprite.sprite-paper { margin-left: -31px; } .file .sprite.sprite[class*='docx'], .file .sprite.sprite[class*='pptx'], .file .sprite.sprite[class*='xlsx'], .file .sprite.sprite[class*='docx-min'], .file .sprite.sprite[class*='pptx-min'], .file .sprite.sprite[class*='xlsx-min'] { margin-left: 0; } .file .yellow + .sprite, .file .yellow > .sprite { top: 6px; } p.file .data { display: none; } /* @author Roman Kosovichev (romandkos@artlebedev.ru) @created 2017.08.10 @copyright Art. Lebedev Studio (http://www.artlebedev.ru/) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ .langs { font-size: 78%; position: absolute; right: -70px; top: 0.5em; } #footer .langs { display: none; } .langs li { display: inline-block; margin-left: 10px; } .langs li:first-child { margin-left: 0; } .langs li.selected { color: #ae0000; } /* @author Roman Kosovichev (romandkos@design.ru) @created 2017.08.10 @copyright Art. Lebedev Studio (http://www.artlebedev.ru/) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ .version-switcher { position: relative; padding-left: 31px; margin-left: 10px; } .version-switcher__link .ico-spectacles { font-size: 26px; left: 0; position: absolute; top: -5px; } .version-switcher .version-switcher__link_normal, .version-switcher.active .version-switcher__link_impaired { display: none; } .version-switcher .version-switcher__link_normal .ico-spectacles, .version-switcher.active .version-switcher__link_impaired .ico-spectacles { font-size: 30px; left: -5px; } .version-switcher .version-switcher__link_impaired, .version-switcher.active .version-switcher__link_normal { display: inline; } /* @author Roman Kosovichev (romandkos@artlebedev.ru) @created 2017.08.10 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ #nav .menu { width: 240px; min-height: 100px; padding: 1em 0 1.5em 0; border: 1px solid #8a8a8c; border-left-width: 0; border-right-width: 3px; line-height: 1.3; position: relative; -webkit-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; z-index: 5; } #nav .menu .toggler { width: 18px; height: 103px; left: 100%; margin-left: 3px; top: 20px; background-position: -50px 0; cursor: pointer; } #nav .menu ul { margin-left: 1em; } #nav .menu ul.last_level { margin-top: 0.5em; } #nav .menu > ul { margin: 0 0.5em 0 20px; } #nav .menu .last_level div { margin-bottom: 0; } #nav .menu li div { margin: 0 0 -0.3em -0.8em; padding: 0.5em 0.8em; } #nav .menu li div.current { color: #aa0003; background: #f4f4f4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #main .inner_menu { background: #f7f7f7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 2em -2px; max-width: 60em; padding: 0.7em 1.5em 0.5em 1.5em; } #main .inner_menu.like_switcher { background: #e2e0e1; background: -webkit-gradient(linear, left top, left bottom, from(#e2e0e1), to(#e8e6e7)); background: -webkit-linear-gradient(top, #e2e0e1 0%, #e8e6e7 100%); background: -moz- oldlinear-gradient(top, #e2e0e1 0%, #e8e6e7 100%); background: -o-linear-gradient(top, #e2e0e1 0%, #e8e6e7 100%); background: linear-gradient(to bottom, #e2e0e1 0%, #e8e6e7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e0e1', endColorstr='#e8e6e7', GradientType=0); } #main .inner_menu.like_switcher ul { margin-bottom: 0; } #main .inner_menu ul { margin-right: 5%; width: 45%; } #main .inner_menu .search ul { margin-right: 0; } #main .inner_menu.cols_3 ul { margin-right: 3%; width: 30%; } #main .inner_menu li { margin-bottom: 0.2em; } #main .inner_menu li > div { display: inline-block; margin-left: -0.5em; padding: 0.2em 0.5em 0.25em 0.5em; } #main .inner_menu li > div b { font-weight: normal; } #main .inner_menu li > div.parent, #main .inner_menu li > div.current { background: #a62a2a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; } #main .inner_menu li.current > div { background: #a62a2a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; } #main .inner_menu li > div.parent a, #main .inner_menu li > div.parent a:hover { color: #fff; border-color: rgba(255, 255, 255, 0.3); } /* @author Roman Kosovichev (romandkos@artlebedev.ru) @created 2017.08.10 @copyright Art. Lebedev Studio (http://www.artlebedev.ru/) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ .thermo { font-size: 92%; } .thermo li { position: relative; float: left; padding: 0 17px 10px 0; margin-right: 0.5em; white-space: nowrap; } .thermo li:after { content: "\e8f7"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; right: 0; top: 5px; pointer-events: none; color: #ababab; font-size: 7px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .thermo li:last-child:after { display: none; } .thermo.no_visited li a { color: #ababab; border-color: rgba(171, 171, 171, 0.3); } /* @author Roman Kosovichev (romandkos@artlebedev.ru) @created 2017.08.10 @copyright Art. Lebedev Studio (http://www.artlebedev.ru/) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ .whole_site_opener { float: left; margin-right: 20px; margin-top: 26px; cursor: pointer; } .whole_site_opener .burger { display: inline-block; height: 16px; position: relative; width: 25px; } .whole_site_opener .burger:before, .whole_site_opener .burger:after { content: ''; } .whole_site_opener .burger:before, .whole_site_opener .burger:after, .whole_site_opener .burger span { position: absolute; width: 100%; height: 2px; background: #7f7f7f; display: block; } .whole_site_opener .burger:before { top: 0; } .whole_site_opener .burger:after { bottom: 0; } .whole_site_opener .burger span { margin-top: -1px; top: 50%; } .whole_site_opener .burger:hover:before, .whole_site_opener .burger:hover:after, .whole_site_opener .burger:hover span { background-color: #b66d28; } .whole_site { background: #8a898e; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; display: none; left: 0; overflow: auto; padding: 20px 20px 70px; position: fixed; right: 0; top: 0; width: 100%; } .whole_site__container { bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; padding: 120px 20px 120px 65px; position: absolute; right: 0; top: 0; max-width: 1450px; } .whole_site_map_container:after { display: block; content: ''; clear: both; } .whole_site a, .whole_site .pseudo, .whole_site.no_visited a:visited { color: #fff; border-color: rgba(255, 255, 255, 0.3); -webkit-transition: border 0.3s; -o-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s; } .whole_site a:hover, .whole_site .pseudo:hover { border-color: white; color: #fff; -webkit-transition: border 0.3s; -o-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s; } .whole_site .logo, .whole_site .whole_site_opener, .whole_site .popup_close { position: absolute; top: 20px; } .whole_site .hotline { border-top: 1px solid #fff; padding-top: 30px; margin-top: 30px; clear: both; } .whole_site .hotline address { margin-bottom: .5em; font-size: 130%; font-style: normal; display: inline-block; text-align: right; } .whole_site li.delimiter { pointer-events: none; } .whole_site .hr:before { background: #8a898e; color: #fff; } .popup .popup_close { position: absolute; top: 20px; } .whole_site .logo { left: 65px; } .whole_site .logo .ico-logo:before, .whole_site .logo .ico-logo-short:before, .whole_site .logo .ico-logo-eng:before, .whole_site .logo .ico-logo-eng-short:before, .whole_site .logo .ico-logo-chn:before, .whole_site .logo .ico-logo-chn-short:before { color: #fff; } .whole_site .logo a:hover { opacity: 1; } .whole_site .whole_site_opener { left: 20px; } .whole_site .whole_site_opener .burger:before, .whole_site .whole_site_opener .burger:after, .whole_site .whole_site_opener .burger span { background-color: #fff; } .popup .popup_close { right: 13px; top: 13px; font-size: 92%; color: #000; line-height: 1.2; cursor: pointer; } .whole_site { z-index: 10; } .whole_site .popup_close { font-size: 92%; line-height: 1.2; cursor: pointer; right: 20px; top: 30px; color: #fff; } .whole_site .popup_close i { font-size: 30px; font-family: 'Times New Roman'; margin-right: 3px; position: absolute; right: 100%; top: -11px; } .whole_site .popup_close .icon { width: 11px; height: 11px; left: -18px; margin-top: -5px; background-position: -102px 0; } .whole_site .popup_close:hover .icon { background-position: -102px -11px; } .whole_site .first_level_switcher { border-right: 3px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; font-size: 16px; margin-bottom: 2em; margin-right: 30px; margin-top: 1em; padding-right: 35px; width: -webkit-calc(34% - 35px); width: -moz-calc(34% - 35px); width: calc(34% - 35px); } .whole_site .first_level_switcher ul { margin-bottom: 30px; margin-top: -10px; width: 100%; } .whole_site .first_level_switcher li { margin: 18px 0; } .whole_site .first_level_switcher .selected { margin: 18px 0 -16px; } .whole_site .first_level_switcher .selected.directlink { margin: 18px 0; } .whole_site .first_level_switcher .selected .pseudo { background: rgba(255, 255, 255, 0.4); border: none; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; color: #fff; cursor: default; display: inline-block; font-weight: bold; left: -8px; position: relative; padding: 8px; top: -8px; width: -webkit-calc(100% - 19px); width: -moz-calc(100% - 19px); width: calc(100% - 19px); } .whole_site .first_level_switcher .selected .pseudo:hover { border-color: #fff; } .whole_site .first_level_switcher .selected .pseudo:after { background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, #b9b8bb), color-stop(51%, transparent)), -webkit-gradient(linear, left top, right bottom, color-stop(50%, #b9b8bb), color-stop(51%, transparent)); background: -webkit-linear-gradient(bottom left, #b9b8bb 50%, transparent 51%), -webkit-linear-gradient(top left, #b9b8bb 50%, transparent 51%); background: -moz- oldlinear-gradient(bottom left, #b9b8bb 50%, transparent 51%), -moz- oldlinear-gradient(top left, #b9b8bb 50%, transparent 51%); background: -o-linear-gradient(bottom left, #b9b8bb 50%, transparent 51%), -o-linear-gradient(top left, #b9b8bb 50%, transparent 51%); background: linear-gradient(to top right, #b9b8bb 50%, transparent 51%), linear-gradient(to bottom right, #b9b8bb 50%, transparent 51%); -moz-background-size: 100% 50%; -o-background-size: 100% 50%; background-size: 100% 50%; background-position: top left, bottom left; background-repeat: no-repeat; bottom: 0; content: ''; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b8bb', endColorstr='#b9b8bb', GradientType=0); position: absolute; right: -20px; top: 0; width: 20px; z-index: 10; } .whole_site h2 { font-size: 36px; margin-top: 10px; padding: 0 7px; } .whole_site .front { float: left; width: 66%; } .whole_site .front .col { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 7px; width: 50%; } .whole_site .front li { margin-bottom: 1em; } .whole_site .front ul ul { padding: 0.5em 0 0.5em 0; } .whole_site .front ul ul li { margin-bottom: 0.6em; font-size: 13px; } .whole_site .front ul ul ul { font-size: 87%; padding-bottom: 0.2em; } .whole_site .front ul ul ul li { margin-bottom: 0.5em; } .whole_site .front .col > ul > li > div { font-size: 21px; } .whole_site .front div.current { padding: 0.3em 0.5em; background: rgba(255, 255, 255, 0.3); margin-left: -0.5em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; } .whole_site .front div.current a { color: #fff !important; } .whole_site .front div.current a:hover { color: #fff !important; } .whole_site .front div.current b { color: #fff !important; } .whole_site .whole_site_extra { display: none; text-align: center; padding-bottom: 35px; } .whole_site .whole_site_extra .important-links__item { margin: 0 7px; } .whole_site .whole_site_extra .social { position: static; text-align: center; margin: 30px 0 25px; } .whole_site .whole_site_extra .social a { width: 90px; } .whole_site .whole_site_extra .social .ico-social:before { color: #fff; opacity: 1; } .whole_site .whole_site_extra .social .ico-social:hover:before { color: #fff; opacity: 0.8; } .whole_site .whole_site_extra .social .ico-social-vk, .whole_site .whole_site_extra .social .ico-social-fb { font-size: 30px; } .whole_site .whole_site_extra .social .ico-social-tw, .whole_site .whole_site_extra .social .ico-social-yt { font-size: 21px; } .whole_site .whole_site_extra .search-field input.text { color: #fff; border: none; background: rgba(255, 255, 255, 0.3); } .whole_site .whole_site_extra .search-field input.text::-webkit-input-placeholder { color: #fff; } .whole_site .whole_site_extra .search-field input.text:-moz-placeholder { color: #fff; } .whole_site .whole_site_extra .search-field input.text::-moz-placeholder { color: #fff; } .whole_site .whole_site_extra .search-field input.text:-ms-input-placeholder { color: #fff; } .whole_site .whole_site_extra .search-field input.text::-ms-input-placeholder { color: #fff; } .whole_site .whole_site_extra .search-field input.text::placeholder { color: #fff; } .whole_site .whole_site_extra .search-field .ico-search { color: #fff; } /* @author Alexander Samilyak (aleksam241@gmail.com) @created 2012.02.17 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ p { -webkit-font-smoothing: antialiased; } .popup.popup_complaint { left: 0; margin: 0 auto; max-height: 80%; min-height: 300px; overflow-y: auto; padding: 40px 30px; right: 0; position: fixed; top: 5%; } .popup.popup_complaint.email { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 400px; min-height: initial; } .popup.popup_complaint.wide { height: 80%; width: 80%; } .popup.popup_complaint.wide .three.gcolumns img { max-width: 220px; } .popup.popup_complaint .comment { margin-bottom: 15px; } .popup.popup_complaint .pretty_form dl.type_text, .popup.popup_complaint .pretty_form dl.type_submit { padding-bottom: 0; } .popup.popup_complaint .photogallery { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -4px 10px; } .popup.popup_complaint .photogallery .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px; } .popup.popup_complaint .photogallery .item img { margin-bottom: 5px; max-height: 150px; max-width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .popup.popup_complaint .photogallery .item img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .popup_close { cursor: pointer; position: fixed; z-index: 999; right: 15px; top: 15px; } .mCSB_scrollTools .mCSB_dragger.hidden { display: none !important; } .popup h4 { margin-bottom: 7px; margin-top: 15px; } .popup .mCSB_inside > .mCSB_container { margin-right: 15px; padding-left: 2px; } .popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #c5c6be; width: 2px; opacity: 1; } .popup .mCSB_scrollTools .mCSB_draggerRail { background: #fff; } .popup .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .popup .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .popup .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #c5c6be; width: 4px; opacity: 1; } @media screen and (max-width: 900px) { .gcontainer { min-width: initial; } .popup.popup_complaint.wide .three.gcolumns { width: 180px !important; margin-bottom: 20px; } .popup.popup_complaint.wide .eight.gcolumns { width: 100%; margin-left: 0; } } .with_top_line { border-top: 5px solid #ecb32e; } .hr { position: relative; border-top: 1px solid #b9b6a3; margin-bottom: 1em; } .hr:before, .hr .bul { background: #fff; color: #b9b6a3; content: '\e91a'; font-family: icomoon; font-size: 10px; left: 50%; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; } .hr.no_bul:before, .hr.no_bul .bul { display: none; } .wave_hr { border-top: 1px solid #ccc; margin-bottom: 15px; margin-top: 15px; } .width_reducer { max-width: 60.3em; margin: 0 0 2em 0; } .accent_block { background: #f7f7f7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; padding: 15px 20px; position: relative; z-index: 2; } .accent_block ~ p { display: table; } .accent_block.with_top_line { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .accent_block.extra { float: right; margin-left: 20px; min-width: 225px; width: 25%; } .accent_block.wide33 { min-width: 275px; width: 33.33%; } .accent_block.wide50 { width: 50%; } .accent_block .gcontainer { text-align: center; } .accent_block .gcontainer p { text-align: left; } .accent_block_wide { border-left: 5px solid #ecb32e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; padding: 0 20px; width: 70%; } .accent_block_wide .gcontainer { padding: 0; text-align: center; } .accent_block_wide .gcontainer img { padding: 15px 0; } .accent_block_wide .gcontainer p { text-align: left; } .accent_block_wide.wide30 { min-width: 275px; width: 33.33%; } .accent_block_wide.wide50 { width: 50%; } .accent_block_wide.wide100 { width: 100%; } form.accent_block { padding-top: 1.5em; padding-bottom: 1.5em; } .accent_block .accent_block_img { float: left; margin-right: 15px; } .separate_block { margin: 4em 0; } h1 + #content .regions_menu { margin-top: 1.65em; } @media screen and (max-width: 900px) { .accent_block_wide .gcontainer, .accent_block .gcontainer { min-width: 630px; } } @media (max-width: 768px) { .accent_block_wide, .accent_block_wide.wide30, .accent_block_wide.wide50, .accent_block_wide.wide100, .accent_block.extra { width: 100%; } .accent_block_wide.right, .accent_block_wide.wide30.right, .accent_block_wide.wide50.right, .accent_block_wide.wide100.right, .accent_block.extra.right { float: none; margin-left: 0; } .accent_block_wide .gcontainer, .accent_block .gcontainer { min-width: initial; } } #content ul.switcher > li::before { content: ''; } .switcher { margin-bottom: 1em; line-height: 1.1; } .switcher li { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; margin: 0 1em 0.2em 0; } .switcher li:before { content: ''; } .switcher .overflow { overflow: hidden; } .switcher .selected b { font-weight: normal; } .switcher .selected .pseudo, .switcher .selected a { cursor: text; border: none; text-decoration: none; } .switcher .selected .pseudo:hover, .switcher .selected a:hover { cursor: text; border: none; text-decoration: none; } .switcher li h2, .switcher li h3 { margin: 0; } .switcher.type1 { font-size: 140%; margin-bottom: 0.5em !important; margin-left: -0.4em !important; } .switched .switcher.type1 { font-size: 100%; } .switcher.type1 li { margin-right: 0.3em !important; padding: 0.2em 0.4em; } .switcher.type1 .selected { color: #AA0003 !important; } .switcher.type1 .selected a, .switcher.type1 .selected .pseudo { color: #AA0003 !important; } .switcher.type2 .selected { background: #ae0000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; } .switcher.type2 .selected a, .switcher.type2 .selected .pseudo { color: #fff; } .reports .normal .switcher.type1 .selected { color: #fff !important; background: #ae0000; padding-bottom: 0.35em; } .reports .normal .switcher.type1 .selected a, .reports .normal .switcher.type1 .selected .pseudo { color: #fff !important; background: #ae0000; padding-bottom: 0.35em; } .site_map_switcher .switcher.type1 .selected { color: #fff !important; background: #ae0000; } .site_map_switcher .switcher.type1 .selected a, .site_map_switcher .switcher.type1 .selected .pseudo { color: #fff !important; background: #ae0000; } .header .switcher.type2 { font-size: small; margin-top: 1em; } .header .switcher.type2 li a { font-weight: normal; font-family: Arial; font-size: 14px !important; line-height: 18px !important; text-decoration: underline; } div.switcher.type2.switcher_near_extra { display: table-cell; } div.switcher.type2.switcher_near_extra + * { margin-top: 15px; } ul.switcher.type2.switcher_near_extra { display: block; } #content .switched ul.switcher.type1 { margin-top: 0; } #content .switched ul.switcher.type1:after { content: ''; display: table; clear: both; } #content ul.switcher.type2, .switcher.type2 { margin-bottom: 15px; } #content p + ul.switcher.type2 { margin-top: -0.5em; } #content ul.switcher.type1, #content ul.switcher.type2 { margin-left: 0; } .switcher.type2 { border: 1px solid #ccc; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; display: inline-block; min-width: 75px; padding: 7px 5px; position: relative; *display: inline; } .switcher.type2 li { padding: 0.3em 0.5em; margin: 0 !important; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; position: relative; } .switcher.type2 p { margin-bottom: 0; } .switcher.type2.foldable { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .switcher.type2.foldable.modified { overflow: visible; } .switcher.type2.foldable li { padding-bottom: 6px; } .switcher.type2.foldable li.all span { margin-bottom: 0; } .switcher.type2.foldable.not_equal li { width: 138px; } .switcher.type2.foldable li.foldable_control { width: auto !important; } .switcher.type2.foldable.inside_ul { margin-bottom: 15px !important; } .switcher.type2 .foldable_dots, .switcher.type2 .foldable_spacer { text-align: right; display: block; float: right; height: 100%; } .switcher.type2 .foldable_switcher { text-align: right; display: block; float: right; height: 100%; } .switcher.type2 .open, .switcher.type2.open .close { display: inline; } .switcher.type2 .close, .switcher.type2.open .open { display: none; } .switcher.type2.foldable { padding-right: 115px; } .switcher.type2.foldable:after { content: ''; display: block; clear: both; } .switcher.type2.foldable .switcher-line_with-year { padding-left: 70px; } .switcher.type2.foldable .switcher-line_with-year .switcher-item_year { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -70px; margin-right: 0; width: 70px; } .switcher.type2.foldable .switcher-line_with-year .switcher-item_year.selected { background: none; } .switcher.type2.foldable .switcher-line_with-year .switcher-item_year.selected a { background: #ae0000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: -5px; padding: 0.3em 0.5em; } .switcher.type2.foldable .foldable_switcher { float: none; position: absolute; right: 0.3em; height: auto; width: auto !important; } .switcher.type2.foldable.modified .foldable_switcher { top: 9px; } .switcher.type2.foldable.open .switcher-line { display: block; } .switcher.type2.foldable .switcher-line { display: none; } .switcher.type2.foldable .switcher-line.switcher-line-selected { display: block; } .switcher.type2.foldable .switcher-line:after { content: ''; display: block; clear: both; } .switcher.type2.foldable .switcher-line:first-of-type { display: block; } .switcher.type2.foldable.padding_right_redefine { padding-right: 0.3em; } .switcher.type2.foldable.padding_right_redefine .foldable_control { padding: 0; visibility: hidden; } .switcher.type2.foldable.padding_right_redefine .foldable_control.foldable_spacer, .switcher.type2.foldable.padding_right_redefine .foldable_control.foldable_dots { display: none; } .switcher.type2.foldable.open .switcher-item.hidden { height: auto; padding: 0.3em 0.5em; visibility: visible; } .switcher.type2.foldable .switcher-item { padding: 0.3em 0.5em; margin: 0 0.2em; position: relative; float: left; white-space: nowrap; z-index: 0; } .switcher.type2.foldable .switcher-item > span { position: relative; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .switcher.type2.foldable .switcher-item > span > a { position: relative; z-index: 2; } .switcher.type2.foldable .switcher-item > span .data { background: #f7f7f7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; color: #999; display: none; font-size: 11px; left: -10px; min-width: 90px; padding: 30px 10px 10px; position: absolute; right: -10px; top: -7px; white-space: normal; } .switcher.type2.foldable .switcher-item > span .data:after { bottom: 3px; -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3); content: ''; left: 13px; position: absolute; right: 13px; z-index: -1; } .switcher.type2.foldable .switcher-item > span .data.wide { width: 200px; } .switcher.type2.foldable .switcher-item.hidden { height: 0; padding-bottom: 0; padding-top: 0; visibility: hidden; } .switcher.type2.foldable .switcher-item:hover { z-index: 1; } .switcher.type2.foldable .switcher-item:hover > span:before, .switcher.type2.foldable .switcher-item:hover > span .data { display: block; } .switcher.type2.foldable .foldable_switcher { margin: 2px 10px 2px 10px; white-space: nowrap; } .switcher.type2.foldable.with_all_link { padding-right: 235px; } .switcher.type2.foldable.with_all_link .foldable_switcher { right: 125px; } .switcher.type2.foldable.with_all_link .all { padding: 0; position: absolute; right: 10px; top: 11px; } #content ul.switcher.type3 { margin: 0 0 1.3em -0.5em; min-width: 75px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #content ul.switcher.type3:after { content: ''; display: table; clear: both; } #content ul.switcher.type3 li { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0.2em; padding: 0.3em 0.5em; } #content ul.switcher.type3 li:before { display: none; } #content ul.switcher.type3 .selected { background: #ae0000; } .vision-impaired #content ul.switcher.type3 .selected { background: #000; } #content ul.switcher.type3 a, #content ul.switcher.type3 .pseudo { color: #000; border-color: rgba(0, 0, 0, 0.3); } #content ul.switcher.type3 .selected { color: #fff !important; } #content ul.switcher.type3 .selected a, #content ul.switcher.type3 .selected .pseudo { color: #fff !important; } #content ul.switcher.type4 { display: inline-block; margin: 0 0 1.3em 0; min-width: 75px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #content ul.switcher.type4 li { background: #f5f4ff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 10px 7px 0; padding: 8px 20px; } #content ul.switcher.type4 li:before { display: none; } #content ul.switcher.type4 li:last-child { margin-right: 0; } #content ul.switcher.type4 a { border: none; font-weight: 600; } #content ul.switcher.type_colors { margin: 0; } #content ul.switcher.type_colors:after { content: ''; display: table; clear: both; } #content ul.switcher.type_colors li { border: 2px solid transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor: pointer; margin: 0 10px 0 0; } #content ul.switcher.type_colors li span { border: 2px solid #e7e7e7; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: block; height: 23px; width: 23px; } #content ul.switcher.type_colors li:nth-child(1) span { background: #fff; } #content ul.switcher.type_colors li:nth-child(2) span { background: #74777b; } #content ul.switcher.type_colors li:nth-child(3) span { background: #0082bb; } #content ul.switcher.type_colors li.selected { border-color: #b82827; } .switcher_content.scroll { position: relative; } .switcher_content.scroll .gcontainer { white-space: nowrap; overflow: hidden; } .switcher_content.scroll .scrollable { -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out; -moz-transition: transform .3s ease-in-out, -moz-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out, -o-transform .3s ease-in-out; } .switcher_content.scroll > .gcontainer:before { position: absolute; display: block; content: ''; width: 40px; left: -22px; height: 100%; background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0.04))); background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.04) 100%); background: -moz- oldlinear-gradient(left, white 0%, rgba(255, 255, 255, 0.04) 100%); background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.04) 100%); background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.04) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); z-index: 999; } .switcher_content.scroll > .gcontainer:after { position: absolute; display: block; content: ''; width: 40px; height: 100%; z-index: 999; right: -22px; left: initial; top: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.04)), to(white)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.04) 0%, white 100%); background: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0.04) 0%, white 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.04) 0%, white 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0.04) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } .scroll .scroll_prev, .scroll .scroll_next { top: 0; width: 30px; height: 27px; z-index: 990; margin-top: 11%; cursor: pointer; position: absolute; background-position: -102px -22px; background-image: url("/f/r/global/icons.png"); } .scroll .scroll_prev { background-position: -102px -49px; display: none; left: -37px; } .scroll .scroll_next { right: -37px; } .scroll .scroll_prev:hover { background-position: -102px -106px; } .scroll .scroll_next:hover { background-position: -102px -79px; } @media (max-width: 768px) { .switcher.foldable.type2.switcher_near_extra.with_all_link { padding-right: 125px; } .switcher.foldable.type2.switcher_near_extra.with_all_link .foldable_switcher { right: .3em; } .switcher.foldable.type2.switcher_near_extra.with_all_link .all { display: none; top: 35px; } .switcher.foldable.type2.switcher_near_extra.with_all_link.open .all { display: block; } } @media (max-width: 576px) { .switcher.type2.foldable .foldable_spacer, .switcher.type2.foldable .foldable_dots { display: none !important; } .switcher.type2.foldable.with_all_link { padding-right: 125px; } .switcher.type2.foldable.with_all_link .foldable_switcher { right: .3em; } .switcher.type2.foldable.with_all_link .all { display: none; top: 35px; } .switcher.type2.foldable.with_all_link.open .all { display: block; } } /* @author Roman Kosovichev (romandkos@design.ru) @created 2017.08.14 @copyright Art. Lebedev Studio (http://www.artlebedev.ru/) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ #for_footer { height: 1px; margin-top: 16.5em; overflow: hidden; max-width: 1450px; } #footer { position: absolute; width: 100%; height: 16.5em; left: 0; bottom: 0; max-width: 1450px; } #footer .wrap { position: relative; margin: 0 20px; padding: 40px 0; border-top: 1px solid #c8c9b9; font-size: 92%; } #footer .wrap > .ico-footer-logo { position: absolute; left: 50%; top: -15px; margin-left: -20px; border: 5px solid #fff; background-color: #fff; } #footer .wrap > .ico-footer-logo:before { font-size: 26px; color: #c5c5c5; } #footer .menu { padding-left: 280px; } #footer .contacts { padding-left: 280px; width: 50%; padding-bottom: 1em; } #footer .menu { margin-bottom: 1.3em; min-width: 640px; } #footer .menu li { float: left; margin-right: 1em; white-space: nowrap; } #footer .col.copy, #footer .col.networks { width: 210px; margin-right: -100%; z-index: 1; } #footer .col.copy { margin-top: -2.7em; } #footer .col.networks { margin-top: 3em; } #footer .col.contacts p { margin-bottom: 0.1em; } #footer .col.contacts .contacts__item { margin-bottom: 17px; } #footer .langs { position: static; overflow: hidden; margin-bottom: 17px; font-size: 100%; } #footer .made_in { position: absolute; width: 20%; left: 80%; padding-top: 52px; } #footer .made_in a img { position: absolute; top: 0; left: 0; } #footer .made_in p { margin-bottom: 0.2em; font-size: 92%; line-height: 150%; } #footer .col.networks a { display: block; height: 15px; width: 43px; position: relative; } #footer .col.networks a i { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-position: -155px 0; } #footer .col.networks a i.icon_youtube_bw { background-position: -155px 0; } #footer .col.networks a i.icon_youtube_color { background-position: -208px 0; opacity: 0; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } #footer .col.networks a:hover i.icon_youtube_color { opacity: 1; } #footer .search_block { overflow: hidden; width: 27em; white-space: nowrap; } /* @author Roman Kosovichev (romandkos@design.ru) @created 2017.08.14 @copyright Art. Lebedev Studio (http://www.artlebedev.ru/) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ body { background: #fff; } #page, .width_range { min-width: 990px; } #page { min-height: 100%; min-width: 0; position: relative; } #page.overflow { overflow: hidden; } #layout { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 1450px; position: relative; padding: 20px 20px 70px; } #layout > .header { position: relative; margin: 0 0 38px; min-height: 65px; } #layout > .header:after { content: ''; clear: both; display: block; } .whole_site .logo, .header .logo { float: left; } .whole_site .ico-logo, .whole_site .ico-logo-short, .whole_site .ico-logo-eng, .whole_site .ico-logo-eng-short, .whole_site .ico-logo-chn, .whole_site .ico-logo-chn-short, .header .ico-logo, .header .ico-logo-short, .header .ico-logo-eng, .header .ico-logo-eng-short, .header .ico-logo-chn, .header .ico-logo-chn-short { color: #8a8a8d; } .whole_site .ico-logo, .whole_site .ico-logo-eng, .whole_site .ico-logo-chn, .header .ico-logo, .header .ico-logo-eng, .header .ico-logo-chn { font-size: 65px; } .whole_site .ico-logo-short, .whole_site .ico-logo-eng-short, .whole_site .ico-logo-chn-short, .header .ico-logo-short, .header .ico-logo-eng-short, .header .ico-logo-chn-short { display: none; font-size: 55px; } /* @author Roman Kosovichev (romandkos@artlebedev.ru) @created 2017.08.14 @copyright Art. Lebedev Studio (http://www.artlebedev.ru/) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ .header__main { position: absolute; } .header__extra-inner { float: left; margin-top: 7px; position: relative; width: 50%; } .header__extra { margin-left: 260px; } .header__extra:before { content: ''; width: -webkit-calc(50% - 35px); width: -moz-calc(50% - 35px); width: calc(50% - 35px); margin-right: 35px; float: left; height: 1px; display: block; max-width: 40em; } .header__extra .langs { display: block; top: 0; right: 0; margin-top: 5px; } .header__extra .important-links, .header__extra .social, .header__extra .langs { float: left; } .header__extra .social { font-size: 0; margin-bottom: 20px; margin-top: 3px; padding-right: 50px; } .header__extra .social .col.networks a i.icon { top: 0; } .header__extra .social .icon_youtube { width: 35px; } .header__extra .search-container { clear: both; } #layout .important-links { margin-bottom: 5px; margin-right: 20px; } #layout .important-links__item { position: relative; } #layout .important-links__item a { color: #7b7b7b; border-color: rgba(123, 123, 123, 0.3); } #layout .important-links__item_ip { margin-right: 10px; } #layout .important-links__item_ip a { background: #a62a2a; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; display: inline-block; padding: 3px 10px; } #layout .important-links__item_ip a:hover { background: rgba(166, 42, 42, 0.9); } #main .important-links { display: none; } @media (max-width: 992px) { #main .important-links { display: block; margin-bottom: 20px; margin-top: 10px; } } @media (max-width: 576px) { #main .important-links { margin-top: 0; } } @media (max-width: 374px) { #main .important-links { margin-right: 0; } } /* @author Oleg Krasnov (krasnov@artlebedev.ru) @created 2017.08.10 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ #content { position: relative; } #layout { z-index: 2; } #nav, #main_wrap { clear: right; } #nav { float: left; margin-left: -20px; margin-right: -100%; width: 240px; } #nav + #main_wrap > #main { margin: 0 0 0 280px; } #nav .logo .cover { position: absolute; left: 60px; right: 0; top: 0; bottom: 0; background: #fff; } #main_wrap { float: left; width: 100%; } #main { position: relative; margin: 0 0 0 45px; } .wide #nav { width: 90px; } .wide #nav .menu { margin-left: -240px; } .wide #nav .menu .toggler { background-position: -50px -103px; } .wide #nav + #main_wrap > #main { margin-left: 40px; } .video-container { height: 0; max-width: 650px; max-height: 366px; margin-bottom: 14px; overflow: hidden; padding-bottom: 366px; position: relative; } .video-container.narrow { padding-bottom: 56.25%; } .video-container iframe { height: 100%; left: 0; max-width: 650px; max-height: 366px; position: absolute; top: 0; width: 100%; } #footer { z-index: 1; } .interview { margin-bottom: 2em; } .interview .question { font-weight: bold; } .interview .author { font-style: italic; } .interview .question + .author { margin-top: -0.5em; } .interview:first-of-type { margin-top: 1.5em; } /* @author Roman Kosovichev (romandkos@artlebedev.ru) @created 2017.08.14 @copyright Art. Lebedev Studio (http://www.artlebedev.ru/) This source code follows Formatting section of Google Javascript Style Guide https://google.github.io/styleguide/jsguide.html#formatting */ .search input.text { border: 1px solid #d4d4d5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 14px; height: 33px; outline: none; padding: 0 11px; width: 100%; } .search .search-field { position: relative; } .search .search-field .search-btn { background: none; border: none; color: #888; cursor: pointer; font-size: 17px; height: 19px; opacity: 0; outline: none; padding: 0; position: absolute; right: 10px; top: 8px; -webkit-transition: opacity 0.25s linear; -o-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; visibility: hidden; width: 16px; } .search .search-field .search-btn.disabled { opacity: 1; visibility: visible; } .ui-autocomplete-input.ui-autocomplete-loading { background: #fff url("/f/media/icons/loader_gray.gif") no-repeat right 10px center; -moz-background-size: 14px; -o-background-size: 14px; background-size: 14px; } .ui-autocomplete-input.ui-autocomplete-loading ~ .search-btn { display: none; } .loading { display: table; line-height: 30px; margin: 0 auto; text-align: center; } .loading.light:before { background: url("/f/media/icons/loader_white.svg") no-repeat; } .loading:before { -webkit-animation: rotate 1s linear infinite; -moz-animation: rotate 1s linear infinite; -o-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; background: url("/f/media/icons/loader_gray.svg") no-repeat; -moz-background-size: 30px; -o-background-size: 30px; background-size: 30px; content: ''; height: 30px; margin-left: -30px; position: absolute; width: 30px; } @-webkit-keyframes rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotate { to { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes rotate { to { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .paper_layout { border: 1px solid #cbcbcb; padding: 6em 6em 2.5em; max-width: 1031px; margin-top: 3.1em; } .paper_layout .separate_block { margin: 5em 0; } .paper_layout .separate_block.center { margin: 5.5em 0 4.5em; } .paper_layout h1, .paper_layout h2, .paper_layout h3 { margin-bottom: .75em; } .paper_layout .separate_block + h1, .paper_layout .separate_block + h2, .paper_layout .separate_block + h3 { margin-top: -0.5em; } .press-list { margin-top: 50px; } .press-list__item { position: relative; min-height: 40px; margin-bottom: 15px; } .press-list__item-img { display: inline-block; vertical-align: top; width: 110px; overflow: hidden; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; } .press-list__item-img img { width: 100%; height: auto; } .press-list__item-content { padding-left: 15px; display: inline-block; vertical-align: top; width: -webkit-calc(98% - 110px); width: -moz-calc(98% - 110px); width: calc(98% - 110px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .has_bubble { cursor: help; display: inline-block; position: relative; } .bubble_container { position: absolute; left: -16px; top: 2px; width: 13px; height: 13px; display: block; } .has_bubble.in_text .bubble_container { right: -16px; left: inherit; } .bubble_container:before { content: ''; width: 13px; height: 13px; position: absolute; display: block; background: url("/f/r/global/icons.png") -400px 0 no-repeat; } em .bubble_container, i .bubble_container { font-style: normal; } strong .bubble_container, b .bubble_container { font-weight: normal; } .has_bubble.in_text { margin-right: 20px; } .has_bubble .bubble { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #FFF; cursor: default; display: none; position: absolute; top: 28px; left: -16px; min-width: 170px; max-width: 400px; padding: 8px 10px 10px; font-size: 12px; line-height: 1.3; text-align: left; white-space: normal; z-index: 1; } .has_bubble.show .bubble { display: block; } .has_bubble .bubble:after { background: #362F2D; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: -1; } .has_bubble .bubble:before { top: -12px; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 7px 12.1px 7px; border-color: transparent transparent #362F2D transparent; } .has_bubble .bubble:after, .has_bubble .bubble:before { content: ''; position: absolute; opacity: 0.95; -moz-opacity: 0.95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha" Opacity=95; } .has_bubble .bubble .rubl { font-size: 100%; } .has_bubble .bubble a { color: #FFF; } .has_bubble .bubble span.paragraph { margin: 8px 0 0; display: block; } .has_bubble .bubble span.paragraph:first-child { margin: 0; } .has_bubble .bubble .link { font-size: 11px; } .has_bubble .bubble .link a { color: #C8C8C8; } .popup { background-color: #fff; padding: 1.5em 2.5em; border: solid 1px #ccc; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; position: absolute; margin: -21px -28px; display: inline-block; z-index: 999; display: none; } .fader { background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 100; display: none; } .path { margin: 0 0 25px; font-size: 17px; } .path_item { position: relative; padding-right: 35px; display: inline-block; } .path_item:before { content: '\2192'; position: absolute; right: 9px; top: -1px; } .path_item:last-child { padding-right: 0; } .path_item:last-child:before { display: none; } .path_item.selected { color: #a00000; } .path_item a { color: #000; border-color: rgba(0, 0, 0, 0.3); } .with_hidden_text .text .text_visible:after { content: '...'; } .with_hidden_text .text .text_hidden { display: none; } .with_hidden_text .show_text { display: inline; } .with_hidden_text .hide_text { display: none; } .with_hidden_text.opened .show_text { display: none; } .with_hidden_text.opened .text .text_visible:after { display: none; } .with_hidden_text.opened .text .text_hidden { display: inline; } .with_hidden_text.opened .hide_text { display: inline; } .with_hidden_content .hidden_content { display: none; } .with_hidden_content.opened .hidden_content { display: block; } .with_hidden_content .hidden_content_link { font-style: italic; } .with_hidden_content .hide_content { display: none; } .with_hidden_content .show_content { display: inline; } .with_hidden_content.opened .hide_content { display: inline; } .with_hidden_content.opened .show_content { display: none; } .hidden_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .ui-widget-content.ui-autocomplete { border: 1px solid #ccc; font-size: 12px; padding: 0; } .ui-widget-content.ui-autocomplete:before, .ui-widget-content.ui-autocomplete:after { content: ""; position: absolute; height: 11px; bottom: -11px; background: url("decor.png"); } .ui-widget-content.ui-autocomplete:before { left: 0; right: 45px; } .ui-widget-content.ui-autocomplete:after { width: 45px; right: 0; background-position: -1955px 0; } .ui-autocomplete.ui-corner-all { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ui-widget-content.ui-autocomplete .ui-menu-item a { padding: 2px 12px !important; } .ui-widget-content.ui-autocomplete .ui-menu-item a:hover, .ui-widget-content.ui-autocomplete .ui-menu-item a.ui-state-focus { border: none; background: #f7f7f7 !important; margin: 0; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .rss-container { margin: 10px 0 25px; } .rss { margin-left: 14px; position: relative; } .rss, .rss:visited { color: #eaaa0c; border-color: rgba(234, 170, 12, 0.3); } .rss:hover { color: #b66d28; border-color: rgba(182, 109, 40, 0.3); } .rss .ico-rss { font-size: 12px; margin-right: 4px; position: relative; } .rss_btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; margin-left: 0; padding: 4px 7px 3px; text-decoration: none; } .rss_btn, .rss_btn:visited { color: #eaaa0c; border-color: rgba(234, 170, 12, 0.3); border: 1px solid #eaaa0c; } .rss_btn:hover { color: #b66d28; border-color: rgba(182, 109, 40, 0.3); border: 1px solid #b66d28; } .rss_btn .ico-rss { margin-right: 4px; } h1 .rss, h2 .rss { font-size: 50%; margin-left: 20px; position: relative; top: -10px; } h1 .rss .ico-rss, h1 .rss .ico-rss, h2 .rss .ico-rss, h2 .rss .ico-rss { left: -14px; position: absolute; top: 0; } @font-face { font-family: 'Rouble PTSans'; src: url("fonts/ie-rouble-ptsans-regular.eot"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rouble PTSans'; src: local("Rouble PTSans"), url(data:font/truetype;charset=utf-8;base64,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) format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rouble PTSans'; src: url("fonts/ie-rouble-ptsans-bold.eot"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Rouble PTSans'; src: local("Rouble PTSans"), url(data:font/truetype;charset=utf-8;base64,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) format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Rouble PTSans'; src: url("fonts/ie-rouble-ptsans-italic.eot"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Rouble PTSans'; src: local("Rouble PTSans"), url(data:font/truetype;charset=utf-8;base64,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) format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Rouble PTSans'; src: url("fonts/ie-rouble-ptsans-bolditalic.eot"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Rouble PTSans'; src: local("Rouble PTSans"), url(data:font/truetype;charset=utf-8;base64,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) format("truetype"); font-weight: bold; font-style: italic; } .rubl { font-family: 'Rouble PTSans', Arial, sans-serif; } .questions_container { margin-right: 25px; } .question { margin-bottom: 1em; clear: left; position: relative; } .question .pseudo { margin-left: 25px; } .question .pseudo .ico-arrow-fat { font-size: 16px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; position: absolute; left: 0; top: 5px; } .question .pseudo:before, .question .pseudo .question_marker { content: '\e923'; display: inline-block; font-family: 'icomoon'; margin-left: -25px; margin-right: 8px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 200ms 0s ease-in-out; -o-transition: all 200ms 0s ease-in-out; -moz-transition: all 200ms 0s ease-in-out; transition: all 200ms 0s ease-in-out; } .question .foldable.type2 .pseudo:before, .question .foldable.type2 .pseudo .question_marker { display: none; } .question.open > .pseudo:before, .question.open > .pseudo:hover:before, .question.open > .pseudo .question_marker, .question.open > .pseudo:hover .question_marker { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .question > a { font-size: 120%; } .question.open > a { color: #b66d28; border-color: rgba(182, 109, 40, 0.3); } .answer { padding: 1em 0 .5em 25px; } .answer li p { margin-top: 1.5em; } .answer li:first-child p { margin-top: 0; } .answer .switcher li > p { margin-top: 0; } .answer p:last-child { margin-bottom: 0; } .answer .pseudo { margin-left: 0; } .answer .pseudo:before, .answer .pseudo .question_marker { content: none; } .question .answer { display: none; overflow: hidden; } .question.open > .answer { display: block; } .question .question .question { padding-left: 20px; } .question .question .pseudo { margin-left: 0; } .question .question .pseudo:before { display: none; } .question .question > a { font-size: 14px; } .question .question .answer { padding-left: 0; } .faq_expand { border: 1px dotted #b9b6a3; padding: 4px 15px 4px 28px; margin-bottom: 1em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: inline-block; position: relative; } .faq_expand .ico { color: #b9b3a3; left: 7px; position: absolute; top: 7px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 200ms 0s ease-in-out; -o-transition: all 200ms 0s ease-in-out; -moz-transition: all 200ms 0s ease-in-out; transition: all 200ms 0s ease-in-out; } .faq_expand a { color: #000; border: none; } .faq_expand a:hover .ico { color: #b66d28; } .faq_expand .expand { display: inline; } .faq_expand.open .fold { display: inline; } .faq_expand.open .expand { display: none; } .faq_expand .fold { display: none; } .faq_expand.open .ico { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .questions_list h4 { font-size: 120%; } #content ul.questions_list { margin-bottom: 0; margin-left: 20px; } #content .question + ul.questions_list { margin-top: 18px; } #content ul.questions_list li { margin-bottom: 18px; } #content ul.questions_list > li:before { margin-left: -1.4em; } .like-dislike-question { margin-bottom: 5px; } .like-dislike-question, .like-dislike-answer { color: #bababa; } .vision-impaired .like-dislike-question, .vision-impaired .like-dislike-answer { color: #000; } .like-dislike-answer { font-size: 14px; margin-left: 5px; } .like-dislike { color: #bababa; font-size: 16px; } .vision-impaired .like-dislike { font-size: 22px; } .like-dislike .like, .like-dislike .dislike { cursor: pointer; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; } .like-dislike .like:first-child, .like-dislike .dislike:first-child { margin-right: 20px; } .like-dislike .like:hover, .like-dislike .dislike:hover { color: #888; } .like-dislike .like.active { color: #10b109; } .vision-impaired .like-dislike .like.active { color: #000; } .like-dislike .dislike.active { color: #a62b2a; } .vision-impaired .like-dislike .dislike.active { color: #000; } .like-dislike .active, .like-dislike .active:hover { cursor: default; pointer-events: none; } .like-dislike .disabled, .like-dislike .disabled:hover { cursor: default; pointer-events: none; } .like-dislike .ico-like { top: -1px; } .like-dislike .ico-dislike { top: 5px; } .like-dislike .ico-like, .like-dislike .ico-dislike { position: relative; } .reason_wrapper { margin-top: 10px; } .reason_wrapper .reason_title { font-weight: 600; } .reason_wrapper .reason { margin-top: 10px; } .reason_wrapper .reason .another_reason { display: none; } .reason_wrapper .reason input { margin: 0 10px 0 0; } .reason_wrapper .reason input.radio_another_reason:checked ~ .another_reason { display: block; } .reason_wrapper .reason input[type="text"], .reason_wrapper .reason textarea { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; margin-bottom: 1.5em; width: 35em; } .questions_container .reason_wrapper .reason input[type="text"], .questions_container .reason_wrapper .reason textarea { margin-bottom: 1.5em; } .reason_wrapper .reason textarea { height: 9em; } /* @author Oleg Krasnov (krasnov@artlebedev.ru) @created 2017.09.26 @copyright Art. Lebedev Studio (http://www.artlebedev.ru/) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ /* @author Alexander Samilyak (aleksam241@gmail.com) @created 2013.03.25 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ /** @param {string} value @param {boolean=} important @return {string} */ /** Clearfix in float based layouts */ /** @param {color} hexOrName @param {boolean=} important */ /** Pure css triangle */ @media (max-width: 992px) { #layout { padding-left: 15px; padding-right: 15px; } #nav { display: none; } #page, .width_range { min-width: 320px; } #main, #nav + #main_wrap > #main { margin-left: 0 !important; } .wide #nav + #main_wrap > #main { margin: 0 !important; } #content { margin-right: 0; } #content .column.photo { float: none; margin-left: 0; width: 100%; } #content .column.photo + .column.content { float: none; width: 100%; } #layout > .header { padding-left: 20px; margin-bottom: 20px; min-height: 55px; } .header__main { left: 0; right: 0; } .header__extra { display: none; } .whole_site_opener { position: absolute; right: 0; margin-right: 0; margin-top: 17px; } .whole_site { padding: 100px 0 2em; } .whole_site__container { padding: 100px 20px; } .whole_site .first_level_switcher { width: -webkit-calc(39% - 35px); width: -moz-calc(39% - 35px); width: calc(39% - 35px); } .whole_site .front { width: 61%; } .whole_site .langs { font-size: 14px; margin: 50px 0 20px; position: static; } .whole_site .langs li a { color: #fff; border-color: rgba(255, 255, 255, 0.3); } .whole_site .langs li a:hover { border-color: #fff; } .whole_site .langs li.selected { color: white; } .whole_site .whole_site_opener { display: none !important; } .whole_site .logo { left: 15px; } .whole_site .whole_site_extra { display: block; } .whole_site .popup_close { font-size: 0; right: 18px; } .whole_site .popup_close i { font-size: 43px; } .whole_site .first_level_switcher ul, .whole_site .front .col { width: 100%; margin-right: 0; } .whole_site .first_level_switcher li, .whole_site .front li { font-size: 16px; } #for_footer { margin-top: 0; } #footer { position: static; height: auto; padding-bottom: 40px; } #footer .wrap { margin: 0 15px; } #footer .menu, #footer .contacts { padding-left: 0; } #footer .menu { min-width: 0; line-height: 170%; } #footer .col.copy, #footer .contacts { float: none; } #footer .col.copy { margin-top: 0; margin-bottom: 17px; margin-right: 0; width: auto; } #footer .contacts { width: 100%; } #footer .made_in { position: relative; left: 0; width: auto; } } @media (max-width: 768px) { #layout { margin: 0; } .one.gcolumns { width: auto; } .whole_site .first_level_switcher { border-right: none; margin-right: 0; padding-right: 0; width: 100%; } .whole_site .first_level_switcher li:first-child { margin-top: -10px; } .whole_site .first_level_switcher .pseudo { border-bottom-style: solid; border-bottom-width: 1px; } .whole_site .first_level_switcher .selected { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 18px 0; padding: 0; } .whole_site .first_level_switcher .selected .pseudo { color: #fff; border-color: rgba(255, 255, 255, 0.3); background: none; border-bottom-style: solid; border-bottom-width: 1px; cursor: pointer; display: inline; font-weight: 300; padding: 0; position: static; } .whole_site .first_level_switcher .selected .pseudo:after { background: none; display: none; right: 0; } .whole_site .front { display: none !important; } } @media (min-width: 577px) { .mobile-view { display: none; } } @media (max-width: 576px) { #content div.photo { max-width: 100%; } #main .inner_menu ul { width: 100%; margin-right: 0; } #main .inner_menu.cols_3 ul { width: 100%; margin-right: 0; } .desktop-view { display: none; } .col { float: none; } .version-switcher { margin-left: 0; } .pretty_form.small_form { min-width: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .with_incut { margin-right: 0; } .with_incut .main { margin-right: 0; width: 100%; } .pretty_form .type_text input, .pretty_form textarea { max-width: 100%; } .pretty_form .type_submit.with_tips .tips { width: auto; } .pretty_form .type_captcha .captcha p { margin-right: 0; } .link_edit { display: block; margin-left: 0; margin-top: 20px; } .link_edit a:before { left: 100%; margin-left: 5px; } .reception_type_container { margin: 30px 0; } .reception_type_container.content_cols_2 .content_col { margin: 0; width: 100%; height: 70px; margin-bottom: 20px; } .reception_type_container.content_cols_2 .content_col h2 { font-size: 150%; } .reception_type_container .accent_block.reception_type { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } p.file.complaint_by_email { padding-left: 0; } .complaint_autoreply_actions p.file { margin-right: 20px; } .complaint_autoreply_actions p.file:last-child { margin-right: 0; } .confirm button h1 { font-size: 180%; } .whole_site .ico-logo, .whole_site .ico-logo-eng, .whole_site .ico-logo-chn, .header .ico-logo, .header .ico-logo-eng, .header .ico-logo-chn { display: none; } .whole_site .ico-logo-short, .whole_site .ico-logo-eng-short, .whole_site .ico-logo-chn-short, .header .ico-logo-short, .header .ico-logo-eng-short, .header .ico-logo-chn-short { display: block; } } .like_switcher_current { display: none; } /* @author Roman Kosovichev (romandkos@artlebedev.ru) @created 2017.08.14 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ .glide-carousel.glide--horizontal { margin: 0 -20px 20px -20px; position: relative; } .glide-carousel.glide--horizontal .glide__bullets { text-align: left; bottom: -5px; height: 8px; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; } .glide-carousel.glide--horizontal .glide__bullets :after { content: ''; padding: 7px 18px 0; left: -6px; position: relative; } .glide-carousel.glide--horizontal .glide__bullets > * { margin: 0 10px 0 0; } .glide-carousel.glide--horizontal .glide__bullets > * { background: #8a8a8d; min-height: 8px; width: 8px; height: 8px; border: none; opacity: 0.5; padding: 0; position: relative; z-index: 2; } .glide-carousel.glide--horizontal .glide__bullets > *:hover { opacity: 0.7; } .glide-carousel.glide--horizontal .glide__bullets > *.active { background: #8a8a8d; opacity: 1; } .glide-carousel .glide__slide-inner { padding: 0 20px; } .mobile-view { display: none; } .glide__wrapper { position: relative; z-index: 1; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; height: auto !important; } .jspPane { position: relative; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; display: none; } .jspHorizontalBar { position: absolute; bottom: 3px; left: 0; width: 100%; height: 1px; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #eee; position: relative; height: 1px; } .jspDrag { background: #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; top: -2px; left: 0; cursor: pointer; height: 5px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; } .jspCorner { background: #eeeef4; float: left; height: 100%; } .scroll-pane { width: 100%; height: 200px; overflow: auto; outline: 0; } .scroll-pane table { margin-bottom: 1em; } .horizontal-only { height: auto; max-height: 1200px; } @media print { h1, h2, h3, h4 { margin-top: 1em; } #content table.data { margin: 0; } #nav .menu, #nav .quick_menu, #nav .hotline, #nav .hr { display: none !important; } #bottommenu, #content .print_link, #for_footer, #footer, #datepicker, #main .inner_menu, .hasDatepicker, .header__extra, .important-links, .header__extra-inner, .langs, .pretty_form, .thermo, .widgets .toggler, .whole_site_opener { display: none !important; } body #page { min-width: 0; } body #page .header { padding: 0 0 0 25px; } body #page a, body #page .pseudo { color: #000 !important; border-color: rgba(0, 0, 0, 0.3); } body #page #footer { position: relative; height: auto; } body #layout { padding-bottom: 2.5em; } body #layout .logo { margin-top: 0; } body #page #nav, body #page #main_wrap { float: none; } body #page #main, body #page.wide #main { margin: 0 25px !important; } body #page #nav .logo, body #page.wide #nav .logo { margin-bottom: 20px; width: auto; overflow: visible; } body #page .with_incut { margin-right: 0; } body #page #footer { position: static; height: 9em; } body #footer .col.copy { margin-top: 0; } body #page table.data.wide { margin-right: 0; } body #page table.data td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; } body #page table.data tr td:first-child { border-left: none; } body #page .gcontainer.fixed .gcolumns { min-width: 160px; width: 22%; } .gcontainer.fixed .gcolumn { min-width: 160px; width: 22%; } body #page .one.gcolumn, .one.gcolumns { width: 4.66666666667%; min-width: 80px; } .like_switcher_current { display: block !important; } html { height: auto; } .with-popup-opened { height: auto; } .with-popup-opened #for_footer, .with-popup-opened #footer, .with-popup-opened .whole_site { display: none; } .with-popup-opened #page { min-height: 0; } .with-popup-opened #layout { padding-bottom: 0; } .with-popup-opened #content, .with-popup-opened .fader { display: none !important; } .with-popup-opened .popup { display: block; position: relative; width: 100%; height: auto; left: 0; max-height: none; top: 0; padding: 0; overflow: visible; border: none; background: none; } .with-popup-opened .popup [class*='mCS'] { overflow: visible; height: auto; } .with-popup-opened .popup .mCSB_inside > .mCSB_container { padding: 0; } .with-popup-opened .popup .mCSB_scrollTools { display: none !important; } .with-popup-opened .popup.popup_complaint.wide { display: block; position: relative; width: 100%; height: auto; left: 0; max-height: none; top: 0; padding: 0; overflow: visible; border: none; background: none; } .with-popup-opened .popup .popup_close { display: none; } .with-popup-opened .popup.popup_complaint .gcontainer { padding: 0; } .with-popup-opened .popup.popup_complaint .gcontainer .gcolumns, .with-popup-opened .popup.popup_complaint .gcontainer .gcolumn { display: block; margin-left: 25px; } .with-popup-opened .popup.popup_complaint .gcontainer .gcolumns.eight { width: auto; } .with-popup-opened .popup.popup_complaint .gcontainer .gcolumns.img { float: left; margin-right: 25px; } .with-popup-opened:last-child { page-break-after: auto; } body #layout, #content, #footer .wrap { padding: 0; } } body.vision-impaired { font: normal 107%/1.4 Arial, sans-serif; } .vision-impaired h1 { color: #000 !important; } .vision-impaired .ico-logo:before, .vision-impaired .whole_site .logo .ico-logo:before, .vision-impaired .ico-logo-short:before, .vision-impaired .whole_site .logo .ico-logo-short:before { color: #000; } .vision-impaired #layout .important-links__item_ip a { background: #000; } .vision-impaired .pseudo { border-bottom-width: 1px; } .vision-impaired a { color: #000; border-color: rgba(0, 0, 0, 0.3); } .vision-impaired a.no_visited:visited { color: #000; border-color: rgba(0, 0, 0, 0.3); } .vision-impaired .no_visited a:visited { color: #000; border-color: rgba(0, 0, 0, 0.3); } .vision-impaired .pseudo { color: #000; border-color: rgba(0, 0, 0, 0.3); } .vision-impaired .pseudo:visited { color: #000; border-color: rgba(0, 0, 0, 0.3); } .vision-impaired h1 .rss, .vision-impaired h2 .rss, .vision-impaired .header__extra .important-links a { color: #000; border-color: rgba(0, 0, 0, 0.3); } .vision-impaired h1 .rss .ico-rss:before, .vision-impaired h2 .rss .ico-rss:before { color: #000; } .vision-impaired .col .announcement { border-color: #000; } .vision-impaired .col .announcement a { color: #000; margin-left: 0; } .vision-impaired .col .announcement a ins { display: none; } .vision-impaired .col .announcement a span { border-color: rgba(0, 0, 0, 0.3); } .vision-impaired .col .announcement a:hover span { border-color: rgba(153, 153, 153, 0.3); } .vision-impaired a:hover, .vision-impaired .pseudo:hover, .vision-impaired .pseudo:hover i.ico, .vision-impaired #page .site_map h2 a:hover { color: #999 !important; border-color: rgba(153, 153, 153, 0.3) !important; } .vision-impaired a:visited { color: #000; border-color: rgba(0, 0, 0, 0.3); } .vision-impaired .vision-impaired-media img, .vision-impaired .photo { display: none; } .vision-impaired #main .inner_menu { background: #eee; } .vision-impaired #nav .hotline address { color: #000 !important; } .vision-impaired .home_banner, .vision-impaired .home_banner_text { color: #000; } .vision-impaired .home_banner:hover { color: #999; } .vision-impaired .home_banner:hover .home_banner_text { color: #999; } .vision-impaired .home_banner .home_banner_img { display: none; } .vision-impaired #nav .hotline address { padding-left: 0 !important; } .vision-impaired #nav .hotline address .icon { display: none; } .vision-impaired .hr { border-top-color: #000; } .vision-impaired .hr:before { display: none; } .vision-impaired .file .sprite { top: 6px; } .vision-impaired p.file, .vision-impaired p.ico { padding-left: 38px; } .vision-impaired p.file.right, .vision-impaired p.ico.right { padding-left: 0; } .vision-impaired p.file.right > a, .vision-impaired p.file.right > span, .vision-impaired p.ico.right > a, .vision-impaired p.ico.right > span { padding-right: 34px; } .vision-impaired h3.ico { padding-left: 54px; } .hr .bul { display: none; } .vision-impaired .widgets .group.static { border-color: #000; } .vision-impaired .widgets .group h2 .dragger .ico-dragger { color: #000; } .vision-impaired #nav .menu { border-color: #000; } .vision-impaired #nav .menu li div.current { color: #fff; background: #000; } .vision-impaired #nav .menu li div.current a { color: #fff; } .vision-impaired .whole_site { background: #eee; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #000; } .vision-impaired .whole_site .whole_site_extra .search-field input.text { background: rgba(0, 0, 0, 0.3); } .vision-impaired .whole_site .whole_site_extra .social .ico-social:before { color: #000; } .vision-impaired .whole_site .first_level_switcher .selected .pseudo { background: #000; color: #fff !important; } .vision-impaired .whole_site .first_level_switcher .selected .pseudo:hover { color: #fff !important; } .vision-impaired .whole_site .first_level_switcher .selected .pseudo:after { background: #000; } .vision-impaired .whole_site .front div.current { background-color: #000; } .vision-impaired .whole_site .first_level_switcher { border-bottom-color: #000; } .vision-impaired .whole_site h2.current { background: #000; } .vision-impaired .whole_site_opener .burger:before, .vision-impaired .whole_site_opener .burger:after, .vision-impaired .whole_site_opener .burger span { background-color: #000; } .vision-impaired .whole_site .whole_site_opener .burger:before, .vision-impaired .whole_site .whole_site_opener .burger:after, .vision-impaired .whole_site .whole_site_opener .burger span { background-color: #000; } .vision-impaired .langs li.selected, .vision-impaired #page .site_map h2 a { color: #000; } .vision-impaired .switcher.type1 .selected { color: #fff !important; background: #000; } .vision-impaired .switcher.type1 .selected a, .vision-impaired .switcher.type1 .selected .pseudo { color: #fff !important; background: #000; } .vision-impaired .switcher.foldable.with_all_link { padding-right: 260px; } .vision-impaired .switcher.foldable.with_all_link .foldable_switcher { right: 140px; } .vision-impaired .switcher.foldable .switcher-line_with-year .switcher-item_year.selected { width: 85px; } .vision-impaired .switcher.foldable .switcher-line_with-year .switcher-item_year.selected a { background: #000; } .vision-impaired .switcher.type2.foldable { padding-right: 145px; } .vision-impaired .switcher.type2.foldable.with_all_link { padding-right: 260px; } .vision-impaired .switcher.type2.foldable.padding_right_redefine { padding-right: 0.3em; } .vision-impaired .switcher.type2 .selected { color: #fff; background: #000; } .vision-impaired .switcher.type2 .selected a, .vision-impaired .switcher.type2 .selected .pseudo { color: #fff !important; } .vision-impaired .switcher.type3 .selected { color: #fff !important; background: #000; } .vision-impaired .switcher.type3 .selected a, .vision-impaired .switcher.type3 .selected .pseudo { color: #fff !important; background: #000; } .vision-impaired .site_map_switcher .switcher.type1 .selected { color: #fff !important; background: #000; padding: 0.2em 0.4em 0.3em; } .vision-impaired .site_map_switcher .switcher.type1 .selected .pseudo { color: #fff !important; background: #000; } .vision-impaired .pretty_form input, .vision-impaired .pretty_form select, .vision-impaired .pretty_form textarea { font-size: 100% !important; } .vision-impaired .pretty_form.with_bg { background: #eee; } .vision-impaired .pretty_form input[type="submit"] { border: 2px solid #000; background: #eee; padding: 5px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .vision-impaired input[type="submit"] { border: 2px solid #000; background: #eee; padding: 5px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .vision-impaired .pretty_form .error .wrap { background: #000; } .vision-impaired .pretty_form .error .wrap:before, .vision-impaired .pretty_form .error .wrap > .decor { background-image: none; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #000; height: 0; width: 0; } .vision-impaired .pretty_form .disclaimer.with_tail:before, .vision-impaired .pretty_form .disclaimer.with_tail > .decor { background-image: none; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #000; height: 0; width: 0; } .vision-impaired .with_bottom_shadow:before, .vision-impaired .with_bottom_shadow:after, .vision-impaired .with_bottom_shadow .bottom_shadow { display: none; } .vision-impaired .pretty_form .combined-fields__item input { width: 100px; } .vision-impaired .confirm button { background: #eee !important; border: 2px solid #000 !important; } .vision-impaired .accent_block { background: #eee !important; } .vision-impaired .accent_block.fixed { background: #eee !important; } .vision-impaired #page .accent_block.fixed li.active a { border: none; background: #000; } .vision-impaired #page .accent_block.fixed li.active a:hover { border: none; background: #000; } .vision-impaired #page .accent_block.fixed.uf-light a { color: #000; } .vision-impaired .with_top_line { border-top-color: #000; } .vision-impaired .question .question > a { font-size: 100% !important; } .vision-impaired .question.open > a { color: #000 !important; } .vision-impaired #content .org_structure ul li { color: #000 !important; } .vision-impaired #page #content .org_structure ul li.with-childs.question > a.title:hover { color: #000 !important; } .vision-impaired #page #content .org_structure ul li.with-childs.question > a.title:before { background: #000; margin: 3px -80px; font-size: 26px; line-height: 105%; width: 30px; height: 30px; } .vision-impaired #main #content .search_form input { font-size: 100%; } .vision-impaired #main #content .search_form input[type="submit"] { border: 2px solid #000; padding: 5px 10px; } .vision-impaired #main #content .search_form .switcher.type1 .selected { background: #000 !important; color: #fff !important; } .vision-impaired #main #content .search_form .switcher.type1 .selected a, .vision-impaired #main #content .search_form .switcher.type1 .selected .pseudo { background: #000 !important; color: #fff !important; } .vision-impaired #main #content .search_form .switcher.type2 .selected { background: #000 !important; color: #fff !important; } .vision-impaired #main #content .search_form .switcher.type2 .selected a, .vision-impaired #main #content .search_form .switcher.type2 .selected .pseudo { background: #000 !important; color: #fff !important; } .vision-impaired #main #content .search_form .switcher.type3 .selected { background: #000 !important; color: #fff !important; } .vision-impaired #main #content .search_form .switcher.type3 .selected a, .vision-impaired #main #content .search_form .switcher.type3 .selected .pseudo { background: #000 !important; color: #fff !important; } .vision-impaired .widgets .group h2 { background: #000 !important; color: #fff; } .vision-impaired .widgets .group h2 .bg { background: #000 !important; color: #fff; } .vision-impaired .widgets .group h2 .holder a, .vision-impaired .widgets .group h2 .holder .pseudo { color: #fff; } .vision-impaired .widgets .group > .wrap > .wrap2 { background: #eee !important; } .vision-impaired .widgets .group .hr { border-top-color: #000 !important; } .vision-impaired .widget table i.up, .vision-impaired .widget table i.down { color: #000 !important; } .vision-impaired #footer .search .text, .vision-impaired input, .vision-impaired select, .vision-impaired textarea { font-size: 100%; } .vision-impaired #footer .wrap { border-top-color: #000; } .vision-impaired .search_pager .pages > b { background-color: #000 !important; color: #fff !important; } .vision-impaired #footer .search .text { height: 30px; } .vision-impaired .tablist .tab.active, .vision-impaired .tabbox { background: #eee !important; } .vision-impaired #page .faq_expand { border: 1px solid #000; } .vision-impaired #page .faq_expand .ico { color: #000; } .vision-impaired .icon { background-image: url("/f/r/global/icons_vision-impaired.png") !important; } .vision-impaired .points-info { background: #eee; } .vision-impaired .switcher.type2 .switcher-item > span:before { background: #eee; } .vision-impaired .switcher.type2 .switcher-item > span .data { background: #eee; color: #000; } .vision-impaired div.switcher.type2 { padding: 8px 4px; } .vision-impaired div.switcher.type2.foldable .foldable_switcher { top: 12px; } .vision-impaired div.switcher.type2.with_all_link { padding-right: 290px; } .vision-impaired div.switcher.type2.with_all_link .all { top: 12px; } .vision-impaired div.switcher.type2.with_all_link .foldable_switcher { right: 145px; } .vision-impaired div.switcher.type2.switcher_near_extra.with_all_link { max-width: -webkit-calc(62% - 290px); max-width: -moz-calc(62% - 290px); max-width: calc(62% - 290px); } .vision-impaired .made-in-logo_normal { display: none; } .made-in-logo_impaired { display: none; } .vision-impaired .made-in-logo_impaired { display: block; } @media (max-width: 1000px) { .vision-impaired .home_banner { padding-left: 0; min-height: 0; } .vision-impaired .home_banner:before { display: none; } } @media (max-width: 768px) { .whole_site .first_level_switcher .selected .pseudo:after { background: none !important; } } /* @author Roman Kosovichev (romandkos@artlebedev.ru) @created 2017.08.10 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ tr.bold td, td.bold, tr.bold th, th.bold { font-weight: bold; } tr.italic td, td.italic { font-style: italic; } tr.overline td { border-top: 1px solid #d9d9d9; } th.nowrap { white-space: nowrap !important; } td.nowrap { white-space: nowrap !important; } td.middle { vertical-align: middle; } th.middle, th[rowspan] { vertical-align: middle; } table.spaced tr.padded th:first-child, table.spaced tr th.padded { padding-left: 30px !important; } table.spaced tr.padded th { text-align: right; } table.spaced tr.padded th[colspan] { text-align: center !important; } table.spaced td[colspan] { text-align: center !important; } table.spaced th:first-child { padding-left: 0.76em !important; } table.spaced tr th[colspan]:first-child { background-position: 100% 100%; } table.spaced th[colspan] { text-align: center; } table.spaced th.separated { border-bottom: 0 !important; text-align: center; padding-left: 20px; } table.data td:first-child { white-space: normal; } table.levels.left td, table.levels.left th { text-align: left; } table.levels th:first-child, table.levels td:first-child { text-align: left; } table.levels tr.level0 td { padding: 0.63em 0.7em; } table.levels tr.level1 td { padding: 0.60em 0.7em; } table.levels tr.level2 td { padding: 0.55em 0.7em; } table.levels tr.level3 td { padding: 0.48em 0.7em; } table.levels tr.level4 td { padding: 0.39em 0.7em; } table.levels tr.level5 td { padding: 0.28em 0.7em; } table.levels tr.level6 td { padding: 0.15em 0.7em; } table.levels tr.level7 td { padding: 0 0.7em; } table.levels tr.level0 td:first-child { padding-left: 1.5em; } table.levels tr.level1 td:first-child { padding-left: 3em; } table.levels tr.level2 td:first-child { padding-left: 4.5em; } table.levels tr.level3 td:first-child { padding-left: 6em; } table.levels tr.level4 td:first-child { padding-left: 7.5em; } table.levels tr.level5 td:first-child { padding-left: 9em; } table.levels tr.level6 td:first-child { padding-left: 10.5em; } table.levels tr.level7 td:first-child { padding-left: 15em; } table.data { border-spacing: 0; border-collapse: separate; border: none; width: 100%; } table.data tr:first-child td { font-size: 92%; padding: 0.65em 0.76em; } table.data .hover { background: #ebebeb; } table.levels tr td.level0 { padding-left: 1.5em; } table.levels tr td.level1 { padding-left: 3em; } table.levels tr td.level2 { padding-left: 4.5em; } table.levels tr td.level3 { padding-left: 6em; } table.levels tr td.level4 { padding-left: 7.5em; } table.levels tr td.level5 { padding-left: 9em; } table.levels tr td.level6 { padding-left: 10.5em; } table.levels tr td.level7 { padding-left: 12em; } table.levels tr td.level8 { padding-left: 13.5em; } table.levels tr td.level9 { padding-left: 15em; } table.text_and_dates { font-size: 92%; } table.text_and_dates td { padding: 0 0 1em 1.5em; } table.text_and_dates tr td:first-child { padding: 0 0 1em; } /* Customized styles for tables */ td.valign_bottom, .valign_bottom td { vertical-align: bottom; } td.valign_top, .valign_top td, th.valign_top, .valign_top th { vertical-align: top; } table.lined { border-collapse: collapse; } table.lined tr:first-child th { border-top: 1px solid #B5B9A2; } table.lined tr td { border-left: 1px solid #ECECEC; } table.lined tr td:last-child { border-right: 1px solid #ECECEC; } table.lined tr td.right { white-space: nowrap; } table.lined tr th { border-left: 1px solid #B5B9A2; border-right: 0; } table.lined tr th:last-child { border-right: 1px solid #B5B9A2; } /* @author Oleg Krasnov (krasnov@artlebedev.ru) @created 2018.07.17 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ .list_carousel { display: none; } @media (max-width: 576px) { .list_carousel { display: block; } } @media (max-width: 576px) { .banners_list { display: none; } } .glide-carousel.glide--horizontal .glide__bullets { text-align: center; width: 100%; } #nav > .menu > .banners { margin: 50px 8px; } #nav > .menu > .banners .banners_list .glide__slide { margin-top: 35px; } #nav > .menu > .banners .banners_list .glide__slide:first-child { margin-top: 0; } #main > .banners { float: none; margin-bottom: 30px; max-width: 63em; padding: 0.7em 1.5em 0.5em 1.5em; position: relative; width: 100%; z-index: 1; } @media (max-width: 576px) { #main > .banners { padding: 30px 20px 10px; } } #main > .banners .banners_list { text-align: left; width: 100%; } #main > .banners .banners_list a { float: left; } #main > .banners .banners_list .glide__slide-inner:after { content: ''; display: table; clear: both; } #main > .banners .banners_list .glide__slide-inner:after { content: none; } #main > .banners .banners_list .banner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 15px; text-align: center; width: 20%; } @media (max-width: 1200px) { #main > .banners .banners_list .banner { width: 25%; } .wide #main > .banners .banners_list .banner { width: 20%; } } @media (max-width: 992px) { #main > .banners .banners_list .banner { width: 25%; } .wide #main > .banners .banners_list .banner { width: 20%; } } @media (max-width: 768px) { #main > .banners .banners_list .banner { width: 33.333333%; } } @media (max-width: 576px) { #main > .banners .banners_list .banner { width: 50%; } } @media (max-width: 425px) { #main > .banners .banners_list .banner { width: 100%; } } #main > .banners .banners_list .banner .banner_img { display: table-cell; height: 60px; padding-bottom: 10px; vertical-align: middle; width: inherit; } .banners_list:after { content: ''; display: table; clear: both; } .banners_list .glide__slide { width: 100% !important; } .banners_list .glide__slide:first-child { margin-top: 0; } .banners_list .glide__slide a { position: relative; } .banners_list .glide__slide { margin-top: 0; } @media (max-width: 576px) { .banners_list .glide__slide { margin-top: 35px; } } .banners { float: left; background: #f1f1f1; padding: 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; text-align: center; } .banners:empty { display: none; } .banner { display: block; text-decoration: none; margin-top: 35px; border-bottom: none; } .banner:first-child { margin-top: 0; } .banner_img { margin-bottom: 10px; } .banner_img img { max-width: 160px; max-height: 60px; } .banner_text { color: #717171; font-size: 92%; } .banner:hover .banner_text { color: #b66d28; } .banner_note { color: #000; font-size: 11px; margin-top: 4px; } .banners .glide-carousel.glide--horizontal { padding-bottom: 30px; } /* @author Oleg Krasnov (krasnov@artlebedev.ru) @created 2018.10.23 @copyright Art. Lebedev Studio (www.artlebedev.ru) This source code follows Formatting section of Google CSS Style Guide https://google.github.io/styleguide/htmlcssguide.html#CSS_Formatting_Rules */ @media (max-width: 620px) { .pretty_form.pretty_form_calendar { padding: 20px 10px; } .pretty_form.pretty_form_calendar .for_selector .selector input { margin-right: 0; } } .form-container { margin-top: 35px; position: relative; padding-bottom: 15px; } .label_disabled { color: #afaba2; } .fixed-submit-container { min-height: 55px; position: relative; } .fixed-submit-container { min-height: 55px; position: relative; } .fixed-submit > .form-container:first-child { margin-top: 0; } .fixed-submit.fixed .controls.fixed { position: fixed; } .controls { padding: 12px 14px; display: inline-block; } .controls:not(.extra) { background: #fad06d; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 1; } .controls.fixed { bottom: 15px; -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15); } .controls.fixed.extra { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 12px 14px !important; opacity: 0; -webkit-transform: translate(-15px, 100px); -moz-transform: translate(-15px, 100px); -ms-transform: translate(-15px, 100px); -o-transform: translate(-15px, 100px); transform: translate(-15px, 100px); z-index: 1; } .controls.fixed.extra.show { -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2); opacity: 1; -webkit-transform: translate(-15px, 0); -moz-transform: translate(-15px, 0); -ms-transform: translate(-15px, 0); -o-transform: translate(-15px, 0); transform: translate(-15px, 0); -webkit-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .controls.extra { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1; padding: 0 30px 0 0; width: 100%; } .controls.extra .extra_container { display: table; width: 100%; } @media (max-width: 620px) { .controls.extra .extra_container { display: block; } } .controls.extra .extra_container > div { display: table-cell; vertical-align: middle; } .controls.extra .extra_container > div.submit { text-align: right; width: 215px; } @media (max-width: 620px) { .controls.extra .extra_container > div.submit { display: block; margin-top: 22px; text-align: left; } } @media (max-width: 375px) { .controls.extra .extra_container > div.submit { width: 100%; } .controls.extra .extra_container > div.submit input { width: 100%; } }