.elementor-4052 .elementor-element.elementor-element-b5feb80{margin-top:0px;margin-bottom:60px;padding:0px 30px 0px 30px;z-index:2;}.elementor-4052 .elementor-element.elementor-element-790bcb1.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4052 .elementor-element.elementor-element-776ce17 .dt-css-grid{--wide-desktop-columns:3;grid-template-columns:repeat(3,1fr);grid-column-gap:40px;grid-row-gap:60px;--grid-row-gap:60px;}.elementor-4052 .elementor-element.elementor-element-776ce17{--wide-desktop-columns:3;--the7-img-object-fit:var(--object-fit);--the7-img-width:var(--ratio-img-width);--the7-img-height:var(--ratio-img-height);--the7-img-max-height:var(--max-height);--the7-img-max-width:var(--max-width);--box-width:var(--image-size, var(--ratio-img-width));--the7-img-ratio:var(--aspect-ratio, var(--ratio));--object-fit:cover;--ratio-img-width:100%;--svg-width:100%;--height:100%;--max-height:100%;--max-width:100%;--aspect-ratio:1.52;--meta-color:var( --e-global-color-el_color_1 );}.elementor-4052 .elementor-element.elementor-element-776ce17 .post.wrapper{align-items:flex-start;align-content:flex-start;}.elementor-4052 .elementor-element.elementor-element-776ce17 [class*="the7-simple-widget-"]{--content-wrapper-flex-flow:column wrap;--thumb-margin:0 0 var(--image-spacing) 0;--thumb-order:0;--content-width:100%;--image-spacing:30px;--image-size:100%;--image-ratio:100%;}.elementor-4052 .elementor-element.elementor-element-776ce17 .the7-simple-post-thumb, .elementor-4052 .elementor-element.elementor-element-776ce17 .post-entry-content{align-self:center;} .elementor-4052 .elementor-element.elementor-element-776ce17 .post-thumbnail-rollover:after, .elementor-4052 .elementor-element.elementor-element-776ce17 .post-thumbnail-rollover:before, .elementor-4052 .elementor-element.elementor-element-776ce17 .post-thumbnail-rollover:after { transition: opacity 0.3s ease; } .elementor-4052 .elementor-element.elementor-element-776ce17 .post-thumbnail-rollover:after{background:#00000000;}.elementor-4052 .elementor-element.elementor-element-776ce17 .post-entry-content{align-items:center;text-align:center;padding:0% 6% 0% 6%;}.elementor-4052 .elementor-element.elementor-element-776ce17 .the7-simple-post-thumb{width:var(--image-size);}.elementor-4052 .elementor-element.elementor-element-776ce17 .the7-simple-post-thumb, .elementor-4052 .elementor-element.elementor-element-776ce17 .post-thumbnail-rollover, .elementor-4052 .elementor-element.elementor-element-776ce17 .the7-simple-post-thumb img{border-radius:30px 30px 30px 30px;}.elementor-4052 .elementor-element.elementor-element-776ce17 .the7-simple-post-thumb .layzr-bg{border-radius:30px 30px 30px 30px;}.elementor-4052 .elementor-element.elementor-element-776ce17 .post-thumbnail-rollover:after{background-color:transparent;background-image:linear-gradient(180deg, #00000000 0%, var( --e-global-color-el_color_6_3 ) 100%);}.elementor-4052 .elementor-element.elementor-element-776ce17 .heading{font-family:var( --e-global-typography-el_title_4-font-family ), Sans-serif;font-size:var( --e-global-typography-el_title_4-font-size );font-weight:var( --e-global-typography-el_title_4-font-weight );line-height:var( --e-global-typography-el_title_4-line-height );letter-spacing:var( --e-global-typography-el_title_4-letter-spacing );}.elementor-4052 .elementor-element.elementor-element-776ce17 .post-title{color:var( --e-global-color-el_color_0 );}.elementor-4052 .elementor-element.elementor-element-776ce17 .post-title:hover{color:var( --e-global-color-el_color_1 );}.elementor-4052 .elementor-element.elementor-element-776ce17 a.wf-cell:hover .post-title{color:var( --e-global-color-el_color_1 );}.elementor-4052 .elementor-element.elementor-element-776ce17 .entry-meta .meta-item:not(:first-child):before{content:"•";}.elementor-4052 .elementor-element.elementor-element-776ce17 .entry-meta .meta-item, .elementor-4052 .elementor-element.elementor-element-776ce17 .entry-meta .meta-item *{color:var( --e-global-color-el_color_1 );}.elementor-4052 .elementor-element.elementor-element-776ce17 .entry-meta{margin-top:10px;}.elementor-4052 .elementor-element.elementor-element-776ce17 .short-description{font-family:var( --e-global-typography-el_content_1-font-family ), Sans-serif;font-size:var( --e-global-typography-el_content_1-font-size );font-weight:var( --e-global-typography-el_content_1-font-weight );text-transform:var( --e-global-typography-el_content_1-text-transform );font-style:var( --e-global-typography-el_content_1-font-style );line-height:var( --e-global-typography-el_content_1-line-height );letter-spacing:var( --e-global-typography-el_content_1-letter-spacing );margin-top:15px;}.elementor-4052 .elementor-element.elementor-element-776ce17 .box-button{margin-top:20px;}.elementor-4052 .elementor-element.elementor-element-776ce17 .paginator{justify-content:center;--filter-pointer-border-width:1px;--filter-pointer-bg-color-normal:var( --e-global-color-el_color_7_4 );margin-top:60px;}.elementor-4052 .elementor-element.elementor-element-776ce17 .paginator a, .elementor-4052 .elementor-element.elementor-element-776ce17 .paginator .button-load-more{font-family:var( --e-global-typography-el_title_6-font-family ), Sans-serif;font-size:var( --e-global-typography-el_title_6-font-size );font-weight:var( --e-global-typography-el_title_6-font-weight );line-height:var( --e-global-typography-el_title_6-line-height );letter-spacing:var( --e-global-typography-el_title_6-letter-spacing );}.elementor-4052 .elementor-element.elementor-element-776ce17 .paginator a{--filter-title-color-hover:var( --e-global-color-el_color_1 );--filter-pointer-bg-color-hover:var( --e-global-color-el_color_1 );padding:14px 60px 14px 60px;}@media(max-width:1000px){.elementor-4052 .elementor-element.elementor-element-776ce17 .dt-css-grid{grid-template-columns:repeat(2,1fr);}.elementor-4052 .elementor-element.elementor-element-776ce17{--wide-desktop-columns:2;}.elementor-4052 .elementor-element.elementor-element-776ce17 .post-entry-content{padding:0px 0px 0px 0px;}.elementor-4052 .elementor-element.elementor-element-776ce17 .heading{font-size:var( --e-global-typography-el_title_4-font-size );line-height:var( --e-global-typography-el_title_4-line-height );letter-spacing:var( --e-global-typography-el_title_4-letter-spacing );}.elementor-4052 .elementor-element.elementor-element-776ce17 .short-description{font-size:var( --e-global-typography-el_content_1-font-size );line-height:var( --e-global-typography-el_content_1-line-height );letter-spacing:var( --e-global-typography-el_content_1-letter-spacing );}.elementor-4052 .elementor-element.elementor-element-776ce17 .paginator a, .elementor-4052 .elementor-element.elementor-element-776ce17 .paginator .button-load-more{font-size:var( --e-global-typography-el_title_6-font-size );line-height:var( --e-global-typography-el_title_6-line-height );letter-spacing:var( --e-global-typography-el_title_6-letter-spacing );}}@media(max-width:700px){.elementor-4052 .elementor-element.elementor-element-b5feb80{padding:0px 0px 0px 0px;}.elementor-4052 .elementor-element.elementor-element-776ce17 .dt-css-grid{grid-template-columns:repeat(1,1fr);}.elementor-4052 .elementor-element.elementor-element-776ce17{--wide-desktop-columns:1;}.elementor-4052 .elementor-element.elementor-element-776ce17 .post-entry-content{padding:0px 0px 0px 0px;}.elementor-4052 .elementor-element.elementor-element-776ce17 .heading{font-size:var( --e-global-typography-el_title_4-font-size );line-height:var( --e-global-typography-el_title_4-line-height );letter-spacing:var( --e-global-typography-el_title_4-letter-spacing );}.elementor-4052 .elementor-element.elementor-element-776ce17 .short-description{font-size:var( --e-global-typography-el_content_1-font-size );line-height:var( --e-global-typography-el_content_1-line-height );letter-spacing:var( --e-global-typography-el_content_1-letter-spacing );}.elementor-4052 .elementor-element.elementor-element-776ce17 .paginator a, .elementor-4052 .elementor-element.elementor-element-776ce17 .paginator .button-load-more{font-size:var( --e-global-typography-el_title_6-font-size );line-height:var( --e-global-typography-el_title_6-line-height );letter-spacing:var( --e-global-typography-el_title_6-letter-spacing );}}@media screen and (min-width: 1301px) { .the7-elements-simple-posts-776ce17 .dt-css-grid { grid-template-columns: repeat(var(--wide-desktop-columns),minmax(0,1fr)) ! important; } .the7-elements-simple-posts-776ce17 .wf-cell:nth-child(-n + 3):before, .the7-elements-simple-posts-776ce17 .wd-hide-divider:before { display: none; }}@media screen and (min-width: 1002px) { .the7-elements-simple-posts-776ce17 .wf-cell:nth-child(-n + 3):before, .d-hide-divider:before { display: none; }}@media screen and (min-width: 701px) and (max-width: 1000px) { .the7-elements-simple-posts-776ce17 .wf-cell:nth-child(-n + 2):before, .t-hide-divider:before { display: none; }}@media screen and (max-width: 1000px) { .img-align-tablet-right .the7-elements-simple-posts-776ce17.the7-simple-widget-posts .the7-simple-post-thumb { order: 2; } .img-align-tablet-left .the7-elements-simple-posts-776ce17.the7-simple-widget-posts .the7-simple-post-thumb { order: 0; } .img-align-tablet-top .the7-elements-simple-posts-776ce17.the7-simple-widget-posts .the7-simple-post-thumb { order: 0; margin: 0 0 var(--image-spacing) 0; } .img-align-tablet-top .the7-elements-simple-posts-776ce17 .wrapper.post { flex-wrap: wrap; } .image-vertical-align-tablet-start.img-align-tablet-top .the7-elements-simple-posts-776ce17 .wrapper.post { justify-content: flex-start; } .image-vertical-align-tablet-center.img-align-tablet-top .the7-elements-simple-posts-776ce17 .wrapper.post { justify-content: center; } .image-vertical-align-tablet-end.img-align-tablet-top .the7-elements-simple-posts-776ce17 .wrapper.post { justify-content: flex-end; } .img-align-tablet-left .the7-elements-simple-posts-776ce17 .wrapper.post, .img-align-tablet-right .the7-elements-simple-posts-776ce17 .wrapper.post { flex-wrap: inherit; } .img-align-tablet-left .the7-elements-simple-posts-776ce17, .img-align-tablet-right .the7-elements-simple-posts-776ce17 { flex-wrap: unset; } .icon-box-vertical-align-tablet-center .the7-elements-simple-posts-776ce17 .wf-cell .post-entry-content { justify-content: center; } .icon-box-vertical-align-tablet-bottom .the7-elements-simple-posts-776ce17 .wf-cell .post-entry-content { justify-content: flex-end; }}@media screen and (max-width: 700px) { .the7-elements-simple-posts-776ce17 .wf-cell:nth-child(-n + 1):before, .m-hide-divider:before { display: none; } .img-align-mobile-right .the7-elements-simple-posts-776ce17.the7-simple-widget-posts .the7-simple-post-thumb { order: 2; } .img-align-mobile-left .the7-elements-simple-posts-776ce17.the7-simple-widget-posts .the7-simple-post-thumb { order: 0; } .img-align-mobile-top .the7-elements-simple-posts-776ce17.the7-simple-widget-posts .the7-simple-post-thumb { order: 0; margin: 0 0 var(--image-spacing) 0; } .img-align-mobile-top .the7-elements-simple-posts-776ce17 .wrapper.post { flex-wrap: wrap; } .image-vertical-align-mobile-start.img-align-mobile-top .the7-elements-simple-posts-776ce17 .wrapper.post { justify-content: flex-start; } .image-vertical-align-mobile-center.img-align-mobile-top .the7-elements-simple-posts-776ce17 .wrapper.post { justify-content: center; } .image-vertical-align-mobile-end.img-align-mobile-top .the7-elements-simple-posts-776ce17 .wrapper.post { justify-content: flex-end; } .img-align-mobile-left .the7-elements-simple-posts-776ce17 .wrapper.post, .img-align-mobile-right .the7-elements-simple-posts-776ce17 .wrapper.post { flex-wrap: inherit; } .img-align-mobile-left .the7-elements-simple-posts-776ce17, .img-align-mobile-right .the7-elements-simple-posts-776ce17 { flex-wrap: unset; } .icon-box-vertical-align-mobile-center .the7-elements-simple-posts-776ce17 .wf-cell .post-entry-content { justify-content: center; } .icon-box-vertical-align-mobile-bottom .the7-elements-simple-posts-776ce17 .wf-cell .post-entry-content { justify-content: flex-end; }} /* Start custom CSS for the7-elements-simple-posts, class: .elementor-element-776ce17 *//* ===== мягкое свечение на карточках проектов ===== */ /* 1. сама карточка — делаем её контейнером */ .elementor-section .post.visible.wrapper, .elementor-section .dt_portfolio, .elementor-section article[class*="dt_portfolio"] { position: relative; overflow: visible; /* чтобы тень не обрезалась */ } /* 2. саму картинку ловим по нескольким вариантам */ .elementor-section .post.visible.wrapper > a > img, .elementor-section .post.visible.wrapper > img, .elementor-section .post.visible.wrapper .post-thumbnail img, .elementor-section .post.visible.wrapper .wp-post-image, .elementor-section .dt-portfolio .post-thumbnail img { display: block; border-radius: 32px; transition: transform .16s ease, box-shadow .22s ease, filter .22s ease; } /* 3. ховер по карточке = анимируется картинка */ .elementor-section .post.visible.wrapper:hover > a > img, .elementor-section .post.visible.wrapper:hover > img, .elementor-section .post.visible.wrapper:hover .post-thumbnail img, .elementor-section .post.visible.wrapper:hover .wp-post-image, .elementor-section article[class*="dt_portfolio"]:hover .post-thumbnail img { transform: translateY(-3px); box-shadow: 0 0 0 1px rgba(25, 211, 177, .35), 0 14px 34px rgba(25, 211, 177, .15); filter: saturate(1.02); } .elementor-section .post.visible.wrapper:hover img { transform: translateY(-3px); box-shadow: 0 0 0 1px rgba(25, 211, 177, .35), 0 14px 34px rgba(25, 211, 177, .15); filter: saturate(1.02); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9ea3663 *//* Заголовки карточек и формы — белые (если ещё не включил) */ .cp-card h3, .cp-form-card h2{ color:#fff; } /* ===== Отдельный блок соцсетей ===== */ .cp-social-block{ background: radial-gradient(1000px 360px at 50% -8%, rgba(25,211,177,.12), transparent 60%), linear-gradient(180deg,#070a0e 0%, #0b1016 100%); padding: clamp(32px,6vw,72px) 0; border-top:1px solid #111a22; border-bottom:1px solid #111a22; box-shadow: inset 0 1px 0 rgba(255,255,255,.02); } .soc-card{ position:relative; text-align:center; background: linear-gradient(180deg,#0f141c,#0b0f15); border:1px solid #12202a; border-radius:24px; padding: clamp(20px,3.5vw,34px); box-shadow: 0 18px 48px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03); } .soc-card::before{ content:""; position:absolute; inset:-2px; border-radius:24px; pointer-events:none; background: linear-gradient(120deg, rgba(25,211,177,.25), transparent 30%, transparent 70%, rgba(25,211,177,.15)); filter: blur(16px); opacity:.35; } .soc-card h2{margin:0 0 6px; font-size:28px; color:#fff; position:relative; z-index:1;} .soc-card .sub{margin:0 0 16px; color:var(--muted); position:relative; z-index:1;} .soc{position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:16px; justify-content:center;} .soc-btn{ width:64px; height:64px; display:grid; place-items:center; border:2px solid #1b3d44; border-radius:14px; color:#bff7ec; background: radial-gradient(120% 120% at 30% 20%, #0e1b21, #0a1217); box-shadow: 0 10px 24px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05); transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease; } .soc-btn:hover{ transform: translateY(-3px) scale(1.02); border-color: var(--mint); color:#00f5d4; box-shadow: 0 18px 40px rgba(25,211,177,.25); } .soc-btn svg{width:28px; height:28px;} /* ===== Соцсети: фон снаружи карточки — чисто чёрный ===== */ .cp-social-block{ background:#000 !important; /* чёрная полоса на всю ширину */ border:0 !important; box-shadow:none !important; padding: clamp(32px,6vw,72px) 0; /* вертикальные отступы */ } /* на всякий случай глушим любые оверлеи/градиенты внутри секции */ .cp-social-block::before, .cp-social-block::after{ display:none !important; } /* ===== Сжимаем чёрный блок соцсетей и общий зазор ===== */ /* меньше вертикальные отступы у чёрной секции */ .cp-social-block{ padding: 12px 0 16px !important; /* было ~32–72px */ } /* внутренняя обёртка — тоже без лишних паддингов */ .cp-social-block .cp-wrap{ padding-top: 6px !important; padding-bottom: 6px !important; } /* поджимаем нижний отступ предыдущего блока (форма + преимущества) */ .contacts-page .cp-main.cp-wrap{ padding-bottom: 12px !important; /* было ~32px */ } /* убираем внешние маргины у карточки соцсетей и чуть компактнее контент */ .soc-card{ margin: 0 !important; padding: clamp(14px, 2.2vw, 22px) !important; /* было 20–34px */ } /* компактнее вертикальные расстояния внутри карточки */ .soc-card h2{ margin-bottom: 4px !important; } .soc-card .sub{ margin-bottom: 10px !important; } .soc{ gap: 12px !important; } /* при желании можно чуть уменьшить сами кнопки (расскомментируй) */ /* .soc-btn{ width:56px; height:56px; } .soc-btn svg{ width:26px; height:26px; } *//* End custom CSS */