@charset "UTF-8";
/* line 1, ../Projects/help/scss/styles.scss */
:root {
  --yellow-color: #f5bb1c;
  --blue-color: #005288;
  --grey-color: #949a9c;
  --green-color: #6aa840;
}

body {
  margin: 0;
  font-family: Montserrat;
  /* добавила */
  padding-top: 20px;
  /* добавила чтоб потом добавить языки EN,UA */
  padding-bottom: 20px;
  background-color: rgba(246, 192, 45, 0.2);
}

/* line 9, ../Projects/help/scss/styles.scss */
.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-family: 'Montserrat';
  /* добавила */
}

/* line 16, ../Projects/help/scss/styles.scss */
.top h1 {
  margin: 0;
  color: #f5bb1c;
  width: 200px;
  padding-left: 3%;
  font-size: 1.5em;
  font-weight: 700;
}

/* line 23, ../Projects/help/scss/styles.scss */
.top .navbar {
  overflow: hidden;
  background-color: #949a9c;
  font-family: Arial, Helvetica, sans-serif;
  margin-right: 3%;
  margin-left: 3%;
}

/* line 31, ../Projects/help/scss/styles.scss */
.top .navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

/* line 40, ../Projects/help/scss/styles.scss */
.top .dropdown {
  float: left;
  overflow: hidden;
}

/* line 45, ../Projects/help/scss/styles.scss */
.top .dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

/* line 56, ../Projects/help/scss/styles.scss */
.top .navbar a:hover,
.top .dropdown:hover .dropbtn {
  background-color: #f6c02d;
}

/* line 60, ../Projects/help/scss/styles.scss */
.top .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* line 69, ../Projects/help/scss/styles.scss */
.top .dropdown-content a {
  float: none;
  color: black;
  padding: 13px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* line 78, ../Projects/help/scss/styles.scss */
.top .dropdown-content a:hover {
  background-color: #f6c02d;
  color: white;
}

/* line 83, ../Projects/help/scss/styles.scss */
.top .dropdown:hover .dropdown-content {
  display: block;
}

/* line 88, ../Projects/help/scss/styles.scss */
.funk--btn {
  text-decoration: none;
  color: #005288;
  line-height: 35px;
  margin-left: 3%;
}

/* line 94, ../Projects/help/scss/styles.scss */
.funk--btn:hover {
  text-decoration: underline;
}

/* line 99, ../Projects/help/scss/styles.scss */
.main--top {
  display: flex;
  justify-content: center;
  background-color: #949a9c;
  align-items: center;
  flex-wrap: wrap;
  /* height: 100vh; */
  min-height: 450px;
}
@media (max-width: 768px) {
  .main--top {
    min-height: 300px;
  }
}

/* line 110, ../Projects/help/scss/styles.scss */
.main--top .txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 15px;
  padding-left: 15px;
  flex-wrap: wrap;
  text-align: center;
  width: 50%;
}

/* line 121, ../Projects/help/scss/styles.scss */
.main--top .txt h5 {
  font-size: 32px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .main--top .txt h5 {
    font-size: 18px;
  }
}

/* line 125, ../Projects/help/scss/styles.scss */
.main--top .txt .learn--btn {
  text-decoration: none;
  text-align: center;
  color: #6aa840;
  padding: 15px 15px 15px 15px;
  background-color: #f5bb1c;
  border-radius: 24px;
  font-weight: 900;
  justify-content: center;
  font-size: 26px;
  transition: 0.4s;
}

/* line 137, ../Projects/help/scss/styles.scss */
.main--top .txt .learn--btn:hover {
  color: #f5bb1c;
  background-color: #6aa840;
}

/* line 146, ../Projects/help/scss/styles.scss */
.main--top .logo .logo1 {
  background-image: url(../img/LOGO_normalnoe.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 406px;
  width: 320px;
  /* min-height: 406px; */
}
@media (max-width: 768px) {
  .main--top .logo .logo1 {
    height: 106px;
    width: 83px;
  }
}

/* line 162, ../Projects/help/scss/styles.scss */
main .img-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

/* line 169, ../Projects/help/scss/styles.scss */
main .img-btn .img--link {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 173, ../Projects/help/scss/styles.scss */
main .img-btn .img--link .side--link {
  position: relative;
  padding: 2% 2% 2% 2%;
}

/* line 179, ../Projects/help/scss/styles.scss */
main .img-btn .img--link .side--link:hover .hidden {
  padding-bottom: 45px;
  opacity: 1;
}

/* line 184, ../Projects/help/scss/styles.scss */
main .img-btn .img--link .side--link .hidden {
  position: absolute;
  z-index: 1;
  background-color: rgba(148, 154, 156, 0.7);
  padding: 0 0 0 5%;
  width: 303px;
  bottom: 13px;
  opacity: 0.8;
  font-family: 'Montserrat';
  font-size: 15px;
  font-weight: bold;
  transition: 0.7s ease-out;
}

/* line 197, ../Projects/help/scss/styles.scss */
main .img-btn .img--link .side--link .hidden h6 {
  padding: 2px;
  margin: 0;
  color: #005288;
  font-family: monsera;
}

/* line 203, ../Projects/help/scss/styles.scss */
main .img-btn .img--link .side--link .hidden p {
  padding: 2px;
  margin: 0;
  color: #005288;
}

/* line 210, ../Projects/help/scss/styles.scss */
main .img-btn .img--link .side--link img {
  height: 280px;
  width: 320px;
}

/* line 221, ../Projects/help/scss/styles.scss */
.map {
  width: 100vw;
  height: 250px;
}

/* line 227, ../Projects/help/scss/styles.scss */
.pdf--files .dox {
  text-decoration: none;
  font-weight: 900;
  color: #005288;
  padding-left: 2%;
}

.dox {
  margin-left: 2%;
}

/* line 233, ../Projects/help/scss/styles.scss */
.pdf--files .dox:hover {
  text-decoration: underline;
}

.news {
  text-decoration: none;
  color: #005288;
  line-height: 35px;
  margin-left: 55px;
}

.news > p {
  padding: 0;
  margin: 0;
}

.news > a {
  padding-bottom: 25px;
}

/* line 239, ../Projects/help/scss/styles.scss */
footer {
  margin-top: 25px;
}

/* line 242, ../Projects/help/scss/styles.scss */
.contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* margin-left: 2%; */
}

/* line 246, ../Projects/help/scss/styles.scss */
.contacts h3 {
  margin: 0;
}

/* line 249, ../Projects/help/scss/styles.scss */
/* .contacts .email-link {
  width: 200px; */
/* margin-bottom: 20px; */
/* } */

/* line 253, ../Projects/help/scss/styles.scss */
.contacts .social {
  font-size: 35px;
  color: #0073b0;
  width: 31px;
  height: 33px;
}

/* line 261, ../Projects/help/scss/styles.scss */
#info--mid {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  padding: 20px 0;
}

@media (max-width: 699px) {
  /* line 268, ../Projects/help/scss/styles.scss */
  .main--top .txt {
    width: 100%;
  }
}

@media (max-width: 419px) {
  /* line 275, ../Projects/help/scss/styles.scss */
  .main--top {
    /* min-height: 740px; */
  }
}

@media (max-width: 320px) {
  /* line 285, ../Projects/help/scss/styles.scss */
  main .img-btn .img--link .side--link .hidden {
    bottom: 11px;
  }
}

@media (max-width: 420px) {
  /* line 299, ../Projects/help/scss/styles.scss */
  main .img-btn .img--link .side--link .hidden {
    bottom: 13px;
  }
}

/* line 308, ../Projects/help/scss/styles.scss */
.reserved {
  margin: 25px 0 0px 0;
  display: flex;
  justify-content: center;
}

/* line 313, ../Projects/help/scss/styles.scss */
.reserved .mail {
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  border-top: 1px solid rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}

/*# sourceMappingURL=styles.css.map */

.foto_equipment {
  background-color: #959a9c;
}

.equipment {
  width: 280px;
  height: 290px;
  padding-left: 20px;
}

.adress {
  margin-left: 3%;
}

.cont--map {
  /* margin: 0 3% 0 3%; */
  /* width: 92%; */
  margin-left: 3%;
}

.final--map {
  width: 92%;
}

.social {
  font-size: 35px;
  color: #0073b0;
  width: 31px;
  height: 33px;
}

.foto_vvu {
  /* margin-right: 2%; */
  background-color: #959a9c;
}

.vvu {
  /* margin: 0 2% 0 2%; */
  width: 280px;
  height: 290px;
  padding-left: 20px;
}

.date_info {
  color: #959a9c;
}

.news > p {
  padding: 0;
  margin: 0;
}

.fin_reps {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 15px;
}

.fin_reps > p {
  padding: 0;
  margin: 0;
}

.fin_reps > a {
  padding-bottom: 25px;
}

.cp_dox {
  display: flex;
  justify-content: center;
  flex-direction: column;
  /* padding-left: 15px; */
}

.cp_dox > p {
  padding: 0;
  margin: 0;
}

.cp_dox > a {
  padding-bottom: 25px;
}

.our-partners {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.our-partners a {
  padding: 20px;
  color: var(--green-color);
  background-color: var(--yellow-color);
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
}
.docs-content {
  padding: 15px 0;
}
.container {
  padding: 0 3%;
}

.docs-item {
  display: flex;
  margin-bottom: 15px;
  padding: 5px 0;
}
.docs-item a {
  color: #005288;
  width: 100%;
}
.docs-item p {
}

.our-partners {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.our-partners a {
  padding: 20px;
  color: var(--green-color);
  background-color: var(--yellow-color);
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
}