body {
	background-image: url(/img_new/bg-5.jpg);
}
.b-header__logo img {
display: none;
}
.b-header__logo {
  background-image: url(/img_new/logo-main.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  width: 95px;
  height: 121px;
}
.b-footer__button .b-zayavka {
background-color: #69b1e6;
box-shadow:
   -1px 0px #005275, -1px 1px #005275,
   -2px 1px #005275, -2px 2px #005275,
   -3px 2px #005275, -3px 3px #005275,
   -4px 3px #005275, -4px 4px #005275,
   -5px 4px #005275, -5px 5px #005275,
   -6px 5px #005275, -6px 6px #005275,
   -7px 6px #005275, -7px 7px #005275;
}
.b-footer__button .b-zayavka:hover {
background-color: #599dcf;
}
.b-page-submenu a {
color: #f98136;
border: 1px solid #ff934f;
}
.b-page-submenu .active {
	background-color: #ff934f;
}
.b-header__menu .active {
	border-bottom: 3px solid #9d60ab;
}

.b-page-content h1 {
   font-size: min(calc(2rem + 3vw), 4.5rem);
   line-height: 1.2;
   font-weight: 700;
   width: 100%;
   text-align: center;
   margin-bottom: 2rem;
   padding: 0 5% 0 5%;
   letter-spacing: -1px;
}
.b-h1-top {
 display: flex;
justify-content: center;
    align-items: center;
    margin: 0 auto 18px auto;

}
.b-h1-top .line {
   height: 1px;
   display: inline-block;
   width: 120px;
   background-color: #5797fb;
}
.b-h1-top .txt {
   padding: 0 20px;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   color: #000;
}
.b-saha-logo {
   display: block;
   width: 124px;
   margin: 35px auto 30px auto;
}
.b-saha-logo img {
   width: 100%;
   max-width: 100%;

}
.b-h1-bottom {
   text-align: center;
   width: 450px;
   font-size: 14px;
   color: #000;
   font-weight: 600;
     margin: 0 auto 50px auto;
}
.b-participans {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 5rem;
    background-color: #fff;
    padding: 60px 8% 40px 8%;
    border-radius: 40px;
    margin: 0 3% 90px 3%;
    box-shadow: -40px 50px 100px 0 rgb(100 100 100 / 30%);
    color: #000;
 }
 .b-participans__list {
font-size: 14px;
color: #000;
line-height: 1.5;
font-weight: 500;
 }
.b-participans__list p {
margin-bottom: 10px;
}
.b-participans__tech-choice .active {
  font-weight: 700;
}
.b-participans__tech-select {
   margin-bottom: 30px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
select::-ms-expand {
 display: none;
}
.select {
  display: grid;
  grid-template-areas: "select";
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  min-width: 15ch;
  max-width: 30ch;
  border: 1px solid var(--select-border);
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  font-size: 16px;
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), color-stop(33%, #fff));
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
}
.select select, .select::after {
  grid-area: select;
}
.select:not(.select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: var(--select-arrow);
  -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
          clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}

select:focus + .focus {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid var(--select-focus);
  border-radius: inherit;
}

select[multiple] {
  padding-right: 0;
  /*
   * Safari will not reveal an option
   * unless the select height has room to 
   * show all of it
   * Firefox and Chrome allow showing 
   * a partial option
   */
  height: 6rem;
  /* 
   * Experimental - styling of selected options
   * in the multiselect
   * Not supported crossbrowser
   */
}
select[multiple] option {
  white-space: normal;
  outline-color: var(--select-focus);
}
.select--disabled {
  cursor: not-allowed;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), color-stop(33%, #eee));
  background-image: linear-gradient(to top, #ddd, #eee 33%);
}
label {
  font-size: 1.125rem;
  font-weight: 500;
}
.select + label {
  margin-top: 2rem;
}
.select-css { 
display: block; 
font-size: 15px; 
font-weight: 500; 
color: #444; 
line-height: 1.3; 
padding: .5em 1.4em .5em .5em; width: 100%; 
max-width: 100%; 
box-sizing: border-box; 
margin: 0; 
border: 1px solid rgba(200,200,200,.7);
border-radius: 0;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff; 
margin-top: 30px;
/*background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); 
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%;*/ 
background-image: url(/img_new/select.png);
background-repeat: no-repeat;
background-position: right center;
} 
 .select-css::-ms-expand { display: none; } 
 .select-css:hover { border-color: #888; } 
 .select-css:focus { border-color: #aaa; 
color: #222;
 outline: none; 
} 
 .select-css option { font-weight:normal; } 
 *[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css { 
background-position: left .7em top 50%, 0 0; 
padding: .6em .8em .5em 1.4em; 
}
.b-saha-section--2 {
  display: grid;
  grid-template-columns: 4fr 3fr;
  grid-column-gap: 3rem;
  padding: 0px 1% 0px 9%;
  align-items: center;
}
.b-saha-section--1 {
  margin: 0px 3% 60px 3%;
}
.b-saha-section--2   {
  margin: 0 3% 40px 3%;
}
.b-participans__tech-crumbs {
text-transform: uppercase;
font-size: 14px;
margin: 0 0 10px 0;
font-weight: 700;
}
.b-saha-section__title {
   font-weight: 700;
   font-size: 32px;
   margin: 0 0 30px 0;
   line-height: 1.1;
}
.b-participans__tech-choice p {
  font-weight: 500;
  font-size: 14px;
  margin: 0 0 10px 0;
  line-height: 1.4; 
}
.b-saha-section p {
  font-weight: 500;
  font-size: 14px;
  margin: 0 0 15px 0;
  line-height: 1.4; 
}
.b-saha-section .b-bold {
   font-weight: 700;
}
.b-saha-section--1 {
  display: grid;
  grid-template-columns: 3fr 4fr;
  grid-column-gap: 3rem;
  padding: 0px 1% 0px 9%;
  align-items: center;
}
.b-saha-submenu {
text-align: center;
margin: 0 0 60px 0;
}
.b-saha-submenu a {
display: inline-block;
font-size: 16px;
font-weight: 700;
text-decoration: none;
padding: 0 0 12px 0;
color: rgba(129, 132, 154, 0.76);
margin: 0 20px;
}
.b-saha-submenu .active {
   cursor: text;
   color: #000;
   border-bottom: 3px solid #5797fb;
} 
.b-saha-submenu a:hover {
   color: #000;
}
.b-saha-section--3 {
    margin: 80px 0 60px 3%;
}
.b-saha-section--3 .b-saha-section__img img {
   width: 130px;
   margin-bottom: 20px;
}
.b-saha-section--3 .b-saha-section__img {
   text-align: center;
}
.b-saha-section--3 .b-saha-section__img p {
   text-align: center;
   font-size: 18px;
   font-weight: 700;
   width: 200px;
   margin: 0 auto;
color: #000;
}
.b-saha-section--3 .b-saha-section__img a {
   color: #000;
}
.b-saha-section--3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 10px;
  padding: 0px 1% 0px 9%;
  align-items: center;
}
.b-saha-section--3 .b-saha-section__txt {
	grid-column: 1 / -1;
	padding-bottom: 30px;
}
.b-saha-section--4 {
  display: grid;
  grid-template-columns: 3fr 3fr;
  grid-column-gap: 3rem;
  padding: 0px 6% 0px 4%;
  align-items: center;
  margin: 0 0 100px 0;
}
.b-saha-section--4 .b-saha-section__title {
   word-wrap: break-word;
}
.b-saha-section--4 .b-saha-section__txt {
   background-color: #fff;
   border-radius: 40px;
   padding: 60px 10% 40px 12%;
   box-shadow: -40px 50px 100px 0 rgb(100 100 100 / 30%);
}
.b-graph-1-wrap {
    display: grid;
    grid-template-columns: 4fr 4fr 5fr;
    grid-column-gap: 3rem;
      padding: 10px 3% 30px 3%;    
 }
 .b-graph-2-wrap {
    display: grid;
    grid-template-columns: 4fr 4fr;
    grid-column-gap: 3rem;
      padding: 0px 25% 100px 3%;    
 }
 .b-graph {
   border-radius: 30px;
    box-shadow: -40px 50px 100px 0 rgb(100 100 100 / 30%);
    color: #000;
    background-color: #fff;
    display: block;
    padding: 30px 35px;
 }
 .b-graph__title {
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 25px;
 }
 .b-graph__bottom  {
   font-size: 13px;
   font-weight: 500;
   color: #585857;
 }
 .b-graph__vol {
      font-size: 36px;
      line-height: 36px;
   font-weight: 400;
   margin-bottom: 6px;
 }
 .b-graph-1-1 {
   z-index: 12;
 }
  .b-graph-1-2 {
   z-index: 11;
 }
  .b-graph-1-3 {
   z-index: 10;
   position: relative;
 }
  .b-graph-2-1 {
   z-index: 22;
 }
   .b-graph-2-2 {
   z-index: 21;
 }
 .b-percent {
font-size: 15px;
margin-left: 6px;
font-weight: 700;
 }
 .b-percent .fa {
   font-size: 24px;
   margin-right: 5px;
   position: relative;
   top: 3px;
 }
 .b-percent-up {
color: #4a9629;
 }
  .b-percent-down {
color: #ff7a03;
 }
 .b-graph-label {
   font-size: 13px;
   font-weight: 500;
   color: #585857;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 1rem;
 }
 .b-graph-label p:last-child {
   text-align: right;
 }
 .b-graph-1 {
    display: grid;
    grid-template-columns: 72% 1fr;
    grid-column-gap: 0;
    margin-top: 20px;
    background-color: rgba(215,215,215,1);
    height: 5px;
    margin-bottom: 5px;
 }
 .b-graph-1-color {
   background-color: #5797fb;
 }
 .b-graph-2-color {
   background-color: #559723;
 }
  .b-graph-3-color {
   background-color: #db2907;
 }
  .b-graph-2 {
    display: grid;
    grid-template-columns: 26% 1fr;
    grid-column-gap: 0;
    margin-top: 10px;
    background-color: rgba(215,215,215,1);
    height: 5px;
    margin-bottom: 5px;
 }
   .b-graph-3 {
    display: grid;
    grid-template-columns: 2% 1fr;
    grid-column-gap: 0;
    margin-top: 10px;
    background-color: rgba(215,215,215,1);
    height: 5px;
    margin-bottom: 5px;
 }
 .b-graph-4 {
    display: grid;
    grid-template-columns: 47% 33% 9% 6% 1fr;
    grid-column-gap: 0;
    margin-top: 20px;
    background-color: rgba(215,215,215,1);
    height: 5px;
    margin-bottom: 10px;
 }
 .b-graph-4-color-1 {
   background-color: #5797fb;
 }
  .b-graph-4-color-2 {
   background-color: #559723;
 }
  .b-graph-4-color-3 {
   background-color: #f66e00;
 }
  .b-graph-4-color-4 {
   background-color: #db2907;
 }
  .b-graph-4-color-5 {
   background-color: #6a12e7;
 }
 .b-graph-4-label {
   font-size: 13px;
   font-weight: 500;
   color: #585857;
    display: grid;
    grid-template-columns: auto 1fr 1fr;
    grid-column-gap: 1rem;
 }
 .b-graph-4-label p{
   text-align: right;
 }
  .b-graph-4-label .b-name {
   text-align: left;
 }
 .b-circle {
   font-size: 22px;
   font-weight: 500;
   color: rgba(200,200,200,1);
   width: 96px;
   height: 96px;
   line-height: 96px;
   position: absolute;
   top: 40px;
   right: 30px;
   background-image: url(/img_new/circle.svg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 96px 96px;
   text-align: center;
 }

 @media only screen and (max-width : 1090px) {

.b-participans {
    padding: 40px 8% 30px 8%;
    border-radius: 40px;
    margin: 0 0% 90px 0%;
}
.b-participans__list {
padding-top: 30px;
}
.b-saha-section--1 {
    padding: 0px 0% 0px 0%;
}
.b-graph-1-wrap {
    display: grid;
    grid-template-columns: 2fr 2fr 3fr;
    grid-column-gap: 3rem;
    padding: 10px 0% 30px 0%;
}
.b-graph-2-wrap {
    display: grid;
    grid-template-columns: 4fr 4fr;
    grid-column-gap: 3rem;
    padding: 0px 0% 100px 0%;
}
.b-saha-section--2 {
    margin: 0 0% 40px 0%;
    padding: 0px 0% 0px 0%;
}
.b-saha-section--3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
 grid-row-gap: 30px;
    padding: 0px 0% 0px 0%;
    align-items: center;
        margin: 80px 0 60px 0%;
}
.b-saha-section--4 {
    display: grid;
    grid-template-columns: 3fr 3fr;
    grid-column-gap: 3rem;
    padding: 0px 0% 0px 0%;
    align-items: center;
    margin: 0 0 100px 0;
}

 }

  @media only screen and (max-width : 1020px) {

.b-graph-1-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding: 10px 0% 30px 0%;
}
.b-graph-1-3 {
   grid-column: 1 / -1;
   z-index: 30;
}
.b-participans {
    display: grid;
    grid-template-columns: 1fr;
    border-radius: 20px;
    margin: 0 0% 60px 0%;   
}
.b-graph-2-1 {
    z-index: 50;
}
.b-graph-2-2 {
    z-index: 48;
}
  }

@media only screen and (max-width : 800px) {
 .b-saha-submenu {
   text-align: center;
   margin-bottom: 3rem;
}
.b-saha-submenu a {
   font-size: 14px;
   font-weight: 600;
   display: inline-block;
   padding: 5px 20px;
   margin: 0 3px 10px 3px;
   border-radius: 10em;
   color: #69b1e6;
border: 1px solid #69b1e6;
}
.b-saha-submenu a:hover {
   color: #000!important;
   text-decoration: none;
}
.b-saha-submenu a:focus {
   color: #000;
   text-decoration: none;
}
.b-saha-submenu .active {
   color: #fff;
   background-color: #69b1e6;
   border: 1px solid #69b1e6;
}
.b-saha-submenu .active:hover {
   color: #fff!important;
   background-color: #69b1e6;
} 
}

@media only screen and (max-width : 700px) {


.b-saha-section--1 {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 0px 0% 0px 0%;
    align-items: center;
    margin: 0px 0% 40px 0%;
}
.b-saha-section--2 {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding: 0px 0% 0px 0%;
    align-items: center;
}
.b-saha-section--3 {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding: 0px 0% 0px 0%;
    align-items: center;
    margin: 40px 0 30px 0%;
}
.b-saha-section--4 {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding: 0px 0% 0px 0%;
    align-items: center;
    margin: 0 0 100px 0;
}

.b-graph-2-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 2rem;
     grid-row-gap: 2rem;
    padding: 0px 0% 50px 0%;
}
.b-h1-bottom {
    text-align: center;
    width: 100%;
    padding: 0 5%;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin: 0 auto 50px auto;
}
.b-h1-top .line {
    height: 1px;
    display: inline-block;
    width: 60px;
    background-color: #5797fb;
}
.b-graph-1-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 10px 0% 20px 0%;
}
.b-saha-section__title {
    font-weight: 700;
    font-size: 24px;
    margin: 0 0 30px 0;
    line-height: 1.1;
}
.b-saha-section--4 .b-saha-section__txt {
    border-radius: 20px;
    padding: 30px 6% 15px 6%;
}
.b-saha-section__img {
display: none;
}
.b-saha-section--3 .b-saha-section__img {
display: block;
	}

.b-graph-1-2 {
    z-index: 100;
}
.b-graph-1-3 {
    z-index: 101;
}
.b-graph-2-1 {
    z-index: 102;
}
.b-graph-2-2 {
    z-index: 103;
}
.b-graph {
    border-radius: 20px;
    padding: 25px 25px;
}
}