body {
     font-family: 'Istok Web'!important;
    font-style: normal;
    background: rgb(242, 242, 242);
    margin: 0px !important;
}

.wrp1 {
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
}

a:active, a:focus { outline: none; text-decoration: none; }

input, textarea {
    outline:none; 	      
 
     }
input:active, textarea:active {
    outline:none;
}
:focus {outline:none;}
button:active, button:focus {     

  outline: none;
}
         button:active, button:focus {
  outline: none;
}

a {
  text-decoration: none;
}


::-webkit-scrollbar {
    width: 0px; /* ширина для вертикального скролла */
    height: 0px; /* высота для горизонтального скролла */
    background-color: rgba(51, 51, 51, 0.1);     border-radius: 9em;
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
    background-color: #076E31;
    border-radius: 9em;

}

::-webkit-scrollbar-thumb:hover {
    background-color: #076E31;
}
.header-wrapper{
    position: fixed;
    top: 0px;
    width: 402px;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);

    overflow: hidden;
   padding-bottom: 5px;
 
}
.header-wrapper-in{
	 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	 padding-top: 15px;
padding-bottom: 15px;
background: #fff;
}

.wrp {
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
}
@media(max-width:440px){
	.wrp1, .header-wrapper{
		width: 100%;
	}

}
.header-logo {
	display: flex;
	width: 154px;
	height: 36px;


}
.header-logo img {
	width: 100%;
}

 .header {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 }

 .header-burger{
width: 34px;
position: relative;
height: 25px;
cursor: pointer;
 }


.header-burger div {
	height: 4px;
	width: 34px;
	background: #000;
	position: absolute;

}



.header-burger-line1 {
top: 0;
left: 0;
transition: 0.3s;
}
.header-burger-line2 {
top: 10px;
left: 50%;
transform: translateX(-50%);
}
.header-burger-line3 {
top: 21px;
left: 0;
transition: 0.3s;
}

.fifix {
	overflow: hidden;
touch-action: none;
-ms-touch-action: none;
}
 

.burger-open .header-burger-line1 {
transition: 0.3s;
transform: translateY(10px) rotate(45deg);
    background: #fff;
    border-radius: 2px;
background: #fff;
}
.burger-open .header-burger-line2 {
width: 0;
}
.burger-open .header-burger-line3 {
transition: 0.3s;

border-radius: 2px;
    transform: translateY(-10px) rotate(-45deg);
background: #fff;
}


.headzag {
	height: 80px;
}


.body-text {

}
.body-text p, .body-text ul, .body-text ol{
	margin-bottom: 15px;

font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin-top: 0;
/* or 143% */

color: #000000;


} .body-text ul , .body-text ol{
	margin-top: 0;
	padding-left: 20px;
}
 
.body-text p a {

font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* or 143% */
text-decoration: underline;

color: #1E7CFF;

transition: 0.3s;
}
.body-text p a:hover {
	color:#00789E;
	transition: 0.3s;
}
.body-text h2 {
	border-bottom: 5px solid #006585;

font-weight: 700;
font-size: 20px;
line-height: 28px;
/* identical to box height, or 239% */
padding-bottom: 2px;
margin-bottom: 15px;
color: #000000;

margin-top: 30px;

}
.titlebanner {
	position: relative;
	display: flex;
	margin-bottom: 25px;
	margin-left: -20px;
	margin-right: -20px;
}
.titlebanner img {
	width: 100%;
}

body .titlebanner-text {
	margin-top: 0;
	margin-bottom: 0;


font-family: 'Roboto'!important;
font-style: normal;
font-weight: 700;
font-size: 37.3699px;
line-height: 48px;
/* or 128% */
max-width: 212px;
color: #000000;

position: absolute;
top: 7px;
left: 20px;

}
.titlebanner2 {
	margin-left: -12px;
	margin-right: -12px;
	display: flex;
	margin-bottom: 4px;
}
.titlebanner2 img {
	width: 100%;
}
.titlebanner2-text {
	gap: 0px;
	display: flex;
	justify-content: center;

font-style: italic;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */

color: #000000;
margin-bottom: 37px;

}


 .titlebanner2-text span {
 	width: 100%;
 	text-align: center;
 }
.linklist p {
	line-height: 28px;
}

.razdel {
	margin-top: 11px;
	margin-bottom: 38px;/* Line 12 */
width: 100%;

background: rgba(0, 0, 0, 0.4);
height: 1px;
}



.titlebanner3 {
	display: flex;
margin-bottom: 30px;
}
.titlebanner3 img {
	width: 100%;
}
 






p.mb28 {
	margin-bottom: 28px;
}
 
.tgbuttonlink {

font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 29px;
/* identical to box height */

color: #FFFFFF;


background: #2AABEE;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 9px;

max-width: 325px;
height: 67px;
display: flex;
justify-content: center;
align-items: center;
gap: 13px;
margin-left: auto;
margin-right: auto;

background: #2AABEE;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 9px;
margin-top: 30px;
margin-bottom: 42px;

}
.tgbuttonlink:hover {
	background:#00789E;
	transition: 0.3s;
}

p.mb0 {
	margin-bottom: 4px;
}

ul.mb0 {
	margin-bottom: 0;
}


.bannerimage4 {
	display: flex;
	margin-bottom: 24px;
	margin-top: 54px;
}
.bannerimage4 img {
	width: 100%
}
.boxingbanner {
	position: relative;
	width: 258px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	margin-top: 62px;
	margin-bottom: 9px;
}
.boxingbanner img {
	width: 100%;
	position: relative;
	z-index: 2;
}

.boxingbanner-text {
	width: 337px;
	position: absolute;
	top: -63px;
	left: -37px;
}

.rucovoditel {
	display: flex;
	gap: 7px;
	align-items: center;
	margin-top: 18px;
	margin-bottom: 13px;
}
.ructext {
width: 168px;
}
.rucimage {
width: 131px;
display: flex;
}
.rucimage img {
	width: 100%;
	border-radius: 50%;
}




.body-text {
padding-bottom: 108px;
}
.footer-wrapper {
	padding-top: 30px;
	padding-bottom: 42px;
	background: #006585;
}
.menulinki {
display: flex;flex-direction: column;
gap: 18px;
}
.menulinki a {
display: block;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 19px;
/* identical to box height, or 106% */
text-decoration: underline;

color: #FFFFFF;
transition: 0,3s;

}
.menulinki a:hover {
opacity: 0.8;
transition: 0.3s;
}
.footerlogo {
width: 152px;
height: 36px;
display: flex;
}
.footerlogo img {
	width: 100%;
}
.footertext1{
	
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* or 143% */

color: #FFFFFF;

margin-top: 28px;
margin-bottom: 28px;
}
.footertext1 a{
	text-decoration: underline;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* or 143% */

color: #FFFFFF;
transition: 0.3s;

}

.footertext1 a:hover {
opacity: 0.8;
transition: 0.3s;
}


.ofsite a {
display: flex;
flex-direction: column;
gap: 9px;
align-items: flex-end;

font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
/* identical to box height, or 133% */
text-align: right;
text-decoration-line: underline;

color: #FFFFFF;
margin-top: 49px;
margin-bottom: 21px;

}
.ofsite img {
width: 127px;
}
.ofsite a:hover {
	opacity: 0.8;
transition: 0.3s;
}

.copyright {

font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;

color: #FFFFFF;


}




:root {
  --vh: 1vh;
}



.header-menu {
	position: fixed;
	top: -150vh;
	left: 50%;
	transform: translateX(-50%);
	width: 402px;
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 99;
	background: #00789E;

box-sizing: border-box;
  height: 100vh;
  
 

}

.menu-wind-open {
	top: 0;
	opacity: 1;
		transition: opacity 0.3s;
}

.fifix .header-wrapper-in{
	background: inherit;
	box-shadow: none;
}
.header-wind-logo {
	padding-top: 15px;
	display: flex;
	    width: 154px;
    height: 51px;
box-sizing: border-box;
}
.header-wind-logo img {
width: 100%;
}

.fifix .header-logo {
	opacity: 0;
}

.header-wind-text {
	font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* or 143% */

color: #FFFFFF;
margin-top: 9px;
margin-bottom: 27px;

}


.header-wind-text a{
	text-decoration: underline;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* or 143% */

color: #FFFFFF;
transition: 0.3s;
}

.header-wind-text a:hover {
opacity: 0.8;
transition: 0.3s;
}
.kadzis{

font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
/* identical to box height, or 167% */

color: rgba(255, 255, 255, 0.9);
margin-top: 9px;

}
.header-menu-list	 {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.header-menu-list a {
transition: 0.3s;
display: block;
padding: 6px 12px;
box-sizing: border-box;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 19px;
/* identical to box height, or 106% */
text-decoration: underline;

color: #FFFFFF;


}

.header-menu-list a.active {
	/* Rectangle 200 */
transition: 0.3s;

background: #7BBDD2;
text-decoration: none;

}

.header-menu-list-wrp {

}


:root {
  --vh: 1vh;
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
}

.header-menu {
  position: fixed;
 

  /* Основная высота с учетом динамического viewport */
  height: 100dvh;
  height: 100vh;
  max-height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom) + 40px);

  
  /* Важно: padding-bottom для учета нижней челки */
  padding-bottom: env(safe-area-inset-bottom);

  
  /* Для контента внутри */
  box-sizing: border-box;
  overflow-y: auto;
}

.header-menu-list-wrp {

}

 
.tgbuttonlink2 {

font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 29px;
/* identical to box height */

color: #FFFFFF;


background: #2AABEE;

border-radius: 9px;

max-width: 325px;
height: 53px;
display: flex;
justify-content: center;
align-items: center;
gap: 13px;
margin-left: auto;
margin-right: auto;
background:#00789E;

border: 1px solid #fff;
border-radius: 9px;
margin-top: 30px;
margin-bottom: 42px;

}
.tgbuttonlink2:hover {
	background: #2AABEE;
	transition: 0.3s;
}



@media (max-width: 440px) {
    .header-menu {
        width: 100%;
    }
    .body-text {
    	overflow: hidden;
    }
}