body
{
position: absolute;
width: 100%;
height: 3039px;
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;
}
.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;
}
.Inst
{
    margin-top:65px;
width: 80px;
height: 80px;
flex: none;
order: 1;
flex-grow: 0;
}
.YT
{
    margin-top:84px;
    margin-left:-50px;
width: 106px;
height: 106px;
flex: none;
order: 2;
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: 3064px;
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
{
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;
}
.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;
}
.Correction
{
width: 238px;
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;
}
.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;
}
.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;
}
.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: 504px;
}
.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;
}
.ContaT
{
    margin-top:53px;
position: absolute;
width: 304px;
height: 87px;
left: 257px;
top: 198px;
    bottom:2574px;
font-family: 'Pangolin';
font-style: normal;
font-weight: 400;
font-size: 62px;
line-height: 140%;
text-transform: uppercase;
color: #FFFFFF;
    z-index:0;
}
.Nav-Adm
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: absolute;
width: 359px;
height: 620px;
left: 1305px;
top: 702px;
}
.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;
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;
background:#FFFFFF;
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: #0099FF;
border-radius: 14px;
flex: none;
order: 2;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.Nav-Mark
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 245px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
background: #FFFFFF;
border-radius: 14px;
flex: none;
order: 3;
flex-grow: 0;
    box-sizing: border-box;
    text-decoration: none;
}
.Nav-ProfS
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 214px 16px 30px;
gap: 10px;
width: 359px;
height: 57px;
background: #FFFFFF;
border-radius: 14px;
flex: none;
order: 4;
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: #0099FF;
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;
    margin-top:-20px;
}
.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: #FFFFFF;


/* Inside auto layout */
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;
}
.TMark
{
    /* Отзывы */
 text-decoration: none;
width: 84px;
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;

}
.TProf
{
   /* Профсоюз */
 text-decoration: none;
width: 115px;
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;
 
}
.txt1234
{
position: absolute;
font-size: 18px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 1px;
width: 929px;
height: 333px;
margin-top: 450px;
margin-left: 249px;

flex: none;
order: 1;
flex-grow: 0;
}
img{
    width: 30%;
}
.pps
{
    margin-left: 250px;
}
.pp1
{
    width: 26.05%;
    margin-top: 1100px;
    position: absolute;
}
.pp2
{
    width: 25%;
    position: absolute;
    margin-top: 1100px;
    margin-left: 500px;
}
.pp3
{
    width: 25%;
    margin-left: 500px;
    margin-top: 1436px;
    position: absolute;
}
.pp4
{
    width: 26.05%;
    position: absolute;
    margin-top: 1852px;
}
.pp5
{
    position: absolute;
    margin-top: 1476px;
    width: 26.05%;
}
.pp6
{
    width: 25%;
    position: absolute;
    margin-top: 1920px;
    margin-left: 500px;
}
.pp7
{
    width: 51.3%;
    margin-top: 2180px;
    position: absolute;
}
@media(max-width:1080px)
{
    .top
    {
        width:170%;
    }
    .under
    {
        width:146.2%;
    }
    .background
    {
        width:170%;
    }
    .under-bar
    {
        width:170%;
    }
    .pp1 {
  width: 26.05%;
  margin-top: 1100px;
  position: absolute;
  right: 486px;
}
   .pp2 {
  width: 25%;
  position: absolute;
  margin-top: 1100px;
  margin-left: 356px;
} 
    .pp3 {
  width: 25%;
  margin-left: 356px;
  margin-top: 1299px;
  position: absolute;
}
    .pp5 {
  position: absolute;
  margin-top: 1322px;
  width: 26.05%;
  margin-left: 63px;
}
    .pp4 {
  width: 26.05%;
  position: absolute;
  margin-top: 1543px;
  margin-left: 63px;
}
    .pp6 {
  width: 25%;
  position: absolute;
  margin-top: 1581px;
  margin-left: 356px;
}
    .pp7 {
  width: 52%;
  margin-top: 1736px;
  position: absolute;
  margin-left: 64px;
}
}