/* ============================================================================
	Custom style
============================================================================= */
/* ============================================================================
		Variables
============================================================================= */
.ln_zoom, .ln_print, .form_poisk button, .nav-press-centre__ln:hover:after, .nav-press-centre__ln.active:after, .social-networks a, .time-line__nav__ln, .calendar__header a, .slider .bx-wrapper .bx-controls-direction a, .slider-media .bx-controls-direction a, .bx-controls .bx-controls-direction a, .mfp-close, .like-button {
  background-image: url('../img/veb3/icons-s201c7b23d4.png');
  background-repeat: no-repeat;
}

* html .page {
  height: 100%;
}

html, body {
  height: 100%;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 100%;
  min-width: 960px;
  color: #3f3f3f;
  background-color: #fff;
}

.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.block_left {
  float: left !important;
}

.block_right {
  float: right !important;
}

.block_right, .block_left {
  position: relative;
}
.block_right.block_bg, .block_left.block_bg {
  background: #d9d9d9;
}
.block_right.block_triangle:after, .block_right.block_triangle:before, .block_left.block_triangle:after, .block_left.block_triangle:before {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  content: "";
}
.block_right.block_triangle:after, .block_left.block_triangle:after {
  left: 0;
  top: 0;
  border-width: 15px 15px 0 0;
  border-color: #ffffff transparent transparent transparent;
}
.block_right.block_triangle:before, .block_left.block_triangle:before {
  right: 0;
  bottom: 0;
  border-width: 0 0 15px 15px;
  border-color: transparent transparent #ffffff transparent;
}

.block_triangle h3 {
  margin-top: 0;
  font-size: 15px;
  line-height: 18px;
}

.partneres__item__info {
  cursor: default;
}

.block_center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.container {
  margin: 0 auto;
  padding: 0 10px;
  width: 940px;
}

.page {
  min-height: 100%;
}

.page__inner {
  overflow: auto;
  padding-bottom: 200px;
}

.page__naner {
  position: relative;
  overflow: hidden;
  margin: -20px 0 0 0;
  height: 126px;
}

.footer {
  height: 180px;
  position: relative;
  margin-top: -180px;
  clear: both;
}

.margin_0 {
  margin: 0 !important;
}

.w-600 {
  width: 592px;
}

.w-290 {
  width: 290px;
}

/* ============================================================================
		Typography
============================================================================= */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin: 0;
  font-weight: normal;
}

h1, .h1 {
  font-size: 24px;
  line-height: 26px;
  color: #0085cd;
}

h2, .h2 {
  margin: 20px 0;
  color: #0085cd;
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
}

h3, .h3 {
  margin: 20px 0 12px;
  color: #414141;
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;
}

h4, .h4 {
  margin: 15px 0 10px;
  color: #0085cd;
  font-size: 15px;
  line-height: 17px;
}

h5, .h5 {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}

.title-style_1 {
  font-size: 11px;
  color: #0085cd;
  line-height: 13px;
}

p {
  margin: 0 0 12px;
  line-height: 16px;
}

a {
  color: #000000;
  text-decoration: underline;
}
a:hover, a:focus {
  color: #000000;
  text-decoration: none;
}

.no-style {
  color: #3f3f3f;
  text-decoration: none;
}

b, strong {
  font-weight: bold;
}

small {
  font-size: 12px;
}

em, i {
  font-style: italic;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
  color: #0085cd;
}
sup a {
  color: #0085cd;
  text-decoration: none;
}

sub {
  bottom: -0.25em;
}

hr, .hr {
  height: 1px;
  border: none;
  background: #666;
  width: 100%;
  clear: both;
  margin: 1.5em 0;
}

blockquote p {
  margin: 20px 0 20px 50px;
  font-size: 14px;
  line-height: 18px;
  color: #414141;
  font-weight: bold;
  font-style: italic;
}

.text_center {
  text-align: center !important;
}

.text_left {
  text-align: left !important;
}

.text_right {
  text-align: right !important;
}

.text_hide {
  line-height: 0;
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
}

.ln_triangle {
  position: relative;
  display: inline-block;
  color: #000000;
  font-size: 12px;
}

.ln_triangle__symbol {
  display: inline-block;
  width: 12px;
  height: 7px;
  background: url("../img/veb3/arrow_right.png") no-repeat right center;
  *display: inline;
  *zoom: 1;
}

.ln_arrow2 {
  position: relative;
  display: inline-block;
  color: #000000;
}

.ln_arrow__symbol2 {
  display: inline-block;
  width: 27px;
  height: 14px;
  background: url("../img/veb3/arrow-blue.png") no-repeat center 4px;
  *display: inline;
  *zoom: 1;
}

.ln_rss {
  padding: 0 24px 0 0;
  font-size: 12px;
  background: url("../img/veb3/icons_rss.png") no-repeat right center;
}

.ln {
  margin: 7px 0 0 0;
  padding: 0 0 0 30px;
  font-size: 12px;
}
.ln span {
  display: block;
  margin-top: 5px;
  font-size: 10px;
}

.ln_doc {
  background: url("../img/veb3/file_doc.png") no-repeat left top;
}

.ln_rtf {
  background: url("../img/veb3/file_rtf.png") no-repeat left top;
}

.ln_xls {
  background: url("../img/veb3/file_xls.png") no-repeat left top;
}

.ln_ppt {
  background: url("../img/veb3/file_ppt.png") no-repeat left top;
}

.ln_pdf {
  background: url("../img/veb3/file_pdf.png") no-repeat left top;
}

.ln_rar {
  background: url("../img/veb3/file_rar.png") no-repeat left top;
}

.ln_exe {
  background: url("../img/veb3/file_exe.png") no-repeat left top;
}

.ln_pdf {
  margin: 7px 0 0 0;
  padding: 0 0 0 30px;
  font-size: 12px;
  background: url("../img/veb3/file_pdf.png") no-repeat left top;
}
.ln_pdf span {
  display: block;
  font-size: 10px;
  margin-top: 5px;
}
.ln_pdf p {
  margin: 5px 0 0 0;
  font-size: 10px;
  line-height: 11px;
  text-align: left !important;
}

.ln_doc {
  margin: 7px 0 0 0;
  padding: 0 0 0 30px;
  font-size: 12px;
  background: url("../img/veb3/file_doc.png") no-repeat left top;
}
.ln_doc span {
  display: block;
  font-size: 10px;
  margin-top: 5px;
}

.ln_xls {
  margin: 7px 0 0 0;
  padding: 0 0 0 30px;
  font-size: 12px;
  background: url("../img/veb3/file_xls.png") no-repeat left top;
}
.ln_xls span {
  display: block;
  font-size: 10px;
  margin-top: 5px;
}

.file {
  padding: 0 0 0 32px !important;
  text-align: left !important;
  font-size: 11px;
  line-height: 12px;
  margin-top: 5px;
  background: url("../img/veb3/file_pdf.png") no-repeat top left !important;
}
.file a {
  font-size: 13px;
  line-height: 15px;
}
.file span {
  color: #9a9b9d;
}
.file:after {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 20px;
  height: 22px;
  content: '';
  -moz-box-shadow: 3px 4px 5px rgba(1, 1, 1, 0.16);
  -webkit-box-shadow: 3px 4px 5px rgba(1, 1, 1, 0.16);
  box-shadow: 3px 4px 5px rgba(1, 1, 1, 0.16);
}
.file span {
  display: block !important;
  margin: 5px 0 0 !important;
}

.ln_job h2 {
  margin: 0 0 20px;
  color: #535759;
  line-height: 23px;
  padding: 0 0 0 48px;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: normal;
  background: url("../img/veb3/envelope.jpg") no-repeat center left;
}
.ln_job p {
  color: #535759;
  font-size: 12px;
  margin: 0;
}
.ln_job a {
  display: block;
  margin: 0 0 15px;
  padding: 15px 25px;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
}
.ln_job a:hover {
  border: 1px solid #0086d1;
  background: #f7f7f7;
}

.ln_rating h2 {
  margin: 0 0 20px;
  color: #535759;
  line-height: 23px;
  padding: 0 0 0 48px;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: normal;
  background: url("../img/veb3/icons_rating.png") no-repeat center left;
}
.ln_rating p {
  color: #535759;
  font-size: 12px;
  margin: 0;
}
.ln_rating a {
  display: block;
  margin: 0 0 15px;
  padding: 15px 25px;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
}
.ln_rating a:hover {
  border: 1px solid #0086d1;
  background: #f7f7f7;
}

.ln_zoom {
  padding: 0 0 0 18px;
  font-size: 10px;
  color: #9a9b9d;
  line-height: 13px;
  background-position: 0 -1024px;
}
.ln_zoom:hover {
  color: #0085cd;
  background-position: 0 -1320px;
}

.ln_print {
  background-position: 0 -1024px;
}

.title-15 {
  display: block;
  overflow: hidden;
  color: #000000;
  text-decoration: underline;
  padding: 0 0 15px 1px;
  line-height: 18px;
  left: -5px;
  position: relative;
}
.title-15 div {
  float: left;
  padding: 0 17px 0 0;
  color: #2495d2;
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  text-decoration: none !important;
}
.title-15 span {
  padding: 9px 0 0 0;
  display: block;
  font-size: 14px;
}

/* ============================================================================
		html form
============================================================================= */
input {
  outline: none;
}

.form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.form__row:before, .form__row:after {
  display: table;
  content: " ";
}
.form__row:after {
  clear: both;
}

.form__item {
  float: left;
}

.form__item_last {
  margin: 0 !important;
}

.form__item_w-530 input[type="text"], .form__item_w-530 input[type="search"], .form__item_w-530 textarea {
  width: 530px;
}

.form__item_w-343 input[type="text"], .form__item_w-343 input[type="search"], .form__item_w-343 textarea {
  width: 343px;
}

.form__item_w-183 input[type="text"], .form__item_w-183 input[type="search"], .form__item_w-183 textarea {
  width: 183px;
}
.form__item_w-183 img {
  display: block;
  width: 183px;
  height: 50px;
}

/* Form search */
.form_poisk {
  border: 1px solid #e2e2e2;
  float: right;
  margin: 6px 0 0 0;
  padding: 3px 5px 6px 12px;
  width: 224px;
  height: 20px;
  background: #FFFFFF;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.form_poisk input {
  float: left;
  width: 190px;
  line-height: 24px;
  height: 24px;
  border: none;
  padding: 0;
  font-size: 12px;
  margin: 0 12px 0 0;
}
.form_poisk input:focus {
  outline: 0;
}
.form_poisk button {
  padding: 0;
  position: relative;
  display: block;
  font-size: 0;
  line-height: 0;
  float: left;
  top: 2px;
  width: 18px;
  height: 17px;
  border: none;
  background-color: transparent;
  background-position: 0 -810px;
  text-indent: -9999px;
}
.form_poisk button:focus {
  outline: 0;
}

/* @end */
/* Form feedback */
.form__feedback {
  position: relative;
  margin: 0 auto;
  width: 940px;
  background: #0086cd;
}
.form__feedback p {
  color: #ffffff;
}
.form__feedback .form__legend {
  width: 100%;
  margin: 0;
  padding: 0;
}
.form__feedback .form__legend h2 {
  display: block;
  height: 90px;
  background: #f5f4f5;
  color: #0085cc;
  font-size: 24px;
  line-height: 90px;
  text-transform: uppercase;
}
.form__feedback .form__legend p {
  text-transform: uppercase;
  font-family: "OpenSans", sans-serif;
  font-size: 18px;
}
.form__feedback .form__row {
  width: 530px;
  margin: 0 auto 30px;
}
.form__feedback .form__item {
  margin: 0 4px 0 0;
}
.form__feedback .form__item input[type="text"], .form__feedback .form__item input[type="search"] {
  height: 50px;
  background-color: #fff;
  border: none;
  padding: 17px 20px;
  font-size: 16px;
  line-height: 16px;
}
.form__feedback .form__item textarea {
  height: 75px;
  padding: 17px 20px;
  border: 1px solid #ffffff;
  font-size: 16px;
  line-height: 16px;
}
.form__feedback .btn {
  width: 277px;
  height: 50px;
}

/* Form export */
.form_export .form__row {
  margin: 0 0 15px;
}
.form_export .form__item input {
  display: block;
  width: 400px;
  height: 20px;
  padding: 5px 15px;
  line-height: 20px;
  border: 1px solid #e2e2e2;
}
.form_export .form__item textarea {
  width: 400px;
  height: 40px;
  padding: 5px 15px;
  line-height: 20px;
  border: 1px solid #e2e2e2;
  overflow: auto;
}
.form_export .form__item select {
  width: 432px;
  height: 32px;
  line-height: 20px;
  border: 1px solid #e2e2e2;
}
.placeholder_ {
    color:#7a8e99;
    font-family: 'Open Sans', sans-serif;
    display: block;
    width: 400px;
    height: 20px;
    padding: 5px 15px;
    line-height: 20px;
    border: 1px solid #e2e2e2;
    font-size: 1em;
    margin-bottom: 20px;
}
.without-placeholder_ {
    display: block;
    width: 400px;
    height: 20px;
    padding: 5px 15px;
    border: 1px solid #e2e2e2;
    margin-bottom: 20px;
}
.form_export .select-comment {
  margin: 15px 0 0;
}

.form_export__capcha {
  margin: 0 0 15px;
}

.form_export__capcha__img {
  margin: 10px 15px 0 0;
}

.form_export__capcha__input {
  margin: 10px 0 0 0;
}

.form_export__capcha__input input {
  display: block;
  width: 245px;
  height: 29px;
  padding: 5px 15px;
  line-height: 20px;
  border: 1px solid #e2e2e2;
}

/* @end */
/* ============================================================================
  HTML buttons
============================================================================= */
.btn {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  display: inline-block;
  margin-bottom: 0;
  padding: 6px 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid transparent;
  background-image: none;
}

.btn_blue {
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background: #37b3e7;
}
.btn_blue:hover {
  background: #38bcf3;
}

/* ============================================================================
		List
============================================================================= */
.list_clear {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list_style {
  margin: 20px 0 20px 20px;
}
.list_style > li {
  padding: 0 0 0 20px;
  margin: 0 0 10px;
  background: url("../img/veb3/divis.png") no-repeat 0px 9px;
}
.list_style > li ul {
  margin: 10px 0 10px 20px;
}

.list_slash {
  margin: 16px 0 16px 25px;
}
.list_slash li {
  padding: 0 0 0 15px;
  line-height: 14px;
  margin: 0 0 10px;
  background: url("../img/veb3/slash_blue.jpg") no-repeat 0px 3px;
  text-align: justify;
}
.list_slash li ul {
  margin: 10px 0;
  list-style: none;
}
.list_slash li ul li {
  padding: 0 0 0 15px;
  margin: 0 0 10px;
  background: url("../img/veb3/divis_blue.jpg") no-repeat 0px 6px;
}

.list_divis {
  margin: 16px 0 16px 25px;
}
.list_divis li {
  padding: 0 0 0 15px;
  margin: 0 0 10px;
  line-height: 14px;
  background: url("../img/veb3/divis_blue.jpg") no-repeat 0px 6px;
  text-align: justify;
}
.list_divis li ul {
  margin: 10px 0;
  list-style: none;
}
.list_divis li ul li {
  padding: 0 0 0 15px;
  margin: 0 0 10px;
  background: url("../img/veb3/slash_blue.jpg") no-repeat 0px 3px;
}

.list_content {
  margin: 16px 0;
}
.list_content li {
  margin: 5px 0 0 0;
  line-height: 14px;
}
.list_content li:first-child {
  margin: 0;
}
.list_content li ul {
  list-style: none;
}

.list_numeric {
  margin: 16px 0 16px 25px;
  list-style-type: decimal;
}
.list_numeric li {
  margin: 0 0 10px;
  color: #0086CD;
  line-height: 14px;
  text-align: justify;
}
.list_numeric li > span {
  color: #575757;
}
.list_numeric li ul {
  margin: 10px 0;
  list-style-type: lower-alpha;
  list-style-position: inside;
}

.infographics > tbody tr:first-child td {
  padding: 0 0 30px;
}
.infographics tr p {
  color: #9a9b9d;
  margin: 0;
}

.infographics__data {
  height: 90px;
  width: 90px;
  border-collapse: initial;
}
.infographics__data span {
  display: block;
  text-align: center;
}

.infographics__data__number {
  color: #0085cc;
  font-size: 30px;
  line-height: 30px;
}

.infographics__data__value {
  font-size: 12px;
  color: #878787;
}

.list_chart {
  width: 110px;
  font-size: 10px;
}

.list_chart__item {
  position: relative;
  padding: 0 0 4px 15px;
  word-wrap: break-word;
}
.list_chart__item span {
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  float: left;
  left: 0;
  top: 4px;
}

.list_chart__item_1 span {
  background: #008fd4;
}

.list_chart__item_2 span {
  background: #dcddde;
}

.list_chart__item_3 span {
  background: #57afe2;
}

.list_chart__item_4 span {
  background: #b9d7f1;
}

.list_chart__item_5 span {
  background: #808285;
}

.list_chart__item_6 span {
  background: #57585b;
}

.list_chart__item_7 span {
  background: #4D5360;
}

.list_chart__item_8 span {
  background: #4D5360;
}

.list_chart__item_9 span {
  background: #4D5360;
}

.list_chart__item_10 span {
  background: #000;
}

.w-105px {
  width: 105px;
}

.w-205px {
  width: 205px;
}

.w-130px {
  width: 130px;
}

.p_b-30px {
  padding-bottom: 30px;
}

.m-0 {
  margin: 0;
  text-align: left !important;
}

/* ============================================================================
		html table
============================================================================= */
.table {
  width: 100%;
  margin: 0 0 20px;
}

.table_style thead {
  border-top: 1px solid #008fd5;
  border-bottom: 1px solid #008fd5;
}
.table_style thead th {
  font-weight: normal;
  text-align: left;
  padding: 10px;
   vertical-align: middle
}
.table_style tbody tr {
  border-top: 1px solid #bfe3f4;
}
.table_style tbody tr:first-child {
  border-top: none;
}
.table_style tbody td {
  padding: 10px;
   vertical-align: middle
}

.table_striped .odd {
  background: #f0f7fd;
}

.table_striped_even .even {
  background: #f0f7fd;
}

.table_diagram thead th {
  text-align: left;
  font-weight: normal;
}
.table_diagram tbody td img {
  display: block;
  margin: 0 auto;
}

.table_inner__responsive {
  margin: 0 0 20px;
  overflow-x: scroll;
}
.table_inner__responsive > table {
  margin: 0;
}

/* ============================================================================
    Layout: header
============================================================================= */
.header {
  padding: 13px 0 0;
  height: 150px;
  background: url("../img/veb3/bg_header.jpg") repeat-x top;
  position: relative;
  z-index: 101;
}
.header > .container {
  height: 116px;
}

.header__left {
  float: left;
}

.header__right {
  float: right;
}

.header__panel {
  margin-bottom: 14px;
}

/* Logo
  --------------------------------------------------------------------------- */
.logo {
  position: relative;
  top: 21px;
  display: block;
  height: 67px;
  text-indent: -9999px;
}
.logo a {
  display: block;
  height: 67px;
}

.logo_ru {
  width: 234px;
  background: url("../img/veb3/logo_ru.png") no-repeat;
}

.logo_en {
  width: 317px;
  background: url("../img/veb3/logo_en.png") no-repeat;
}

/* @end */
/* Nav localisation
  --------------------------------------------------------------------------- */
.nav-localisation {
  position: relative;
  z-index: 3;
  padding: 0 10px 0 0;
  background: url("../img/veb3/arrow_bottom.png") no-repeat right center;
}
.nav-localisation:hover .nav-localisation__active {
  color: #0071bb;
}
.nav-localisation:hover .nav-localisation__sub {
  display: block;
}

.nav-localisation__active {
  padding: 0 0 3px;
  display: block;
  border-bottom: 1px dashed #919191;
  color: #919191;
  text-decoration: none;
  cursor: pointer;
}

.nav-localisation__sub {
  position: absolute;
  top: 16px;
  right: -10px;
  display: none;
}

.nav-localisation__sub__arrow {
  display: block;
  position: absolute;
  width: 14px;
  height: 7px;
  right: 0;
  top: 0;
  margin: -6px 6px 0 0;
  background: url("../img/veb3/bg_general-nav__sub.png") no-repeat;
}

.nav-localisation__sub__inner {
  border: 1px solid #d9d9d9;
  margin: 0;
  padding: 20px;
  background: #ffffff;
  list-style: none;
}

.nav-localisation__sub__ln {
  position: relative;
  display: block;
  text-align: center;
  color: #000000;
  text-decoration: none;
  white-space: nowrap;
}
.nav-localisation__sub__ln:hover {
  color: #38b3e7;
}

/* @end */
/* Nav all site
  --------------------------------------------------------------------------- */
.nav-allsite {
  position: relative;
  margin: 0 0 0 20px;
  padding: 0 10px 0 0;
  background: url("../img/veb3/arrow_bottom.png") no-repeat right center;
  z-index: 4;
}
.nav-allsite:hover > span {
  color: #0071bb;
}
.nav-allsite:hover .nav-allsite__list {
  display: block;
}
.nav-allsite > span {
  display: block;
  padding: 0 0 3px;
  border-bottom: 1px dashed #919191;
  color: #919191;
  text-decoration: none;
  cursor: pointer;
}

.nav-allsite__list {
  position: absolute;
  top: 16px;
  right: -10px;
  display: none;
}

.nav-allsite__list__inner {
  border: 1px solid #d9d9d9;
  margin: 0;
  padding: 14px 0 14px;
  background: #ffffff;
  list-style: none;
  width: 420px;
  overflow: hidden;
}

.nav-allsite__list__col {
  width: 172px;
  float: left;
  padding: 1px 25px 0;
}
.nav-allsite__list__col h2 {
  font-size: 15px;
  padding: 3px 0 3px 4px;
  font-weight: 400;
  line-height: 100%;
  color: #0071bb;
}
.nav-allsite__list__col h2:hover {
  color: #0071bb;
}
.nav-allsite__list__col:first-child {
  padding: 0 0 0 25px;
}

.nav-allsite__list__arrow {
  display: block;
  position: absolute;
  width: 14px;
  height: 7px;
  right: 0;
  top: 0;
  margin: -6px 6px 0 0;
  background: url("../img/veb3/bg_general-nav__sub.png") no-repeat;
}

.nav-allsite__list__ln {
  position: relative;
  display: block;
  padding: 4px;
  color: #5d5d5d;
  margin: 0 0 4px;
  font-size: 13px;
  text-transform: initial;
}
.nav-allsite__list__ln:hover {
  text-decoration: none;
}

/* @end */
/* Nav header
  --------------------------------------------------------------------------- */
.header__nav {
  float: right;
  position: relative;
  margin: 0 25px 0 0;
}

.header__nav__item {
  padding: 0 0 0 25px;
}
.header__nav__item:before {
  content: "/ ";
}
.header__nav__item a {
  font-size: 13px;
  display: inline-block;
  padding: 0 0 3px;
  line-height: 18px;
}
.header__nav__item a:active {
  color: #0085cd;
}

.header__nav__item_last {
  width: 72px;
}

/* @end */
/* Nav general
  --------------------------------------------------------------------------- */
.general-nav {
  position: relative;
  z-index: 2;
}
.general-nav > .container {
  display: table;
}

.general-nav__inner {
  width: 100%;
  display: table-row;
  width: 100%;
  background: #0086CD;
}

.general-nav__item {
  display: table-cell;
  text-align: left;
  line-height: normal;
}
.general-nav__item > div {
  position: relative;
}
.general-nav__item:hover .general-nav__item__ln, .general-nav__item .hover .general-nav__item__ln {
  background-color: #4dc2ff;
}
.general-nav__item:hover .general-nav__item__sub, .general-nav__item .hover .general-nav__item__sub {
  display: block;
}

.general-nav__item__ln {
  display: block;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.general-nav__item__ln:hover {
  color: #ffffff;
}

.general-nav__item__ln_more span {
  position: relative;
  padding: 0 10px 0 0;
  background: url("../img/veb3/icons_nav-general_more.png") no-repeat right;
  cursor: pointer;
}

.general-nav__item__sub {
  position: absolute;
  top: 40px;
  right: 0;
  display: none;
}

.general-nav__item__sub__arrow {
  display: block;
  position: absolute;
  width: 14px;
  height: 7px;
  right: -23px;
  top: 0;
  margin: -6px 30px 0 0;
  background: url("../img/veb3/bg_general-nav__sub.png") no-repeat;
}

.general-nav__item__sub__inner {
  border: 1px solid #d9d9d9;
  background: #ffffff;
  list-style: none;
  padding: 10px 0;
  width: 256px;
}

.general-nav__item__sub__ln {
  position: relative;
  display: block;
  padding: 6px 0 6px 30px;
  border-left: 4px solid transparent;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
}
.general-nav__item__sub__ln:hover {
  color: #ffffff;
  background: #38b3e7;
}

/* @end */
.simple-sub-nav {
  margin: 10px 0;
}
.simple-sub-nav li {
  margin: 5px 0 0 0;
}
.simple-sub-nav li:first-child {
  margin: 0;
}
.simple-sub-nav a {
  color: #0086CD;
}

.simple-sub-nav__symbol {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 7px;
  margin: 0 0 0 5px;
  border-color: transparent transparent transparent #0086d1;
  *display: inline;
  *zoom: 1;
}

/* ============================================================================
		Layout: main
============================================================================= */
.content__main p {
  text-align: justify;
}

.content__main_aside-l {
  width: 620px;
  float: left;
}

.main__col_196 {
  width: 196px;
  float: left;
}

.main__col {
  float: left;
  margin: 0 0 0 20px;
  width: 300px;
}
.main__col:first-child {
  margin: 0;
}

.main_box {
  position: relative;
  margin: 0 0 12px;
  padding: 15px 28px;
  border: 1px solid #d9d9d9;
  font-size: 13px;
  line-height: 14px;
}
.main_box hr {
  background: #d9d9d9;
}

.main_box__header {
  margin: 0 0 17px;
}
.main_box__header h2 {
  color: #535759;
  text-transform: uppercase;
  font-size: 17px;
  margin: 0;
  font-weight: normal;
}

.main_box__main a {
  color: #5b5b5b;
}

.main_box__footer {
  position: absolute;
  margin: 20px 0 0 0;
  line-height: 16px;
  bottom: 15px;
  width: 242px;
}

.main_box__legal-framework .main_box__header h2 {
  padding: 0 0 0 45px;
  background: url("../img/veb3/icons_legal-framework.png") no-repeat left;
}
.main_box__legal-framework ul li {
  margin: 10px 0 0;
  font-size: 14px;
}
.main_box__legal-framework ul li:first-child {
  margin: 0;
}

.main_box_h-197 {
  height: 197px;
}

.main_box_h-216 {
  height: 216px;
}
.main_box_h-216 .main_box__main {
  padding: 0 0 0 1px;
}

.main_box_h-457 {
  height: 457px;
}

.news-list {
  height: 386px;
}
.news-list:hover .jspVerticalBar {
  display: block;
}
.news-list .jspPane {
  margin: 0 !important;
}
.news-list .jspVerticalBar {
  display: none;
}
.news-list .jspTrack {
  width: 4px;
  background: #d6dcdf;
}
.news-list .jspDrag {
  width: 4px;
  background: #0071bb;
}

.news-list__item {
  margin: 20px 0 0;
}
.news-list__item:first-child {
  margin: 0;
}
.news-list__item time {
  color: #0071bb;
}
.news-list__item a {
  display: block;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
}
.news-list__item a:hover {
  text-decoration: underline;
}

.annual-report__img {
  display: block;
  float: left;
  margin: 0 20px 0 0;
  border: 1px solid #d9d9d9;
}

.annual-report__txt {
  overflow: hidden;
}

.news-short__item {
  overflow: hidden;
  margin: 0 0 15px;
}
.news-short__item img {
  float: left;
  margin: 0 15px 15px 0;
}
.news-short__item time {
  display: block;
  color: #0085cd;
  font-size: 14px;
  margin: 5px 0 5px;
}
.news-short__item p {
  margin: 0;
}
.news-short__item a {
  text-decoration: none;
}
.news-short__item a:hover {
  text-decoration: underline;
}

.main_box_map {
  height: 216px;
}
.main_box_map img {
  margin-bottom: 22px;
}
.main_box_map .main_box__main > div {
  background: url("../img/veb3/cross.png") no-repeat right;
}

.main_box_press-center {
  color: #5d5d5d;
}
.main_box_press-center hr {
  margin: 10px 0;
  background: #d9d9d9;
  color: #d9d9d9;
}

.main_box_press-center__person {
  overflow: hidden;
}
.main_box_press-center__person img {
  float: left;
  margin-right: 15px;
  border: 1px solid #d9d9d9;
}
.main_box_press-center__person b {
  display: block;
  margin-bottom: 5px;
}

.news-item-panel {
  margin: 25px 0;
}

.news__time {
  font-size: 14px;
  line-height: 25px;
  color: #0086CD;
}

.w-42 {
  display: inline-block;
  width: 42px;
}

.center {
  display: block;
  margin: 0 auto;
}

/* ============================================================================
    Layout: aside
============================================================================= */
.content__aside_left {
  float: left;
  width: 300px;
  margin: 0 20px 0 0;
}

.nav-press-centre {
  border: 1px solid #d9d9d9;
  margin: 0 0 15px;
}

.nav-press-centre__header {
  padding: 10px 0 5px 30px;
}
.nav-press-centre__header h2 {
  margin: 0;
  font-family: "OpenSans", sans-serif;
  font-weight: bold;
  color: #0085cc;
  font-size: 17px;
  text-transform: uppercase;
}

.nav-press-centre__item {
  border-top: 1px solid #d5d5d5;
}
.nav-press-centre__item:first-child {
  border-bottom: 1px solid #d5d5d5;
  border-bottom: none;
}

.nav-press-centre__ln {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 10px 45px;
}
.nav-press-centre__ln:hover, .nav-press-centre__ln.active {
  background: #0085cd;
  color: #ffffff;
}
.nav-press-centre__ln:hover:after, .nav-press-centre__ln.active:after {
  display: block;
  position: absolute;
  width: 21px;
  height: 9px;
  content: "";
  right: 10px;
  top: 50%;
  margin-top: -4.5px;
  background-position: 0 -971px;
}

.box-feedback {
  display: block;
  margin: 0 0 15px;
  padding: 15px 25px;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
}
.box-feedback:hover {
  border-color: #0086d1;
  background: #f7f7f7;
}

.box-feedback__title {
  display: block;
  padding: 0 0 0 40px;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 20px;
  background: url("../img/veb3/envelope.jpg") no-repeat left;
  margin-bottom: 12px;
}

/* ============================================================================
    Layout: footer
============================================================================= */
.footer {
  background: #0086CD;
  color: #ffffff;
  font-size: 11px;
}
.footer p {
  margin: 0 0 9px;
}
.footer a {
  color: #fff;
}
.footer b {
  font-size: 13px;
}

.footer__box {
  float: left;
  margin: 0 0 0 20px;
  padding: 30px 0 0 0;
}
.footer__box:first-child {
  margin: 0;
}

.footer__box_1 {
  width: 300px;
}

.footer__box_2 {
  width: 300px;
}

.footer__box_3 {
  width: 175px;
}

.footer__box_4 {
  width: 104px;
}

.nav-footer li {
  position: relative;
  margin: 0 0 9px;
}
.nav-footer li:before {
  content: "/";
}
.nav-footer li a {
  padding: 0 0 0 7px;
}

.social-networks li {
  float: left;
  margin: 0 0 0 14px;
}
.social-networks li:first-child {
  margin: 0;
}
.social-networks a {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  cursor: pointer;
}

.social-networks__ln_fb {
  background-position: 0 0;
}
.social-networks__ln_fb:hover {
  background-position: 0 -45px;
}

.social-networks__ln_tw {
  background-position: 0 -720px;
}
.social-networks__ln_tw:hover {
  background-position: 0 -765px;
}

.social-networks__ln_in {
  background-position: 0 -90px;
}
.social-networks__ln_in:hover {
  background-position: 0 -135px;
}
.social-networks a.social-networks__ln_yt {
   background: url("../img/veb3/y0.png") no-repeat;
}
.social-networks a.social-networks__ln_yt:hover {
   background: url("../img/veb3/y1.png") no-repeat;
}


/* ============================================================================
  Block: breadcrumb
============================================================================= */
.breadcrumb {
  padding: 10px;
  font-size: 12px;
}
.breadcrumb li {
  display: inline;
}

.breadcrumb__inner {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb__item {
  color: #239eda;
  padding: 0 0 0 5px;
}
.breadcrumb__item:first-child {
  padding: 0;
}

.breadcrumb__ln {
  position: relative;
  padding: 0 15px 0 0;
  background: url("../img/veb3/arrow_right.png") no-repeat right center;
}

/* @end */
/* ============================================================================
  Block: promo
============================================================================= */
.promo {
  position: relative;
  margin: -135px 0 20px 0;
  z-index: 100;
}

.promo__item {
  float: left;
  width: 300px;
  margin: 0 0 0 20px;
  background: #f5f5f5;
}
.promo__item:first-child {
  margin: 0;
}

.promo__item__header {
  position: relative;
}
.promo__item__header h1 {
  font-size: 16px;
  line-height: 17px;
  position: absolute;
  top: 17px;
  left: 0;
  width: 271px;
  height: 73px;
  padding: 25px 0 0 30px;
  color: #fff;
  background: url("../img/veb3/bg_header-promo.png") no-repeat;
}
.promo__item__header h1 span {
  position: absolute;
  bottom: 29px;
}

.promo__item__main {
  padding: 12px 16px 15px 30px;
}
.promo__item__main p {
  height: 90px;
  font-size: 13px;
  line-height: 15px;
  color: #5d5d5d;
}

/* @end */
/* ============================================================================
  Block: nav topic
============================================================================= */
.nav-topic__item {
  float: left;
  margin: 0 0 0 20px;
}
.nav-topic__item:first-child {
  margin: 0;
}
.nav-topic__item a {
  position: relative;
  display: block;
  padding: 0 50px 0 20px;
  width: 230px;
  height: 40px;
  background: #0085cd url("../img/veb3/nav_point.png") no-repeat 255px 11px;
  color: #ffffff;
  font-size: 16px;
  line-height: 40px;
  text-decoration: none;
}

/* @end */
/* ============================================================================
  Block: nav aside
============================================================================= */
.nav-aside {
  margin: 0 0 15px;
  border: 1px solid #d9d9d9;
}

.nav-aside__header h2 {
  line-height: 25px;
  padding: 8px 0;
  margin: 0 0 0 25px;
  font-size: 18px;
}
.nav-aside__header h2 a {
  color: #0085cc;
  text-decoration: none;
}

.nav-aside__item {
  display: block;
  border-top: 1px solid #d9d9d9;
}

.nav-aside__item.nav-aside__item_open .nav-aside__sub {
  display: block;
}

.nav-aside__item__ln {
  display: block;
  padding: 8px 40px;
  text-decoration: none;
}
.nav-aside__item__ln:hover, .nav-aside__item__ln.selected {
  color: #FFFFFF;
  background-color: #0085cd;
}
.nav-aside__item__ln:hover.nav-aside__item__ln_sub, .nav-aside__item__ln.selected.nav-aside__item__ln_sub {
  background: #0085cd url("../img/veb3/nav_point.png") no-repeat center right 8px;
}

.nav-aside__item__ln_sub {
  background: url("../img/veb3/nav_point_black.png") no-repeat center right 8px;
}

.nav-aside__sub {
  display: none;
  margin: 20px 0 0;
  padding: 0 40px 0 60px;
}
.nav-aside__sub li {
  margin: 0 0 20px;
}
.nav-aside__sub li a {
  color: #919191;
  text-decoration: none;
}
.nav-aside__sub li a:hover {
  color: #0085cd;
}
.nav-aside__sub .selected {
  color: #0085cd;
}

/* @end */
/* ============================================================================
   @group Pagination
============================================================================ */
.pages ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.ie6-7 .pages ul {
  display: inline;
  zoom: 1;
}
.pages li {
  display: inline;
  margin: 0;
  padding: 0;
}
.pages li .pages__item_current {
  border-bottom: 2px solid #45b8e9;
}
.pages a {
  text-decoration: none;
}

.pages__item {
  display: inline-block;
  padding: 3px 8px;
}
.ie6-7 .pages__item {
  display: inline;
  zoom: 1;
}

.pages__item_arrow {
  text-indent: -9999px;
  width: 4px;
}

.pages__item_arrow-prev {
  background: url("../img/veb3/pager_prev.png") no-repeat center;
}

.pages__item_arrow-next {
  background: url("../img/veb3/pager_next.png") no-repeat center;
}

/* @end */
.partneres {
  position: relative;
  z-index: 1;
}

.partneres__inner {
  width: 100%;
}

.partneres__inner__border-top {
  border-top: 1px solid #d9d9d9;
}

.partneres__inner__border-bottom {
  border-bottom: 1px solid #d9d9d9;
}

.partneres__item {
  padding: 10px 0;
  position: relative;
  cursor: pointer;
}
.partneres__item > img {
  display: block;
}
.partneres__item .partneres__item__color {
  display: none;
}
.partneres__item:hover .partneres__item__color {
  display: block;
}
.partneres__item:hover .partneres__item__black {
  display: none;
}
.partneres__item:hover .partneres__item__info {
  display: block;
}

.partneres__item_center > img {
  margin-left: 40px;
}

.partneres__item_last .partneres__item__info {
  margin-left: 0;
  left: auto;
  right: 0;
}

.partneres__item__info {
  display: none;
  position: absolute;
  padding: 23px;
  background: #ffffff;
  width: 344px;
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.12);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.12);
  left: 50%;
  margin-left: -172px;
  bottom: 100%;
  z-index: 1;
}
.partneres__item__info img {
  margin: 0 0 10px 0;
}
.partneres__item__info p {
  font-size: 13px;
  margin: 0;
  color: #5c5f61;
}

.list_board__inner {
  cursor: pointer;
}

.list_board__item {
  width: 140px;
  float: left;
}

.list_board__item img {
  border: 1px solid #939393;
}

.list_board__inner {
  cursor: pointer;
}

.list_board__item {
  width: 140px;
  float: left;
}
.list_board__item img {
  border: 1px solid #939393;
}

/* ============================================================================
  Block: guide
============================================================================= */
.chairman {
  margin: 0 0 55px;
}

.chairman__left {
  width: 115px;
  margin: 0 45px 0 0;
}

.chairman__left img {
  display: block;
  width: 105px;
  margin: 0 0 18px;
  border: 1px solid #939393;
}

.chairman__left a {
  display: block;
  margin: 0 0 10px;
}

.chairman__left span {
  display: block;
  font-size: 12px;
}

.chairman__right {
  width: 460px;
}
.chairman__right h2 {
  margin: 0 0 15px;
  font-weight: normal;
}
.chairman__right p {
  margin: 0 0 15px;
}

.chairman_list {
  margin: 0 0 20px;
}

.chairman_list__item {
  display: inline-block;
  vertical-align: top;
  width: 145px;
  padding: 0 10px 0 0;
  margin: 0 0 25px;
  zoom: 1;
  *display: inline;
  _height: 250px;
}

.chairman_list__item img {
  display: block;
  width: 110px;
  margin: 0 0 18px;
  border: 1px solid #939393;
}

.chairman_list__item a {
  display: block;
  margin: 0 0 10px;
}

#biography .w-600 {
  padding: 0 30px 0 0;
}
#biography .w-290 img {
  width: 288px;
  border: 1px solid #939393;
}

.scroll-people {
  overflow: hidden;
}
.scroll-people .jspPane {
  margin: 0 !important;
}
.scroll-people .jspTrack {
  width: 4px;
  background: #d6dcdf;
}
.scroll-people .jspDrag {
  width: 4px;
  background: #0071bb;
}

/* @end */
/* ============================================================================
  Block: time line
============================================================================= */
.time-line {
  height: 500px;
  margin: 25px 0;
  position: relative;
  overflow: hidden;
}

.time-line__stick {
  position: absolute;
  width: 1px;
  height: 100%;
  background: #d9d9d9;
  left: 255px;
  top: 0;
}

.time-line__item {
  margin: 0 0 25px;
}
.time-line__item p {
  margin: 0;
}

.time-line__item_left {
  padding: 0 25px 0 0;
  background: url("../img/veb3/time-line_05.png") no-repeat center right;
  z-index: 2;
  width: 235px;
  position: relative;
}
.time-line__item_left > .clearfix {
  padding: 0 10px 0 0;
  border-right: 1px solid #9a9b9d;
}
.time-line__item_left div img {
  margin: 0 0 10px 10px;
}

.time-line__item_right {
  padding: 0 0 0 25px;
  background: url("../img/veb3/time-line_01.png") no-repeat center left;
  left: 251px;
  width: 270px;
  z-index: 2;
  position: relative;
}
.time-line__item_right div {
  padding: 0 0 0 10px;
  border-left: 1px solid #9a9b9d;
}
.time-line__item_right div img {
  margin: 0 10px 10px 0;
}

.time-line__item_year {
  padding: 0 0 0 25px;
  background: url("../img/veb3/time-line_02.png") no-repeat center left;
  position: relative;
  left: 248px;
  z-index: 2;
  width: 100px;
}
.time-line__item_year div {
  width: 75px;
  height: 33px;
  color: #FFFFFF;
  font-size: 21px;
  text-align: center;
  line-height: 33px;
  background: url("../img/veb3/time-line_03.png");
}

.time-line__item_big-year {
  padding: 0 0 0 38px;
  background: url("../img/veb3/time-line_06.png") no-repeat left 12px;
  position: relative;
  left: 248px;
  z-index: 2;
  width: 113px;
}
.time-line__item_big-year div {
  color: #0085cd;
  font-size: 30px;
  line-height: 38px;
}

.time-line__nav {
  position: relative;
  z-index: 9;
}

.time-line__nav__item {
  position: absolute;
  left: 248px;
  background: #ffffff;
  width: 16px;
  height: 9px;
}

.time-line__nav__item_top {
  top: -534px;
}
.time-line__nav__item_top .time-line__nav__ln {
  background-position: 0 -1819px;
}
.time-line__nav__item_top .time-line__nav__ln:hover {
  background-position: 0 -1877px;
}

.time-line__nav__item_down {
  top: -25px;
}
.time-line__nav__item_down .time-line__nav__ln {
  background-position: 0 -1848px;
}
.time-line__nav__item_down .time-line__nav__ln:hover {
  background-position: 0 -1905px;
}

.time-line__nav__ln {
  display: block;
  width: 16px;
  height: 9px;
  position: absolute;
}

.time-line__scroll {
  position: absolute;
  top: 0;
  right: 0;
}

.time-line__scroll__top {
  position: relative;
  left: -15px;
}
.time-line__scroll__top .time-line__scroll__year {
  padding-bottom: 10px;
}
.time-line__scroll__top span {
  display: block;
  position: relative;
  left: 9px;
  width: 13px;
  height: 13px;
  background: #0086cd;
}

.time-line__scroll__bottom {
  position: relative;
  left: -15px;
  top: 0px;
}
.time-line__scroll__bottom .time-line__scroll__year {
  padding-top: 36px;
}
.time-line__scroll__bottom span {
  display: block;
  position: relative;
  left: 9px;
  top: -36px;
  width: 13px;
  height: 13px;
  background: #0086cd;
}

.ui-slider-vertical {
  width: 1px;
  border-left: 1px dotted #0086cd;
  height: 335px;
  position: relative;
}

.ui-slider-handle {
  position: absolute;
}
.ui-slider-handle:focus {
  outline: none;
}
.ui-slider-handle span {
  background: #0086cd;
  width: 25px;
  height: 7px;
  left: -12.5px;
  top: -3.5px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}

/* ============================================================================
  Block: file list
============================================================================= */
.file-list__inner {
  margin: 0 0 20px;
}

.file-list {
  margin: 10px 0;
}
.file-list li {
  margin: 25px 0 0;
}
.file-list li:first-child {
  margin: 0;
}

.file-list__ln {
  font-size: 11px;
  line-height: 12px;
  position: relative;
  display: block;
  padding: 0 0 0 35px;
  text-decoration: none;
}
.file-list__ln:hover .file-list__ln__name {
  color: #0085cd;
  text-decoration: underline;
}
.file-list__ln:after {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 20px;
  height: 22px;
  content: '';
  -moz-box-shadow: 3px 4px 5px rgba(1, 1, 1, 0.16);
  -webkit-box-shadow: 3px 4px 5px rgba(1, 1, 1, 0.16);
  box-shadow: 3px 4px 5px rgba(1, 1, 1, 0.16);
}

.file-list__ln__name {
  font-size: 13px;
  line-height: 15px;
  display: block;
  text-decoration: underline;
  margin: 0 0 3px;
}

.file-list__ln__description {
  font-size: 11px;
  line-height: 12px;
  padding: 0 0 0 35px;
  margin: 1px 0 0;
  text-decoration: none;
  font-style: italic;
  color: #9a9b9d;
}

.file-list__ln__format {
  text-decoration: none;
  color: #9a9b9d;
}

.file-list__ln_doc {
  background: url("../img/veb3/file_doc.png") no-repeat top left;
}

.file-list__ln_jpg {
  background: url("../img/veb3/file_jpg.png") no-repeat top left;
}

.file-list__ln_pdf {
  background: url("../img/veb3/file_pdf.png") no-repeat top left;
}

.file-list__ln_ppt {
  background: url("../img/veb3/file_ppt.png") no-repeat top left;
}

.file-list__ln_rar {
  background: url("../img/veb3/file_rar.png") no-repeat top left;
}

.file-list__ln_tif {
  background: url("../img/veb3/file_tif.png") no-repeat top left;
}

.file-list__ln_xls {
  background: url("../img/veb3/file_xls.png") no-repeat top left;
}

.file-list__ln_zip {
  background: url("../img/veb3/file_zip.png") no-repeat top left;
}

.file-list__ln_exe {
  background: url("../img/veb3/file_exe.png") no-repeat top left;
}

.file-list__ln_rtf {
  background: url("../img/veb3/file_rtf.png") no-repeat top left;
}

/* @end */
.file-list_responsive {
  padding: 15px 25px;
  margin: 0 0 15px;
  border: 1px solid #d9d9d9;
}
.file-list_responsive .file-list__ln__description {
  display: block;
  padding: 0;
}

/* ============================================================================
  Block: calendar
============================================================================= */
.calendar__header {
  background: #0086CD;
  color: #ffffff;
  margin: 0 0 10px;
  position: relative;
  padding: 5px 0;
}
.calendar__header h3 {
  color: #ffffff;
  margin: 0;
}
.calendar__header a {
  color: #ffffff;
  width: 9px;
  height: 9px;
  text-decoration: none;
  font-size: 25px;
  position: absolute;
  top: 10px;
}

.calendar__header__prev {
  left: 20px;
  background-position: 0 -1978px;
}

.calendar__header__next {
  right: 20px;
  background-position: 0 -2007px;
}

.calendar__month {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px 0;
}
.calendar__month table {
  width: 100%;
  text-align: center;
}
.calendar__month table th {
  padding: 3px 0;
}
.calendar__month table tbody {
  border-top: none;
  border: 1px solid #d6d6d6;
}
.calendar__month table td {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  font-size: 10px;
}
.calendar__month table td a {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #ffffff;
  text-decoration: none;
  background: #b9d7f1;
  border: 1px solid #0086CD;
}
.calendar__month table td a:hover {
  background: #0086CD;
}

.calendar__month_last {
  margin: 0 0 10px;
}

.calendar__month__name {
  color: #ffffff;
  background: #0086CD;
  border: 1px solid #0086CD;
}

.calendar__month__day {
  text-transform: uppercase;
  background: #f6f6f6;
  color: #0086CD;
  border: 1px solid #d6d6d6;
}

.news-filter-range table {
  width: 100%;
  border: 1px solid #0086CD;
}
.news-filter-range table a {
  display: block;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
}

.calendar-filter-item.year.active a {
  color: #ffffff;
  background: #0086CD;
}

.calendar-filter.months table {
  width: 100%;
  border: 1px solid #0086CD;
}
.calendar-filter.months table a {
  display: block;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
}

.calendar-filter-item.month.active a {
  color: #ffffff;
  background: #0086CD;
}

.chart {
  position: relative;
  background: white;
}

.chart, .chart * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chart {
  width: 110px;
  height: 110px;
}

.chart .chart__pie {
  width: 50%;
  height: 100%;
  transform-origin: 100% 50%;
  position: absolute;
}

.chart .chart__spinner {
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  z-index: 200;
  border-right: none;
  -webkit-animation: rota 5s linear 1;
  background: url("../img/veb3/diagramma_2_01.jpg") no-repeat;
}

.chart:hover .chart__spinner,
.chart:hover .chart__filler,
.chart:hover .chart__mask {
  -webkit-animation-play-state: running;
}

.chart .chart__filler {
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  left: 50%;
  opacity: 0;
  z-index: 100;
  -webkit-animation: opa 5s steps(1, end) 1 reverse;
  border-left: none;
  background: url("../img/veb3/diagramma_2_02.jpg") no-repeat;
}

.chart .chart__mask {
  width: 50%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: 1;
  z-index: 300;
  -webkit-animation: opa 5s steps(1, end) 1;
}

.chart__full {
  position: relative;
  width: 110px;
  height: 110px;
  background: url("../img/veb3/diagramma_2.jpg");
  -webkit-animation: full 5s steps(1, end) 1;
  z-index: 999;
}

@-webkit-keyframes rota {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes full {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opa {
  0% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
/* ============================================================================
  Block: contact list
============================================================================= */
.contact-list__item > h2 {
  position: relative;
  padding: 0 0 0 10px;
  margin: 0 0 10px;
  color: #0085cd;
  font-size: 15px;
  line-height: 22px;
  font-weight: normal;
  cursor: pointer;
}
.contact-list__item > h2:after {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -3.5px;
  content: "";
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #0086CD;
}
.contact-list__item > h2 span {
  border-bottom: 1px dashed;
}
.contact-list__item.active h2:after {
  border-width: 4px 3.5px 0 3.5px;
  border-color: #0086CD transparent transparent transparent;
}

.contact-list__office__l {
  width: 400px;
  float: left;
  margin-right: 20px;
}

.contact-list__office__r {
  float: left;
  width: 200px;
}
.contact-list__office__r iframe {
  margin-bottom: 18px;
}

/* ============================================================================
  Block: site map
============================================================================= */
.site-map li {
  margin: 5px 0 0;
}
.site-map li:first-child {
  margin: 0;
}
.site-map li ul {
  margin: 10px 0 10px 25px;
}
.site-map a {
  color: #0086d1;
}

.site-map__symbol {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 7px;
  margin: 0 0 0 5px;
  border-color: transparent transparent transparent #0086d1;
  *display: inline;
  *zoom: 1;
}

/* ============================================================================
		html search
============================================================================= */
.search__form input {
  display: block;
  float: left;
  height: 28px;
  line-height: 28px;
  font-size: 18px;
  padding: 10px;
  border: 1px solid #e2e2e2;
  margin: 0 20px 10px 0;
  width: 798px;
  color: #575757;
}
.search__form button {
  display: block;
  font-size: 18px;
  float: left;
  height: 50px;
  width: 100px;
  color: #ffffff;
  background: #0086CD;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}

.search_list li a {
  display: block;
  color: #0086CD;
}

/* ============================================================================
		Plugins: slider
============================================================================= */
.slider {
  position: relative;
  overflow: hidden;
  margin: -13px 0 0;
  width: 100%;
  height: 390px;
  /*background: #000000;*/
}

.slider__inner {
  overflow: hidden;
}

.bx-wrapper {
  position: relative;
}

.slider__item {
  clear: none;
  height: 390px;
}
.slider__item a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: -2px;
}
.slider__item .description-photo {
  display: none;
}

.slider__item img {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -960px;
}
.slider__item .container {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -480px;
}
.slider__item h2 {
  margin: 40px 10px 10px;
  color: #ffffff;
  font-size: 36px;
  line-height: 100%;
  font-weight: normal;
}
.slider__item p {
  margin: 0 10px;
  color: #ffffff;
  font-size: 18px;
  line-height: 20px;
}

/* PAGER */
.slider .bx-wrapper .bx-pager {
  position: absolute;
  bottom: 152px;
  left: 50%;
  margin-left: -445px;
}
.slider .bx-wrapper .bx-pager .bx-pager-item,
.slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.slider .bx-wrapper .bx-pager.bx-default-pager a {
  display: block;
  float: left;
  clear: none;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  background: #fff;
  text-indent: -9999px;
}
.slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #0182b5;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.slider .slider-nav {
  position: absolute;
  bottom: 170px;
  left: 50%;
  margin-left: -435px;
}
.slider .bx-wrapper .bx-prev {
  bottom: 50%;
  margin-left: -440px;
  background-position: 0 -909px !important;
}
.slider .bx-wrapper .bx-prev:hover {
  background-position: 0 -1119px !important;
}
.slider .bx-wrapper .bx-next {
  bottom: 50%;
  margin-left: 415px;
  background-position: 0 -847px !important;
}
.slider .bx-wrapper .bx-next:hover {
  background-position: 0 -1057px !important;
}
.slider .bx-wrapper .bx-controls-direction a {
  position: absolute;
  left: 50%;
  display: block;
  bottom: 205px;
  width: 22px;
  height: 42px;
  text-indent: -9999px;
  z-index: 1;
}

.slider-media .slider-nav {
  position: absolute;
  bottom: 170px;
  left: 50%;
  margin-left: -435px;
}
.slider-media .bx-wrapper .bx-prev {
  margin-left: -55px;
  background-position: 0 -1466px;
}
.slider-media .bx-wrapper .bx-prev:hover {
  background-position: 0 -1431px;
}
.slider-media .bx-wrapper .bx-next {
  margin-left: 47px;
  background-position: 0 -1501px;
}
.slider-media .bx-wrapper .bx-next:hover {
  background-position: 0 -1396px;
}
.slider-media .bx-controls-direction {
  position: absolute;
  height: 15px;
  width: 110px;
}
.slider-media .bx-controls-direction a {
  position: absolute;
  left: 50%;
  display: block;
  margin-bottom: -7.5px;
  width: 8px;
  height: 15px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

.slider-media {
  margin: 0 0 15px;
  padding: 15px 25px;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  line-height: 14px;
}

.slider-media__content {
  position: relative;
}
.slider-media__content:hover .slider-media__content_mask {
  display: none;
}

.slider-media__content_mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("../img/veb3/bg_slider-media__mask.png");
}

.slider-media__pager {
  display: block;
  width: 110px;
  padding: 0 20px;
  color: #008fd3;
  font-family: "OpenSans", sans-serif;
  font-size: 48px;
}

.bx-viewport {
  position: relative;
  z-index: 50;
}

.bx-controls {
  position: relative;
  z-index: 9999;
}
.bx-controls .bx-controls-direction a {
  display: block;
  position: absolute;
  width: 8px;
  height: 15px;
  line-height: 0;
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
}
.bx-controls .bx-controls-direction a.bx-prev {
  background-position: 0 -1466px;
}
.bx-controls .bx-controls-direction a.bx-prev:hover {
  background-position: 0 -1431px;
}
.bx-controls .bx-controls-direction a.bx-next {
  background-position: 0 -1501px;
}
.bx-controls .bx-controls-direction a.bx-next:hover {
  background-position: 0 -1396px;
}

.img-gallery {
  width: 572px;
  height: 310px;
  padding: 0 0 80px 48px;
  background: url("../img/veb3/bg_img-slider.png");
}

.img-gallery__item {
  width: 572px !important;
  height: 310px !important;
  overflow: hidden;
}

/* ============================================================================
		Plugins: modal
============================================================================= */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #cccccc;
}

.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 25px;
  height: 25px;
  line-height: 44px;
  position: absolute;
  right: 15px;
  top: 15px;
  line-height: 0;
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  background-position: 0 -1690px;
}
.mfp-close:hover {
  background-position: 0 -1933px;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.modal-people {
  overflow: hidden;
  position: relative;
  width: 920px;
  -moz-box-shadow: 4px 4px 35px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 4px 4px 35px rgba(0, 0, 0, 0.15);
  box-shadow: 4px 4px 35px rgba(0, 0, 0, 0.15);
  margin: 25px auto;
  background: #ffffff;
  padding: 40px;
}
.modal-people > h3 {
  color: #0085cc;
  font-size: 24px;
}
.modal-people > span {
  display: block;
  margin: 0 0 25px;
}

.modal-people__news li time {
  display: block;
}

.popup_clear {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  background: #ffffff;
  padding: 40px;
}

.mfp-image-holder .mfp-content {
  padding: 40px;
  background: #ffffff;
}

/* ============================================================================
		Plugins: tabs
============================================================================= */
.nav-tabs, .nav-tabs_alt {
  display: block;
  padding: 0;
  border-bottom: 1px solid #0085cd;
  margin: 0 0 20px;
  list-style: none;
}

.nav-tabs__item {
  display: block;
  position: relative;
  float: left;
  top: 1px;
  border-bottom: 1px solid #0085cd;
}
.nav-tabs__item a {
  position: relative;
  top: 1px;
  height: 23px;
  display: block;
  line-height: 23px;
  padding: 0 15px;
  border: 1px solid transparent;
  border-bottom: none;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #8d8f90;
  text-decoration: none;
}
.nav-tabs__item span {
  display: block;
}
.nav-tabs__item.active {
  border-bottom: 1px solid #ffffff;
}
.nav-tabs__item.active a, .nav-tabs__item.active a:hover, .nav-tabs__item.active a:focus {
  color: #0085cd;
  cursor: default;
  background-color: #fff;
  border: 1px solid #0085cd;
  border-bottom: none;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* ============================================================================
		Plugins: scroll
============================================================================= */
.jspScrollable {
  outline: none;
}

.jspContainer {
  overflow: hidden;
  position: relative;
  outline: none;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #dde;
  position: relative;
}

.jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

/* ============================================================================
		Plugins: like buttons
============================================================================= */
.like-buttons__item {
  float: left;
  position: relative;
  margin: 0 0 0 10px;
  padding: 0;
}
.like-buttons__item:first-child {
  margin: 0;
}

.like-button {
  display: block;
  width: 26px;
  height: 25px;
}
.like-button.s_facebook {
  background-position: 0 -180px;
}
.like-button.s_facebook:hover {
  background-position: 0 -225px;
}
.like-button.s_twitter {
  background-position: 0 -540px;
}
.like-button.s_twitter:hover {
  background-position: 0 -585px;
}
.like-button.s_linkedin {
  background-position: 0 -270px;
}
.like-button.s_linkedin:hover {
  background-position: 0 -315px;
}
.like-button.s_vk {
  background-position: 0 -630px;
}
.like-button.s_vk:hover {
  background-position: 0 -675px;
}
.like-button.s_livejournal {
  background-position: 0 -360px;
}
.like-button.s_livejournal:hover {
  background-position: 0 -405px;
}
.like-button.s_mail {
  background-position: 0 -450px;
}
.like-button.s_mail:hover {
  background-position: 0 -495px;
}

.like-counter {
  display: block;
  width: 25px;
  height: 18px;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #e6e6e6;
  text-align: center;
}


/*ie*/

.form_export .form__item input\ {
  margin-top: 10px;
  padding: 5px;
  font-family: 'Open Sans', sans-serif;
}

.form_export .form__item textarea\ {
  margin-top: 10px;
  padding: 5px;
  font-family: 'Open Sans', sans-serif;
}

.form_export .form__item select\ {
  margin-top: 10px;
  width: 411px;
  font-family: 'Open Sans', sans-serif;
}


















/*================================ gallery ============================*/

.slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slider__wrapper {
  height: 100%;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.slider__item {
  height: 100%;
  float: left;
  clear: none;
}
.slider__arrows-item {
  position: absolute;
  /*display: block;*/
  bottom: 3px;
  padding: 20px;
  cursor: pointer;
  color: #fff;
  font-size: 30px;
}

.wrap-counter-slider .description {
  color: #414141;
  font-size: 14px;
  padding-left: 15px;
  position: relative;
  top: -5px;
}


.slider__arrows-item--right {
  /*bottom: 50%;*/
  /*right: 30px;*/
  /*bottom: 25px;
  left: 100px;*/
  z-index: 4;
  right: 0;
  top: 3px;

  background-position: 15px 25px;
  padding-bottom: 0;
  background-image: url('/common/js/gallery/images/right-sil.png');
  background-repeat: no-repeat;
}

.slider__arrows-item--right:hover {
    background-position: 14px 25px;
    background-image: url('/common/js/gallery/images/right-bl.png');
/*background-position: 18px -1043px !important;*/
}


.slider__arrows-item--left {
  /*bottom: 50%;*/
  /*left: 30px;*/
  /*bottom: 25px;
  left: 20px;*/
  left: 0;
  top: 3px;

  z-index: 4;
  padding-bottom: 0;

  background-image: url('/common/js/gallery/images/left-sil.png');
  background-repeat: no-repeat;
  background-position: 9px 25px;
}

.slider__arrows-item--left:hover {
    background-position: 10px 25px;
    background-image: url('/common/js/gallery/images/left-bl.png');
}

.slider__arrows {
  margin-left: -50px;

  position: relative;
  padding: 0 40px;
  display: inline-block;
  *display: inline;
  zoom:1;
}
.slider__nav {
  position: absolute;
  bottom: 30px;
}
.slider__nav-item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #fff;
}
.slider__nav-item--current {
  background: #ccc;
}
.slider__nav-item:hover {
  background: #ccc;
}

.gallery .slider__item img {
  left: auto;
  margin-left: 0;
  width: 100%;
}

*+html .gallery .slider__item img  {
  width: auto;  
}

#jquery-lightbox .mfp-close {
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;  
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  /*background-color: #fff;*/
  background: #0086cd;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  overflow: visible !important;
}

#lightbox-container-image-box .class1 {
    position: absolute;
 /*   width: 72px;
    height: 72px;*/   
    top: -72px;
    left: 0;

    width: 0;
    height: 0;
    border-bottom: 72px solid #0086cd; 
    border-left: 72px solid transparent;
}

.class2 {
    height: 72px;
    position: absolute;
    width: 144px;
    background: #0086cd;
    top: -72px;
    left: 72px;
    /*width: 288px;*/
}

#lightbox-container-image { 
  padding: 0px 0 0 72px;   
}

#lightbox-image {
  margin-top: -72px;
  position: relative;  
}

#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}

#lightbox-nav-btnPrev { 
  left: 0; 
  float: left;
  background: none !important;
  position: relative;
}

#lightbox-nav-btnPrev span {
  background-image: url('../img/veb3/icons-s201c7b23d4.png') !important;
  background-repeat: no-repeat !important;
  background-position: 15px -909px !important;
  height: 45px;
  width: 50px;
  display: block;
  position: absolute;
  top: 35%;
  left: 70px;
}

#lightbox-nav-btnPrev:hover span {
  background-position: 15px -1119px !important;
}

#lightbox-nav-btnNext { 
  right: 0; 
  float: right;
  background: none !important;
  position: relative;
}

#lightbox-nav-btnNext span {
  background-image: url('../img/veb3/icons-s201c7b23d4.png') !important;
  background-repeat: no-repeat !important;
  background-position: 0 -847px !important;
  height: 45px;
  width: 50px;
  display: block;
  position: absolute;
  top: 35%;
  right: -15px;
}

#lightbox-nav-btnNext:hover span {
  background-position: 0 -1057px !important;
}

#lightbox-container-image-data-box {
  /*font: 10px Verdana, Helvetica, sans-serif;*/
  background-color: transparent;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0;
  /*overflow: hidden;*/
}
#lightbox-container-image-data {
  /*padding: 0 10px; */
  /*overflow: hidden;*/   
  color: #666; 
  background: #0086cd;
  height: 72px;  
  position: relative;
  float: left;
}

#lightbox-container-image-data .class3 {
  width: 0;
  height: 0;
  border-top: 72px solid #0086cd; 
  border-right: 72px solid transparent;    
  right: -72px;
  top: 0;
  position: absolute;
}

#lightbox-container-image-data #lightbox-image-details { 
  width: 70%; 
  float: left; 
  text-align: left; 
} 
#lightbox-image-details-caption { 
  color: #0086cd;
  /*font-weight: bold;*/
  /*display: none !important;*/
  position: absolute;
  z-index: 999;
  color: #fff; 
  left: 0;
  font-size: 20px;
  line-height: 22px;
  margin: 0 auto;
  text-align: left;
  padding-top: 15px;
 }

#lightbox-image-details-caption div {
    padding: 0 20px 0 82px;
    color: #fff;
    font-size: 14px;
}


#lightbox-image-details-currentNumber {
  display: block; 
  clear: left; 
  /*padding-bottom: 1.0em;  */
  color: #fff;
  font-size: 50px;
  line-height: 70px;
  padding-left: 32px;
}     
#lightbox-secNav-btnClose {
  width: 30px; 
  height: 30px;
  float: right;
  /*padding-bottom: 3.7em; */
  position: relative; 
}

#lightbox-secNav {
  position: absolute;
  z-index: 999;
  right: 5px;
  top: -63px;
}


.gallery {
    position: relative;
    margin: 15px 0 10px 0;
    padding: 0;
    background: silver; 
}

  .gallery:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 72px solid white;
    border-right: 72px solid transparent;
    top: 0;
    left: 0;
    z-index: 4; 
}

  .gallery:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 72px solid white;
    border-left: 72px solid transparent;
    bottom: 0;
    right: 0;
    z-index: 4; 
}

  .gallery .slider {
    background: #dcddde;
    /*background: white;*/
    position: relative;
    width: auto;
    padding-left: 72px; 
}

    .gallery .slider:before {
      content: "";
      display: block;
      width: 72px;
      top: 0;
      left: 0;
      height: 100%;
      position: absolute;
      background: #dcddde;
      /*background: #0086cd;*/
      z-index: 3; 
  }

.gallery .slider .slider__wrapper {
    margin: 0;
    padding: 0;             
}
.gallery .slider .slider__nav {
    display: none; 
}

.gallery .slider .wrap-counter-slider {
    color: #0086cd;
    font-size: 50px;
    line-height: 70px;
    /*background: #0086cd;*/
    background: #dcddde;
    height: 72px; 
}

/*.gallery .slider .wrap-counter-slider .current-slide:after {
    content: "/";
    display: inline;
    color: #0086cd;
    padding: 0 7px; 
}*/

.current-slide {
    position: relative;
    z-index: 5; 
}

.slider__item span {
    display: none;
}
.wrap-counter-slider .description {
    padding: 0 0 0 10px;
    width: 370px;
    top: 15px;
    display: block;
    position: absolute;
    right: 70px;
    line-height: 1.3em;
    font-size: 12px;
}
div.wrap-counter-slider {
    position: relative;
}
