*{padding: 0; margin: 0; border: 0;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:focus,:active{outline: none;}
a:focus,a:active{outline: none; }
html,body{height: 100%;}
html {font-family: sans-serif;line-height:1;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-overflow-style: scrollbar;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
body {width: 100%; font-family: 'Open Sans', sans-serif; font-size: 0.9em; font-weight: 400; line-height: 1.6; color: #000; text-align: left; background-color: #F0F3F8;}
p {margin-bottom: 1em;}
a {color:#000; text-decoration: none; transition: 0.4s ease;}
a:hover {color: #e30611;}
/*a:visited {color: #000;}*/
ul li{list-style: none}
ol li{list-style: none}
.item-page ul li{list-style-type: disc; margin-left: 15px; padding-left: 5px; margin-bottom: 7px;}
.item-page ol li{list-style-type: decimal; margin-left: 15px; padding-left: 5px; margin-bottom: 7px;}
.item-pagenews a {color: #e30611;}
img {vertical-align: top; }
h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 0.5em; font-weight: inherit;}
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em;}

.btn-red-enter a {display: inline-block; background: #e30611; padding: 10px 20px; color: #fff; border-radius: 7px; }
.btn-red-enter a:hover {background-color: #A3040C; color: #fff;}

.entercolor1 {}
.entercolor2 {}
.entercolor3 {}

.top-banner {width: 1350px;}
.top-banner img {width: 100%;}
.bannergroup img {width: 100%;}

.nopadding {padding: 0px !important;}
.container-nopadding img {padding: 40px 0px;}

.container{max-width: 1350px; margin: 0px auto; padding: 15px 15px;}
.padding-0-15 {padding: 0px 15px;}
.padding-5-15 {padding: 5px 15px;}
.padding-19-15 {padding: 10px 15px;}
.padding-15-15 {padding: 15px 15px;}
.borderbottom {border-bottom: 1px solid #ccc;}

.wrapper{display: flex; margin: 0px auto; overflow: hidden; flex-direction: column; min-height: 100%; padding: 0px;}

.topmenuflex {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.topmenuflex .mod-list {display: flex;}
.topmenuflex .mod-list li {padding: 0px 20px;}
.topmenuflex .mod-list li a:hover {color: #e30611;}
.goroda {display: flex;}
.top_menu_gorod1 {padding: 0px 20px 0px 0px;}
.top_menu_gorod2 a {cursor: pointer;}

.breadcrumbbread-enter {display: flex; padding: 15px 0px 0px 15px;}
.breadcrumbbread-enter a {color: #e30611;}
.breadcrumbbread-enter a:hover {color: #000;}
.breadcrumbbread-enter li {}
.breadcrumbbread-enter .divider {padding: 0px 5px;}
.breadcrumbbread-enter .active .divider {display: none;}

header {/*order: 3;*/ padding: 0px;}
main {padding: 0px; flex: 1 1 auto; padding-bottom: 30px;}
footer {padding: 30px; background-color: #262626; color: #bcbcbc; line-height: 2.2em;}
footer a {color: #fff;}
footer a:hover {color: #ccc;}
.footer__1 {width: 35%;}
.footer__2 {width: 25%;}
.footer__3 {width: 40%;}
.footer__4 {}
.footer___text {font-size: 0.8em; margin-top: 15px;}
.footer___text a {color: #fff;}
.footer___text a:hover {color: #ccc !important;}
.footer__row {display: flex; justify-content: space-between;}

.header_body {display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 0px 0px 20px 0px;}
.header__itemlogo { width: 127px;}
.header__item1 {}
.header__item2 {}
.header__item3 {display: flex;}
.header__item3__1, .header__item3__2, .header__item3__3 {padding: 0px 5px;}
.header__item4 {}
.header__item5 {display: none;}

#slow_nav > ul{} 
#slow_nav > ul > li {list-style: none; display: inline-block; position:relative; padding:0;} 
#slow_nav > ul > li > a {padding:5px; background-color:#e30611;}
#slow_nav li ul {position:absolute; list-style:none; top:25px; left:-5px; margin: 0;     padding: 0; display:none; z-index: 101;} 
#slow_nav li ul li{background-color:#e30611; border-bottom:1px solid #F66868;} 
#slow_nav li ul li:last-child {border-bottom:none;} 
#slow_nav li ul li a {padding: 7px 35px 7px 20px; display:block; white-space: nowrap; color: #fff !important;} 
#slow_nav li ul li a:hover {color: #000 !important;}
#slow_nav li ul li:hover {background-color:#f9cdcf;} 
#slow_nav li ul li:first-child {margin-top:5px; position:relative;} 
#slow_nav li ul li:first-child:before {}

.menu-link {display: flex; position: relative; z-index:10;}	
.menu-link__items {display: flex; width: 150px; justify-content: center; padding-left: 20px; margin-top: 20px;}
.menu-link__items__1 {position: relative;}
.menu-link__items__2 {margin-left: 30px;}
.m-gamb, .m-gamb:before, .m-gamb:after {display: block;	background-color: #333; width: 30px; height: 2px; position:absolute;left: 50%;margin-left: -15px; top: 50%;}

.m-gamb:before {content: ""; margin-top: -11px; transition: all 0.2s;}
.m-gamb:after {content: ""; margin-top: 9px; transition: all 0.2s;}	
.menu-link_active .m-gamb {background-color: #F0F3F8;}
.menu-link_active .m-gamb:before {transform:rotate(135deg);margin-top: -2px;}
.menu-link_active .m-gamb:after {transform:rotate(-135deg);margin-top: -2px;}	
.menu-mob {z-index: 1; top: 0px; position: absolute;  width: 100%; display: none;}
.menu_active {display: block; z-index: 200;}

.colorized {padding: 20px 20px 20px 20px; background-color: #fff; box-shadow: 0px 5px 10px #ccc;}
.colorized a {color: #333;}
.colorized a:hover {color: #000;}
.menu-color-top {margin: 10px 30px 15px 30px;}
.menu-color-bottom {margin: 20px 20px 20px 20px;}
.menu-color-big {margin: 10px 0px 15px 0px;}
.menu-color-big ul {display: flex; justify-content: space-between;}
.menu-open_body {position: relative;}

.header_menu {}
.menu-flex {display: flex; justify-content: space-between; align-items: center; font-size: 1.2em; flex-wrap: wrap;}
.menu-flex li {color: #333; border-radius: 5px;}
.menu-flex li a {padding: 10px 20px; line-height: 45px; border-radius: 5px;}
.menu-flex li a:hover {background-color: #e30611; color: #fff;}
.menu-flex .default {color: #333; border-radius: 5px;}
.menu-flex .active {background-color: #fff; color: #333; border-radius: 5px;}
.menu-flex .item-101 {background-color: #F7BF00; color: #333; border-radius: 5px;}

.menu-flex-oplata {display: flex; justify-content: space-between; align-items: center; font-size: 1.1em;}
.menu-flex-oplata li {color: #333; border-radius: 5px;}
.menu-flex-oplata li a {padding: 10px 20px; line-height: 45px; border-radius: 5px; color: #fff;}
.menu-flex-oplata li a:hover {background-color: #B4020B; color: #fff;}
.menu-flex-oplata .default {color: #333; border-radius: 5px;}
.menu-flex-oplata .active {background-color: #fff; color: #333; border-radius: 5px;}
.menu-flex-oplata .item-132 {background-color: #e30611; color: #fff; border-radius: 5px;}

.menu-katalog-enter {display: flex; justify-content: space-between; margin-top: 15px;}
.menu-katalog-enter .item-118, .item-119, .item-120, .item-121, .item-122, .item-123, .item-124, .item-125 {display: flex; flex-direction: column; align-items: center; background-color: #fff; border-radius: 7px;}

.icon-cat-komp, .icon-cat-nout, .icon-cat-tele, .icon-cat-apple, .icon-cat-smart, .icon-cat-cyfra, .icon-cat-print, .icon-cat-help {padding: 15px; border-radius: 7px; width: 150px; height: 100%; flex-grow: 1; text-align: center; line-height: 18px;}

.icon-cat-komp:hover, .icon-cat-nout:hover, .icon-cat-tele:hover, .icon-cat-apple:hover, .icon-cat-smart:hover, .icon-cat-cyfra:hover, .icon-cat-print:hover, .icon-cat-help:hover {background: #e30611; color: #fff;}

.telefon {font-size: 1.4em; font-weight: 400;} .telefon::before { font-family: 'iconsenter'; content: "\e900"; font-size: 0.9em; color: #e30611; margin-right: 10px;} 

.balun {font-size: 1.3em; font-weight: 400; position: relative; padding-left: 20px;} 
.balun::before { font-family: 'iconsenter'; content: "\e917"; font-size: 1.05em; color: #e30611; position: absolute; left: -10px;} 
.vk {} 
.vk::before { font-family: 'iconsenter'; content: "\e914"; font-size: 2.0em; color: #0077ff;} 
.ok {} 
.ok::before { font-family: 'iconsenter'; content: "\e90b"; font-size: 2.0em; color: #ff9802;} 
.wathsap { display: flex; align-items: center; font-size: 1.0em;} .wathsap::before { font-family: 'iconsenter'; content: "\e916"; font-size: 1.6em; color: #2cb742; border: 7px solid #F0F3F8; border-radius: 50px;} 
.vk:hover::before, .ok:hover::before, .wathsap:hover::before {color: #e30611;} 
.icon-cat-komp::before { font-family: 'iconsenter'; content: "\e908"; font-size: 4.8em; color: #e30611; display: flex; justify-content: center; margin-bottom: 7px;} 
.icon-cat-nout::before { font-family: 'iconsenter'; content: "\e90a"; font-size: 4.8em; color: #e30611; display: flex; justify-content: center; margin-bottom: 7px;} 
.icon-cat-tele::before { font-family: 'iconsenter'; content: "\e912"; font-size: 4.8em; color: #e30611; display: flex; justify-content: center; margin-bottom: 7px;} .icon-cat-apple::before { font-family: 'iconsenter'; content: "\e901"; font-size: 4.8em; color: #e30611; display: flex; justify-content: center; margin-bottom: 7px;} 
.icon-cat-smart::before { font-family: 'iconsenter'; content: "\e910"; font-size: 4.8em; color: #e30611; display: flex; justify-content: center; margin-bottom: 7px;} 
.icon-cat-cyfra::before { font-family: 'iconsenter'; content: "\e903"; font-size: 4.8em; color: #e30611; display: flex; justify-content: center; margin-bottom: 7px;} 
.icon-cat-print::before { font-family: 'iconsenter'; content: "\e90e"; font-size: 4.8em; color: #e30611; display: flex; justify-content: center; margin-bottom: 7px;} 
.icon-cat-help::before { font-family: 'iconsenter'; content: "\e905"; font-size: 4.8em; color: #e30611; display: flex; justify-content: center; margin-bottom: 7px;} 
.icon-cat-fonend::before { font-family: 'iconsenter'; content: "\e904"; font-size: 3.0em; color: #e30611; display: flex;} 
.icon-cat-money::before { font-family: 'iconsenter'; content: "\e909"; font-size: 3.0em; color: #e30611; display: flex;} 
.icon-cat-time::before { font-family: 'iconsenter'; content: "\e913"; font-size: 3.0em; color: #e30611; display: flex;} 
.icon-arrow::before { font-family: 'iconsenter'; content: "\e918"; font-size: 2.0em; color: #fff; margin-right: 10px;} 
.icon-cat-komp2::before { font-family: 'iconsenter'; content: "\e91b"; font-size: 3.0em; color: #d24047; display: flex; margin-bottom: 0px;} 
.icon-cat-nout2::before { font-family: 'iconsenter'; content: "\e91a"; font-size: 3.0em; color: #d24047; display: flex; margin-bottom: 0px;} 
.icon-cat-tele2::before { font-family: 'iconsenter'; content: "\e91c"; font-size: 3.0em; color: #d24047; display: flex; margin-bottom: 0px;} 
.icon-cat-apple2::before { font-family: 'iconsenter'; content: "\e919"; font-size: 3.0em; color: #d24047; display: flex; margin-bottom: 0px;} 
.icon-cat-smart2::before { font-family: 'iconsenter'; content: "\e91d"; font-size: 3.0em; color: #d24047; display: flex; margin-bottom: 0px;} 
.icon-cat-remprint::before { font-family: 'iconsenter'; content: "\e90f"; font-size: 3.0em; color: #d24047; display: flex; margin-bottom: 0px;} 
.icon-cat-tehpod::before { font-family: 'iconsenter'; content: "\e911"; font-size: 3.0em; color: #d24047; display: flex; margin-bottom: 0px;} 
.icon-cat-katridge::before { font-family: 'iconsenter'; content: "\e906"; font-size: 3.0em; color: #d24047; display: flex; margin-bottom: 0px;} 
.icon-cat-komp:hover::before, .icon-cat-nout:hover::before, .icon-cat-tele:hover::before, .icon-cat-apple:hover::before, .icon-cat-smart:hover::before, .icon-cat-cyfra:hover::before, .icon-cat-print:hover::before, .icon-cat-help:hover::before {color: #fff;}

.active .icon-cat-komp, .active .icon-cat-nout, .active .icon-cat-tele, .active .icon-cat-apple, .active .icon-cat-smart, .active .icon-cat-cyfra, .active .icon-cat-print, .active .icon-cat-help {background-color: #e30611 !important; color: #fff;}

.active .icon-cat-komp::before, .active .icon-cat-nout::before, .active .icon-cat-tele::before, .active .icon-cat-apple::before, .active .icon-cat-smart::before, .active .icon-cat-cyfra::before, .active .icon-cat-print::before, .active .icon-cat-help::before {color: #fff;}

.greedy-nav { min-width: 250px; background-color: #f1f1f1;; display: flex; overflow: hidden;} .greedy-nav a { font-size: 1.2em; color: #333; text-decoration: none; white-space: nowrap;} .greedy-nav a:hover {color: #e30611; background-color: #fff;} .greedy-nav button { padding: 10px 20px; border: 0; outline: none; background-color: #e30611; color: #fff; cursor: pointer; font-size: 1.2em;} .greedy-nav button:hover {background-color: #e30611;} .greedy-nav .visible-links {display: flex;} .greedy-nav .visible-links li a { padding: 14px 20px; display: block; font-size: 1em; font-weight: 700;} .active-glavnoe-menu {color: #000 !important; background: #eeeeee;} .greedy-nav .hidden-links { position: absolute; right: 0px; background: #e30611; z-index: 25000;} .greedy-nav .hidden-links li { display: block; border-top: 0px solid #ccc; margin: 15px 0px; padding: 0px 20px;} .greedy-nav .hidden-links li a {padding: 10px 10px;} .greedy-nav .hidden {visibility: hidden;} 

.zvezda-cont {margin-top: 20px; color: #757575;}
.footer__1__item__title {color: #fff;}
.footer__1__item__menu a {color: #999;}
.footer__1__item__menu a:hover {color: #fff;}
.footer__row__bottom__1 {width: 50%;}
.footer__row__bottom__2 {width: 40%;}

.bramd_icom {background-color: #fff; padding: 30px; border-radius: 14px; margin-bottom: 30px;}

.uslugi_cont_row {display: flex; justify-content: space-between;}
.uslugi__item__title {}
.uslugi__item__1, .uslugi__item__2 {width: 50%; display: flex; flex-direction: column;}

.preimuchestva_cont_row {display: flex; justify-content: space-between; padding: 20px; background-color: #fff; border-radius: 10px; margin-top: 50px;}

.uslugi__item__1 ul li, .uslugi__item__2 ul li {list-style-type: disc; padding-left: 10px; line-height: 2.2em; margin-left: 15px;}

.eto-cont {display: flex; flex-direction: column; margin-bottom: 30px;}
.eto-cont__item__1 {display: flex; flex-direction: row; margin: 0px -10px;}
.eto-cont__item__2 {display: flex; flex-direction: row; margin: 0px -10px;}
.eto-1, .eto-2, .eto-3, .eto-4, .eto-5, .eto-6, .eto-7, .eto-8 {display: flex; width: 25%; padding: 15px; background-color: #d24047; align-items: center; margin: 10px; color: #fff; border-radius: 7px;}

.statistik_cont_row {display: flex; flex-direction: column; margin-bottom: 30px;}
.statistik_cont_row h5 {font-size: 1.1em;}
.statistik_cont_row span {font-size: 1.8em; display: inherit; color: #d24047; }
.statistik_cont_row_items {display: flex; flex-direction: row; margin: 0px -10px; }
.statistik__item__2, .statistik__item__3, .statistik__item__4, .statistik__item__5, .statistik__item__6, .statistik__item__7, .statistik__item__8 {display: flex; width: 25%; padding: 15px 25px; background-color: #262626;margin: 10px; color: #CDCDCD; border-radius: 7px; flex-direction: column;}

.statistik__item__1 {display: flex; width: 25%; padding: 15px 25px; /*background-color: #868B95;*/   margin: 10px; color: #fff; border-radius: 7px; align-items: center; background-image: url(/images/systems/fon-mshema.jpg); background-repeat: no-repeat; background-position: 0% 0%;     background-size: cover;}
.statistik__item__1 img {border-radius: 7px;}
.statistik__item__1 span {color: #fff;}

.preimuchestva__item__1, .preimuchestva__item__2, .preimuchestva__item__3, .preimuchestva__item__4 {width: 25%; display: flex; flex-direction: column; padding: 15px;}
.preimuchestva__item__1 {}

.preimuchestva__item__1 h3 {margin-bottom: 20px !important; padding: 0px !important;}

@media (min-width: 480px){}
@media (min-width: 760px){}

@media (max-width: 1200px){
   .icon-cat-komp, .icon-cat-nout, .icon-cat-tele, .icon-cat-apple, .icon-cat-smart, .icon-cat-cyfra, .icon-cat-print, .icon-cat-help {width: 130px;} 

}
@media (max-width: 992px){
    h1 {font-size: 1.6em;}
   .menu-flex li a {padding: 10px 15px;}
   .icon-cat-komp, .icon-cat-nout, .icon-cat-tele, .icon-cat-apple, .icon-cat-smart, .icon-cat-cyfra, .icon-cat-print, .icon-cat-help {width: 110px;}
   .balun {font-size: 1.2em;}
    
}
@media (max-width: 767px){
    h1 {font-size: 1.5em;}
    h2 {font-size: 1.4em;}
    h3 {font-size: 1.3em;}
    h4 {font-size: 1.2em;}     
   .header_body {flex-direction: column;}
   .header__item1, .header___item2, .header__item4 {margin-top: 10px;}
   .header__item5 {display: flex;}
   /*.menu-flex {display: none;}*/
   .enter-nav {display: none;}
   .menu-flex li {margin-bottom: 10px; justify-content: flex-start;}
   .menu-katalog-enter {flex-wrap: wrap;}
   
   .menu-color-big ul {justify-content: flex-start;}
   .menu-katalog-enter .item-118, .item-119, .item-120, .item-121, .item-122, .item-123, .item-124, .item-125 { width: 48%; margin-bottom: 15px;}
   .icon-cat-komp, .icon-cat-nout, .icon-cat-tele, .icon-cat-apple, .icon-cat-smart, .icon-cat-cyfra, .icon-cat-print, .icon-cat-help {width: 100%;}
   .btn222 {margin-left: 10px; margin-bottom: 10px;}
   .jak2filter_items_cont .controls {flex-wrap: wrap;}

   footer {padding: 10px;}
   .footer__row {flex-wrap: wrap;}
   .footer__1, .footer__2 {width: 100%; margin-bottom: 20px; line-height: 2.0em;}
   .footer__3, .footer__4 {width: 100%; margin-bottom: 20px; line-height: 2.0em;}
   .footer__row__bottom__1 {width: 100%;}
   .footer__row__bottom__2 {width: 100%;}
   .uslugi_cont_row {flex-direction: column;}
   .uslugi__item__1, .uslugi__item__2 {width: 100%;}
   .preimuchestva_cont_row {flex-direction: column;}
   .preimuchestva__item__1, .preimuchestva__item__2, .preimuchestva__item__3, .preimuchestva__item__4 {width: 100%;}

   .eto-cont__item__1, .eto-cont__item__2 {flex-wrap: wrap;}    
   .eto-1, .eto-2, .eto-3, .eto-4, .eto-5, .eto-6, .eto-7, .eto-8 {width: 45%;}

   .statistik_cont_row_items {flex-wrap: wrap;}
   .statistik__item__1, .statistik__item__2, .statistik__item__3, .statistik__item__4, .statistik__item__5, .statistik__item__6, .statistik__item__7, .statistik__item__8 {width: 45%;}
    
}
@media (max-width: 480px){
	
   
}

@media (max-width: 320px){

    
}

.tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0);} .tooltip.in { opacity: 0.9; filter: alpha(opacity=90);} .tooltip.top { margin-top: -3px; padding: 5px 0;} .tooltip.right { margin-left: 3px; padding: 0 5px;} .tooltip.bottom { margin-top: 3px; padding: 5px 0;} .tooltip.left { margin-left: -3px; padding: 0 5px;} .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 4px;} .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;} .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000;} .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000000;} .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000000;} .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000;} .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000;} .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000;} .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000000;} .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000000;}