/*.logo img {width: 150px; height: 55px;}*/
.main-top {display: grid; gap: 20px; grid-template-columns: 1fr 2fr 1fr 170px; padding: 10px 0; max-width: 1300px; margin: 0 auto; align-items: center;}
.navbar-toggler {position: absolute; top: 25px; right: 70px;}
.soc-ico img {width: 45px;}
@media (min-width: 1255px) {
/*.mod-nav li:hover {text-shadow: 0 0 4px #6b6b6b, 0 0 4px #6b6b6b, 0 0 4px #6b6b6b, 0 0 4px #6b6b6b, 0 0 4px #6b6b6b, 0 0 4px #6b6b6b, 0 0 4px #6b6b6b;}*/
}
html { scroll-behavior: smooth;}
.nav-item.parent > .mod-menu__sub li:hover {text-shadow: none;}
.mod-nav li {cursor: pointer;}
@media (max-width: 1390px) {
	.main-top {padding: 10px 50px; grid-template-columns: 150px 2fr 1fr 170px;}
	.soc-ico {grid-template-columns: 50px 50px;}
	.number-grid {grid-template-columns: 60px 1fr;}
}
@media (max-width: 1255px) {
	.main-top {grid-template-columns: 150px 1fr 150px 150px;}
}
@media (max-width: 1285px) {
	.main-top {padding: 10px 50px;}
}
#header:not(.istopfixed) {position: relative; z-index: 1000;}
#mod-custom112 {background: #ffffffcf; backdrop-filter: blur(5px); box-shadow: 0 2px 39px -17px #a9a9a9; line-height: 10px;}
.soc-ico {justify-self: anchor-center; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.number {justify-self: end; font-size: 16px;}
.number a {color:#333; text-decoration: none; display: block; cursor: pointer;}
.number a:hover {color:#cdcdcd; text-decoration: none;}
.number-grid {display: grid; gap: 10px; grid-template-columns: /*45px*/ 25px 1fr; align-items: center; /*width: 275px;*/}
.num-ico {justify-self: end;}
.number .a {width: 275px;}
.txt-number {width: max-content; justify-self: end;}
.navbar-collapse>ul>li {display: inline-block;margin-left: 15px;}
.navbar-collapse>ul>li>a, .navbar-collapse>ul>li>span  {color: #333; font-size: 18px;}
.mod-nav {justify-self: anchor-center;}
@media (max-width: 1255px) {
.navbar-collapse>ul>li {display: block; display: block; width: 210px; padding: 4px 0;}
.navbar-collapse>ul>li:not(:last-child) {border-bottom: 1px solid rgb(215, 215, 215);}
.navbar-collapse>ul>li>a {color: #000;}
.main-top .txt-number {color: #000;}
.mod-nav {grid-column: 4 / 5; grid-row: 1 / 2;}
.soc-ico {grid-column: 3 / 4; grid-row: 1 / 2;}
.number {justify-self: anchor-center;}
.navbar-collapse {position: absolute; margin-top: 20px; background: #fff; padding: 10px; right: 0px; border-radius: 10px 0 0 10px; border: 1px solid #d7d7d7;}
}
@media (max-width: 800px) {
.navbar-toggler {top: 30px; right: 40px;}
.soc-ico {grid-template-columns: 50px 50px;}
.num-ico {width: 60px;}
}
@media (max-width: 500px) {
	.main-top {grid-template-columns: 1fr 1fr; gap: 10px;}
	.mod-nav {grid-column: 2 / 3; grid-row: 2 / 3; justify-self: end;}
	.number {grid-row: 2 / 3; grid-column: 1 / 2; font-size: 20px;}
	.soc-ico {justify-self: end; grid-template-columns: 35px 35px; gap: 10px; grid-column: 2 / 3; grid-row: 1 / 2;}
	.navbar-toggler {position: inherit;}
	.number-grid {grid-template-columns: 40px 150px;}
	.main-top {padding: 10px 25px;}
	.number-grid {width: auto;}
}
	.mobile-logo {display: none;}
	.desk-logo {display: block;}
@media (max-width: 1255px) {
	.mobile-logo {display: block;}
	.desk-logo {display: none;}
}
.mod-breadcrumbs {max-width: 1300px; margin: 0 auto; padding-top: 20px;}
@media (max-width: 1400px) {
.mod-breadcrumbs {padding: 15px 50px 25px;}
}
.view-category .maincontent {background: var(--bg-soft);}
.footer-info {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 15px 30px; align-items: center;}
.logo-f {grid-column: 1 / 5;}
.footer-1 .soc-ico {grid-column: 5 / 7; grid-template-columns: 1fr; gap: 10px; align-content: center;}
.footer-1 .number, .footer-1 .b-f-fb {align-content: center;}
.footer-feedback {grid-column: 1 / 4;}
.footer-1 .number {grid-column: 4 / 7;}
.footer-1 {display: grid; grid-template-columns: 1fr 1fr; gap: 50px; max-width: 1300px; margin: 0 auto;}
#mod-custom115	{background: #1e293b; padding: 25px 50px;}
@media (max-width: 500px) {
.footer-info {grid-template-columns: 1fr;}
.logo-f {grid-column: 1 / 2; grid-row: 1 / 2;}
.footer-1 .soc-ico {justify-self: anchor-center; grid-column: 1 / 2; grid-template-columns: 1fr 1fr; grid-row: 2 / 3;}
.footer-1 .number {grid-row: 3 / 4; grid-column: 1 / 2;}
#mod-custom115 {padding: 25px 25px;}
.footer-1 {grid-template-columns: 1fr;}
.footer-1 .trial-btn {text-align: center;}
}
.adress, .mail a {color: #fff; font-size: 18px; margin-top: 20px;}
@media (max-width: 500px) {
	.adress, .mail {text-align: center;}
}
.mail {margin-top: 20px;}
.footer-1 .number a {color: #fff;}
.contactus-lightbox114>div:nth-child(1) {background: transparent; border-radius: 15px 15px 0 0;}
.contactus-lightbox114 .contactus-lightbox-closer > i {color: #7f7f7f;}
.contactus-lightbox114 h4 {color: #7f7f7f;}
#contactus-lightbox114 {border-radius: 15px;}
#contactus-lightbox114 .contactus-lightbox-body {background: transparent !important;}
#contactus-lightbox114 .contactus-lightbox-body	{padding: 20px 25px 25px 25px;}
#contactus-lightbox114 .contactus-button {max-width: 250px; border-radius: 15px; background: linear-gradient(100deg, #02b2b0 0%, #0e6074 85%, #2e333d 100%);}
#contactus-lightbox114 .contactus-button:hover {background: linear-gradient(105deg, #00c8dc 0%, #0edbb6 40%, #16677a 100%); color: #fff !important;}
.contactus-lightbox-caption	{background: linear-gradient(100deg, #02b2b0 0%, #0e6074 85%, #2e333d 100%) !important;}
.contactus-lightbox114 .contactus-lightbox-closer > i {color: #fff;}
.trial-btn {width: max-content; border-radius: 2.5em; padding: 1rem 2.5rem; border: none; font-size: 1.15rem; font-weight: 600; cursor: pointer; transition: box-shadow 0.25s, transform 0.18s, background 0.3s; background: var(--grad-blue-deep);; color: #fff; box-shadow: 0 4px 24px 0 rgba(2, 178, 176, 0.10), 0 1.5px 7px 0 rgba(50, 111, 110, 0.12); position: relative; overflow: hidden; animation: trialGlow 2.8s infinite alternate;}
.trial-btn:hover, .trial-btn:focus {animation: none; background: linear-gradient(105deg, #00c8dc 0%, #0edbb6 40%, #16677a 100%); color: #fff; box-shadow: 0 6px 38px 0 rgba(14, 219, 182, 0.33), 0 2px 17px 0 rgba(23, 103, 122, .18); transform: scale(1.045) translateY(-2.5px);}
@media (max-width: 500px) {
.trial-btn {width: auto; font-size: 16px; text-align: center;}
}
@keyframes trialGlow {
  0% {
    box-shadow: 0 4px 24px 0 rgba(2, 178, 176, 0.20), 0 1.5px 7px 0 rgba(50,111,110, .15);
    background-position: 0% 50%;
  }
  80% {
    box-shadow: 0 4px 38px 0 rgba(2, 178, 176, 0.40), 0 1.5px 13px 0 rgba(50,111,110, .25);
    background-position: 100% 50%;
  }
  100% {
    box-shadow: 0 4px 24px 0 rgba(2, 178, 176, 0.22), 0 1.5px 7px 0 rgba(50,111,110, .17);
    background-position: 40% 50%;
  }
}
.tck-article, .tck-blog {max-width: 1300px; margin: 0 auto; padding: 25px 0;}
@media (max-width: 1360px) {
.tck-article, .tck-blog {padding: 25px 50px;}
}
@media (max-width: 500px) {
.tck-article, .tck-blog {padding: 25px 25px;}
}
.view-article .tck-article-title {line-height: 31px; font-size: 25px;}
.pagination li.page-item:not(.active) .page-link {background: #ffffff; border: 1px solid #d9e3ee; border-radius: 12px; box-shadow: 0 6px 20px rgba(12, 32, 68, 0.12); text-decoration: none; transition: transform .15s ease, box-shadow .2s ease, color .2s ease, background .2s ease, border-color .2s ease; color: #1e2a3a;}
.pagination .icon-angle-double-right, .pagination .icon-angle-double-left {min-width: 46px; text-align: center;}
@media (max-width: 500px) {
	.pagination .icon-angle-double-right, .pagination .icon-angle-double-left {min-width: inherit;}
}
.pagination li.page-item .page-link:hover	{transform: translateY(-1px); box-shadow: 0 10px 24px rgba(20, 70, 140, .18), inset 0 0 0 1px rgba(42, 127, 209, .10); border-color: rgba(42, 127, 209, .35);}
.pagination li.active span {color: #fff; border-color: transparent !important; background: linear-gradient(135deg, #2a7fd1 0%, #2cc0e5 100%)!important; box-shadow: 0 10px 28px rgba(29, 120, 200, .35), inset 0 0 0 1px rgba(255, 255, 255, .18) !important; cursor: default; pointer-events: none; border-radius: 12px;}
.pagination .disabled {color: #6b7a90; background: #f6f9fc; border-color: #d9e3ee; opacity: .65; cursor: not-allowed; box-shadow: none; pointer-events: none;}
.pagination {gap: 8px;}
@media (max-width: 1000px) {
.tck-blog p.counter {float: none;}
}
.nav-item.parent > .mod-menu__sub {
  display: none;
}

.nav-item.parent:hover > .mod-menu__sub,
.nav-item.parent:focus-within > .mod-menu__sub {
  display: block;
}

.nav-item.parent {
  position: relative;
}

.nav-item.parent > .mod-menu__sub {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ddd;
  padding: 0.5rem 0;
  min-width: 200px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}
.mod-menu__sub > .nav-item > a {
  display: block;
  padding: 0.5rem 1rem;
  color: #222;
  text-decoration: none;
}

.mod-menu__sub > .nav-item > a:hover,
.mod-menu__sub > .nav-item > a:focus {
  background: #f5f5f5;
}
.mod-menu__sub li {text-shadow: none;}
.view-category .com-content-category-blog__item {padding: 25px; border: 1px solid var(--border); border-radius: 25px; background: var(--card-bg-soft);}
.view-category .com-content-category-blog__item img {border-radius: 5px;}
.view-category .tck-article-title {line-height: 25px;}
.view-category .tck-article-title a {color: var(--text); font-size: 23px;}
.view-category .tck-article-body p {font-size: 16px;}
.btn {border: var(--card-border); background: var(--grad-blue-deep); color: #fff; font-size: 18px; padding: 10px 25px; box-shadow: 0 5px 8px 2px var(--cyan);}
.btn:hover {border-radius: 0.2rem;}
.tck-article-body {margin-top: 15px;}
.tck-article-details {margin-top: 10px;}
.com-content-category-blog__items {gap: 25px;}
.btn:hover {background: var(--grad-blue-soft); box-shadow: 0 5px 9px 1px var(--teal);}
.article-info {color: var(--gray-500);}
.mod-finder__search .btn {box-shadow: none; font-size: 16px; border: 1px solid #c7c7c7; background: #173477; color: #fff;}
.mod-finder__search #mod-finder-searchword118 {border-radius: 15px 0 0 15px;}
.mod-finder__search button {border-radius: 0 15px 15px 0}
.mod-finder__search button:hover {background: #1e3f8f; border-radius: 0 15px 15px 0; color: #fff;}
.copir-grid {display: grid; grid-template-columns: 3.5fr 1fr 1fr; gap: 15px;}
.left-bar-grid {display: grid; grid-template-columns: 143px 1fr; width: 80%; gap: 25px; color: #fff; align-items: center;}
.text-footer {margin-top: 15px; color: #fff;}
.copir-grid .mod-menu__separator {color: #fff; font-weight: 600; margin-bottom: 1rem; display: block;}
.copir-grid li a, .footer-cont .number a {color: #fff;}
{padding-top: 3rem; padding-bottom: 3rem;}
#mod-custom115 {padding-top: 3rem; padding-bottom: 3rem;}
.ogran-footer {max-width: 1300px; margin: 0 auto;}
.razrab, .razrabotka, .copir, .polit-f, .usl-f {color: #fff;}
.footer-cont {display: grid; grid-template-columns: 180px 35px 35px; gap: 15px; margin-top: 15px;}
.footer-cont .number-grid {grid-template-columns: 35px 1fr}
.info-f-wrap {max-width: 600px;}
.doc-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 4px;}
@media (min-width: 500px) {
.polit-f, .usl-f {justify-self: end;}
.polit-f {grid-column: 2 / 3; grid-row: 1 / 2;}
.usl-f {grid-column: 2 / 3;}
}
@media (max-width: 500px) {
.copir-grid, .left-bar-grid, .doc-grid {grid-template-columns: 1fr;}
.left-bar-grid {text-align: center; width: 100%;}
.copir-grid ul, .doc-grid, .text-footer  {text-align: center;}
.doc-grid {gap: 8px;}
.footer-cont {width: 270px; margin: 0 auto; margin-top: 15px;}
.number {grid-row: auto;}
}


:root {
  /* 60% — Светлая база (фон, большие плоскости) */
  --bg: #F7F9FB;                 /* основной светлый фон */
  --bg-soft: #EEF3F7;            /* слегка акцентный фон для секций/карточек */
  --surface: #FFFFFF;            /* поверхности/карточки */
  --border: #E3E8EF;             /* деликатные бордеры */

  /* Текст и нейтральные состояния */
  --text: #101828;               /* основной текст */
  --text-soft: #475467;          /* вторичный текст */
  --text-on-dark: #F8FAFC;       /* текст на тёмных/насыщенных фонах */
  --muted: #98A2B3;              /* подписи/метки */
  --shadow: #0B12201F;           /* универсальная тень (12% прозрачности) */

  /* 30% — Вторичные / насыщенные фоны и градиенты (зелёный и синий) */
  /* Зелёный (гармоничный, без кислотности) */
  --green-50:  #ECFDF5;
  --green-100: #D1FAE5;
  --green-200: #A7F3D0;
  --green-400: #34D399;
  --green-500: #10B981;          /* основной зелёный */
  --green-600: #059669;
  --green-700: #047857;

  /* Синий (чистый, глубокий для контраста) */
  --blue-50:  #EFF6FF;
  --blue-100: #DBEAFE;
  --blue-200: #BFDBFE;
  --blue-400: #60A5FA;
  --blue-500: #3B82F6;           /* основной синий */
  --blue-600: #2563EB;
  --blue-700: #1D4ED8;

  /* Градиенты на базе зелёного/синего (мягкие, лёгкие) */
  --grad-green-soft: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 40%, #A7F3D0 100%);
  --grad-green-deep: linear-gradient(140deg, #34D399 0%, #10B981 55%, #059669 100%);
  --grad-blue-soft:  linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 40%, #BFDBFE 100%);
  --grad-blue-deep:  linear-gradient(140deg, #60A5FA 0%, #3B82F6 55%, #2563EB 100%);

  /* 10% — Акценты (красный для CTA/уведомлений) */
  --red-50:  #FEF2F2;
  --red-100: #FEE2E2;
  --red-200: #FECACA;
  --red-400: #F87171;
  --red-500: #EF4444;            /* основной красный акцент */
  --red-600: #DC2626;
  --red-700: #B91C1C;

  /* Градиенты с красным — аккуратно, чтобы не перегружать */
  --grad-red-soft:  linear-gradient(135deg, #FEF2F2 0%, #FEE2E2 40%, #FECACA 100%);
  --grad-red-deep:  linear-gradient(140deg, #F87171 0%, #EF4444 55%, #DC2626 100%);

  /* Комбинированные акцентные градиенты (для карточек/херо-ширм) */
  --grad-emerald-blue: linear-gradient(160deg, #10B981 0%, #3B82F6 100%);
  --grad-blue-emerald: linear-gradient(200deg, #3B82F6 0%, #10B981 100%);
  --grad-emerald-red:  linear-gradient(160deg, #10B981 0%, #EF4444 100%);
  --grad-blue-red:     linear-gradient(160deg, #3B82F6 0%, #EF4444 100%);

  /* Состояния/интерактив */
  --primary: #10B981;            /* базовый акцент (зелёный) */
  --primary-hover: #059669;
  --primary-ghost: #ECFDF5;

  --secondary: #3B82F6;          /* вторичный акцент (синий) */
  --secondary-hover: #2563EB;
  --secondary-ghost: #EFF6FF;

  --accent: #EF4444;             /* акцент 10% (красный) */
  --accent-hover: #DC2626;
  --accent-ghost: #FEF2F2;

  /* Контуры/сепараторы на акцентных поверхностях */
  --outline-strong: #0F172A33;   /* 20% прозрачности */
  --outline-soft:   #0F172A1A;   /* 10% прозрачности */

  /* Примеры токенов для компонентов */
  --btn-text-on-primary: #FFFFFF;
  --btn-text-on-secondary: #FFFFFF;
  --btn-text-on-accent: #FFFFFF;

  --card-bg: #FFFFFF;
  --card-bg-soft: #FAFBFC;
  --card-border: #E7EEF5;

  /* Радиальные подсветки (легкая дымка для глубины) */
  --radial-green: radial-gradient(1200px 600px at 20% 30%, #A7F3D033 0%, transparent 60%);
  --radial-blue:  radial-gradient(1200px 600px at 80% 20%, #BFDBFE33 0%, transparent 60%);
  --radial-red:   radial-gradient(900px 500px at 50% 80%, #FECACA2B 0%, transparent 70%);
}