/*

#D74B4B - красный
#DCDDD8 - темносерый
#475F77 - светлосерый
#354B5E - почти белый

#F5E5FC – светлофиолетовый
#8AE1FC — голубой
#C08497 — кремовый (темный)
#48B8D0 - темносиний

*/

.hide {
  display: none
}

/*
div {border: 1px red solid;}
*/

*, body {font-family: 'Poppins', sans-serif; color: #DCDDD8; }

body {margin: 0}

.bg_grey {background-color: #F5E5FC;}
.bg_black {background-color: #48B8D0;}

p {
font-size: 10px;
font-weight: 900;
}

.ugol {border-radius: 5px;}

.bg1
{background: url(../img_wed/portrait/169_selection.webp);
background-position: center;
background-size: cover;
width: 100%;
background-repeat: no-repeat;}

.bg2
{background: url(../img/169_alphapro_01.webp);
background-position: center;
background-size: cover;
width: 100%;
background-repeat: no-repeat;}

.bg3
{background: url(../img/169_numeros_01.webp);
background-position: center;
background-size: cover;
width: 100%;
background-repeat: no-repeat;}

.bg4
{background: url(../img/169_eisa.webp);
background-position: center;
background-size: cover;
width: 100%;
background-repeat: no-repeat;}

.bg5
{background: url(../img/169_female.webp);
background-position: center;
background-size: cover;
width: 100%;
background-repeat: no-repeat;}

.bg6
{background: url(../img/169_norvex_01.webp);
background-position: center;
background-size: cover;
width: 100%;
background-repeat: no-repeat;}

.bg7
{background: url(../img/169_computerra_01.webp);
background-position: center;
background-size: cover;
width: 100%;
background-repeat: no-repeat;}

.bg8
{background: url(../img/169_ria_03.webp);
background-position: center;
background-size: cover;
width: 100%;
background-repeat: no-repeat;}

.bg9
{background: url(../img/169_greenpeace.webp);
background-position: center;
background-size: cover;
width: 100%;
background-repeat: no-repeat;}

.bg10
{background: url(../img/169_msu_02.webp);
background-position: center;
background-size: cover;
width: 100%;
background-repeat: no-repeat;}

.bg12
{background: url(../img/169_rgo.webp);
background-position: center;
background-size: cover;
width: 100%;
background-repeat: no-repeat;}



.obr {color: #ffffff;
  font-size: calc(1.3rem + .2vw);
  font-weight: 600;
    line-height: 1.2!important;
  }

.univers
{font-size: calc(4.375rem + 1.5vw);
font-weight: 900;
color: #D74B4B;
line-height: .9 !important
}

.h2, h2 {font-size: calc(3.325rem + .9vw)!important;
font-weight: 800!important; color: #354B5E}

.year {padding: 45px}

.logo {color: #ffffff; font-size: calc(5.215rem + .9vw)!important;
font-weight: 700!important;}

.h44 {font-weight: 900!important;}

.h55 {font-size: calc(2.215rem + .7vw)!important;
font-weight: 800!important;}

.section-uslugi img {border: 3px #DCDDD8 solid; border-radius: 50%; transition: 4s}
.section-uslugi img:hover {border: 3px #D74B4B solid; transform: rotate(359deg) scale(1); transition: 4s; }

.top-panel {
   z-index: +1;
    position: sticky;
    top: 0;}


.vysota {height: 480px}

.carousel {width: 100%;}

.carousel-item img {
  max width: 100%;
  height: 350px; /* высота изображения */
  object-fit: cover;
}



.carousel-indicators .active {
      width: 32px;
      height: 4px;
      border: 3px solid #D74B4B;
      margin-top: 10px;
      border: 0;
      background: #D74B4B;
      opacity: 1;
    }

.carousel-indicators [data-bs-target]
  {
    box-sizing: content-box;
    border:2px solid #002d44;
    width: 30px;
    height: 3px;
        padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    border: 0;
    background: #9990;
    opacity: 1;
  }



/*

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}


*/

.input {
  display: inline-block;
  margin: 10px auto;
  border: 2px solid #eee;
  padding: 10px 20px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
}

.textarea {
  display: inline-block;
  margin: 10px auto;
  border: 2px solid #eee;
  padding: 10px 20px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
}

.button
{
    border-radius: 50px;
    color: white;
    background-color: #D74B4B;
    margin: 0em;
    padding: 1px 6px;
    border-width: 0px;
    line-height: inherit;
    border-color: #D74B4B;

  }

.form-control
{
  border-radius: 2px;
  padding: 16px 16px;
}


a {color: #DCDDD8; text-decoration: none;}
a:hover {color: #D74B4B; text-decoration: none;}

i {color: #DCDDD8; text-decoration: none;}
i:hover {color: #D74B4B; text-decoration: none;}

.board-bottom {
border-bottom: 3px solid #D74B4B;
}


.topbutton {
width: 70px;
border: 2px solid #DCDDD8;
background: #354B5E;
text-align: center;
padding: 10px;
position: fixed;
bottom: 50px;
right: 20px;
cursor: pointer;
color: #DCDDD8;
font-family: verdana;
font-size: 12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

/*
@media (min-width: 1200px)
{
    div {border: 1px green solid;}
  }
*/




@media only screen and (min-width: 992px) and (max-width: 1199px)

{  .h2, h2
  {font-size: calc(2.325rem + .9vw)!important;
  font-weight: 800!important;
  color: #354B5E; }

.year {padding: 30px;}

.logo {color: #ffffff; font-size: calc(4.515rem + .9vw)!important;
font-weight: 700!important;}

  .univers {font-size: calc(3.675rem + 1.5vw);
  font-weight: 900;
  color: #D74B4B;}

  /*
  div {border: 1px black solid;};
  */
  }



@media (min-width: 768px) and (max-width: 991px)
{
.h2, h2
  {font-size: calc(2.125rem + .9vw)!important;
  font-weight: 800!important;
  color: #354B5E; }

.year {padding: 22px;}

.logo {color: #ffffff; font-size: calc(3.515rem + .9vw)!important;
font-weight: 700!important;}

.vysota {height: 200px}


.univers {font-size: calc(2.675rem + 1.5vw);
  font-weight: 900;
  color: #D74B4B;}
  /*
    div {border: 1px yellow solid;}
  */
.line-height {line-height: .9 !important}

.line-height2 {line-height: 2.72 !important}

.your-block {background-image: url(../img/169_msu_02_QUADRO.webp)}
}






  @media (min-width: 577px) and (max-width: 767px)
  {
    .h2, h2
      {font-size: calc(2.125rem + .9vw)!important;
      font-weight: 800!important;
      color: #354B5E; }

    .year {padding: 22px;}

    .logo {color: #ffffff; font-size: calc(2.515rem + .9vw)!important;
    font-weight: 700!important;}

    .vysota {height: 480px
    }

    .univers {font-size: calc(1.985rem + 1.5vw);
    font-weight: 900;
    color: #D74B4B;}

    /*
      div {border: 1px green solid;}
    */

    .line-height {line-height: .55 !important}

    .line-height2 {line-height: 1.9 !important}

.your-block {background-image: url(../img/169_msu_02_VERTICAL.webp)}

    }







    @media (min-width: 320px) and (max-width: 578px)
    {
      .h2, h2
        {font-size: calc(1.825rem + .9vw)!important;
        font-weight: 800!important;
        color: #354B5E; }

      .year {padding: 10px;}

      .logo {color: #ffffff; font-size: calc(1.615rem + .9vw)!important;
      font-weight: 700!important;}

      .carousel-item img {
        max width: 100%;
        height: 150px; /* высота изображения */
        object-fit: cover;
      }


      .univers {font-size: calc(1.255rem + 1.5vw);
      font-weight: 900;
      color: #D74B4B;}
      /*
      div {border: 1px white solid;}
      */
      .line-height {line-height: .55 !important}

      .line-height2 {line-height: 1.9 !important}

.your-block {background-image: url(../img/169_msu_02_VERTICAL.webp)}

      }





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

        .h2, h2
          {font-size: calc(1.425rem + .9vw)!important;
          font-weight: 800!important;
          color: #354B5E; }

        .year {padding: 10px;}

        .logo {color: #ffffff; font-size: calc(1.185rem + .9vw)!important;
        font-weight: 700!important;}

        .carousel-item img {
          max width: 100%;
          height: 100px; /* высота изображения */
          object-fit: cover;
        }

        .univers {font-size: calc(0.885rem + 1.5vw);
        font-weight: 900;
        color: #D74B4B;}
        /*
        div {border: 1px green solid;}
              */
        .line-height {line-height: .55 !important}

        .line-height2 {line-height: 1.9 !important}

        .your-block {background-image: url(../img/169_msu_02_VERTICAL.webp);}

        }