:root{
  --containerWidth:var(--1300px);                       /* with padding 10px = 1280px */
  --headerHeight:var(--85px);
  --logoSize:var(--30px);                                  /* 45px; */
  --searchButton: var(--40px);

  --defaultBorderRadius:var(--2px);
  --defaultBorderLineSize:var(--1d5px);

  --darkGreenColor:#011303;
  --defaultGreenColor:#4caf50;
  --hoverGreenColor:#1d8b21;
  --whiteColor:#fff;
  --blackColor:#001402;

  --greyColorLines:#d1d1d1;
  --greyColorText:#9c9c9c;
  --greyColorInput:#f3f3f3;
  --darkGreyColor:#242424;



  --1300px:81.25rem;
  --1280px:80rem;
  --1170px:73.125rem;
  --700px:43.75rem;
  --550px:34.375rem;
  --450px:28.125rem;
  --410px:25.625rem;
  --400px:25rem;
  --370px:23.125rem;
  --360px:22.5rem;
  --350px:21.875rem;
  --340px:21.25rem;
  --330px:20.625rem;
  --310px:19.375rem;
  --305px:19.0625rem;
  --300px:18.75rem;
  --295px:18.4375rem;
  --290px:18.125rem;
  --285px:17.8125rem;
  --270px:16.875rem;
  --260px:16.25rem;
  --240px:15rem;
  --230px:14.375rem;
  --220px:13.75rem;
  --210px:13.125rem;
  --200px:12.5rem;
  --190px:11.876rem;
  --185px:11.5625rem;
  --180px:11.25rem;
  --169px:10.562rem;
  --160px:10rem;
  --150px:9.375rem;
  --140px:8.75rem;
  --110px:6.875rem;
  --105px:6.5625rem;
  --100px:6.25rem;
  --90px:5.625rem;
  --85px:5.3125rem;
  --80px:5rem;
  --70px:4.375rem;
  --65px:4.062rem;
  --62px:3.875rem;
  --60px:3.75rem;
  --56px:3.5rem;
  --55px:3.4375rem;
  --54px:3.375rem;
  --53px:3.313rem;
  --52px:3.25rem;
  --50px:3.125rem;
  --48px:3rem;
  --47px:2.94rem;
  --46px:2.875rem;
  --45px:2.813rem;
  --42px:2.625rem;
  --40px:2.5rem;
  --38px:2.375rem;
  --35px:2.188rem;
  --34px:2.125rem;
  --33px:2.06rem;
  --32px:2rem;
  --31px:1.94rem;
  --30px:1.88rem;
  --29px:1.813rem;
  --28px:1.75rem;
  --27px:1.688rem;
  --26px:1.625rem;
  --25px:1.5625rem;
  --24px:1.5rem;
  --23px:1.44rem;
  --22px:1.375rem;
  --21px:1.313rem;
  --20px:1.25rem;
  --19px:1.188rem;
  --18px:1.125rem;
  --17px:1.06rem;
  --16px:1rem;
  --15px:0.94rem;
  --14px:0.88rem;
  --13px:0.81rem;
  --12px:0.76rem;
  --11px:0.68rem;
  --10px:0.63rem;
  --9px:0.563rem;
  --8px:0.5rem;
  --7px:0.44rem;
  --6px:0.375rem;
  --5px:0.31rem;
  --4px:0.25rem;
  --3px:0.188rem;
  --2d5px:0.15625rem; /* 2.5px */
  --2px:0.125rem;
  --1d5px:0.0937rem; /* 1.5px */
  --1px:0.0625rem;
}



@font-face {
  font-family: 'Ubuntu-Light';
  src: url('../fonts/Ubuntu-Light.woff2'), url('../fonts/Ubuntu-Light.woff');
  font-weight:300;
  font-display:swap;
  font-style: normal;
}


@font-face {
  font-family: 'Ubuntu-Regular';
  src: url('../fonts/Ubuntu-Regular.woff2'), url('../fonts/Ubuntu-Regular.woff');
  font-weight:400;
  font-display:swap;
  font-style: normal;
}

@font-face {
  font-family: 'Ubuntu-Medium';
  src: url('../fonts/Ubuntu-Medium.woff2'), url('../fonts/Ubuntu-Medium.woff');
  font-weight:500;
  font-display:swap;
  font-style: normal;
}



html{
  box-sizing: border-box;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px; /* нужно для rem */
}

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

*, *::after, *::before{
  box-sizing: inherit;
}

*, *:before, *:after {
    box-sizing:border-box; /* говорит браузеру учитывать любые границы и внутренние отступы в значениях, которые вы указываете в ширине и высоте элемента */
}

h1, h2, h3, h4, h5, h6, p, img, ul, li{
  margin:0px;
  padding:0px;
}

ul{
 list-style:none;
}

button{
 border:none;
 outline:none;
 cursor:pointer;
 background-color: transparent;
}

input, textarea{
 border:none;
 outline:none; 
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.wauto{
 width:auto;
}

.w100{
 width:100%;
}

.w95{
 width:95%;
}


.w90{
 width:90%;
}

.w87{
 width:87%;
}

.w86{
 width:86%;
}

.w85{
 width:85%;
}

.w80{
 width:80%;
}

.w75{
 width:75%;
}


.w70{
 width:70%;
}

.w65{
 width:65%;
}

.w60{
 width:60%;
}

.w40{
 width:40%;
}

.w10{
 width:3%;
}


.w1220px{
  max-width:1200px!important;
  margin-right:auto!important;
  margin-left:auto!important;

}

.w550px{
  width:var(--550px);
}


.w450px{
  width:var(--450px);
}


.w400px{
  width:var(--400px);
}

.w350px{
  width:var(--350px);
}

.w340px{
  width:var(--340px);
}


.w330px{
  width:var(--330px);
}


.w300px{
  width:var(--300px);
}

.w295px{
  width:var(--295px);
}

.w290px{
  width:var(--290px);
}

.w270px{
  width:var(--270px);
}

.w150px{
  width:var(--150px);
}


.w65px{
  width:var(--65px);
}


.w50px{
  width:var(--50px);
}

.w47px{
  width:var(--47px);
}

.w40px{
  width:var(--40px);
}


.w30px{
  width:var(--30px);
}

.w27px{
  width:var(--27px);
}

.w25px{
  width:var(--25px);
}

.w20px{
  width:var(--20px);
}

.w15px{
  width:var(--15px);
}


.minW25px{
  min-width:25px;
}


.minW35px{
  min-width:35px;
}


.h100vh{
  height:100vh;
}

.h100{
  height:100%;
}

.h69{
  height:69%;
}

.h55{
  height:55%;
}

.h54{
  height:54%;
}

.h50{
  height:50%;
}

.h45{
  height:40%;
}


.h460px{
  height:460px;
}

.h410px{
  height:var(--410px);
}

.h360px{
  height:var(--360px);
}


.h350px{
  height:var(--350px);
}


.h300px{
  height:var(--300px);
}

.h290px{
  height:var(--290px);
}


.h240px{
  height:var(--240px);
}

.h230px{
  height:var(--230px);
}

.h220px{
  height:var(--220px);
}

.h160px{
  height:var(--160px);
}


.h150px{
  height:var(--150px);
}


.h140px{
  height:var(--140px);
}

.h65px{
  height:var(--65px);
}

.h62px{
  height:var(--62px);
}


.h56px{
  height:var(--56px);
}

.h55px{
  height:var(--55px);
}

.h54px{
  height:var(--54px);
}

.h52px{
  height:var(--52px);
}

.h50px{
  height:var(--50px);
}

.h47px{
  height:var(--47px);
}

.h45px{
  height:var(--45px);
}

.h30px{
  height:var(--30px);
}

.h25px{
  height:var(--25px);
}

.h20px{
  height:var(--20px);
}

.hauto{
  height:auto;
}




/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.wrapper{
  min-height:100%;
  display:flex;
  flex-direction:column;
}



.container {
  display:block;
  width:var(--containerWidth);
  max-width:100%; 
  margin: 0 auto;
  color:var(--whiteText); 
  padding:0 var(--10px);
/*  background-color:orange; */
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.text{                          /* default black */
  display:inline-block;
  line-height: 1.4;
  text-align: left;
  color:var(--blackColor);
  text-decoration:none;
}

.wordBreak{
  word-break: break-all;
}

.whiteColor{
  color:var(--whiteColor);
}

.greyColor{
  color:var(--greyColorText);
}

.greenColor{
  color:var(--defaultGreenColor);
}

.darkGreenColor{
  color:#19371B;
}

.slash{
  margin:0 2.5px;	
}

.underlineFooter{
  color:var(--whiteColor);
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:var(--5px);
  text-decoration-thickness: 1px; /* Толщина линии */
  text-align:center;
}


.underlineRegular{
  color:var(--blackColor);
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:var(--4px);
  text-decoration-thickness: 1.5px; /* Толщина линии */
  text-align:center;
}

.underlineLight{
  color:var(--blackColor);
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:var(--4px);
  text-decoration-thickness: 1px; /* Толщина линии */
  text-align:center;
}

.currentLink{
  color:var(--greyColorText);
  text-decoration:none;
}

.centerAlign{
  text-align:center;
}

.leftAlign{
  text-align:left;
}


.activePagination{
  color:var(--greyColorText);
}


.light{
  font-family: Ubuntu-Light;
}

.regular{
  font-family: Ubuntu-Regular;
}

.medium{
  font-family: Ubuntu-Medium;
}

.fz300{
  font-size:var(--300px);
  line-height: 1;
}

.fz62{
  font-size:var(--62px);
  line-height: 1;
}

.fz60{
  font-size:var(--60px);
  line-height: 1;
}


.fz56{
  font-size:var(--56px);
  line-height: 1;
}

.fz52{
  font-size:var(--52px)!important;
  line-height: 1;
}


.fz48{
  font-size:var(--48px);
  line-height: 1.2;
}

.fz42{
  font-size:var(--42px);
  line-height: 1.2;
}


.fz34{
  font-size:var(--34px);
  line-height: 1.4;
}


.fz30{
  font-size:var(--30px);
  line-height: 1.4;
}

.fz28{
  font-size:var(--28px);
  line-height: 1.4;
}


.fz27{
  font-size:var(--27px);
  line-height: 1.4;
}

.fz26{
  font-size:var(--26px);
  line-height: 1.4;
}

.fz25{
  font-size:var(--25px);
  line-height: 1.4;
}

.fz24{
  font-size:var(--24px);
  line-height: 1.4;
}

.fz23{
  font-size:var(--23px);
  line-height: 1.4;
}

.fz22{
  font-size:var(--22px);
  line-height: 1.4;
}


.fz21{
  font-size:var(--21px);
  line-height: 1.4;
}

.fz20{
  font-size:var(--20px);
  line-height: 1.4;
}


.fz19{
  font-size:var(--19px);
  line-height: 1.5;
}

.fz18{
  font-size:var(--18px);
  line-height: 1.4;
}

.fz17{
  font-size:var(--17px);
  line-height: 1.4;
}

.fz16{
  font-size:var(--16px);
  line-height: 1.4;
}

.fz15{
  font-size:var(--15px);
  line-height: 1.4;
}


.lh1{
  line-height: 1!important;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.image-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap; /* следующие элементы которым не хватает ширины родительского блока(этого) перенесутся на следующую строку */
}

.image{
  display:block;
  cursor:pointer;
}

.imageRounding{
  border-radius:var(--defaultBorderRadius);
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.button{
  display:block;
  cursor: pointer;
  outline: none;
  border-radius: var(--defaultBorderRadius);
  font-family:Ubuntu-Medium;
  text-decoration:none;
  text-align:center;
}

/* ----------------------------------------------------------------*/
.whiteButton{
  background-color: var(--whiteColor);
  color: var(--defaultGreenColor);
  border: var(--defaultBorderLineSize) solid var(--defaultGreenColor);
}

.whiteButton:hover{
  background-color:var(--hoverGreenColor);
  border: var(--defaultBorderLineSize) solid var(--hoverGreenColor);
  color:var(--whiteColor);
}
/* ----------------------------------------------------------------*/

.greenButton{
  background-color: var(--defaultGreenColor);
  color: var(--whiteColor);
  border: var(--defaultBorderLineSize) solid var(--defaultGreenColor);
}

.greenButton:hover{
  background-color:var(--hoverGreenColor);
  border: var(--defaultBorderLineSize) solid var(--hoverGreenColor);
  color:var(--whiteColor);
}
/* ----------------------------------------------------------------*/

.transparentButton{
  border: var(--defaultBorderLineSize) solid var(--whiteColor);
  color:var(--whiteColor);  
  background:none;
}

.transparentButton:hover{
  border: var(--defaultBorderLineSize) solid var(--whiteColor);
  background-color:var(--hoverGreenColor);
  color:var(--whiteColor);
}

/* ----------------------------------------------------------------*/

.transparentGreyButton{
  background: linear-gradient(90deg, rgba(106,102,102,0.4) 0%, rgba(50,49,49,0.4) 89%, rgba(41,41,43,0.4) 100%);
  color:var(--whiteColor);
  border: var(--defaultBorderLineSize) solid var(--whiteColor);
}

.transparentGreyButton:hover{
  background: none;
  border: var(--defaultBorderLineSize) solid var(--whiteColor);
  background-color:var(--hoverGreenColor);
  color:var(--whiteColor);
}

.transparentGreyButton:focus{
  background: none;
  background-color: var(--defaultGreenColor);
  border: var(--defaultBorderLineSize) solid var(--defaultGreenColor);
}

/* ----------------------------------------------------------------*/

.active-button{
  background: none;
  background-color:var(--defaultGreenColor);
  border: var(--defaultBorderLineSize) solid var(--defaultGreenColor);
}

.active-button:hover{
}

.buttonDisable, .buttonDisable:hover{
  background-color: grey;
  border: var(--defaultBorderLineSize) solid grey;
}

.buttonDisable, .buttonDisable:hover{
  background-color: grey;
  border: var(--defaultBorderLineSize) solid grey;
}

.cursorPointer{
 cursor:pointer;
}

.cursorAuto{
 cursor:auto;
}

.cursorWait{
 cursor:wait;
}


/* ----------------------------------------------------------------*/

.news-allNews-button-wrapper{
  display:flex;
  justify-content:center;
  align-items: center;
  margin:var(--50px) 0 0 0;
}


.showFullContent-button-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}

.filter-button-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}


.news-allNews-button, .showFullContent-button, .backToMainPage-button{ /* white buttons sizes*/
  padding: var(--15px) var(--70px);
  font-size: var(--16px);
  font-family:Ubuntu-Regular!important;
}

.backToPreviousPage-button{
  padding: var(--15px) var(--60px);
  font-size: var(--16px);
  font-family:Ubuntu-Regular!important;
}

.filter-button{ /* white buttons sizes*/
  padding: var(--10px);
  font-size: var(--16px);
}

/* ----------------------------------------------------------------*/

.darkGreenHover:hover{
  background-color:#001402;
  border: 1px solid #001402;
  color:var(--whiteColor);
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.header-wrapper{
  display:block;
  position: fixed;
  top:0;
  width:100%;
  background-color:var(--darkGreenColor);
  z-index:1000;
}

.header-transparent{
  background: linear-gradient(135deg, rgba(1,19,3,0.9), rgba(1,19,3,0.9));
  backdrop-filter:blur(5px);
  transition: background-color 0.5s ease-out;
}


.header{
  display:flex;
  min-height:var(--headerHeight);
/*  padding:var(--10px) 0; */
  opacity:1;
  visibility: visible;
}

.header, .headerSearch{
  transition: all 0.3s;
}

.header-desktop{
  display:flex;
  justify-content:space-between; /* горизонтальное выравнивание внутренних элементов гибкого контейнера:по центру */
  align-items: center; /* вертикальное выравнивание внутренних элементов гибкого контейнера:по центру */
  flex-direction: row;
  flex-wrap:wrap; /* следующие элементы которым не хватает ширины родительского блока(этого) перенесутся на следующую строку */
  width:100%;
}

.header-mobile{
  display:none;
  justify-content:space-between; /* горизонтальное выравнивание внутренних элементов гибкого контейнера:по центру */
  align-items: center; /* вертикальное выравнивание внутренних элементов гибкого контейнера:по центру */
  flex-direction: row;
  flex-wrap:wrap; /* следующие элементы которым не хватает ширины родительского блока(этого) перенесутся на следующую строку */
  width:100%;
  padding:0 5px;
  margin:0 auto;
}



.companyLogo-wrapper{
  display:flex;
  justify-content:center;
  align-items: center;
  cursor:pointer;
  text-decoration:none;
  padding:var(--10px) 0;
}


.companyLogo{
  width:30px;
}

.companyLogo-text{
  display:block;
  margin:0 0 0 var(--15px);
  font-family:Ubuntu-Medium;
  font-size:var(--16px);
  color:var(--whiteColor);
}

.header-nav-wrapper{
  display:flex;
  justify-content:start-flex;
  align-items: center;
  flex-wrap:wrap; /* следующие элементы которым не хватает ширины родительского блока(этого) перенесутся на следующую строку */
/*  background-color:yellow; */
/*  margin:0 50px; */
  margin-right:50px;
  padding:var(--10px) 0;
}


.header-nav-link-wrapper{
  display:flex; /* block */
  margin:0 var(--11px);
  padding:var(--10px) 0;
  cursor:pointer;
/*  background-color:blue; */
}

.header-nav-link-wrapper:first-child{
/*  margin-left:0px; */
}

.header-nav-link-wrapper:last-child{
/*  margin-right:0px; */
}

.header-nav-link{
  display:block; /* inline-block*/
  text-decoration:none;  /* убрать нижнее подчеркивание на ссылках */
  cursor:pointer;
  color:var(--whiteColor);
  font-family:Ubuntu-Regular;
  font-size:var(--16px);
}

.header-nav-link-mobile{
  display:block; /* inline-block*/
  text-decoration:none;  /* убрать нижнее подчеркивание на ссылках */
  cursor:pointer;
  color:var(--whiteColor);
  font-family:Ubuntu-Regular;
  font-size:var(--18px);
}


.header-nav-link-triangle{
  margin-left:var(--5px);
  padding-top:var(--3px);
  width:var(--12px);
}


.header-nav-link-a:hover{
  text-decoration:underline;
}

.header-nav-link-addList-wrapper{
  display:none;
  position:absolute;
  padding-top:var(--20px);
  top:60%;
}

.header-nav-link-addList{
  display:block;
  background-color:var(--darkGreyColor);
  color:var(--whiteColor);
  list-style:none;
  border-radius:var(--defaultBorderRadius);
  outline: 1px solid #3e3e3e;
}

.header-nav-link-wrapper:hover .header-nav-link-addList-wrapper{
  display: block;
}

.header-nav-link-addList-element{
  display:block;
  cursor:pointer;
  font-family:Ubuntu-Regular;
  font-size:var(--14px);
  padding:var(--15px) var(--23px);
  margin:1px 0;
}


.header-nav-link-addList-element:hover{
  color:var(--defaultGreenColor);
}

.header-nav-link-addList-element:after{
  content:"";
  position:relative;
  top:var(--16px);
  display:block;
  background-color:#3e3e3e;
  width:100%;
  height:1px;
  cursor: auto;
}

.header-nav-link-addList li:first-child, .header-nav-link-addList li:last-child{
  margin:0px;
}

.header-nav-link-addList li:first-child{
  padding-top:var(--20px);
}



.header-nav-link-addList li:last-child{

  padding-bottom:var(--20px);
}

.header-nav-link-addList li:last-child:after{
  height:0px;
}

.header-nav-link-addList li a, .header-nav-link-addList li a:active, .header-nav-link-addList li a:visited{
  color:var(--whiteColor);
  text-decoration: none;
}

.header-nav-link-addList li a:hover{
  color:var(--defaultGreenColor);
}



.header-usersSegment{
  display:flex;
  justify-content:center;
  align-items: center;
/*  background-color:grey; */
  padding:var(--10px) 0;
}

.header-usersSegment-search-button{
  border-radius:50%;
  background:none;
}

.header-closeMobileNav-button{
  display:none;
}

.headerDefault-personalAccount-button, .headerSearch-searchInfo-button, .headerSearch-closeBlock-button{
  padding:var(--12px) var(--30px);
  font-family-Ubuntu-Medium;
  font-size:var(--13px); 
}

.headerDefault-personalAccount-button{
  margin-left:var(--15px);
  font-size:var(--16px); 
}

/*---------------------------------------------------------------------------------------------------------------*/


.headerSearch{
  display:none;
  opacity:0;
  visibility: hidden;
  justify-content:center; /* горизонтальное выравнивание внутренних элементов гибкого контейнера:по центру */
  align-items: center; /* вертикальное выравнивание внутренних элементов гибкого контейнера:по центру */
  flex-direction: row;
  flex-wrap:wrap; /* следующие элементы которым не хватает ширины родительского блока(этого) перенесутся на следующую строку */
  min-height:var(--headerHeight);
/*  background-color:grey; */
}





.headerSearch-input-wrapper{
  position:relative;
  display:flex;
  margin:var(--10px) var(--10px) var(--10px) 0;
/*  background-color:orange; */
  width:var(--700px);
}

.headerSearch-input{
  display:block;
  background:none;
  border: var(--defaultBorderLineSize) solid var(--whiteColor);
  border-radius:var(--defaultBorderRadius);
  font-family:Ubuntu-Regular;
  font-size:var(--16px);
  padding:var(--11px);
  width:100%;
  color:var(--whiteColor);
}

.headerSearch-input::placeholder{
  color:#b3b3b3;
}




.headerSearch-input-clear-button{
  position:absolute;
  display:flex;
  justify-content:center; /* горизонтальное выравнивание внутренних элементов гибкого контейнера:по центру */
  align-items: center; /* вертикальное выравнивание внутренних элементов гибкого контейнера:по центру */
  background:none;
  top:25%;
  right:var(--10px);
  width:var(--20px);
  height:var(--20px);
}

.headerSearch-input-clear-button img{
  width:100%;
  cursor:pointer;
}

.header-usersSegment-search-button img:active, .headerSearch-input-clear-button img:active{
  -webkit-filter: invert(.60); /* safari 6.0 - 9.0 */
          filter: invert(.60);
}



.headerSearch-input:focus{
  outline:none;
}

.headerSearch-buttons-wrapper{
  display:flex;
  margin:var(--10px) 0;
}

.headerSearch-searchInfo-button, .headerSearch-closeBlock-button{
/*  margin:var(--10px) 0 var(--10px) var(--20px); */

 margin:0 var(--10px); 
}

/*---------------------------------------------------------------------------------------------------------------*/

.header-static{
  display:block;
  min-height:var(--headerHeight);
  width:100%;
}

/*---------------------------------------------------------------------------------------------------------------*/

.mobileNav-wrapper{
  display:none;
  width:100%;
  height:100vh;
  background-color:#011303;
  z-index:999;
  position:fixed;
}

/*---------------------------------------------------------------------------------------------------------------*/



.main-wrapper {
    flex-grow: 1;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.main-siteNavigation-wrapper{
  display:block;
  padding:var(--20px) 0 var(--32px) 0;
}

.main-header-wrapper{
  display:block;
/*  margin-top:10px; */
  text-align:center;
  width:100%;
  margin:0 auto;
}

.main-header-wrapper h1{
  color:var(--defaultGreenColor);
  font-size:var(--42px);
  line-height:1.4;
  font-family: Ubuntu-Regular;
}

.main-content-wrapper{
  display:block;
  width:100%;
  margin:var(--25px) 0 0 0;
}

.dynamicHeightBlock{
  height:600px;
  overflow:hidden;
}

.pdfFile-wrapper{
  display:flex;
  justify-content:flex-start;
  align-items:center;
/*  background-color:orange; */
}

.copyButton-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
}

.copyButton-notification{
  display:none;
  opacity: 0;
  visibility:hidden;
  transition: all 0.5s ease-out;
}

.newsItem-wrapper{
  display:block;
  width:100%;
  margin-top:20px;
  font-size:18px;
  font-family:Ubuntu-Light;
  line-height: 1.4;
  text-align: left;
  color:var(--blackColor);
  text-decoration:none;
}



.mainOffice-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap: wrap;
  width:100%;
/*  padding:0 40px; */
}

.mainOfficeInfo-wrapper{
  dipslay:block;
  max-width:485px;
/*  margin-left:40px; */
  margin-right:40px;
}


.mainOfficeMap-wrapper{
 display:block;
 width: 600px;
 height: 450px;
 margin-left:40px;
 margin-right:40px;
}


.mainOfficeMap-wrapper iframe{
 outline:none;
 border:none;
}

.mainOfficeMap-wrapper iframe::active{
 outline:none;
 border:none;
}



.feedbackForm-wrapper{
  width:90%;
}

.feedbackForm{
  margin-top:30px;
  width:60%;
}


.feedbackForm-title{
  display:block;
  width:100%;
  margin-top:var(--15px);
  font-size:var(--18px);
  font-family:Ubuntu-Light;
  text-align:center;
}


.form-wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin:0 auto;
  padding:30px 30px 50px 30px;
}

.form-wrapper:hover{
  box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.04);
}

.form-input{
  display:block;
  outline:1.5px solid var(--greyColorLines);
  border-radius:0.5px;
  background-color:var(--greyColorInput);
  padding:var(--15px);
}


.form-input::placeholder{
  color:var(--blackColor);
}

.form-input:focus{
  background-color:var(--whiteColor);
  outline:2px solid var(--defaultGreenColor);
}


.form-input:hover{
  background-color:var(--whiteColor);
  color:var(--blackColor);
}

.inputError{
  outline:2px solid red;
  background-color:var(--whiteColor);
}

.inputError:focus{
  background-color:var(--whiteColor);
  outline:2px solid red;
}


.inputError::placeholder{
  color:red;
}

.inputDisable{
  outline:1.5px solid var(--greyColorLines);
  background-color:#f3f3f3;
}

.inputDisable::placeholder{
  color:var(--greyColorText);
}

.inputDisable:hover, .inputDisable:focus, .inputDisable:active{
  outline:1.5px solid var(--greyColorLines);
  background-color:#f3f3f3;
}

.feedbackForm-hints{
  dipslay:block;
  cursor:auto;
}

.feedbackForm-selectedFiles{
  display:none;
  flex-wrap: wrap;
  width:100%;
}

.fileBlock{
  display:flex;
  font-family:Ubuntu-Light;
  font-size:var(--16px);
  color:var(--greyColorText);
  padding-right: var(--10px);
  padding-top: var(--7px);
  padding-bottom: var(--7px);
  cursor:auto;

}


.adminAuthForm-checkbox{
  display:none;
}


.adminAuthForm-checkbox + label{
  position:relative;
  cursor:pointer;
  display:inline-block;
  padding-left: var(--30px);
  line-height: var(--20px);
}


.adminAuthForm-checkbox + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url('/assets/images/icons/icon-checkboxUnselected.svg') no-repeat center center / contain;
}

.adminAuthForm-checkbox:checked + label::before {
    background-image: url('/assets/images/icons/icon-checkboxSelected.svg');
}





.searchForm-wrapper{
  position:relative;
  display:block;
  margin:40px auto 0 auto;
  width:80%;
  height:55px;
}

.searchContent-wrapper{
  width:100%;
  margin-top:50px;
}

.searchButton{
  position:absolute;
  top:15px;
  height:25px;
}

.searchButtonCross{
  right:45px;
}

.searchButtonLoupe{
  right:15px;
}


.staticShadow{
/*  box-shadow: 8px 8px 15px 0px #b8b8b8; */
/*  box-shadow: 6px 6px 20px 10px #e0e0e0; */
  box-shadow: 6px 6px 4.5px 0px #e0e0e0;
}


/*---------------------------------------------------------------------------------------------------------------*/

.footer{
  display:block;
  width:100%;
}


.usefulLinks-wrapper{
  display:block;
/*  padding:var(--70px) 0 var(--90px) 0; */
}


.usefulLinks-showcase-wrapper{
  display:flex;
  justify-content:center;
  align-items: flex-start;
  flex-wrap:wrap; /* следующие элементы которым не хватает ширины родительского блока(этого) перенесутся на следующую строку */	
}

.usefulLinks-showcase{
  display:block;
  max-width:var(--290px);
/*  max-width:305px; */
  text-align:center;
}


.usefulLinks-showcase-text-wrapper{
  display:block;
  width:100%;
  margin:var(--20px) 0 var(--20px) 0;
}

.usefulLinks-showcase-text{
  display:inline-block;
  width:100%;
  line-height: 1.4;
  text-align: justify;
  color:var(--blackColor);
  text-decoration:none;
  font-size:var(--20px);
  font-family:Ubuntu-Light;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:var(--4px);
  text-decoration-thickness: 1px; /* Толщина линии */
  text-align:center;
}

/* */

.pratInfo-wrapper{
  display:block;
  background-color:var(--darkGreenColor);
  padding: var(--20px) 0 var(--20px) 0;
}

.pratInfo-nav-wrapper{
  display:flex;
  justify-content:flex-start;
  align-items: center;
  flex-wrap:wrap; /* следующие элементы которым не хватает ширины родительского блока(этого) перенесутся на следующую строку */	

/*  padding:var(--30px) var(--15px); */
  padding:0 var(--15px) var(--30px) var(--15px);
  font-family:Ubuntu-Medium;
  font-size:var(--18px);
}


.pratInfo-nav{
  display:block;
  color:#fff;
  text-decoration:none;
  margin:var(--30px) var(--30px) 0 0;
}


.pratInfo-nav:hover{
  color:#4caf50;
}


.pratInfo-data-wrapper{
  display:block;
}


.pratInfo-data-wrapper:before, .pratInfo-data-wrapper:after{
  content:"";
  display:block;
  background-color:#fff;
  width: 100%;
  max-width:100%;
  height:1.5px;
}


.pratInfo-data{
  display:flex;
  justify-content:space-between; /* горизонтальное выравнивание внутренних элементов гибкого контейнера:по центру */
  align-items: flex-start; /* вертикальное выравнивание внутренних элементов гибкого контейнера:по центру */
  flex-wrap:wrap; /* следующие элементы которым не хватает ширины родительского блока(этого) перенесутся на следующую строку */	
/*  padding:var(--40px) var(--15px); */
  padding:0 var(--15px) var(--40px) var(--15px);
/*  background-color:orange; */
}

.pratInfo-data-contacts, .pratInfo-data-callCenter{
  display:block;
  margin-right:70px;
}


.pratInfo-data-mediaLinks-wrapper{
  display:flex;
  justify-content: space-between;
  width:auto;
}



.pratInfo-data-mediaLinks{
  display:block;
/*  background-color:green; */
}

.pratInfo-socialNetworks, .pratInfo-mobileApps{
  display:flex;
  justify-content:flex-start;
  align-items:center;
}

.pratInfo-socialNetworks-image{
  margin:0 var(--4px);
  width:var(--38px);
  height:var(--38px);
}


.pratInfo-mobileApps-image{
  margin:0 var(--7px);
  width:var(--46px);
  height:var(--46px);
}

.hoverIncrease90:hover{
  width:90%;
  height:90%;
}

.pratInfo-socialNetworks-image:first-child, .pratInfo-mobileApps-image:first-child{
  margin-left:var(--5px);
}


.pratInfo-mobileApps-image img{
  border-radius:var(--10px);
  outline:var(--2px) solid var(--whiteColor);
}

.upButton{
  margin-top:230px;
}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 0) and (max-width: 1310px) { /* (если страницу открыли на устройстве с дисплеем, ширина которого находиться в диапазоне от 769px до 1024px, то должны выполниться указанные правила) */
 .pratInfo-data-mediaLinks-wrapper{
/*   background-color:orange; */
   width:100%;
 }


 .upButton{
   margin-top:172px;
 }

}

@media (min-width: 1311px) { /* (если страницу открыли на устройстве с дисплеем, ширина которого находиться в диапазоне от 769px до 1024px, то должны выполниться указанные правила) */
 .pratInfo-data-mediaLinks-wrapper{
/*   background-color:yellow; */
   width:auto;
 }
}

/*------------------------------------------------------------------------------------------------------------*/



.pratInfo-end{
  text-align:center;
  font-family:Ubuntu-Light;
  font-size:var(--16px);
  color:var(--whiteColor);
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mobileList-wrapper{
  display:none;
}

.mobileListElement{
  margin:15px;
}

.mobileListElement:first-child{
  margin-top:5px;
}

.mobileListElement:last-child{
  margin-bottom:5px;
}



.m5px{
  margin:5px;
}

.mCenter{
  margin:0 auto;
}

.mt5{
  margin-top:5%;
}

.mt0{
  margin-top: 0;
}

.mt230px{
  margin-top: var(--230px);
}

.mt220px{
  margin-top: var(--220px);
}

.mt200px{
  margin-top: var(--200px);
}

.mt185px{
  margin-top: var(--185px);
}

.mt160px{
  margin-top: var(--160px);
}


.mt140px{
  margin-top: var(--140px);
}

.mt110px{
  margin-top: var(--110px);
}


.mt100px{
  margin-top: var(--100px);
}

.mt80px{
  margin-top: var(--80px);
}

.mt65px{
  margin-top: var(--65px);
}

.mt60px{
  margin-top: var(--60px);
}

.mt50px{
  margin-top: var(--50px);
}

.mt45px{
  margin-top: var(--45px);
}


.mt40px{
  margin-top: var(--40px);
}

.mt35px{
  margin-top: var(--35px);
}

.mt32px{
  margin-top: var(--32px);
}

.mt30px{
  margin-top: var(--30px);
}

.mt25px{
  margin-top: var(--25px);
}

.mt20px{
  margin-top: var(--20px);
}

.mt19px{
  margin-top: var(--19px);
}


.mt18px{
  margin-top: var(--18px);
}

.mt16px{
  margin-top: var(--16px);
}

.mt15px{
  margin-top: var(--15px);
}

.mt12px{
  margin-top: var(--12px);
}

.mt10px{
  margin-top: var(--10px);
}

.mt9px{
  margin-top: var(--9px);
}

.mt5px{
  margin-top: var(--5px);
}

.mt2px{
  margin-top: var(--2px);
}


.mb20px{
  margin-bottom: var(--20px);
}

.mb32px{
  margin-bottom: var(--32px);
}

.mb40px{
  margin-bottom: var(--40px);
}

.mb70px{
  margin-bottom: var(--70px);
}

.m25px{
  margin:var(--25px);
}

.m20px{
  margin:var(--20px);
}

.m15px{
  margin:var(--15px);
}

.m10px{
  margin:var(--10px);
}

.m10px{
  margin:var(--10px);
}

.ml50px{
  margin-left:var(--50px);
}


.ml45px{
  margin-left:var(--45px);
}


.ml40px{
  margin-left:var(--40px);
}


.ml30px{
  margin-left:var(--30px);
}

.ml25px{
  margin-left:var(--25px);
}


.ml20px{
  margin-left:var(--20px);
}

.ml15px{
  margin-left:var(--15px);
}


.ml10px{
  margin-left:var(--10px);
}

.ml7px{
  margin-left:var(--7px);
}


.ml5px{
  margin-left:var(--5px);
}

.ml3px{
  margin-left:var(--3px);
}



.ml10px{
  margin-left:var(--10px);
}

.mr50px{
  margin-right:var(--30px);
}

.mr30px{
  margin-right:var(--30px);
}

.mr20px{
  margin-right:var(--20px);
}

.mr15px{
  margin-right:var(--15px);
}


.mr10px{
  margin-right:10px;
}

.mr5px{
  margin-right:5px;
}


.pt12px{
  padding-top:12px!important;
}

.ptb35px{
  padding-top:var(--35px);
  padding-bottom:var(--35px);
}


.ptb30px{
  padding-top:var(--30px);
  padding-bottom:var(--30px);
}

.ptb20px{
  padding-top:var(--20px);
  padding-bottom:var(--20px);
}

.ptb15px{
  padding-top:var(--15px);
  padding-bottom:var(--15px);
}

.plr70px{
  padding-left:var(--70px);
  padding-right:var(--70px);
}

.plr50px{
  padding-left:var(--50px);
  padding-right:var(--50px);
}

.plr40px{
  padding-left:var(--40px);
  padding-right:var(--40px);
}

.plr25px{
  padding-left:var(--25px);
  padding-right:var(--25px);
}


.plr20px{
  padding-left:var(--20px);
  padding-right:var(--20px);
}


.plr15px{
  padding-left:var(--15px);
  padding-right:var(--15px);
}

.pb15px{
  padding-bottom:var(--15px);
}

.pb0px{
  padding-bottom:0!important;
}

.pt0px{
  padding-top:0!important;
}

.pl15px{
  padding-left:var(--15px);
}

.pr20px{
  padding-left:var(--20px);
}


.pr10px{
  padding-left:var(--10px);
}


.p35px{
  padding:var(--35px);
}

.block{
  display:block;
}

.inlineBlock{
  display:inline-block;
}

.flexCC{
  display:flex;
  justify-content:center; 
  align-items:center;
  flex-wrap: wrap;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.greenLine{
  position:absolute;
  display:block;
  content:'';
  top:98%;
/* width:60%; */
/*  left:110px; */
/*  right:0; */
  height:var(--6px);
  border-radius:5px;
  background-color:var(--defaultGreenColor);
  z-index:5;
}

.filter-wrapper{
  display:block;
  width:250px;
  position:relative;
  z-index:15;
}

.filter-tab-wrapper{
  display:flex;
/*  flex-direction: column; */
  justify-content:flex-start; 
  align-items:center;
/*  padding: 27.5px 25px; */
  padding: 0 15px;
}


.filter-tab{
  display:flex;
  cursor:pointer;
}

.filter-tab-header-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}

.filter-tab-button-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}

.filter-tab-button{
}

.filter-tab-button-size{
  width:20px;
  height:20px;
  margin:2px 0 0 7px;
}

.filter-addList-wrapper{
  display:none;
/*  padding:7px 25px 25px 25px; */
  padding:5.5px 20px 20px 20px;
  cursor:auto;
  position:absolute;
  width:100%;

}

.filter-addList{
  list-style:none;
}

.filter-addList-element{
  display:flex;
  justify-content:space-between; 
  align-items:center;  
/*  height:60px; */
  height:50px;
  width:100%;
/*  padding: 5px 0px; */
  cursor:pointer;
}

.filter-addList-element:last-child::after{
  height:0px;
}




/* ################################################################################## */

/*------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 770px) and (max-width: 1920px) { /* (если страницу открыли на устройстве с дисплеем, ширина которого находиться в диапазоне от 770px до 1920px, то должны выполниться указанные правила) */
 .header-desktop{
  display:flex;
 }

 .header-mobile{
  display:none;
 }

}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 769px) { /* (если страницу открыли на устройстве с дисплеем, ширина которого находиться в диапазоне от 0px до 769px, то должны выполниться указанные правила) */

 html{
  font-size: 14px;  /* нужно для rem */ 
 }

 .whiteButton, .whiteButton:hover{
   background-color: var(--whiteColor);
   color: var(--defaultGreenColor);
   border: var(--defaultBorderLineSize) solid var(--defaultGreenColor);
 }


 .greenButton, .greenButton:hover{
   background-color: var(--defaultGreenColor);
   color: var(--whiteColor);
   border: var(--defaultBorderLineSize) solid var(--defaultGreenColor);
 }



 .transparentButton, .transparentButton:hover{
   border: var(--defaultBorderLineSize) solid var(--whiteColor);
   color:var(--whiteColor);  
   background:none;
 }


 .transparentGreyButton, .transparentGreyButton:hover, .transparentGreyButton:focus, .transparentGreyButton:active{ /* banners button */
  background: linear-gradient(90deg, rgba(106,102,102,0.4) 0%, rgba(50,49,49,0.4) 89%, rgba(41,41,43,0.4) 100%);
  border: var(--defaultBorderLineSize) solid var(--whiteColor);
 }

 .active-button, .active-button:hover{
   background: none;
   background-color:var(--defaultGreenColor);
   border: var(--defaultBorderLineSize) solid var(--defaultGreenColor);
 }



 .header-desktop{
  display:none;
 }

 .header-mobile{
  display:flex;
 }

 .headerSearch{
  padding:var(--20px) 0;
 }

 .headerSearch-input-wrapper {
  margin: var(--10px) 0 var(--10px) 0;
 }


 .main-content-wrapper{
   margin-top:10px;
 }


 .main-header-wrapper h1{
  font-size:var(--32px);
 }


 .mainOffice-wrapper{
  flex-wrap: wrap;
 }

 .mainOfficeInfo-wrapper{
  margin-left:0;
  margin-right:0;
 }

 .mainOfficeMap-wrapper{
   margin-top:25px;
   width:100%;
   height:260px;
   margin-left:0;
   margin-right:0;
 }


 .feedbackForm-wrapper{
  width:100%;
 }

 .feedbackForm{
  margin-top:30px;
  width:100%;
 }

 .feedbackForm-title{
  text-align:justify;
 }

 .form-wrapper{
  padding:0 3%;
 }

 .form-wrapper:hover{
  box-shadow: none;
 }

 .filter-tab-wrapper{
  padding: 0 10px;
 }

 .filter-tab-button-size{
   width:15px;
   height:15px;
 }

 .searchForm-wrapper{
   width:95%;
   height:55px;
 }

 .searchContent-wrapper{
   margin-top:25px;
 }


 .searchButton{
   position:absolute;
   top:18px;
   height:20px;
 }




 .usefulLinks-showcase{
   max-width:185px;
 }

 .usefulLinks-showcase-text-wrapper{
   margin:var(--10px) 0 var(--25px) 0;
 }

 .usefulLinks-showcase-text{
   font-size:16px;
   width:80%;
 }


 .pratInfo-nav-wrapper{
   display:flex;
   align-items: flex-start;
   flex-wrap:wrap;	
   flex-direction:column;
   flex-wrap:wrap;	
 }

 .pratInfo-nav{
/*   background-color:red; */
 }


}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ################################################## */