body
{
position: absolute;
width: 100%;
height: 4632px;
background: #FFFFFF;
    margin: 0; 
    padding: 0;
}
.topbar
{
    z-index:10;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: absolute;
width: 1920px;
height: 145px;
left:0px;
top: 307px; 
}
.top
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 18px 0;
gap: 137px;
    width:100%;
max-width: 1919px;
height: 60px;
background: #0099FF;
flex: none;
order: 0;
flex-grow: 0;
}
.tloc
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 4px;
width: 313px;
height: 24px
flex: none;
order: 0;
flex-grow: 0;
}
.KK
{
    width: 105px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 5;
flex-grow: 0;
text-decoration: none; 
    margin-top:50px;
}
.li
{
width: 24px;
height: 24px;
flex: none;
order: 0;
flex-grow: 0;
}
.locimg
{
width: 12.6px;
height: 18px;
flex: none;
order: 0;
flex-grow: 0;
}
.GT
{
width: 285px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
}
.SM
{
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 20px;
width: 265px;
height: 26px;
flex: none;
order: 1;
flex-grow: 0;
}
.sm
{
width: 117px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
}
.smR
{
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 12px;
width: 128px;
height: 26px;
flex: none;
order: 1;
flex-grow: 0;
}
.TT
{
width: 20px;
height: 20px;
flex: none;
order: 0;
flex-grow: 0;
}
.Inst
{
width: 20px;
height: 20px;
flex: none;
order: 1;
flex-grow: 0;
}
.YT
{
width: 26px;
height: 26px;
flex: none;
order: 2;
flex-grow: 0;
}
.TG
{
width: 26px;
height: 26px;
flex: none;
order: 3;
flex-grow: 0;
}
.gmail
{
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 8px;
width: 232px;
height: 24px;
flex: none;
order: 2;
flex-grow: 0;
}
.imgMail
{
width: 20px;
height: 16px;
flex: none;
order: 0;
flex-grow: 0;
}
.TMail
{
width: 200px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
}
.phone
{
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 6px;
width: 186px;
height: 24px;
flex: none;
order: 3;
flex-grow: 0;
}
.imgP
{
width: 16.8px;
height: 16.8px;
flex: none;
order: 0;
flex-grow: 0;
}
.PT
{
width: 156px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
}
.under
{
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 0 10px 256px; 
gap: 189px; 
 width: calc(100% - 256px);
height: 85px;
background: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
}
.LT
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 30px;
width: 447px;
height: 65px;
flex: none;
order: 0;
flex-grow: 0;
}
.logoM
{
width: 89px;
height: 65px;
flex: none;
order: 0;
flex-grow: 0;
}
.TL
{
width: 328px;
height: 60px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 11px;
line-height: 140%;
display: flex;
align-items:left;
text-transform: uppercase;
color: #0099FF;
flex: none;
order: 1;
flex-grow: 0;

}
.Tnav
{
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 32px;
width: 771px;
height: 25px;
flex: none;
order: 1;
flex-grow: 0;
}
.nav
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 32px;
width: 771px;
height: 25px;
flex: none;
order: 0;
flex-grow: 0;
}
.AS
{
width: 94px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 0;
flex-grow: 0;
    text-decoration: none;
}
.TC
{
width: 154px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 1;
flex-grow: 0;
text-decoration: none;
 
}
.RF
{
width: 197px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 2;
flex-grow: 0;
text-decoration: none;
}
.News
{
width: 93px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 3;
flex-grow: 0;
    text-decoration: none;
}
.Cont
{
width: 105px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #0099FF;
mix-blend-mode: normal;
flex: none;
order: 4;
flex-grow: 0;
text-decoration: none;
}
.under-bar
{
position: absolute;
width: 100%;
height: 445px;
left: 0px;
top: 4500px;
background:#0099FF;
}
.ubar
{
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 296px;
position: absolute;
left: 13.33%;
right: 13.33%;
top: 15.51%;
bottom: 15.16%;
}
.underlogo
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 30px;
width: 420px;
height: 308.56px;
flex: none;
order: 0;
flex-grow: 0;
}
.menu-nav
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 158px;
height: 276px;
flex: none;
order: 1;
flex-grow: 0;
}
.Tmenu
{
width: 60px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
}
.OMENU
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 158px;
height: 235px;
flex:none;
order: 1;
flex-grow: 0;
}
.Main
{
width: 60px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
      text-decoration: none;
}
.AC
{
width: 70px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
      text-decoration: none;
}
.RC
{
width: 108px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 2;
flex-grow: 0;
      text-decoration: none;
}
.FR
{
width: 139px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 3;
flex-grow: 0;
      text-decoration: none;
}
.BG
{
width: 36px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 4;
flex-grow: 0;
      text-decoration: none;
}
.OG
{
width: 158px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 5;
flex-grow: 0;
      text-decoration: none;
}
.CT
{
width: 72px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 6;
flex-grow: 0;
      text-decoration: none;
}

.menuRB
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 238px;
height: 168px;
flex: none;
order: 2;
flex-grow: 0;
}
.TRB
{
width: 154px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 140%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
}
.navRB
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
width: 238px;
height: 127px;
flex: none;
order: 1;
flex-grow: 0;
}
.Med
{
width: 103px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0; 
    text-decoration: none;
}
.Psycho
{
    text-decoration: none;
width: 203px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
color: #FFFFFF;
flex: none;
order: 1;
flex-grow: 0;
}
.Social
{
width: 154px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 2;
flex-grow: 0;
    text-decoration:none;
}
.Music
{
width: 104px;
height: 19px;
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
text-align: left;
color: #FFFFFF;
flex: none;
order: 3;
flex-grow: 0;
 text-decoration: none;
}
.background
{
   position: absolute; 
    top: 0; 
    left: 0;
    width: 100%; 
    height: 600px; 
    background: url('img/5dd6abc34f1ec0b340bf3fc31de4f249%203.png') no-repeat center center;
    background-size: cover;
    z-index: -2; 
}
.cloud
{
position: absolute;
    width:100%; 
    height: 477.79px; 
    left: 0.04px;
    top: 380.4px; 
    z-index: 0; 
    background: url('img/Union.png') no-repeat center center; 
    background-size: contain;
}
.rectangle43
{
position: absolute;
width: 945.36px;
height: 656.49px;
left: -101px;
top: -211px;
background: #0099FF;
filter: blur(125px);
border-radius: 555px;
    z-index:-2;
}
.rectangle40
{
position: absolute;
width: 945.36px;
height: 656.49px;
left: -112px;
top: -378px;
background: #0099FF;
filter: blur(125px);
border-radius: 555px;
z-index:-1;
}
.rectangle38
{
position: absolute;
width: 945.36px;
height: 656.49px;
left: -337px;
top: -388px;
background: #0099FF;
filter: blur(125px);
border-radius: 555px;
}
.ABOUTUS
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 80px;
position: absolute;
width: 929px;
height: 2611px;
left: 256px;
top: 910px;
}
.aboutUIS
{
width: 929px;
height: 395px;
background: url(image.png);
border-radius: 20px;
flex: none;
order: 0;
flex-grow: 0;
}
.underUIS
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 429px;
height: 254px;
margin-top: -500px;
flex: none;
order: 2;
flex-grow: 0;
}
.U3J
{
  display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 429px;
height: 254px;
    margin-top:-333px;
    margin-left:440px;
flex: none;
order: 3;
flex-grow: 0;  
}
.U4J
{
   display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
    margin-top:-75px;
width: 429px;
height: 254px;
flex: none;
order: 4;
flex-grow: 0; 
}
.U5J
{
   display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
    margin-top:-70px;
width: 869px;
height: 454px;
flex: none;
order: 5;
flex-grow: 0; 
}
.U6J
{
 display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 429px;
height: 254px;
margin-top:-797px;
    margin-left:440px;
flex: none;
order: 6;
flex-grow: 0;   
}
.vid2
{
    width: 25%;
    margin-left: 12px;
    margin-top: 3155px;
    position: absolute;
}
.vid1
{
    width: 20%;
    height: 268px;
    margin-top: 3155px;
    margin-left: 256px;
    position:relative;
   
}

.WII
{
position: absolute;
width: 1408px;
height: 482.1px;
left: 256px;
top: 3800px;
}
.SubsB
{
   /* Frame 20 */
position: absolute; 
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 28px;
gap: 10px;
margin-top:-150px;
    margin-left:92px;
width: 169px;
height: 56px;
/* Основной 3 */
background: #31C020;
border-radius: 6px;
/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
z-index: 4;
 
}
.SubsT
{
width: 113px;
height: 28px;

/* Button */
font-family: 'Pangolin';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
text-decoration:none;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;

}
.IMGTE
{
    z-index: 1;
}
.TextUS
{
    /* Frame 1000004623 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 40px;

width: 929px;
height: 1402px;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}
.AboutCentre
{
position: absolute;
width: 266px;
height: 87px;
left: 256px;
top: 198px;
font-family: 'Pangolin';
font-style: normal;
font-weight: 400;
font-size: 62px;
line-height: 140%;
text-transform: uppercase;
color: #FFFFFF;
}
.NavC
{ white-space: nowrap;
display: flex;
flex-direction:column;
align-items:center;
padding: 0px;
gap: 0px;
position: absolute;
width: 363px;
height: 119px;
left: 257px;
top: 590px;
}
.Nav-Contact
{
white-space: nowrap;
display: flex;
flex-direction:row;
align-items:center;
padding: 0px;
gap: 0px;
width: 363px;
height: 119px;
left: 257px;
top: 504px;
}
.NAV-TEXT
{
    margin:0px;
padding: 0px;
    color:skyblue;
    text-decoration: none;
}
.CallUS
{
    margin 69px 0px 0px 0px;
width: 363px;
height: 50px;
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 42px;
line-height: 120%;
color: #0099FF;
flex: none;
order: 1;
flex-grow: 0;
}
.Nav-Adm
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: absolute;
width: 359px;
height: 620px;
left: 1305px;
top: 890px;
}
.Nav-Us
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 269px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
border-radius: 14px;
flex: none;
order: 0;
    background: #0099FF;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.Nav-Admins
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 153px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
border-radius: 14px;
flex: none;
order: 1;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.Nav-Spec
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 180px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
background: #FFFFFF;
border-radius: 14px;
flex: none;
order: 2;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}


.Nav-Idea
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 209px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
background: #FFFFFF;
border-radius: 14px;
flex: none;
order: 5;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.Nav-OO
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 161px 16px 30px;
gap: 10px;
width: 359px;
height: 82px;
background: #FFFFFF;
border-radius: 14px;
flex: none;
order: 6;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.Nav-ZOZH
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 283px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
background: #FFFFFF;
border-radius: 14px;
flex: none;
order: 7;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}

.TUS
{
width: 60px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
text-transform: uppercase;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
    text-decoration: none;
}
.TADM
{
width: 176px;
height: 25px;
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
text-transform: uppercase;
color: #0099FF;
flex: none;
order: 0;
flex-grow: 0;
     text-decoration: none;
}
.TSPEC
{
    /* Специалисты */
 text-decoration: none;
width: 149px;
height: 25px;

/* 20 жирный */
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-transform: uppercase;

/* Основной 1 */
color: #0099FF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.TIdea
{
   /* идеология */
 text-decoration: none;
width: 120px;
height: 25px;

/* 20 жирный */
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-transform: uppercase;

/* Основной 1 */
color: #0099FF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
 
}
.TOO
{
    /* Общественные объдинения */
 text-decoration: none;
width: 168px;
height: 50px;

/* 20 жирный */
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-transform: uppercase;

/* Основной 1 */
color: #0099FF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.TZ
{
   /* зож */
 text-decoration: none;
width: 46px;
height: 25px;

/* 20 жирный */
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-transform: uppercase;

/* Основной 1 */
color: #0099FF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
 
}
p,ul
{
    font-size:20px;
}
.Nav-AK
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 161px 16px 30px;
gap: 10px;
width: 359px;
height: 82px;
background: #FFFFFF;
border-radius: 14px;
flex: none;
order: 7;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.AntiK
{
    /* Общественные объдинения */
 text-decoration: none;
width: 168px;
height: 50px;

/* 20 жирный */
font-family: 'Nunito';
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 140%;
/* or 25px */
text-transform: uppercase;

/* Основной 1 */
color: #0099FF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
@media(max-width: 1080px)
{
    .top
    {
        width:170%;
    }
    .under
    {
        width:146%;
    }
    .background
    {
        width:170%;
    }
    .under-bar
    {
        width:170%;
    }
}