@import url("https://fonts.googleapis.com/css2?family=Athiti:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap");

body {
  direction: ltr;
  font-family: "Athiti", sans-serif !important;
  font-size: 16px;
  margin: 0;
  padding: 0px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

.foot__area__adress-box a {
  color: #fff;
}
.head__top {
  background: #ff6f91;
  padding: 14px 16px;
  overflow: hidden;
}

.head__top__contact {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.head__top__contact p {
  font-size: 16px;
  margin-bottom: 0;
}

.head__top__contact p a {
  margin-right: 16px;
  color: #fff;
}

.head__top__contact p a i {
  font-size: 16px;
  color: #fff;
  margin-right: 8px;
}
.head__top__contact p a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.head__nav {
  display: flex;
  justify-content: space-between;
  padding-top: 14px;
  padding-bottom: 14px;
  background: #fff;
  top: 25px;
}

.head__nav .row {
  display: flex;
}

.head__nav .head__nav__brand {
  display: flex;
  align-items: center;
}

.head__nav__logo {
  display: flex;
  align-items: center;
  gap: 8px;
}

.head__nav__logo img {
  width: 54px !important;
  height: 54px !important;
}

.head__nav__logo a h1 {
  font-size: 22px;
  font-weight: 700;
  color: #000;
}

.head__nav__block {
  display: flex;
  align-items: center;
  justify-content: center;
}

.head__nav__menu ul {
  display: flex;
  margin: 0;
  align-items: center;
}

.head__nav nav ul li {
  display: flex;
  gap: 16px;
}

.head__nav nav ul li a {
  color: #000;
  font-size: 16px;
}

.head__nav nav ul li a:hover {
  color: #290001;
}

.head__nav__menu li a,
.dropSub__menu {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  cursor: pointer;
}

.head__nav__menu li.dropDown__menu {
  display: inline-block;
}

a.dropSub__menu i {
  font-size: 14px;
}

.head__nav__menu .dropDown__menu__links {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 157px;
  z-index: 10;
  transition: 0.3s;
  box-shadow: 0 0 25px rgb(0 0 0 / 9%);
}

.head__nav__menu .dropDown__menu__links a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  transition: 0.3s;
}

.head__nav__menu .dropDown__menu__links.active {
  display: block;
}

.head__nav__menu .dropDown__menu__links a:hover {
  background-color: #f1f1f1;
  color: #ff6f91;
  transition: 0.5s;
}

.head__nav__menu .dropDown__menu:hover .dropDown__menu__links {
  transition: 0.5s;
}

.burger__menu {
  display: none;
  cursor: pointer;
  padding: 14px;
}

.head__main {
  padding: 117px 0;
  background: url(static/images/fade-1600x9000.png);
  background-color: #290001;
  background-position: center;
  background-size: cover;
  position: relative;
}

.head__main__image img {
  width: 100% !important;
  height: 321px !important;
}

.head__main .head__main__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}

.head__main__info__day__time {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.head__main__info__day__time i {
  font-size: 25px;
  color: #fff;
}

.head__main__info__day .head__main__info__day__time h5 {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
}

.head__main__info__day .head__main__info__day__day {
  color: #fff;
}

.b-area {
  padding: 117px 0;
}

.b-area .container {
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  padding: 25px;
}

.b-area h5.b-area-title {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 25px;
}

.b-area .b-area-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center;
  text-align: center;
  padding: 16px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
    rgb(209, 213, 219) 0px 0px 0px 1px inset;
  transition: all 0.6s ease-in-out;
  border-radius: 8px;
  gap: 8px;
  flex: 1;
  margin-top: 14px;
  background-color: #ff6f91;
}

.b-area .b-area-box::before {
  content: "";
  position: absolute;
  background: #fff;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  transition: all 0.6s;
  z-index: -1;
}

.b-area .b-area-box h2 {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.b-area .b-area-icon i {
  display: flex;
  justify-content: center;
  font-size: 25px;
  line-height: 1;
  color: #290001;
  transition: all 0.3s ease-in-out;
  margin-bottom: 14px;
  color: #fff;
}

.b-area .b-area-description {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 0;
  color: #fff;
}

.benef_video-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.unit__section {
  padding: 117px 0;
  background-color: #00000005;
}

.unit__section .row {
  display: flex;
  flex-wrap: wrap;
}

.unit__section .catalog_section__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.unit__section .catalog_section__title h5 {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 25px;
}

.unit__section .bPar {
  display: flex;
  position: relative;
  padding-right: 16px;
  padding-left: 16px;
  cursor: pointer;
}

.unit__section .catal-block {
  margin-bottom: 25px;
  transition: 0.5s;
  position: relative;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.unit__section .catal-block:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: #ff6f91;
  transform: scale(0.1);
  opacity: 0;
  transition: 0.5s;
}

.unit__section .catal-block:hover {
  box-shadow: 16px 0 34px rgb(0 0 0 / 12%);
}

.unit__section .catal-block:hover:before {
  opacity: 1;
  transform: scale(1);
}

.unit__section .unit__image {
  position: relative;
}

.unit__section .unit__image:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: 0.5s;
  background: rgb(62, 55, 59, 0.3);
  transform: scale(0.1);
  opacity: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.unit__image img {
  width: 100% !important;
  height: 321px !important;
  object-fit: cover;
}

.unit__section .unit__content {
  background: #fff;
  box-shadow: 14px 0 40px rgb(0 0 0 / 3%);
  padding: 25px 22px 25px 25px;
  display: flex;
  flex-direction: column;
  height: -webkit-fill-available;
  justify-content: center;
}

.unit__section .avai {
  display: flex;
  font-size: 19px;
  gap: 8px;
  font-weight: 700;
  align-items: center;
}

.unit__section .avai i {
  font-size: 22px;
  color: #ff6f91;
}

.unit__section .avai span {
  font-size: 19px;
  color: #290001;
}

.unit__section .unit__section__prod {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
}

.unit__section .unit__section__prod span {
  font-size: 19px;
  font-weight: 700;
}

.unit__section .price {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 14px;
}

.unit__section .price span {
  font-size: 19px;
  font-weight: 700;
  color: #ff6f91;
  padding-bottom: 14px;
}

.phoneBtn {
  display: flex;
  justify-content: center;
}

.unit__section .unit__link__title a h2:hover {
  color: #ff6f91;
}

.unit__section .unit__link__title a {
  text-decoration: none;
}

.unit__section .unit__link__title a h2 {
  font-size: 19px;
  font-weight: 700;
  margin: 14px 0 16px;
  color: #000;
}

.unit__section .catalog_btn a {
  font-size: 16px;
  display: inline-block;
  transition: 0.5s;
  color: #ff6f91;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

.clients-comments {
  padding: 117px 0;
  background: url(static/images/fade-1600x9000.png);
  background-color: #290001;
  background-position: center;
  background-size: cover;
}

.clients-comments__block {
  display: flex !important;
  padding-top: 14px;
  text-align: center;
  justify-content: space-between;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  background-color: #fff;
  margin-left: 14px;
}

.clients-comments__block i {
  display: inline-block;
  font-size: 57px;
  color: #000;
  margin-bottom: 25px;
}

.clients-comments .clients-image {
  padding: 14px;
}

.clients-comments__block .clients-image img {
  margin: 0 auto;
  width: 54px !important;
  height: 54px !important;
  border-radius: 31% 69% 23% 77% / 66% 18% 82% 34%;
  padding: 8px;
  background-color: #290001;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}

.clients-comments__block .clients-comment-text p {
  color: #290001;
  font-size: 16px;
  font-weight: 200;
  text-align: center;
  padding: 14px;
}

.clients-comments__block h6 {
  color: #290001;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  padding-top: 14px;
}
.clients-comments__block h4 {
  color: #290001;
  font-size: 19px;
  font-weight: 700;
  margin: 0;
  text-align: center;
  padding: 16px 0;
}

.hwr-area {
  padding: 117px 0;
}

.hwr-area .container {
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  padding: 25px;
}

.hwr-area__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 57px;
  padding-top: 25px;
}

.hwr-area__title h5 {
  font-size: 22px;
  font-weight: 700;
  color: #290001;
}

.hwr-area__block .hwr-area__inner {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 14px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
    rgb(209, 213, 219) 0px 0px 0px 1px inset;
  background-color: #ff6f91;
}

.hwr-area__block .title__block {
  font-size: 19px;
  font-weight: 700;
  color: #fff;
}

.hwr-area__block i {
  font-size: 41px;
  color: #fff;
}

.hwr-area__block .text__block {
  font-size: 16px;
  text-align: center;
  color: #fff;
}

.order__form {
  padding: 117px 0;
  background-color: #00000005;
}

.order__form .container {
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  background-color: #fff;
}

.order__form__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 57px;
  padding-top: 25px;
}

.order__form__title h5 {
  font-size: 22px;
  font-weight: 700;
  color: #290001;
}

.order__form_block label {
  color: #290001;
}

.order__form_block .order__form_box {
  border-radius: 10px;
  padding: 0 25px;
}

.order__form_block .fild {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 25px;
}

.order__form_block .input-main__layoutpart {
  border: 1px solid #eee;
  border-radius: 8px;
  color: #333;
  height: 55px;
  padding: 14px 16px;
  transition: all 0.3s ease 0s;
}

.order__form_block .textarea-main__layoutpart {
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: none;
  color: #333;
  padding: 14px 16px;
  height: 117px;
}

.order__form_block .form-check {
  align-items: flex-start;
  padding-top: 14px;
  padding-left: 34px;
  text-align: left;
}

.order__form_block .form-check a {
  text-decoration: underline;
  color: #ff6f91;
}

.order__form_block__btn {
  display: inline-block;
}

.foot__area {
  padding-top: 57px;
  padding-bottom: 34px;
  background: url(static/images/fade-1600x9000.png) no-repeat center/cover;
  background-color: #290001;
}

.foot__area__logo_box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 14px;
}

.foot__area__logo_box .foot__area__logo a {
  text-decoration: none;
}
.foot__area__logo_box .foot__area__logo a h4 {
  color: #fff;
}

.foot__area__logo {
  display: flex;
  align-items: center;
  gap: 14px;
}

.foot__area__logo_box .foot__area-about-market p {
  font-size: 16px;
  color: #fff;
}

.footer__links-box .footer__links {
  list-style: none;
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: center;
}

.footer__links-box .footer__links a {
  color: #fff;
  text-decoration: none;
}

.footer__links-box .footer__links a:hover {
  color: #ff6f91;
}

.foot__area__adress-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.foot__area__adress-box p {
  color: #fff;
}

.foot__area__logo a img {
  width: 57px !important;
  height: 57px !important;
}

.foot__area .footer__links-box__block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 25px;
}

.foot__area .footer__links-box__block img {
  height: 54px !important;
}

.foot__area .footer__links {
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #fff;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 18px 0px 16px 0px;
}

.foot__area .adress__corr {
  display: flex;
  justify-content: center;
  align-items: center;
}

.foot__area .cards__corr {
  display: flex;
  justify-content: center;
  align-items: center;
}

.details__page {
  padding: 117px 0;
}

.details__page .row {
  display: flex;
}

.details__page .details__page__title {
  padding-bottom: 34px;
}

.details__page .details__page__title h5 {
  font-size: 22px;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 700;
  color: #290001;
}

.details__page__content .details__page__block {
  display: flex;
  flex-direction: row;
  gap: 14px;
}

.details__page__block .details__page__right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
    rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  border-radius: 10px;
}

.details__page__block .avai {
  display: flex;
  font-size: 19px;
  gap: 16px;
  font-weight: 700;
  align-items: center;
}

.details__page__block .avai span {
  font-size: 19px;
  color: green;
}

.details__page__block .code__prod {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
}

.details__page__block .code__prod span {
  font-size: 19px;
  font-weight: 700;
}

.details__page__block .rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
}

.details__page__block .rating span {
  font-size: 19px;
  font-weight: 700;
}

.details__page__block .rating i {
  font-size: 25px;
  color: #ff6f91;
}

.details__page__block .delivery {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
}

.details__page__block .delivery span {
  font-size: 19px;
  font-weight: 700;
}

.details__page__content img {
  width: 100% !important;
  max-width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.details__page__content strong {
  color: #290001;
}

.details__page__block h5 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #290001;
}

.details__page__block .price {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 14px;
}

.details__page__block .price span {
  font-size: 19px;
  font-weight: 700;
  color: #ff6f91;
  padding-bottom: 14px;
}

.details__page__form label {
  color: #290001;
}

.details__page__form .details__page__from__block {
  border-radius: 10px;
  padding: 0 25px;
}

.details__page__form .fild {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 25px;
}

.details__page__form .input-main__layoutpart {
  border: 1px solid #eee;
  border-radius: 8px;
  color: #333;
  height: 55px;
  padding: 14px 16px;
  transition: all 0.3s ease 0s;
}

.details__page__form .textarea-main__layoutpart {
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: none;
  color: #333;
  padding: 14px 16px;
  height: 117px;
}

.details__page__form .form-check {
  align-items: flex-start;
  padding-top: 14px;
  padding-left: 34px;
  text-align: left;
  padding-top: 8px;
  padding-left: 34px;
}

.details__page__form .form-check a {
  text-decoration: underline;
  color: #ff6f91;
}

.deteils-page-comment {
  padding: 117px 0;
  background: url(static/images/fade-1600x9000.png);
  background-color: #290001;
  background-position: center;
  background-size: cover;
}

.deteils-page-comment-block {
  display: flex !important;
  padding-top: 14px;
  text-align: center;
  justify-content: space-between;
}

.deteils-page-comment-inner {
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  background-color: #fff;
  flex: 1;
}

.deteils-page-comment-block i {
  display: inline-block;
  font-size: 57px;
  color: #000;
  margin-bottom: 25px;
}

.deteils-page-comment .deteils-page-comment-image {
  padding: 14px;
}

.deteils-page-comment-block .deteils-page-comment-image img {
  margin: 0 auto;
  width: 54px !important;
  height: 54px !important;
  border-radius: 31% 69% 23% 77% / 66% 18% 82% 34%;
  padding: 8px;
  background-color: #290001;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}

.deteils-page-comment-block .deteils-page-comments-text p {
  color: #290001;
  font-size: 16px;
  font-weight: 200;
  text-align: center;
  padding: 14px;
}

.deteils-page-comment-block h6 {
  color: #290001;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  padding-top: 14px;
}

.deteils-page-comment-block h4 {
  color: #290001;
  font-size: 19px;
  font-weight: 700;
  margin: 0;
  text-align: center;
  padding: 16px 0;
}

.deteilst__page__related {
  padding: 117px 0;
}

.deteilst__page__related .row {
  display: flex;
  flex-wrap: wrap;
}

.deteilst__page__related .deteilst__page__related__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 25px;
}

.deteilst__page__related .deteilst__page__related__title h5 {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 25px;
}

.deteilst__page__related .bPar {
  display: flex;
  position: relative;
  padding-right: 16px;
  padding-left: 16px;
  cursor: pointer;
}

.deteilst__page__related .deteilst__page__related__box {
  margin-bottom: 25px;
  transition: 0.5s;
  position: relative;

  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.deteilst__page__related .deteilst__page__related__box:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: #ff6f91;
  transform: scale(0.1);
  opacity: 0;
  transition: 0.5s;
}

.deteilst__page__related .deteilst__page__related__box:hover {
  box-shadow: 15px 0 40px rgb(0 0 0 / 12%);
}
.deteilst__page__related .deteilst__page__related__box:hover:before {
  opacity: 1;
  transform: scale(1);
}
.deteilst__page__related .deteilst__page__related__image {
  position: relative;
}
.deteilst__page__related .deteilst__page__related__image:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: 0.5s;
  background: rgb(62, 55, 59, 0.3);
  transform: scale(0.1);
  opacity: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.deteilst__page__related__image img {
  width: 100% !important;
  height: 321px !important;
  object-fit: cover;
}

.deteilst__page__related .deteilst__page__related__content {
  background: #fff;
  box-shadow: 15px 0 40px rgb(0 0 0 / 3%);
  padding: 25px 16px 25px 25px;
  display: flex;
  flex-direction: column;
  height: -webkit-fill-available;
  justify-content: center;
}

.deteilst__page__related .avai {
  display: flex;
  font-size: 19px;
  gap: 8px;
  font-weight: 700;
  align-items: center;
}

.deteilst__page__related .avai span {
  font-size: 16px;
  color: green;
}

.deteilst__page__related .deteilst__page__related__link__title a h2:hover {
  color: #ff6f91;
}

.deteilst__page__related .deteilst__page__related__link__title a {
  text-decoration: none;
}

.deteilst__page__related .deteilst__page__related__link__title a h2 {
  font-size: 16px;
  font-weight: 700;
  margin: 14px 0 16px;
  color: #000;
}

.deteilst__page__related .deteilst__page__related_btn a {
  font-size: 16px;
  display: inline-block;
  transition: 0.5s;
  color: #ff6f91;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

.contacts {
  padding-top: 57px;
}

.contacts .contact__title {
  padding-top: 14px;
  padding-bottom: 16px;
  text-align: center;
}

.contacts .contact__title h5 {
  font-size: 22px;
  font-weight: 700;
  color: #290001;
}

.contacts .info-box {
  display: flex;
  flex-direction: column;
  color: #290001;
  text-align: center;
  box-shadow: 0 0 25px rgba(214, 215, 216, 0.3);
  padding: 16px 0 25px 0;
  border-radius: 10px;
  flex: 1;
}

.contacts .info-box i {
  font-size: 39px;
  color: #ff6f91;
  padding: 8px;
}

.contacts .info-box h3 {
  font-size: 19px;
  color: #290001;
  font-weight: 700;
  margin: 14px 0;
}

.contacts .info-box p {
  padding: 0;
  line-height: 1.3;
  font-size: 16px;
  margin-bottom: 0;
}

.form__block {
  flex-grow: 1;
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 25px;
}

.contacts iframe {
  height: 100%;
}

.contacts .fields {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 25px;
}

.contacts .input {
  border: 1px solid #eee;
  border-radius: 8px;
  color: #333;
  height: 55px;
  padding: 14px 16px;
  transition: all 0.3s ease 0s;
}

.contacts .textarea {
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: none;
  color: #333;
  padding: 14px 16px;
  height: 117px;
}

.contacts .form-check {
  align-items: flex-start;
  padding-top: 14px;
  padding-left: 34px;
  text-align: left;
  padding-top: 8px;
  padding-left: 34px;
}

.contacts .form-check a {
  color: #ff6f91;
}

.politic__area {
  padding: 117px 117px;
}

.politic__area h1.poli__title {
  font-size: 22px;
  font-weight: 700;
}

.politic__area h1,
h2,
h3 {
  font-size: 19px;
  font-weight: 700;
}

.politic__area .poli__content a {
  text-decoration: underline;
  color: #290001 !important;
}

.politic__area .poli__content ol li {
  color: #290001 !important;
}

.button-4 {
  text-align: center;
  display: inline-block;
  border: 1px solid #fff;
  cursor: pointer;
  letter-spacing: 2px;
  position: relative;
  overflow: hidden;
  background-color: #ff6f91;
  color: #fff;
  font-size: 16px;
}

.button-4:before {
  content: "";
  position: absolute;
  height: 141px;
  width: 41px;
  background: #fff;
  left: -41px;
  top: -34px;
  transform: rotate(37deg);
  transition: all 0.3s;
  opacity: 0.3;
}

.button-4:hover:before {
  left: 95%;
}

.button-4:hover {
  color: #fff;
}

.button-2 {
  font-size: 16px;
  border-color: #ff6f91;
  color: #fff;
  background-color: #ff6f91;
  box-shadow: 0 0 41px 41px #ff6f91 inset, 0 0 0 0 #ff6f91;
  transition: all 150ms ease-in-out;
}

.button-2:hover {
  box-shadow: 0 0 14px 0 #ff6f91 inset, 0 0 14px 4px #ff6f91;
  color: #290001;
}

.button-3 {
  font-size: 16px;
  border-color: #ff6f91;
  border-radius: 0;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 150ms ease-in-out;
  border-radius: 16px;
}

.button-3:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #290001;
  z-index: -1;
  transition: width 150ms ease-in-out;
}

.button-3:hover {
  color: #ff6f91;
}
.button-3:after {
  width: 110%;
}

.button-4 {
  font-size: 16px;
  color: white;
  background-color: #ff6f91;
  border: 5px solid transparent;
  transition: 0.2s ease;
  border-radius: 41px;
}

.button-4:hover {
  color: #ff6f91;
  background-color: white;
  transform: scale(1.1);
  border: 5px solid #ff6f91;
}

.button-5 {
  font-size: 16px;
  color: white;
  background: linear-gradient(to right, #ff6f91, #290001);
  border-radius: 8px;
  transition: 0.2s ease-in-out;
}

.button-5:hover {
  border-radius: 25px;
  color: #fff;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  direction: ltr;
}

@media (max-width: 992px) {
  .head__top__contact {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 8px;
  }

  .head__nav nav ul li {
    margin-top: 25px;
  }

  .head__nav__menu ul {
    display: none;
    padding: 14px;
  }

  .head__nav .dropDown__menu__links.active {
    display: block;
  }

  .head__nav .dropDown__menu__links {
    display: none;
    width: 321px;
  }

  .head__nav .dropSub__menu {
    display: block;
  }

  .dropDown__menu__links a.dropdown-item {
    font-size: 14px !important;
    white-space: normal;
  }

  .head__nav nav ul li a {
    color: #fff;
  }

  .head__nav nav ul li a:hover {
    color: #fff;
  }

  .burger__menu {
    display: block;
    z-index: 3;
    position: relative;
  }

  .burger__menu span {
    display: block;
    width: 22px;
    height: 3px;
    background-color: #000;
    margin-bottom: 8px;
  }

  .head__navi .show {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ff6f91;
    z-index: 999;
  }

  .head__nav .head__nav__brand {
    justify-content: center;
  }

  .head__nav__logo {
    align-items: baseline;
  }

  .head__nav__logo a h1 {
    font-size: 16px;
  }

  .details__page__content .details__page__block {
    flex-direction: column !important;
  }

  .details__page__block .details__page__right {
    padding: 14px 0;
  }

  .map {
    width: 100% !important;
    margin-top: 16px;
  }

  .form__block {
    width: 100% !important;
    margin-top: 16px;
  }

  .adress__corr {
    width: 100% !important;
  }

  .cards__corr {
    width: 100% !important;
  }

  .logo__corr {
    width: 100% !important;
  }

  .foot__area__logo_box {
    align-items: center;
  }

  .foot__area .row {
    display: flex;
    gap: 16px;
  }

  .head__main__info__day__time {
    padding-top: 14px;
    text-align: center;
  }
}

@media (max-width: 550px) {
  .politic__area {
    padding: 113px 34px !important;
  }
}

.map iframe {
  border: none;
}

.info-box {
  a {
    color: #000;
  }
}

img {
  max-width: 100%;
}

@media (max-width: 575px) {
  button {
    width: 100%;
  }
}

.size-picture {
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (min-width: 576px) {
  .size-picture {
    height: 321px;
  }
}
@media (min-width: 768px) {
  .size-picture {
    height: 356px;
  }
}
@media (min-width: 576px) {
  .size-picture {
    height: 370px;
  }
}