@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%; } }