/* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.css*/
.bx_breadcrumbs{
    margin-bottom:15px;
    padding-top:0px
}
.bx_breadcrumbs ul{
    margin:0;
    padding:0
}
.bx_breadcrumbs ul li{
    display:inline-block;
    line-height:1em;
}
.bx_breadcrumbs ul li a{
    display:block;
    padding:0 15px;
    background:url(/bitrix/components/bitrix/breadcrumb/templates/.default/images/breadcrumbs_arrow.png) no-repeat center right;
    color:#555;
    text-decoration:none;
    font-size:0.7em;
    opacity:.5
}
.bx_breadcrumbs ul li:first-child a{padding-left:0}
.bx_breadcrumbs ul li:last-child  a{background:none}
.bx_breadcrumbs ul li a:hover{
    text-decoration:underline;
    line-height:1em;
    opacity:1
}
.bx_breadcrumbs ul li span{
    display:block;
    padding:0 15px;
    color:#aaa;
    text-decoration:none;
    font-size:0.7em
}
.bx_breadcrumbs,
.bx_breadcrumbs ul li{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
/* End */



/* Start:/bitrix/components/bitrix/search.suggest.input/templates/.default/style.css*/
input.search-suggest {}
div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;}
div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;}
div.search-popup-row{background:#FFFFFF;}
div.search-popup-row-active{background:#EEEEEE;}
div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;}
div.search-popup-el-cnt{text-align:right; float:right;}
/* End */



/* Start:/bitrix/templates/newstyle-center/styles.css*/
.bannerF {
  margin: 0 auto;
}
.headerF {
  height: 206px;
  background-image: url(/bitrix/templates/newstyle-center/images/infinity.png);
  background-repeat: repeat-x;
  background-position: bottom;
  position: relative;
}
.headerA {
  height: 300px;
  background-image: url(/bitrix/templates/newstyle-center/images/infinity-a.png);
  background-repeat: repeat-x;
  background-position: bottom;
  position: relative;
}
.headerS {
  height: 300px;
  background-image: url(/bitrix/templates/newstyle-center/images/infinity-s.png);
  background-repeat: repeat-x;
  background-position: bottom;
  position: relative;
}
.headerC {
  height: 300px;
  background-image: url(/bitrix/templates/newstyle-center/images/infinity-c.png);
  background-repeat: repeat-x;
  background-position: bottom;
  position: relative;
}
.headerN {
  height: 206px;
  background-image: url(/bitrix/templates/newstyle-center/images/infinity-n.png);
  background-repeat: repeat-x;
  background-position: bottom;
  position: relative;
}
.headerNS {
  height: 206px;
  background-image: url(/bitrix/templates/newstyle-center/images/hpe-synergy-base-c.png);
  background-repeat: repeat-x;
  background-position: bottom;
  position: relative;
}
/* Вставка 11.09.17*/
.sticky-content{
/*border-top: 1px groove #1D5FBF;*/
background-color: #8DBFEF;
box-shadow: 0 0 20px rgba(0,0,0,.4);
}

.sticky-content.fixed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index:1;
}

.top-logo {
	float:left;
	width:50px;
	height:21px;
	background:url(/bitrix/templates/newstyle-center/images/minilogo.png) no-repeat 0 0 / contain;
	opacity:0;
	margin:10px 6px 0;
}

.fixed .top-logo {
	opacity:1;
}
/* включение номера телефона в строку-прилипалу*/
.phone {
	float:right;
	width:150px;
	height:21px;
/*	background:url(/bitrix/templates/newstyle-center/images/logophone.png) no-repeat 0 0 / contain;*/
	opacity:0;
	margin:12px 20px 0;
}

.fixed .phone {
	opacity:1;
}

/*БОКОВАЯ ПАНЕЛЬ */

@charset "UTF-8";

/**
 * Переключаемая боковая панель навигации
 * выдвигающаяся по клику слева
 */

.nav {
    /*  ширна произвольная, не стесняйтесь экспериментировать */
    width: 320px;
    min-width: 320px;
    /* фиксируем и выставляем высоту панели на максимум */
/*    height: 100%;*/
    position: fixed;
/*    top: 0; */
/*    bottom: 0;*/
    margin: 0;
    /* сдвигаем (прячем) панель относительно левого края страницы */
    left: -320px;
    /* внутренние отступы */
/*    padding: 15px 20px;*/
    /* плавный переход смещения панели */
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    transition: left 0.3s;
    /* определяем цвет фона панели */
    background: #8dbfef;
    /* поверх других элементов */
    z-index: 2000;
}


/**
 * Кнопка переключения панели
 * тег <label>
 */

.nav-toggle {
    /* абсолютно позиционируем */
    position: absolute;
    /* относительно левого края панели */
    /* left: 5px;*/
    /* отступ от верхнего края панели */
    top: 66px;
    /* внутренние отступы */
    padding: 0.5em;
    /* определяем цвет фона переключателя
     * чаще вчего в соответствии с цветом фона панели
    */
    background: inherit;
    /* цвет текста */
    color: #FFF;
    /* вид курсора */
    cursor: pointer;
    /* размер шрифта */
    font-size: 1.4em;
    line-height: 1;
    /* всегда поверх других элементов страницы */
    z-index: 2001;
    /* анимируем цвет текста при наведении */
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}


.fixed .nav-toggle {
    /* относительно левого края панели */
/*    left: 5px;*/
    /* отступ от верхнего края панели */
    top: 0px;
}

/* определяем текст кнопки 
 * символ Unicode (TRIGRAM FOR HEAVEN)
*/

.nav-toggle:after {
    content: '\2630';
    text-decoration: none;
}


/* цвет текста при наведении */

.nav-toggle:hover {
    color: #f4f4f4;
}


/**
 * Скрытый чекбокс (флажок)
 * невидим и недоступен :)
 * имя селектора атрибут флажка
 */

[id='nav-toggle'] {
    position: absolute;
    display: none;
}


/**
 * изменение положения переключателя 
 * при просмотре на мобильных устройствах
 * когда навигация раскрыта, распологаем внутри панели
*/

[id='nav-toggle']:checked ~ .nav > .nav-toggle {
    left: auto;
    right: 2px;
    top: 1em;
}


/**
 * Когда флажок установлен, открывается панель
 * используем псевдокласс:checked
 */

[id='nav-toggle']:checked ~ .nav {
    left: 0;
    box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    -moz-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    -webkit-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    overflow-y: auto;
}


/**************************/


/* End */



/* Start:/bitrix/templates/newstyle-center/template_styles.css*/
* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  font-size: 100%; /*  ****  */
}

body {
  font: 1em Arial, Tahoma, Verdana, sans-serif; /* 14px/18px */
  height: 100%;
  background-color: white;
}

a {
  color: #3375C4;  /*5b5b5b*/
  outline: none;
  text-decoration: underline;
}
/* 13/11/13 */
td {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* 13/11/13 */
p {
	margin-top: 10px;
	margin-bottom: 10px;
}
a:hover {
  text-decoration: none;
}

img {
  border: none;
  max-width: 100%;
}

input {
  vertical-align: middle;
}

.clear {
  clear: both;
}

.wrapper {
  margin:0 auto;
  width: 100%;
  max-width: 1024px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

/*HEADER*/
.header {
  height: 66px;
  background-color: #1D5FBF;
  position: relative;
}

.header .left {
  position: absolute;
  left: 0;
  top: 0;
  height: 66px;
  width: 50%;
  background-image: url(/bitrix/templates/newstyle-center/images/Left-Blue.jpg);
  background-repeat: repeat-x;
}

.header .block {
  height: 66px;
  position: relative;
  margin: 0 auto 0 0px; /*margin: 0 auto 0 50px;*/
  background-color: #1D5FBF;
}

.header .block .right {
  position: absolute;
  right: 0;
  top: 0;
  width: 238px;
  height: 63px;
}

.header .block .logo {
  display: block;
  position: absolute;
/*  left: 17px;*/
/*  width: 785px;    5/4/19 */
  max-width: 785px;
  width:100%;
  margin: 0 auto;
  height: 66px;
  background-image: url(/bitrix/templates/newstyle-center/images/sky.png);
  background-repeat: no-repeat;
}

.header .block .header-pic {
/*  z-index: 20; ------ */
  width: 113px;
  height: 64px;
/*  background-image: url(/bitrix/templates/newstyle-center/images/header-pic.jpg);
  background-repeat: no-repeat;*/
  position: absolute;
/*  right: 238px;*/
  top: -1px;
}
.bread-string {
  color: #2f7ea5;
  margin: 0 auto 20px 0;
  font-size: 100%;
  font-weight: bold;
}

.banner {
  margin: 0 auto 50px 0;
}

/*MIDDLE*/
.middle {
  margin: 0 auto;
  padding: 0 0 80px;
  height: 1%;
  position: relative;
}

.middle:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

.container {
  width: 100%;
  float: left;
  overflow: hidden;
}

.container1024{
  max-width:1024px;
  width: 100%;
}

.container1280{
    width: 100%;
	max-width:1260px;
}
.container960{
	width: 100%;
	max-width:910px;
}
.content-block {
/*  padding: 0 0 50px 354px; ** 5/03/19 **/
  padding: 0 0 50px 0px;
}

.content-block h1 {
  font-size: 2em; /* font-size: 30px; */
  color: #5b5b5b;
  margin: 0 0 24px;
  line-height: 32px;
  font-weight: bold;
/*  text-transform: uppercase;*/
}

.content-block ol, .content-block ul {
  margin: 0 0 18px 20px;
}

.middle .index {
  padding: 0 0 50px 0;
}

.index .promo {
  margin: 0 0 50px
}

.index .promo .block {
  width: 500px;
  margin: 0 20px 0 0;
  float: left;
}

.index .promo .last {
  margin: 0;
}

.index .promo .block h3 {
  color: #5b5b5b;
  font-size: 2em; /* font-size: 30px; */
  text-transform: uppercase;
  margin: 0 0 22px;
}

.index .promo2 {
  margin: 0;
}

.index .promo2 .block {
  width: 470px;
  margin: 0 20px 0 0;
  float: left;
}

.index .promo2 .last {
  margin: 0;
}

.index .promo2 .block h3 {
  color: #5b5b5b; /* color: #929292; */
  font-size: 2em; /* font-size: 30px; */
  text-transform: uppercase;
  margin: 0 0 22px;
  text-shadow: 1px 1px #676c6d;
}

/*SIDEBAR*/
.sidebar {
  float: left;
  width: 300px;
  margin: 30px 0 20px 20px;
/*  margin-left: -100%; ** 5/3/19 **/
  position: relative;
}

.sidebar ul {
  list-style-type: none;
  position: relative;
}

.sidebar ul li {
  font-size: 1em; /* font-size: 22px; */
  color: #000;
  font-weight: bold;
/*  line-height: 10px;
  margin: 0 0 10px;
  text-transform: uppercase;*/
}

.sidebar ul li a {
/*  color: #2f7ea5;*/
  color: #000;
  text-decoration: none;
}
/*search*/
.searchbar {
  float: left;
  width: 300px;
  /*margin-left: -100%;*/
}

/*left menu*/

ul.menu ul {
  margin-left: 10px;
  margin-top: 5px;
  display: none;
}

ul.menu li.selected>ul {
  display: block;
}

ul.menu ul>li a, ul.menu ul>li i {
  font-size: 1em; /* font-size: 16px; */
}

ul.menu ul>li>ul>li a, ul.menu ul>li>ul>li i {
  font-size: 0.8em; /* font-size: 13px; */
}

/*SUB-FOOTER*/
.subfooter {
  font: 1.0em Arial Narrow, Verdana, sans-serif;
  border-top: 1px dotted #FFF;
  background-color: #8DBFEF;	
}
.subfooter .bigblock {
  color: #3375c4;
	width:100%;
	max-width:1024px;
	margin: 0 auto;
	align: center;
/*  height: 140px;  */
}
.subfooter .blocks {
  margin-top: 10px;
  max-width: 200px;
  margin: 10px 10px 0 0;
  float: left;
}

.subfooter .firsts {
  margin-left: 50px;
}

.subfooter .lasts {
  margin: 0;
}

.subfooter a {
	font: 0.8em Arial Narrow, Verdana, sans-serif;
	color: #FFF!important; /*color: #5b5b5b;*/
}


/*FOOTER*/
.footer {
  min-height: 66px;
  background-color: #1D5FBF;
/*  background-image: url(/bitrix/templates/newstyle-center/images/sky2.jpg);
  background-repeat: no-repeat;*/
  border-top: 1px groove #2f7ea5;
}
.footer .left {
  position: absolute;
  left: 0;
/*  top: 0;*/
  min-height: 66px;
  width: 50%;
  background-image: url(/bitrix/templates/newstyle-center/images/left-blue2.png);
  background-repeat: repeat-x;
}
.footer .block {
	position: relative;
/*  left: 0;*/
  min-height: 66px;
  background-image: url(/bitrix/templates/newstyle-center/images/sky2.jpg);
  background-repeat: no-repeat;
  max-width: 1280px; /* 060325 - 1024*/
  width:100%;
  margin: 0 auto;
}
.footer .menu {
  /*position: absolute;*/
  /*left: 50px;*/ /* 17 before */
  list-style-type: none;
  text-shadow: 1px 1px #333;
/*  text-shadow: 1px 1px #732372, 1px -1px #732372, -1px 1px #732372, -1px -1px #732372, 3px 3px 6px rgba(0,0,0,.5);*/
}

.footer .menu li {
  float: left;
  margin: 25px 25px 0 0;
}

.footer .menu li  a {
  color: #FFF;
/*  text-shadow: 1px 1px #ffffff;*/
  text-decoration: none;
}

.top-menu {
  color: #8DBFEF;
  background-color: #8DBFEF;
  height: 48px;
/*  margin: 0 0 5px;*/
/* 1/04/19 */
    margin: 0 auto 5px;
    width: 100%;
    max-width: 1096px;
}

.top-menu .block {
  margin: 0 auto 0 45px;
  height: 48px;
}

.top-menu .block ul {
  list-style-type: none;
  position: relative;
  top: 10px;
/*  text-shadow: 1px 1px #2b0808;*/
  text-shadow: 1px 1px #0155a9;
}

.top-menu .block ul li {
  float: left;
  margin: 0 20px 0 0;
  font: 1.2em Arial Narrow, Verdana, sans-serif;
  font-weight: bold;
/*  font-size: 1.2em;*/ /* font-size: 22px; */
  line-height: 24px;
  text-transform: uppercase;
}

.top-menu .block ul li.last {
  margin-right: 0;
}

.top-menu .block ul li a {
/*  color: #3375C4;*/
	color: #5494e0;
  text-decoration: none;
}

.top-menu .block ul li.active a {
  color: #FFF;
  text-decoration: none;
  border-bottom: 2px solid #2f7ea5;
  text-shadow: 1px 0px #0bf;
}
#pndt {
    float: left;
    width: 120px;
    height: 135px;
    margin: 6px;
    padding: 25px;
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
}
#pndrack {
    float: left;
    width: 200px;
    height: 235px;
    margin: 6px;
    padding: 10px 20px 20px 20px;
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
}

#pndts {
    float: left;
    width: 120px;
    height: 135px;
    margin: 6px;
    padding: 10px 30px 30px 30px;
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
}

#pndtw {
float: left;
width: 350px;
height: 140px;
padding: 10px;
margin: 10px 20px;
border: 1px solid #C8CDD2;
}
#pndtw dl {
float: left;
width: 320px;
margin: 10px 10px;
padding: 0;
}
#pndtw dt {
float: right;
width: 200px;
margin: 0;
padding: 0;
font-size: 130%;
letter-spacing: 1px;
}
#pndtw dd {
margin: 0;
padding: 0;
font-size: 85%;
}
#pndtw dd.img img {
float: left;
padding: 2px;
background: #FFF;
}

.pndtss {
    float: left;
    width: 240px;
    height: 200px;
    margin: 6px;
    padding: 20px;
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
}
.pndtss dl {
float: left;
width: 210px;
margin: 10px 10px;
padding: 0;
}
.pndtss dt {
float: right;
width: 180px;
margin: 0;
padding: 0;
font-size: 130%;
letter-spacing: 1px;
}
.pndtss dd {
margin: 0;
padding: 0;
font-size: 85%;
}
.pndtss dd.img img {
float: left;
padding: 2px;
background: #FFF;
}
.brand {
margin: 0;
padding: 0;
font-size: 50%;
font-weight: bold;
}
.partnomer {
margin: 0;
padding: 0;
letter-spacing: 1px;
font-size: 85%;
}

/* ADD july 25 */

/* //ADD july 25 */

/* ADD july 25 */
#product {
    float: left;
    width: 240px;
    height: 160px;
    margin: 6px;
    padding: 20px;
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
}
#product dl {
float: left;
width: 210px;
margin: 10px 10px;
padding: 0;
}
#product dt {
float: right;
width: 180px;
margin: 0;
padding: 0;
font-size: 130%;
letter-spacing: 1px;
}
#product dd {
margin: 0;
padding: 0;
font-size: 85%;
}
#product dd.img img {
float: left;
padding: 2px;
background: #FFF;
}
/* // july 25 */

/* marth 2025 */
.ps-subtitle {
    padding-top: 20px;
		padding-bottom: 10px;
}
.ps-list {
    list-style-type: none;
}
.ps-item {
		padding-top: 5px;
		font-weight: 500;
		display: flex;
    font-size: 15px;
}
.ps-name{
/*		color: #8f8a8a; */
    width: 215px;
    min-width: 215px;
    display: inline-block;
    margin-right: 12px;
/*    text-wrap: balance;*/
}
.ps-value{
/*		color: var(--black);*/
    display: inline-block;
/*    line-height: 160%;8/
}


/* End */
/* /bitrix/components/bitrix/breadcrumb/templates/.default/style.css */
/* /bitrix/components/bitrix/search.suggest.input/templates/.default/style.css */
/* /bitrix/templates/newstyle-center/styles.css */
/* /bitrix/templates/newstyle-center/template_styles.css */