@font-face {
   font-family: Segoe UI;
   src: url(../fonts/segoeuil.ttf);
}

@font-face {
   font-family: Arial;
   src: url(../fonts/arial.ttf);
}

body {
   font-size: 1em;
   font-family: Arial, sans-serif;
   font-style: normal;
   line-height: 20px;
   font-weight: 400;
   color: #000;
   align-items: center;
   text-align: center;
   min-width: 320px;

   background-repeat: repeat-x;
   background-position: top;
   width: auto;


   a,
   a:link {
      color: #6E7C87;
      text-decoration: none;
      background-color: transparent;
      cursor: auto;
   }

   a:hover {
      color: rgba(110, 124, 135, 0.5);
      cursor: pointer;
   }

   h1 {
      font-family: Segoe UI;
      font-size: 2.1em;
      padding-top: 16px;
      padding-bottom: 32px;
      font-weight: 300;
      text-transform: uppercase;
      color: #97bf11;
   }


   h2,
   h3,
   h4 {
      font-family: Segoe UI;
      font-style: normal;
      font-weight: 700;
      color: #97bf11;
   }

   .footer h3,
   h2,
   p,
   h4 {
      text-align: left;
   }

   .footer h3,
   h4 {
      padding-top: 12px;
   }

   .footer p {
      padding-bottom: 16px;
      padding-top: 16px;
   }

   .sp h3 {
      padding-top: 110px;
   }

   h2 {
      font-size: 1.5em;
      padding-bottom: 10px;
      padding-top: 15px;
   }

   h3 {
      font-size: 1.2em;
   }

   h4 {
      font-size: 1.1em;
   }

   .centr p {
      text-align: center;
   }

   .gradient {
      background: linear-gradient(180deg, #E8E5D9 81.82%, rgba(207, 217, 222, 0.94) 93.8%, #F4F7FC 100%);
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
      height: 64px;
      vertical-align: middle;
      border-radius: 10px;
      margin-top: 16px;
      margin-bottom: -32px;
   }

   .gradient li {
      padding-top: 16px;
   }

   @media (min-width: 1140px) {
      .left {
         text-align: left;
      }

      .right {
         text-align: right;
      }
   }

   .shadow_s {
      height: 20px;
      margin-top: 32px;
      background: radial-gradient(50% 100% at 50% 0%, rgba(0, 0, 0, 0.5) 16.15%, rgb(168 190 253 / 0%) 93.23%);
   }

   .shadow_s1 {
      height: 24px;
      padding-left: 15%;
      padding-right: 15%;
      background: radial-gradient(50% 100% at 50% 0%, rgba(0, 0, 0, 0.5) 16.15%, rgb(168 190 253 / 0%) 93.23%);
   }

   .container {
      background: #fff;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.45);
      padding-top: 16px;
      padding-bottom: 16px;
   }

   @media (min-width: 1140px) {
      .container {
         padding-left: 85px;
         padding-right: 85px;
         border-radius: 10px;
      }
   }


   .v-midle p,
   h1 {
      vertical-align: middle;
   }

   .row {
      margin: 32px 0;
   }

   .col {
      margin: 10px 0;
   }

   .navbar-light .navbar-nav .nav-link {
      font-family: Segoe UI;
      font-size: 1.0em;
      height: 30px;
      vertical-align: middle;
      color: #97bf11;
      padding-right: 1.0rem;
      padding-left: 1.0rem;

      font-style: normal;

      font-weight: 700;
      text-transform: uppercase;
   }


   .top-menu li a::after {
      content: '';
      display: block;
      width: 100%;
      color: #6E7C87;
      height: 1px;
      transition: all .3s;
      transform: scale(0);
   }

   .top-menu li a:hover::after {
      transform: scale();
   }

   .wrapper {
      max-width: 1110px;
      width: 100%;
      margin: 0 auto;
   }

   header.top_header .wrapper {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 96px;
      max-width: 1110px;
      width: 100%;
      background: #2948A0;
      padding: 16px 85px;
   }

   header.top_header .wrapper nav ul {
      display: flex;
   }

   header.top_header .wrapper nav ul li {
      margin-left: 16px;
      margin-right: 16px;
   }

   header.top_header .wrapper nav ul li a {
      color: inherit;
   }

   .nav a:hover {
      opacity: .5;
      transition: .2s;
      cursor: pointer;
   }


   .copyright {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 100%;
      left: calc(50% - 100%/2);
      bottom: -3%;
      opacity: .5;
      color: #000;
      text-transform: uppercase;
      font-size: 14px;
   }

   .c1 {
      text-align: right;
   }

   .c3 {
      text-align: left;
   }

   .c2 {
      margin: 4px 10px;
      padding-top: 10px;
   }

   .table>:not(caption)>*>* {
      text-align: left;
   }

   .carousel-indicators [data-bs-target] {
      width: 190px;
      height: auto;

   }

   .table {

      --bs-table-striped-bg: #0df0681c;
   }


   .v-midle p,
   h1 {
      vertical-align: middle;
   }

   .left p {
      text-align: left;
   }

   .right p {
      text-align: right;
   }

   .res {
      width: 100%;
      height: 50px;
   }


   .container-fluid {
      padding-right: 0;
      padding-left: 0;
   }

   /*мобильный вид правки*/
   @media (max-width: 768px) {
      .Ellipse {
         height: 330px;
         width: 330px;
         margin: auto;
         border-radius: 50%;
         background: #FFF;
         border: #FFF solid 2px;
        margin-bottom: 30px;
         box-sizing: border-box;
         box-shadow: 0 4px 30px rgb(0, 0, 0, 0.55) inset;
         text-align: center;
         overflow: hidden;
           }

.ill
{margin-top: 55px;}

.centr { text-align: center;}

.centr p{margin-top: 30px;}

.pad p {margin-top: 30px;}

      .Ellipse img {
         margin: -10px 0 0 -20px;
      }

      .Ellipse1 {
         width: 330px;
         height: 330px;
         margin: auto;

      }
   }


   .carousel-control-next-icon,
   .carousel-control-prev-icon {
      width: 5rem;
      height: 5rem;

   }


   .fancybox__backdrop {
      background: rgb(164 164 164 / 81%)
   }

.pad p{padding-top: 8px;}