/*
Theme Name: delovojprofil_tg@JIRAIYAnc
Theme URI: https://wordpress.org/themes/blankslate/
Author: Evgeni
Description: A minimalist WordPress theme.
Version: 1.0
*/

body, html {
    overflow-x: hidden;
}

.post-edit-link, .vc_inline-link{
    display: none;
}
h1.entry-title{
     display: none
}




html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


/* Общие стили для шрифта и цветов */
body, html {
  /*font-family: 'Geologica', sans-serif;*/
    font-family: "hankensans", sans-serif;

}

a {
  text-decoration: none;
  color: #1C1E27;
}
.header-container123 a {
    transition: color 0.3s ease-in-out;
}
.header-container123 a:hover,
.header-container123 a:focus {
    color: #EC6941;
}


i {
  margin-right: 10px;
}

.header-container123 i {
  color: #EC6941; /* Оранжевый цвет для всех fav-иконок */
}

.logo-container123 img {
	/*width: 250px;*/
	height: 65px;
    margin-top: 10px;
}

/* Контейнеры */
.header-container123 {
  min-height: 60px;
  display: flex;
  justify-content: space-between;
  padding: 10px 10%;
  position: relative;
  z-index: 10; /* Чтобы он был выше мобильного меню */
}
@media (max-width: 768px) {
   .header-container123 {

  padding: 10px 20px;
  } 
}

.logo-container123 {
  flex: 1;
}

.menu-container123 {
  flex: 7;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.menu-items123 {
  padding: 10px 0px 15px 0px;
}
.menu-items123 ul {
  list-style-type: none;
  display: flex;
  padding: 0;
  justify-content: flex-end;
}

.menu-items123 li {
  margin-right: 30px;
}

.contact-info123 a,
.callback-button123 {
  margin-right: 20px;
}

.callback-button123 {
  background-color: white;
  color: #EC6941;
  border: 2px solid #EC6941;
  border-radius: 0;
  padding: 10px 20px;
  cursor: pointer;
}

/* Бургер-меню */
.burger-menu123 {
  display: none; /* Скрыто на десктопах */
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}

.burger-icon123 {
  font-size: 20px;
}

/* Мобильное меню */
.mobile-menu123 {
  display: none; /* Скрыто по умолчанию */
  position: relative;
  width: 100%;
  background-color: white;
  padding: 20px;
  box-sizing: border-box;
  z-index: 1;
  border-top: 2px solid #EC6941; /* Добавим разделительную линию сверху */
}

.mobile-main-menu123 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left; /* Выравнивание меню по левому краю */
}

.mobile-main-menu123 li {
  margin-bottom: 15px;
}

.mobile-contact-info123 {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Выравниваем элементы по левому краю */
}

.mobile-callback-button123 {
  background-color: white;
  color: #EC6941;
  border: 2px solid #EC6941;
  border-radius: 0;
  padding: 10px 20px;
  cursor: pointer;
  margin: 13px 0px;
}

.mobile-social123 a {
  margin-right: 20px;
}

.mobile-social123 i {
  margin-right: 5px;
}
.mobile-phone123-correct {
	display: none;
}


/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
.mobile-menu123 i {
	color: #EC6941;
}
.mobile-phone123-correct {
	    display: block;
        font-size: 13px;
        display: flex;
        align-content: flex-start;
        justify-content: flex-end;
        padding-right: 29px;
        margin-top: -33px;
        padding-top: -30px;

}

.logo-container123 img {
	
	height: 33px;
	}

  .logo-container123 {
    flex: 1; /* Лого остается слева */
  }

  .menu-container123 {
    display: none; /* Скрыть меню на мобильных */
  }

  .burger-menu123 {
    display: block; /* Показать бургер-меню */
  }

  .mobile-menu123 {
    display: none; /* Скрыто по умолчанию */
    position: relative; /* Оно должно располагаться под хедером */
    top: 0; /* Начинаем с верхней части */
    left: 0;
    width: 100%;
    background-color: white;
    padding: 20px 20px 40px 20px;
    box-sizing: border-box;
    z-index: 1;
    border-top: 2px solid #EC6941; /* Добавим разделительную линию сверху */
  }

  .mobile-main-menu123 ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left; /* Выравнивание меню по левому краю */
  }

  .mobile-contact-info123 {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Выравниваем контактные данные по левому краю */
    line-height: 2;
  }

  .mobile-social123 a {
    margin-right: 20px;
  }
}
.popup-content123 {
    background: white;
    padding: 30px;
    border-radius: 10px;
    width: 400px;
    position: relative;
    text-align: center;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}

/* КРЕСТИК ДЛЯ ЗАКРЫТИЯ */
.close-popup123 {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}

/* СТИЛИ ДЛЯ Contact Form 7 */
.contact-form123 form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 10px;
}

.contact-form123 label {
    text-align: left;
    font-weight: bold;
    color: #1C1E27;
}

.contact-form123 input,
.contact-form123 textarea {
    padding: 10px;
    border: none;
    border-bottom: 1px solid #1C1E27;
    font-size: 18px;
    margin: 10px 0px;
}

/* КНОПКА ОТПРАВИТЬ */
.contact-form123 .wpcf7-submit {
    padding: 10px 30px 10px 10px;
}



/* СТИЛИ ДЛЯ ТЕКСТА ВНИЗУ */
.privacy-text123 {
    font-size: 12px;
    color: #666;
}

.privacy-text123 a {
    color: #EC6941;
    text-decoration: none;
}
.popup-content123 input {
  width: 100%;
}

.submit-button111 {
    background: white url('/wp-content/uploads/2025/03/arrow-button.png') no-repeat right center;
    color: #EC6941;
    border-bottom: 1px solid #EC6941 !important;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
   /* transition: 0.3s;*/
    justify-content: flex-end;
        text-align: right;
}

.popup-content123 h2 {
margin: 20px 0px;
/*font-family: Geologica;*/
font-family: "hankensans", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
}
.popup-content123 h3 {
  /*font-family: Geologica;*/
  font-family: "hankensans", sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 150%;
text-align: center;

}


/* Общий стиль для попапа */
.popup-overlay123 {
    display: none; /* Попап скрыт по умолчанию */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
    justify-content: center; /* Центрируем попап по вертикали */
    align-items: center; /* Центрируем попап по горизонтали */
    z-index: 1000;
}

/* Попап содержимое */
.popup-content123 {
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 400px) {
.popup-content123 {
    width: 96%;
}
.popup-content123 h2 {
    font-size: 20px;
  }
}

/* FOOTER */
.footer124 {
    background: #1C1E27;
    color: #FFFFFF;
    padding: 40px 20px;
}

.footer-container124 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    gap: 20px; /* Добавляет небольшой отступ между блоками */
}
.footer-logo124,
.footer-menu124,
.footer-contacts124,
.footer-phone124 {
    flex: 1; /* Равномерное распределение пространства */
    min-width: 200px; /* Минимальная ширина, чтобы блоки не становились слишком узкими */
    text-align: left;
}

/* Для центрирования контента внутри каждого блока */
.footer-logo124,
.footer-menu124,
.footer-contacts124,
.footer-phone124 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Чтобы меню не растягивалось больше других блоков */
.footer-menu124 {
    align-items: center;
}

.footer-logo124 img {
    max-width: 220px;
    margin-bottom: 10px;
}

.footer-logo124 p {
    margin: 15px 0;
}

.footer-link124 {
    color: #FFFFFF;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-link124:hover {
    color: #EC6941;
}

/* Стили для меню */
.footer-menu124 {
    flex: 1;
}

.footer-menu-list124 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu-list124 li {
    margin-bottom: 10px;
}

.footer-menu-list124 a {
    color: #FFFFFF;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-menu-list124 a:hover {
    color: #EC6941;
}

/* Контакты */
.footer-contacts124 {
    display: flex;
    flex-direction: column;
}

.footer-contact-link124 {
    color: #FFFFFF;
    text-decoration: none;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    transition: color 0.3s;
}

.footer-contact-link124 i {
    color: #EC6941;
    margin-right: 8px;
}

.footer-contact-link124:hover {
    color: #EC6941;
}

/* Телефоны */
.footer-phone124 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-phone-link124 {
    color: #FFFFFF;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color 0.3s;
}

.footer-phone-link124 i {
    color: #EC6941;
    margin-right: 8px;
}

.footer-phone-link124:hover {
    color: #EC6941;
}

.footer-worktime124 {
    font-size: 14px;
    margin-top: 10px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .footer-container124 {
        flex-direction: column;
        align-items: self-start;
        text-align: center;
    }

    .footer-menu124 {
        align-items: flex-start;
    }

    .footer-contacts124,
    .footer-phone124 {
        margin-top: 20px;
    }

    .footer-phone124 {
        /*align-items: center;*/
    }
}
.footer-correct-callback-button123 {
  margin: 20px 0px;
  margin-left: 25px;
  background-color: #1c1e27;
}

.main-page-block-1 {
    font-size: 44px;
    line-height: 130%;
    text-transform: uppercase;
    text-align: center;

}
.main-page-block-1 span {
    font-weight: 700;
}

.main-page-block-2-riad-1 {
font-weight: 200;
font-size: 28px;
line-height: 140%;
text-transform: uppercase;
}

.main-page-block-2-riad-2 {
font-weight: 700;
font-size: 28px;
line-height: 140%;
text-transform: uppercase;
}
.custom-button-000 {
    display: inline-flex;
    align-items: center;
    padding: 10px 5px 10px 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    color: #EC6941;
    text-decoration: none;
    border-bottom: 2px solid #EC6941;
    transition: all 0.3s ease;
}

.custom-button-img-000 {
    margin-left: 10px;
    height: 20px; /* Размер картинки, можно настроить */
}

.custom-button-000:hover {
    background-color: #EC6941;
    color: #fff;
}
.main-page-block-2-right-corect-border {
    /*border-top: 1px solid #1C1E27;
    border-bottom: 1px solid #1C1E27;*/
     display: flex;
    align-items: center;
    justify-content: center; /* Если нужно центрировать и по горизонтали */
    height: 100%; 
}

.main-page-block-3-all-one-block1 {
color: #7E7E7E;
font-size: 18px;
line-height: 100%;

}
.main-page-block-3-all-one-block2 {
font-weight: 400;
font-size: 32px;
line-height: 100%;
vertical-align: bottom;

}
.main-page-block-3-all-one-block3 {
font-size: 16px;
line-height: 140%;
vertical-align: bottom;
/*color: #1C1E27;*/
color: #707070;
}
.main-page-block-3-all-corect-border-left {
    border-left: 1px solid #1C1E27;
    flex: 1;
}
.main-page-block-3-all-for-main{
    display: flex;
    align-items: stretch; 
}
.main-page-block-4-oglavlenie {
font-size: 36px;
line-height: 140%;
text-transform: uppercase;

}
.main-page-block-4-oglavlenie-text {
    border-bottom: 1px solid #1C1E27; /* Тонкая линия */
    padding-bottom: 5px; /* Отступ от текста */
    display: inline-block;
}
.main-page-block-4-h3-text {
font-size: 20px;
line-height: 140%;
text-transform: uppercase;
}
.main-page-block-4-h3-text strong {
    font-weight: 700;
}
.main-page-block-4-h3-text-description {
font-size: 16px;
line-height: 140%;
}
.main-page-block-4-h3-text-description p {
margin: 15px 0px;
color: #707070;
}
.main-page-block-4-h3-text-2 {
font-size: 32px;
line-height: 140%;
text-transform: uppercase;
}
.main-page-block-4-h3-text strong {
   color: #EC6941; 
}
.main-page-block-4-h3-text-2 strong {
color: #EC6941;
}
@media (max-width: 768px) {
.main-page-block-3-all-for-main{
    display: block;
}
.main-page-block-2-right-corect-border {
    display: block;
}
.main-page-block-3-all-corect-border-left {
    border-bottom: 1px solid #1C1E27;
    margin-bottom: 20px;
}
#content {
    padding-left: 15px;
    padding-right: 15px;
}
.main-page-block-1 {
    font-size: 30px;
}
.main-page-block-4-oglavlenie {
    font-size: 28px;
}
.main-page-block-4-h3-text-2 {
    font-size: 26px;
}
}


/* Стили для блока lb-nav */
.lb-nav {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center; /* Центрируем по горизонтали */
    align-items: flex-start; /* Выравниваем по верхнему краю */
    z-index: 1; /* Чтобы блок был поверх изображения */
}

/* Стили для подписи */
.lb-caption {
    position: absolute;
    top: 10px; /* Отступ от верхнего края */
    left: 50%; /* Центрируем по горизонтали */
    transform: translateX(-50%); /* Корректируем смещение */
    background-color: rgba(0, 0, 0, 0.7); /* Черный фон с прозрачностью */
    color: white; /* Белый цвет текста */
    padding: 10px 20px; /* Отступы вокруг текста */
    max-width: 90%; /* Максимальная ширина подписи */
    word-wrap: break-word; /* Перенос слов на новую строку */
    white-space: normal; /* Разрешаем перенос строк */
    box-sizing: border-box; /* Учитываем padding в размерах */
    z-index: 2; /* Выше остальных элементов */
    font-size: 18px; /* Размер шрифта */
}

.vc_figure .vc_figure-caption {
    display: none;
}

.main-page-block-5-oglavlenie {

font-size: 20px;
line-height: 140%;
text-transform: uppercase;

}
.main-page-block-5-text {
font-size: 15px;
color: #707070;
line-height: 140%;
}
.main-page-block-5-contener-one-yslug {
   /* border-bottom: 1px solid #1C1E27;*/
}
.main-page-block-5-contener-one-yslug .wpb_raw_code  {
    /*text-align: right;*/
    margin-top: auto;
}

.main-page-block-5-riad {
    min-height: 575px !important;
}
.main-page-block-5-text {
    min-height: 250px !important;
}
@media (max-width: 1280px) {
   .main-page-block-5-text {
    min-height: 290px !important;
} 
}
@media (max-width: 768px) {
.right-correct-button-000 {
    margin-right: 10px;
}
.main-page-block-5-text {
    min-height: 50px !important;
}
.main-page-block-5-riad {
    min-height: 70px !important;
}
}
.main-page-block-6-oglavlenie-text {
font-size: 26px;
line-height: 130%;
text-transform: uppercase;
}
.main-page-block-6-oglavlenie-text strong {
font-weight: 700;
}
/* Контейнер для галереи */
.media-grid-1234 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Автоширина, автоматически выбирает размер */
    gap: 5px; /* Минимальные отступы */
    width: 100%;
    margin: 0 auto;
    grid-auto-flow: dense; /* Умное заполнение */
    align-items: stretch;
}

/* Общие стили для изображений */
.media-grid-1234 img {
    width: 100%; /* Растягиваем изображение по ширине контейнера */
    height: 100%; /* Заполняем весь контейнер по высоте */
    object-fit: cover; /* Сохраняем пропорции, изображение заполняет контейнер */
    display: block;
    border-radius: 0; /* Убираем скругления */
}

/* Динамическая высота для разных размеров */
.grid-item-full-width-1234 {
    grid-column: span 4; /* Занимает 4 колонки */
}

.grid-item-two-thirds-1234 {
    grid-column: span 3; /* Занимает 3 колонки */
}

.grid-item-one-third-1234 {
    grid-column: span 1; /* Занимает 1 колонку */
}

.grid-item-one-half-1234 {
    grid-column: span 2; /* Занимает 2 колонки */
}

/* Для последнего ряда, чтобы не оставались висящие фото */
.media-grid-1234 .grid-item-last-row {
    grid-column: span 1; /* Заполняет 1 колонку */
}

/* Адаптивность */
@media (max-width: 1024px) {
    .media-grid-1234 {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); /* Уменьшаем минимальный размер блока на средних экранах */
    }
}

@media (max-width: 768px) {
    .media-grid-1234 {
        grid-template-columns: repeat(1, 1fr); /* На мобильных устройствах по 1 колонке */
    }

    /* Оставляем изображения в их первоначальном размере */
    .grid-item-full-width-1234 {
        grid-column: span 1; /* Занимает одну колонку */
    }

    .grid-item-two-thirds-1234 {
        grid-column: span 1; /* Занимает одну колонку */
    }

    .grid-item-one-third-1234 {
        grid-column: span 1; /* Занимает одну колонку */
    }

    .grid-item-one-half-1234 {
        grid-column: span 1; /* Занимает одну колонку */
    }
}

@media (max-width: 768px) {
#lightboxOverlay {
    width: 100% !important;
}
}
.main-page-block-8-oglavlenie {
font-size: 36px;
line-height: 140%;
text-align: center;
text-transform: uppercase;
}
.main-page-block-8-oglavlenie strong {
    font-weight: 700;
}
.main-page-block-8-text {
font-size: 18px;
line-height: 150%;
text-align: center;
}

/* Контейнер формы */
.contact-form-block8-main-page form {
    display: flex;
    gap: 5px;
    flex-direction: column; /* Размещение элементов в столбик */
    width: 100%; /* На всю ширину контейнера */
    max-width: 600px; /* Максимальная ширина формы для удобства */
    margin: 0 auto; /* Выравнивание по центру */
}

/* Для полей ввода */
.contact-form-block8-main-page .wpcf7-form-control-wrap {
    width: 100%; /* Поля занимают всю доступную ширину */
    box-sizing: border-box; /* Учитываем padding и border при вычислении ширины */
}

/* Стили для самих полей */
.contact-form-block8-main-page .wpcf7-form-control {
    width: 100%; /* Поля заполняют 100% ширины родительского контейнера */
    padding: 20px;
    border: none; /* Убираем обводку */
    border-bottom: 1px solid #1C1E27; /* Только нижняя граница */
    font-size: 18px;
    margin: 0;
    box-sizing: border-box;
}

/* Стили для кнопки */
.contact-form-block8-main-page .wpcf7-submit {
    width: auto; /* Кнопка не будет занимать всю ширину */
    max-width: 200px; /* Ограничиваем максимальную ширину кнопки */
    padding: 12px 30px;
    color: #EC6941;
    border: none;
    cursor: pointer;
    text-align: center;
    margin-top: 10px; /* Отступ сверху */
    align-self: flex-end; /* Кнопка прижата к правому краю */
}

/* Стили для успешных сообщений и ошибок */
.contact-form-block8-main-page .wpcf7-response-output {
    font-size: 16px;
    color: #1C1E27;
    text-align: center;
    padding: 10px;
    margin-top: 15px;
    background-color: #f0f0f0;
    border-radius: 5px;
}

/* Для мобильных устройств */
@media screen and (max-width: 768px) {
    /* Убедимся, что форма будет на всю ширину экрана */
    .contact-form-block8-main-page form {
        padding: 15px; /* Отступы внутри формы */
    }

    .contact-form-block8-main-page .wpcf7-submit {
        width: 100%; /* Кнопка на всю ширину на мобильных */
        padding: 12px 0; /* Подаем кнопку в один ряд */
        align-self: stretch; /* Кнопка растягивается на всю ширину */
    }
}
.main-page-block-8-oglavlenie-text-pred {
font-size: 12px;
line-height: 100%;
text-align: center;
}
.button-detail-123 {
font-size: 18px;
line-height: 100%;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 0%;
text-decoration-thickness: 0%;
color: #EC6941;
}
.wpcp-single-item .wpcp-post-content {
    display: none;
}
.wpcp-single-item {
        padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #1C1E27 !important;
}
.button-detail-123-div {
    padding-top: 10px;
}
.swiper-pagination-bullet-active {
    background-color: #EC6941 !important;
}
.postc-corect-style-class .entry-content {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.nav-links {
    display: none;
}
/* Стили для нового класса .post-title-221 */
.post-title-221 {
    font-family: 'Arial', sans-serif;
    font-size: 32px;
    color: #333333;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 20px;
    border-bottom: 3px solid #EC6941;
    padding-bottom: 10px;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
}

/* Дополнительные стили для .post-title-221 */
.post-title-221:hover {
    color: #ff5733; /* Синий цвет при наведении */
    text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.3); /* Увеличиваем тень */
}


/* ФИКС */
.title-for-page-1 {
font-size: 38px;
line-height: 140%;
text-transform: uppercase;
margin: 50px 0px;
text-align: center;
}
.title-for-page-1 strong {
    color: #f0430f;
}
.page-text {
font-size: 16px;
}
.page-block-title {
font-size: 30px;
text-transform: uppercase;
}

@media screen and (max-width: 768px) {
.title-for-page-1 {
 font-size: 22px;
}
.page-block-title {
        font-size: 22px;

}
}


/* прймущества блоки */
.advantages211 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    text-align: center;
}

.advantage211 {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    min-height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Заголовки: выделение, стиль */
.advantage211 h3 {
    font-size: 20px;
    /*font-weight: bold;*/
    margin: 15px 0;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.advantage211 p {
    text-align: left;
    font-size: 16px;   
    line-height: 140%;
    color: #707070;
}

/* Иконки: стиль */
.advantage-icon211 {
    font-size: 40px;
    color: #ffc35a;
    margin-bottom: 10px;
}

/* Ховер-эффект */
.advantage211:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    background: #fff5e1;
}

/* Адаптивность */
@media (max-width: 1024px) {
    .advantages211 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .advantages211 {
        grid-template-columns: 1fr;
    }
}

.otziv-211-corect .icon-next, .otziv-211-corect .icon-prev {
    background-color: #ec6941;
    color: #fff;
}

.otziv-211-corect .icon-next:before, .otziv-211-corect .icon-prev:before {
    top: -3px !important;
}
.otziv-211-corect img {
margin-left: auto;
    margin-right: auto;
}
@media (max-width: 768px) {
    .otziv-211-corect .icon-next:before, .otziv-211-corect .icon-prev:before {
    top: -8px !important;
}
}

/* Левый блок */
/* Контейнер для блока контактов */
.contact-block-221 {
    margin-top: 40px;
    padding: 20px;
    color: #fff;
}
/* Контейнер для блока контактов */

/* Заголовок */
.contact-title-221 {
    font-size: 34px;
    margin-left: 30px;
    font-weight: bold;
    margin-bottom: 40px;
}
.time-corect-221 {
    font-size: 16px;
    color: #cdcdcd;
}
/* Элементы контактов */
.contact-item-221 {
    margin: 20px 0;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.contact-item-221 .fas {
    color: #ec6941;
} 
/* Иконки контактов */
.contact-icon-221 {
    margin-right: 8px;
    font-size: 18px;
}

/* Ссылки */
.contact-info-221 {
    color: white; /* Белый цвет текста */
    text-decoration: none; /* Убираем подчеркивание */
    transition: color 0.3s ease; /* Плавное изменение цвета */
}

.contact-info-221:hover {
    color: #ec6941; /* Цвет при наведении */
}
.title-page-oformlenie {
    background: #ffce78;
    margin-bottom: 50px;
}
.footer-contacts124 p {
   margin: 10px 0 8px 0px;
}
.footer-contacts124 p:first-child {
   margin-top: 0px;
}
.vc_separator .vc_sep_line {
    border-color: #d3d3d3 !important;
}
.corect-contact-block {
    padding-left: 20%;
}
@media (max-width: 768px) {
  .corect-contact-block {
    padding-left: 5%;
}  
#block7 {
    padding-bottom: 30px;
}
}

#block7 .vc_column-inner {
    padding-top: 0px !important;
}
.stile-list ol {
    list-style-type: decimal; /* Это гарантирует, что будет использоваться нумерация 1, 2, 3 и т. д. */
    margin-left: 20px
}
.stile-list ol li {
    margin-bottom: 10px; 
}
.stile-list {
    font-size: 16px;   
    line-height: 140%;
    color: #707070;
}
.stile-list strong {
    font-weight: 600;
    color: #1C1E27;
}

.texst-correct-main p{
    font-size: 16px;   
    line-height: 140%;
    color: #707070;
}


.item-content.shortened {
  max-height: 150px;
  overflow: hidden;
  position: relative;
  transition: max-height 1.5s ease;
}

.item-content.shortened.expanded {
  max-height: 1000px; /* Достаточно большое значение */
}

.read-more-toggle {
  display: inline-block;
  margin-top: 10px;
  color: #0073aa;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  transition: color 0.3s ease
}

.read-more-toggle:hover {
color: #ec6941;
}
.sp-wpcpro-section-title {
    display: none;
}
.swiper-button-next, .swiper-button-prev {
    display: flex !important;
    justify-content: flex-start !important;
}
.one-slide h4 {
    font-size: 20px;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 10px;
}
.one-slide p {
    font-size: 16px;
    line-height: 140%;
    color: #707070;
    text-align: left;
}
.wpcp-single-item {
    border-left: none !important;
}
.wpcp-single-item:hover {
    border-left: none !important;
}
.wcp-light-box {
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100% !important;
  height: auto !important;
}

.wcp-light-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  max-width: none;
  max-height: none;
}
@media (max-width: 768px) {
.vc_custom_1742390816571 {
    margin-top: 20px !important;
}
.vc_custom_1744114982595 {
    display: none;
}
}

.mobile-menu123 {
  display: none; /* по умолчанию скрыто */
  position: fixed; /* фиксируем наверху */
  top: 60px;
  left: 0;
  width: 100%;
  background-color: white;
  padding: 20px;
  box-sizing: border-box;
  z-index: 9999; /* убедимся, что поверх всего */
  border-top: 2px solid #EC6941;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* легкая тень */
}
.header-container123 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  z-index: 10000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

body {
  padding-top: 80px; /* под высоту header, можно адаптировать */
}

.header-container123,
.mobile-menu123 {
  transition: transform 0.3s ease-in-out;
}

.menu-foter-no-main {
    color: #fff;
    transition: color 0.3s;
}

.menu-foter-no-main:hover {
    color: #EC6941;
}

.main-page-block-2-right-corect-border {
    background-image: url(/wp-content/uploads/2025/03/image-7-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 768px) {
    .main-page-block-2-right-corect-border {
        background-image: url('/wp-content/uploads/2025/04/image-7-bg.jpg');
        background-size: cover;
        background-position: center;
    }
}



/* Секция с фоновым изображением и затемнением */
.banner-141.commercial-title-img-141 {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('/wp-content/uploads/2025/06/glavnaya-fon.jpg') center center / cover no-repeat;
  padding: 150px 20px;
  color: #fff;
  height: calc(100vh - 350px);
  min-height: 580px;
}

/* Секция с фоновым изображением и затемнением */
.banner-141.commercial-title-img-142 {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('/wp-content/uploads/2025/06/vitrin-fon.jpg') center center / cover no-repeat;
  padding: 150px 20px;
  color: #fff;
  height: calc(100vh - 350px);
  min-height: 580px;
}

/* Секция с фоновым изображением и затемнением */
.banner-141.commercial-title-img-143 {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('/wp-content/uploads/2025/06/fasad-fon.jpg') center center / cover no-repeat;
  padding: 150px 20px;
  color: #fff;
  height: calc(100vh - 350px);
  min-height: 580px;
}

.banner-141.commercial-title-img-144 {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('/wp-content/uploads/2025/06/pishh-fon.jpg') center center / cover no-repeat;
  padding: 150px 20px;
  color: #fff;
  height: calc(100vh - 350px);
  min-height: 580px;
}

.banner-141.commercial-title-img-145 {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('/wp-content/uploads/2025/06/maxresdefault.jpg') center center / cover no-repeat;
  padding: 150px 20px;
  color: #fff;
  height: calc(100vh - 350px);
  min-height: 580px;
}
.banner-141.commercial-title-img-146 {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('/wp-content/uploads/2025/07/2131232124215251.jpg') center center / cover no-repeat;
  padding: 150px 20px;
  color: #fff;
  height: calc(100vh - 350px);
  min-height: 580px;
}
.banner-141.commercial-title-img-147 {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('/wp-content/uploads/2025/06/dizajn-lestnicy-1024x683-1.jpg') center center / cover no-repeat;
  padding: 150px 20px;
  color: #fff;
  height: calc(100vh - 350px);
  min-height: 580px;
}

/* Контейнер */
.gi-container-fluid-141 {
  max-width: 1400px;
  margin: 0 auto;
}

/* Сетка */
.gi-row-141 {
  display: flex;
  flex-wrap: wrap;
}

.gi-col-141 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Внутренний блок */
.home-banner-inner-141 {
  text-align: left;
}

/* Заголовок */
.heading-141.headline-141 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #ff8b1a;
}

/* Список */
.list-tick-141 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-tick-141 li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  font-size: 18px;
}

.list-tick-141 li::before {
  content: '✔';
  position: absolute;
  left: 0;
  top: 0;
  color: #ff8b1a;
  font-weight: bold;
}
.home-text-post-141 {
    margin: auto;
    max-width: 1200px;
}

@media (max-width: 768px) {
    .banner-141.commercial-title-img-141 {
        height: auto;
    }
}












.custom-section-142 {
  width: 100%;
  margin: 0;
  padding: 0;
}

.content-wrapper-142 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
}

.text-block-142 {
  flex: 1 1 50%;
  padding: 130px 100px;
  background-color: #f7f7f7;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.text-block-142 h4 {
  font-size: 28px;
  color: #222;
  margin-bottom: 20px;
}

.text-block-142 p {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
}

.text-block-142 a {
  color: #d12128;
  text-decoration: underline;
}

.btn-142 {
  display: inline-block;
  margin-top: 25px;
  background-color: #d12128;
  color: white;
  padding: 12px 24px;
  text-decoration: none;
  border: none;
}

.image-block-142 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/glavnaya.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}

@media (max-width: 768px) {
  .content-wrapper-142 {
    flex-direction: column;
  }

  .image-block-142 {
    min-height: 250px;
    height: 250px;
  }
  .text-block-142 {
  flex: 1 1 50%;
  padding: 60px 20px;
}
}



.custom-section-143 {
  background-color: #f7f7f7;
  width: 100%;
  margin: 0;
  padding: 0;
}

.content-wrapper-143 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
}

.image-block-143 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/glavnaya-2.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}

.text-block-143 {
  flex: 1 1 50%;
  padding: 130px 100px;
  background-color: #f7f7f7;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.text-block-143 h4 {
  font-size: 28px;
  color: #222;
  margin-bottom: 20px;
}

.text-block-143 p {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
}

.text-block-143 a {
  color: #d12128;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .content-wrapper-143 {
    flex-direction: column;
  }

  .image-block-143 {
    min-height: 250px;
    height: 250px;
  }
  .image-block-143 {
    order: 2;
    min-height: 250px;
    height: 250px;
  }

  .text-block-143 {
    order: 1;
  }
  .text-block-143 {
  flex: 1 1 50%;
  padding: 60px 20px;
}
}


.custom-button1 {
  min-height: 100px;
  display: flex;
  align-items: center;   /* вертикальное выравнивание */
  justify-content: center;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  color: #ffffff;
  background-color: #ff8b1a; /* мягкий, деловой голубой */
  text-decoration: none;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.custom-button1:hover {
  background-color: #EC6941; /* чуть темнее при наведении */
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

.text-align-center {
    text-align: center;
}

.image-block-144 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/glavnaya-3.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}

.image-block-145 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/glavnaya-4.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}


@media (max-width: 768px) {
  .text-block-145 {
  flex: 1 1 50%;
  padding: 60px 20px;
}
.image-block-145 {
    order: 2;

  }
}


ul.list-style-correct {
        font-size: 16px;
    line-height: 1.6;
    color: #444;
    font-family: 'hankensans', sans-serif !important;
      list-style-type: disc;       /* тип маркера (disc, circle, square, none) */
    padding-left: 20px; 
}

.corect-style-button-offer {
    max-width: 300px;
    margin-top: 10px;
}
.corect-style-button-offer a {
    text-decoration: none !important;
    color: #EC6941;
}

.image-block-146 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/vitrin.png') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}

.image-block-147 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/07/a1274bfa-2175-4eea-a0cb-0d4e0f43711a-1.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}


@media (max-width: 768px) {
  .text-block-147 {
  flex: 1 1 50%;
  padding: 60px 20px;
}
.image-block-147 {
    order: 2;

  }
}

ol.list-style-correct {
        font-size: 16px;
    line-height: 1.6;
    color: #444;
    font-family: 'hankensans', sans-serif !important;
      list-style-type: decimal;
    padding-left: 20px; 
}

.image-block-148 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/fasad1.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}

.image-block-149 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/fasad-proczess.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}


@media (max-width: 768px) {
  .text-block-149 {
  flex: 1 1 50%;
  padding: 60px 20px;
}
.image-block-149 {
    order: 2;

  }
}


.image-block-150 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/pishh.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}

.image-block-151 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/pishhevaya.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}


@media (max-width: 768px) {
  .text-block-151 {
  flex: 1 1 50%;
  padding: 60px 20px;
}
.image-block-151 {
    order: 2;

  }
}

.image-block-152 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/07/potolok.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}

.image-block-153 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/creative-ceiling-design.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}


@media (max-width: 768px) {
  .text-block-153 {
  flex: 1 1 50%;
  padding: 60px 20px;
}
.image-block-153 {
    order: 2;

  }
}


.image-block-154 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/07/steny-2.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}

.image-block-155 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/07/233323.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}


@media (max-width: 768px) {
  .text-block-155 {
  flex: 1 1 50%;
  padding: 60px 20px;
}
.image-block-155 {
    order: 2;

  }
}

.image-block-156 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/office-interior-helix-painting.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}

.image-block-157 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/07/12344.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}

.image-block-158 {
  flex: 1 1 50%;
  background: url('/wp-content/uploads/2025/06/7bcf9dee-0640-42ad-b42a-913e728ce564.jpg') center center / cover no-repeat;
  height: auto;
  min-height: 400px;
}


@media (max-width: 768px) {
  .text-block-158 {
  flex: 1 1 50%;
  padding: 60px 20px;
}
.image-block-158 {
    order: 2;

  }
}