@font-face {
  font-family: HPSimplified;
  src: url("../fonts/header-font.otf"); }
@font-face {
  font-family: LeagueGothic;
  src: url("../fonts/LeagueGothic-Regular.otf"); }

@font-face {
  font-family: EmpirialCpsTtr_Regular;
  src: url("../fonts/EMPER_CT.otf");
}

.fitsey_schedule
{
  max-width: 700px;
  display: flex;
  flex-direction: column;
}
.fitsey_schedule_row
{
  display: flex;
  justify-content: center;
}
body {
  width: 100%;
  height: 100%; }
.hidden
{
  display: none;
}
html {
  width: 100%;
  height: 100%; }

@media (min-width: 767px) {
  .navbar {
    padding: 20px 0;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out; }

  .top-nav-collapse {
    padding: 0; } }
nav {
  background: transparent !important;
  border: none !important; }
  @media (max-width: 767px) {
    nav {
      background: linear-gradient(to right, white 10%, #F9C3D2 40%)!important;
    }
    .navbar-collapse
    {
      background: radial-gradient(
              ellipse at top left,
              white 0% 4%,
              #F9C3D2 27%
      );
      overflow: clip!important;
    }
    .header-pricing.col-2-pricing
    {
      display: flex;
      flex-direction: column;
    }
    .ja_jebal_etu_huetu
    {
      flex-direction: row !important;
    }
  }
  nav .navbar-toggle {
    margin-top: 30px; }
    nav .navbar-toggle .icon-bar {
      background-color: white !important; }
    nav .navbar-toggle:hover, nav .navbar-toggle:active, nav .navbar-toggle:focus, nav .navbar-toggle:visited, nav .navbar-toggle:link {
      background: transparent !important; }
  nav .navbar-nav {
    padding: 40px 40px;
    font-size: 23px;
    font-family: HPSimplified; }
    nav .navbar-nav li a {
      color: white !important; }
      nav .navbar-nav li a:hover, nav .navbar-nav li a:active, nav .navbar-nav li a:focus, nav .navbar-nav li a:visited, nav .navbar-nav li a:link {
        background: transparent !important; }
  nav .navbar-brand {
    padding: 0;
    margin: 0;
    height: 90px; }
    nav .navbar-brand img {
      padding-top: 15px;
      height: 110px; }
      @media (max-width: 767px) {
        nav .navbar-brand img {
          padding-top: 10px;
          padding-left: 25px;
          height: 80px; } }

.top-nav-collapse {
  background: linear-gradient(to right, white 10%, #F9C3D2 40%)!important;
}

.intro-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/pattern.png) repeat;
  opacity: 0.4; }

.intro-section-background {
  height: 65vh;
  background: url("../images/background.jpg") no-repeat center center fixed;
  transition: background-image 2s ease-in-out, background-color 1s ease-in-out;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  @media (max-height: 500px) {
    .intro-section-background {
      height: 100vh; } }
  .intro-section-background .intro-section {
    height: inherit;
    padding-top: 150px;
    padding-left: 2vw;
    text-align: center;
    position: relative; }
    @media (max-height: 500px) {
      .intro-section-background .intro-section {
        padding-top: 49vh; } }
    .intro-section-background .intro-section .bulb {
      height: 20vh;
      margin-left: 10px; }
    .intro-section-background .intro-section #header-text {
      color: white;
      margin-top: 15vh;
      letter-spacing: 0.5vw;
      line-height: 6vh;
      font-size: 5em;
      font-family: HPSimplified; }
      @media (max-width: 1200px) and (min-width: 768px) {
        .intro-section-background .intro-section #header-text {
          font-size: 3em;
          margin-top: 10vh; } }
      @media (max-width: 767px) {
        .intro-section-background .intro-section #header-text {
          font-size: 2em;
          margin-top: 5vh; } }

#header-typed {
  display: inline; }

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite; }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.about-section, .second-section-background .second-section, .project-section {
  padding: 15vh 0;
  text-align: center; }
  @media (max-width: 1199px) {
    .about-section, .second-section-background .second-section, .project-section {
      padding: 8vh 0; } }

.about-section h1, .second-section-background .second-section h1, .project-section h1, .contact-section h1 {
  text-transform: uppercase;
  font-family: LeagueGothic;
  font-size: 5em;
  margin-bottom: 1.2em; }
  @media (max-width: 1200px) {
    .about-section h1, .second-section-background .second-section h1, .project-section h1, .contact-section h1 {
      font-size: 5.5em;
      margin-bottom: 0.7em; } }

.about-section {
  color: darkgrey; }
  .about-section h1 {
    width: inherit;
    padding: 0 17vw; }
  .about-section p {
    padding: 0 17vw;
    text-align: left;
    font-size: 1.15em;
    line-height: 2em;
    letter-spacing: 0.005em;
    text-align: justify; }

.second-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("../images/pattern.png") repeat;
  opacity: 0.4; }

.second-section-background {
  background: url("../images/background1.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: white;
  text-align: center; }
  .second-section-background .second-section {
    height: inherit;
    position: relative; }
    .second-section-background .second-section i {
      color: white;
      font-size: 5em;
      padding-top: 25px; }
      @media (max-width: 1200px) {
        .second-section-background .second-section i {
          font-size: 7em; } }
    .second-section-background .second-section h3 {
      font-family: LeagueGothic;
      font-size: 35px;
      display: block;
      margin: 0 0 2vh 0;
      text-align: left;
      text-transform: uppercase; }
      @media (max-width: 1200px) {
        .second-section-background .second-section h3 {
          margin-top: 25px;
          font-size: 4em;
          text-align: center; } }
    .second-section-background .second-section p {
      color: white;
      font-size: 1.08em;
      text-align: left;
      margin-left: 0; }
      @media (max-width: 1200px) {
        .second-section-background .second-section p {
          font-size: 1.2em;
          margin: 0 5vw; } }

.project-section {
  padding-bottom: 2vh !important;
  color: #FFB6C1; }
  .project-section p {
    padding-top: 3vh;
    text-align: left;
    letter-spacing: 0.03em;
    line-height: 1.5em; }
  .project-section .first-row {
    height: 100%;
    padding-top: 100px; }
    .project-section .first-row .image-mobile {
      display: none; }
      @media (max-width: 1199px) {
        .project-section .first-row .image-mobile {
          display: block; } }
    .project-section .first-row .image-web {
      display: block; }
      @media (max-width: 1199px) {
        .project-section .first-row .image-web {
          display: none; } }
    .project-section .first-row .first-image {
      margin-top: 2vh;
      width: 80%; }
      @media (max-width: 1199px) {
        .project-section .first-row .first-image {
          margin-top: 0;
          padding-bottom: 2em;
          width: 60%; } }
    .project-section .first-row .second-image {
      margin-top: 8vh;
      width: 90%; }
      @media (max-width: 1199px) {
        .project-section .first-row .second-image {
          margin-top: 0;
          padding-bottom: 2em;
          width: 80%; } }
    @media (max-width: 1199px) {
      .project-section .first-row .first-description {
        margin: 0 10vw; } }
    .project-section .first-row .first-description ul {
      text-align: left; }
      .project-section .first-row .first-description ul li {
        margin-top: 0.5em;
        letter-spacing: 0.03em;
        line-height: 1.5em; }
    .project-section .first-row h2 {
      padding-left: 0;
      text-align: center; }
    .project-section .first-row hr {
      display: block;
      height: 1px;
      border: 0;
      margin-top: 0;
      padding-top: 0;
      border-top: 3px solid #FFB6C1;
      width: 10%; }
    .project-section .first-row p {
      line-height: 2em; }

.contact-section {
  text-align: center;
  background: white !important;
  margin-bottom: 50px; }
  .contact-section h1 {
    margin-bottom: 0.5em !important;
    color: #FFB6C1; }
  .contact-section i {
    color: #FFB6C1; }
  .contact-section span {
    font-size: 3em;
    font-family: HPSimplified;
    margin-left: 20px; }
  .contact-section .phone {
    text-align: right; }
    @media (max-width: 1199px) {
      .contact-section .phone {
        text-align: center; } }
    @media (max-width: 500px) {
      .contact-section .phone {
        font-size: 0.8em; } }
  .contact-section .email {
    text-align: left; }
    @media (max-width: 1199px) {
      .contact-section .email {
        text-align: center; } }
    @media (max-width: 500px) {
      .contact-section .email {
        font-size: 0.6em; } }
  .contact-section a {
    color: #FFB6C1 !important; }
    .contact-section a:hover, .contact-section a:active, .contact-section a:focus, .contact-section a:visited, .contact-section a:link {
      background: transparent !important;
      text-decoration: none; }

.footer-section {
  text-align: center;
  padding-bottom: 30px; }
  .footer-section hr {
    display: block;
    height: 1px;
    border: 0;
    margin-top: 0;
    padding-top: 0;
    border-top: 3px solid #FFB6C1;
    width: 60%;
    margin-bottom: 50px; }
  .footer-section p {
    color: #FFB6C1;
    font-size: 1em; }
  .footer-section .author-mail {
    color: #01020A; }
    .footer-section .author-mail:hover, .footer-section .author-mail:active, .footer-section .author-mail:focus, .footer-section .author-mail:visited, .footer-section .author-mail:link {
      background: transparent !important;
      text-decoration: none; }

/*# sourceMappingURL=main.css.map */
.social-media-icons {
  display: flex;
  gap: 15px;
  justify-content: center;
}

.icon {
  text-decoration: none;
  color: #333; /* Цвет по умолчанию */
  font-size: 24px; /* Размер иконок */
  transition: color 0.3s;
}

.icon:hover {
  color: #0077b5; /* Цвет при наведении */
}

/* Индивидуальные цвета для каждой соцсети */
.facebook:hover { color: #3b5998; }
.twitter:hover { color: #1da1f2; }
.instagram:hover { color: #e1306c; }
.linkedin:hover { color: #0077b5; }
.youtube:hover { color: #ff0000; }

.footer-section{
  display: flex;
  flex-direction: column;
}

/* Стили для миниатюр */
.gallery {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.thumbnail {
  width: 100px;
  cursor: pointer;
  transition: transform 0.3s;
}
.thumbnail:hover {
  transform: scale(1.05);
}

/* Стили для лайтбокса */
.gallery {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.thumbnail {
  width: 100px;
  cursor: pointer;
  transition: transform 0.3s;
}

.thumbnail:hover {
  transform: scale(1.05);
}

/* Стили для строки услуги и цены */
.pricing-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5px 0;
  font-size: 1em;
}

.pricing-item p {
  padding: 0px;
  margin: 0;
  color: #666;

}

.price {
  color: #444;

}

.pricing-section
{
  display: flex;
  flex-direction: row;
}

.pricing_plan_header
{
  display: flex;
}
.text-section
{
  width: 100%;
  display: flex;
  flex-direction: column;
}

/*//////////////////*/

/* Основной контейнер для таблицы */
.table-pricing {
  margin-left: 5%;
  display: grid;
  grid-template-columns: 0.01fr 1fr 0.005fr 0.3fr; /* Четыре колонки */
  margin-bottom: 5%;
  font-size: 1.15em;;
}
.table-pricing h2
{
  font-size: 3.5em;
}
.table-pricing h1
{
  font-size: 3.5em;
}
/* Ячейка таблицы */
.cell-pricing {
  padding: 10px;
  text-align: center;
  font-weight: bold;
}
.col-1-pricing
{
  padding: 0px;
}
.col-3-pricing
{
  padding: 0px;
}
/* Стили для первой и третьей колонки */
.col-1-pricing, .col-3-pricing {
  background-color: #FFB6C1; /* Заливка для первой и третьей колонок */
  box-shadow: 4px 3px 5px rgba(0, 0, 0, 0.19);
}

/* Стили для заголовков */
.header-pricing {

}

/* Закругленные углы для первой колонки */
.col-1-pricing.header-pricing {
  border-top-left-radius: 10px; /* Верхний левый угол */
  border-top-right-radius: 10px;
}
.col-1-pricing:last-child {
  border-bottom-left-radius: 10px; /* Нижний левый угол */
  border-bottom-right-radius: 10px; /* Нижний левый угол */
}

/* Закругленные углы для третьей колонки */
.col-3-pricing.header-pricing {
  border-top-left-radius: 10px; /* Верхний левый угол */
  border-top-right-radius: 10px;
}
.col-3-pricing.last-child-pricing {
  border-bottom-left-radius: 10px; /* Нижний левый угол */
  border-bottom-right-radius: 10px; /* Нижний левый угол */
}
.col-1-pricing.last-child-pricing {
  border-bottom-left-radius: 10px; /* Нижний левый угол */
  border-bottom-right-radius: 10px; /* Нижний левый угол */
}
.col-2-pricing
{
  display: flex;
  margin-left: 5vw;
}
.col-4-pricing
{
  display: flex;
  margin-left: 2vw;
}

.text-pinky
{
  color: #FFB6C1;
}

.pricing-header-mom
{
  margin-left: 10px;
}

.pricing-header-mom-p
{
  padding: 0px !important;
  display: flex;
  align-items: flex-end;
}
.pricing-header-with-logo
{
  max-height: 25vw;
  display: flex;
  justify-content: space-around;
}

.pricing-header-with-logo p
{
  padding: 0px !important;
  display: flex;
  align-items: center; /* Центрирование по вертикали */
  justify-content: center; /* Центрирование по горизонтали */
  font-size: 10vw; /* Размер шрифта зависит от высоты окна */
}
.col-2-pricing div
{
  margin-right: 10px;
}
.fitnestmom-money-plan-header
{
  display: flex;
  flex-direction: row;
}

.empiral-cpst-font{
  font-family: EmpirialCpsTtr_Regular !important;
}
.prices-body-plans
{
  padding: 0 17vw;
}

.cell-pricing-invisble
{
  padding: 0px;
}

.price-header-cennik
{
  margin-bottom: 0px !important;
}
.contacts-text-body
{
  margin-top: 5vw ;

  padding: 0 17vw;
}
.bold-text
{
  font-weight: bold;
}
.contacts-text-body p
{
  padding: 0px;
  text-align: center;
}
.navbar-collapse.navbar-ex1-collapse.collapse.in
{
  overflow: clip!important;
}
.contacts-main
{

}
/*/////////////////////*/