/* Start:/bitrix/templates/.default/components/bitrix/menu/topmenu_multilevel/style.min.css?14718585913715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/bitrix/templates/.default/components/bitrix/menu/topmenu_multilevel/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/templates/.default/components/bitrix/menu/topmenu_multilevel/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/templates/.default/components/bitrix/menu/topmenu_multilevel/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/.default/components/bitrix/breadcrumb/breadcrumb_new/style.css?16167174721022*/ .bx-breadcrumb {margin:0;padding:0;} .bx-breadcrumb .bx-breadcrumb-item {display:inline-block;padding-bottom:3px;font-weight: 300;font-size: .875rem;line-height: 1.0625rem;} .bx-breadcrumb .bx-breadcrumb-item span {} .bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;display:inline-block;color: #1667a3;} .bx-breadcrumb .bx-breadcrumb-item a:hover {} .bx-breadcrumb-item + .bx-breadcrumb-item { position: relative; padding-left: 28px; } .bx-breadcrumb-item + .bx-breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/"; } .bx-breadcrumb-item + .bx-breadcrumb-item::before { top: 2px; left: 14px; transform: rotate(-43deg); } .bx-breadcrumb-item + .bx-breadcrumb-item::after, .bx-breadcrumb-item + .bx-breadcrumb-item::before { position: absolute; display: inline-block; width: 1px; height: 9px; padding: 0; background-color: #c4c5c8; content: ""; } .bx-breadcrumb-item + .bx-breadcrumb-item::after { top: 8px; left: 14px; transform: rotate(226deg); } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/menu/vertical_leftmenu/style.css?16172756652859*/ ul#vertical-multilevel-menu, #vertical-multilevel-menu ul { margin: 0; padding: 0; list-style: none; width: 214px; font-size:12px; } /*Submenu box*/ #vertical-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; border:1px solid #C1C1C1; border-bottom:none; width:200px; } /* Submenu Items */ #vertical-multilevel-menu li a { display: block; text-decoration: none; color: #4F4F4F; font-weight:bold; padding: 5px; background:#F5F5F5; border-bottom:1px solid #C1C1C1; } /*Items selected*/ #vertical-multilevel-menu li a.item-selected { background-color: #D6D6D6; } /*Items Hover */ #vertical-multilevel-menu li a:hover { background-color: #D6D6D6; } /*Rootmenu Items*/ #vertical-multilevel-menu a.root-item { color:#fff; font-weight:bold; font-size:12px; padding:5px 0 7px 35px; background:#61656A url(/bitrix/templates/.default/components/bitrix/menu/vertical_leftmenu/images/item_bg.gif) 0 0 no-repeat; border:none; box-sizing:border-box; -moz-box-sizing:border-box; /*height:26px; overflow:hidden;*/ } /*Rootmenu Items hover*/ #vertical-multilevel-menu a.root-item:hover, #vertical-multilevel-menu a.root-item-selected:hover { background:#61656A url(/bitrix/templates/.default/components/bitrix/menu/vertical_leftmenu/images/item_bg.gif) 0 -26px no-repeat; } /*Rootmenu Items Selected*/ #vertical-multilevel-menu a.root-item-selected { color:#fff; font-weight:bold; font-size:12px; padding:5px 0 7px 35px; background:#61656A url(/bitrix/templates/.default/components/bitrix/menu/vertical_leftmenu/images/item_bg.gif) 0 -26px no-repeat; border:none; box-sizing:border-box; -moz-box-sizing:border-box; /*height:26px; overflow:hidden;*/ } /*Parent item*/ #vertical-multilevel-menu a.parent { background: #F5F5F5 url(/bitrix/templates/.default/components/bitrix/menu/vertical_leftmenu/images/arrow.gif) center right no-repeat; padding-right:10px; } /*Denied items*/ #vertical-multilevel-menu a.denied { background: #F5F5F5 url(/bitrix/templates/.default/components/bitrix/menu/vertical_leftmenu/images/lock.gif) center right no-repeat; color:#DDDDDD; padding-right:10px; } /* Holly Hack. IE Requirement \*/ * html ul#vertical-multilevel-menu li { float: left; height: 1%; } * html ul#vertical-multilevel-menu li a { height: 1%; } /* End */ /*Submenu margin*/ #vertical-multilevel-menu li ul.root-item { margin:-27px 0 0 210px; } #vertical-multilevel-menu li ul { margin:-27px 0 0 133px; } /*Submenu hide*/ #vertical-multilevel-menu li:hover ul ul, #vertical-multilevel-menu li.jsvhover ul ul, #vertical-multilevel-menu li:hover ul ul ul, #vertical-multilevel-menu li.jsvhover ul ul ul { /*top:-999em;*/ display:none; } /*Submenu show*/ #vertical-multilevel-menu li:hover ul, #vertical-multilevel-menu li.jsvhover ul, #vertical-multilevel-menu li li:hover ul, #vertical-multilevel-menu li li.jsvhover ul, #vertical-multilevel-menu li li li:hover ul, #vertical-multilevel-menu li li li.jsvhover ul { /*z-index:1000; top:auto;*/ display:block; } ul#leftmenu li a {border-bottom: solid 1px #ccc;} ul#leftmenu li a:hover {border-bottom: solid 1px #f16f24;text-decoration: none;} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/menu/bottommenu_multilevel/style.min.css?14719165623715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/bitrix/templates/.default/components/bitrix/menu/bottommenu_multilevel/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/templates/.default/components/bitrix/menu/bottommenu_multilevel/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/templates/.default/components/bitrix/menu/bottommenu_multilevel/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/bitrix/templates/kamenergo_new/styles.css?16212662891016*/ body .afbf_submit_block { text-align: left !important;} .paycards {padding: 0 0 15px 0; margin: 45px 0 45px 0; border-bottom: dashed #ccc;} .payelectro {padding: 0 0 15px 0; margin: 45px 0 45px 0;} .payelectro:hover, .paycards:hover {background-color: blanchedalmond;} .payelectro .link, .paycards .link {padding: 15px 0 0;} .payelectro .link:hover, .paycards .link:hover {border-bottom: solid 1px #333;} #login-form #ls, #login-form #amount, #login-form #ls, #login-form #email, #login-form #btn-next{width: 50%;} a.btn-link {display: block;} input#btn-next {margin: 15px 0;} h1 {font-weight: 100; margin-bottom: 25px;} .payelectro img, .paycards img {width: 100px;height: auto;} #login-form .errors {display: none; margin-top: 10px;color: red;} #f_feedback_FID1 label.main-user-consent-request {width: 100%;} .fbanners a {width: 19% !important;} .col-lg-12.col-md-12.col-sm-12.fbanners a img {max-width: 160px;height: auto;} div#bx_incl_area_6_1_1 {margin-bottom: 20px;} .auth1 div {max-width: 300px;float: left;} /* End */ /* Start:/bitrix/templates/kamenergo_new/template_styles.css?162189423266044*/ nav a, nav a:active, nav a:focus, nav a:hover {outline:0;} body {font-family: "Open Sans",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";} body.bodymain {} .body2 .container-fluid {border:0;} .container{overflow: hidden;} .workarea {padding-bottom: 5em;} h1 {color: #000;font-weight: 500;font-size: 2.5625rem;line-height: 3.375rem;} h2 {font-size:24px;} h3 {font-size:20px;} h4 {font-size: 20px;} img {width:auto;max-width:100%;} a{color:#000;} .container, .container-sm, .container-md, .container-lg, .container-xl{max-width:1200px;} .wrapper{position:relative;} .header-fixed-nav {width: 100%;padding: 15px 0 14px;background-color: #f4f8fc;} .header-b {padding-top: 21px; padding-bottom:25px;} .header-col--logo{justify-content:center;} .header-col--logo a img{display:block;} .hotline{position:relative;z-index:999;} .hotline span{display:inline-block;width:21px;height:22px;margin-left:4px;background:url(/custom/arrow_down.png) top center no-repeat;cursor:pointer;} .hotline span.active{background:url(/custom/arrow_up.png) top center no-repeat;} .hotline .list{display:none;position:absolute;top:24px;left:0;background:#fff;border:1px solid #ccc;padding:6px 12px;z-index:10000;} .hotline .list p{margin:5px 0;} .buttons_tp{display:flex;} .buttons_tp .row{display:flex;flex-wrap: nowrap;margin-right:30px;} .button_tp{display:flex;justify-content:center;align-items:center;border: 1px solid #f1f2f4;border-radius: 4px;margin:0 7px; transition: .5s;} .button_tp a{display:flex;justify-content:center;flex-wrap:nowrap;align-items:center;color: #000;font-weight: 500;font-size: .875rem;line-height: 1rem;} .button_tp a:hover{text-decoration:none;} .icon_tp{padding-right:10px;} a.bvi-open{display:inline-block;vertical-align:top;} .col-6.button_tp:hover {background: #e4e4e4;} .main-menu{margin:0 1px;} .nav-wrap-main ul.nav{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;background:#1767A4;border:1px solid #1767A4;border-radius:5px;height:80px;width:100%;} .nav-wrap-main li{display:flex;justify-content:center;align-items:center;width:14%;list-style: none;font-size: 14px;height:100%; white-space: normal;text-align:center;} .nav-wrap-main li a.root-item{display:flex;justify-content:center;align-items:center;color:#fff;font-weight: 500;font-size: 1rem;line-height: 1.25rem;text-decoration:none;height:100%;padding:0 15px;width: 100%;transition: .5s;} .nav-wrap-main li a.root-item:hover {background: #5389bb;color: #fff;} .nav-wrap-main li.root-li-selected{display:flex;justify-content:center;align-items:center;color:#fff;font-weight: 500;font-size: 1rem;line-height: 1.25rem;text-decoration:none;height:100%;padding:0 15px;background:#F16F24;} .nav-wrap-main li a.root-item-selected{background:none;color:#fff;} .nav-wrap-main .nav ul li.item-selected a {background: #1767a4;} .nav-wrap-main .nav li li {list-style: none;display:block;float:none;width:100%;text-align:left;} .nav-wrap-main .nav ul a {padding: 5px 0 2px;display: block;} .nav-wrap-main .nav a:hover, .nav-wrap-main .nav a.root-item-selected {text-decoration:none;} .nav-wrap-main .nav ul { z-index: 22;padding: 20px;position: absolute;display: none;width: 220px; background: #629ed5;top: 100%;} .nav-wrap-main .nav ul ul {z-index:25;padding: 2px;position: absolute;left:248px;top:-2px;border: solid 1px #ccc;display: none;width: 200px;} /*.nav-wrap-main .nav ul li {position:relative;float: none;margin: 0;padding: 0;}*/ .nav-wrap-main .nav ul li { position: relative; float: none; margin: 0; padding: 0; border-right: none; width: 260px; min-height: 30px;} .nav-wrap-main .nav ul li a {font-weight: normal;text-transform: inherit;width: 200px;color: #fff;padding: 0 10px 10px 10px;display: block;transition: 0.5s;border-bottom:0;} .nav-wrap-main .nav ul li a:hover {background: #1767a4;} .nav-wrap-main .nav li:hover > ul {display: block;} .nav-wrap-main .nav ul a{border-bottom:1px solid #f5f5f1;} .nav-wrap-main .nav ul a:hover{background:none;} .nav-wrap-main .nav li:last-child {border-right:0;} #breadcrumb{margin:15px 0;padding:5px 0;background-color: #f4f8fc;} @media (min-width:991px){ .header-col--logo{justify-content:left;} } @media (max-width:990px){ .header-col--logo a img{} .buttons_tp{display:none;} .row.main-menu{display:none;} .about.d-flex.mt-3 {display: none !important;height: 0;} } .row.graybg, .row.graybg a { color: #666;} .lightgreybg {background:#f4f4f4;padding:10px 0;} .darkgreybg {background:#fff;padding:10px 0;border-bottom: 1px dotted #ccc;} .yellow{color:#ffcc33;} .topblock { font-size: 90%; background: #fff; position: relative; line-height: 26px;} .topblock a:hover, .topblock a { border-bottom: none;} .topblock a span { border-bottom: 1px solid #e6e6e6;} .topblock a span:hover {border-bottom: 1px solid #ffcc33;} .graybg { line-height: 26px; padding: 3px 10px; background: #e1e1e1; height: 35px; margin: 0 -15px;} .graybg a { border-bottom: 1px solid #ccc;} .graybg a:hover { border-bottom: 1px solid #ffcc33} .search_block{border:1px solid #ccc;border-radius:3px;position:relative;} #ftx{line-height:22px;width:100%;margin:0;padding:0 30px 0 3px;border:none;} #search_btn{position:absolute;width:22px;height:22px;right:3px;top:2px;} .headtitle a{margin-left:10px;} .inetpr{background:url(/img/inetpr_icon.png) left center no-repeat;padding-left:24px;} .lk{background:url(/img/lk_icon.png) left center no-repeat;padding-left:24px;} .lktp{background:url(/img/e_icon.png) left center no-repeat;padding-left:24px;} .kvit{background:url(/img/kvit.png) left center no-repeat;padding-left:24px;} .container-fluid.topblock { border: 0;} span, a, img { vertical-align: middle;} /* Адаптивная навигация */ @media screen and (max-width: 991px) { .nav-wrap-main .nav-wrap {position: relative;} .nav-wrap-main .menu-icon-main {background: #f5f5f5 url(/img/menu-icon.png) no-repeat 10px center; padding: 15px 15px 15px 42px;cursor: pointer;display: block; } .nav-wrap-main .menu-icon-main:hover {background-color: #f5f5f5;} .nav-wrap-main .menu-icon-main.active {background-color: #f5f5f5;} .nav-wrap-main .nav {clear: both;position: absolute;top: 54px;left:15px;right:15px;z-index: 22;padding: 5px;background: #f8f8f8; border: solid 1px #dedede;display: none; } .nav-wrap-main .nav li {clear: both;position:relative;float: none;width:100%;margin: 10px;display:block;} .nav-wrap-main .nav a, .nav-wrap-main .nav ul a {font: inherit;background: none;display: inline;padding: 0;color: #666;border: none;} .nav-wrap-main .nav .selected-item, .nav-wrap-main .nav a:hover, .nav-wrap-main .nav ul a:hover {background: none;color: #000;} .nav-wrap-main .nav ul {width: auto;position: relative;display: block;border: none;background: inherit;border-left:#dedede 5px solid; margin-top:10px;} .nav-wrap-main .nav ul ul {width: auto;position: relative;display: block;border: none;left:0;top:0;background: inherit;border-left:#dedede 5px solid; margin-top:10px;} .nav-wrap-main .nav ul li { margin: 8px;} .nav-wrap-main .nav ul li:first-child {margin-top:0;} .nav-wrap-main .nav ul li:last-child {margin-bottom:0;} } /* Контактная инфо */ .contacts_time {padding-left: 70px;} .contacts_phone { background: url(/img/contacts_icon.png) left center no-repeat; padding-left: 50px; color: #666666; padding-top: 7px; margin-left: 15px;} .contacts_phone b{color:#3c3c3c;} .contacts_address { font-weight: bold; padding-top: 7px; padding-left: 70px;} .ctime { background: url(/img/clock_icon.png) left center no-repeat; padding-left: 42px; font-size: 32px; padding-top: 0px; font-weight: bold;} .headtitle{padding:0px 0px 40px 0px;} .headtitle a{max-width:450px;height:52px;float:left;margin-right:12px;} .sitetitle{color:#000;font-size:170%;font-weight:bold;} .siteslogan{color:#888;font-size:120%;} .headlinks { padding: 25px 0; text-align: right; font-size: initial;} a.bill { background: url(/img/bill_icon.png) left center no-repeat; padding: 7px 15px 10px 40px; color: #999;} a.pkz { background: url(/img/pkz_icon.png) left center no-repeat; padding: 7px 15px 10px 30px; color: #999;} .workarea{} .work{padding:0px 15px 30px;} .side_bar{padding:20px 15px 30px 0;} .work_manepage { border-right: 1px solid #d9d9d9; background: #f5f5f5; padding-bottom: 25px; margin-left: -15px;} .sidebar_manepage{} /***************************************************** left menu *************************************************/ .side_bar #leftmenu{ margin:0; padding:0; } .side_bar #leftmenu li{ list-style:none; display:block; margin:15px 20px; padding:0; } .side_bar #leftmenu li a{ margin:0; padding:0 0 2px 0; } .side_bar #leftmenu li a:hover { border-bottom: 1px solid #ffcc33; } .side_bar #leftmenu li a.root-item-selected{ display:block; background:#ffb500; color:#fff; padding:5px 10px; margin:0 -10px; border-bottom: 1px solid #ffb500; } #leftmenu ul{ margin:0; padding:0; } /***************************************************** end left menu *************************************************/ /***************************************************** block_menu *************************************************/ .submenu_in_content { } .submenu_in_content a { display: inline-block; width: 215px; height: 140px; margin: 0 15px 15px 0; background-color: #e8e8e8; position: relative; border: 0 !important; padding: 15px 44px 10px 15px; overflow: hidden; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26); color:#000; text-decoration:none; } .submenu_in_content a:nth-child(3n) { margin-right: 0; } .submenu_in_content a .title { color: #000; font-size: 16px; font-weight: 500; z-index: 3; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; } .submenu_in_content a .number { color: #fff; font-size: 86px; font-weight: 300; position: absolute; top: 5px; right: 5px; z-index: 2; } .submenu_in_content a:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; /* background: #ffb400; background: -moz-linear-gradient(45deg, #ffb400 0%, #ffde00 99%); background: -webkit-linear-gradient(45deg, #ffb400 0%, #ffde00 99%); background: linear-gradient(45deg, #ffb400 0%, #ffde00 99%);*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb400', endColorstr='#ffde00', GradientType=1); transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; z-index: 0; opacity: 0; color:#000; } .submenu_in_content a:hover { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.36); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.36); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.36); color: #000; background-color: #FFC107; } .submenu_in_content a:hover:after { opacity: 1; } .submenu_in_content a:hover .title { font-weight: 500; color:#000; } /***************************************************** end block_menu *************************************************/ /***************************************************** Адаптивная навигация в футере *************************************************/ .nav-wrap-bottom a.root-item-selected, .nav-wrap-bottom a.root-item {font-size: 20px; font-weight: normal; line-height: 16px; height: 70px;} .menus {position:relative;} .nav-wrap-bottom {width:100%;} ul.nav{display:block;width:100%;} .nav-wrap-bottom .menu-icon-bottom {display: none;} .nav-wrap-bottom .nav, .nav-wrap-bottom .nav li {margin: 0;padding: 0;} .nav-wrap-bottom .nav li {list-style: none;display:block;width:14%;float:left;text-align:left;font-size:120%;font-weight:bold;} .nav-wrap-bottom .nav li li {list-style: none;display:block;width:100%;float:none;} .nav-wrap-bottom .nav a {padding: 5px;display: block;text-transform:none;text-decoration:none;border-bottom-width:0px;} .nav-wrap-bottom .nav a span{border-bottom:1px solid #e8e8e8;display:inline;} .nav-wrap-bottom .nav a:hover, .nav-wrap-bottom .nav .selected-item {background-color:none;border-bottom-width:0px;} .nav-wrap-bottom .nav a:hover span{border-bottom:1px solid #F06623;} .nav-wrap-bottom .nav ul {padding: 2px;} .nav-wrap-bottom .nav ul a::before { color: #919191; content: "·"; font-size: 17px; height: 4px; left: 4px; margin-right: 3px; margin-top: -4px; position: absolute; width: 1px; } .nav-wrap-bottom .nav ul ul {padding: 2px;} .nav-wrap-bottom .nav ul li {position:relative;float: none;margin: 0; padding:0 0 0 7px; font-size:70%;font-weight:normal;} .nav-wrap-bottom .nav li:hover > ul {display: block;} .nav > li > a:hover, .nav > li > a:focus { background-color: none; text-decoration: none; } @media screen and (max-width: 991px) { .nav-wrap-bottom .nav-wrap {position: relative;} .nav-wrap-bottom .menu-icon-bottom {background: #f5f5f5 url(/img/menu-icon.png) no-repeat 10px center; padding: 15px 15px 15px 42px;cursor: pointer;display: block; } .nav-wrap-bottom .menu-icon-bottom:hover {background-color: #f5f5f5;} .nav-wrap-bottom .menu-icon-bottom.active { background-color: #f5f5f5;} .nav-wrap-bottom .nav {clear: both;position: absolute;top: 54px;left:15px;right:15px;z-index: 22;padding: 5px;background: #f8f8f8; border: solid 1px #dedede;display: none; } .nav-wrap-bottom .nav li {clear: both;position:relative;float: none;width:100%;margin: 10px;display:block;} .nav-wrap-bottom .nav a, .nav-wrap-bottom .nav ul a {font: inherit;background: none;display: inline;padding: 0;color: #666;border: none;} .nav-wrap-bottom .nav .selected-item, .nav-wrap-bottom .nav a:hover, .nav-wrap-bottom .nav ul a:hover {background: none;color: #000;} .nav-wrap-bottom .nav ul {width: auto;position: relative;display: block;border: none;background: inherit;border-left:#dedede 5px solid; margin-top:10px;} .nav-wrap-bottom .nav ul ul {width: auto;position: relative;display: block;border: none;left:0;top:0;background: inherit;border-left:#dedede 5px solid; margin-top:10px;} .nav-wrap-bottom .nav ul li { margin: 8px;} .nav-wrap-bottom .nav ul li:first-child {margin-top:0;} .nav-wrap-bottom .nav ul li:last-child {margin-bottom:0;} } @media screen and (min-width: 992px) { .nav-wrap-bottom .nav {display: block !important;} } /***************************************************** end Адаптивная навигация в футере *************************************************/ .topnews { background: #fff; margin: 0 -15px; padding: 15px; text-align: justify; } .topnews .newstitle a { font-size: 170%; text-decoration: none; line-height: 110%;} .news_date { color: #6b6b6b; font-size: 75%; margin: 10px 0 3px;} ul.rightmenu li a { display: block; padding-left: 52px; min-height: 25px; font-weight: normal; padding-top: 0px; font-size: 14px; text-decoration: none; line-height: 90%;} ul.rightmenu li a:hover {text-decoration: none;} ul.rightmenu li a span { border-bottom: 1px solid #c3c3c3;} ul.rightmenu li a span:hover { border-bottom: 1px solid #ffba00;} .dzo_inner { background: url(/img/dzo_img_1.jpg) right center no-repeat; padding: 0 320px 0 0; margin: 0; height: 329px; color: #fff; display: table-cell; vertical-align: middle; line-height: 90%; font-size: 150%; } .topnews .newstitle a:hover { border-bottom: 1px solid #ffba00;} .topnews_other{padding:10px 0 0;} .topnews_other .newstitle a{text-decoration:none;font-size:120%;} .topnews_other .newstitle a:hover { border-bottom: 1px solid #ffba00;} ul.rightmenu{ margin:20px -15px; padding:0 25px; border-bottom:1px solid #d9d9d9; } ul.rightmenu li{ list-style:none; margin:10px; font-size: 12px; } ul.rightmenu li a { border:0px; } a.covid_icon{background:url(/img/covid-19_small.jpg) left center no-repeat;} a.infoto_icon{background:url(/img/infoto_icon.png) left center no-repeat;} a.anticor_icon{background:url(/img/anticor_icon.png) left center no-repeat;} a.invest_icon{background:url(/img/invest_icon.png) left center no-repeat;} a.toppkz_icon{background:url(/img/toppkz_icon.png) left center no-repeat;} a.media_icon{background:url(/img/media_icon.png) left center no-repeat;} a.otch_icon{background:url(/img/otch_icon.png) left center no-repeat;} a.dolgn_icon{background:url(/img/dolgn_icon.png) left center no-repeat;} a.down_icon{background:url(/img/down_icon.png) left center no-repeat;} a.vestnik_icon{background:url(/img/vestnik.png) left center no-repeat;} a.elektra_icon{background:url(/img/elektra_icon.png) left center no-repeat;} a.tech_icon{background:url(/img/tech_icon.png) left center no-repeat;} .news_date{color:#6b6b6b;font-size:85%;} .fbanners{ padding:20px 0 50px; display:block; width:100%; } .fbanners a{ display:block; width:16%; float:left; text-align:center; border:0px; margin: 1px; } .fbanners a:hover{ border:0px; } .socials{ overflow:hidden; } .socials a{ display:block; width:32px; height:32px; float:left; border-radius:50%; margin:0 4px;} .socials a.fbtext { display: block; width: 100px; height: 32px; float: left; margin: 0 4px; text-align: left; line-height: 15px;} .vk{ background:url(/img/social_vk.png) center no-repeat; border:1px solid #318afd; } .fb{ background:url(/img/social_fb.png) center no-repeat; border:1px solid #4e6aa7; } .yt{ background:url(/img/social_yt.png) center no-repeat; border:1px solid #e53b2d; } .ig{ background:url(/img/social_ig.png) center no-repeat; border:1px solid #19469f; } .ctrl{ background:url(/img/attention_icon.png) left top no-repeat; padding-left:48px; } .dzo .container-fluid { background-color: transparent; border: 0; } .dzo { background: url(/img/dzo_banner_1.jpg) center no-repeat; background-size: cover; background-clip: initial; padding: 0; margin: 0; } .dzo h2{ margin-top:0; } .smi_list .smi_item{ overflow:hidden; margin-bottom:20px; } .smi_list .smi_item_img{ float:left; width:40px; height:40px; overflow:hidden; } .smi_list .smi_item_img a{ height:40px; width:40px; display:block; } .smi_list .smi_item_text{ margin-left:55px; } .workarea button, .workarea input[type="button"], .workarea input[type="submit"], .workarea .btn { font-size: 16px; line-height: 15px; color: #fff !important; border: 0; background-color: #F06623; padding: 13px 17px 13px 16px; margin: 9px 10px; display: inline-block; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; vertical-align: middle; outline: none; } .workarea button:hover, .workarea input[type="button"]:hover, .workarea input[type="submit"]:hover, .workarea .btn:hover { background-color: #F06623; } .workarea form { margin-top: 20px; margin-bottom: 20px; line-height: 1.35; } .workarea form fieldset { margin-top: 5px; margin-bottom: 10px; } .workarea form label { vertical-align: middle; display: inline-block; width: 100%; } /*.workarea form input[type="text"] { width: 58%; border: 1px solid #a0a0a0; background: transparent; border-radius: 2px; font-size: 14px; margin-bottom: 0; padding: 0 9px; line-height: 30px; height: 30px; color: black; outline: none; }*/ .workarea form input[type=text]:focus, .workarea form input[type=email]:focus, .workarea form input[type=number]:focus { border: 1px solid #ffb400; } .workarea form textarea { width: 58%; border: 1px solid #a0a0a0; background: transparent; border-radius: 2px; font-size: 14px; margin-bottom: 0; padding: 0 9px; line-height: 30px; color: black; outline: none; resize: none; height: 80px; vertical-align: middle; } .workarea form textarea:focus { border: 1px solid #ffb400; } .workarea form input[type="checkbox"] { width: 21px; height: 21px; cursor: pointer; margin: 10px; } .workarea form .checkator_holder { vertical-align: middle; } .workarea form .checkator_holder + label { width: auto; } .workarea form .checkator_element.checkbox { border: 1px solid #b6b6b6; background-color: #ebebeb; cursor: pointer; border-radius: 2px; } .checkator_source:checked + .checkator_element:after { background-color: #ffb400; display: block; content: ' '; top: 3px; right: 3px; bottom: 3px; left: 3px; position: absolute; border-radius: 2px; } .workarea form input[type="radio"] { width: 17px; height: 17px; cursor: pointer; margin: 10px; } .workarea form .checkator_element.radio { border: 1px solid #b6b6b6; background-color: #ebebeb; cursor: pointer; border-radius: 2px; } .checkator_source:checked + .checkator_element:after { background-color: #ffb400; display: block; content: ' '; top: 3px; right: 3px; bottom: 3px; left: 3px; position: absolute; border-radius: 2px; } .workarea .selectric-wrapper { display: inline-block; vertical-align: middle; width: 58%; } .workarea .selectric-wrapper.selectric-small { width: 105px; } .workarea .selectric-wrapper.selectric-hover, .workarea .selectric-wrapper.selectric-open { background-color: #ebebeb; } .workarea .selectric { border: 1px solid #a0a0a0; background: transparent; border-radius: 2px; } .workarea .selectric .label { font-size: 14px; margin: 0 18px 0 9px; line-height: 30px; height: 30px; color: black; } .workarea .selectric .button { width: 18px; height: 30px; } .workarea .selectric .button:after { background: url(/local/templates/main/images/content/select.png) no-repeat scroll 0 0; width: 100%; height: 5px; border: 0; } .workarea .selectric-items { border-radius: 2px; border: 1px solid #a0a0a0; background-color: #ebebeb; margin-top: -1px; box-shadow: none; } .workarea .selectric-wrapper.selectric-small .selectric-items { width: 120% !important; } .workarea .selectric-items li { font-size: 14px; padding: 9px; color: black; margin-bottom: 0; } .workarea .selectric-items li:before { display: none; } .workarea .selectric-items li.selected { background-color: #ffffff; } .workarea .selectric-items li:hover { background-color: #ffffff; } .workarea form .date_sep { margin: 0 5px; width: 14px; height: 1px; background-color: #ffba00; vertical-align: middle; } .workarea form .file_upload { width: 58%; overflow: hidden; position: relative; cursor: pointer; white-space: nowrap; } .workarea form .file_upload .button { margin: 0; } .workarea form .file_upload:hover .button { background-color: #F06623; } .workarea form .file_upload .formats { white-space: normal; font-size: 9px; display: inline-block; vertical-align: middle; margin-left: 5px; width: 64%; } .workarea form .file_upload input[type="file"] { opacity: 0; filter: alpha(opacity:0); cursor: pointer; padding: 0; margin: 0; border: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 33; width: 100%; } .workarea form.filter input[type="text"] { width: 15%; } .workarea img.calendar-icon { margin: 6px 0 0 3px; } /************************************** Gallery ***************************************/ .photos_item{border-bottom:1px solid #f0f0f0;padding-bottom:20px;margin-bottom:20px;overflow:hidden;} .photos_item_inner{background:#fff;overflow:hidden;} .photos_item_inner:hover{background:#ffc000;} .photos_item_title{width:210px;float:left;padding:5px 10px;} .photos_item_title h3{font-size:14px;margin:10px 0;font-weight:bold;} .photos_item_pics{margin-left:210px;overflow:hidden;background:#fff;} .photos_item_item{width:33%;float:left;} .photos_item_item img{width:auto;border:1px solid #fff;} @media screen and (max-width: 800px){ .darkgreybg { visibility: hidden; height: 1px;} body .cd-content-wrapper .layout { width: 100%;} .headlinks { padding: 0 0 25px; text-align: left;} .graybg { height: 65px; } .nav-wrap-main .nav li { border-right: 0;} .photos_item_title{width:100%;float:none;} .photos_item_pics{margin-left:0px;} .header-fixed-nav .container {padding: 0;} .contacts_phone {background: url(/img/contacts_icon.png) center top no-repeat;padding: 50px 0 0 0;margin-left: 0;text-align: center;} .contacts_address {width: 100%;padding-left: 0;text-align: center;} .contacts_time { width: 100%;padding: 10px 0;text-align: center;} .contacts_time b {padding-left: 0;} .ctime {padding-left: 0; background: url(/img/clock_icon.png) center top no-repeat;padding-left: 0;padding: 30px 0 0 0;margin-top: 20px;} .contacts_phone {width: 100%;} .contacts_address {width: 100%;padding-left: 10px;} .socials { width: 200px;margin: auto;} .ctrl {background: url(/img/attention_icon.png) center top no-repeat;padding: 40px 15px;margin-top: 2em;text-align: center;} .copyright {text-align: center;} .fbanners { padding: 0; visibility: hidden; height: 1px;} } @media screen and (max-width: 320px){ .photos_item_item{width:100%;float:none;} .photos_item_item img{width:100%;} .headtitle a{display:block;} } /************************************** Gallery detailpage ***************************************/ .photo_detail{overflow:hidden;} .photo_detail_text{margin: 0 67px 25px 36px;padding: 0px 0 2px 26px;background:url(/img/q.png) top left no-repeat;} .photo_detail_pics{overflow:hidden;} .photo_detail_item{width:25%;float:left;} .photo_detail_item img{width:auto;border:1px solid #fff;} .container-fluid.footer-line .copyright { width: 33%;} .container-fluid.footer-line .socials {width: 33%;text-align: center;padding-left: 10%;} @media screen and (max-width: 480px){ ul.rightmenu { border-bottom: 0; border-top: 1px solid #d9d9d9;} .work_manepage { border-right: 0; background: #fff;} .fbanners a { height: 0;} .dzo_inner { background: none; padding: 0; margin: 0; height: 200px;} .siteslogan { width: 300px; padding-left: 0px;} .graybg { height: 95px;} .photo_detail_item{width:50%;} body .container-fluid.footer-line .socials { width: 100%; text-align: center; padding: 15px;} .dzo_inner { font-size: initial;} .hiddentitle {position: relative;height: 70px;padding-top: 15px;} .container-fluid.footer-line .copyright {width: 100%;} a.pkz { margin-bottom: 5px; display: block;} .headtitle {padding: 0;} } @media screen and (max-width: 240px){ .photo_detail_item{width:100%;float:none;} .photo_detail_item img{width:100%;} } /************************************** End Gallery ***************************************/ /************************************** Photoslider ***************************************/ .photoslider_inner{padding:20px 0;} .add_ph{position:relative;} div#carousel { position: relative; overflow: hidden; height: 240px;} #carousel ul {margin: 0px; padding: 0px; list-style: none; display: block; overflow: hidden; height: 240px;} #carousel li {display: block; float: left; margin: 0 25px; position:relative;border:1px solid #dcdcdc;width:270px;height: 240px;overflow:hidden;} #carousel a{text-decoration:none;} .photoslider_title{height:70px;overflow:hidden;font-weight:bold;font-size:16px;padding:10px 0;} .photoslider_title_inner{padding:0 20px;} #carousel li img{border: 0px solid #ccc; padding: 0px; display: block; opacity: 1; width:270px;} #carousel li img:hover{opacity: 0.8;} .add_ph img {margin: 0px;} #prev {background: transparent url('/img/arrow_left.png') no-repeat center;background-color:rgba(255,255,255,0);display:block;width:50px;height:240px;position:absolute;top:0;left:0px;border-bottom: none;} #prev:hover{background-color:rgba(255,255,255,0.5);} #next {background: transparent url('/img/arrow_right.png') no-repeat center;background-color:rgba(255,255,255,0);display:block;width:50px;height:240px;position:absolute;top:0;right:0px;border-bottom: none;} #next:hover{background-color:rgba(255,255,255,0.5);} #pager {text-align: center; margin: 0 auto; padding-top: 20px;} #pager a {background: transparent no-repeat -2px -32px; text-decoration: none; text-indent: -999px; display: inline-block; overflow: hidden; width: 8px; height: 8px; margin: 0 5px 0 0;} #pager a.selected {background: transparent no-repeat -12px -32px; text-decoration: underline;} .clearfix {float: none; clear: both;} /************************************** End Photoslider ***************************************/ /************************************** Mainslider ***************************************/ .main_slider { /*margin-top: -200px;*/ z-index: 0; height: auto; min-height:300px; width:100%; overflow:hidden; position: relative; } .cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; height: 500px; } .cd-hero-slider { position: relative; height: 500px; overflow: hidden; margin: 0!important; background-color: black; } .cd-hero-slider li { position: absolute!important; top: 0; left: 0; right: 0; bottom: 0; /*width: 100%;*/ /*height: 100%;*/ /*-webkit-transform: translateX(100%);*/ /*-moz-transform: translateX(100%);*/ /*-ms-transform: translateX(100%);*/ /*-o-transform: translateX(100%);*/ /*transform: translateX(100%);*/ background: #2C343B; padding: 0!important; margin: 0!important; opacity: 0; font-size: 0; overflow: hidden; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; } .cd-hero-slider li:before { display: none; } /*.cd-hero-slider li:after {*/ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*left: 0;*/ /*right: 0;*/ /*top: 0;*/ /*bottom: 0;*/ /*background-color: #000000;*/ /*z-index: 1;*/ /*}*/ .cd-hero-slider li.selected { opacity: 1; } /*.cd-hero-slider li.selected:after {*/ /* this is the visible slide */ /*position: relative;*/ /*-webkit-transform: translateX(0);*/ /*-moz-transform: translateX(0);*/ /*-ms-transform: translateX(0);*/ /*-o-transform: translateX(0);*/ /*transform: translateX(0);*/ /*-webkit-transition: all 3s;*/ /*-moz-transition: all 3s;*/ /*-o-transition: all 3s;*/ /*transition: all 3s;*/ /*background-color: transparent;*/ /*}*/ /*.cd-hero-slider li.move-left {*/ /* slide hidden on the left */ /*-webkit-transform: translateX(-100%);*/ /*-moz-transform: translateX(-100%);*/ /*-ms-transform: translateX(-100%);*/ /*-o-transform: translateX(-100%);*/ /*transform: translateX(-100%);*/ /*}*/ .cd-hero-slider li.is-moving { opacity: 0; /*-webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;*/ } .cd-content-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top: 169px; z-index: 2; } .cd-content-wrapper .layout { height: 100%; position: relative; width: 1150px; margin: 0 auto; } .cd-content-wrapper .layout .title strong { background-color: rgba(255, 186, 0, .65); padding: 4.5px 10px; } .cd-content-wrapper .layout .title { position: absolute; bottom: 100px; right: 25px; width: 884px; padding: 20px 45px 25px 25px; font-size: 40px; color: #000; text-align: right; font-weight: bold; } .cd-content-wrapper .layout .description { position: absolute; bottom: 35px; left: 30px; font-weight: 300; font-size: 13px; color: #ffffff; text-align: left; } .cd-content-wrapper .layout .description:before { content: ''; display: inline-block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAABNklEQVR42oyTvUoDQRSFT8YUYq/RQluRFAv2qRS00UewEX0ESatPECsJuiiIFmrsxTIvYOlPJRam01Il5rM5E5Zl3eTCZWbP/c7M7PxUAGViTtK2pIakxNqDpK6kVFJvSAIxTxgdx5GPptSFb+AKWANmnevANfBjJo3GmoUvYB8ImVXEDMCBGYAZAU1/3AATBaaYVaBjdi94IyTpVNKv/o++pDP3GwLePMp8yWwxF8y+BkkDj1LR6BgyQdKj+0tjGBfdPgUfriRtjGHcdNsVkHjdL0C95P/qZgCSuM0AfaBVYmyZAahGsW3hHVgpMK0CPTPt7JUTcOvCHTCd0WvAvWud/F0VMOXiILfkQ+vPwGSRUcCRoQ9gB9gFPq0tZ9miTbgseE4Xea6Se8gxtnyH8Tmf54G/AQBel02eHImdwgAAAABJRU5ErkJggg==") no-repeat scroll 0 0; width: 14px; height: 18px; vertical-align: middle; margin-right: 6px; margin-top: -3px; } /* -------------------------------- Single slide style -------------------------------- */ .cd-hero-slider li { background-position: center center; background-size: cover; background-repeat: no-repeat; } .cd-hero-slider img { margin: 0!important; width: 100%; height: 100%; } .cd-hero-slider .cd-bg-video-wrapper { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; } .cd-hero-slider .cd-bg-video-wrapper video { display: block; min-height: 100%; min-width: 100%; position: absolute; bottom: 0; } /* -------------------------------- Slider navigation -------------------------------- */ .cd-slider-nav { position: absolute; width: 100%; bottom: 0; z-index: 2; text-align: center; height: 33px; } .cd-slider-nav nav { display: inline-block; position: relative; } .cd-slider-nav nav ul { margin: 0!important; } .cd-slider-nav nav ul li { width: 19px; height: 19px; display: inline-block; cursor: pointer; position: relative; margin: 0!important; padding: 0px!important; } .cd-slider-nav nav ul li:before { content: ''!important; width: 7px!important; height: 7px!important; background-color: #ffffff!important; border-radius: 5px!important; display: inline-block!important; position: absolute!important; left: 6px!important; top: 6px!important; } .cd-slider-nav nav ul li.selected { } .cd-slider-nav nav ul li.selected:before { content: ''; width: 11px!important; height: 11px!important; background-color: #ffba00!important; border-radius: 8px!important; left: 4px!important; top: 4px!important; } .cd-slider-nav nav ul li.selected:after { content: ''; width: 19px; height: 19px; border:1px solid #ffba00; border-radius: 11px; display: inline-block; position: absolute; left: 0px; top: 0px; } /* -------------------------------- Javascript disabled -------------------------------- */ .no-js .cd-hero-slider li { display: none; } .no-js .cd-hero-slider li.selected { display: block; } .no-js .cd-slider-nav { display: none; } /* -------------------------------- Slider arrows -------------------------------- */ .cd-slider-arrows {} .cd-slider-arrows div { margin: 0; top: 46%; cursor: pointer; } .cd-slider-arrows .left { position: absolute; width: 10px; height: 36px; background: url('/img/promo-left-arrow.png'); z-index: 50; } .cd-slider-arrows .right { position: absolute; width: 10px; height: 36px; background: url('/img/promo-right-arrow.png'); z-index: 50; right: 0; left: auto; } /************************************** End Mainslider ***************************************/ /************************************** table zebra ***************************************/ .documents.type1 table { width: 100%; border: 0; margin-top: 20px; border-collapse: collapse; font-size: 12px; margin-bottom: 20px; border-bottom: 1px solid #EAEAEA; } .documents.type1 table a { } .work table a span { color: #636363; } .work table a:hover { color: #003663; } .work table a:hover span { color: #003663; } .work table tr th { background: #ffbb00; vertical-align: middle; border-right: none; font-size: 14px; padding: 10px; border-right: 1px solid white; border-bottom: 1px solid white; position: relative; } .work table tr th:last-child { border-right: 0; } .work table tr:first-child th:first-child:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 9px 10px 9px; border-color: transparent transparent #ffbb00 transparent; position: absolute; left: 50%; bottom: 100%; margin-left: -9px; } .work table tr:not(:first-child) th { background-color: #FFDD7B; } .work table tr:not(:first-child) th:empty { background-color: #F5F5F5; } .work table tr td { border-right: 1px solid white; padding: 15px 10px; vertical-align: middle; font-size: 14px; position: relative; } .work table tr td:last-child { border-right: 0; } .work table tr:nth-child(2n+1) { background: #F5F5F5; } .work table tr:last-child td:last-child:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 9px 10px 0 9px; border-color: #F5F5F5 transparent transparent transparent; position: absolute; left: 28px; top: 100%; } /************************************** end table zebra ***************************************/ /************************************** table anti-zebra ***************************************/ .files_table table tr { background: #F5F5F5; } .files_table tr td { border-bottom: 1px solid white; } /************************************** end table anti-zebra ***************************************/ /* Start Year report */ .year_report { position: relative; } .year_report .el { padding-bottom: 25px; border-bottom: 1px solid #e3e3e3; margin-bottom: 25px; font-size: 0; position: relative; overflow:hidden; } .year_report .el .left { width: 118px; float:left; vertical-align: top; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.55); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.55); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.55); } .year_report .el .left img { margin: 0 !important; width: 118px; display: inline-block; position: relative; } .year_report .el .right { border-left: 1px solid transparent; padding-top: 5px; margin-left: 141px; position: relative; border-left: 1px solid #ffc000; padding-left: 25px; padding-bottom: 5px; min-height: 160px; } .year_report .el .right:before { right: 100%; top: 25px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-style: solid; border-width: 6px 9px 6px 0; border-color: transparent #ffc000 transparent transparent; } .year_report .el .right .year { font-size: 22px; font-weight: 500; color: #ffc000; line-height: 19px; margin-bottom: 5px; } .year_report .el .right a { font-size: 14px; display: inline-block; margin-bottom: 5px; } /* End Year report */ /* Start Documents */ .documents { margin-top: 20px; } .documents.type2 { } .documents.type2 .el { position: relative; padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4; } .documents.type2 .el .header { font-size: 18px; cursor: pointer; } .documents.type2 .el .header:after { content: ''; background: url('/img/doc_table_arrow_up_down.png') no-repeat scroll 0 0; width: 15px; height: 14px; display: inline-block; vertical-align: middle; cursor: pointer; margin-left: 10px; } .documents.type2 .el .table_wrapper { display: block; margin-top: 20px; position: relative; border-top: 2px solid #ffb400; } .documents.type2 .el .table_wrapper:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 9px 10px 9px; border-color: transparent transparent #ffbb00 transparent; position: absolute; left: 42px; bottom: 100%; } .documents.type2 .el .table_wrapper > div { /*max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden;*/ } .documents.type2 .el table { width: 100%; margin-top:0; } .documents.type2 .el table tr { background-color: #f3f3f3; } .documents.type2 .el table td { border-bottom: 1px solid white; border-right: 1px solid white; vertical-align: middle; padding: 15px 0 15px 15px; min-width: 40px; } .documents.type2 .el table td.date { border-right: 1px solid #ffffff; padding: 15px; } .documents.type2 .el table td:last-child { padding-right: 15px; } .documents.type2 .el table td img { margin: 0 !important; } .documents.type2 .el table td a { font-size: 14px; border-bottom: 1px solid #c3c3c3; text-decoration:none; } .documents.type2 .el table td a:hover { border-bottom: 1px solid #ffba00; } .documents.type2 .el.active { } .documents.type2 .el.active .header:after { background-position: 0 -14px;; } .documents.type2 .el.active .table_wrapper > div { /*max-height: none; transition: max-height 0.5s ease-in;*/ } /* End Documents */ /* Start News */ .rss { opacity: .5; position: absolute; right: 25px; top: 50px; border: 0 !important; } .rss img { margin: 0; } .rss:hover { opacity: 1; } .news { border-top: 1px solid #f4f4f4; } .news .el { padding: 20px 0; border-bottom: 1px solid #e0e0e0; position: relative; } .news .el .img_wrapper { overflow: hidden; margin-bottom: 20px; height: 360px; font-size: 0; position: relative; line-height: 0; } .news .el .img_wrapper img { margin: 0; display: inline-block; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: none; min-height: 100%; width: 100%; } .news .el a.title { font-weight: bold; } .date { font-size: 12px; margin: 15px 0; color: #6a6a6a; } .news .el .text { } .news .el.main { background-color: #eeeeee; } .news .el.main:before { content: ''; background: url("/img/main_news.png") no-repeat scroll 0 0; width: 10px; height: 18px; position: absolute; left: 25px; top: -9px; } .news .el.main .text_wrapper { padding: 0 25px; } .news_detail{ overflow:hidden; padding-bottom:20px; margin-bottom:25px; border-bottom:1px solid #e0e0e0; } /* End News */ /********************************************************** persons *****************************************************/ /* ceo */ .workarea .ceo_left { width: 230px; margin-right: 20px; vertical-align: top; float:left; } .workarea .ceo_left img { max-width: 100%; margin-top: 0!important; } .workarea .ceo_right { margin-left: 260px; } .workarea .ceo_right > *:first-child { margin-top: 0; } @media screen and (max-width: 600px) { .cd-content-wrapper .layout .title { bottom: 5%; right: 5%; width: 90%; font-size: x-large; } .emap {display:none;} .main_slider { /* height: 0; min-height: 0; width: 0; visibility: hidden;*/ } .workarea .ceo_left { margin: 0 auto; float:none; } .workarea .ceo_right { margin-left: 0px; } .workarea .ceo_right > *:first-child { margin-top: 20px; } } /* end ceo */ /* employers */ .employers { } .employers .el { margin: 36px 0 50px 14px; padding: 20px 0 10px 0; transition: all .3s ease-in; position: relative; clear:both; } .employers .el:after { transition: all .3s ease-in; content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; background: url("/img/gray_arrow_down.png") repeat-x scroll 0 0; opacity: 0; } .employers .el .photo { margin-left: -14px; margin-top: -36px; width: 130px; border: 0px solid #c7c7c7; position: relative; float:left; margin-bottom:38px; } .employers .el .photo:after { transition: all .3s ease-in; opacity: 0; content: ''; position: absolute; top: 0; right: -16px; width: 0; height: 0; border-style: solid; border-width: 15px 0 0 15px; border-color: transparent transparent transparent #ffbb00; } .employers .el .photo img { margin: 0; } .employers .el .description { margin: 0 20px 0 140px; } .employers .el .description .name { font-size: 18px; font-weight: 400; } .employers .el .description .position { font-size: 14px; font-weight: 300; color: #8a8a8a; margin-top: 10px; } .employers .el .description .separator { margin: 10px 0 10px 0; height: 1px; width: 100%; } .employers .el .description .biography_title { color: #ffba00; font-weight: 300; cursor: pointer; margin-bottom: 5px; } .employers .el .description .biography_title:after { content: ''; background: url("/img/arrow_down.png") no-repeat scroll 50% 50%; height: 7px; width: 10px; display: inline-block; margin-left: 2px; } .employers .el .description .biography_title:hover { font-weight: 400; } .employers .el .description .biography_cont { height: 0; transition: all .3s ease-in; overflow: hidden; opacity: 0; } .employers .el.selected { background-color: #f3f3f3; } .employers .el.selected:after { opacity: 1; } .employers .el.selected .photo:after { opacity: 1; } .employers .el.selected .separator { background-color: #e1e1e1; } .employers .el.selected .description .biography_cont { height: 100%; opacity: 1; } .employers .el.selected .description .biography_title:after { background: url("/img/arrow_up.png") no-repeat scroll 50% 50%; } /* end employers */ /********************************************************** persons *****************************************************/ /********************************************************** faq *****************************************************/ .pagenav { margin: 50px 0 25px; text-align: left; } .pagenav a, .pagenav span { background-color: #d2d2d2; border: 0 none !important; border-radius: 2px; color: black; display: inline-block; font-size: 12px; font-weight: 300; line-height: 20px; margin-right: 10px; padding: 0 7px; vertical-align: middle !important; } .pagenav span, .pagenav a:hover { background-color: #ffc000; } .questions { } .questions .el { border-bottom: 1px solid #e3e3e3; margin-bottom: 20px; padding-bottom: 20px; position: relative; } .questions .el .subject { color: #b6b6b6; font-size: 12px; font-weight: 300; } .questions .el .question { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .questions .el .detail { cursor: pointer; font-size: 14px; position: relative; vertical-align: top; width: 12%; } .questions .el .detail::before { background: rgba(0, 0, 0, 0) url("/img/icons/question.png") no-repeat scroll 0 -20px; content: ""; display: inline-block; height: 14px; margin-right: 5px; vertical-align: middle; width: 15px; } .questions .el .detail::after { background: rgba(0, 0, 0, 0) url("/img/icons/arrow_down.png") no-repeat scroll 0 0; content: ""; display: none; height: 4px; margin-left: 10px; vertical-align: middle; width: 7px; } .questions .el .answer { display: inline-block; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out 0s; vertical-align: top; width: 87%; } .questions .el:hover .detail::before, .questions .el.active .detail::before { background-position: 0 0; } .questions .el:hover .detail::after, .questions .el.active .detail::after { display: inline-block; } .questions .el.active .detail::after { background: rgba(0, 0, 0, 0) url("/img/icons/arrow_up.png") no-repeat scroll 0 0; } .questions .el.active .answer { max-height: 2000px; transition: max-height 0.5s ease-in 0s; } /********************************************************** end faq *****************************************************/ .ttl {font-size: 24px;margin-bottom:10px;} .ttl img{margin-right:5px;height:20px;display:inline-block;} /* Start map */ .emap { min-width: 0px; margin: 0 auto; } .map {padding-top: 25px;padding-bottom: 25px;height: 571px;display: table;width: 100%; background-color: white;} .map .title {font-size: 20px; display: table-caption; white-space: nowrap; margin: 15px 15px 0px 15px;} .map .title a {margin-left: 25px;} .map .title span {color: #ffba00;vertical-align: baseline;} .map .right {width: 32%;display: table-cell;height: 571px;padding-left: 1%;} .map .right .info { border-left: 1px solid #EF6E3D; padding-left: 1px; margin-left: 9px; display: none; position: relative;} .map .right .info .el { padding: 14px; border-bottom: 1px solid #ffefbf; position: relative;} .map .right .info:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 192, 0, 0); border-right-color: #EF6E3D; border-width: 9px; margin-top: -9px; margin-right: 1px;} .map .right .info .el:last-child { border-bottom: 0 solid #ffefbf;} .map .right .info .el .ttl {font-size: 20px;} .map .right .info .el .ttl img { width: 32px; margin: 0 1px; margin-right: 7px;} .map .right .info .el .ttl a, .map .right .info .el .ttl span { border-bottom: 1px solid #c3c3c3;} .map .right .info .el .ttl a:hover { border-bottom: 1px solid #ffba00;} .map.main .right .info .el .ttl a, .map .right .info .el .ttl span { border-bottom: 0;} .map .right .info .el .dsr { margin-top: 10px; color: #231f20; font-weight: 400; font-size: 15px;} .map .left { width: 100%; display: block; height: 571px; overflow: hidden; } .map.main h3 { font-size: 20px; white-space: nowrap; margin: 0 15px 0px 15px; text-transform: uppercase; } .map.main h3 span { color: #ffba00; vertical-align: baseline; } /*.map .left { width: 68%; display: table-cell; height: 571px; overflow: hidden;}*/ .map .left svg { height: 100%; width: 100%;} .map .left svg > g { cursor: pointer;} .map .left svg > g > g:not(#Path) { display: none;} .map .left svg g.over > path:first-of-type { fill: #FFBA00 !important;} .map .left svg g.over > g#Path path { fill: #FFBA00 !important;} .map .left svg > g > g.over > g:not(:first-child) { display: block;} .map .left svg > g > g#Others path { fill: #e5e5e5;} .map .left svg > g > g#Others g { display: block;} .map.n_main { border: 0; padding-top: 0; display: block; position: relative;} .map.n_main .left { width: 975px; display: block; position: relative; left: -290px; z-index: 0;} .map.n_main .left:before { position: absolute; top: 0; bottom: 0; width: 300px; content: ''; display: block; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );} .map.n_main .right { display: none; width: 300px; top: 20px; left: 100px; height: auto; position: absolute; background-color: white; border: 1px solid #E8E8E8; border-right: 1px solid #FFC60A; -webkit-box-shadow: 0 2px 1px 0 rgba(50, 50, 50, 0.35); -moz-box-shadow: 0 2px 1px 0 rgba(50, 50, 50, 0.35); box-shadow: 0 2px 1px 0 rgba(50, 50, 50, 0.35); transition: all .35s ease-in; padding-left: 0; max-height: 571px;} .map.n_main .right:after { content: ''; position: absolute; top: 50%; right: -10px; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 9px; border-color: transparent transparent transparent #ffb300;} .map.n_main .right.out:after { right: auto; left: -10px; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #ffb300 transparent transparent;} .map.n_main .right .info { border-left: 0; margin: 0 9px; display: none; position: relative; padding-left: 0; max-height: 100%;} .map.n_main .right .info:after { display: none;} .map.n_main .right .info .el { padding: 14px 10px;} /* End */ .section_header_1 { width: 100%; height: 474px; background: url(/img/head_banner_sect_1.jpg) center no-repeat; z-index: 0; background-size: cover; } .section_header_2{ width:100%; height:474px; background:url(/img/head_banner_sect_2.jpg) center no-repeat; z-index:0; } .img_anons { width: 95px; margin-right: 10px; margin-top: 0px; } #mimok-form .form-group textarea {width: 100%;resize: both;height: 200px;} .margin-form {margin: 30px 0;} .status_10{color:green;} .header-fixed-nav{top:0;left:0;z-index:1020;width:100%;padding:15px 0 14px;background-color:#f4f8fc} .header-fixed-nav .container{overflow:visible;} .header-fixed-nav__link{color:#165280;font-weight:300;font-size:15px;line-height:18px} .header-fixed-nav__link--svg-right svg{margin-top:-5px;margin-left:9px} .header-fixed-nav__link--svg-left svg{margin-top:-2px;margin-right:8px} .header-fixed-nav__link:hover,.header-fixed-nav__link:focus{text-decoration:none} .header-fixed-nav__links-share{position:relative;top:-2px;padding:0 33px 0 35px} @media (max-width:991.98px){.header-fixed-nav__links-share{display:none}} .header-fixed-nav__links-share.open{top:2px} .header-fixed-nav__links-share.open .header-fixed-nav__link--share{display:none} .header-fixed-nav__links-share.open .header-fixed-nav__share-links,.header-fixed-nav__right-links{display:-ms-flexbox;display:flex} .header-fixed-nav__right-links{-ms-flex-pack:end;justify-content:flex-end} .header-fixed-nav__link--share{display:inline-block} @media (max-width:991.98px){.header-fixed-nav__link--share{display:none}} .header-fixed-nav__share-links{display:none;-ms-flex-pack:center;justify-content:center} .header-fixed-nav__share-links .footer-nav__social-link{margin-right:10px} .header-fixed-nav__share-links .footer-nav__social-link svg{position:relative;top:-1px;width:20px;height:20px} @media (max-width:991.98px){.header-fixed-nav__share-links{display:none}} .header-col{position:relative;display:-ms-flexbox;display:flex;-ms-flex:0 0 37.3%;flex:0 0 37.3%;width:100%;max-width:37.3%;padding-right:15px;padding-left:15px} .header-col--2{-ms-flex:0 0 24.9%;flex:0 0 24.9%;max-width:24.9%} .header-col--3{-ms-flex:0 0 75.1%;flex:0 0 75.1%;max-width:75.1%} .header-col--city{-ms-flex:0 0 38%;flex:0 0 38%;max-width:38%} .header-col--gidro{-ms-flex:0 0 59%;flex:0 0 59%;max-width:59%} @media (max-width:1199.98px){.header-col{-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%} .header-col--2{-ms-flex:0 0 24.9%;flex:0 0 24.9%;max-width:24.9%} .header-col--3{-ms-flex:0 0 75.1%;flex:0 0 75.1%;max-width:75.1%}} @media (max-width:991.98px){.header-col{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .header-col.header-col--city{display:none} .header-col--logo{-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-pack:center;justify-content:center;max-width:100%}.header-col--contacts{display:none}} .header-fixed-nav__link--search{position:relative;top:-3px;margin-right:5px} .show>.header-fixed-nav--search-input-wrap.dropdown-menu{right:0!important;left:auto!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;height:53px;padding:0;background-color:#f4f8fc;transform:translate3d(0,-15px,0)!important} @media (max-width:991.98px){.show>.header-fixed-nav--search-input-wrap.dropdown-menu{min-width:260px!important}} .show>.header-fixed-nav--search-input-wrap.dropdown-menu form{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:96%} .show>.header-fixed-nav--search-input-wrap.dropdown-menu form input{box-sizing:border-box;background:#dfe7ef;border:1px solid #b3cdd7;border-radius:4px} @media (max-width:991.98px){.show>.header-fixed-nav--search-input-wrap.dropdown-menu form input{width:76%}} .input-hdr-close{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin-right:10px;margin-left:10px;cursor:pointer} .header-fixed-nav--search-input-button{margin-right:17px;background-color:#f4f8fc;border:0} .header-fixed-nav--search-input-wrap{display:none}.header-fixed-nav__link--vision{line-height:22px} @media (max-width:991.98px){.header-fixed-nav__link--vision{display:none}} .hdr-menu-adaptiv {display:none;margin-left: 10px;border: 0;} .hdr-menu-adaptiv, .hdr-menu-adaptiv:hover, .hdr-menu-adaptiv:focus, .hdr-menu-adaptiv:focus-visible {background-color: transparent;border:0;outline:0;} .header-nav__menu-ico {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: justify;justify-content: space-between;width: 20px;height: 18px;} .header-nav__menu-ico-row {width: 100%;height: 2px;background: #fff;} .hdr-menu-adaptiv .header-nav__menu-ico-row {background-color: #165280;} @media (max-width:991.98px){ .hdr-menu-adaptiv{display:block} } .dropdown{border:0;display:flex;align-items:center;} .mobilemenu{display:none;position:absolute;top:0;width:100%;z-index:1000;background:#fff;} .mobilemenu .container{position:relative;} .mobilemenu.active{display:block;} .mobilemenu_close{} .menu-adaptiv-btn {position: absolute;right: 20px;margin-top: 15px;padding: 0;} .mobilemenu_inner{padding:50px 0 15px;} .mobilemenu .buttons_tp .row{display:flex;flex-wrap: nowrap;margin-right:30px;} .mobilemenu .button_tp{display:flex;justify-content:start;align-items:center;border: 1px solid #f1f2f4;border-radius: 4px;margin:7px;padding:18px;} .mobilemenu .button_tp a{display:flex;justify-content:start;flex-wrap:nowrap;align-items:center;color: #000;font-weight: 500;font-size: .875rem;line-height: 1rem;} .mmenus{margin-top:15px;} .nav-wrap-mmain{background: linear-gradient(180deg,#1667a3 -39.91%,#165280 142.52%),#1667a3;padding:20px;width:100%;display:block;color:#fff;list-style:none;} .nav-wrap-mmain li{list-style:none;} .nav-wrap-mmain a{color:#fff;} .specialmode{text-align:center;margin:25px auto 15px;} .mobile_social{width: 100%;background: #f4f8fc;text-align:center;padding:25px 0;} .mobile_social a{text-decoration:none;padding:0 6px;} .mobile_social a:hover{text-decoration:none;} .sliderbig{margin:15px 0;height:350px;} .sliderbig .slider--item{height:350px;position:relative;border-radius: 5px;} .sliderbig .slider--text{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);color:#fff;text-align:center;font-size:24px;padding:18px 0;} .sliderbig .owl-dots{display:none;} .sliderbig .owl-prev::after, .sliderbig .owl-next::after{top:auto;bottom:15px;} .sliderbig .owl-prev{left:5px;} .sliderbig .owl-next{right: 5px;} .sliderbig .owl-next::after{} .sliderbig .owl-carousel:hover .owl-prev{left:5px;} .sliderbig .owl-carousel:hover .owl-next{right: 5px;} .red_buttons{overflow:hidden;text-align:center;width:100%;display:flex;justify-content:center;flex-wrap: wrap;} .red_buttons_item{display:flex;justify-content:center;align-items:center;flex-wrap: nowrap;background:#f06723;color:#fff;width:280px;height:97px;border:1px solid #f06723;border-radius:5px;margin:6px 6px;transition: .5s;} .red_buttons_item:hover{color:#fff;text-decoration:none;} .red_buttons_item p{text-align:left;margin:0;} #red_button1::before{content:'';background:url(/custom/ico1.png) -30px -6px no-repeat;width:57px;height:76px;margin:0 18px 0 0;} #red_button2::before{content:'';background:url(/custom/ico1.png) -170px -8px no-repeat;width:57px;height:76px;margin:0 18px 0 0;} #red_button3::before{content:'';background:url(/custom/ico1.png) -32px -114px no-repeat;width:62px;height:76px;margin:0 18px 0 0;} #red_button4::before{content:'';background:url(/custom/ico1.png) -185px -119px no-repeat;width:62px;height:76px;margin:0 18px 0 0;} .red_buttons_item:hover {background: #f19264;} .sliderinfo{border:2px solid #EDEEF0;border-radius:5px;padding:15px;position:relative;max-width:370px;margin:0 auto;} .sliderinfo .title{padding-top:15px;} .sliderinfo .title a{color:#185382;} .sliderinfo .owl-dots{text-align:right;} .sliderinfo .owl-dots .owl-dot span{margin:5px 3px;} .sliderinfo .owl-stage-outer{z-index:2;} .sliderinfo .owl-nav{z-index:1;} .sliderinfo .owl-prev::after, .sliderinfo .owl-next::after{background:url(/custom/owlcarousel/arrows_blue.jpg) no-repeat;} .sliderinfo .owl-prev::after, .sliderinfo .owl-next::after{top:auto;bottom:-5px;} .sliderinfo .owl-prev{left:5px;} .sliderinfo .owl-next{left: 35px;} .sliderinfo .owl-next::after{background-position: -32px 0px;} .sliderinfo .owl-carousel:hover .owl-prev{left:5px;} .sliderinfo .owl-carousel:hover .owl-next{left: 35px;} .bigbuttons{text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap: wrap;} .bigbutton{width:180px;display:flex;justify-content:center;align-items:center;background:#f3f3f3;border:1px solid #f3f3f3;border-radius:5px;flex-wrap: wrap;transition: .5s;} .bigbutton a{display:flex;justify-content:center;align-items:center;flex-wrap: wrap;text-align:center;padding:15px;} .bigbutton a:hover{text-decoration:none;} .bigbuttons_sidebar{flex-wrap: nowrap;} .bigbutton:hover {background: #e4e4e4;} #bigbutton1::before{content:'';background:url(/custom/ico1.png) -26px -305px no-repeat #f56d23;width:76px;height:76px;margin:0 15px 20px;border:1px solid #f56d23;border-radius:50%;} #bigbutton2::before{content:'';background:url(/custom/ico1.png) -184px -317px no-repeat #1767a4;width:76px;height:76px;margin:0 15px 20px;border:1px solid #1767a4;border-radius:50%;} #bigbutton3::before{content:'';background:url(/custom/ico1.png) -26px -212px no-repeat #f56d23;width:76px;height:76px;margin:0 15px 20px;border:1px solid #f56d23;border-radius:50%;} #bigbutton4::before{content:'';background:url(/custom/ico1.png) -182px -226px no-repeat #1767a4;width:76px;height:76px;margin:0 15px 20px;border:1px solid #1767a4;border-radius:50%;} #bigbutton5::before{content:'';background:url(/custom/ico1.png) -28px -390px no-repeat #f56d23;width:76px;height:76px;margin:0 15px 20px;border:1px solid #f56d23;border-radius:50%;} @media (min-width:991px){ .bigbutton + .bigbutton{margin-left:10px;} .bigbuttons_top .bigbutton{width:31%;} .red_buttons{justify-content: space-between;} .red_buttons_item {margin: 0 0 16px 0;} .bigbuttons.bigbuttons_top{justify-content: space-between;margin-top:2px;} } @media (max-width:990px){ .bigbutton, .bigbutton + .bigbutton{margin:5px;} .bigbuttons_top{width:380px;margin:0 auto;} } @media (max-width:480px){ .bigbuttons_top{width:340px;margin:0 auto;} .bigbutton{width:160px;} .header-fixed-nav__link--search{top:-2px;} .header-fixed-nav .col-5, .header-fixed-nav .col-7 {flex: 0 0 100%;max-width: 100%;} } .link_infosection{position:absolute;top:15px;right:15px;text-transform:uppercase;text-decoration:none;z-index:1000;color: #185382;} .topnews_other .newstitle{margin-bottom:15px;} .workarea_bottom{margin-bottom:15px;} .workarea_bottom_inner{display:flex;justify-content:center;align-items:center;flex-wrap: wrap;} .workarea_bottom a{display:flex;justify-content:center;background:#F3F3F3;margin:6px;} .workarea_bottom a img{width:240px !important;display:block;} .bootstrap-select.btn-group .dropdown-toggle .filter-option{width:95%;} #leftmenu{margin:0;padding:0;} #leftmenu li{list-style:none;margin:0;padding:6px 0;} #leftmenu li.root-li-selected a{color: #f06623;position: relative;display: inline-block;padding-left: 32px;} #leftmenu li.root-li-selected a::before{position: absolute;top: 9px;left: 0;display: inline-block;width: 20px;height: 2px;margin-right: 10px;background-color: #f06623;content: "";} .open > .dropdown-menu { display: block;} .workarea .mibok-form button, .workarea .mibok-form .btn{margin:0;} .bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle:focus {text-decoration: none;color: #fff;background-color: #F06623;} .bootstrap-select .dropdown-menu > li > a { padding: 9px 5px;} .mibok-form .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap;} .mibok-form .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5;} .fbanners img,.workarea_bottom_inner a img { -webkit-filter: grayscale(0.7);filter: grayscale(0.7);transition: .5s;} .fbanners img:hover,.workarea_bottom_inner a img:hover { -webkit-filter: grayscale(0); filter: grayscale(0);} @media (max-width:990px){ .bigbutton,.red_buttons_item { width: -webkit-fill-available;max-width: 48%;} .bigbuttons_top {width: 100%;} .sliderinfo {max-width: 100%;margin: 6px 6px 0;} } @media (max-width: 630px){ .bigbutton, .red_buttons_item {width: -webkit-fill-available;max-width: 100%;} } /* End */ /* /bitrix/templates/.default/components/bitrix/menu/topmenu_multilevel/style.min.css?14718585913715 */ /* /local/templates/.default/components/bitrix/breadcrumb/breadcrumb_new/style.css?16167174721022 */ /* /bitrix/templates/.default/components/bitrix/menu/vertical_leftmenu/style.css?16172756652859 */ /* /bitrix/templates/.default/components/bitrix/menu/bottommenu_multilevel/style.min.css?14719165623715 */ /* /bitrix/templates/kamenergo_new/styles.css?16212662891016 */ /* /bitrix/templates/kamenergo_new/template_styles.css?162189423266044 */