/* GRID */

html {margin:0; padding:0; height:100%}

body {margin:0; padding:0; /*position:relative;*/ min-height:100%; font:16px 'Segoe UI', sans-serif; color:#616878; background:#FFFFFF}

/* FORMAT */
h1 {font-size: 29px; font-weight:600; color: #3a4256; line-height: 1.034; margin:0 0 25px 0}
h2 {margin:0 0 30px 0; font-size:32px; font-weight:500} .main h2 {font-size:29px}
h3, .h3 {margin:0 0 15px 0; font-size:20px; font-weight:500} h3.title2 {font-size:18px} aside .title2 {text-transform:uppercase; margin-bottom:35px}

.sect_header, .main .sect_header {font-size:24px;}
.main_header { font:bold 32px 'Segoe UI Bold', 'Segoe UI', sans-serif; color:#3a4256; margin-bottom:15px; margin-top:20px;}
.main_header small {font-size:14px; font-weight:normal; color:#a8b3be; display:block; margin-top:17px; float:right}
    .main_header small a {color:#848e99; text-decoration:none} .main_header small a:hover {text-decoration:underline}
.main_header small:before {font:13px 'Glyphicons Halflings'; color:#848e99; content:"\e258"; margin:0 0 -2px 10px; float:right; display:inline-block; text-decoration:none; vertical-align:middle}


/*.text-danger {color:#af3236}*/
.text-info {color:#464a61}
.text-muted {color:#a2a3a5}

p {margin:1em 0}
p:first-child {margin-top:0}

hr {color:#cccccc; background:#cccccc; height:1px; font-size:1px; line-height:1; margin:0; border:none; display:block; width:100%; clear:both}

br.b {line-height:1px; overflow:hidden; width:100%; clear:both}

.hold {width:100%; overflow:hidden}

.wide_set {text-align:justify}
.wide_set > * {display:inline-block; vertical-align:top; text-align:left}
.wide_set:after {width:100%; height:1px; display:inline-block; content:''}

menu, nav {display:block; margin:0; padding:0}

.container {max-width:1250px; width:auto; position:relative}

.text {color:#616878;; text-decoration:none}

._loading {position: relative}
    ._loading:before {background:rgba(255,255,255,0.7) url(../../images/ogv_to12/lb/loading.gif) 50% no-repeat;
	position: absolute; left: 0; right: 0; top:0; bottom: 0; z-index:11000; content:''}

.pad1 {padding:35px 30px; background:#0463b4; color:#FFFFFF; border-radius:4px}

.content .pad2 {padding:45px; background:#FFFFFF; margin-bottom:10px}

.pad3 {border: solid 1px #e0e4e8; padding:40px; color:#a0a0a0/*background:#FFFFFF*/; width:100%; position:relative} ._2col .pad3 {line-height:1.9}
    .pad3 h5 {text-transform:uppercase; font-size:14px; color:#0463b4; font-weight:bold; margin:0 0 2em 0}

    .pad3.timestamp:before {width:20px; height:20px; background:#FFFFFF; content:''; border:#e0e4e8 solid; border-width:0 0 1px 1px; transform:rotate(45deg); position:absolute; top:50%; left:-11px; display:block; }

.pad_border {
  padding: 28px;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;

  border-radius: 8px;
  border: 1px solid #CCC; margin-bottom: 32px}
  ._grid > * {flex-grow: 1}

  .pad_border ._grid {display:flex; gap:16px; }
    .pad_border > ._grid {align-items: flex-start;}
    ._grid_vertical {display:flex; flex-direction: column}
  .pad_border .pct {vertical-align: middle; margin:0 8px 8px 0}

.pad_hilight {padding: 16px; flex-direction: column; align-items: flex-start; gap: 10px; flex: 1 0 0; border-radius: 4px; background: #F6F6F7;}
  .pad_hilight strong {font-weight: 600}

    table.details {width:100%}
    .details td {padding-bottom:10px; vertical-align:top} .details td+td {padding-left:10px}
        table.details strong, .pad3 strong {font-weight:500; color:#767676}
.details a {color:#0061d9; text-decoration:none}

   ._grid > .pad_hilight+.pad_hilight {padding-left:24px}
   .app {text-align:center}
      .app .qr-code {display:inline-block; margin:8px 0; background: #FFFFFF; min-width:100px; min-height:100px}
      .app .src {padding:4px 0 0 32px; text-align: left}
        .app .src strong {display: block}
        .app .src:before {display: block; width: 24px; height: 24px; background:url("../../images/eg17/pct/mobileapp/gplay.png") 50% no-repeat; content:''; margin:-2px 8px 0 -32px; position: absolute}
          .app.ios .src:before {background-image: url("../../images/eg17/pct/mobileapp/appstore.png")}

.pads_list2 {}
    .pads_list2 .item {padding:50px 40px; background:#FFFFFF; margin-bottom:10px}


.menu_ico_tab {border: solid 1px #e0e4e8; border-radius: 4px; background-color: rgba(121, 121, 121, 0); padding:12px; color:#767676;
    position: relative; display: inline-block; z-index: 11; margin:0 10px 20px 0} .menu_ico_tab .ico {color:#767676; width:20px; height:20px}
.menu_ico_tab.active { border-color: rgba(0, 97, 217, 0.5);}
    .menu_ico_tab.active .ico {color:#0061d9}
    .menu_ico_tab.active:before {border:10px solid; border-color:transparent transparent #FFFFFF transparent;  width:0; height:0; position: absolute; display:block; left:50%; bottom:0; margin:0 0 -21px -8px; content:''}
.menu_pad1 {background:#FFFFFF; box-shadow: 0 10px 18px 2px rgba(47, 56, 79, 0.25); position: absolute; padding:30px;
    z-index: 10; max-height:450px; overflow: auto; }
	.menu_pad1 .c {}
    .menu_pad1 .form-group {margin-left:0; margin-right:0}
    .menu_pad1 label.type4 {font-weight:normal; margin:0 0 0 30px} .menu_pad1 label .checkbox {margin-left:-30px; position:absolute}
	.menu_pad1 .row {margin:0 0 20px 0}

.note2 {opacity:0.5}
h2+.note2 {margin-top:-20px}

._ftr .info-right {float:right; line-height:40px; color:#b1bac4}
._ftr .info-right+.paginate {margin-right:20%}

/* a */
a {color:#3a4256; cursor:pointer}
.link:hover, a.active, .pads_list ._ftr a.keywords:hover, .pads_list .item a:hover {color:#0061d9}
a img {border:0}

.external {padding:20px 100px 20px 45px; min-height:1em; font-size:18px; font-weight:600; color:#3a4256; background:#f4f7fb; position:relative; display:inline-block; text-decoration:none}
    .external:after {width:20px; height:20px; background:url(../../images/eg17/ico/ext_link.png) no-repeat; content:''; top:20px; right:20px; display:block; position:absolute; vertical-align:top}

img {max-width:100%; height:auto}

/* form */
form {margin:0}
input[type=text], input[type=password], textarea {font:1em Arial, Helvetica, sans-serif; color:#4c4c4c}
textarea {resize:none}

button {padding:0; position:relative; cursor:pointer; overflow:visible; display:inline-block; border:0; outline:0; margin:0}
	button::-moz-focus-inner {	border: none;  padding:0}
    button span {display:block; position:relative}

.btn {font-size:16px; font-weight:bold; padding:16px 25px; text-decoration:none; white-space: normal}
.btn-sm {font-size:14px; font-weight:400; padding:6px 12px; text-decoration:none; white-space: normal}
.btn-md {font-size:15px; font-weight:400; padding:6px 12px; text-decoration:none; white-space: normal}

.date, ._ftr small {font-size:14px; display:block; color:#a8b3be; margin-top:1em;}
a.date {text-decoration:none}

/* table */
table {font-size:1em}
table, tr, td {margin:0; padding:0; border:1}
.top td {vertical-align:top}

tr[onclick] {cursor:pointer}

.f1 {width:100%; margin-bottom:10px}
    .f1 td {padding:6px 10px;}
    .f1 .odd td {background:#f1f1f1}

    .f1 tr:hover {color: #0061d9}

.attr--mandatory .form-label:after {content:'*'}
form .star, .form .star, .attr--mandatory .form-label:after {
    display: block;
    position: absolute;
    top: 0;
    left: -17px;
    color: #fd334a;
}

.form.form_not_valid .messages:before {font-weight:bold; color:#a94442; display:block; margin-bottom:1em; content:'Проверьте, пожалуйста, правильность заполнения формы'}

.form .form-group {position:relative; min-height:1px}

.form label {font-weight:normal}

.form textarea.form-control {height:110px; resize:none; padding:12px 12px !important}

.form .form-control~.form-label,.form .select2~.form-label{
    font-size:16px;
    color:#8d8d8d;
    position: absolute;
    pointer-events: none;
    left: 12px;
    right: 12px;
    margin-top:-54px;
    line-height: 28px;/*40px*/
    padding-top:10px;
    transition:font-size .3s;
    font-weight:normal;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.form .textarea-holder {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    display:block;
    position:relative;
    background:#FFFFFF
}

.form .type1 textarea.form-control, .form .type1 .textarea-holder>div.form-control {
    border: 0;
    margin-top: 22px;
    box-shadow: none;
    padding-top:0 !important;/*
  overflow: visible;*/
    white-space: normal;
}
.form textarea.form-control+.form-label {margin-top:-132px; white-space:normal; line-height:1.2}

.form .attr--filled .form-control~.form-label, .form .attr--filled .select2-container~.form-label, .form .form-control:focus ~ .form-label, .form .select2-container--open~.form-label {
    transform: translateY(-10px) !important;
    font-size: 10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:54px;
    padding-top:0;
}
.form .textarea-holder>div.form-control {padding-bottom:10px}
.form .textarea-holder>div.form-control~.form-label, .form2 .textarea-holder>.select2~.form-label {top:1px; margin-top:0}
.form .attr--filled .textarea-holder>div.form-control~.form-label {}

.textarea-holder+.form-label {display:none}


.form .select2-selection--multiple {/*padding-top:18px !important;*/ border:0 !important}
.select2-selection--multiple .select2-search__field {height:46px; margin:0 !important}
.select2-container .select2-selection--multiple ul.select2-selection__rendered {display:block; padding:0 12px}
.form2 .select2-selection--multiple {
    padding-top: 20px !important;
    border: 0 !important;
}

.form .star, .form2 .attr--mandatory .form-label:after {position:static; display:inline; margin-left:5px}


.form .form-group .alert {padding:10px 0 0 0; border:0; background:none; font-size:14px}
.form .note {padding:10px 0 0 0; border:0; font-size:14px; /*color:#e34748*/}


.form ._ftr {margin-top:45px}

.form ._ftr .btn {font-weight:bold; border-radius: 4px; background-color: rgb(31, 56, 130); line-height: 57px; min-height:57px; padding:0 20px}
.form ._ftr .col {margin:0; padding:0}

.subgroup {padding-top:1em}

input[type=checkbox][readonly], input[type=checkbox][readonly]+label, input[type=radio][readonly] {pointer-events:none}

.has-error {z-index:+1}
.form2 .has-error .alert-danger {padding:5px 10px; position: absolute; background: #e34748;  color: #FFFFFF; top: 100%; font-size:12px; border-radius:0; margin-top:6px}
.form2 .has-error .alert-danger:before {width:10px; height:10px; background:#e34748; transform: rotate(45deg); transform-origin:center; position:absolute; z-index:10; display:block; content:''; top:-5px; left:20px}

.has-error .form-control, .has-error .textarea-holder {  border-color: #e34748;}
.form .has-error .form-control~.form-label {color: #e34748}

.download > a:hover,  .download + .actions a:hover { background-position: bottom center;}
.nophoto {width:170px; height:110px; background:#eff1f3  50% no-repeat; display:inline-block}

.image_upload {/*font-size:1px;*/ margin:20px 0 0 0/* 0 0 -10px*/; padding:0; list-style:none}
.image_upload li {margin:0; padding:0; display:block; position:relative; }
/*.image_upload li:before {height:100%; width:1px; display:inline-block; content:''; vertical-align:middle}*/
.image_upload li a {display:inline-block; width:60%; vertical-align:middle}
.image_upload li img {max-width:99%; max-height:100%; margin-right:10px}

.image_upload .del-itm {cursor:pointer; display:block; position:absolute; width:30px; height:30px; background:url(../../images/eg17/ico/del.png) 50% no-repeat; bottom:6px; right:0; z-index:1; }


.image_upload img[data-image] {cursor:pointer}

::-webkit-file-upload-button {
    cursor:pointer;
}

/* IE11 (if it doesn't work, try maybe also on the parent/wrapper) */
input[type=file] {
    cursor:pointer;
}

.image_upload .title {/*width:200px;*/ display:inline-block; word-wrap:break-word; /*background:url(../../images/msp2018/ico/doc.png) top no-repeat; */padding-top:10px; vertical-align:middle}
/*.image_upload .pdf .title {background-image:url(../../images/msp2018/ico/pdf.png)}
.image_upload .xls .title {background-image:url(../../images/msp2018/ico/xls.png)}
.image_upload .xml .title {background-image:url(../../images/msp2018/ico/xml.png)}
.image_upload .htm .title, .image_upload .html .title {background-image:url(../../images/msp2018/ico/html.png)}
.image_upload .zip .title {background-image:url(../../images/msp2018/ico/zip.png)}*/

.image_upload li.list-itm {border-bottom:#e0e4e8 1px solid; padding:10px 0}

.image_upload li.error {border-color:#a94442}

.image_upload .add_new {cursor:pointer; min-height:57px; position:relative; margin-top:30px}

    .image_upload .btn {width:100%; pointer-events:none}
.image_upload input[type="file"] {position:absolute; top:0; right:0; cursor:pointer; width:100%; height:100%;  opacity:0; pointer-events:none; font-size:99px}
.image_upload .add_new input[type="file"] {pointer-events:auto; cursor:pointer; font-size:99px}

.image_upload .add_new:after {color:#FFFFFF; content:'Добавить файл'; font-size:16px; font-weight:bold;border-radius: 4px; background-color: rgb(31, 56, 130); position: absolute;left: 0; top: 0; width: 50%; line-height: 57px; text-align:center; pointer-events:none}
.image_upload .add_new:empty:after {content:'Файлы не добавлены'; padding-top:0; background:none; cursor:auto} .image_upload li+.add_new:empty {display:none}

.image_upload .loader-wrapper {position:absolute}
.image_upload .loader-wrapper .loader {min-height:0}

.loader-wrapper {
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background: rgba(255,255,255,.85);
    z-index: 1021;
}

.loader {
    width: 100%;
    height: 100%;
    min-height: 200px;
    background: url('../../images/eg17/ajax-loader.gif') 50% no-repeat;
    z-index:+1;
}

/* CONTENT */
.col1 {float:left; } .col2 {float:right; } .col {}

.cell {display:table-cell}

.modal-content {border-radius:0; min-height:100px}
    .modal-content.loading:empty:before, .loading-content:empty:before {line-height:100px; display:block; content:'Загрузка ...'; text-align:center}
    [data-toggle="modal"] {cursor:pointer}

._2col {margin-bottom:60px}

.container ._2col {width:auto !important; margin-bottom:0; padding:0}


/*HEADER*/

.hdr {position:relative; z-index:10; border-bottom:#e0e4e8 1px solid; background:#FFFFFF}
/*.hdr, .subheader {color:#FFFFFF; background:#0461b0}*/
    .hdr > .bar {background:#0359a2; height:54px; font-size:14px; font-weight:bold;}
    .subheader {padding-bottom:80px; margin-bottom:80px; color:#ccdff0}
    .hdr .bar .container { padding:0 2px}


.hdr a, .subheader a {/*color:#FFFFFF;*/ text-decoration:none}
.subheader h2 {color:#FFFFFF}

.hdr .bar .sw {color:#FFFFFF; display:inline-block; line-height:54px; opacity:0.5; padding-right:13px}
    .hdr .bar .sw:after {border:transparent 4px solid; content:''; width:0; height:0; display:inline-block;  border-top-color:#FFFFFF; vertical-align:middle;
	margin-left: 10px;}
    .hdr .bar nav:hover .sw, .hdr .bar .open .sw {opacity:1; background-color:#0469c0}

.logo {background:url(../../images/eg17/logo2.png) 0 no-repeat; text-decoration:none; font-size:19px; padding:20px 0 10px 90px; position:absolute; display:block; top:0; z-index:20; min-height:80px; color:#3a4256;}
    .logo strong {font-weight:500; display:block} .logo:hover {color:#3a4256}
    .logo small {font-size:10px; display:block; margin-top:0}

    .index .logo strong, .index .logo small {display:none}


.sub2 .container {min-height:150px; width:100%; display:table}
    .sub2title {display:table-cell; vertical-align:middle; text-decoration:none; color:#3a4256 !important; padding:50px 0 !important; float:none}
        .sub2title strong {font:bold 230%/1 'Segoe UI Bold', 'Segoe UI', sans-serif; display:block }
        .sub2title small {font:500 24px 'Segoe UI', sans-serif; display:block; margin-top:15px}

     .sub2menu {display:table-cell; vertical-align:middle; padding:0 !important; float:none !important}
        .sub2menu a {display:block; margin:20px 0; color:#3a4256; text-decoration:none; width:100%; position:relative}
    .sub2menu .hot a {display:block; margin:20px 0; color:#FF0000 ; text-decoration:none; width:100%; position:relative}
            .sub2menu a:before {font:13px 'Glyphicons Halflings'; position:absolute; opacity:0.5; content:"\e258"; top:50%; right:0; margin-top:-8px; text-decoration:none}


.main .content {background:#f4f7fb; color:#3a4256}
.content>.main_container {padding-top:21px !important; padding-bottom:45px !important}

.content:empty, .main_container:empty {display:none}

.twocol_blue {padding:45px 0 60px 0; background:#f4f7fb}
.twocol_blue > .container > .row {margin-bottom:30px}

.twocol_blue article, .content article {padding:30px 35px 60px 25px; background:#FFFFFF}

article+h2, article+h3 {margin-top:60px}

.way {margin:0 0 42px 0; font-size:13px; color:#a8b3be;}

    .way a {display:inline-block; vertical-align:middle; color:#a8b3be; text-decoration:none; margin:2px 0}
	.way a.home { width:14px; height:14px; background:url(../../images/eg17/ico/home.png) no-repeat; margin-right:5px}

    .page-header {  margin-top:42px !important; margin-bottom:37px !important; padding:0; border:0} .page-header .way {margin:0} .page-header .way+.row {margin-top:42px}
	.page-header h1 {font-size: 170%; font-weight:600; color: #3a4256; line-height: 1.034; margin-bottom:10px}

	.page-header .buttons-bar {text-align:right}
	.page-header .btn {margin-left:10px; font-size:16px; font-weight:normal; color:#767676; padding:10px 24px}
	    .page-header .btn .ico {width:25px; height:25px; display:inline-block; vertical-align:middle;  background:50% no-repeat}
		.page-header .btn .btn-text {margin-left:6px;}
		.page-header .print .ico {background-image:url(../../images/eg17/ico/print.png)}
		.page-header .share .ico  {background-image:url(../../images/eg17/ico/share.png)}



.buttons-bar .tooltip-inner {background:#E0E0E0 !important; text-align:left; padding:10px}
.buttons-bar .tooltip .tooltip-arrow {border-bottom-color:#E0E0E0 !important}
.ya-share2__item {margin-bottom:5px !important}

.abstr_text {font-size:15px; line-height:1.6; }
    .abstr_text h3 {font-size:17px; line-height:1.6; margin-bottom:30px}

.sub2+.main_sect {padding-top:0}

.index_speech {padding:50px 0; background:#3b4256; color:#FFFFFF}
    .index_speech a, .index_speech .text {color:#FFFFFF}
/*	.index_speech .text:after {font:30px 'Georgia Regular', Georgia, Arial, sans-serif; content:'»'; opacity:0.5; display:inline-block; vertical-align:middle; margin-top:-7px} */

.index_speech .pct {margin:-20px 0; text-align:center}

.index_speech a.pull-right {position:relative; z-index:1}
.index_speech a.pull-left {position:relative; z-index:1}

.index_speech .pad1 {background:#33394d}
.index_speech .right_menu {margin:0}

.index_enter_lk {padding-left:96px; background:url(../../images/eg17/pct/enter_lk.png) no-repeat}
    .enter-btn {color:#3b4256 !important; background:#FFFFFF !important; border:0 !important}
    .register-btn {color:#FFFFFF !important; background:none !important; border:#3883c3 1px solid !important}

.main_info {background:#f4f7fb} .hot+.act_menu, .hot+.main_info, .hot+script+.main_info, .main_info+script+.hot,.act_menu+.contacts_di {padding-top:0}

.main_info .nav-tabs {border:0;}
    .main_info .nav-tabs a {font:bold 32px 'Segoe UI Bold', 'Segoe UI', sans-serif; color:#3a4256 !important; opacity:0.5; margin:0 30px 30px 0; padding:0; background:none !important; text-decoration:none; border:0 !important}
    .main_info .nav-tabs .active a {opacity:1}

.info_blocks {margin:0; padding:0; list-style:none}
    .info_blocks .block {padding:20px 25% 20px 30px; background:#FFFFFF; margin-bottom:10px; color:#3a4256; text-decoration:none; position:relative; min-height:100px; display:block; border-radius:5px}
	.info_blocks .block:after {width:64px; font:13px/70px 'Glyphicons Halflings'; position:absolute; color:#848e99; content:"\e258"; text-align:center; background:url(../../images/eg17/pct/ico_bg.png); top:20px; right:30px; display:block}

    .info_blocks .block:nth-child(n+5) {display:none}

    .info_blocks .block:hover {color:#0061d9}
    .info_blocks .block:hover:after {background:url(../../images/eg17/pct/ico_bg_hov.png); }

.index_mm {background:#3b4256; color:#FFFFFF}
    .index_mm .main_header {color:#FFFFFF; margin-bottom:60px}
	.index_mm .main_header small {font-size:14px; opacity:0.5}

.index_mm_item.first {position:relative; text-decoration:none; border-bottom-width:0; margin-bottom:0; padding-bottom:0; min-height:200px}
    .index_mm_item.first img {width:100%; height:auto; border-radius:5px}
	.index_mm_item.first .title {font-size:20px; font-weight:bold; position:absolute; bottom:0; right:0; left:0; color:#FFFFFF; background:rgba(0,0,0,0.1) ; padding:20px 90px 30px 30px; }
	.index_mm_item.first .title:before {display:block; bottom:30px; right:40px; width:38px; height:31px; content:''; position:absolute; background:url(../../images/eg17/ico/photo.png) 50% no-repeat}
	.index_mm_item.first .date {font-weight:normal; color:#FFFFFF}
	    .index_mm_item.first:before {content:none}


.index_mm_item {border-bottom:#767b89 1px solid; padding-bottom:20px; margin-bottom:20px; display:block; text-decoration:none; color:#FFFFFF; position:relative; overflow:hidden} .index_mm_item:hover, .index_mm_item:focus {color:#FFFFFF; text-decoration:underline}
    .index_mm_item .date {margin:0 0 1em 0; text-decoration:none !important; display:inline-block; width:100%}
    /*.index_mm_item:before {text-decoration:none; position:absolute; content:'Смотреть'; background:url(../../images/eg17/ico/look.png) 0 no-repeat; color:#FFFFFF; line-height:15px; padding-left:30px; right:0; opacity:0.5}
	.index_mm_item:hover:before {opacity:1}*/

    .main_sect {padding:15px 0}

    .index_mm .more {color:#FFFFFF; text-decoration:none; font-size:14px; opacity:0.5;}
	.index_mm .more:after {font:13px 'Glyphicons Halflings';  content:"\e258"; margin:0 0 0 10px; text-decoration:none; display:inline-block; vertical-align:middle}

    .index_blogs {background:#f4f7fb} .index_links { background:#f4f7fb}

    .index_blogs+.index_links {padding-top:0;}

.hot {background:#f4f7fb; }

.media_albums .item {display:none}
.media_albums .item.active {display:block}
.media_albums .imgcol {position:relative}
.btn_gallery_back, .btn_gallery_next {color:#E0E0E0; width:50px; height:50px; border:1px solid; text-decoration:none; cursor:pointer; position:absolute; top:50%; left:42px; display:block; z-index:9; margin-top:-25px}
    .btn_gallery_back:before, .btn_gallery_next:before {border:solid; border-width:1px 1px 0 0; transform:rotate(45deg); width:10px; height:10px; content:''; position:absolute; left:17px; top:20px; display:block}
.btn_gallery_back:before {transform:rotate(225deg); left:20px; }
    .btn_gallery_next {left:auto; right:42px}

.media_album .news-pct {height:auto; background:none !important; text-align:center}
    .media_album .news-item .cover {display:inline-block}
        .media_album .news-item:hover .cover {background:#0061d9;}

.article-gallery {text-align:center}

.article-gallery .gallery_item {min-height:100px; height:400px; width:auto; position:relative; background:#CCCCCC; display:inline-block} .article-gallery .gallery_item img {min-height:100px; display:block; margin:0 auto; height:400px; width:auto}
.article-gallery .gallery_item.video {}
    .article-gallery .gallery_item.video:before {/*border:solid; border-color:transparent transparent transparent rgba(255,255,255,0.5); border-width:20px 0 20px 30px;*/ width:60px; height:60px; position:absolute; top:50%; left:50%; display:block; margin:-30px 0 0 -30px; content:''; cursor:pointer; z-index:10; background: url(../../images/eg17/ico/play.png) 50% no-repeat; }

    .photo1 {width:100%; position:relative; margin-bottom:30px/*80px*/}
        .photo1 .pct img {/*min-*/height:420px; width:100%; /*height:auto;*/ display:block; margin:0 auto; background:50% no-repeat; background-size:contain}


        .photo1 .container+.container {margin-top:30px/*39px*/}

        .photo1 .down2 {color:#3a4256; text-decoration:none}
            .photo1 .down2:before {width:20px; height:20px; background:url(../../images/eg17/ico/down2.png) no-repeat; display:inline-block; margin-right:5px; content:''; vertical-align:middle;}


.photo1 #photo_info {display:inline-block}

.photo1 #flashDiv_wrapper {text-align:center}
.photo1 #flashDiv {background:#FFFFFF 50% no-repeat; background-size:contain; display:inline-block}
    .photo1 #flashDiv object, .photo1 #flashDiv embed {display:block; margin:0 auto}
    .photo1 #flashDiv .video-js, .photo1 #flashDiv .video-js video {background:transparent; /*position:relative; height:auto !important*/}
	.photo1 #flashDiv .vjs-control-bar {background: rgba(0,0,0,0.3)}


.audio .video-js .vjs-big-play-button {
    display: none;
}
.audio .video-js .vjs-poster {background-color:transparent}
.audio .video-js .vjs-control-bar {background-color:rgba(0,0,0,0.3); opacity:1 !important; pointer-events:auto}
.audio .video-js {background:none; }
.audio .video-js[poster] {background:none; margin-bottom:70px; }

.audio .video-js[poster] .vjs-control-bar {margin-bottom:-70px; pointer-events:auto}
.audio .video-js .vjs-progress-control {right:60px; pointer-events:none}
.audio .video-js .vjs-fullscreen-control {display:none}
.audio .video-js .vjs-volume-control {right:20px}
.audio audio {display:none}

.list {margin-bottom:50px}
.list a {background:#FFFFFF; color:#616878; text-decoration:none; padding:20px 50px 20px 20px; position:relative; border-radius:4px; display:block} .list a+a {margin-top:9px}
    .list a:hover {color:#0061d9}
    .list a:before {font:13px 'Glyphicons Halflings'; position:absolute; opacity:0.5; content:"\e258"; top:50%; margin-top:-7px; right:25px; text-decoration:none} .hot .list a:before { top:24px; right:15px;}
    .list a b {padding:10px 0 10px 10px; display:block; font-weight:600; font-size:17px}

.hot .list2 a {font-size:20px; font-weight:500; background:#FFFFFF; color:#616878; text-decoration:none; padding:30px 90px 30px 30px; position:relative; border-radius:4px; display:block; min-height:50px}
	    .hot .list2 a:hover {color:#0061d9}
            .hot .list2 a:before {font:11px/48px 'Glyphicons Halflings'; position:absolute; opacity:0.5; text-align:center; content:"\e258"; top:50%; width:48px; height:48px; background:url(../../images/eg17/pct/ico_bg.png) 50% no-repeat; background-size:auto 48px; margin-top:-24px; right:30px; text-decoration:none}
	    .hot .list2 a:hover:before {background-image:url(../../images/eg17/pct/ico_bg_hov.png); color:#616878; opacity:1}

.pads_list {margin:0; padding:0; list-style:none}
    .pads_list > li, .pads_list+.more, .pads_list .item {padding:30px 34px; display:block; background:#FFFFFF; border-radius:4px; margin-bottom:9px}
    .pads_list .title { color:#1e253c; margin:0 0 1em 0; display:block}
    .pads_list li a, .pads_list .item a, .pads_list+.more {color:#1e253c; text-decoration:none;}

    .pads_list .more {font-size:15px}

    .pads_list ._ftr, .pads_list ._ftr a {color:#a8b3be; font-size:14px; text-decoration:none}

    .pads_list .date {display:inline-block; margin:0 20px 0 0}
	.pads_list .itms {display:inline-block; padding-left:20px; background:url(../../images/eg17/ico/blog_ico1.png) 0 no-repeat; margin-right:20px}
	.pads_list .comments {display:inline-block; padding-left:20px; background:url(../../images/eg17/ico/blog_ico2.png) 0 no-repeat; margin-right:20px}

    .pads_list > li:hover *,/* .pads_list .item:hover *,*/ .pads_list+.more:hover {color:#0061d9}
	.pads_list li:hover .itms {background-image:url(../../images/eg17/ico/blog_ico1_hov.png)}
	.pads_list li:hover .comments {background-image:url(../../images/eg17/ico/blog_ico2_hov.png)}

        .pads_list .date+.tags {border-left:0 !important; margin-left:0 !important}


        .pads_list .keywords_body {color:#b1bac4 !important; border-top:#eff1f3 1px solid; margin-top:15px; padding-top:15px; font-size:14px; position:relative; display:none}
        .pads_list .show_keywords .keywords_body {display:block}

        .pads_list .keywords_body:before {width:15px; height:15px; border:#eff1f3 solid; content:''; border-width:1px 0 0 1px; transform:rotate(45deg); background:#FFFFFF; display:block; position:absolute; left:20em; top:-9px}


	.pads_list .pct a, .pads_list a.pct {width:130px; height:130px; border-radius:50%; overflow:hidden; display:block}
	    .pads_list .pct img {width:100%; height:auto}

	.pads_list.row {font-size:0}
	    .pads_list.row .col {display:inline-block; float:none; vertical-align:top; font-size:15px}



        .pads_list ~ ._ftr {margin-top:80px}

            .pads_list .item h5 {font-size:15px; margin:0 0 10px 0}
            .pads_list .item ul {margin:0; padding:0; list-style:none; font-size:14px;} article ul {margin:0 0 1em 0; padding:0; list-style:none;}
            .pads_list .item li, article li {color:#3a4256; margin:0; padding:0 0 0 20px; display:block} .pads_list .item li+li, article li+li {margin-top:10px}
.pads_list .item li:before, article li:before {width:6px; height:6px; border-radius:50%; background:#a3a7b0; content:''; display:block; position:absolute; margin:7px 0 0 -20px}
            .pads_list .list-row+.list-row {margin-top:14px}

.links_item {padding:14px 14px 14px 32px; display:block; background:#FFFFFF; border-radius:4px; margin-bottom:9px; position:relative; color:#1e253c; text-decoration:none; font-size:0; overflow:hidden}
    .links_item.with_pct,.links_item.with_pct+.more {padding-left:100px; position:relative}
    .links_item:hover, .index_links .more:hover {color:#0061d9}
    .links_item:after {width:5%; height:90px; background:url(../../images/eg17/ico/link_arr.png) 100% 0 no-repeat; content:''; display:inline-block; vertical-align:middle}
    .links_item .pct,.links_item+.more .pct {position:absolute; margin-left:-80px; width:70px; top:0; bottom:0; background:50% no-repeat; display:block}

    .index_links .more {padding:14px 32px; display:block; background:#FFFFFF; border-radius:4px; margin-bottom:9px; position:relative; color:#1e253c; text-decoration:none;}
    .index_links .more:before {width:14px; height:14px; background:url(../../images/eg17/ico/plus.png); content:''; display:block; top:17px; right:14px; position:absolute}

    .links_item .title {max-height:80px; display:inline-block; vertical-align:middle; width:95%; font-size:16px; overflow:hidden;}
    .links_item:before {display:block; position:absolute; content:''; box-shadow:0 0 30px 30px #FFFFFF; height:1px; left:0; right:0; bottom:0}



.additional, .showall .showmore {display:none !important}
.showall .additional {display:block !important}


.index_live {padding:0 0 60px 0/*0 0 30px 0*/}
    .index_live .text {line-height:1.75}
    .index_live .date {font:700 12px 'Segoe UI Bold', 'Segoe UI', sans-serif; color:#0061d9; display:block; margin-bottom:10px; text-transform:uppercase}
	.index_live .time:before {width:4px; height:4px; border-radius:50%; margin:0 10px; vertical-align:middle; content:''; display:inline-block; background:#0061d9;}

	.index_live .row > div {width:auto; float:none}
	    .index_live .row > div:nth-child(n+2) {display:none}


.contacts_di {background:#f4f7fb;}

.schedule {margin:0; display:block; padding:0; list-style:none}
    .schedule dt {display:block; width:30%; float:left; padding:0 1em 12px 0; margin:0}
    .schedule dd {display:block; width:70%; float:left; padding:0 0 12px 0; margin:0}


 .albumsPreview {}
    .albumsPreview .itmftr .photo {display:none}
    .albumsPreview .news-item .news-pct {position:relative}
    .albumsPreview .news-item:hover .news-pct[data-num]:before {position:absolute; top:50%; left:0; right:0; content:attr(data-num); display:block; text-align:center; background:url(../../images/eg17/ico/photo.png) top no-repeat; padding-top:35px; margin-top:-20px; color:#FFFFFF; z-index:100}

.videolist .news-item .news-pct {position:relative}
    /*.videolist .news-item:hover .news-pct {background: #243462;}*/
    .videolist .news-item .news-pct:before {position:absolute; /*border:solid; border-width:20px 0 20px 30px; border-color:transparent transparent transparent rgba(255,255,255,0.5); width:0; height:0;*/ display:block; content:''; top:50%; left:50%; margin:-25px 0 0 -25px; background:url(../../images/eg17/ico/play.png) 50% no-repeat; width:50px; height:54px}
/*.videolist .news-item:hover .title, .videolist .news-item:hover a, .videolist .news-item:hover .date, .videolist .news-item:hover .itmftr span, .videolist .news-item:hover .tags a {color:#243462}*/

.specbar {display:none}


.ftr {padding:90px 0 32px 0; background:#3b4256; color:#FFFFFF} .ftr a, .ftr a:hover {color:#FFFFFF}
.ftr-logo {background:url(../../images/eg17/logo2c.png) no-repeat; text-decoration:none; font:700 24px 'Segoe UI Bold', 'Segoe UI', sans-serif; padding:0px 10px 10px 100px; display:block; top:20px; color:#FFFFFF !important; margin-bottom:50px}
.ftr-logo small {font:normal 14px 'Segoe UI', sans-serif; display:block; margin-top:10px; opacity:0.5}

.ftr .btn-spec:before {display:inline-block; width:23px; height:20px; background:url(../../images/eg17/ico/spec.png) 50% no-repeat; content:''; vertical-align:middle; margin-right:10px; }
    .ftr .btn-spec:after {content:'Для слабовидящих'}

.ftr .btn-default {background:none; margin:0px 0}
/* .ftr .btn-default {background:none; margin:20px 0} */


.ftr .dev, .ftr .copy {margin-bottom:2em; opacity:0.5}

    /* SERVICES */

/* menu */
.main_menu_open {overflow:hidden}
.main_menu_open:before {position:fixed; top:0; left:0; right:0; bottom:0; background:#d3d9de; opacity:0.8; content:''; z-index:5}

.main_menu_open .m0 {position:absolute; top:120px}

.main_menu {margin:30px 0; padding-right:50px; position:relative; z-index:10}
    .main_menu>ul {margin:0; padding:0; list-style:none; text-align:right}
	.main_menu>ul>li {display:inline-block; margin-left:25px; vertical-align:top}
	    .main_menu>ul>li>a {font-weight:500; text-decoration:none; color:#3a4256}

.main_menu .sw {position:absolute; right:0; top:2px; background:url(../../images/eg17/ico/more2.png) 50% no-repeat; width:20px; height:20px; display:block; z-index:10; }
    .main_menu_open .main_menu .sw {background-image:url(../../images/eg17/ico/close02.png)}

.main_menu .block {display:none; padding:0; background:#FFFFFF; position:absolute; min-height:80vh; left:0; right:0; top:100%; margin-top:30px; box-shadow: 0 10px 16px 4px rgba(0, 0, 0, 0.24); overflow:auto}
    .main_menu_open .block {display:block}

    .main_menu .nav-tabs { padding:10px 0; margin:0; border:0; position:relative; height:100%; list-style:none}
	.main_menu .nav-tabs > li {float:none; padding:0; margin:0}
	    .main_menu .nav-tabs > li > a {padding:15px 40px; font-size:24px; font-weight:500; color:#3a4256; text-decoration:none; display:block; margin:0; border:0 !important; cursor:pointer; position:relative; border-radius:0;}
		.main_menu .nav-tabs a:before {font:13px 'Glyphicons Halflings'; color:#b9c2cb; content:"\e258"; margin:-5px 0 0 0; position:absolute; top:50%; right:40px; float:right; display:block; }
	    .main_menu .nav-tabs .active a {color:#0061d9 !important; background:#f4f7fa !important; cursor:pointer !important}
		.main_menu .nav-tabs .active a:before {color:#0061d9;}

    .main_menu .menu_block {padding:40px; }

    .main_menu .tab-content {padding:0; right:0; position:absolute; height:100%; overflow:auto; background:#f4f7fa;}

    .main_menu .menu_block h3 {font-size:24px; font-weight:500; color:#3a4256; margin-bottom:30px}
	.main_menu .menu_block+.menu_block {} .main_menu .menu_block.vis-xs+.menu_block {margin-top:0}
	.main_menu .menu_block a {color:#626878; display:block; margin-bottom:15px; text-decoration:none} .main_menu .menu_block a+a {margin-top:30px}

	.main_menu .menu_block a:hover {color:#0061d9}


.act_menu {background:#f4f7fb}
    .act_menu .nav-tabs {list-style:none; border:0; margin:0; padding:0}
	.act_menu .nav-tabs>li {float:none; display:block; margin:0}
	    .act_menu .nav-tabs>li>a {padding:20px; border-width:0 0 0 4px !important; background:#FFFFFF; border-left:transparent 4px solid; display:block; text-decoration:none; margin-bottom:2px; border-radius:0; color:#3a4256}
	    .act_menu .nav-tabs>li.active>a {border-left-color:#0a37bc; font:700 16px 'Segoe UI Bold', 'Segoe UI', sans-serif}

.act_menu .tab-pane {counter-reset: activ}
    .act_menu .tab-pane a {counter-increment:activ; display:block; text-decoration:none; font-size:20px; font-weight:500; padding:30px 100px 30px 60px; color:#3a4256; background:#FFFFFF; margin-bottom:2px; position:relative}
	.act_menu .tab-pane a:before {content:counter(activ)'.'; display:block; position:absolute; width:20px; margin-left:-35px; text-align:right; color:#f75d61}
	.act_menu .tab-pane a:after {font:13px 'Glyphicons Halflings'; position:absolute; opacity:0.5; content:"\e258"; margin-top:-7px; top:50%; right:30px; text-decoration:none}
	    .act_menu .tab-pane a:hover:after {color:#f75d61; opacity:1}


								       .other_sites {float:left;}
    .other_sites .sw {color:#FFFFFF; line-height:54px; padding:0 13px 0 46px; background:url(../../images/eg17/ico/menu.png) 13px no-repeat; opacity:0.5}

    .other_sites:hover .sw, .other_sites.open .sw {opacity:1; background-color:#0469c0}

.right_menu {/*background:#0463b4*/margin-bottom:30px}
.right_menu a {font-size:16px; padding-right:30px; display:block; color:#FFFFFF; width:100%; position:relative; text-decoration:none; } .right_menu a+a {margin-top:20px}
    .right_menu a:hover {text-decoration:underline}
    .right_menu a:before {font:13px 'Glyphicons Halflings'; position:absolute; opacity:0.5; content:"\e258"; top:4px; right:0; text-decoration:none}
    .right_menu a:hover:before {opacity:1}

.ftr_menu {/*padding-bottom:50px; border-bottom:#dde1e6 1px solid; */ margin-bottom:50px}
    .ftr_menu:after {height:1px; display:block; clear:both; content:''}

    .ftr_menu .menu_block {margin-bottom:50px}
    .ftr_menu .menu_block h3 {font-size:24px; margin:0 0 30px 0}
    .ftr_menu .menu_block a {opacity:0.5; display:block; margin-bottom:15px; text-decoration:none}
        .ftr_menu .menu_block a:nth-child(n+7) {display:none}
    .ftr_menu .menu_block a:hover {opacity:1;}

    .ftr_menu .noheader {margin:0}
    .ftr_menu .noheader h3 {display:none}


.buttons2 a {display:block; margin:20px 0 0 0; padding:24px 60px 24px 30px; border:#e0e4e8 1px solid; color:#0463b4; font-size:17px; font-weight:500; position:relative; text-decoration:none; width:100%}
    .buttons2 a:after {width:9px; height:9px; border:#7cadd7 solid; border-width:2px 2px 0 0; transform:rotate(45deg); position:absolute; right:30px; top:50%; margin-top:-10px; content:''; display:block}

    .buttons2 a small {display:block; font-size:15px; font-weight:normal; margin-top:1em}

    .buttons2.bg a {background:#FFFFFF; color:#3a4256}
        .buttons2.bg a:after {border-color:#3a4256}

    buttons3 p {display:block; margin:20px 0 0 0; padding:24px 60px 24px 30px; background:#FFFFFF; border:#e0e4e8 1px solid; color:#0463b4; font-size:17px; font-weight:500; position:relative; text-decoration:none; width:100%; max-width:1250px}
    .buttons3 p>a {color:#0463b4; text-decoration:none}

    .buttons3 h2 {display:block; margin:20px 0 0 0; padding:24px 60px 24px 30px; background:#FFFFFF; border:#e0e4e8 1px solid; color:#0463b4; font-size:21px; font-weight:500; position:relative; text-decoration:none; width:100%}
    .buttons3 h2>a {color:#0463b4; text-decoration:none}

    .buttons4 a {display:block; margin:20px 0 0 0; padding:24px 60px 24px 30px; background:#FFFFFF; border:#e0e4e8 1px solid; color:#c40000; font-size:17px; font-weight:500; position:relative; text-decoration:none; width:100%}
    .buttons4 a {color:#c40000; text-decoration:none}

    .buttons5 p {display:block; margin:20px 0 0 0; padding:24px 60px 24px 30px; background:#fdfae0; border:#e0e4e8 1px solid; color:#000000; font-size:17px; font-weight:500; position:relative; text-decoration:none; width:100%; max-width:1250px}
    .buttons5 p>a {color:#000000; text-decoration:none}

    .buttons6 p {display:block; margin:20px 0 0 0; padding:24px 60px 24px 30px; background:#3b4256; border:#e0e4e8 1px solid; color:#000000; font-size:17px; font-weight:500; position:relative; text-decoration:none; width:100%; max-width:1250px}
    .buttons6 p>a {color:#000000; text-decoration:none}

.sidenav { margin:0 0 60px 0; padding:0}
    .sidenav a {background:#FFFFFF; font-size:15px; font-weight:500; color:#3a4256; text-decoration:none; display:block; padding:25px 30px; border-left:#FFFFFF 3px solid; margin-bottom:3px}
.sidenav h3 {background:#FFFFFF url(../../images/eg17/ico/user.png) 30px no-repeat; color:#3a4256; text-decoration:none; display:block; padding:25px 30px 25px 60px; margin-bottom:3px; font-size:18px; font-weight:500; border:#e0e4e8 1px solid; }
    .sidenav a:hover, .sidenav a.active {border-color:#0061d9; color:#0061d9}


nav.lk {float:right; }
    nav.lk .sw {padding:0 13px 0 46px; background:url(../../images/eg17/ico/lk.png) 13px no-repeat; }/* nav.lk .sw:after {border-top-color:#FFFFFF}*/
nav.lang_selector {float:right; margin-right:30px; }
    nav.lang_selector .sw {padding:0 13px 0 46px; background:url(../../images/eg17/ico/lang.png) 13px no-repeat; }


    .header-tabs {border-bottom:rgba(255,255,255,0.5) 1px solid; margin-bottom:35px}
.compact-tabs {border-bottom:rgba(255,255,255,0.5) 1px solid; margin:0 0 35px 0} h2+.compact-tabs {margin-top:-75px} .header-tabs .compact-tabs {border:0; margin:20px 0 -1px 0} .header-tabs h2 {margin-bottom:20px}
    .compact-tabs li {float:none; display:inline-block; padding:0; margin:0 20px 0 -1px}
    .compact-tabs > li > a {font-size:14px; font-weight:500; background:none !important; border:0 !important; color:#FFFFFF !important; text-decoration:none; opacity:0.5; padding:0 0 20px 0}
    .compact-tabs .active {border-bottom:#FFFFFF 4px solid; }

    .staff .item strong {display:block; color:#b1bac4; font-weight:normal}

    .staff_details .staff {background:#f4f7fb; padding:40px; margin:-40px -40px 45px -40px}

    .staff_details .img_holder {width:250px; height:250px; overflow:hidden; display:inline-block; border-radius:50%}
        .staff_details .img_holder img {width:100%; height:auto}

.staff .vcard a.pct {
    display: inline-block;
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-radius: 50%;
}

    .staff img.photo {
        width: 100%;
    }

    .modal .close {width:20px; height:20px; position:absolute; background:transparent url(../../images/eg17/ico/close3.png) 50% no-repeat; border:0; cursor:pointer; z-index:100; top:30px; right:30px}
    .modal-body {padding:40px}
    .modal-backdrop {/*background: rgba(59, 66, 86,  0.9);*/background:#000000}
    .modal-backdrop.in {opacity:0.8; }

.article_list {}
    .article_list .item {padding:25px 35px; background:#FFFFFF; margin-bottom:11px}
	.article_list .item a.link {font-size:17px; font-weight:bold; display:block; text-decoration:none; margin-bottom:12px}
	    .article_list .item .date {display:inline-block; margin-right:20px}

            .pads_links a {text-decoration:none}
            .pads_links .item {position:relative; padding-right:50px}
            .pads_links .item:before {width:9px; height:9px; background:#FFFFFF; content:''; border:#e0e4e8 solid; border-width:2px 2px 0 0; transform:rotate(45deg); position:absolute; right:30px; top:37px; display:block}

.article_list+h2 {margin:60px 0 30px 0}

.search {height:72px; background:#FFFFFF; padding:8px 110px 8px 8px; position:relative; border-radius:5px; margin-bottom:80px}
    .search [type=submit] {position:absolute; right:8px; top:8px; padding:17px 25px; background:#de393c; color:#FFFFFF}
    .search [type=text] {width:100%; border:0; height:56px; padding:20px; font-size:16px; font-weight:bold; color:#97a4b1; outline:0;}

.simplesearch {margin-bottom:35px}
    .search-form .cell {vertical-align:top}
    .simplesearch .cell:first-child {width:99%; padding-right:15px}

.search-form .table.filter {display:none}
.search-form._open .table.filter	{display:table}
.search-form._open .sw:after {content:'Скрыть'}
.search-form .sw {line-height:48px; font-weight:bold; color:#a8b3be; display:block; position:absolute; right:0; margin:0 20px 0 10px; text-decoration:none}
.search-form .sw:after {content:'Настройки'}


.search-form .nav-tabs {border-bottom:#CCCCCC 1px solid; margin-bottom:35px}
.search-form .nav-tabs>li.active>a {border-bottom-color:#ad2c2f !important}

.tbl {display:table; width:100%} .tbl.fixed {table-layout:fixed}  .cell {display:table-cell; vertical-align:middle} .cell.main-field {width:99%; position:relative; }



.tbl.top > .cell {vertical-align:top}

.form2 .cell {padding-bottom:20px}
.form2 .cell+.cell {padding-left:20px}

.form2 .two_dates .cell {padding-bottom:0}

.search-form .cell .form-group {margin:0; padding:0; position:relative}

.mainnav {}
    .mainnav .item {padding:50px 0; border-bottom:#d8d9dd 1px solid}
    .mainnav a {color:#3a4256; text-decoration:none}
    .mainnav h2 a, .mainnav h2 span {font-size:24px; padding-right:30px; display:block}

    .mainnav .col {padding:0 !important}
    .mainnav .col_2 a {display:block; margin:0 30px 20px 0 }

.index_news {padding:0/*50px*/ 0 15px 0}
.index_news .news-first {margin-bottom:30px; position:relative} .index_news .news-first .news-pct {margin-bottom:0; height:auto}
/*.news-first .date {position:absolute; bottom:0;
    right: 0;}*/
.news-pct {display:block; margin:0 0 40px 0; border-radius:4px; height:210px; overflow:hidden} .col-md-8 .news .news-pct {
                                                                                                   height: 190px;} .news-pct .image-holder {height:100%; display:block; background:50% no-repeat; background-size:cover}
    .news-pct img {width:100%; height:auto; /*max-height:400px*/}
        .news-pct img[style*='background'] {background-position:top !important; background-size:cover !important; background-repeat:no-repeat !important}


/*.index_news */.news-item:hover .news-pct {background:#0061d9; /*height:auto*/}
    /*.index_news*/ .news-item:hover .news-pct img, .news-item:hover .news-pct .image-holder {opacity:0.7}

/*.index_news*/ .news-item:hover .title, /*.index_news*/ .news-item:hover a, /*.index_news*/ .news-item:hover .date, .news-item:hover .itmftr span, .news-item:hover .tags a {color:#0061d9}

.index_news a, .index_news .title, .news-item a, .news-item .title {color:#3a4256; text-decoration:none}
.index_news .date {}
    .news-item .title {overflow:hidden; padding-right:10px; position:relative}
    .news-item .title:after {display:block; box-shadow:0 0 10px 10px #f4f7fb; content:''; position:absolute; top:0; bottom:0; right:-1px; width:1px} .content article .news-item .title:after {box-shadow:0 0 10px 10px #FFFFFF}
	.index_news .news-item .title:after {box-shadow:0 0 10px 10px #FFFFFF;}

.news {font-size:0}
.news .news-item {font-size:16px; float:none; display:inline-block; vertical-align:top; margin-bottom:70px}

.tags {color:#a8b3be; margin-top:1em}
.news-item .tags {margin:0 0 1em 0}
.tags a {color:#a8b3be}

.news-item .itmftr span {display:inline-block; vertical-align:middle; line-height:16px; color:#a8b3be; margin-top:0}
.news-item .itmftr span+span, .date+.tags {border-left:1px solid; padding-left:10px; margin-left:10px}
.tags:before, .news-item .video:before, .news-item .photo:before, .news-item .sound:before {width:20px; height:20px; display:inline-block; background:top no-repeat; margin:-2px 5px -5px 0; position:relative; content:'' }

.tags:before {background-image:url(../../images/eg17/ico/news_ico4.png)}
.news-item .photo:before {background-image:url(../../images/eg17/ico/news_ico1.png)}
.news-item .video:before {background-image:url(../../images/eg17/ico/news_ico2.png)}
.news-item .sound:before {background-image:url(../../images/eg17/ico/news_ico3.png)}

.news-item:hover .tags:before, .news-item:hover .video:before, .news-item:hover .photo:before, .news-item:hover .sound:before {background-position:bottom}

.news-article {padding:0 0 65px 0}
.news-article .date {display:inline-block}
.news-article .news-pct {height:auto; margin-top:38px; position:relative; width:100%}


.news + nav .pagination {margin:0 /*-50px*/ 0 70px 0}

.viewAmount {margin-top:54px; float:right}

.viewAmount .select2-container {width:auto !important}

.tree-structure {}
	.col-md-8 .tree-structure {background:#FFFFFF; padding:30px 35px} .col-md-8 .tree-structure .container {}
	.tree-structure ul {margin:0; padding:0; list-style:none; width:100%; position:relative}
		.tree-structure ul ul:before {background:url(../../images/eg17/bg/dotted.gif) 0 100% repeat-y; position:absolute; bottom:54px; left:50px; width:2px; top:0; display:block; content:''}

	.tree-structure .item:before {background:url(../../images/eg17/bg/dotted2.gif) 0 100% repeat-y; position:absolute; bottom:54px; left:-42px; width:40px; height:2px; display:block; content:''}
		.tree-structure .item {padding:30px; background:#f4f7fb; color:#b1bac4; width:100%; position:relative; min-height:110px }
		.tree-structure strong a {font-size:20px; color:#3a4256; font-weight:600; display:block; text-decoration:none; margin-bottom:10px} .tree-structure strong a:hover {color:#0061d9}
		.tree-structure ul ul li {display:block; padding:60px 0 0 96px; }
		.tree-structure .pct {border-radius:50%; overflow:hidden; float:left; margin-right:30px}
		.tree-structure .item:after {height:1px; display:block; clear:both; overflow:hidden; content:''}

        .tree-structure li.direct {position:relative; margin-top:30px; padding-top:20px}
            .tree-structure li.direct:before {display:block; position:absolute; content:''; top:0/*40px*/; left:76px; right:-20px; bottom:-20px; background:#3b4255}
            .tree-structure li.direct+.direct {margin-top:0}
			.tree-structure li.direct+.direct:before {top:20px}
            .tree-structure li.direct .item {z-index:1}


.tree-structure > ul > li > .item:before {content:none}
.tree-structure > ul > li > .item strong a {font-size:25px}
.tree-structure > ul > li > .item .pct  {margin-right:40px}
.tree-structure > ul {}


.form-control, .form .btn {height:48px; padding-top:12px; padding-bottom:12px}
.select2-container .select2-selection--multiple {min-height:48px; border:1px solid #ccc !important}
.select2-container--default .select2-selection--multiple .select2-selection__choice {border:0; background:#f1f5f9; border-radius:10px; padding:7px}
.select2-container--default .select2-search__field {width:auto !important}

.searchform .form-control, .searchform .form-control+.select2 {margin:0 0 7px 0}
.searchform .colspan {padding:0; margin-right:7px; height:auto; width:auto}
.searchform .cell {width:33.33333333%; float:left; padding-right:7px}


.regsearch {margin-bottom:50px} .after_center .regsearch {margin:50px 0 0 0}

.regsearch .table {display:table; width:100%; table-layout:fixed; margin:0; background:none} .table+.table {margin-top:20px}
    .regsearch .table .cell {padding-right:7px}

	.regsearch ._grid {display:flex}

.searchform div.form-control {}
	.searchform div.form-control input {border:0; margin-bottom:0; box-shadow:none !important; width:80%; display:inline-block}

.searchform .filter {display:none}
.searchform._open .filter	{display:block}
.searchform._open .sw:after {content:'Скрыть'}
.searchform .sw {line-height:48px; font-weight:bold; color:#a8b3be; display:block; float:right; margin:0 20px 0 10px; text-decoration:none}
.searchform .sw:after {content:'Настройки'}

.regsearch+.table, .regsearch + .scrollTable_wrapper {margin-top:-10px}


.wifimap {height:500px; margin:10px 0 30px 0; border:#e0e4e8 1px solid}

.look_list {font-size:0; margin-top:50px}

.look_list .col {display:inline-block; float:none; vertical-align:top}

.look_list .item {font-size:14px; padding-right:60px; min-height:11em; position:relative; }
    /*.look_list .item:after*/.look_list a.map {position:absolute; bottom:20px; right:20px; width:20px; height:20px; background:url(../../images/eg17/ico/view2.png); content:''; display:block; text-decoration:none}
        /*.look_list .item*/.look_list a.map:hover:after {background-position:bottom}

@media screen and (max-width:768px) {
	.searchform .cell {width:50%}
	.searchform .cell:last-child {width:100%; float:none}
	.btn-search {font-size:0; padding:10px 15px}
		.btn-search .vis-xs {display:block !important; font-size:large}

	.searchform .filter {display:block !important}
	.searchform .sw {display:none}
	.searchform div.form-control input {width:100%}
}


article .footer {margin-top:50px}
article a {color:#B22222}

.soc {max-width:60%; line-height:34px}
	.soc a {border: solid 1px rgba(58, 66, 86, 0.3); border-radius: 1px; width: 34px; height: 34px; display:inline-block; vertical-align:middle; background:top no-repeat; margin-left:5px}
	.soc a:hover {background-position:bottom; border-color:#e0a8a9}
	.soc .items {white-space:nowrap; display:inline-block}

.soc .vk {background-image:url(../../images/eg17/ico/soc1.png)}
.soc .ok {background-image:url(../../images/eg17/ico/soc2.png)}
.soc .tw {background-image:url(../../images/eg17/ico/soc3.png)}
.soc .fb {background-image:url(../../images/eg17/ico/soc4.png)}

.vis-xs {display:none !important}

.pagination {margin:54px 0 0 0}
.pagination>li>a, .pagination>li>span {padding:0; width:38px; line-height:38px; text-align:center; margin:0 5px; border-radius:5px; color:#3a4256}
.pagination .active>a, .pagination .active>a:focus, .pagination .active>a:hover/*, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover*/ {background:#FFFFFF; color:#0061d9; border-color:#e0a8a9}

.pagination .glyphicon {font-size:80%; top:0}

.objinblock {margin:54px 0 0 0}
    .objinblock .dropdown {display: inline-block}
    .objinblock .dropdown-toggle {line-height:36px; display:inline-block; background:#FFFFFF; border:1px solid #ddd; padding:0 12px; border-radius:5px}
    .objinblock .dropdown-menu {top:-2px; right:0; left:auto}

.nav-tabs {border:0}
    .nav-tabs>li {margin:0 35px 0 0}
        .nav-tabs>li>a {background:none !important; border:transparent 0 solid; border-bottom-width:4px; padding:0 0 15px 0; text-decoration:none; font-weight:500; color:#3a4256}
        .nav-tabs>li.active>a {border:#0061d9 0 solid !important; border-bottom-width:4px !important}


h2 + .nav-tabs {text-align:right; border-bottom:#e0e4e8 1px solid; margin:-50px 0 39px 0}
    .tabs_area .nav-tabs li {display:inline-block; float:none; vertical-align:bottom}

.table {background:#FFFFFF; font-size:14px; width:100%; position:relative; color:#3a4256}
    .table>thead>tr>th {border-bottom:0; padding:30px 25px; vertical-align:top}
    .table>tbody>tr>td {border-top:0/*#000000 1px dotted; */; padding:35px 25px; vertical-align:top}
	.table>tbody>tr>td:first-child:before {background:url(../../images/eg17/bg/dotted2.gif); height:2px; left:0; right:0; margin-top:-35px; display:block; content:''; position:absolute; }

        /*.table .inlineListSearch td {border-top:0 !important; padding:0 25px 30px 25px}*/
            .inlineListSearch .form-control {height:34px; padding:2px}

            .inlineListSearchForm .table>thead>tr+tr>th {padding:30px 10px 0 10px}

.table2>tbody>tr>td {border-top:0; background:url(../../images/eg17/bg/dotted2.gif) repeat-x}
.table2>tbody>tr>td:first-child:before {content:none}

.inlineListSearch td {border-top:0 !important; padding:10px !important}
.inlineListSearch input, .inlineListSearch select {width:100%; box-sizing:border-box; max-width:100% !important; padding:2px; height:auto; font-size:12px; box-shadow:none; /*border-radius:0*/}
.inlineListSearch select {}

.inlineListSearch .disabled {pointer-events:none; box-shadow:none; outline:0; border-color:#CCCCCC}

.inlineListSearch .dp::-ms-clear {display:none; width:0; height:0}

td.obj img {max-width:none}
td.obj ul {margin:0; padding:0; list-style:none}
    td.obj li {padding:0; margin:0 0 10px 0; display:block}

.table+._ftr {margin-top:50px}
._ftr .pagination {margin:5px 0} .scrollTable_wrapper ~.ftr {margin-top:54px}

.table th a {text-decoration:none}

.table a.sort {text-decoration:none; /*white-space:nowrap*/color:#0061d9}

.table a.sort .glyphicon {font-size:8px; margin-left:5px; display:inline-block}

.sort.desc:after, .sort.asc:after {font:normal 400 8px/1 Glyphicons Halflings; display:inline; content:'\00A0\e113'}
.sort.asc:after {content:'\00A0\e114'}


table.top {width:100%}
table.top td {vertical-align:top}

.pad2.exports {padding:35px 45px 35px 165px; background:#FFFFFF url(../../images/eg17/ico/export.png) 45px no-repeat; margin-top:80px}
    .pad2.exports a {color:#0061d9}


.scrollTable_wrapper {position:relative}
.scrollTable_wrapper .hold.left:before, .scrollTable_wrapper .hold.right:after {width:1px; box-shadow:0 0 30px 10px #CCCCCC; top:0; bottom:20px; left:-1px; position:absolute; display:none; content:''; pointer-events:none; z-index:1}
.scrollTable_wrapper .hold.right:after {left:auto; right:-1px}
.scrollTable_wrapper .hold {width:100%; position:relative; overflow:hidden}
.scrollTable_wrapper .hold_inner { overflow:auto;}

.scrollTable_wrapper .scroller {width:100%; overflow:auto; opacity:0}
.scrollTable_wrapper .overflow .scroller {opacity:1}
.scrollTable_wrapper .hold.left.overflow:before, .scrollTable_wrapper .hold.right.overflow:after {display:block}

.scrollTable_colSelector {position:absolute; background:#FFFFFF; z-index:10; right:0; border:#CCCCCC 1px solid; margin-top:-3em; border-radius:4px; overflow:hidden}
    .scrollTable_colSelector a {display:none; font-weight:normal; padding:5px 10px; } .scrollTable_colSelector.open a {display:block}
    .scrollTable_colSelector a.s {background:#EEEEEE}

.scrollTable_colSelector .sw:before  {display:block; padding:5px 30px 5px 10px; content:'Выберите атрибуты для показа'; font-size:14px; cursor:pointer}
.scrollTable_colSelector .sw:after {display:block; border:transparent 5px solid; width:1px; height:1px; border-top-color:#000000; content:''; position:absolute; top:15px; right:10px}
    .scrollTable_colSelector.open .sw:after {transform:rotate(180deg); top:10px}
    .scrollTable_colSelector.open .sw {border-bottom:#CCCCCC 1px solid}

div.public {max-width:100%;position: relative;}
.parse-html-scale-el {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.topcontent {margin-bottom:70px}

.viewtable td ._ftr, .item ._ftr {margin-top:2em; color:#a8b3be;}
    .viewtable td ._ftr a {color:#a8b3be; text-decoration:none; } .viewtable td ._ftr a+a {margin-left:10px}
    .viewtable tr:hover {color:#0061d9;}
    .viewtable ._ftr .ico:before, .article_list ._ftr .ico:before, .details .ico:before, .news-item .ico:before, .pads_list .item .ico:before, article .ico:before {display:inline-block; width:20px; height:20px; content:''; vertical-align:middle; margin-right:5px}

    .item a.ico:hover:before, .news-item:hover .ico:before, .pads_list .item *:hover > .ico:before, article a:hover .ico:before {background-position:bottom}

    .ico.view:before {background:url(../../images/eg17/ico/view2.png) top no-repeat}
    .ico.down:before {background:url(../../images/eg17/ico/down.png) top no-repeat}
    .ico.file:before {background:url(../../images/eg17/ico/file.png) top no-repeat}
    .ico.comments2:before {background:url(../../images/eg17/ico/comments_ico.png) top no-repeat}
    .ico.tags:before {background:url(../../images/eg17/ico/news_ico4.png) top no-repeat}

    .article_list .item ._ftr .date {margin-top:0}

.ya-share2 {margin:60px 0}  .ya-share2:before {content:'Поделиться '; display:table-cell; padding:0 10px 5px 0; vertical-align:middle} .ya-share2 > div {display:table-cell}
.ya-share2 li:before {content:none; }
.ya-share2 li {padding:0 5px 0 0}

.rate {display:inline-block; margin:0 5px 0 0; background:url(../../images/eg17/bg/rate_bg.png) no-repeat; height:15px; padding-left:1px; width:82px; vertical-align:middle} .ul2 .row .rate, .photos .rate {margin-bottom:0; display:inline-block}
.rate a, .rate span {display:block; float:left; height:15px; width:16px; text-indent:20px; overflow:hidden; text-decoration:none; cursor:pointer}/*background:#FFFFFF url(../../images/eg17/bg/rate_bg.png) bottom left*/
.rate1 {background:url(/images/eg17/bg/rate_bg.png) 0 -75px}
.rate2 {background:url(/images/eg17/bg/rate_bg.png) 0 -60px}
.rate3 {background:url(/images/eg17/bg/rate_bg.png) 0 -45px}
.rate4 {background:url(/images/eg17/bg/rate_bg.png) 0 -30px}
.rate5 {background:url(/images/eg17/bg/rate_bg.png) 0 -15px}
.rateResult { display: none; vertical-align:middle; }

.rating {margin:0.2em 0 2em 0}
.rating > strong {vertical-align:middle; margin-right:10px}
.rating .c {vertical-align:middle;}



.photos {/*margin-top:35px; border-top:#e0e4e8 1px solid; overflow:hidden; padding-top:30px; height:164px*/}
    /*.photos .holder {display:block; white-space:nowrap}*/
	.photos .album_photos > a {display:inline-block; width:160px; height:134px; padding-bottom:30px; margin-bottom:20px; border-bottom:transparent 4px solid; text-align:center; text-decoration:none;margin-right:30px}
	.photos .album_photos a.active {border-bottom-color:#0061d9}


.img_modal {color:#FFFFFF}
    .img_modal > .container {height:100vh; min-height:600px}
.img_modal .pct {/*height:60vh; max-height:400px;*/ height:470px; position:absolute; top:50%; left:0; right:0; margin-top:-235px; text-align:center; background:50% no-repeat; background-size:contain}
.img_modal .saveAs:before {width:20px; height:20px; background:url(../../images/eg17/ico/down3.png) no-repeat; display:inline-block; margin-right:5px; content:''; vertical-align:middle;}
.img_modal .print:before {width:20px; height:20px; background:url(../../images/eg17/ico/print2.png) no-repeat; display:inline-block; margin-right:5px; content:''; vertical-align:middle;}

.img_modal .info {position:absolute; top:50%; margin-top:39vh; left:0; right:0; text-align:center}

.img_modal .btn_gallery_back {left:0; color:#FFFFFF}
.img_modal .btn_gallery_next {right:0; color:#FFFFFF}
.img_modal .close {top:80px; right:0; background-image:url(../../images/eg17/ico/close4.png); opacity:1}

.img_modal .player {max-width:800px; margin:0 auto}


.img_modal .item {display:none}
.img_modal .item.active {display:block}

.blog {}
.blog .menu {margin:0 0 10px 0; padding:0}
.blog .menu li {margin:0; padding:0 0 10px 0; display:block; list-style:none; /*font-weight:bold*/}

.blog .vr {padding:10px; background:#d7dde0; font-size:85%}
.blog .vr h5 {font-size:1em; margin:0 0 10px 0}
.blog .vr ul {margin:0; padding:0}
.blog .vr li {margin:0; padding:0 0 5px 0; display:block; list-style:none; color:#676767}
.blog .vr li a {font-weight:bold; text-decoration:none}

.blog .article {/*border:#dadbda dashed;*/ border-width:1px 0; padding:20px 0; margin:20px 0 30px 0}
.blog .article .src {color:#8a8a8a; font-style:italic; font-size:70%}

.blog .q {background:url(../../images/ogv_to12/bg/quote_bg.gif) no-repeat; padding:15px 15px 10px 15px; min-height:100px; position:relative; } .blog .q .text {color:#545454}
.blog .q .ftr, .blog .q:after {position:absolute; height:25px; width:560px; background:url(../../images/ogv_to12/bg/quote_bg.gif) bottom left no-repeat; left:0; bottom:-24px; content:''}
.blog .q h4 {font-weight:normal; font-size:1em; margin:0 0 10px 0}
.blog .q .date {display:inline-block} .blog .date2 {font-size:10px; font-style:normal}
.blog .q .answer {color:#5e5da0; text-decoration:underline; cursor:pointer; font-size:90%}

.blog .online {font-size:10px; line-height:1; float:right; padding:0 30px 0 15px; background:url(../../images/ogv_to12/bg/online.png) no-repeat}
.blog .offline {font-size:10px; line-height:1; float:right; padding:0 30px 0 15px; color:#818181; background:url(../../images/ogv_to12/bg/online.png) 0 -100px no-repeat}

.blog .bl {background:url(../../images/ogv_to12/bg/link_bg.gif) no-repeat; padding:30px 0 35px 18px} .blog .bl2 {padding:30px 0 35px 30px}

.blog .answerh {padding-top:30px}
.blog .answerh table.form {margin:0}

.blog .answerh + .q {margin-top:35px}

q:before, q:after {content:none}


.line
{
    background-color: #999999 ;
}

.poll_results {padding:0 250px 20px 0; margin-bottom:20px; min-height:100px; position:relative; border-bottom:#dadbda 1px dashed}
.poll_results .line {/*background:url(../../images/ogv_to12/bg/poll_i_bg.gif); box-shadow:0 0 1px 1px #abd0e4 inset;*/ height:17px; /*border:#569abd 1px solid;*/ background:#569abd; margin-left:10px }

.poll_results .mark {background:none}

.poll_results .summary {/*right:0; top:0; bottom:20px; position:absolute; width:150px; padding-left:58px; background:url(../../images/ogv_to12/bg/summary_bg.gif) 0 no-repeat;*/ }
/*.poll_results .summary:before {width:50px; height:25px; position:absolute; display:block; content:''; top:0; left:0;  background:url(../../images/ogv_to12/bg/summary_bg.gif);}
.poll_results .summary:after {width:50px; height:25px; position:absolute; display:block; content:''; bottom:0; left:0;  background:url(../../images/ogv_to12/bg/summary_bg.gif) bottom left}*/
.poll_results .summary span {/* position:absolute; top:50%; left:58px; margin-top:-0.7em; color:#666666;*/ font-size:87%; display:block; margin:1em 0; font-weight:bold}

ul.poll {margin:0; padding:0; font-size:87%}
.poll li {margin:0; padding:0 0 10px 20px; display:block; list-style:none}
.poll li input[type=radio], .poll li input[type=checkbox] {display:block; position:absolute; margin:0 0 0 -20px}

.mainMessage {position:fixed; bottom:20px; left:0; right:0; z-index:1000}
    .message_pad {padding:40px 50px; color:#616878; position:relative; border-radius: 4px; background-color: rgba(244, 247, 251, 0.95); box-shadow: 4px 6.928px 16px 0px rgba(0, 0, 0, 0.36);}
    .message_pad .text_block {padding-right:210px}
	.message_pad .text_block a {color:#0463b4; text-decoration: none}
	.message_pad .btn {min-width:160px; max-width:100%; position:absolute; right:50px; top:40px; display:block; }




@media screen and (min-width: 1200px) {
    .container {width: auto;}
}

@media screen and (min-width:769px) {
    [class*="col-"] {padding-left:16px; padding-right:16px}
    .row, .form-group {margin-left:-16px; margin-right:-16px}
    .container {padding:0 16px}
}
@media screen and (max-width:768px) {
    [class*="col-"] {padding-left:12px; padding-right:12px}
    .row, .form-group {margin-left:-12px; margin-right:-12px}
    /*.container {padding:0 12px}*/
}

@media screen and (min-width:0) and (max-width:1200px) {
    /*.logo {width:300px; background-position:0 15px}*/
    .ftr .dev, .ftr .copy {width:50%}
}

@media screen and (min-width:0) and (max-width:1000px) {
    .container {width:auto; padding:0 30px}
}


@media screen and (min-width:0) and (max-width:999px) {


    .main_menu {height:40px}

    .main_menu .menu_block {margin:0 0 30px 0 !important}



    .main_menu .sw {background-image:url(../../images/eg17/ico/menu22.png); width:40px; height:40px; top:0; right:20px}
    .main_menu_open .main_menu .sw {background-image:url(../../images/eg17/ico/close22.png)}

    .main_menu > ul {display:none}

    .main_menu .block {padding:0;  }




    .main_menu .vis-xs {display:block !important; margin-bottom:50px}

    .index_news .news-item+.news-item+.news-item {display:none}
}

@media screen and (min-width:769px) and (max-width:991px) {
    div+.col-sm-12 {margin-top:2em}
}

@media screen and (min-width:768px) and (max-width:991px) {
    [class*=col-md]+[class*=col-md] {margin-top:2em}
}

@media screen and (min-width:0) and (max-width:767px) {
    .hdr .bar .sw {font-size:0}

    .main_menu .block {left:-30px; right:-30px; overflow:hidden}
    .main_menu .nav-tabs {padding:10px 30px; opacity:1; transition:0.5s opacity}
    .main_menu .tab-content {left:100%; width:100%; top:0; margin-top:0 !important; padding-left:10px; transition:0.5s left}
    .main_menu .tab-pane.active {display:none}

    .main_menu .nav-tabs .active a {background:transparent !important; color:#3a4256 !important; cursor:pointer !important}
	.main_menu .nav-tabs .active a:before {color:#b9c2cb; }
	.main_menu .nav-tabs a:before {right:0}


    .main_menu .tab-pane h3 {cursor:pointer}
    .main_menu .tab-pane h3:before {font:13px 'Glyphicons Halflings'; content:"\e257"; margin:7px 10px 0 -27px; display:block; text-decoration:none; position:absolute}

    .main_menu .lev2 .nav-tabs {opacity:0; overflow:hidden}
    .main_menu .lev2 .tab-content {left:0}
    .main_menu .lev2 .tab-pane.active {display:block}


    .index_news {padding-bottom:50px}
    .index_news .news-first {margin-bottom:0}
    .news-first .date {position:static; margin:0}

    .index_news .news-item.col-md-4 {display:none}

    .vis_xs {visibility:visible; transform:translate(0,0)}

    .hide-xs {display:none !important}


    .sub2 .container {height:auto; min-height:0;}
    .sub2menu {display:none}

    /*.twocol_blue {background:none; padding:0 0 60px 0}*/
    .twocol_blue article {padding:0}


    [class*=col-]+[class*=col-] {margin-top:2em}


    .index_speech .pct {margin:0}

    .ftr .dev, .ftr .copy {width:auto; float:none !important}

    .index_mm_item.first {border-bottom-width:1px; margin-bottom:20px}
	.index_mm_item.first .date {opacity:0.5}

    .index_mm_item.first .title {display:block; position:static; word-wrap:break-word; padding:20px 0; background:none}
	.index_mm_item.first .title:before {display:none}

    .index_mm .col-sm-4 {margin-top:0}

    .main_sect {padding:50px 0}

    .ftr {padding-top:50px}

    .page-header .buttons-bar {/*text-align:left; */margin-top:0 !important }
    .page-header .buttons-bar .btn {padding:10px}
    .page-header .buttons-bar .btn-text {display:none}


    .tree-structure ul ul:before {left:10px}
	.tree-structure ul ul li {padding-left:26px; padding-top:26px}
	.tree-structure .item:before {left:-12px; width:10px}

        .tree-structure li.direct:before {top: 12px/*18px*/; left: 18px; right: -8px; bottom: -8px;}
        .tree-structure li.direct+.direct {padding-top:8px}
        .tree-structure li.direct+.direct:before {top:8px}

        .news .news-item {display:block}

    .article-gallery .gallery_item, .article-gallery .gallery_item img {max-height:none; /*max-width:none*/height:auto; }

    .mainMessage {bottom:10px}
    .mainMessage .container {padding:0 10px; }
    .message_pad {padding:20px}
	.message_pad .text_block {padding:0; /*text-align:center*/font-size:14px; line-height:1.7}
	.message_pad .btn-close {position:static; top:auto; right:auto; margin:20px auto}
}

.bg_gray {background-color: #F4F7FB; padding:0 0 0 0; margin-bottom: 1em}
.bg_white {background-color: #FFFFFF; padding:0 0 0 0; margin-bottom: 1em}

.citto-linkSocialBar {
  position: fixed;
  right: 0;
  top: 320px;
}

.citto-linkSocialBar__box {
  list-style-type: none;
  padding: 0;
}

.citto-linkSocialBar__element {
  margin: 5px 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition-duration: 0.5s;
}
.citto-linkSocialBar__element:hover {
  background-color: aliceblue;
}

.citto-linkSocialBar__link {
  transition-duration: 0.5s;
}
.citto-linkSocialBar__link:focus {
  outline: none;
}
.citto-linkSocialBar__img {
  padding: 5px 15px 5px 5px;
  fill: #999;
  transition-duration: 0.5s;
  box-sizing: content-box;
}
.citto-linkSocialBar__img_vk:hover {
  fill: #4680c2;
}
.citto-linkSocialBar__img_ok:hover {
  fill: #f4731c;
}
.citto-linkSocialBar__img_tg:hover {
  fill: #2ca5e0;
}
.citto-linkSocialBar__img_max:hover {
  fill: #3e4aeb;
}
.citto-linkSocialBar__img_youtube:hover {
  fill: #f00;
}

#dddviewer {
  position: relative;
  margin: 0 auto;
}

.btnBox {position: absolute;
  top: 1%;
  left: 10%;
  right:10%;
  height: 40px;
  background-color: rgb(167, 176, 216, 0.3);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btnBox__btn {
font-size: 30px;
    font-weight: 400;
    padding: 0 16px;
    background-color: #f0f0f031;
    border: none;
    border-radius: 10%;
}

.btnBox__btn:hover{
background-color: #ffffff6e;
}

.btnBox__progressBar {
  position: absolute;
  bottom: -4px;
  width: 100%;
}

.radioBox {
    padding: 0;
    position: absolute;
  bottom: 1%;
  width: 100%;
  height: 40px;
  background-color: rgb(167, 176, 216, 0.3);
  display: flex;
  justify-content: space-around;
  align-items: center;
  list-style-type: none;
}
.radioBox__item {
    background-color: #a2a2c2;
    border: 1px solid #616163;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transition-duration: 0.3s;
    position: relative;
}
.radioBox__item:hover {
    background-color: #b6b6da;
}
.radioBox__item_active::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #4a4a53;
    transform: translate(-50%, -50%);
}
.popup-link {
    position: fixed; left: 0; right:0; bottom:50px; z-index:1000
}

.popup-link__content {
align-items: center;
background: #fff;
box-shadow: 0 16px 32px rgba(0, 0, 30, .12);
display: flex;
gap: 0;
grid-column: 1 / -1;
margin-bottom: 16px;
padding: 12px;
    text-decoration: none;
}
.popup-link__content:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 30, .24);
}

.popup-link__icon-wrapper.telegram {
    background-color: #2aabee;
}
.popup-link__icon-wrapper {
    align-items: center;
    display: flex;
    height: 54px;
    justify-content: center;
    width: 54px;
    padding:10px;
}
.popup-link__text-wrapper {
    padding-left: 12px;
}
.popup-link__title {
    font-size: 16px;
    line-height: 24px;
    color: #2b2b3c;
    font-weight: 600;
}
.popup-link__text {
    color: #71717c;
    font-size: 12px;
    line-height: 16px;
}

@media screen and (max-width: 700px) {
  .logo {
    width: 70vw;

  }
}


@media screen and (min-width:0) and (max-width:450px) {
    .logo {height:100%;}
    .logo * {font-size:0 !important}

    .info_blocks .block:after {content:none;/*position:static; margin-top:1.5em*/}

    .main_header small {float:none; display:block; margin-top:0.5em}

    .sub2 .container {display:block}
        .sub2title {display:block}

	.sub2title strong {display:block; overflow:hidden; font-size:150%; word-wrap:break-word}
/*		.sub2title strong {display:block; overflow:hidden; font-size:34px; word-wrap:break-word} */

    .act_menu .tab-pane a {word-wrap:break-word; padding: 30px 60px 30px 60px;}

    .pad2.exports {
        padding: 135px 45px 35px 45px;
        background-position: 45px 30px;
    }

    .tree-structure .pct {float:none; margin-bottom:10px}
}

@media screen and (max-height:500px) {
    .main_menu_open .hdr {height:120px}
    .main_menu_open .main_menu {height:100vh; position:absolute; left:30px; padding-top:30px; right:30px; margin:0}
    .main_menu_open .main_menu .sw {top:30px}
    .main_menu_open .main_menu .block {height:auto; top:100px; bottom:0; min-height:0; margin-top:0; overflow-y:auto}
    .main_menu .tab-content {height:auto}
}

@media screen and (max-width: 450px) {
  .citto-linkSocialBar {display: none}
  .album_photos {display: flex; flex-wrap: wrap; align-items: stretch; gap:8px; justify-content: space-between;}
  .photos .album_photos > a {width:45%; height:auto; flex-grow:1; margin:0; padding:0; border:0; }
}

@media screen and (max-width: 700px) {
  .citto-frame  {display: none}
}

