@charset "UTF-8";
/*
main-color: #46ffb8;
*/
@font-face {
  font-family: HelveticaRegular;
  src: url(fonts/HelveticaRegular.ttf); }
@font-face {
  font-family: HelveticaThin;
  src: url(fonts/HelveticaThin.ttf); }
@font-face {
  font-family: HelveticaLight;
  src: url(fonts/HelveticaLight.ttf); }
body {
  font-family: 'HelveticaRegular', sans-serif;
  margin: 0; }

p {
  font-size: 200%;
  font-family: 'HelveticaLight', sans-serif; }

table {
  width: 100%;
  margin: 2% auto auto; }

tr td {
  font-family: 'HelveticaRegular', sans-serif;
  border: 1px solid black;
  border-radius: 3px;
  padding: 3%; }

h1 {
  font-family: 'HelveticaThin', sans-serif;
  font-size: 300%;
  font-weight: 500; }

h2 {
  font-family: 'HelveticaThin', sans-serif;
  font-size: 200%;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 1%;
  color: #38daa1; }

h3 {
  font-family: 'HelveticaThin', sans-serif;
  font-size: 150%;
  font-weight: 800; }

#back-top {
  position: fixed;
  bottom: 30px;
  margin-left: 5%; }

#back-top a {
  width: 5%;
  display: block;
  text-align: center;
  font-family: 'HelveticaThin', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #bbb;
  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s; }

#back-top a:hover {
  color: #000; }

/* arrow icon (span tag) */
#back-top a:hover span {
  background-color: #777; }

.main {
  z-index: 1;
  display: flex;
  flex-direction: column; }
  .main .bline {
    border-bottom: 1px solid #79c4ff; }
  .main .page {
    min-height: 100vh;
    border-bottom: 1px solid #79c4ff; }
  .main #fullsize {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: white;
    z-index: 2; }
    .main #fullsize #fullsize_img {
      height: 100%;
      margin: auto;
    cursor: pointer; }
  .main .top {
    height: 100vh;
    background-size: cover;
    -moz-background-size: 100%;
    /* Firefox 3.6+ */
    -webkit-background-size: 100%;
    /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%;
    /* Opera 9.6+ */
    border-bottom: 1px solid #79c4ff; }
    .main .top #header {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: stretch;
      flex-wrap: nowrap;
      height: 15vh;
      min-height: 15vh;
      background: white;
      color: #79c4ff;
      margin: auto;
      border-bottom: 1px solid #79c4ff;
      max-width: 100vw;
      overflow: hidden; }
      .main .top #header .logo {
        width: 60px;
        height: 60px;
        margin: auto 3%; }
      .main .top #header .menu {
        margin: auto;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-around; }
        .main .top #header .menu .header_button {
          color: #79c4ff;
          border: 0;
          margin: auto;
          height: 100%;
          font-family: 'HelveticaLight', sans-serif;
          font-size: 15px;
          background: 0;
          outline: 0;
          align-items: center; }
        .main .top #header .menu .header_button:hover {
          color: red; }
      .main .top #header .info {
        flex-wrap: wrap;
        font-size: 40%;
        margin: auto 5%; }
        .main .top #header .info .consult {
          text-align: center;
          display: flex;
          flex-direction: row; }
          .main .top #header .info .consult .phone_number {
            text-align: center;
            margin-top: auto;
            margin-bottom: auto;
            font-size: 200%; }
    .main .top .home {
      margin: auto 5%;
      color: #79c4ff;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-family: 'HelveticaRegular', sans-serif;
      overflow: hidden; }
      .main .top .home .sub_text_header {
        margin-top: -15%;
        font-family: 'HelveticaThin', sans-serif;
        color: #38daa1 !important; }
      .main .top .home .sub_text_header2 {
        margin-top: -2%;
        font-size: 300%;
        text-align: center;
        font-family: 'HelveticaLight', sans-serif; }
      .main .top .home .sub_text_header3 {
        font-family: 'HelveticaLight', sans-serif;
        margin-top: -2%;
        font-size: 150%;
        color: #38daa1;
        text-align: center; }
  .main .base {
    display: flex;
    flex-direction: column; }
    .main .base .block {
      margin: 10% 10% 10%;
      display: flex;
      flex-direction: column; }
      .main .base .block .icon_and_topic .topic {
        font-family: 'HelveticaThin', sans-serif;
        font-size: 300%;
        color: #79c4ff; }
      .main .base .block .icon_and_topic .topic2 {
        font-family: 'HelveticaThin', sans-serif;
        font-size: 200%;
        color: #38daa1; }
      .main .base .block .pictures {
        margin: 2%;
        border-radius: 20px;
        max-width: 60%;
        max-height: 60%;
         }
      .main .base .block #spectre1 {
        width: 60vw;
        margin: auto; }
      .main .base .block #spectre2 {
        width: 40vw; }
      .main .base .block #spectre3 {
        width: 40vw; }
      .main .base .block #spectre4 {
        height: 244px;
        width: 326px; }
      .main .base .block #spectre5 {
        height: 262px;
        width: 393px; }
      .main .base .block #spectre6 {
        height: 256px;
        width: 232px; }
      .main .base .block #spectre7 {
        height: 262px;
        width: 393px; }
      .main .base .block #spectre8 {
        height: 262px;
        width: 393px; }
      .main .base .block #spectre9 {
        height: 262px;
        width: 393px; }
      .main .base .block #spectre10 {
        height: 30%;
        width: 5vw; }
      .main .base .block #spectre11 {
        height: 30%;
        width: 5vw; }
      .main .base .block #spectre12 {
        height: 30%;
        width: 5vw; }
      .main .base .block #spectre_addon1 {
        height: 30%;
        width: 5vw; }
      .main .base .block #spectre_addon2 {
        height: 30%;
        width: 5vw; }
      /* .main .base .block #sert1 {
        width: 15vw; }
      .main .base .block #sert2 {
        width: 15vw; }
      .main .base .block #sert3 {
        width: 15vw; }
      .main .base .block #sert4 {
        width: 15vw; }
      .main .base .block #sert5 {
        width: 15vw; }
      .main .base .block #sert6 {
        width: 15vw; }
      .main .base .block #sert7 {
        width: 15vw; }
      .main .base .block #sert8 {
        width: 15vw; } */
      .main .base .block #portfolio1 {
        width: 30vw;
        float: left; }
      .main .base .block #portfolio2 {
        width: 60vw;
        height: 60%;
        margin: auto; }
      .main .base .block #portfolio3 {
        height: 100%;
        width: 80vw; }
      .main .base .block #portfolio4 {
        height: 100%;
        width: 100vw; }
      .main .base .block #portfolio5 {
        float: left;
        height: 279px;
        width: 209px;
        margin-top: -2%; }
      .main .base .block #portfolio_addon1 {
        float: right;
        height: 227px;
        width: 340px; }
      .main .base .block #partners1 {
        width: 200vw; }
      .main .base .block #partners2 {
        width: 100vw; }
      .main .base .block #partners3 {
        width: 150vw; }
      .main .base .block #partners4 {
        width: 100vw; }
      .main .base .block #partners5 {
        width: 150vw; }
      .main .base .block #partners6 {
        width: 100vw; }
      .main .base .block #partners7 {
        width: 25vw; }
      .main .base .block #partners8 {
        width: 25vw; }
      .main .base .block #partners9 {
        width: 25vw; }
      .main .base .block #partners10 {
        width: 25vw; }
      .main .base .block .text {
        font-family: 'HelveticaLight', sans-serif;
        line-height: 1.7;
        font-size: 120%;
        text-indent: 4%;
        margin: 1% 0; }
      .main .base .block .picblock {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 5%; }
        .main .base .block .picblock .figure {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          .main .base .block .picblock .figure .pictures {
            margin: auto;
            margin-top: 5%; }
          .main .base .block .picblock .figure .sign {
            text-align: center;
            font-family: 'HelveticaLight', sans-serif;
            font-size: 100%; }
      .main .base .block .roundborder {
        border: 1px black solid;
        border-radius: 25px;
        padding: 10px; }
      .main .base .block .items {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: 30%;
        margin: 20px 0;
      flex-wrap: wrap; }
        .main .base .block .items .items_text {
          margin: 10px 5%; }
  .main .advantages {
    margin-left: -10%;
    margin-right: -10%; }
    .main .advantages .background_advantages {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
      width: 100%;
      height: 50vh; }
      .main .advantages .background_advantages .advantage {
        display: flex;
        margin: auto;
        width: 250px;
        height: 250px;
        min-height: 250px;
        min-width: 250px;
        border-radius: 50%;
        border: 1.5px solid black;
        align-items: center;
        justify-content: center; }
        .main .advantages .background_advantages .advantage .advantage_text {
          margin: 30% auto;
          align-items: center;
          justify-content: center;
          padding: auto;
          text-align: center;
          font-family: 'HelveticaThin', sans-serif;
          color: black;
          font-size: 25px; }
  .main .footer {
    text-align: center;
    margin-bottom: 20px;
    font-family: 'HelveticaThin', sans-serif; }

/*# sourceMappingURL=style.css.map */
.m-0{
  margin: 0;
}


.btn {
  padding: 5px 10px;
  font-size: 16px;
  border-radius: 3px;
  border: solid 1px #C0392B;
  background-color: #E74C3C;
  text-decoration: none;
  color: white;
}

.btn:hover {
  opacity: .9;
}

.btn:active {
  opacity: 1;
}


.download-wr{
  width: 15vw;
  position: relative;
  height: 300px;
    cursor: pointer;
    margin: 10px;
}
.download-wr .pictures{
  width: 100%;
  position: absolute;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;  
  cursor: pointer;
}
.download-button-inner{
  height: 70px;
  position: absolute;
  width: 100%;
  background: rgba(0,0,0, 0.5);
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;

}

.download-button{
color: white;
    font-weight: 700;
}

.button-43 {
  background-image: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
  border-radius: .5rem;
  box-sizing: border-box;
  color: #FFFFFF;
  display: flex;
  font-size: 16px;
  justify-content: center;
  padding: 1rem 1.75rem;
  text-decoration: none;
  width: 100%;
  border: 0;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  margin-top: 40px;
}

.button-43:hover {
  background-image: linear-gradient(-180deg, #1D95C9 0%, #17759C 100%);
}

@media (min-width: 768px) {
  .button-43 {
    padding: 1rem 2rem;
  }
}
.notification {
  position: fixed;
  top: 60px; 
  right: 20px;
  z-index: 1000;
  max-width: 420px;
  width: calc(100% - 40px);
  background: #ffffff; 
  border: 1px solid #e5e7eb; 
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1),
              0 1px 2px rgba(0, 0, 0, 0.06);
  transform: translateX(120%); 
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.3s ease,
              opacity 0.3s ease;
  opacity: 0;
  z-index: 20;
}

.notification--hidden {
  transform: translateX(120%);
  opacity: 0;
}

.notification--visible {
  transform: translateX(0);
  opacity: 1;
  z-index: 20;
}

.notification__content {
  display: flex;
  align-items: center;
  padding: 20px 24px;
  gap: 16px;
  z-index: 20;
}

.notification__icon-wrapper {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f0f9ff 0%, #ecf7ff 100%);
  border-radius: 50%;
  border: 1px solid #bae6fd;
  animation: pulse 2s infinite;
}

.notification__icon {
  width: 20px;
  height: 20px;
  color: #0369a1; 
}


@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(204, 174, 3, 0.2); }
  70% { box-shadow: 0 0 0 8px rgba(161, 150, 3, 0); }
  100% { box-shadow: 0 0 0 0 rgba(161, 150, 3, 0); }
}

.notification__text {
  flex: 1;
  line-height: 1.45;
  color: #374151;
  font-family: 'Segoe UI', Arial, sans-serif;
}

.notification__text strong {
  display: block;
  margin-bottom: -25px;
  font-weight: 700;
  font-size: 15px;
  color: #1f2937;
  letter-spacing: -0.02em;
}

.notification__text a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}

.notification__text a:hover {
  text-decoration: underline;
  color: #1d4ed8;
}

.notification__close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #9ca3af;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.2s ease;
  font-family: Arial, sans-serif;
  line-height: 1;
}

.notification__close:hover {
  color: #4b5563;
  background: #f3f4f6;
  transform: scale(1.05);
}

.notification__close:active {
  transform: scale(0.95);
}


@media (max-width: 768px) {
  .notification {
    right: 10px;
    left: 10px;
    width: auto;
    border-radius: 14px;
  }
  .notification__content {
    padding: 18px 20px;
  }
  .notification__text strong {
    font-size: 14px;
  }
}