/*========= mod-articles.min.css ==========*/

@charset "UTF-8";.mod-articles-image{margin-bottom:.5rem}@supports (container-type:inline-size){div:has(>.mod-articles-grid),section:has(>.mod-articles-grid){container-type:inline-size}}.grid-cols-2{--grid-column-count:2}.grid-cols-3{--grid-column-count:3}.grid-cols-4{--grid-column-count:4}.mod-articles-grid{--grid-layout-gap:2rem;--grid-item--min-width:100px;--gap-count:calc(var(--grid-column-count) - 1);--total-gap-width:calc(var(--gap-count)*var(--grid-layout-gap));--grid-item--max-width:calc((100% - var(--total-gap-width))/var(--grid-column-count));grid-gap:var(--grid-layout-gap);grid-template-columns:1fr;display:grid}@container (width>=768px){.mod-articles-grid{grid-template-columns:1fr 1fr}}@container (width>=992px){.mod-articles-grid{grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr))}}@supports not (container-type:inline-size){@media (width>=768px){.mod-articles-grid{grid-template-columns:1fr 1fr}}@media (width>=992px){.mod-articles-grid{grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr))}}}


/*========= template.min.css ==========*/


@charset "UTF-8";dl,ol,p,pre,ul{margin-top:0}code,dd{word-wrap:break-word}.container-header,.footer{background-image:linear-gradient(135deg,var(--siteproby-color-primary) 0,var(--siteproby-color-hover) 100%)}.modal iframe,.modal label,legend,meter{width:100%}*,.joomla-dialog-body,:after,:before{box-sizing:border-box}.joomla-dialog-body joomla-dialog[type=inline],joomla-dialog[type=ajax] .joomla-dialog-body,pre{overflow:auto}.left.item-image,legend{float:left}:root,[data-bs-theme=light]{--blue:#010156;--black:#000;--indigo:#6812f3;--purple:#6f42c2;--pink:#e93f8e;--red:#a51f18;--orange:#fd7e17;--yellow:#ad6200;--green:#448344;--teal:#5abfdd;--cyan:#30638d;--white:#fff;--gray-100:#f9fafb;--gray-200:#eaedf0;--gray-300:#dfe3e7;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6d757e;--gray-700:#484f56;--gray-800:#353b41;--gray-900:#22262a;--primary:#010156;--secondary:#6d757e;--success:#448344;--info:#30638d;--warning:#ad6200;--danger:#a51f18;--light:#f9fafb;--dark:#353b41;--primary-rgb:1,1,86;--secondary-rgb:109,117,126;--success-rgb:68,131,68;--info-rgb:48,99,141;--warning-rgb:173,98,0;--danger-rgb:165,31,24;--light-rgb:249,250,251;--dark-rgb:53,59,65;--primary-text-emphasis:#002;--secondary-text-emphasis:#2c2f32;--success-text-emphasis:#1b351b;--info-text-emphasis:#132838;--warning-text-emphasis:#452700;--danger-text-emphasis:#420c09;--light-text-emphasis:#484f56;--dark-text-emphasis:#484f56;--primary-bg-subtle:#ccd;--secondary-bg-subtle:#e2e3e5;--success-bg-subtle:#dae6da;--info-bg-subtle:#d6e0e8;--warning-bg-subtle:#efe0cc;--danger-bg-subtle:#edd2d1;--light-bg-subtle:#fcfcfd;--dark-bg-subtle:#ced4da;--primary-border-subtle:#99b;--secondary-border-subtle:#c5c8cb;--success-border-subtle:#b4ceb4;--info-border-subtle:#acc1d1;--warning-border-subtle:#dec099;--danger-border-subtle:#dba5a2;--light-border-subtle:#eaedf0;--dark-border-subtle:#adb5bd;--white-rgb:255,255,255;--black-rgb:0,0,0;--font-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--gradient:linear-gradient(180deg, #ffffff26, #fff0);--body-font-family:var(--siteproby-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");--body-font-size:1rem;--body-font-weight:400;--body-line-height:1.5;--body-color:#22262a;--body-color-rgb:34,38,42;--body-bg:#fff;--body-bg-rgb:255,255,255;--emphasis-color:#000;--emphasis-color-rgb:0,0,0;--secondary-color:#22262abf;--secondary-color-rgb:34,38,42;--secondary-bg:#eaedf0;--secondary-bg-rgb:234,237,240;--tertiary-color:#22262a80;--tertiary-color-rgb:34,38,42;--tertiary-bg:#f9fafb;--tertiary-bg-rgb:249,250,251;--heading-color:inherit;--link-color:#224faa;--link-color-rgb:34,79,170;--link-decoration:underline;--link-hover-color:#424077;--link-hover-color-rgb:66,64,119;--code-color:#e93f8e;--highlight-color:#22262a;--highlight-bg:#fbeea8;--border-width:1px;--border-style:solid;--border-color:#dfe3e7;--border-color-translucent:#0000002d;--border-radius:.25rem;--border-radius-sm:.2rem;--border-radius-lg:.3rem;--border-radius-xl:.3rem;--border-radius-xxl:2rem;--border-radius-2xl:var(--border-radius-xxl);--border-radius-pill:50rem;--box-shadow:0 .5rem 1rem #00000026;--box-shadow-sm:0 .125rem .25rem #00000013;--box-shadow-lg:0 1rem 3rem #0000002d;--box-shadow-inset:inset 0 1px 2px #00000013;--focus-ring-width:.25rem;--focus-ring-opacity:.25;--focus-ring-color:#01015640;--form-valid-color:#448344;--form-valid-border-color:#448344;--form-invalid-color:#a51f18;--form-invalid-border-color:#a51f18}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{font-family:var(--body-font-family);font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);color:var(--body-color);text-align:var(--body-text-align);background-color:var(--body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#0000;margin:0}a>code,hr,pre code{color:inherit}.com-contact__thumbnail,caption{text-align:left}hr{border:0;border-top:var(--border-width) solid;opacity:.25;margin:1rem 0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--heading-color);margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}address,dl,ol,p,ul{margin-bottom:1rem}address,legend{line-height:inherit}.h1,h1{font-size:calc(1.375rem + 1.5vw)}.h2,h2{font-size:calc(1.325rem + .9vw)}.h3,h3{font-size:calc(1.3rem + .6vw)}.h4,h4{font-size:calc(1.275rem + .3vw)}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}abbr[title]{cursor:help;text-decoration-skip-ink:none;text-decoration:underline dotted}[role=button],[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled),span.minicolors-swatch-color,summary{cursor:pointer}.btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn:active:focus,.btn:focus,.container-header .mod-list li a:hover,.container-header .mod-list li.active>a,.mod-list li a,.mod-list li.active>a,a,a:not([class]){text-decoration:none}address{font-style:normal}ol,ul{padding-left:2rem}.boxed .blog-item .item-image,.breadcrumb,.btn-group>.btn-group,.container-component>*,.container-sidebar-left>*,.container-sidebar-right>*,.table td label,.table th label,fieldset>*,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dd,legend{margin-bottom:.5rem}fieldset,figure{margin:0 0 2em}.tags a.btn,dt{font-weight:700}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.mark,mark{color:var(--highlight-color);background-color:var(--highlight-bg);padding:.1875em 0}sub,sup{vertical-align:baseline;font-size:.75em;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--link-color-rgb),var(--link-opacity,1));color:var(--link-color)}a:hover{--link-color-rgb:var(--link-hover-color-rgb);color:var(--link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--font-monospace);font-size:1em}code,kbd,pre{font-size:.875em}pre{margin-bottom:1rem;display:block}pre code{font-size:inherit;word-break:normal}code{color:var(--code-color)}kbd{color:var(--body-bg);background-color:var(--body-color);border-radius:.2rem;padding:.1875rem .375rem}kbd kbd{padding:0;font-size:1em}.table td,.table th,img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{color:var(--secondary-color);padding-top:.5rem;padding-bottom:.5rem}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}label,output{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,select{text-transform:none}select{word-wrap:normal}.back-to-top-link.visible,select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}textarea{resize:vertical}fieldset{border:0;min-width:0;padding:0}legend{padding:0;font-size:calc(1.275rem + .3vw)}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale()}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}summary{display:list-item}progress{vertical-align:baseline}.article-edit,.article-tools,.btn.jmodedit,.item-toolbar,.jmodedit,[hidden],a[aria-describedby*=editarticle]{display:none!important}.minicolors-theme-bootstrap .minicolors-swatch{width:36px;height:36px}.minicolors-theme-bootstrap .minicolors-swatch>.minicolors-sprite{border-radius:0;top:50%;left:8px;transform:translateY(-50%)}@media screen and (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}:root{scroll-behavior:smooth;--template-sidebar-bg:var(--template-bg-dark-80);--template-sidebar-font-color:#fff;--template-sidebar-link-color:#fff;--template-bg-light:#f0f4fb;--template-text-light:#fff;--template-special-color:#132f53;--template-link-color:#2a69b8;--template-link-hover-color:#173a65;--template-contrast:#2a69b8;--template-bg-dark:hsl(var(--hue), 40%, 20%);--template-bg-dark-3:hsl(var(--hue), 40%, 97%);--template-bg-dark-5:hsl(var(--hue), 40%, 95%);--template-bg-dark-7:hsl(var(--hue), 40%, 93%);--template-bg-dark-10:hsl(var(--hue), 40%, 90%);--template-bg-dark-15:hsl(var(--hue), 40%, 85%);--template-bg-dark-20:hsl(var(--hue), 40%, 80%);--template-bg-dark-30:hsl(var(--hue), 40%, 70%);--template-bg-dark-40:hsl(var(--hue), 40%, 60%);--template-bg-dark-50:hsl(var(--hue), 40%, 50%);--template-bg-dark-60:hsl(var(--hue), 40%, 40%);--template-bg-dark-65:hsl(var(--hue), 40%, 35%);--template-bg-dark-70:hsl(var(--hue), 40%, 30%);--template-bg-dark-75:hsl(var(--hue), 40%, 25%);--template-bg-dark-80:hsl(var(--hue), 40%, 20%);--template-bg-dark-90:hsl(var(--hue), 40%, 10%)}@media screen and (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}:root:has(.sticky-top) [id]{scroll-margin-top:var(--siteproby-scroll-margin-top,10rem)}html{background-color:#fff}img{max-width:100%;height:auto}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--siteproby-font-family-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Open Sans", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-weight:var(--siteproby-font-weight-headings,600)}.modal-title,th dd{font-weight:var(--siteproby-font-weight-normal,400)}.display-1{font-size:clamp(2.7rem, 8vw, 5.5rem)}.display-2{font-size:clamp(2.3rem, 7vw, 4.5rem)}.display-3{font-size:clamp(1.9rem, 6vw, 3.5rem)}.display-4{font-size:clamp(1.5rem, 5vw, 2.5rem)}.lead{font-size:clamp(1.1rem, 3vw, 1.25rem)}.btn-primary{background-color:var(--siteproby-color-primary);border-color:var(--siteproby-color-primary)}.btn-primary:focus,.btn-primary:hover{background-color:var(--siteproby-color-hover);border-color:var(--siteproby-color-hover)}.btn-group,.com-content-category__pagination,.container-sidebar-left .sidebar-left:last-child,.container-sidebar-right .sidebar-right:last-child{margin-bottom:1em}.btn-group>input{border:1px solid #ced4da;border-radius:.25rem 0 0 .25rem;padding:.5em}.com-content-article ol,.com-content-article ul,joomla-dialog[type=iframe] dialog{overflow:hidden}.small,small{font-size:.875rem}dd{margin-left:0;padding:0}@media (width >= 1200px){.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4,legend{font-size:1.5rem}dl.dl-horizontal{grid-template-columns:auto 1fr;display:grid}dl.dl-horizontal dt{grid-column:1/2}dl.dl-horizontal dd{grid-column:2/3;margin-bottom:0;padding:0 0 0 1em}.com-contact__container{grid-gap:1rem;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(4,1fr);margin-bottom:1em;display:grid}.com-contact__container .h3,.com-contact__container h3{grid-column:1/5}.com-contact__container .com-contact__thumbnail{text-align:right;grid-area:2/3/5/5;margin-bottom:1em}.com-contact__container .com-contact__position{grid-area:2/1/3/3}.com-contact__container .com-contact__info{grid-area:3/1/4/3}.com-users-profile dt{min-width:180px}}figure.float-start{margin-right:1em}figure.float-end{margin-left:1em}figcaption{color:#6d757e;font-size:.9em}.image-left .blog-item,.image-right .blog-item,.mod-menu{flex-direction:column}.pagenavigation,.pager{clear:both}.pagenavigation .pagination,.pager .pagination{justify-content:space-between;margin:1em 0;padding:0}.container-header .container-nav .container-search:only-child,.pagenavigation .pagination .next:only-child,.pager .pagination .next:only-child{margin-left:auto}.mod-menu a,.mod-menu button,.page-link,.page-link:hover{color:var(--link-color)}.pager .pagination{justify-content:center}[dir=rtl] li.next .page-link{border-radius:.25rem 0 0 .25rem}[dir=rtl] li.previous .page-link{border-radius:0 .25rem .25rem 0}.article-index .toclink.active,.container-below-top .btn-link,.container-below-top a:not(.btn),.container-header .mod-menu a,.container-header .mod-menu button,.container-topbar .btn-link,.container-topbar a:not(.btn),.footer .btn-link,.footer a:not(.btn){color:currentColor}.j-main-container .alert{margin:.75rem}.alert-heading{font-size:1.5rem}@keyframes fadeIn{from{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}#system-message-container:has(joomla-alert){margin-top:1em}#system-message-container:not(:has(joomla-alert)),.container-component>*+*,.container-component>:first-child,.container-sidebar-left>*+*,.container-sidebar-left>:first-child,.container-sidebar-right>*+*,.container-sidebar-right>:first-child,div.subform-repeatable-group>.control-group{margin-top:0}.back-to-top-link{inset-inline-end:1rem;z-index:10000;color:var(--siteproby-color-primary,#112855);pointer-events:all;background-color:var(--white,#fff);border:1px solid var(--siteproby-color-primary,#112855);opacity:0;border-radius:.25rem;padding:.5em;transition:opacity .2s ease-in;position:fixed;bottom:1rem}.container-bottom-a,.container-bottom-b,.container-component nav,.container-header,.container-header .mod-menu>li,.container-top-a,.container-top-b,.footer .mod-menu,.metismenu.menu-horizontal>li,.metismenu.mod-menu .metismenu-item.parent,.mod-custom{position:relative}.back-to-top-link:focus,.back-to-top-link:hover{color:var(--white,#fff);background-color:var(--siteproby-color-hover);border-color:var(--white,#fff)}.container-banner img{margin:auto;display:block}.container-banner .banner-overlay{color:#fff;background-position:top,center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:70vh}.container-banner .banner-overlay .overlay{text-align:center;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:1em;display:flex}.container-banner .banner-overlay .overlay .text-thin{font-weight:lighter}.container-banner .banner-overlay .overlay .text-thin:after{content:"";background:#fff;width:30%;height:4px;margin:1rem auto 2rem;display:block}.container-banner .banner-overlay .overlay .text-thin .lead{font-size:150vh}@media screen and (height <= 740px){.container-banner .banner-overlay{height:100vh}}.footer{color:#fff;background-color:var(--siteproby-color-primary);margin-top:1em}.footer .grid-child{justify-content:space-between;align-items:center;padding:2.5rem .5em}.container-below-top .btn-link:focus,.container-below-top .btn-link:hover,.container-below-top a:not(.btn):focus,.container-below-top a:not(.btn):hover,.container-topbar .btn-link:focus,.container-topbar .btn-link:hover,.container-topbar a:not(.btn):focus,.container-topbar a:not(.btn):hover,.footer .btn-link:focus,.footer .btn-link:hover,.footer a:not(.btn):focus,.footer a:not(.btn):hover{color:var(--gray-200)}.footer .metismenu.mod-menu .mm-collapse{background:var(--siteproby-color-primary)}.form-control{background-color:#fff;max-width:100%}.form-control.input-xlarge{max-width:21.875rem}.form-control.input-xxlarge{max-width:34.375rem}.form-control.input-full{max-width:100%}.spacer hr{width:23.75rem}.form-inline .custom-select,.form-inline .form-select,td .form-control{width:auto;display:inline-block}.checkboxes{padding-top:5px}.checkboxes .checkbox input{margin-left:0;position:static}.invalid,.tbody-icon .fa-delete,.tbody-icon .fa-times,.tbody-icon .icon-delete,.tbody-icon .icon-times{color:#a51f18;border-color:#a51f18}.valid{border-color:#448344}.container-header .mod-menu .parent>[aria-hidden=false],.form-control-feedback,.system-debug{display:block}[role=tooltip]:not(.show){z-index:1070;color:#000;text-align:start;background:#fff;border:1px solid #6d757e;border-radius:.25rem;max-width:100%;margin:.5em;padding:.5em;display:none;right:5em;box-shadow:0 0 .5rem #000c}[role=tooltip]:not(.show)[id^=editarticle-],[role=tooltip]:not(.show)[id^=editcontact-]{margin-inline-start:-10em;right:auto}[role=tooltip]:not(.show)[id^=id-skip-]{max-width:unset;right:auto}[role=tooltip]:not(.show)[id^=cbunpublish]{right:auto}:focus+[role=tooltip],:hover+[role=tooltip]{display:block;position:absolute}.filter-search-bar__description{bottom:100%}.com-users-login__options,fieldset+fieldset{margin-top:2em}.control-group{margin:1em 0}.container-popup .filter-search-bar__description{top:100%;bottom:auto}.com-users-profile__edit #jform_privacyconsent_privacy .radio,.com-users-profile__edit #jform_profile_tos .radio,.com-users-profile__edit #jform_terms_terms .radio,.com-users-registration #jform_privacyconsent_privacy .radio,.com-users-registration #jform_profile_tos .radio,.com-users-registration #jform_terms_terms .radio{gap:1rem;display:inline-flex}div.subform-repeatable-group{border:var(--border-width) solid #ced4da;border-radius:.25rem;margin-top:20px;margin-left:32px;padding:32px 32px 16px 28px;position:relative}div.subform-repeatable-group>.btn-toolbar .btn-group{margin:0;position:static}div.subform-repeatable-group>.btn-toolbar .btn{position:absolute}div.subform-repeatable-group>.btn-toolbar .btn.group-add{border-radius:.25rem 0;bottom:-1px;right:-1px}div.subform-repeatable-group>.btn-toolbar .btn.group-remove{border-radius:0 .25rem;top:-1px;right:-1px}div.subform-repeatable-group>.btn-toolbar .btn.group-move{border-radius:.25rem 0 0 .25rem;padding:0;top:50%;right:100%;transform:translateY(-50%)}div.subform-repeatable-group>.btn-toolbar .btn.group-move span{padding:1.5rem .5rem}div.subform-repeatable-group>.btn-toolbar .btn.group-move-up{border-radius:0;margin-top:-45px;top:50%;right:100%;transform:translateY(-50%)}div.subform-repeatable-group>.btn-toolbar .btn.group-move-down{border-radius:0;margin-top:45px;top:50%;right:100%;transform:translateY(-50%)}.subform-repeatable-group[draggable=true],.subform-repeatable-group[draggable=true]>td{background-color:#5abfdd}.btn.jmodedit{z-index:900;color:var(--link-color);background-color:#ffffff80;border:1px solid #58595a;border-radius:.25rem;position:absolute;top:0;left:auto;right:0}.container-header{z-index:10;background-color:var(--siteproby-color-primary);box-shadow:inset 0 5px 5px #00000008}.container-header .grid-child{padding:.5em}.container-header .site-description{color:#fff;white-space:normal;font-size:1rem}.container-header .container-nav{flex-wrap:wrap;justify-content:space-between;padding-bottom:1em}.container-header .mod-menu{color:#fff;flex:1 0 100%;margin:0;padding:0;list-style:none}.container-header .mod-menu .mod-menu__sub a:hover,.metismenu.mod-menu .metismenu-item.active>a,.metismenu.mod-menu .metismenu-item.active>button,.metismenu.mod-menu .metismenu-item>a:hover,.metismenu.mod-menu .metismenu-item>button:hover,.mod-list li a:hover{text-decoration:underline}.container-header .mod-menu>li>a,.container-header .mod-menu>li>span{color:currentColor;text-decoration:none;position:relative}.container-header .mod-menu>li.active:after,.container-header .mod-menu>li:hover:after{background:#fff;left:0;right:2px}.container-header .mod-menu .parent>ul{color:#22262a;display:none}.container-header .metismenu>li+li{margin-left:0}.container-header .metismenu>li.active>a:after,.container-header .metismenu>li.active>button:before,.container-header .metismenu>li>a:hover:after,.container-header .metismenu>li>button:hover:before{background:#fff;left:0;right:0}.container-header .metismenu>li.active>button.mm-toggler-link:before,.container-header .metismenu>li>button.mm-toggler-link:hover:before{left:.5em;right:0}.container-header .metismenu>li.level-1>ul,.metismenu.menu-horizontal .level-1>ul{min-width:12rem}.container-header .container-search{margin-top:.5em}.container-below-top,.container-header .mod-finder,.container-header .mod-finder a:not(.jmodedit),.container-topbar,.icon-white,.modal .btn-primary:not([href]),.modal .btn-primary:not([href]):hover,.modal .btn-success:not([href]),.modal .btn-success:not([href]):hover{color:#fff}.container-header .mod-finder a:not(.jmodedit):focus,.container-header .mod-finder a:not(.jmodedit):hover{color:#e6e6e6}.container-header .mod-finder .awesomplete{color:var(--body-color)}.container-header .mod-finder .awesomplete>ul{background:linear-gradient(to bottom right,#fff,#ffffffe6)}.input-group-text:before{min-width:16px}.tbody-icon{text-align:center;background-color:#0000;border:0;padding:0 3px}.tbody-icon [class*=" fa-"],.tbody-icon [class*=" icon-"],.tbody-icon [class^=fa-],.tbody-icon [class^=icon-]{color:#ced4da;border:2px solid var(--border);border-radius:50%;width:26px;height:26px;font-size:1.1rem;line-height:22px}.tbody-icon .fa-check,.tbody-icon .icon-check,.tbody-icon .icon-publish{color:#448344;border-color:#448344}.tbody-icon .fa-lock,.tbody-icon .icon-checkedout,.tbody-icon .icon-lock{color:#484f56;border:0;width:auto;height:auto;font-size:1.2rem;line-height:1rem}.tbody-icon.color-featured-disabled,.tbody-icon.fa-star-disabled,.tbody-icon.featured-disabled,.tbody-icon.home-disabled,.tbody-icon.icon-star-disabled{cursor:not-allowed;opacity:1}.plg_system_webauthn_login_button svg{width:30px;margin:4px}.plg_system_webauthn_login_button svg circle,.plg_system_webauthn_login_button svg path{fill:var(--black)}iframe{border:0}.grid-child{width:100%;max-width:1320px;margin-left:auto;margin-right:auto;display:flex}.container-banner{margin:0 0 2rem;display:block;grid-area:banner}.container-bottom-a>*,.container-bottom-b>*,.container-top-a>*,.container-top-b>*{flex:1;margin:.5em 0}.container-component,.container-sidebar-left,.container-sidebar-right{flex-direction:column;flex:1;display:flex}.container-sidebar-left,.container-sidebar-right{flex:none;order:1;width:calc(100% - 1em)}@media (width >= 768px){.container-sidebar-left,.container-sidebar-right{order:0;width:calc(25% - 1em)}}.container-sidebar-left .sidebar-left:first-child,.container-sidebar-right .sidebar-right:first-child,.error_site .page-header{margin-top:1em}.options-form{color:#495057;background-color:#fff;border:1px solid #b2bfcd;width:100%;margin-bottom:1rem;padding:1vw 2vw}.options-form>legend{float:none;color:#495057;background-color:#fff;width:auto;padding:0 .5rem;font-weight:700}.modal .btn{margin-right:.5rem}.modal-header{padding:0 15px}.modal-title{line-height:3rem}.contentpane{padding:15px}.contentpane .main-card{box-shadow:none;margin:-10px}joomla-dialog dialog{border:1px solid var(--border-color-translucent);border-radius:.3rem;width:96vw;max-width:1700px;height:96vh;padding:0;box-shadow:0 .5rem 1rem #00000026}joomla-dialog dialog[open]{display:flex;animation:.4s dialog-show}joomla-dialog[type=image] dialog{width:fit-content;height:fit-content}joomla-dialog iframe.iframe-content{width:100%;height:100%}joomla-dialog[type=ajax].loading dialog:after,joomla-dialog[type=iframe].loading dialog:after{content:"";background:url("../../../../system/images/joomla-loader.svg?v=6dc97a") center/66px 66px no-repeat;width:66px;height:66px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){joomla-dialog dialog[open]{animation:none}}@keyframes dialog-show{0%{opacity:0;transform:translateY(-50px)}30%{opacity:1}100%{transform:translateY(0)}}.joomla-dialog-container{box-sizing:border-box;flex-flow:column;width:100%;display:flex;position:relative}.joomla-dialog-container .buttons-holder{justify-content:flex-end;align-items:center;margin-inline-start:auto;display:flex}.joomla-dialog-container .buttons-holder button{margin-inline:.375rem}.joomla-dialog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex;position:relative}.joomla-dialog-header .h3,.joomla-dialog-header h3,.metismenu.mod-menu{margin:0}.joomla-dialog-header .header-icon{margin-inline-end:.375rem;font-size:1.75rem}.joomla-dialog-footer.empty,.joomla-dialog-header.empty,.metismenu.mod-menu .mm-collapse:not(.mm-show),joomla-alert{display:none}.joomla-dialog-body{flex:auto;position:relative}.joomla-dialog-body .buttons-holder{position:absolute;top:1rem;right:1rem}joomla-dialog.loading .joomla-dialog-body{opacity:0}joomla-dialog.loaded .joomla-dialog-body{opacity:1;transition:opacity .4s}.joomla-dialog-footer{border-top:1px solid var(--border-color);padding:1rem;position:relative}.joomla-dialog-footer .buttons-holder button{padding-inline:22px}.joomla-dialog-alert dialog,.joomla-dialog-confirm dialog{width:600px;max-width:80vw;height:fit-content}.joomla-dialog-alert .joomla-dialog-body,.joomla-dialog-confirm .joomla-dialog-body{padding:1rem}@media (width >= 1400px){joomla-dialog dialog{width:80vw;height:80vh}.joomla-dialog-content-select-field dialog{width:90vw;height:90vh}}[class*=" container-"] .span-col-2,[class^=container-] .span-col-2{flex:0 0 50%;max-width:calc(50% - 1em)}[class*=" container-"] .span-col-3,[class^=container-] .span-col-3{flex:0 0 33.333%;max-width:calc(33.333% - 1em)}[class*=" container-"] .span-col-4,[class^=container-] .span-col-4{flex:0 0 25%;max-width:calc(25% - 1em)}.blog-items{flex-wrap:wrap;width:100%;margin-bottom:1em;margin-left:-.5em;margin-right:-.5em;padding:0;display:flex}.blog-item{flex-direction:column;padding:0 .5em 1em;display:flex;overflow:hidden}.boxed .blog-item{box-shadow:0 0 2px #3339421a,0 2px 5px #33394214,0 5px 15px #33394214,inset 0 3px 0 var(--siteproby-color-primary);background-color:#fff}.boxed .blog-item .item-content{padding:25px}.blog-item .item-image{margin-top:3px;margin-bottom:15px;overflow:hidden}.image-bottom .blog-item .item-image{order:1;margin-top:-15px}.image-left .blog-item .item-content{padding-left:25px}.image-right .blog-item .item-content{padding-right:25px}.article-info dd{padding:0}.blog-items[class*=" masonry-"],.blog-items[class^=masonry-]{column-gap:1em;display:block}.blog-items[class*=" masonry-"] .blog-item,.blog-items[class^=masonry-] .blog-item{page-break-inside:avoid;break-inside:avoid;margin-bottom:1em;display:inline-flex}.image-alternate .blog-item:nth-of-type(odd) .item-image{order:0}.image-alternate.image-left .blog-item:nth-of-type(odd) .item-image{order:1;margin-left:25px;margin-right:0}.image-alternate.image-top .blog-item:nth-of-type(odd) .item-image{order:1}.no-card .newsflash-horiz li{border:1px solid #dfe3e7;border-radius:0 0 .25rem .25rem;padding:0 1rem 1rem;box-shadow:1px 1px 4px #0000001a}.no-card .newsflash-horiz li figure{margin:0 -1rem 1rem}.mod-list{padding-inline-start:0;list-style:none}.mod-list li{padding:.25em 0}.mod-list li .mod-menu__sub{padding-left:1em}.mod-menu a:focus-visible,.mod-menu button:focus-visible{outline-offset:2px;outline:solid 2px}.element-invisible{clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hidden{visibility:hidden;display:none}.table-row{display:table-row}.editor-xtd-buttons .btn{margin-bottom:5px}.subhead{z-index:1000;color:#495057;background:#fff;width:auto;min-height:43px;padding:.25rem;position:sticky;top:0;left:0;right:0;box-shadow:-3px -2px 22px #ddd}.subhead .row{margin-left:0;margin-right:0}.subhead.noshadow{box-shadow:none}.subhead .btn-group,.subhead joomla-toolbar-button{margin-inline-start:.75rem}.subhead .btn-group joomla-toolbar-button,.subhead .btn-group:first-child,.subhead .dropdown-menu joomla-toolbar-button,.subhead joomla-toolbar-button:first-child{margin-inline-start:0}.subhead joomla-toolbar-button .btn>span,.subhead joomla-toolbar-button .dropdown-item>span{text-align:center;width:1.25em;margin-inline-end:.5rem}.subhead .btn{--subhead-btn-accent:#495057;color:#495057;background:#fff;border-color:#adb5bd;margin:5px 0;padding:0 1rem;font-size:1rem;line-height:2.45rem}.subhead .btn>span{color:var(--subhead-btn-accent);display:inline-block}.subhead .btn:not([disabled]):active,.subhead .btn:not([disabled]):focus,.subhead .btn:not([disabled]):hover{color:#ffffffe6;background-color:var(--subhead-btn-accent);border-color:var(--subhead-btn-accent)}.subhead .btn:not([disabled]):active>span,.subhead .btn:not([disabled]):focus>span,.subhead .btn:not([disabled]):hover>span{color:#ffffffe6}.subhead .btn.btn-success{--subhead-btn-accent:var(--success)}.subhead .btn.btn-danger{--subhead-btn-accent:var(--danger)}.subhead .btn.btn-primary{--subhead-btn-accent:#2a69b8}.subhead .btn.btn-secondary{--subhead-btn-accent:#001b4c}.subhead .btn.btn-action,.subhead .btn.btn-info{--subhead-btn-accent:#132f53}.subhead .btn.btn-action{align-items:center;display:flex}.subhead .btn.btn-action:after{content:"";border:0;width:2.375rem;font-family:"Font Awesome 6 Free";font-weight:900}.subhead .btn.dropdown-toggle[disabled],.subhead .btn[disabled]{--subhead-btn-accent:#132f53;opacity:.5;background:#dfe3e7cc}.subhead .btn.dropdown-toggle[disabled]:active,.subhead .btn.dropdown-toggle[disabled]:focus,.subhead .btn.dropdown-toggle[disabled]:hover,.subhead .btn[disabled]:active,.subhead .btn[disabled]:focus,.subhead .btn[disabled]:hover{cursor:not-allowed}.subhead .dropdown-toggle.btn{padding-inline-end:0}.subhead .dropdown-toggle>*{pointer-events:none}.subhead .btn-group:not(:last-child)>.dropdown-toggle-split{border-radius:0 .25rem .25rem 0;order:1;margin-inline-start:-.25rem}@media (width <= 767.98px){.container-header .container-nav .container-search,.container-header .container-nav nav{margin-top:1em}joomla-tab[view=accordion] .col-md-3,joomla-tab[view=accordion] .col-md-9{padding:.5rem 1rem!important}#myTab{margin-top:1rem;margin-bottom:1.5rem}joomla-tab[view=accordion] ul li{width:100%}.subhead .btn,.subhead .btn-group,.subhead joomla-toolbar-button{text-align:left;width:100%;margin-left:0}.subhead .btn-toolbar>.btn-group,.subhead .btn-toolbar>joomla-toolbar-button{margin-left:0}.subhead .btn.btn-action:after{text-align:center;margin-inline-start:auto}.subhead .dropdown-toggle-split{width:auto}}.right.item-image{float:right}.tags .list-inline-item{margin:.25rem .25rem .5rem}.tag{padding:.5rem .5rem .5rem 0;display:inline-block}body{min-height:100vh;position:relative;flex-direction:column;display:flex}body.wrapper-fluid .site-grid{grid-gap:0 0em;grid-template-columns:[full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,25%)) [main-end] minmax(0,1fr) [full-end]}body.wrapper-fluid .grid-child{max-width:none}body.wrapper-fluid footer>.grid-child,body.wrapper-fluid header>.grid-child{padding-left:2em;padding-right:2em}body:not(.has-sidebar-left) .site-grid .container-component{grid-column-start:main-start}body:not(.has-sidebar-right) .site-grid .container-component{grid-column-end:main-end}.site-grid{margin-bottom:auto}@supports (display:grid){[class*=" span-"],[class^=span-]{grid-row-end:auto;grid-column-end:auto}@media (width >= 768px){[class*=" span-col"],[class^=span-col]{grid-column-end:span 2}}[class*=" container-"] [class*=" span-"],[class*=" container-"] [class^=span-],[class^=container-] [class*=" span-"],[class^=container-] [class^=span-]{flex:0 auto;max-width:none}.blog-items{grid-gap:1em;grid-template-columns:1fr;grid-auto-flow:row;margin:0 0 1em;display:grid}.blog-items .blog-item{padding:0}.blog-items[class*=" columns-"]>div,.blog-items[class^=columns-]>div{flex:0 auto;width:auto;max-width:none}.site-grid{grid-gap:0 1em;grid-template-columns:[full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,19.875rem)) [main-end] minmax(0,1fr) [full-end];grid-template-areas:". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";display:grid}.site-grid>[class*=" container-"],.site-grid>[class^=container-]{column-gap:1em;width:100%;max-width:none}.site-grid>.full-width{grid-column:full-start/full-end}@media (width >= 992px){.span-col-2{grid-column-end:span 2}.span-col-3{grid-column-end:span 3}.span-col-4{grid-column-end:span 4}.span-row-2{grid-row-end:span 2}.span-row-3{grid-row-end:span 3}.span-row-4{grid-row-end:span 4}.blog-items.columns-2{grid-template-columns:1fr 1fr}.blog-items.columns-3{grid-template-columns:1fr 1fr 1fr}.blog-items.columns-4{grid-template-columns:1fr 1fr 1fr 1fr}.site-grid{grid-template-areas:". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ."}}}.container-top-a{grid-area:top-a}.container-top-b{grid-area:top-b}.container-component{grid-area:comp}.container-sidebar-left{grid-area:side-l}.container-sidebar-right{grid-area:side-r}.container-main-top{grid-area:main-t}.container-main-bottom{grid-area:main-b}.container-breadcrumbs{grid-area:bread}.container-bottom-a{grid-area:bot-a}.container-bottom-b{grid-area:bot-b}.mod-finder__search.input-group{flex-wrap:nowrap}.mod-finder__search.input-group .awesomplete input{border-top-right-radius:0;border-bottom-right-radius:0}.mod-finder__search.input-group button{align-items:center;display:flex}.mod-finder__search.input-group button .icon-search{margin-inline-end:.2em}.awesomplete>input{max-width:200px}.awesomplete>ul{z-index:1000!important}.btn.group-move{cursor:move}.btn-secondary{--btn-color:var(--gray-800);--btn-bg:var(--white);--btn-border-color:var(--gray-400);--btn-hover-color:var(--gray-800);--btn-hover-bg:var(--gray-100)}.article-info .association .btn-secondary,.cat-list-association .btn-secondary{--btn-font-weight:700;--btn-color:var(--white);--btn-bg:var(--gray-600);--btn-border-color:var(--gray-400);--btn-hover-color:var(--white);--btn-hover-bg:var(--gray-800)}.article-info .association .btn-group-sm>.btn,.article-info .association .btn-sm,.cat-list-association .btn-group-sm>.btn,.cat-list-association .btn-sm{--btn-padding-y:0;--btn-padding-x:.25rem;--btn-font-size:.8rem;--btn-border-radius:var(--border-radius-sm)}.custom-select,.form-select{cursor:pointer;border:var(--border-width) solid #ced4da;background:url("../images/select-bg.svg?v=5ebba0") 100%/116rem no-repeat #eaedf0;max-width:100%}.custom-select:focus,.form-select:focus{border-color:#000;box-shadow:0 0 0 .25rem #01015640}.form-select[multiple],[multiple].custom-select{background-color:#fff;padding:0}.form-select[multiple] option,[multiple].custom-select option{background-color:#fff;padding:.3rem 1rem}.form-select[multiple] option:checked,[multiple].custom-select option:checked{color:#fff;background-color:var(--siteproby-color-primary)!important}.custom-select-success.custom-select,.form-select-success.custom-select,.form-select.custom-select-success,.form-select.form-select-success{color:#448344;background-color:#448344}.custom-select-danger.custom-select option,.custom-select-success.custom-select option,.form-select-danger.custom-select option,.form-select-success.custom-select option,.form-select.custom-select-danger option,.form-select.custom-select-success option,.form-select.form-select-danger option,.form-select.form-select-success option{color:var(--body-color);background-color:#fff}.custom-select-danger.custom-select,.form-select-danger.custom-select,.form-select.custom-select-danger,.form-select.form-select-danger{color:#a51f18;background-color:#a51f18}.custom-select optgroup,.custom-select option,.form-select optgroup,.form-select option{color:var(--dark);background-color:#fff}.accordion .card-header{font-size:1.25rem;font-weight:var(--siteproby-font-weight-headings,700);line-height:1.2;display:block}.accordion .list-group-item{color:#224faa}.dropdown-menu{background-color:#fff;border-color:#dfe3e7;margin-top:.5rem;padding:.2rem 0}.dropdown-menu-end:after{left:auto;right:.9rem}.field-media-wrapper{width:100%;max-width:calc(50vw - 5rem);display:block}.field-media-wrapper .field-media-preview{width:100%;max-width:none}.list-group-item{background-color:var(--body-bg)}.list-unstyled .list-unstyled{padding-left:20px}.jviewport-height10{height:10vh}.jviewport-height20{height:20vh}.jviewport-height30{height:30vh}.jviewport-height40{height:40vh}.jviewport-height50{height:50vh}.jviewport-height60{height:60vh}.jviewport-height70{height:70vh}.jviewport-height80{height:80vh}.jviewport-height90{height:90vh}.jviewport-height100{height:100vh}[class*=jviewport-height] iframe{height:100%}.modal-dialog.jviewport-width10{width:10vw;max-width:none}.modal-dialog.jviewport-width20{width:20vw;max-width:none}.modal-dialog.jviewport-width30{width:30vw;max-width:none}.modal-dialog.jviewport-width40{width:40vw;max-width:none}.modal-dialog.jviewport-width50{width:50vw;max-width:none}.modal-dialog.jviewport-width60{width:60vw;max-width:none}.modal-dialog.jviewport-width70{width:70vw;max-width:none}.modal-dialog.jviewport-width80{width:80vw;max-width:none}.modal-dialog.jviewport-width90{width:90vw;max-width:none}.modal-dialog.jviewport-width100{width:100vw;max-width:none}.nav.nav-tabs{background-color:#f5f5f5;border:1px solid #dfe3e7;border-bottom:0;border-radius:.25rem .25rem 0 0;margin:0;padding:0;box-shadow:inset 0 1px #fff,0 2px 3px -3px #00000026,inset 0 -4px #0000000d,1px 1px 4px #0000001a}.nav.nav-tabs .nav-item{margin-bottom:0;margin-left:0}.nav.nav-tabs .nav-item:first-of-type .nav-link.active{border-radius:.25rem 0 0;box-shadow:-1px 0 1px -1px #0000000f,inset -2px 0 1px -1px #00000014,inset 0 1px #00000005}.nav.nav-tabs .nav-item:last-of-type .nav-link.active,.nav.nav-tabs .nav-link.active{box-shadow:inset 2px 0 1px -1px #00000014,inset -2px 0 1px -1px #00000014,inset 0 1px #00000005}.nav.nav-tabs .nav-item:last-of-type .nav-link{box-shadow:-1px 0 #0000000d,1px 0 #0000000d}.nav.nav-tabs .nav-link{color:var(--siteproby-color-primary);border:0;border-top-left-radius:0;border-top-right-radius:0;padding:.75em 1em;position:relative;box-shadow:-1px 0 #0000000d}.nav.nav-tabs .nav-link.active{background-color:#0000004d;background-image:linear-gradient(#0000,#0000000d 100%);border-left:0;border-right:0;border-top-left-radius:0;border-top-right-radius:0}.nav.nav-tabs .nav-link.active:after{content:"";background-color:var(--siteproby-color-primary);opacity:.8;height:5px;position:absolute;bottom:-1px;left:0;right:0}.nav-tabs+.tab-content{background:#fff;border:1px solid #dfe3e7;border-radius:0 0 .25rem .25rem;padding:15px;box-shadow:1px 1px 4px #0000001a}.pagination{margin:1rem}.table th{font-weight:500}.table thead th{white-space:nowrap;border-bottom-width:1px}.gu-mirror{opacity:.8;background-color:#91ee91;z-index:9999!important;margin:0!important;position:fixed!important}.gu-mirror.table{display:table}.gu-mirror.table td{display:table-cell}.metismenu.menu-horizontal{flex:1 0 100%;margin:0;padding:0;list-style:none}@media (width >= 992px){.container-header .mod-menu,.metismenu.menu-horizontal{flex-direction:row;flex:1;display:flex}.container-header .mod-menu :where(.mod-menu__sub:not(.mod-menu__sub *)){z-index:1001;background-color:#fff;min-width:12rem;margin:0;padding:0;display:block;position:absolute;top:100%}.container-header .mod-menu>li+li{margin-left:1.55em}.container-header .metismenu>li>a:after,.container-header .metismenu>li>button:before,.container-header .mod-menu>li:after{content:"";opacity:.2;background:0 0;height:2px;margin:auto;transition:.2s,background-color .2s;display:block;position:absolute;bottom:0;left:50%;right:50%}.container-header .metismenu>li.level-1.active>a,.container-header .metismenu>li.level-1.active>button,.container-header .metismenu>li.level-1>a:hover,.container-header .metismenu>li.level-1>button:hover{text-decoration:none}.blog-items.columns-2>div{width:50%}.blog-items.columns-3>div{width:33.3333%}.blog-items.columns-4>div{width:25%}.image-right .blog-item .item-image{order:1}.image-left .blog-item,.image-right .blog-item{flex-direction:row}.image-left .blog-item .item-image,.image-right .blog-item .item-image{flex:1 0 40%}.image-left .blog-item .item-content,.image-right .blog-item .item-content{flex:1 0 60%}.blog-items.masonry-2{column-count:2}.blog-items.masonry-3{column-count:3}.blog-items.masonry-4{column-count:4}.awesomplete>input{max-width:none}}.metismenu.mod-menu .metismenu-item{flex-wrap:wrap;align-items:center;padding:.5em 1em;font-size:1.1rem;line-height:1.5;display:flex}.metismenu.mod-menu .metismenu-item>ul{z-index:1001;padding:0;list-style:none;display:block;position:absolute;top:100%;box-shadow:0 0 .5em #0000001a}.metismenu.mod-menu .metismenu-item>a,.metismenu.mod-menu .metismenu-item>button,.metismenu.mod-menu .metismenu-item>span{text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.metismenu.mod-menu .metismenu-item>a:focus,.metismenu.mod-menu .metismenu-item>button:focus{outline-offset:2px;outline:#ced4da dotted 1px}.metismenu.mod-menu .metismenu-item:after{content:none}.metismenu.mod-menu .metismenu-item:not(.level-1)>ul,.metismenu.mod-menu .metismenu-item:not(.level-2)>ul{margin-inline-end:-1em}.metismenu.mod-menu .metismenu-item.divider:not(.parent){border-right:1px solid #ced4da;width:1px;margin:.25em;padding:0;overflow:hidden}@media (width <= 991.98px){.container-bottom-a,.container-bottom-b,.container-top-a,.container-top-b,.footer .grid-child{flex-direction:column}.footer .grid-child .mod-footer{margin:.375rem 0}.form-inline .custom-select,.form-inline .form-select{width:100%}.container-header{position:relative!important}.container-header .mod-menu.mod-list>li>a:hover,.container-header .mod-menu>li.active>a,.container-header .mod-menu>li.active>span,.container-header .mod-menu>li>a:hover{text-decoration:underline}.container-header .mod-menu .mod-menu__sub a,.container-header .mod-menu .mod-menu__sub span{color:#fff}.container-bottom-a>*,.container-bottom-b>*,.container-top-a>*,.container-top-b>*{flex:0 auto}.field-media-wrapper{min-width:100%}.metismenu.mod-menu .metismenu-item.divider:not(.parent){border-bottom:1px solid #ced4da;width:auto;height:1px}}.metismenu.mod-menu .mm-collapsing{height:0;transition-property:color,background-color,height,visibility;transition-duration:.35s;transition-timing-function:ease;overflow:hidden}.metismenu.mod-menu .mm-collapse{background-color:#fff;position:absolute;box-shadow:1px 1px 4px #0000001a}.metismenu.mod-menu .mm-collapse>li.parent .mm-toggler,.metismenu.mod-menu .mm-collapse>li>a{display:inline-flex}.metismenu.mod-menu .mm-collapse>li.divider:not(.parent),.sidebar-left .metismenu .metismenu-item.divider:not(.parent),.sidebar-right .metismenu .metismenu-item.divider:not(.parent){border-bottom:1px solid #ced4da;width:auto;height:1px}.metismenu.mod-menu .mm-collapse>li.parent>ul{box-shadow:none;background-color:#00000008;flex-basis:calc(100% + 1em);margin-top:.5em;margin-bottom:-.5em;position:relative;top:0}.metismenu.mod-menu .mm-toggler{color:currentColor;user-select:none;height:100%;box-shadow:none;background:0 0;border:none;align-items:center;padding:0;display:flex;position:relative}.metismenu.mod-menu .mm-toggler:after{content:"";border-top:.5em solid;border-left:.5em solid #0000;border-right:.5em solid #0000;width:0;height:0;margin-inline-start:.5em;transition:.3s ease-out}.metismenu.mod-menu .mm-toggler[aria-expanded=true]:after,.mm-active>.metismenu.mod-menu .mm-toggler:after{transform:rotateX(-180deg)}.metismenu.mod-menu .parent>ul{color:#22262a}.sidebar-left .metismenu .mm-collapse,.sidebar-right .metismenu .mm-collapse{background-color:#00000008;position:relative}.sidebar-left .metismenu li.parent>ul,.sidebar-right .metismenu li.parent>ul{box-shadow:none;position:relative;top:0}@media (width <= 1199.98px){.sidebar-left .metismenu li.parent>ul,.sidebar-right .metismenu li.parent>ul{width:100%}}.sidebar-left .metismenu .metismenu-item>a,.sidebar-left .metismenu .metismenu-item>span,.sidebar-right .metismenu .metismenu-item>a,.sidebar-right .metismenu .metismenu-item>span{white-space:inherit}.minicolors-theme-bootstrap .minicolors-input{width:120px}.minicolors-theme-bootstrap .rgb{width:175px}.minicolors-theme-bootstrap .rgba{width:220px}.editor .toggle-editor{margin-top:1rem}.editor .mce-tinymce{border-radius:var(--border-radius);border:1px solid #dfe3e7}.editor .mce-btn,.editor .mce-panel{background:#f9fafb}.tox{white-space:nowrap!important}


/*========== swiper-bundle.min.css ============*/

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}



/*=========== uicons-thin-rounded.css =============*/








/*=========== Global =============*/

/*--jtemplate--*/
:root {
		--hue: 214;
		--template-bg-light: #f0f4fb;
		--template-text-dark: #495057;
		--template-text-light: #ffffff;
		--template-link-color: var(--link-color);
		--template-special-color: #001B4C;
		--siteproby-font-family-body: "Fira Sans", sans-serif;
			--siteproby-font-family-headings: "Fira Sans", sans-serif;
			--siteproby-font-weight-normal: 300;
			--siteproby-font-weight-headings: 500;
	}
 
 :root {	 
 --bg-color:#5649c0;
 --global-color: #5649c0;
 --l-color:#1aa2e5;
 
/*--bs-body-font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
font-weight: var(--bs-body-font-weight);
 
 /*--- btn color ---*/
 --btn1-color: #4a6cf7;
 --btn2-color: #4a6cf7;
 --btn3-color: #4a6cf7;
 --vw: 1vw;
 }
 
 
 .header {
    position: relative; /* Изначально статичный */
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10001;
      
}

header.header {
text-align: left;
}

 
 .header {
 background: transparent; /* Прозрачный фон */
    transition: all 0.3s ease;
 }


/* Для мобильных отключаем это поведение */
@media (max-width: 991px) {
    .header {
        position: relative !important;
        transform: none !important;
        background: #fff; /* На мобильных всегда белый */
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    .header.fixed,
    .header.hide,
    .header.show {
        position: relative !important;
        transform: none !important;
    }
}


@media (max-width: 767.98px) {
 .body-product .header {
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 12100;
		position: fixed !important;
		top: unset;
    }

}/*---*/
 

 
/* Вместо 100vw используйте: */
.full-width {
    width: 100vw ;
}
 
 
  * {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	body {	
	
	 font-family: var(--bs-body-font-family);	
		min-height: 100vh;
		background-color: #ffffff;
		position: relative;
		overflow-x: hidden;
		background: #f8f9fa;
	}
 
 

section {padding:50px 0px; margin:0px 0px; position:relative;}

.container {z-index: 2; position: relative;}

/*section#slideshow {padding:0px 0px;margin:0px 0px;}*/

.marg100 {margin: 100px 0px;}

img {max-width: 100%; height: auto;} /*respostive image*/

.pb150 {padding-bottom:150px;}
.pb100 {padding-bottom:150px;}
.pb50 {padding-bottom:50px;}

.pt50 {padding-top:50px;}
.pt100 {padding-top:100px;}
.pt150 {padding-top:150px;}

.mb-150 {margin-bottom:150px;}
.mb-100 {margin-bottom:150px;}
.mb-50 {margin-bottom:50px;}

.mt-50 {margin-top:50px;}
.mt-100 {margin-top:100px;}
.mt-150 {margin-top:150px;}

.mt-50m {margin-top:-50px;}
.mt-100m {margin-top:-100px;}
.mt-150m {margin-top:-150px;}

.relative {position: relative !important;}

.deg90 {transform: rotate(90deg);}

.br10 {border-radius:10px;} 
.br20 {border-radius:20px;} 
.br30 {border-radius:30px;}
.br40 {border-radius:40px;}
.br50 {border-radius:50px;}

.br50p {border-radius:50%;}


.bs1 {box-shadow: 11px 11px 50px 0 rgba(0, 0, 0, 0.43);}
.bs2 {box-shadow: 11px 11px 50px 0 rgba(0, 0, 0, 0.43);}
.bs3 {box-shadow: 11px 11px 50px 0 rgba(0, 0, 0, 0.43);}
.bs4 {box-shadow: 11px 11px 50px 0 rgba(0, 0, 0, 0.43);}


/*=== Fonts ===*/
.notu {text-decoration: none;}
.notu:hover {text-decoration: none;}

/*---- font-size ----*/


.fz-05 {font-size:0.5rem !important;}
.fz-07 {font-size:0.7rem !important;}
.fz-08 {font-size:0.8rem !important;}
.fz-09 {font-size:0.9rem !important;}
.fz-10 {font-size:1rem !important;}
.fz-1 {font-size:1rem !important;}
.fz-11 {font-size:1.1rem !important;}
.fz-12 {font-size:1.2rem !important;}
.fz-13 {font-size:1.3rem !important;}
.fz-14 {font-size:1.4rem !important;}
.fz-15 {font-size:1.5rem !important;}
.fz-16 {font-size:1.6rem !important;}
.fz-17 {font-size:1.7rem !important;}
.fz-18 {font-size:1.8rem !important;}
.fz-19 {font-size:1.9rem !important;}
.fz-20 {font-size:2rem !important;}
.fz-24 {font-size:2.4rem !important;}
.fz-25 {font-size:2.5rem !important;}
.fz-30 {font-size:3rem !important;}
.fz-40 {font-size:4rem !important; line-height: 40px;}
.fz-50 {font-size:5rem !important;}
.fz-60 {font-size:6rem !important;}


.lh-20 {line-height:2rem !important;}
.lh-30 {line-height:3rem !important;}
.lh-40 {line-height:4rem !important;}
.lh-50 {line-height:5rem !important;}
.lh-60 {line-height:6rem !important;}


/*--- font-weight ---*/
.fw-100 {font-weight:100;}
.fw-200 {font-weight:200;}
.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}
.fw-800 {font-weight:800;}
.fw-900 {font-weight:900;}




/*--- h ---*/

h1 {margin-bottom: 1rem;}


		

/*========position==========*/
.t10 {top:10%}
.t20 {top:20%}
.t30 {top:30%}
.t40 {top:40%}
.t50 {top:50%}
.t60 {top:60%}
.t70 {top:70%}
.t80 {top:80%}
.t90 {top:90%}
.l10 {left:10%}
.l20 {left:20%}
.l30 {left:30%}
.l40 {left:40%}
.l50 {left:50%}
.l60 {left:60%}
.l70 {left:70%}
.l80 {left:80%}
.l90 {left:90%}


.width100 {width:100px;}
.width200 {width:200px;}
.width300 {width:300px;}
.width400 {width:400px;}
.width500 {width:500px;}

.imgh-50 {height:50px !important;}
.imgh-60 {height:60px !important;}
.imgh-70 {height:70px !important;}
.imgh-80 {height:80px !important;}
.imgh-100 {height:100px !important;}

.imgw-50 {width:50px !important;}
.imgw-100 {width:100px !important;}
.imgw-150 {width:150px !important;}


.hoverzoom1 {transform-origin: center; transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.hoverzoom1:hover {transform: scale(1.2);}

.bcol100 {background-color: #37575994}


.grid1 {grid-template-columns: repeat(1, 1fr) !important;}
.grid2 {grid-template-columns: repeat(2, 1fr) !important;}
.grid3 {grid-template-columns: repeat(3, 1fr) !important;}
.grid4 {grid-template-columns: repeat(4, 1fr) !important;}
.grid5 {grid-template-columns: repeat(5, 1fr) !important;}
.grid6 {grid-template-columns: repeat(6, 1fr) !important;}
.grid7 {grid-template-columns: repeat(7, 1fr) !important;}
.grid8 {grid-template-columns: repeat(8, 1fr) !important;}
.grid9 {grid-template-columns: repeat(9, 1fr) !important;}
.grid10 {grid-template-columns: repeat(10, 1fr) !important;}


/* Для всех якорных элементов отступ */
[ id ], [ name ] {
    scroll-margin-top: 150px; 
}

.list-group-item.active {
    color: #5649c0;
    background-color: #f0efff;
border-color: #35809b;}
	
/*--- other ---*/
.ovh {overflow:hidden;}








/*================ menu ==================*/

/*--- sync.css ---*/























/*--- icon --*/
i.fi {line-height: 1;vertical-align: text-bottom;}

/*

	h1 {
		font-size: 3rem;
		margin-bottom: 1rem;
		color: #2d3436;
	}

	h2 {
		font-size: 2rem;
		margin: 2rem 0 1rem;
		color: #2d3436;
	}
	
	 h3 {           
		margin: 2rem 0 1rem;
		color: #2d3436;
	}
*/
	p {
			font-size: 0.95rem;
			line-height: 1.5;
			color: #434343;
	}




 @media (max-width: 768px) {
.btn {padding: 10px 30px;}
 }/*--*/

	.btn:hover {
		background: var(--bg-color);
		transform: translateY(-3px);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
		color:#fff;
		}
	
	.btntraspt {
			background: transparent;
			color: #3c3c3c;
			border: 1px solid #3c3c3c;
		}
	
	.btnwhite {
			background: transparent;
			color: #fff;
			border: 1px solid #fff;
		}
		
	.buttons { /*--- кнопки в строку ---*/
            display: flex;
            gap: 15px;
        }

		a {color: var(--bg-color);}
		a {transition: all 0.3s ease;}



        
       
.js-sticky-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}


/*======== titles ========*/

#titlepage {padding:20px 0px;}
.titlepage {padding: 40px 0px; background: transparent; position:relative;overflow: hidden;}

@media (max-width: 992px) {
.titlepage {padding: 0px 0px 10px 0px;}
#titlepage h3  {font-size: 1rem !important;font-weight: 300;}	
#titlepage h2 {font-size: 1.4rem !important;}	
}/*end media*/

#titlepage h2 {font-size: 2.2rem;font-weight: 500;line-height: 1.2;}

#titlepage h3  {font-size: 1rem;font-weight: 500;line-height: 1.2;}

.bread {display: flex; align-items: center;gap: 7px; /*position: absolute;bottom: 30px;*/ position: relative; margin-top: -40px;}

.titlepage .mod-breadcrumbs__wrapper, .bread {overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.titlepage .breadcrumb, .bread .mod-breadcrumbs__wrapper{min-width: max-content;}

.bglines1::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0px;
  z-index: 1;
  margin-top: 0px;
  background-image: url(/images/design/lbg01-07.png);
  opacity: 0.2;
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
}



/*--- regions ---*/

.regionfon::before {
content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0px;
  z-index: 1;
  margin-top: 0px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  }
.regionfon.minsk::before {  
  background-image: linear-gradient(to right, #fff8df, #ffecaa00 60%, #ffecaa2e 70% ),url(/images/pages/regions/minsk-k.webp);
  opacity: 0.25;
}

.regionfon.brest::before {  
  background-image: linear-gradient(to right, #fff8df, #ffecaa00 60%, #ffecaa2e 70% ),url(/images/pages/regions/brest-k.webp);
  opacity: 0.25;
}

.regionfon.gomel::before {  
  background-image: linear-gradient(to right, #fff8df, #ffecaa00 60%, #ffecaa2e 70% ),url(/images/pages/regions/gomel-k.webp);
  opacity: 0.25;
}

.regionfon.grodno::before {  
  background-image: linear-gradient(to right, #fff8df, #ffecaa00 60%, #ffecaa2e 70% ),url(/images/pages/regions/grodno-k.webp);
  opacity: 0.25;
}

.regionfon.mogilev::before {  
  background-image: linear-gradient(to right, #fff8df, #ffecaa00 60%, #ffecaa2e 70% ),url(/images/pages/regions/mogilev-k.webp);
  opacity: 0.25;
}

.regionfon.vitebsk::before {  
  background-image: linear-gradient(to right, #fff8df, #ffecaa00 60%, #ffecaa2e 70% ),url(/images/pages/regions/vitebsk-k.webp);
  opacity: 0.25;
}

.regionfon.astro::before {  
  background-size: contain;	
  background-position: right;
  background-image: linear-gradient(to right, #fff8df, #ffecaa00 60%, #ffecaa2e 70% ),url(/images/pages/astronaut-k.webp);
  opacity: 0.25;
}

.regionfon.opa10::before {opacity: 0.10 !important;}
.regionfon.opa20::before {opacity: 0.20 !important;}




/*===== service banners ====*/

.servicebanner {padding: 40px 0px; position:relative;overflow: hidden;}
.servicebanner .container {position:relative; z-index:2;}
.bcolor1 {background-color: transparent;  background-image: linear-gradient(180deg, #cbf3cb 0%, #edf3cb 100%);}


@media (max-width: 992px) {
.servicebanner .h1 {font-size: 1.5rem;}
}/*-end media-*/



.wave-dark-1 {
  bottom: -69% !important;
}
.wave-dark {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
}

.wave-dark .wave-path {
  transform: scale(1.2, 1);
transform-origin: 50% 100%;}

.wave-dark .wave-path-1 {
  /*fill: rgba(255, 255, 255, 0.05);*/ /* белый*/
  fill: rgba(0, 0, 0, 0.05); /* черный*/
animation: wave1 20s ease-in-out infinite;}

.wave-dark .wave-path-2 {
  /*fill: rgba(255, 255, 255, 0.02);*/ /* белый*/
  fill: rgba(0, 0, 0, 0.02); /* черный*/
  animation: wave2 20s ease-in-out infinite;
}
.wave-dark .wave-path-3 {
  /*fill: rgba(255, 255, 255, 0.03);*/ /* белый*/
  fill: rgba(0, 0, 0, 0.03); /* черный*/
animation: wave3 20s ease-in-out infinite;}

@keyframes wave1 {
  25% {
    transform-origin: 0 100%;
    transform: scale(1.4, 1.3);
  }
  75% {
    transform: scale(1.4, 0.7);
    transform-origin: 100% 100%;
  }
}
@keyframes wave2 {
  25% {
    transform-origin: 0 100%;
  }
  50% {
    transform: scale(1.3, 0.8);
  }
  75% {
    transform-origin: 100% 100%;
  }
}
@keyframes wave3 {
  25% {
    transform-origin: 100% 100%;
  }
  50% {
    transform: scale(1.2, 0.9);
  }
  75% {
    transform-origin: 0 100%;
  }
}


/*--- banner 2 ---*/
#servicebanner.banner2 .servicebanner {border-radius:10px; }
.bcolor2 {background-color: transparent;  background-image: linear-gradient(180deg, #cfe2ff 0%, #9a9df4 100%);}

/*--- banner 3 ---*/

#servicebanner.banner3 .servicebanner {border-radius:0px;}
.bcolor3 {background-color: transparent;  background-image: linear-gradient(180deg, #cfe2ff 0%, #9a9df4 100%);}
#servicebanner.banner3 {margin: 80px 0px;}


/*--- banner 4 ---*/

.banner4 .wave-dark {
  position: absolute;
  bottom: 80px;
  height: 400px;
  left: 0;
  width: 100%;  
  pointer-events: none;}


@media (max-width: 1250px) {
.banner4 .wave-dark {
bottom: -13px;
height: 400px;
}

}/*-end media-*/



/*--- banner 5 ---*/
.bcolor5 {background-color: transparent; background-image: linear-gradient(180deg, #E4F3FE 0%, #92D1FF 100%);}
  
.banner5 .servicebanner::before {
/* content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 10%;
  z-index: 1;
background-image: url(/images/design/templates-show/t02.webp);
  background-size: 65%;
  background-position: right center;
  background-repeat: no-repeat;*/
}
 
.banner5  .wave-dark{bottom: -20%;}
.banner6  .wave-dark{bottom: -60%;}

@media (min-width: 768px) and (max-width: 991px) {

}/*-end media-*/

@media (min-width: 1200px) and (max-width: 1399px) {


}/*-end media-*/

@media (min-width: 1399px) and (max-width: 1599px) {


}/*-end media-*/

@media (max-width: 768px) {
.banner5 .banimg {opacity: 0.2;}

.colage .banimg {opacity: 1; max-width: 600px !important; margin-top: 50px;}


}/*-end media-*/






/*======== tariffs =======*/
.tariffpage ul.pt-3 li {
    list-style-position: outside;   /* маркер остаётся слева */
    padding-left: 1.7em;            /* общий отступ всего li */
    text-indent: -1.7em;            /* первая строка «вытягивается» назад */
}

.tariffpage ul {padding-left: 0.2rem;}

.tariffpage ul.pt-3 li .badge, .tariffpage i {text-indent: 0em;}



/* Стили для переключателя тарифов */
.tariff-switch-container {
    display: flex;
    justify-content: right;
    align-items: center;
    margin-bottom: 30px;
    padding: 10px;
}

.tariff-switch {
    position: relative;
    display: inline-block;
    width: 220px;
    height: 50px;
    border-radius: 10px;
    background: #f0f0f0;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.tariff-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.tariff-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    transition: .4s;
    display: flex;
    align-items: center;
}

.tariff-slider:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 105px;
    left: 5px;
    bottom: 5px;
    /*background: linear-gradient(45deg, #6a11cb 0%, #2575fc 100%);*/
	background: linear-gradient(45deg, #5649c0 0%, #5649c0 100%);
    border-radius: 10px;
    transition: .4s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.tariff-switch input:checked + .tariff-slider:before {
    transform: translateX(105px);
}

.tariff-option {
    position: absolute;
    width: 50%;
    text-align: center;
    z-index: 1;
    font-weight: 600;
    font-size: 14px;
    transition: color 0.3s;
    /*text-transform: uppercase;*/
    letter-spacing: 0.5px;
}

.tariff-month {
    left:0px;
    color: #fff;
}

.tariff-year {
    right: 0px;
    color: #333;
}

.tariff-switch input:checked ~ .tariff-slider .tariff-month {
    color: #333;
}

.tariff-switch input:checked ~ .tariff-slider .tariff-year {
    color: #fff;
}

.badge-discount {
    background: linear-gradient(45deg, #ff416c, #ec0e76);
    color: white;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 12px;
    margin-left: 5px;
}

/* Стили для отображения цен */
.month-price, .year-price {
    display: none;
}

.month-price.active, .year-price.active {
    display: initial;
}

.year-price-note {
    margin-top: 5px;
    font-size: 12px;
}

.text-decoration-line-through {
    text-decoration: line-through;
}


.tariff-comparison .constructor-column, .tariff-comparison .constructor-cell {width: 80%;}
.tariff-comparison .feature-column, .tariff-comparison .feature-cell {width: 20%;}
.tariff-comparison .text-value {background-color: transparent;}
.tariff-comparison .highlighted-cell .text-value {background-color: transparent; border: 0px;}
.tariff-comparison .feature-cell {padding: 10px 20px;}

@media (max-width: 768px) {
 .tariff-comparison .feature-column, .tariff-comparison .feature-cell, .tariff-comparison .constructor-column, .tariff-comparison .constructor-cell {
    width: 100%;
  }
}









/*=============== blob ================*/
	
	
.blob_effect .mod-custom {position:unset;}
		
	.content { z-index: 1;
    display: block;
    position: relative;
	overflow: hidden;
	}
	

      .blob-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        pointer-events: none;
        overflow: hidden;
    }

    /* --- Базовые стили для каждого blob-слоя (как в Blobz) --- */
    .tk-blob {
        position: absolute;
        width: 600px; /* Базовая ширина, подбирается под размер */
        height: 600px;
        transform: translate(0, 0) scale(1);
        animation: blob-transform 30s infinite alternate ease-in-out;
        will-change: transform;
        opacity: 0.8;
        /* CSS-переменные как в Blobz для гибкости */
        --time: 30s;
        --amount: 2;
    }

    .tk-blob svg {
        display: block;
        width: 100%;
        height: 100%;
    }

    .tk-blob svg path {
        fill: currentColor; /* Цвет задаём через CSS */
    }

    /* --- Индивидуальное позиционирование и цвета (как в вашем исходном коде) --- */
    
    /* blob-1 (фиолетовый большой) и его обводка */
    .blob-1 {
        top: -100px;
        left: -100px;        
        width: 500px;
        height: 500px;
        animation-delay: 0s;
		    background: linear-gradient(135deg, #fff, #9b91ee);
    }
    .blob-12 {
        top: -88px;
        left: -80px;
        color: transparent;
        width: 500px;
        height: 500px;
        animation-delay: 0s;
        stroke: #dfdfdf;
        stroke-width: 1;
    }

    /* blob-2 (зеленоватый справа снизу) */
    .blob-2 {
        bottom: -50px;
        right: -50px;
        color: #4ecdc4;
        width: 300px;
        height: 300px;
        animation-delay: -5s;
        opacity: 0.8;
        filter: drop-shadow(0 0 10px #f8f9fa) drop-shadow(0 0 11px #ddd);
    }

    /* blob-3 (серый слева снизу) */
    .blob-3 {
        bottom: 5%;
        left: -5%;
        color: #f0f0f0;
        width: 400px;
        height: 400px;
        animation-delay: -10s;
    }

    /* blob-4 (большой синий) и его обводки */
    .blob-4 {
        top: -500px;
        right: -10%;
        color: #3160ae; /* Базовый цвет, градиент сделаем через фон */
        width: 1250px;
        height: 1250px;
        animation-delay: -15s;
        background: linear-gradient(66deg, #e8fdff, #3160ae);
        /* Для SVG нужно немного иначе, но пока оставим цвет */
        mix-blend-mode: normal;
    }
    .blob-41, .blob-42 {
        top: -500px;
        right: -10%;
        color: transparent;
        width: 1260px;
        height: 1260px;
        stroke: #dfdfdf;
        stroke-width: 1;
    }
    .blob-42 {
        top: -15%;
        animation-delay: -10s;
    }

    /* blob-5 (полупрозрачный фиолетовый слева) */
    .blob-5 {
        top: 30%;
        left: -5%;
        color: #dddfff;
        width: 500px;
        height: 500px;
        animation-delay: -7s;
        opacity: 0.8;
        filter: drop-shadow(0 0 10px #fff);
    }

    /* blob-6 (голубой справа) */
    .blob-6 {
        bottom: 30%;
        right: -8%;
        color: #e7f1ff;
        width: 500px;
        height: 500px;
        animation-delay: -12s;
        opacity: 0.9;
        filter: drop-shadow(0 0 10px #f8f9fa) drop-shadow(0 0 11px #eee);
    }

    /* --- Анимация как в Blobz (деформация через трансформацию) --- */
    @keyframes blob-transform {
        0% {
            transform: translate(0, 0) scale(1) rotate(0deg);
            border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
        }
        25% {
            transform: translate(2%, 3%) scale(1.05) rotate(2deg);
            border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
        }
        50% {
            transform: translate(-3%, 1%) scale(0.95) rotate(-1deg);
            border-radius: 50% 60% 70% 40% / 60% 50% 60% 40%;
        }
        75% {
            transform: translate(1%, -2%) scale(1.02) rotate(1deg);
            border-radius: 40% 60% 40% 70% / 70% 50% 60% 50%;
        }
        100% {
            transform: translate(-1%, 1%) scale(0.98) rotate(-0.5deg);
            border-radius: 60% 40% 70% 30% / 40% 50% 60% 70%;
        }
    }

    /* Адаптация для мобильных */
    @media (max-width: 768px) {
        .tk-blob {
           /* animation: none; /* Отключаем анимацию */
            opacity: 0.4;
        }
        /* Скрываем некоторые слои */
        .blob-3, .blob-5, .blob-41, .blob-42, .blob-43 {
            display: none;
        }
        /* Уменьшаем большие */
        .blob-4, .blob-41, .blob-42 {
            width: 600px;
            height: 600px;
        }
    }
        





       

        .features {
           /* display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin: 3rem 0;*/
        }
		.feature-card li {font-size: 0.98rem;line-height: 1.6rem;}

        .feature-card {
            padding: 2rem;
            background: white;
            border-radius: 10px;
            box-shadow: rgba(0, 0, 0, 0.05) 0px 23px 90px;
            transition: .3s ease-out;
			display: flex;
		    flex-direction: column;      /* вертикальный стек */
		    height: 100%;                /* занимает всю высоту слайда */
		    justify-content: space-between; /* прижимает кнопку/низ к низу */			
        }
		/*
		.feature-card .btn {
		margin-top: auto;           
			}*/
		
		.feature-card.fcheck {border: 0px solid #6c5ce7;margin-top:-30px;}

        .feature-card:hover {
          /*  transform: translateY(-5px);*/
		 /* margin-top:-10px;*/
		      transition: .3s ease-out;
			  box-shadow: 0px 0px 70px 11px rgba(34, 60, 80, 0.17);
        }

        .feature-card h3 {
            color: #353535;
            margin-bottom: 1rem;
			font-size: 1.3rem;
        }
		

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*============ slider swiper ==============*/
	
        .swiper {
            width: 100%;
            height: 700px;
        }
        
        .swiper-slide {
            position: relative;
        }
        
        .slide-content {
            display: flex;
            align-items: center;
            height: 100%;
            position: relative;
        }
        
        .text-content {
            position: relative;
            z-index: 10;
        }
        
        /* Картинки вне контейнера */
        .images-container {
           position: relative;           
            width: 100%;
            height: 100%;
            pointer-events: none;
        }
        
        .main-image {
            position: relative;           
            height: 100%;
            width: auto;
            max-width: none;
            object-fit: cover;
            z-index: 1;
            opacity: 0;
            transform: translateX(0);
            transition: all 0.8s ease-out;
        }
        
        .main-image.active {
            opacity: 1;
            transform: translateX(100px);
        }
        
        .secondary-image {
            position: absolute;          
            height: auto;
            object-fit: cover;
            z-index: 2;
            opacity: 0;
		}
        
        .tertiary-image {
            position: absolute;			
            height: auto;
            object-fit: cover;
            z-index: 3;
            opacity: 0;
           
        }
        
        .secondary-image.visible,
        .tertiary-image.visible {
            opacity: 1;
            transform: rotateY(0);
        }
        
        /* Класс для параллакса - добавляется после анимации */
        .parallax-ready {
            transition: transform 0.1s ease-out !important;
        }
        
        .swiper .title {
            font-size: 2.8rem;
            font-weight: 800;
            margin-bottom: 0.8rem;
        }
        
        .swiper .subtitle {
            font-size: 1.8rem;
			color: #070707;
            margin-bottom: 1.6rem;
        }
        
        .swiper .description {
            font-size: 1.1rem;
            line-height: 1.6;
            margin-bottom: 2rem;
			color: #070707;
        }
        
        .price {
            font-size: 1.8rem;
  font-weight: 400;
  color: #6c5ce7;
  margin-bottom: 2rem;
        }
        
        
               
.swiper-button-next, .swiper-button-prev {color: #6c5ce7};		
		

	.btnblack {background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
        
        .btn-primary {
            background-color: #0d6efd;
            border: none;
        }
        
        .btn-outline-primary {
            border-color: #0d6efd;
            color: #000;
			background-color: #fff;
			border:1px solid #000;
        }
        
        /* Анимации для текста */
        .animate-text > * {
            opacity: 0;
            animation: fadeInUp 0.5s ease-out forwards;
        }
        
        .animate-text .title {
            animation-delay: 0.1s;
        }
        
        .animate-text .subtitle {
            animation-delay: 0.2s;
        }
        
        .animate-text .description {
            animation-delay: 0.3s;
        }
        
        .animate-text .price {
            animation-delay: 0.4s;
        }
        
        .animate-text .buttons {
            animation-delay: 0.5s;
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Мобильная адаптация */
        @media (max-width: 992px) {
            .slide-content {
                flex-direction: column;
                text-align: center;
                justify-content: center;
            }
            
            .text-content {
                margin-bottom: 30px;
            }
            
            .images-container {
                position: relative;
                height: 400px;
                margin-top: 30px;
            }
            
            .main-image {
                right: -5%;
                height: 400px;
            }
            
            .secondary-image {
                right: 150px;
                top: 100px;
                width: 200px;
            }
            
            .tertiary-image {
                right: 180px;
                top: 70px;
                width: 170px;
            }
        }
        
        @media (max-width: 576px) {
            .images-container {
                height: 300px;
            }
            
            .main-image {
                height: 300px;
            }
            
            .secondary-image {
                right: 100px;
                top: 80px;
                width: 150px;
            }
            
            .tertiary-image {
                right: 120px;
                top: 50px;
                width: 120px;
            }
			
			.swiper-button-next, .swiper-button-prev {display:none;}
			
        }/*---*/

#slideshow.slhome {
	margin-top: -85px;
	z-index: 2;
	padding: 100px 0px 50px 0px;
}
#spmenuglobal.navhome.navbar {  
  background: transparent;
  z-index: 99;
}

.menu-overlay {  
  z-index: 80 !important;
}

/* Анимированная пагинация - видимый вариант */
.swiper-pagination-animated {
    position: absolute;
    bottom: 30px !important;
    left: 10% !important;
    transform: translateX(-10%) !important;
    display: flex;
    justify-content: center;
    gap: 12px;
    width: auto !important;
    z-index: 10;
    padding: 10px 20px;
    /*background: rgba(255, 255, 255, 0.15);*/
    backdrop-filter: blur(10px);
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.swiper-pagination-animated .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 50%;
    background: rgba(9, 9, 9, 0.7);
    margin: 0 !important;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}

.swiper-pagination-animated .swiper-pagination-bullet:hover {
 transform: scale(1.1);
  background: rgb(47, 129, 161);
}

.swiper-pagination-animated .swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 10px;
    background: linear-gradient(90deg, #6c5ce7, #a29bfe);
    position: relative;
    /*animation: wave 2s infinite;
    box-shadow: 0 0 15px rgba(108, 92, 231, 0.5);*/
}

.swiper-pagination-animated .swiper-pagination-bullet-active::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: rgba(108, 92, 231, 0.2);
    border-radius: 13px;
    z-index: -1;
    animation: pulse-ring 2s infinite;
}

@keyframes wave {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 15px rgba(108, 92, 231, 0.5);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 25px rgba(108, 92, 231, 0.7);
    }
}

@keyframes pulse-ring {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.3);
    }
}


@media (max-width: 1199px) {
#slideshow.s3 .text-content {padding-left: 20px !important;}
}/*-end media-*/

@media (max-width: 767px) {
#slideshow {padding: 20px 0px;}
#slideshow .text-content {padding: 20px !important;}	
#slideshow .text-content h2, #slideshow h3.subtitle {font-size: 1.2rem}	
#slideshow .title, #slideshow h2.title  {font-size: 1.8rem;}
#slideshow .subtitle {font-size: 1.4rem;}
#slideshow .description {font-size: 1rem;}
#slideshow .swiper {height:auto;padding-bottom: 20px;}
#slideshow .swiper-pagination-animated {bottom: 0px !important;}
#slideshow .btn {margin: 0px; font-size: 0.8rem;}
.swiper-button-next, .swiper-button-prev {color: #6c5ce773};


}/*-end media-*/

@media (min-width: 768px) and (max-width: 1199px) {
#slideshow	.swiper{height: 700px;}
}/*-end media-*/


@media (min-width: 768px) and (max-width: 991px) {
#slideshow .text-content {padding-left: 20px !important;}	
#slideshow .title {font-size: 1.8rem;}
#slideshow .subtitle {font-size: 1.4rem;}
#slideshow .description {font-size: 1rem;}
#slideshow .btn {margin: 0px; font-size: 0.8rem;}
#slideshow .manslide1 {top: 23% !important;right: -16% !important;}
}/*-end media-*/

@media (max-width: 1199px) {
#slideshow.regionfon .text-content {padding-left: 20px !important;}	
}/*-end media-*/

/*=== services top ===*/

.servicetop {
border: 1px solid #fff;
  background: #ebe8ff;
  background: linear-gradient(90deg,#fff8df,#ffecaa);
 /* background-image: linear-gradient(90deg, rgb(255, 248, 223), rgb(255, 236, 170));*/
  background-image: linear-gradient(180deg, #E4F3FE 0%, #A8DAFF 100%);
  background-image: linear-gradient(180deg, #A8DAFF 0%, #E4F3FE 100%);
  box-shadow: 0 0 1px rgba(40, 41, 61, .04), 0 4px 8px rgba(96, 97, 112, .16);
}


/*======= slider top services style 3 ====*/

#slideshow.s3 .img-phone {outline: none;}


#slideshow.s3 {padding:0px;}
#slideshow.s3 {}
#slideshow.s3 {}
#slideshow.s3 {}




/*======= Бугущая строка ===========*/
 #marquee {
            width: 100%;
            overflow: hidden;
            backdrop-filter: blur(10px);
            border-top: 2px solid rgba(255, 255, 255, 0.1);
            border-bottom: 2px solid rgba(255, 255, 255, 0.1);
            padding: 10px 0;
            position: relative;
            background-color: #6c5ce7;
        }

        #marquee::before,
        #marquee::after {
            content: '';
            position: absolute;
            top: 0;
            width: 150px;
            height: 100%;
            z-index: 2;
            pointer-events: none;
        }

        #marquee::before {
            left: 0;
            background: linear-gradient(to right, #6c5ce7, transparent);
        }

        #marquee::after {
            right: 0;
            background: linear-gradient(to left, #6c5ce7, transparent);
        }

        .marquee-container {
            display: flex;
            will-change: transform;
        }

        .marquee-content {
            display: flex;
            align-items: center;
            gap: 50px;
            padding: 0 25px;
            white-space: nowrap;
            flex-shrink: 0;
        }

        .marquee-content span {
            font-size: 2rem;
            font-weight: 300;
            color: #eaeaea;
            text-transform: uppercase;
            letter-spacing: 3px;
            text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
            transition: all 0.3s ease;
        }

        .marquee-content span:hover {
            color: #ffdd93;
            text-shadow: 0 0 30px rgb(255, 221, 147);
            transform: scale(1.05);
			cursor:pointer;
        }

        .separator {
            color: #e94560;
            font-size: 1.5rem;
            animation: pulse 2s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% {
                opacity: 0.5;
                transform: scale(1);
            }
            50% {
                opacity: 1;
                transform: scale(1.2);
            }
        }

        /* Адаптивность */
        @media (max-width: 768px) {
            .marquee-content span {
                font-size: 1.2rem;
            }
            
            #marquee {
                padding: 20px 0;
            }
        }





/*======== swiper service s=========*/

#dopservices .fi {font-size: 50px;line-height: 45px;}
#dopservices h3 {font-size: 1.2rem;}
#dopservices .feature-card:hover {
/*background-color: #c7c7ff;*/
background-color: /*#6c5ce757;*/#6253d92e;
/*background-color: rgb(237, 245, 255);*/
}

.lc-section {position:relative;}
.fc-fon1 {
background-image: url(/images/design/shape.png);
  position: relative;
  background-size: auto;
  background-position: right;
background-repeat: no-repeat;}


.fc-fon2 {
background-color: #584ac1a1;
}

#dopservices .feature-card.fc-fon2:hover {background-color: #584ac1a1;}
	
.fc-fon2 p, .fc-fon2 h3, .fc-fon2 a {color:#fff;}


/* изолированная карусель */
.lc-section{overflow:hidden}
.lc-container{position:relative}
.lc-wrapper{display:flex}
.lc-slide{flex-shrink:0;width:auto}

.lc-slide {
  display: flex;              
  height: auto; 
  min-height:430px;
}

.lc-container {
  touch-action: pan-y pinch-zoom; /* разрешаем вертикальный скролл, запрещаем горизонтальный браузерный */
}

.lc-wrapper {
  display: flex;
  align-items: stretch;
}

.lc-slide {
  height: auto;
  -webkit-transform: translateZ(0); /* фикс для iOS */
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Убираем выделение текста при свайпе */
.lc-container.is-dragging {
  user-select: none;
  -webkit-user-select: none;
}



/* стрелки */
.lc-prev,
.lc-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;height:44px;
  background:#fff;
  border-radius:50%;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  cursor:pointer;
  z-index:10;
}
.lc-prev{left:10px}
.lc-next{right:10px}
.lc-prev::after,
.lc-next::after{
  content:'';
  display:block;
  width:10px;height:10px;
  border:solid #000;
  border-width:0 2px 2px 0;
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%) rotate(135deg);
}
.lc-next::after{transform:translate(-50%,-50%) rotate(-45deg)}

/* пагинация */
.lc-pag{
  text-align:center;
  margin-top:15px;
}
.lc-pag .swiper-pagination-bullet{
  width:8px;height:8px;
  background:#000;
  opacity:.3;
  margin:0 4px;
  border-radius:50%;
  display:inline-block;
  cursor:pointer;
}
.lc-pag .swiper-pagination-bullet-active{opacity:1}




/*========swiper portfolio=========*/

#portfolio .siteport {
outline: 10px solid #fff;
  object-fit: cover;
  box-shadow: 0px 0px 70px 11px rgba(34, 60, 80, 0.17);
  border-radius:20px;
 /*min-height: 300px;*/
}


#portfolio .lc-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

#portfolio .siteport {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.lc-portfolio {
  touch-action: pan-y;
}


/* Фикс для autoplay + centeredSlides */
.lc-portfolio .lc-wrapper {
  transition-timing-function: ease-out;
}

@media (max-width: 768px) {

#portfolio .lc-slide {min-height: auto;}

}/*-end media-*/






/*========= custom ===========*/

#hometariffs {padding-top:100px;}


#hometariffs .feature-card ul li::before {
  /*content: '\f00c';
  font-family: "Font Awesome 6 Free";
  font-weight: 900; 
  font-size: 13px;
  margin-right: 12px;
  position: relative;
  top: -1px;
  color: #6c5ce7;*/
  content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%236c5ce7' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
}

.tooltip-icon::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m13,18c0,.552-.448,1-1,1s-1-.448-1-1,.448-1,1-1,1,.448,1,1Zm-.064-12.893c-1.221-.279-2.47,0-3.428.765-.958.764-1.508,1.904-1.508,3.128,0,.276.224.5.5.5s.5-.224.5-.5c0-.918.412-1.773,1.131-2.347.719-.574,1.661-.782,2.582-.572,1.074.245,1.96,1.131,2.205,2.205.307,1.345-.285,2.688-1.473,3.343-1.218.672-1.946,1.832-1.946,3.103v.268c0,.276.224.5.5.5s.5-.224.5-.5v-.268c0-.901.534-1.733,1.428-2.227,1.583-.872,2.373-2.657,1.965-4.441-.333-1.462-1.495-2.624-2.957-2.957Zm11.064,6.893c0,6.617-5.383,12-12,12S0,18.617,0,12,5.383,0,12,0s12,5.383,12,12Zm-1,0c0-6.065-4.935-11-11-11S1,5.935,1,12s4.935,11,11,11,11-4.935,11-11Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    cursor: pointer;
}





#hometariffs .feature-card ul {list-style: none;}
#hometariffs .feature-card li {text-align: left;}

@media (max-width: 1199px) {
.feature-card.fcheck {margin-top: 0px;}
	
}/*-end media-*/


@media (min-width: 1200px) and (max-width: 1399px) {

#hometariffs .feature-card {padding: 2rem 0.5rem;}
#hometariffs .feature-card ul {padding-left: 0.5rem;}
#hometariffs .feature-card li {font-size: 0.8rem;}
/*#hometariffs .feature-card li::before {content: '' !important;}*/

}/*-end media-*/

@media (min-width: 1399px) and (max-width: 1599px) {

#hometariffs .feature-card {padding: 2rem 1rem;}
#hometariffs .feature-card ul {padding-left: 1rem;}
#hometariffs .feature-card li {font-size: 0.9rem;}
/*#hometariffs .feature-card li::before {content: '' !important;}*/

}/*-end media-*/

@media (max-width: 768px) {

#hometariffs {padding-top:50px;}

#hometariffs .feature-card {padding: 2rem 1rem;}

}/*-end media-*/







/*===========sitetemplates============*/




#sitetemplates {
padding: 0px 0px;
margin: 50px 0px;
background-image: url(/images/design/templates-show/textura-beton.webp);
position:relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 0;
}


#sitetemplates .container {/*padding:100px 50px;*/}
#sitetemplates .t1 {
	font-family: var(--bs-body-font-family);
font-size: 6rem;
  font-weight: 800;
  line-height: 5rem;}

.rplus {display: inline-block;
  /*transform-origin: 50% 50%;
  align-items: center; justify-content: center; /*width: 1em; height: 1em;*/ 
  transition: transform 1s ease-in-out; transform: rotate(360deg);
      margin-left: 5px;
  }

  
#sitetemplates .sta {
	  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;}
  
   
  
  
  
  #jeff {
  width: 70%;
  aspect-ratio: 1 / 0.4;
  position: relative;
  overflow: hidden;
}

/* Общие параметры */
.sprite {
  position: absolute;
  width: 21vw;
  height: 210%; /* важно: больше контейнера */
  background-image: url("/images/design/templates-show/ts-sprite-01.webp");
  background-repeat: repeat-y;
  background-size: 100% auto; 
   will-change: transform;
  /*border-radius: 20px;*/
}

/* Левая колонка */
.sprite-left {
  left: 7%;
  top: -11%;
  transform: rotate(-10deg);
  animation: spriteUp 600s linear infinite;
}

/* Правая колонка */
.sprite-right {
  left: 32.5%;
  top: -100%;
  transform: rotate(-10deg);
  animation: spriteDown 500s linear infinite;
}

@keyframes spriteUp {
  from {
    background-position-y: -8555px;
  }
  to {
    background-position-y: 0px;
  }
}

@keyframes spriteDown {
  from {
    background-position-y: -0px;
  }
  to {
    background-position-y: -8555px;
  }
}

  
  
  
  
  
  

/*
#jeff {
  margin-top: 2%;
  width: 70%;
  aspect-ratio: 1 / 0.4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
  position: relative;
  overflow: hidden;
}*/




@keyframes infiniteLeft {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}

@keyframes infiniteRight {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}

.stack {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  animation: infiniteLeft 50s linear infinite;
}

.reverse {
  animation: infiniteRight 50s linear infinite; 
  transform: translateY(-100%);
}

#row1 {
  position: absolute;
  top: -65%;
  left: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: rotate(-10deg);
}

#row2 {
  position: absolute;
  top: 18%;
  left: 19%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: rotate(-10deg);
}


.imagen {

  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 23vw;
  aspect-ratio: 1 / 1;
  margin: 0.4%;
  border-radius: 1dvw;
  filter: blur(0.5px);
}


@media (min-width: 1400px) and (max-width: 1599px) {
#jeff {aspect-ratio: 1 / 0.5;}
.sprite-right {left: 30.5%;}
}/*-end media-*/

@media (min-width: 992px) and (max-width: 1399px) {
#jeff {aspect-ratio: 1 / 0.7;}
.sprite-right {left: 27.5%;}
}/*-end media-*/

@media (min-width: 576px) and (max-width: 991px) {
#jeff {aspect-ratio: 1 / 0.8;}
.sprite-right {display:none;}
.sprite-left {transform: none; left: 4%;}
.sprite {width: 32vw;}
#sitetemplates .h2 {font-size: 1.5rem;}

}/*-end media-*/

@media (max-width: 576px) {
#sitetemplates {background-image: none;}
#jeff {width: 100%; aspect-ratio: 1 / 1.4;}
.sprite {width: 60vw;}
.sprite-left {left: -18%; transform: none;}
.sprite-right {left: 43.5%; top: -100%;transform: none;}
#sitetemplates .sta {background: #000000cc;padding: 37px;}
.colmobw, .colmobw .t1 {color:#fff !important;}

}/*-end media-*/

/*============ brans ==============*/

#brands {
background-image: url(/images/design/plugins/h3-bg-section-5.webp);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  padding: 100px 0px;
  color:#fff;
  z-index: 2;
  overflow: hidden;
}


.years {
	background: url(/images/design/years.webp) 50.3% 0% no-repeat;
    background-size: auto;
  -webkit-background-size: cover;
  background-size: 315px;
  height: 170px;
  font-size: 4.3rem;
}

.clients-logos {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 3vw 0;
}

/* Общая строка логотипов */
.logos-row {
  width: 200%;
  height: clamp(50px, 6vw, 90px);
  background-repeat: repeat-x;
  background-size: auto 100%;
  transition: filter 0.4s ease;
  /*background-color: #ffffffd1;*/
  will-change: background-position;
  /*filter: grayscale(100%);*/
  filter: invert(80%) sepia(71%) grayscale(100%);
   transition: filter 0.4s ease;
   cursor:pointer;
   margin-bottom: 30px;
}

.logos-row:hover {
  filter: none;
   transition: filter 0.8s ease;
   background-color: #ffffffd1;
   transition: 0.8s ease;
}



.logos-row--sprite-1 {
  background-image: url("/images/design/clients/logos-sprite-01.webp");
}

.logos-row--sprite-2 {
  background-image: url("/images/design/clients/logos-sprite-02.webp");
}

.logos-row--sprite-3 {
  background-image: url("/images/design/clients/logos-sprite-03.webp");
}

.logos-row:nth-child(1) { animation-duration: 320s; }
.logos-row:nth-child(2) { animation-duration: 280s; }
.logos-row:nth-child(3) { animation-duration: 360s; }



.logos-row:nth-child(2) {
/*
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
*/
}

.logos-row:hover {
  opacity: 1;
}

/* Направление слева направо */
.logos-row--forward {
  animation: logosLeftToRight 300s linear infinite;
}

/* Направление справа налево */
.logos-row--backward {
  animation: logosRightToLeft 300s linear infinite;
}

/* Анимации */
@keyframes logosLeftToRight {
  from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 7000px;
  }
}

@keyframes logosRightToLeft {
  from {
    background-position-x: 7000px;
  }
  to {
    background-position-x: 0px;
  }
}





/*  
.partners-logo-slider {
    height: 340px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
    background-color: transparent;
    padding: 16px 0px;
}

.slide-track {
    display: flex;
    width: max-content;
    animation-duration: 40s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.forward-track {
    animation-name: scrollForward;
}

.reverse-track {
    animation-name: scrollReverse;
}

.slide {
    height: 100px;
    width: 250px;
    filter: grayscale(100%);
    flex-shrink: 0;
}

.slide:hover {
    filter: grayscale(0%);
}

@keyframes scrollForward {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 7)); }
}

@keyframes scrollReverse {
    0% { transform: translateX(calc(-250px * 7)); }
    100% { transform: translateX(0); }
}
*/





/*========features===========*/

/*.p-3 {padding:40px !important; background:#fff;}*/


#featureshome .feature-card img {height: 40px;}
#featureshome .feature-card i {font-size: 5rem;}

#featureshome .feature-card .animated-icon {
    height: 80px;
    cursor: pointer;
    transition: transform 0.3s ease;
}


#featureshome .feature-card:hover .animated-icon{
    transform: scale(1.1);
}




.feblock ul li {line-height: 2rem;
display: flex;
    gap: 8px;
    align-items: baseline;
}


.feblock ul li::before {
  /*content: '\f058';
  font-family: "Font Awesome 6 Free";*/
  
  content: '\E3D8';
  font-family: "uicons-thin-rounded";
  
      font-size: 18px;
    margin-right: 10px;
    padding-left: 2px;
    position: relative;
    top: 2px;
  color: #6c5ce7;
  font-weight:900;
}


/*.feblock ul li {
    position: relative; 
    padding-left: 28px;  
}

.feblock ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath fill='%236c5ce7' d='m18.756,8.048c.193.197.191.514-.006.708l-5.325,5.244c-.686.671-1.568,1.007-2.45,1.007-.873,0-1.747-.329-2.43-.988l-2.296-2.264c-.196-.194-.198-.51-.005-.707.196-.197.512-.199.708-.005l2.292,2.26c.974.941,2.505.937,3.48-.018l5.324-5.243c.195-.193.513-.191.707.005Zm5.244,3.952c0,6.617-5.383,12-12,12S0,18.617,0,12,5.383,0,12,0s12,5.383,12,12Zm-1,0c0-6.065-4.935-11-11-11S1,5.935,1,12s4.935,11,11,11,11-4.935,11-11Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
*/
.horz li {display: inline-block; margin-right: 10px;}



@media (min-width: 1400px) and (max-width: 1599px) { 

    /*==============*/
.fman1 {top: -57px !important;}
.fman2 {}
 
      /*==============*/
}/* End */

@media (min-width: 1200px) and (max-width: 1399px) { 

    /*==============*/
.fman1 {top: 0px !important;width: 300px !important;}
.fman2 {}
 
      /*==============*/
}/* End */


@media (min-width: 992px) and (max-width: 1199px) { 

    /*==============*/
.fman1 {top: -2px !important; width: 250px !important;}
.fman2 {width: 320px !important; top: -95px !important;}
 
      /*==============*/
}/* End */




@media (min-width: 768px) and (max-width: 991px) { 

    /*==============*/
.fman1 {top: -15px !important;}
.fman2 {}
 
      /*==============*/
}/* End */


@media (min-width: 576px) and (max-width: 767px) { 

    /*==============*/
.fman1 {top: -9px !important;width: 300px !important;}
.fman2 {}
 
      /*==============*/
}/* End */

@media (max-width: 575px) { 

    /*==============*/
.fman1 {top: 11% !important; width: 50% !important;}
.fman2 {top: -19% !important; width: 69% !important;}
 
      /*==============*/
}/* End */


/*=========== Adaptive ==========*/

.adaptive { 
  background-image: url(/images/design/adaptive.webp);
  position: relative;
  background-size: 25%;
  background-position: right;
  background-repeat: no-repeat;
  z-index: 1;
  }

@media (max-width: 1400px) {
  .adaptive {
     background-image: none;
	 background-size: 0%;
  }
}


/*=============== frblocks =============*/
.fimgbig{
/*box-shadow: 11px 11px 50px 0 rgba(0, 0, 0, 0.04);*/
box-shadow: 0px 0px 70px 11px rgba(34, 60, 80, 0.17);
border-radius: 20px;
width: 700px !important;
}


.bimg {
	background-color: transparent;    
    padding: 5px;
    background-image: linear-gradient(180deg, #FFFFFF30 0%, #FFFFFF1A 100%);
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    border-color: #FFFFFF0F;
    border-radius: 20px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
	/*backdrop-filter: blur(5px);*/
}

.fimg {
  position: relative;
  display: inline-block;
  padding: 50px;
}


.fimg.bull:before {
    content: "";
    width: 88px;
    height: 88px;
    position: absolute;
	top: 25px;
	left: 10px;
    background: url(/images/design/features/bullets.webp) center center no-repeat;
    z-index: -1;
}
.fimg.bulr:before {
    content: "";
    width: 88px;
    height: 88px;
    position: absolute;
	top: 25px;
	right: 10px;
    background: url(/images/design/features/bullets.webp) center center no-repeat;
    z-index: -1;
}

/*--- css телефона -- */
.phone-wrap {
  position: relative;
  display: inline-block;
}
/* камера */
.phone-wrap::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background: radial-gradient(circle at 30% 30%, #6c6c6c, #e5e5e5 70%);
  border-radius: 50%;
  box-shadow: 0 0 0 2px #797979, inset 0 0 2px rgba(255, 255, 255, 0.25);
  z-index: 3;
  pointer-events: none;
}

/* рамка телефона (если нужно) */
.img-phone {
  outline: 2px solid #686868;
}

/* нижняя жестовая полоска */
.phone-wrap::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  height: 3px;
  background: rgba(117, 117, 117, 0.9);
  border-radius: 3px;
  z-index: 3;
  pointer-events: none;
}


	



/* Анимация появления */

/* Задержки ТОЛЬКО для активного состояния */
.swiper-slide-active .delay-1, .fimg.visible .delay-1  {
    transition-delay: 0.5s;
}

.swiper-slide-active .delay-2, .fimg.visible .delay-2 {
    transition-delay: 0.8s;
}

.swiper-slide-active .delay-3, .fimg.visible .delay-3 {
    transition-delay: 1.1s;
}

.swiper-slide-active .delay-4, .fimg.visible .delay-4 {
    transition-delay: 1.4s;
}



.animp0  {
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 1s ease;
}

.visible .animp0 {
  opacity: 1;
}

 @media (max-width: 767px) { /*-start--*/
.animp0 {opacity: 1;}
.fimgbig {margin: 0px;}
.fimg {padding: 20px;}
.fimgbig {border-radius: 10px;}
.bimg {padding: 4px;border-radius: 10px;}
.fimg.bulr::before, .fimg.bull::before {top: -5px;}
			
}/*-end-*/


/* Маленькие картинки */
.fimg .dimg {
  position: absolute;
  opacity: 0;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transform-origin: center center;
}


/* Позиции и размеры */
.animp1 {
  /* Начальное состояние */
  transform: perspective(1000px) rotateY(90deg);
  /* Анимация разворота */
  transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1), 
              opacity 0.8s ease;
}

.animp2 {
  /* Анимация разворота с задержкой */
  transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1), 
              opacity 0.8s ease 0.3s;
}




/* 1. Появление: только opacity + не трогаем transform */




.visible .animp3{
  display:inline-block;

}

/* после появления вешаем бесконечную тряску */
.visible .animp3.shake-y2{
  animation:appear 1.5s forwards,
             shakeY2 5s 1.7s infinite; /* стартует после появления */
}

@keyframes appear{
  0%{
    opacity:0;
    transform:translateX(-80px) rotate(-15deg);
  }
  100%{
    opacity:1;
    transform:translateX(0) rotate(0deg);
  }
}

@keyframes shakeY2{
  0%,100%{transform:translateY(0px)}
  50%{transform:translateY(-20px)}
}



.fimg.visible .dimg03 { 
  animation: floatMove 8s ease-in-out infinite;
  animation-delay: 1.5s;
}

/* Появление третьей картинки - сначала разворот, потом движение */
.fimg.visible .dimg03 {
  opacity: 1;
  transform: perspective(1000px) rotateY(0deg);
}


/* Появление второй картинки */
.fimg.visible .dimg02 {
  opacity: 1;
  transform: perspective(1000px) rotateY(0deg);
}





.fimg.visible .dimg04 {
  opacity: 1;
  transform: perspective(1000px) rotateY(0deg);
}

.fimg.visible .dimg04 {
	opacity: 1;
/*  animation: floatMove 4s infinite linear;*/
}

/* Ключевые кадры для движения */
@keyframes floatMove {
  0%, 100% {
    transform: perspective(1000px) rotateY(0deg) translate(0, 0);
  }
  25% {
    transform: perspective(1000px) rotateY(0deg) translate(20px, -15px);
  }
  50% {
    transform: perspective(1000px) rotateY(0deg) translate(10px, -25px);
  }
  75% {
    transform: perspective(1000px) rotateY(0deg) translate(-15px, -10px);
  }
}

@keyframes round {
    from {
        transform: rotate(0deg) translateX(5px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateX(5px) rotate(-360deg);
    }
}






/*=======testemonials=============*/

.star-rating {
  font-size: 1rem;
  display: block;
  gap: 2px;
}

.star-rating i {
  transition: color 0.2s ease;
}

/* Дополнительные стили для разных размеров */
.star-rating.sm {
  font-size: 1rem;
}

.star-rating.lg {
  font-size: 1.5rem;
}

.star-rating.xl {
  font-size: 2rem;
}




/* Customer Testimonials */
.customer-testimonials {
  padding-top: 50px;
}
.customer-testimonials .customer-testimonials__header {
  position: relative;
  z-index: 1;
  text-align: center;
}

.customer-testimonials .customer-testimonials__header .description {
  max-width: 530px;
  margin: 0 auto;
  font-size: 1.0588em;
  line-height: 1.61em;
  color: #626672;
}
.customer-testimonials .customer-testimonials__header .avatars img {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.customer-testimonials .customer-testimonials__header .avatars img + img {
  margin-left: -9px;
}
.customer-testimonials .customer-testimonials__header .counter_reviews {
  font-size: 1.0588em;
  line-height: 1.61em;
  font-weight: 500;
  color: #161718;
}
.customer-testimonials .customer-testimonials__header .counter_reviews .mark {
  color: #626672;
}
.customer-testimonials .customer-testimonials__header h2 + .description {
  margin-top: 30px;
}
.customer-testimonials .customer-testimonials__header .description + .avatars {
  margin-top: 23px;
}
.customer-testimonials .customer-testimonials__header .avatars + .counter_reviews {
  margin-top: 20px;
}
@keyframes scrollTesti {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
.customer-testimonials .testimonials {
  --gap: 30px;
  overflow: hidden;
  position: relative;
  max-height: 100%;
  height: 900px;
  z-index: 0;
  margin-top: 30px;  
  background-image: url(/images/design/plugins/h4-bg-section1.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
}
.customer-testimonials .testimonials .testimonials__wrapper {
  max-width: 1410px;
  padding-left: var(--gap);
  padding-right: var(--gap);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
}
.customer-testimonials .testimonials .testimonials__column {
  display: flex;
  flex-direction: column;
}
.customer-testimonials .testimonials .testimonials__column .testimonials__list {
  display: flex;
  flex-direction: column;
  animation: scrollTesti 60s linear infinite;
}
.customer-testimonials .testimonials .testimonials__column .testimonials__list:hover {
  animation-play-state: paused;
}
.customer-testimonials .testimonials .testimonials__column:nth-child(1) .testimonials__list {
  animation-duration: 90s;
}
.customer-testimonials .testimonials .testimonials__column:nth-child(2) .testimonials__list {
  animation-duration: 95s;
}
.customer-testimonials .testimonials .testimonials__column:nth-child(3) .testimonials__list {
  animation-duration: 90s;
}
.customer-testimonials .testimonials .testimonials__column:nth-child(4) .testimonials__list {
  animation-duration: 95s;
}
.customer-testimonials .testimonials::before, .customer-testimonials .testimonials::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 190px;
  z-index: 1;
  pointer-events: none;
}
.customer-testimonials .testimonials::before {
  top: -5%;
  background-image: linear-gradient(180deg, #F4F4FA 0%, #F4F4FA 20%, rgba(244, 244, 250, 0) 100%);
}
.customer-testimonials .testimonials::after {
  bottom: -5%;
  background-image: linear-gradient(0deg, #F4F4FA 0%, #F4F4FA 20%, rgba(244, 244, 250, 0) 100%);
}
.customer-testimonials .testimonials .testimonials__item {
  margin-bottom: var(--gap);
  padding: 30px 25px;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #E7E7EF;
  box-shadow: 0 3px 46px rgba(0, 0, 0, 0.07);
  transition: all 0.5s ease-in;
  color: #626672;
  will-change: transform;
}
.customer-testimonials .testimonials .testimonials__item .market-icon svg {
  transition: all 0.3s ease-in;
  fill: #D9D9EB;
}
.customer-testimonials .testimonials .testimonials__item .stars {
  margin-top: 13px;
}
.customer-testimonials .testimonials .testimonials__item .stars img {
  display: block;
  width: 83px;
  height: 14px;
}
.customer-testimonials .testimonials .testimonials__item .review-for {
  margin-top: 8px;
  font-size: 0.9em;
  line-height: 1.606em;
  font-weight: 300;
}
.customer-testimonials .testimonials .testimonials__item .review-for span {
  color: #161718;
  font-weight: 600;
}
.customer-testimonials .testimonials .testimonials__item .review {
  margin-top: 10px;
}
.customer-testimonials .testimonials .testimonials__item .review p {
  font-size: 0.9em;
  line-height: 1.525em;
  font-weight: 400;
  color: #606469;
}
.customer-testimonials .testimonials .testimonials__item .review p + p, .customer-testimonials .testimonials .testimonials__item .review p + ul, .customer-testimonials .testimonials .testimonials__item .review ul + p {
  margin-top: 10px;
}
.customer-testimonials .testimonials .testimonials__item .review ul > li {
  position: relative;
  padding-left: 10px;
  font-family: "DM Sans", sans-serif;
  font-size: 0.9412em;
  line-height: 1.625em;
  font-weight: 400;
  color: #606469;
}
.customer-testimonials .testimonials .testimonials__item .review ul > li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50px;
  background-color: #606469;
}
.customer-testimonials .testimonials .testimonials__item .review-from {
  margin-top: 11px;
  font-size: 0.9412em;
  line-height: 1.625em;
  font-weight: 300;
}
.customer-testimonials .testimonials .testimonials__item .review-from span {
  color: #161718;
  font-weight: 600;
}
.customer-testimonials .testimonials .testimonials__item:hover .market-icon svg {
  fill: #82B541;
}
.customer-testimonials .btn-wrapper {
  text-align: center;
}
.customer-testimonials .btn-wrapper a.btn {
  padding: 13px 39px 15px;
  margin-top: 50px;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 600;
  border-radius: 50px;
  background-size: 200%;
  background-position: right bottom;
  background-image: linear-gradient(120deg, #FD2525 0%, #F76223 50%, #F76223 50%, #FD2525 100%);
}
.customer-testimonials .btn-wrapper a.btn:hover {
  background-position: left top;
}
@media (max-width: 1439px) {
  .customer-testimonials {
    padding-top: 120px;
  }
  .customer-testimonials .customer-testimonials__header h2 {
    font-size: 3.4em;
  }
}
@media (max-width: 1279px) {
  .customer-testimonials {
    padding-top: 100px;
  }
  .customer-testimonials .customer-testimonials__header h2 {
    font-size: 3.2em;
  }
  .customer-testimonials .testimonials .testimonials__item {
    padding: 35px 25px;
  }
}
@media (max-width: 1023px) {
  .customer-testimonials {
    padding-top: 80px;
  }
  .customer-testimonials .customer-testimonials__header h2 {
    font-size: 3em;
  }
  .customer-testimonials .testimonials .testimonials__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .customer-testimonials .testimonials .testimonials__column:nth-child(3), .customer-testimonials .testimonials .testimonials__column:nth-child(4) {
    display: none;
  }
}
@media (max-width: 767px) {
  .customer-testimonials {
    padding-top: 60px;
  }
  .customer-testimonials .customer-testimonials__header h2 {
    font-size: 2.4em;
  }
  .customer-testimonials .customer-testimonials__header .description {
    font-size: 16px;
    line-height: 1.5em;
  }
  .customer-testimonials .customer-testimonials__header h2 + .description {
    margin-top: 20px;
  }
  .customer-testimonials .testimonials {
    --gap: 20px;
  }
  .customer-testimonials .testimonials .testimonials__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .customer-testimonials .testimonials .testimonials__column:nth-child(2) {
    display: none;
  }
}
@media (max-width: 479px) {
  .customer-testimonials .testimonials {
    --gap: 15px;
  }
}


.market-icon img {height:30px;}









/*===============faq===============*/

#faqAccordion h3 {margin: auto;}
        
        .faq-header {
            text-align: center;
            margin-bottom: 40px;
            padding-bottom: 20px;
            border-bottom: 2px solid var(--light-bg);
        }
        
        .faq-header h1 {
            color: var(--t-primary-color);
            font-weight: 700;
            margin-bottom: 10px;
        }
        
        .faq-header p {
            color: var(--secondary-color);
            font-size: 1.1rem;
        }
        
        .accordion-item {
            border: none;
            margin-bottom: 15px;
            border-radius: 12px !important;
            overflow: hidden;
            background: var(--light-bg);
            transition: var(--transition);
        }
        
        .accordion-item:hover {
            
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        }
        
        .accordion-button {
            background-color: white;
            color: #333;
            font-weight: 400;
            font-size: 0.95rem;
            padding: 20px 25px;
            border: none;
            border-radius: 12px !important;
            transition: var(--transition);			
        }
		
		/*#faqAccordion .accordion-button {display:block;}
		#faqAccordion .accordion-button::after {display:flex;}*/
		
		.accordion-collapse p{ font-size: 0.95rem;}
        
        .accordion-button:not(.collapsed) {
            background-color: #2f81a1;
            color: white;
            box-shadow: none;
			
        }
        
        .accordion-button:focus {
            box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.2);
            border-color: transparent;
        }
        
        .accordion-button:not(.collapsed)::after {
            /* Стрелка 1*/
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
			/* Стрелка 2*/
/*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 19.9 19.9' style='enable-background:new 0 0 19.9 19.9;' xml:space='preserve'%3e%3cpath d='M18,8.8l-5-5 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l3.6,3.6H2.4C2,8.6,1.6,8.9,1.6,9.4c0,0.4,0.3,0.8,0.8,0.8h13.2L12,13.8 c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0l5-5C18.3,9.6,18.3,9.1,18,8.8z'%3e%3c/path%3e%3c/svg%3e");
*/			
			
            transform: rotate(180deg);
        }
        
        .accordion-body {
            padding: 25px;
            background: white;
            border-radius: 0 0 12px 12px;
            color: #555;
            line-height: 1.7;
        }
        
        .faq-icon {
            margin-right: 12px;
            color: var(--t-primary-color);
            font-size: 1.2rem;
            
        }
        
        .accordion-button:not(.collapsed) .faq-icon {
            color: white;
        }
        
        .faq-category {
            display: inline-block;
            background: rgba(74, 108, 247, 0.1);
            color: var(--t-primary-color);
            padding: 3px 10px;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 600;
            margin-right: 10px;
        }
        
        .accordion-button:not(.collapsed) .faq-category {
            background: rgba(255, 255, 255, 0.2);
        }
        
        .search-box {
            margin-bottom: 30px;
            position: relative;
        }
        
        .search-box input {
            padding: 10px 20px 10px 50px;
            border-radius: 12px;
            border: 2px solid #eaeaea;
            font-size: 1rem;
            transition: var(--transition);
        }
        
        .search-box input:focus {
            border-color: var(--t-primary-color);
            box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.1);
        }
        
        .search-box i {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--secondary-color);
            font-size: 1.2rem;
        }
        
        .no-results {
            display: none;
            text-align: center;
            padding: 40px;
            color: var(--secondary-color);
        }
        
        .no-results i {
            font-size: 3rem;
            margin-bottom: 15px;
            color: #ddd;
        }
        
        .faq-footer {
            text-align: center;
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #eee;
            color: var(--secondary-color);
            font-size: 0.9rem;
        }
        
        @media (max-width: 768px) {
         
            
            .accordion-button {
                padding: 15px 20px;
                font-size: 1rem;
            }
            
            .faq-category {
                display: block;
                margin-bottom: 5px;
                width: fit-content;
            }
        }
		
		
		
/* Стили для подсветки поиска */
.search-highlight {
    background-color: #FFEB3B !important;
    color: #000 !important;
    padding: 0 2px !important;
    border-radius: 3px !important;
    font-weight: bold !important;
    animation: highlightFlash 0.5s ease-in-out !important;
	display: contents;
    font-size: 1.2rem;
	color: #c80000 !important;
	
}

@keyframes highlightFlash {
    0% { background-color: #FFFFFF !important; }
    50% { background-color: #FFEB3B !important; }
    100% { background-color: #FFEB3B !important; }
}

.accordion-button:not(.collapsed) .search-highlight {
    background-color: #FFD740 !important;
    color: #fff !important;
}




/*===========table==============*/

 :root {
            --t-primary-color: #4a6cf7;
            --t-highlight-color: #eef2ff;
            --t-success-color: #22c55e;
            --t-danger-color: #ef4444;
            --t-border-color: #e5e7eb;
            --t-bg-color: #f8f9fa;
            --t-first-column-bg: #f1f5f9;
            --t-hover-color: #f8fafc;
        }
     
        .comparison-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        .header {
            text-align: center;
            margin-bottom: 0px;
        }
        
        .main-title {
            font-weight: 700;
            font-size: 2.5rem;
            color: #111827;
            margin-bottom: 15px;
        }        
        
        
        .comparison-table {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            
        }
        
        /* Шапка таблицы */
        .table-header {
            display: flex;
            background: white;            
            border-bottom: 1px solid var(--t-border-color);
        }
        
        .feature-column {
            width: 35%;
            padding: 0 30px;
            display: flex;
            align-items: center;
            font-weight: 600;
            font-size: 1.1rem;
            color: #374151;
            background-color: var(--t-first-column-bg);
        }
        
        .constructor-column {
            width: 65%;
            display: flex;
        }
        
        .constructor-header {
            flex: 1;
            text-align: center;
            padding: 15px;
        }
        
        .constructor-name {
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: 5px;
        }
        
        .constructor-price {
            color: #6b7280;
            font-size: 0.9rem;
        }
        
        /* Выделение колонки "Наш конструктор" (последняя) */
        .highlighted-column {
            background: var(--t-highlight-color);
            position: relative;
           
            padding: 15px;
           
        }
        
        .highlighted-column::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--t-primary-color), #7c3aed);
            border-radius: 0 8px 0 0;
        }
        
        .highlighted-column .constructor-name {
            color: var(--t-primary-color);
        }
        
        /* Тело таблицы */
        .table-body {
            display: flex;
            flex-direction: column;
        }
        
        .table-row {
            display: flex;
            min-height: 40px;
            border-bottom: 1px solid var(--t-border-color);
            transition: background-color 0.2s ease;
        }
        
        /* Hover эффект для ВСЕХ строк */
        .table-row:hover {
            background-color: var(--t-hover-color) !important;
        }
        
        .table-row:hover .feature-cell {
            background-color: var(--t-hover-color) !important;
        }
        
        .table-row:hover .value-cell {
            background-color: var(--t-hover-color) !important;
        }
        
        .table-row:hover .highlighted-cell {
            background-color: var(--t-hover-color) !important;
        }
        
        .feature-cell {
            width: 35%;
            padding: 15px 30px;
            display: flex;
            align-items: center;
            background-color: var(--t-first-column-bg);
            font-weight: 500;
            color: #4b5563;
            transition: background-color 0.2s ease;
        }
        
        .feature-text {
            display: flex;
            align-items: center;
            gap: 8px;
			font-size:0.9rem;
        }
        
        .tooltip-icon {
          color: #828282;		  
		  font-size: 0.94rem;
		  font-weight: 300;
		  display: inline-flex;
		  vertical-align: middle;
		  cursor: pointer;
        }
		
		.tooltip-wrapper {
		display: inline-block;
		position: relative;
}
        
        .constructor-cell {
            width: 65%;
            display: flex;
        }
        
        .value-cell {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 15px;
            transition: background-color 0.2s ease;
        }
        
        /* Специальный стиль для последней колонки (Наш конструктор) */
        .highlighted-cell {
            background-color: var(--t-highlight-color);
            transition: background-color 0.2s ease;
        }
        
        /* Элементы значений */
        .check-icon {
            color: var(--t-success-color);
            font-size: 1.2rem;
        }
        
        .x-icon {
            color: var(--t-danger-color);
            font-size: 1.2rem;
        }
        
        .text-value {
            background-color: #f3f4f6;
            padding: 3px 12px;
            border-radius: 10px;
            font-size: 0.85rem;
            font-weight: 600;
            color: #4b5563;
			font-size: 0.8rem;
        }
        
        .highlighted-cell .text-value {
            background-color: white;
            border: 1px solid var(--t-border-color);
        }
        
        /* Легенда */
        .legend {
            display: flex;
            justify-content: center;
            gap: 25px;
            flex-wrap: wrap;
            margin-top: 30px;
        }
        
        .legend-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 18px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        }
        
        .legend-text {
            font-weight: 500;
            color: #4b5563;
            font-size: 0.9rem;
        }
        
        /* Адаптивность */
        @media (max-width: 992px) {
            .feature-column, .feature-cell {
                width: 40%;
            }
            
            .constructor-column, .constructor-cell {
                width: 60%;
            }
        }
        
        @media (max-width: 768px) {
            .main-title {
                font-size: 2rem;
            }
            
            /* Фиксированная шапка при скролле */
            .comparison-table {
                position: relative;
            }
            
            .table-header.sticky-header {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 1000;
                background: white;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);                
                margin: 0 auto;
                max-width: 1200px;
                /*width: calc(100% - 40px);*/
            }
            
            .table-header, .table-row {
                flex-direction: column;
            }
            
            .feature-column, .feature-cell, .constructor-column, .constructor-cell {
                width: 100%;
            }
            
            .feature-cell {
                padding: 15px 20px;
                justify-content: center;
                text-align: center;
                border-bottom: 1px solid var(--t-border-color);
                background-color: var(--t-first-column-bg);
            }
            
            .constructor-header {
                padding: 10px;
            }
            
            .highlighted-column {
                padding: 15px;
               
                border-radius: 8px;
            }
            
            .value-cell {
                padding: 15px 0;
            }
            
            .legend {
                gap: 15px;
            }
            
            .legend-item {
                padding: 8px 15px;
            }
        }
        
        @media (max-width: 480px) {
            .main-title {
                font-size: 1.8rem;
            }
            
            .constructor-name {
                font-size: 1.1rem;
            }
            
            .feature-cell {
                padding: 12px 15px;
            }
            
            .legend {
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }
        }
        
        /* Футер */
        .footer-note {
            text-align: center;
            margin-top: 40px;
            color: #6b7280;
            font-size: 0.9rem;
        }


		
		
/*======= featured apps ========*/	



		.cards-grid {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 20px;
			}
		
		.cards-grid4 {
				display: grid;
                grid-template-columns: repeat(4, 1fr);
				gap: 10px;			
            }
        
        @media (min-width: 576px) {
            .cards-grid {
                grid-template-columns: repeat(3, 1fr);
            }
			.cards-grid4 {
				display: grid;
                grid-template-columns: repeat(3, 0fr);
				gap: 10px;			
            }
        }
        
        @media (min-width: 768px) {
            .cards-grid {
                grid-template-columns: repeat(4, 1fr);
            }
        }
        
        @media (min-width: 992px) {
            .cards-grid {
                grid-template-columns: repeat(6, 1fr);
            }
			
        }
		
		

       .cards-grid .feature-card {            
            padding: 2rem;
            text-align: center;
            min-height: 150px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
       .cards-grid .feature-card p {
            font-size: 2rem;
            font-weight: bold;
            margin: 0;
            color: #333;
        }
		
		.cards-grid4 .feature-card { 
			cursor:pointer;
            padding: 1rem;
            text-align: center;                     
            align-items: center;
            justify-content: center;
			background: transparent;
			  border-radius: 10px;  
			  transition: .3s ease-out;
			  display: flex;
			  flex-direction: column;
			  height: 100%;
			  box-shadow: none;
        }
        
       .cards-grid4 .feature-card p {
            font-size: 2rem;
            font-weight: bold;
            margin: 0;
            color: #333;
        }
		
	.cards-grid .feature-card.shaking {
            animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
        }
        
        @keyframes shake {
            10%, 90% {
                transform: translate3d(-1px, 0, 0);
            }
            
            20%, 80% {
                transform: translate3d(2px, 0, 0);
            }
            
            30%, 50%, 70% {
                transform: translate3d(-3px, 0, 0);
            }
            
            40%, 60% {
                transform: translate3d(3px, 0, 0);
            }
        }	
		
		





/* Карточка с иконкой слева */
.feature-card2 {
    display: flex;
    align-items: flex-start; /* Выравнивание по верхнему краю */
    gap: 20px; /* Расстояние между иконкой и текстом */
    background: white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}


.feature-card2:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
            border-color: #e9ecef;
        }
		
.feature-card2 i {transition: all 200ms ease-in;}
		
.feature-card2:hover i {transform: translateX(0px) scale(1.05);transition: all 0.3s ease;}


.flex1 {
    flex: 1; 
}

/* Заголовок */
.features__title2 {
    font-size: 1.1rem;
    font-weight: 600;
}



/* Адаптивность */

.cards-grid.grid3 {
    grid-template-columns: repeat(3, 1fr) !important; /* По умолчанию 3 колонки */
}

@media (max-width: 1199px) {
    .cards-grid.grid3 {
        grid-template-columns: repeat(2, 1fr) !important; /* До 1199px: 2 колонки */
    }
}

@media (max-width: 768px) {
    .cards-grid.grid3 {
        grid-template-columns: repeat(1, 1fr) !important; /* До 768px: 1 колонка */
    }
}








/*=============== plugins =================*/	
		
		
	#bplugins {
  /*background-image: url(/images/design/bg03-2.webp);
  background-color: #152640;*/
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  padding: 100px 0px;
  
  }
  
  #bplugins, #bplugins h2,#bplugins p, #bplugins .bplugin i, #bplugins 	.text-muted{color:#000000 !important;}
  #bplugins .tab-button.active {color: #000 !important;}
  
#bplugins .js-sticky-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background:#ccc !important;

}



/*===== эффект фона ====*/
/*  
  
#bplugins {
	
	
    background: -moz-linear-gradient(45deg, #02e1ba 0%, #26c9f2 29%, #d911f2 66%, #ffa079 100%);
    background: -webkit-linear-gradient(45deg, #02e1ba 0%,#26c9f2 29%,#d911f2 66%,#ffa079 100%);
    background: linear-gradient(45deg, #02e1ba 0%,#26c9f2 29%,#d911f2 66%,#ffa079 100%);
    background-size: 400% 400%;
    -webkit-animation: Gradient 150s ease infinite;
	-moz-animation: Gradient 150s ease infinite;
	animation: Gradient 150s ease infinite;
	
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-evenly;
	overflow: hidden;
	position: relative; 
}

#bplugins::before, 
#bplugins::after {
	content: "";
	width: 70vmax;
	height: 70vmax;
	position: absolute;
	background: rgba(255, 255, 255, 0.07);
	left: -20vmin;
	top: -20vmin;
	animation: morph 150s linear infinite alternate, spin 200s linear infinite;
	z-index: 1;
	will-change: border-radius, transform;
	transform-origin: 55% 55%;
	pointer-events: none; 
}
	
#bplugins::after {
    width: 70vmin;
    height: 70vmin;
    left: auto;
    right: -10vmin;
    top: auto;
    bottom: 0;
    animation: morph 100s linear infinite alternate, spin 260s linear infinite reverse;
    transform-origin: 20% 20%; 
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@keyframes morph {
  0% {
    border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%; }
  100% {
    border-radius: 40% 60%; } 
}

@keyframes spin {
  to {
    transform: rotate(1turn); 
  } 
}
	.st0{display:none;}
	.st1{display:inline;}
	.st2{opacity:0.29;}
	.st3{fill:#FFFFFF;}
	.st4{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
	.st5{clip-path:url(#SVGID_4_);}
	.st6{clip-path:url(#SVGID_6_);}
	.st7{clip-path:url(#SVGID_8_);}
	.st8{clip-path:url(#SVGID_10_);}
	.st9{fill:none;}
	.st10{clip-path:url(#SVGID_12_);}
	.st11{opacity:0.7;}
	.st12{clip-path:url(#SVGID_14_);}
	.st13{opacity:0.2;}
	.st14{clip-path:url(#SVGID_16_);}
	.st15{opacity:0.3;fill:#FFFFFF;enable-background:new    ;}
	
*/	
	#bplugins .cards-grid { display: grid; grid-template-columns: repeat(8, 1fr);  gap: 10px;}
	#bplugins .cards-grid div {padding: 0.2rem; background: transparent; cursor:pointer; box-shadow: none;}	
	#bplugins .cards-grid div { padding: 0.2rem; text-align: center; min-height: 50px;}
	#bplugins .cards-grid div:hover {/*color:#fff;/* background:#dededede;*/}
	#bplugins .cards-grid div:hover i {/*color:#fff;*/ transition: 0.8s ease;transform: rotateY(360deg);}
	#bplugins .cards-grid div i {transition: 1s ease;}
	
	#bplugins .glass-tabs {
		background: rgba(255, 255, 255, 0.95);
		/*backdrop-filter: blur(10px);*/
		/*border-radius: 20px;*/
		overflow: hidden;
		box-shadow: 0 10px 40px rgba(99, 102, 241, 0.1);
		border: 1px solid rgba(255, 255, 255, 0.2);
	}
		
		

 .bplugin {    
    align-items: center;
    display: inline-flex;
    float: left;
    margin: 0 5px 5px;
    flex-direction: column;   
    justify-content: flex-start;
    transition: .3s linear;
    /*width: calc(20% - 10px);*/
	width: calc(100% - 10px);
 }

.bplugin i {
    color: #4d4d4d;
    font-size: 48px;
}

		
		#bplugins .glass-tabs.bgtr {
			background: transparent;
			box-shadow: none;
			border: none;
		}

        #bplugins .tabs-body {
            min-height: 500px;
        }

        #bplugins .tabs-navigation {
            background: transparent;
            border-right: 1px solid #4343433d;
            padding: 25px 15px;
        }
		
		
		
		#bplugins .tab-button {
            text-align: left;
            padding: 12px 15px;
            margin-bottom: 8px;
            border: none;
            border-radius: 10px;
            background: transparent;
            color: var(--gray);
            transition: var(--transition);
            white-space: nowrap;
            width: 100%;
            display: flex;
            align-items: center;
            position: relative;
        }

       

        #bplugins .tab-button:hover {
            background: rgba(99, 102, 241, 0.05);
            color: #6c5ce7;
        }

        #bplugins .tab-button.active {
            background: white;
            color: var(--primary);
            box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
            padding-right: 40px;
        }

        #bplugins .tab-button.active::after {
            /*content: '\f061';
            font-family: "Font Awesome 6 Free";*/
			content: '\E0D5';
            font-family: "uicons-thin-rounded";
            position: absolute;
            right: 15px;
            opacity: 0;
            transform: translateX(-10px);
            transition: var(--transition);
            animation: arrowAppear 0.3s ease forwards;
            font-weight: 900;
        }

        @keyframes arrowAppear {
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        #bplugins .tab-button i {
            margin-right: 10px;
            width: 20px;
            text-align: center;
        }

        #bplugins .tab-content {
            display: none;
            animation: fadeIn 0.3s ease;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        #bplugins .tab-content.active {
            display: block;
            height: 100%;
        }

        #bplugins #bplugins .content-title {
            color: var(--primary);
            font-weight: 700;
            margin-bottom: 20px;
        }

        #bplugins .feature {
            margin-bottom: 10px;
        }

        #bplugins .feature i {
            color: var(--secondary);
            margin-right: 10px;
        }

        #bplugins .action-btn {
            background: linear-gradient(135deg, var(--primary), var(--primary-light));
            border: none;
            padding: 12px 25px;
            border-radius: 10px;
            color: white;
            font-weight: 600;
            transition: var(--transition);
        }

        #bplugins .action-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(99, 102, 241, 0.3);
        }

        /* ОСНОВНОЕ ИСПРАВЛЕНИЕ: Используем CSS Grid вместо flex */
        #bplugins .tab-content-area {
            height: 100%;
            min-height: 600px;
        }
		
		
		 @media (max-width: 1140px) {
			 
			 #bplugins .cards-grid { display: grid; grid-template-columns: repeat(6, 1fr);  gap: 10px;}
			 
		 }
		 
		 @media (max-width: 992px) {
			 
			 #bplugins .cards-grid { display: grid; grid-template-columns: repeat(5, 1fr);  gap: 10px;}
			 
		 }
				
		 

        @media (max-width: 992px) {		
						
            #bplugins .tabs-navigation {
                border-right: none;
                border-bottom: 1px solid rgba(0, 0, 0, 0.05);
                padding: 15px;
            }
            
            #bplugins .tabs-nav-scroll {
                display: flex;
                overflow-x: auto;
                flex-wrap: nowrap;
                padding-bottom: 10px;
                margin-bottom: -10px;
                scrollbar-width: thin;
                -webkit-overflow-scrolling: touch;
            }
            
            #bplugins .tabs-nav-scroll::-webkit-scrollbar {
                height: 6px;
            }
            
            #bplugins .tabs-nav-scroll::-webkit-scrollbar-track {
                background: rgba(0, 0, 0, 0.05);
                border-radius: 3px;
            }
            
            #bplugins .tabs-nav-scroll::-webkit-scrollbar-thumb {
                background: rgba(99, 102, 241, 0.3);
                border-radius: 3px;
            }
			
			 #bplugins .tab-button {
                width: auto;
                min-width: 160px;
                margin-bottom: 0;
                margin-right: 8px;
            }
        }

        

        /* Десктопная версия - CSS GRID */
        @media (min-width: 993px) {
            #bplugins .tab-content .row {
                display: grid;
                grid-template-columns: 1fr 1fr;
                height: 100%;
                min-height: 600px;
                margin: 0;
            }
			
			  #bplugins .tab-content .row.rowfull {
				grid-template-columns: 1fr;  
			  }
			  
			  			  			  
            
           #bplugins .content-column, .image-column {
                height: 100%;
                width: 100%;
            }
            
            #bplugins .content-column {
                padding: 0px 0px 0px 40px;
                display: flex;
                flex-direction: column;
                /*justify-content: center;*/
            }
            
            #bplugins .image-column {
                position: relative;
                padding: 0;
            }
            
            #bplugins .tab-image-bg {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-size: cover !important;
                background-position: center !important;
                background-repeat: no-repeat !important;
                opacity: 0;
                transition: opacity 0.5s ease;
            }
            
            #bplugins .image-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(135deg, 
                    rgba(99, 102, 241, 0.1) 0%, 
                    rgba(99, 102, 241, 0.05) 50%, 
                    transparent 100%);
                pointer-events: none;
            }
        }

        /* Мобильная версия */
        @media (max-width: 992px) {
            #bplugins .tab-content .row {
                display: flex;
                flex-direction: column;
            }
            
            #bplugins .content-column {
                padding: 25px;
                width: 100%;
                order: 1;
            }
            
            #bplugins .image-column {
                width: 100%;
                height: 300px;
                order: 2;
                margin-top: 0;
                position: relative;
            }
            
            #bplugins .tab-image-bg {
                width: 100%;
                height: 100%;
                background-size: cover !important;
                background-position: center !important;
                background-repeat: no-repeat !important;
                opacity: 0;
                transition: opacity 0.5s ease;
            }
            
            #bplugins .image-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(to top, 
                    rgba(0, 0, 0, 0.2) 0%, 
                    transparent 30%,
                    transparent 70%,
                    rgba(0, 0, 0, 0.1) 100%);
                pointer-events: none;
            }
        }

        #bplugins .tab-image-bg.loaded {
            opacity: 1;
        }

        #bplugins .floating-badge {
            position: absolute;
            top: 30px;
            right: 30px;
            background: white;
            color: var(--primary);
            padding: 8px 20px;
            border-radius: 20px;
            font-weight: 600;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
            z-index: 10;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.5s ease 0.3s;
        }

        @media (max-width: 992px) {
            #bplugins .floating-badge {
                top: 20px;
                right: 20px;
            }
        }

        #bplugins .floating-badge.show {
            opacity: 1;
            transform: translateY(0);
        }

        /* Убираем Bootstrap классы, которые мешают */
        #bplugins .col-lg-6 {
            width: 100%;
            max-width: 100%;
            flex: none;
        }

        @media (max-width: 768px) {
			
			 #bplugins .cards-grid {
				grid-template-columns: repeat(4, 1fr);
				}
				
           #bplugins  .content-column {
                padding: 20px;
            }
            
            #bplugins .image-column {
                height: 250px;
            }
			.bplugin {margin: 0;}
			
			
        }

        @media (max-width: 576px) {
			
			 #bplugins .cards-grid {
				grid-template-columns: repeat(3, 1fr);
				}
			
			
           #bplugins  .content-column {
                padding: 0px;
            }
            
            #bplugins .image-column {
                height: 200px;
            }
            
            #bplugins .tab-button {
                min-width: 140px;
                padding: 10px 12px;
                font-size: 0.9rem;
            }
            
            #bplugins .floating-badge {
                top: 15px;
                right: 15px;
                padding: 5px 12px;
                font-size: 0.8rem;
            }
        }
		
		


.element-in-sorting {
    height: 0;
    margin: 0 !important;
    min-height: 0 !important;
    opacity: 0;
    overflow: hidden;
    padding: 0 !important;
}		
		




/*========== Steps ==========*/


/* Основные стили секции */
.work-process-section {
  /*background-color: #1a1a1a;
  padding: 100px 0;
  position: relative;
  overflow: hidden;*/
}



/* Контейнер шагов процесса */
.process-steps {
  position: relative;
  margin-top: 60px;
}

/* Линия, соединяющая шаги */
.line-shape {
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  pointer-events: none;
}

.line-shape img {
  height: auto;
  opacity: 1;
}

/* Сетка шагов */
.steps-row {
  display: flex;
  justify-content: center;
  gap: 30px;
  position: relative;
  z-index: 2;
  margin-top: 40px;
}

/* Отдельный шаг */
.process-step {
  flex: 0 0 calc(33.333% - 150px);
  position: relative;
}

.step-item {
  text-align: center;
  padding: 30px;
  position: relative;
  transition: transform 0.3s ease;
}

.step-item:hover {
  transform: translateY(-10px);
  cursor: pointer;
}

/* Изображение шага */
.step-image {
  position: relative;
  margin-bottom: 30px;
  border-radius: 20px;
  overflow: hidden;
  /*box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);*/
  transition: transform 0.3s ease;
  border-radius: 20px;
  justify-content: center;
  display: flex;
}
/*
.step-02 .step-image {margin-top: 40px;}
.step-03 .step-image {margin-top: 40px;}
*/
.step-image:hover {
  transform: scale(1.05);
}

.step-image img {
  width: auto;
  height: 280px;
  object-fit: cover;  
  display: block;
  border-radius: 50%;
  border: 1px solid #9789ff;
  padding: 7px;
}

/* Номер шага */
.step-image span {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #6c5ce7;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 24px;
  /*font-family: 'Montserrat', sans-serif;*/
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}


/* Адаптивность */
@media (max-width: 1200px) {
  
  .steps-row {
    gap: 20px;
  }
}

@media (max-width: 991px) {

  .steps-row {
    flex-wrap: wrap;
    gap: 40px;
  }
  
  .process-step {
    flex: 0 0 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  
  .line-shape {
    display: none;
  }
  
  .work-process-section {
    padding: 80px 0;
  }
}

@media (max-width: 767px) {

  
  .step-item {
    padding: 20px;
  }
  
  .step-image img {
    height: 220px;
  }
  
  .step-image span {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
  
  .step-item h5 {
    font-size: 20px;
  }
  
  .step-item p {
    font-size: 14px;
  }
  
  
}

@media (max-width: 480px) {

  .step-image img {
    height: 180px;
  }
}


@media (min-width: 992px) and (max-width: 1599px) {
.step-image img {height: 230px;}
.steps-row {gap: 0px;}
.process-step {flex: 0 0 calc(33.333% - 0px);}
}/*-end media-*/




/*=========== Steps Jobs ========*/
#stepsjob {background: linear-gradient(90deg,#fff8df,#ffecaa); margin: 100px 0px;}


.b-list-step {
position: relative;
  margin: 8px;
  border-left: 2px dashed #6c5ce7;
  padding: 0px 40px 10px 40px;
}
.b-list-step--last {border-left: 0px;}


.b-list-step > span + div {
font-weight: 600;
  font-size: 1.2rem;
  padding-bottom: 5px;
}


.b-list-step {
  position: relative;   /* чтобы псевдоэлемент позиционировался относительно этого блока */
}

.b-list-step > span {
  position: absolute;
  width: 40px;
  height: 40px;
font-size: 1.4rem;
font-weight: 600;
  text-align: center;
  line-height: 37px;
  border-radius: 50%;
  left: -20px;
  top: 0;
  border: 1px solid #6c5ce7;
  color: #fff;
  background: #6c5ce7;
  z-index: 2;           /* сама цифра выше «подложки» */
}

/* анимированная подложка */
.b-list-step::before {
content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  left: -30px;
  top: -10px;
  background: #6c5ce7;
  opacity: 0;
  transform: scale(0);
  animation: pulsation 3s infinite;
  z-index: 1;
}
}



@-webkit-keyframes pulsation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        opacity: .5
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes pulsation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        opacity: .5
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}


@media (max-width: 768px) {

#stepsjob {margin: 10px 0px; }

}/*-end media-*/

		
/*============ Animations ===========*/		

/*=== анимация текста ===*/

.h2.animtxt1 {position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-image: linear-gradient(90deg, #2d0e2d 0%, #6b369f 27%, #6c5ce7 50%, #6c5ce7 70%, #38183e 100%);
  animation: text-bg-animate 15s ease infinite;
  font-size: 1.8rem;
  font-weight: 800;}

.h2.animtxt2 {
    position: relative;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-image: linear-gradient(90deg, rgb(5, 5, 7) 0%, rgb(23, 68, 108) 25%, rgb(86, 170, 230) 50%, rgb(10, 105, 173) 65%, rgb(4, 8, 13) 80%, rgb(13, 13, 18) 100%);
    animation: 15s ease 0s infinite normal none running text-bg-animate;
	font-size: 1.8rem;
	font-weight: 800;	
}

 @-webkit-keyframes text-bg-animate {
 0% {
    background-position: 0 0;
}
50% {
    background-position: 100% 0;
}
100% {
    background-position: 0 0;
}
 }

@keyframes text-bg-animate {
 0% {
    background-position: 0 0;
}
50% {
    background-position: 100% 0;
}
100% {
    background-position: 0 0;
}

}




@-webkit-keyframes rotateImg {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotateImg {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.shake-y {
  -webkit-animation: shakeY 5.5s ease-in-out infinite;
  animation: shakeY 5.5s ease-in-out infinite;
}


@-webkit-keyframes shakeY {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@keyframes shakeY {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

.shake-y2 {
  -webkit-animation: shakeY2 5.5s ease-in-out infinite;
  animation: shakeY2 5.5s ease-in-out infinite;
}

@-webkit-keyframes shakeY2 {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes shakeY2 {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.pulse {
  -webkit-animation: pulse 5.5s ease-in-out infinite;
  animation: pulse 5.5s ease-in-out infinite;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


.pulse2 {
  -webkit-animation: pulse2 5.5s ease-in-out infinite;
  animation: pulse2 5.5s ease-in-out infinite;
  transform-origin: bottom center !important; /* Точка трансформации внизу по центру */
}

@-webkit-keyframes pulse2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05); /* Пропорциональное увеличение */
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05); /* Пропорциональное увеличение */
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



.skew-spin {
  -webkit-animation: skewSpin 5s linear infinite;
  animation: skewSpin 5s linear infinite;
}

@-webkit-keyframes skewSpin {
  0% {
    -webkit-transform: skewX(-10deg) skewY(-15deg) rotateY(-40deg) rotate(0);
    transform: skewX(-10deg) skewY(-15deg) rotateY(-40deg) rotate(0);
  }
  100% {
    -webkit-transform: skewX(-10deg) skewY(-15deg) rotateY(-40deg) rotate(360deg);
    transform: skewX(-10deg) skewY(-15deg) rotateY(-40deg) rotate(360deg);
  }
}
@keyframes skewSpin {
  0% {
    -webkit-transform: skewX(-10deg) skewY(-15deg) rotateY(-40deg) rotate(0);
    transform: skewX(-10deg) skewY(-15deg) rotateY(-40deg) rotate(0);
  }
  100% {
    -webkit-transform: skewX(-10deg) skewY(-15deg) rotateY(-40deg) rotate(360deg);
    transform: skewX(-10deg) skewY(-15deg) rotateY(-40deg) rotate(360deg);
  }
}
.left-right-rotate {
  -webkit-animation: rotated-style3 2s infinite alternate;
          animation: rotated-style3 2s infinite alternate;
}

@-webkit-keyframes rotated-style3 {
  0% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }
}

@keyframes rotated-style3 {
  0% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }
}
@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}

 /* 1. Простое вращение по часовой стрелке */
        .spin {
            animation: rotate 40s linear infinite;
        }

        @keyframes rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        /* 2. Вращение против часовой */
        .spin-reverse {
            animation: rotate-reverse 40s linear infinite;
        }

        @keyframes rotate-reverse {
            from {
                transform: rotate(360deg);
            }
            to {
                transform: rotate(0deg);
            }
        }


/*=========== callnow ===============*/

.callnow::before {
content: "";
  width: 100%;
  height: 520px;
  position: absolute;
  top: 20%;
  left: 0px;
  /*z-index: -1;*/
  margin-top: 30px;
  background-image: url(/images/design/bg04-office.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
 /* background-blend-mode: soft-light;
 background-color: #2d256cd9;*/
}


.callnow::after {
  content: "";
  width: 100%;
  height: 520px;
  position: absolute;
  top: 20%;
  left: 0px;
  /*z-index: -1;*/
  margin-top: 30px;
  /*background-color: #2d256cd9;*/
  background-color:#2a283bc2;
}

@media (max-width: 1200px) {
.sman {display:none;}
.callnow::before { top: 0%;}
.callnow::after { top: 0%;}
}

#callnow .cards-grid4 .feature-card {padding: 0.3rem;}


.callnow a {color:#fff; text-decoration:none;}
.callnow a:hover {color:#ffdd93 !important; transition: all 0.3s ease;}
.callnow .feature-card:hover {color:#ffdd93 !important; transform: translateY(-3px);transition: all 0.3s ease;}
.callnow .btn:hover {background:#ffdd93 !important; color:#000!important;}




/*=============== global adaptive==============*/


/*-----MEDIA add----*/


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /*==============*/



     /*==============*/
}/* End */



/* Small devices (landscape phones, 576px and up) */
  /*==============*/
@media (min-width: 576px) and (max-width: 767.98px) {
      /*==============*/
  

  
  
      /*==============*/
}/* End */
  /*==============*/
@media (max-width: 767.98px) {

    /*==============*/

.btn {margin: 10px 0px; font-size: 0.8rem;} 
.buttons {display: inline-block;}

section {padding: 10px 0px;}

      /*==============*/
}/* End */


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 

    /*==============*/
	


  
      /*==============*/
}/* End */


@media (max-width: 991.98px) { 
      /*==============*/

  
      /*==============*/
}/* End */


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
   /*==============*/
 


  
    /*==============*/
}/* End */


/* Big (desktops, 992px and up) */
@media (min-width: 991.98px) {      

/*==============*/
 
.h2, h2 {font-size: 1.8rem;}

  
      /*==============*/
}/* End */



@media (max-width: 1199.98px) {
      /*==============*/
  



  
      /*==============*//
}/* End */


@media (min-width: 1199.98px) and (max-width: 1260px) { 

    /*==============*/
  

  
      /*==============*/
}/* End */





/* Big (over desktops, 1200px and up) */
@media (min-width: 1200px) {      

/*==============*/
 
.h2, h2 {font-size: 1.8rem;}

  
      /*==============*/
}/* End */


@media (min-width: 1200px) and (max-width: 1460px) { 

    /*==============*/

 
      /*==============*/
}/* End */



/* Big (over desktops, 1460px and up) */
@media (max-width: 1460px) {      

/*==============*/
 


  
      /*==============*/
}/* End */


/*-----MEDIA END-----*/

/*===== shorts ====*/

@media (min-width: 768px) and (max-width: 991px) {

}/*-end media-*/

@media (min-width: 1200px) and (max-width: 1399px) {


}/*-end media-*/

@media (min-width: 1399px) and (max-width: 1599px) {


}/*-end media-*/

@media (max-width: 768px) {


}/*-end media-*/



/*================== FOOTER OC=================*/

/*--- sync.css ---*/




/*============ JStyles ===========*/

.container .container-component, .container .container-sidebar-right, .container .container-sidebar-left {padding: 0 1rem;}

@media (width<=768px) {
.container .container-component, .container .container-sidebar-right, .container .container-sidebar-left {padding: 0;}
.layout-blog img {padding-right:0; padding-left:0}

.container-sidebar-right {padding:20px !important;}
	
} /*-end media-*/


/*.com-content-article, .content-category, .com-content-category-blog {padding-top: 50px;}*/


.b-features .features__box {padding: 20px;}
.b-features .features__box:hover {background: #c6d5ed59;border-radius: 10px;}
.features__box:hover i{ transform: translateX(3px) scale(1.05);transition: all 200ms ease-in;}
.features__box i {transition: all 200ms ease-in;}
.b-features .fi {float: left;margin-right: 10px; }


/* Применяем эффект только к img внутри a, у которого есть атрибут data-fancybox */
a[data-fancybox] img {
    transition: transform 0.3s ease; /* Плавность анимации */
    display: block; /* Убирает лишние отступы у инлайн-элементов */
    width: 100%; /* Чтобы картинка подстраивалась под контейнер, если нужно */
    height: auto;
    backface-visibility: hidden; /* Улучшает производительность анимации */
}

/* Эффект увеличения при наведении на ссылку */
a[data-fancybox]:hover img {
    transform: scale(1.03); 
}

blockquote {
	padding: 20px;
    background: #f0efff;
    border-radius: 10px;
    border-left: 3px solid #5649c0;
    margin: 10px 0px 30px;
	transition: all 0.1s ease;
}

blockquote:hover {border-left: 7px solid #5649c0;  transition: all 0.1s ease;}


/*============ jmenu =================*/


.sidebar-right, .sidebar-left {margin-bottom:50px;}

.sidebar-right .mod-articles-items, .sidebar-left .mod-articles-items  {padding: 10px 0px;}

.sidebar-right.card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  overflow: hidden;
}

.sidebar-right.no-card {
  background: transparent;
  overflow: hidden;
}

.card-header {
  font-size: 1.1rem;
  font-weight: 600;
  padding: 1.25rem 1.5rem;
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  color: #2c3e50;
  margin: 0;
}

.card-body {
	padding: 1.3rem;
}

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

.site-grid .nav-item {
  border-bottom: 1px solid #f1f3f4;
}

.site-grid .nav-item:last-child {
  border-bottom: none;
}

.site-grid .nav-item a {
  display: block;
  padding: 0.575rem 1.1rem;
  color: #495057;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s ease;
  position: relative;
}

.site-grid .nav-item a:hover {
    background: #f0efff;
    color: #5649c0;
    padding-left: 1.75rem;
    text-decoration: none;
}

.site-grid .nav-item.current a {
    background: #f0efff;
    color: #5649c0;
    font-weight: 500;
    border-left: 3px solid #5649c0;
	    border-radius: 5px;
}

.site-grid .nav-item.current a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;  
  background: #5649c0;
}


#menustyle2 {
	    border: 1px solid #dfdbff;
    border-radius: 10px;
    background: #fff;
}


.listyle1 li::before {
        content: "\e08f";
        font-family: "uicons-thin-rounded";
        font-weight: 600;
        transform: translateY(-50%);
        color: #5b5b5b;
        font-size: 8px;
        background: #f5f5f5;
        padding: 4px 4px;
        border-radius: 5px;
        margin-right: 5px;
}
.site-grid .listyle1 .nav-item a {
    display: inline-block;
padding: 0.575rem 0.5rem;
}































/*===============blog================*/

.site-grid a:hover {text-decoration:underline;}
a.btn:hover {text-decoration:none;}

.site-grid.container {padding: 20px 0px;}
.left.item-image {float:none;} //убераем флоат картинки по умолчанию

.com-content-category-blog .item-content .page-header h1 {font-size:22px;line-height: 25px; margin: 0px; font-weight:500;}
.com-content-category-blog .item-content .page-header h2 {font-size:18px;line-height: 25px; margin: 0px; font-weight:500;}
.com-content-category-blog .item-content .page-header h3 {font-size:16px;line-height: 25px; margin: 0px; font-weight:500;}
.com-content-category-blog .item-content .page-header h4 {font-size:15px;line-height: 25px; font-weight:500;}
.com-content-category-blog .item-content .page-header h5 {font-size:14px;line-height: 25px; font-weight:500;}
.com-content-category-blog .item-content p, .com-content-category-blog .item-content h1, .com-content-category-blog .item-content h2, .com-content-category-blog .item-content h3, .com-content-category-blog .item-content span, .com-content-category-blog .item-content b, .com-content-category-blog .item-content strong {font-size:16px;line-height: 25px;}

.com-content-category-blog .items-leading figure img{width: 100% ;height: auto ;object-fit: contain;}


.com_content .page-item .page-link [class^="icon-"] {font-family: Font Awesome\ 6 Free;}

/*.com_content .body {margin: 50px 0 !important;}*/
.breadcrumbs {font-size: 15px !important;}
.mod-articlesnews-horizontal .readmore a {text-transform: none;}

.blog-items {
  flex-wrap:wrap;
  width:100%;
  margin-bottom:1em;
  margin-left:-.5em;
  margin-right:-.5em;
  padding:0;
  display:flex
}

@media (width>=992px) {
  .blog-items.columns-2>div {
    width:50%
  }
  .blog-items.columns-3>div {
    width:33.3333%
  }
  .blog-items.columns-4>div {
    width:25%
  }
}
.blog-item {
  flex-direction:column;
  padding:0 .5em 1em;
  display:flex;
  overflow:hidden
}
.boxed .blog-item {
  box-shadow:0 0 2px #3339421a,0 2px 5px #33394214,0 5px 15px #33394214,inset 0 3px 0 var(--cassiopeia-color-primary);
  background-color:#fff
}
.boxed .blog-item .item-content {
  padding:25px
}
.blog-item .item-image {
  margin-top:3px;
  margin-bottom:15px;
  overflow:hidden
}
.boxed .blog-item .item-image {
  margin-bottom:0
}
@media (width>=992px) {
  .image-right .blog-item .item-image {
    order:1
  }
}
.image-bottom .blog-item .item-image {
  order:1;
  margin-top:-15px
}
.image-left .blog-item .item-content {
  padding-left:25px
}
.image-right .blog-item .item-content {
  padding-right:25px
}
.image-left .blog-item,
.image-right .blog-item {
  flex-direction:column
}
@media (width>=992px) {
  .image-left .blog-item,
  .image-right .blog-item {
    flex-direction:row
  }
  .image-left .blog-item .item-image,
  .image-right .blog-item .item-image {
    flex:1 0 40%
  }
  .image-left .blog-item .item-content,
  .image-right .blog-item .item-content {
    flex:1 0 60%
  }
}
.article-info dd {
  padding:0
}
@supports (display:grid) {
  .blog-items {
    grid-gap:1em;
    grid-template-columns:1fr;
    grid-auto-flow:row;
    margin:0 0 1em;
    display:grid
  }
  .blog-items .blog-item {
    padding:0
  }
  .blog-items[class^=columns-]>div,
  .blog-items[class*=\ columns-]>div {
    flex:0 auto;
    width:auto;
    max-width:none
  }
  
  
  @media (width>=992px) {
    .blog-items.columns-2 {
      grid-template-columns:1fr 1fr
    }
    .blog-items.columns-3 {
      grid-template-columns:1fr 1fr
    }
    .blog-items.columns-4 {
      grid-template-columns:1fr 1fr
    }
  } /*end media*/
  
   @media (width>=1399px) {
    .blog-items.columns-2 {
      grid-template-columns:1fr 1fr
    }
    .blog-items.columns-3 {
      grid-template-columns:1fr 1fr
    }
    .blog-items.columns-4 {
      grid-template-columns:1fr 1fr
    }
  } /*end media*/
  
  @media (width>=1400px) {
    .blog-items.columns-2 {
      grid-template-columns:1fr 1fr
    }
    .blog-items.columns-3 {
      grid-template-columns:1fr 1fr 1fr
    }
    .blog-items.columns-4 {
      grid-template-columns:1fr 1fr 1fr 1fr
    }
  } /*end media*/
  
} /*end support*/
.grid-child {position:relative;}

.blog-items[class^=masonry-],
.blog-items[class*=\ masonry-] {
  column-gap:1em;
  display:block
}
.blog-items[class^=masonry-] .blog-item,
.blog-items[class*=\ masonry-] .blog-item {
  page-break-inside:avoid;
  break-inside:avoid;
  margin-bottom:1em;
  display:inline-flex
}
@media (width>=992px) {
  .blog-items.masonry-2 {
    column-count:2
  }
  .blog-items.masonry-3 {
    column-count:3
  }
  .blog-items.masonry-4 {
    column-count:4
  }
}
.image-alternate .blog-item:nth-of-type(odd) .item-image {
  order:0
}
.image-alternate.image-left .blog-item:nth-of-type(odd) .item-image {
  order:1;
  margin-left:25px;
  margin-right:0
}
.image-alternate.image-top .blog-item:nth-of-type(odd) .item-image {
  order:1
}




.img-fluid {
  max-width:100%;
  height:auto
}
.img-thumbnail {
  background-color:var(--body-bg);
  border:var(--border-width)solid var(--border-color);
  border-radius:var(--border-radius);
  max-width:100%;
  height:auto;
  padding:.25rem
}
.figure {
  display:inline-block
}
.figure-img {
  margin-bottom:.5rem;
  line-height:1
}
.figure-caption {
  color:var(--secondary-color);
  font-size:.875em
}



figure {
  margin:0 0 2em
}
figure.float-start {
  margin-right:1em
}
figure.float-end {
  margin-left:1em
}
figcaption {
  color:#6d757e;
  font-size:.9em
}




.com-content-category-blog img {
  max-width:100%;
  height:auto
}







/*======= module articles ============*/


.mod-articles-items {padding:50px 0px;}



.mod-articles-items .item-image img {border-radius: 10px 10px 0px 0px;}

.mod-articles-items .mod-articles-item {
	position:relative;
    background: white;
    border-radius: 10px;    
    transition: .3s ease-out;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
	}
	
.mod-articles-items .list-inline {
	position: absolute;
    margin-top: -63px;
    background: /*#5649c0*/ #ffffffe3;
    padding: 5px 10px;
    border-radius: 8px;
}

.tags.list-inline {position:relative;}


.mod-articles-items .article-body {/* выравниваем контент */
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}


.mod-articles-item-content { 
    display: flex;
    flex-direction: column;
	height: 100%;}
	
.mod-articles-items .readmore {margin-top: auto;} /* кнопка внизу*/



.mod-articles-items .list-inline-item {font-size:0.75rem;}

.mod-articles-items dl, .mod-articles-items dd {margin-bottom: 0.1rem;}

.mod-articles-category a {color: #5649c0;}
.mod-articles-category .icon-fw::before {color: #5649c0;}

.mod-articles-title {font-size: 1.2rem; color:#000;}
.mod-articles-title a {color:#000;}

 .btn.btn-secondary {
background: transparent;
    color: #3b3b3b;
    border: 1px solid #a5a5a5;
}
.btn.btn-secondary:hover {text-decoration:none;}


.tags .list-inline-item {margin: 0px;}


.mod-articles-tags .btn {margin: 10px 5px 10px 0px;}

/*-- hover ---*/
article:hover img {
  transform: translateX(3px) scale(1.1) rotate(5deg);
  /*filter: grayscale(100%); //чб */ 
  transition: all 300ms ease-in;

}
article img {transition: all 300ms ease-in;}

article:hover {
box-shadow: 0 5px 15px 0 rgba(50, 50, 50, 0.1);
  transition: all 300ms linear 0ms;
}

figure {overflow: hidden;border-radius: 10px 10px 0px 0px;}


.readmore .btn{display:inline-flex;align-items:center;gap:8px;position:relative; padding: 8px 25px;font-size: 0.8rem;}
.readmore .icon-chevron-right{transition:transform .3s ease}
.readmore .btn:hover .icon-chevron-right{transform:rotate(-90deg)}
.readmore a.btn:hover::before{transform:translateY(-150%);opacity:0}
.readmore a.btn:hover::after{transform:translateY(0);opacity:1;}
.readmore a.btn:hover {transform: none;box-shadow: none;background: #5649c0;color: #fff;border: 1px solid #5649c0;}







@media (min-width: 1400px) {
    .mod-articles-grid {
        grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .mod-articles-grid {
     grid-template-columns: 1fr 1fr;
    }
}


/*===== home news ====*/


/* Контейнер строки */
#newshome .row.align-items-center {
    display: flex;
    align-items: stretch !important; /* Растягиваем колонки по высоте */
}

/* Все колонки внутри #newshome */
#newshome [class*="col-"] {
    display: flex;
}

/* Модуль внутри колонки */
#newshome .moduletable {
    display: flex;
    flex-direction: column;
    
}

/* Список статей */
#newshome .mod-articles-items {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

/* Элемент списка */
#newshome .mod-articles-items > li {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}

/* Карточка статьи */
#newshome .mod-articles-item {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    width: 100%;
}

/* Контент статьи */
#newshome .mod-articles-item-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Тело статьи */
#newshome .article-body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Прижимаем кнопку к низу */
#newshome .readmore {
    margin-top: auto;
    padding-top: 1rem;
}

/* Сетка из 2 колонок внутри последнего блока */
#newshome .mod-articles-grid.grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    width: 100%;
}

#newshome .mod-articles-grid.grid-cols-2 > li {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Адаптивность */
@media (max-width: 1399.98px) {
    #newshome .col-xxl-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    #newshome .col-xxl-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 1.5rem;
    }
}

@media (max-width: 991.98px) {
    #newshome .col-xl-6,
    #newshome .col-lg-6,
    #newshome .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    #newshome .mod-articles-grid.grid-cols-2 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    #newshome .col-md-6,
    #newshome .col-md-12,
    #newshome [class*="col-md-3"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    #newshome .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
















/*--- icons ----*/

.icon-fw::before {color: #8b8b8b;font-size: 14px;}

.icon-folder-open::before {
    content: '\e84a';
    font-family: "uicons-thin-rounded"; 
	display: inline-block;
    transform: translateY(2px);
    transition: var(--transition);    
    font-weight: 900;
	font-style: normal;
}

.icon-calendar::before {
    content: '\e30c';
    font-family: "uicons-thin-rounded";   
    display: inline-block;
    transform: translateY(2px);
    transition: var(--transition);
    font-weight: 900;
	font-style: normal;
}


.icon-chevron-right::before {
	content: '\e0dc';
    font-family: "uicons-thin-rounded";
    display: inline-block;
    transform: scaleX(-1) translateX(0px);
    font-size: 0.7rem;
}



.icon-angle-double-right::before {
	content: '\e08a';
    font-family: "uicons-thin-rounded";
    display: inline-block;
    transform: scaleX(-1) translateX(0px);
    font-size: 1rem;
}



.icon-angle-double-left::before {
	content: '\e08b';
    font-family: "uicons-thin-rounded";
    display: inline-block;
    transform: scaleX(-1) translateX(0px);
    font-size: 1rem;
}



.icon-angle-right::before {
	content: '\e091';
    font-family: "uicons-thin-rounded";
    display: inline-block;
    transform: scaleX(-1) translateX(0px);
    font-size: 1rem;
	
}

.icon-angle-left::before {
	content: '\e092';
    font-family: "uicons-thin-rounded";
    display: inline-block;
    transform: scaleX(-1) translateX(0px);
    font-size: 1rem;	
}



/*------- pagination --------*/


.pagination {
  display: flex;
  gap: 0.3rem;
  list-style: none;
  padding: 0;
  padding-top:2rem;
}

.page-item {
  position: relative;
}

.page-link>span {color: #5649c0;font-size: 1.2rem;font-weight: 900;}	


.page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: #6c757d;
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.page-item:not(.disabled) .page-link:hover {
  background: #e3e3e3;
  color: #212529;
  transform: translateY(-2px);
}

.page-item.active .page-link {
  background: #5649c0;
  color: #fff;
  box-shadow: 0 4px 12px rgba(33, 37, 41, 0.3);
}

.page-item.disabled .page-link {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Иконки стрелок */
[class*="icon-angle"] {
  font-size: 0.75rem;
}

/* Эффект при наведении на активную */
.page-item.active .page-link:hover {
  transform: scale(1.05);
}







.breadcrumb {
  --breadcrumb-padding-x:0;
  --breadcrumb-padding-y:0;
  --breadcrumb-margin-bottom:0rem;
  --breadcrumb-bg: ;
  --breadcrumb-border-radius: ;
  --breadcrumb-divider-color:var(--secondary-color);
  --breadcrumb-item-padding-x:.5rem;
  --breadcrumb-item-active-color:#484f56;
  padding:var(--breadcrumb-padding-y)var(--breadcrumb-padding-x);
  margin-bottom:var(--breadcrumb-margin-bottom);
  font-size:var(--breadcrumb-font-size);
  background-color:var(--breadcrumb-bg);
  border-radius:var(--breadcrumb-border-radius);
  flex-wrap:wrap;
  list-style:none;
  display:flex
}
.breadcrumb-item+.breadcrumb-item {
  padding-left:var(--breadcrumb-item-padding-x)
}
.breadcrumb-item+.breadcrumb-item:before {
  float:left;
  padding-right:var(--breadcrumb-item-padding-x);
  color:var(--breadcrumb-divider-color);
  content:var(--breadcrumb-divider,"/")
}
.breadcrumb-item.active {
  color:var(--breadcrumb-item-active-color)
}


.com_content  .intro-text, .mod-articlesnews-horizontal .intro-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  /*height: 6em;*/
}
.com_content  .intro-text p, .mod-articlesnews-horizontal .intro-text p {
	padding:0px !important;
	margin:0px !important;
}



/*============blog==========*/

.com-content-category-blog .page-header, .com-content-category-blog.blog h1 {
  margin: 0px;
padding-bottom: 30px;
}
.item-content .page-header {
margin: 0px;
padding-bottom: 5px;
}

.com-content-category-blog .item-image, .mod-articlesnews-horizontal .item-image {
  margin: -20px -20px 20px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}



.com-content-category-blog .item-image, .mod-articlesnews-horizontal .item-image{
  margin: -20px -20px 20px -20px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}

.com-content-category-blog .item-image, .mod-articlesnews-horizontal .item-image	{
  border-radius: 10px 10px 0px 0px !important;
  position: relative;
  overflow: hidden;
  width: auto;
  height: 300px;
  }
  
.com-content-category-blog .item-image img, .mod-articlesnews-horizontal .item-image img {
  min-height: 250px;
  object-fit: cover;
  width: 100%;
  height: 300px;
  border-radius: 3px 3px 0 0;
  transition: all 300ms ease-in;
}

.com-content-category-blog .item-image:hover img, .mod-articlesnews-horizontal .item-image:hover img {
  transform: translateX(3px) scale(1.05);
  transition: all 300ms ease-in;
}

.com-content-category-blog .blog-item:hover img, .mod-articlesnews-horizontal .item-image:hover img {
transform: translateX(3px) scale(1.1) rotate(5deg);
    transition: all 300ms ease-in;
}

.blog-style2 .com-content-category-blog__item.blog-item { margin-bottom: 0px;}
.com-content-category-blog__items.blog-items.blog-style2 .page-header h2 {font-size: 1.3rem;}
	
.com-content-category-blog__item.blog-item, .mod-articlesnews-horizontal li {
  position: relative;
  border-radius: 12px;
  /*box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);*/
  background-color: #fff;
  transition: all 300ms linear 0ms;
  margin-bottom: 30px;
  padding: 20px;
  /*border: 1px solid #e8e8e8; */
}
.com-content-category-blog__item.blog-item:hover, .mod-articlesnews-horizontal li:hover  {
  box-shadow: 0 5px 15px 0 rgba(50, 50, 50, 0.3);
  transition: all 300ms linear 0ms;
}

.mod-articlesnews-horizontal li:hover .item-image img {
  transform: translateX(3px) scale(1.05);
  transition: all 300ms ease-in;
  }
  
.layout-blog .item-content p {font-size: 0.92rem;line-height: 1.4em;}

.article-introtext  {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 5.4em;
}

.wiki .article-introtext {height: auto;}

.review .article-introtext {height: auto;overflow: auto;display: block;flex-grow: 1;}
.review .item-content .published {margin-top: auto;}

.review .article-info  {order: 3;}
.review .fields-container  {order: 2;}


/*============article==============*/

.mod-articlesnews-horizontal {
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
}
	
/*.grid-child figure.item-image img {
  height: 100%; 
}*/

.layout-blog .com-content-article .item-image img {
    object-fit: cover;
    height: 400px;
    width: 100%;
filter: brightness(0.5);
object-position: 0px 50%;
}

/* css класс для картинки материала */
.img0 img {object-position: 0px 0% !important;}
.img100 img {object-position: 0px 100% !important;}


.layout-blog .com-content-article .content-info {
position: absolute;
    margin-top: -350px;
    color: #fff;
padding: 30px;}


/*если нет картинки*/
.wiki.layout-blog .com-content-article .content-info, .review.layout-blog .com-content-article .content-info  {
    position: initial;
    margin-top: 0px;
    color: #000;
    padding: 0px;
}

.com_content .article-info.text-muted {margin: 10px 0px !important;}

.grid-child figure.h400.item-image img {
	height: 400px;
	width: 100%;
	object-fit: cover;
	object-position: 0px -500px; /*center img 1000С…1000*/
}

.com-content-article__body p{}

.com_content .article-info dd {
  font-size: 13px !important;
}

.layout-blog .com-content-article .content-info .published {color:#fff;}
.layout-blog .com-content-article .content-info .icon-fw::before {color: #ffffff;}


/*-------- содержание ---------*/

.toc-container {
  position: relative;
margin-bottom: 1em;}

.toc-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  margin-top: 0.5em;
  padding: 0.1em 1em;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 0.25em;
  color: #495057;
  cursor: pointer;
  font-size: 0.875rem;
transition: all 0.2s;}

.toc {background-color: #f6f5ff !important;}

.toc a {display: inline !important;}

.toc-toggle {background: #fff;}



/*========= поля j ===========*/

.fields-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px 0px;
    /*list-style: none;*/
    margin-bottom: 10px;
    background: #c6deeb69;
    padding: 10px 20px;
    border-radius: 10px;
	 grid-auto-flow: row dense;
}
.fields-container .field-value {line-height: 10px;}

.field-entry {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.field-entry.usluga {grid-column: 1 / -1;padding-top: 20px;}

.fields-container .field-label {font-weight:600;}

/* Мобильная версия — 1 колонка */
@media (max-width: 768px) {
    .fields-container {
        grid-template-columns: 1fr;
    }
}

.fields-container li::before {

}



/*============tags blog==============*/

.grid-child .tags {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
}
.grid-child .tags > li, .com-content-category-blog__item.blog-item .tags > li {
  display: inline-block;
  list-style: none;
  margin-right:0px;
  /*padding: 0px 0px 30px 0px;*/
}

.grid-child .tags > li a, .com-content-category-blog__item.blog-item .tags > li a {
  font-size: 12px !important;
  text-transform: none;
  display: block;
  font-size: 0.755rem;
  padding: 0.3rem 0.8rem;
  border-radius: 6.25rem;
  color: #404040;
  background: #eae7ff;
  list-style: none;
  font-weight: 400;
  
}

.grid-child .tags > li a.btn:hover {    
transform: none;
box-shadow: none;
}

.grid-child .tags > li:hover a{    
text-decoration:none;
    color: #ffffff;
    background: #5649c0;
}

.grid-child .tags.list-inline, .com-content-category-blog__item.blog-item .tags.list-inline  {margin-bottom: 10px;}


.com-content-category-blog__navigation li,.com-content-category-blog__navigation p {
font-size: 15px;
line-height: 25px;
}

.com-content-category-blog__navigation .page-item .page-link {
  padding: 5px 10px;
}

.com-content-category-blog__pagination {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
scrollbar-width: none;}

.com-content-category-blog__navigation {padding:10px;}

/*==================modules==================*/

.mod-articlesnews-horizontal .article-info.text-muted {font-size: 14px;}

.mod-articlesnews-horizontal h1, .mod-articlesnews-horizontal h2, .mod-articlesnews-horizontal h3, .mod-articlesnews-horizontal h4, .mod-articlesnews-horizontal h5{
  font-size: 18px;
  line-height: 25px;
  margin: 0px;
  font-weight: 300;
  text-align: left;
  }
.mod-articlesnews-horizontal .intro-text p{
font-size: 16px;
  line-height: 25px;
}
.mod-articlesnews-horizontal .readmore {
padding-top: 30px;
}

@supports (display:grid) {
  .mod-articlesnews-horizontal {
    grid-gap: 1rem;
	margin: 0;	
  }
}

ul.mod-articlesnews-horizontal.newsflash-horiz.mod-list .readmore {
    margin-top: auto; /* размещает кнопку внизу */
}
.com-content-category-blog__item .readmore {
    margin-top: auto; padding-top: 10px;
}
.com-content-category-blog__item.blog-item .item-content{
display: flex;
  flex-direction: column;
  flex-grow: 1;
}


/*=========Standart Forms========*/

.com_users .control-group .control-label {
  float: left;
  line-height: 2em;
  padding-top: 5px;
  text-align: right;
  width: 100% !important;
}

.com_users  meter {width:100%}

.com_users .control-group, .com_users .input-group  {
  display: flex !important;
}
.com_users fieldset{padding-bottom: 30px;}
.com_users input {border-radius: 5px;}

.com_users .control-group .input-group input {width: 100% !important;}

.com_users .icon-eye.icon-fw, .icon-fw.icon-eye-slash {
  display: block !important;
}

.com_users fieldset {
display: grid;
  grid-template-columns: 1fr 1fr; 
  gap: 30px; 
}

.com_users  .control-group.field-spacer {
  grid-column: span 2; 
}

.com_users .controls {
    position: relative;
}

.com_users #jform\[password1\]-rules {
    position: absolute;
    top: 100%; 
    margin-top: 10px; 
}

.com_users .password-group {
    margin-bottom: 0px; 
}

.com_users input {border: 1px solid #cacaca;}
.com_users .com-users-login__options {margin-top: 50px;}
.com_users .com-users-login__options a{display: flex;width: fit-content;}
.com_users .com-users-login__submit {text-align: right;}
.com_users .com-users-login__submit button {width: 200px;border-radius: 10px;}

.com_users .body .login > form {margin: 0 auto;width: 100% !important;}


.com_users .com-users-login__remember .form-check {
  display: flex;
  align-items: center; 
  gap: 10px; 
}

.com_users .com-users-login__remember .form-check-input {
  order: 1;
  width: 20px;
  height: 20px;
}

.com_users .com-users-login__remember .form-check-label {
  order: 2; 
}

.com_users legend {font-size: 18px;}

.com_users.reset fieldset, .com_users.remind fieldset{grid-template-columns: auto;}


.com_users fieldset.com-users-profile__multifactor {
grid-template-columns: auto;}


 dl.dl-horizontal dt {
    grid-column: 1/2; min-width: 180px;width: auto;
  }
  
  dl.dl-horizontal {
    grid-template-columns: auto 1fr;
    display: grid;
  }



 dl.dl-horizontal dd {
    grid-column: 2/3;
    margin-bottom: 0;
    padding: 0 0 0 1em;
	margin-left: 30px;
  }

.com-users-profile__edit.btn-toolbar {text-align: right;}







/*====joomla search-----*/


.mod-finder .input-group .btn, .com-finder .input-group .btn {margin: 0px;/*padding: 0px 35px; */background: #6c5ce7 !important;     border-radius: 5px !important;}
.mod-finder .btn.btn-secondary, .com-finder .btn.btn-secondary {background: transparent !important;}

.awesomplete > input {
   max-width: initial;
       padding: 8px;
}
 
.mod-finder .awesomplete {width: inherit;}

/*.view-article .container-banner search {display:none;}*/

.view-article.no-layout .base-search {
	margin: 0 auto;
    justify-content: center;
    display: flex;
    padding: 50px 20px 70px;
    border-radius: 10px;
    background: #c3d2ed;
	}

.wiki search {z-index:99;position: relative;}
.container-banner {position:relative;}
	
/*.view-article.no-layout*/ .base-search search {width: 100%;}


@media (width>=992px) {

.base-search search {width: 75%;}
.view-article.no-layout .base-search {padding: 50px 50px 70px;}
    
	
}/*--*/


@media (width<=576px) {
.com-finder.finder, .com_content search {padding: 0px 15px;}
}/*--*/

 .com_finder .icon-calendar,  .com_finder .icon-search-plus, .com_finder .icon-search.icon-white  {display: initial !important;}

#finder-filter-select-dates, .filter-branch {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

ul#finder-filter-select-dates li.filter-date {width: auto;}
ul#finder-filter-select-dates li .field-calendar {display:inline-block;}
ul#finder-filter-select-dates button {margin-left: 10px;height: fit-content;}
ul#finder-filter-select-dates button span {font-size: 18px;}


.com_users .body, .com_content .body, .com_finder .body {margin-top: 200px !important;}
.cpoint a i {cursor:pointer !important;}
.form-horizontal .controls {margin-left: 0px !important;}

/*
.result__item {
  display: flex;
  gap: 20px; 
}

.result__image {
  flex-shrink: 0; 
}

.result__title,
.result__description,
.result__taxonomy {
  display: block; 
  margin: 0;
}


.result__content {
  display: flex;
  flex-direction: column; 
  gap: 10px;
}
*/

.com_finder figure img {
min-height: 250px;
  object-fit: cover;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  transition: all 300ms ease-in;
}
.com_finder .form-inline .input-group {display: flex;}

.com_finder .awesomplete {flex: fit-content;display: flex;}
.com_finder #q {flex: fit-content;margin-right: 10px;}
.com_finder #q {border-radius: 10px;}
.com_finder .dropdown-menu.show {display:block !important;}
.com_finder .sorting {text-align: right;}

.result__taxonomy--Type, .result__taxonomy-item+.result__taxonomy-item:before {display:none;}

.result__taxonomy-item+.result__taxonomy-item { margin-inline-start: 0;}

.result__title-url {order: 2;}

.result__taxonomy--Category span {font-weight:600}

.result__item+.result__item {border-top: 1px solid #ccc;}

.result__item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
}

.result__image {
    grid-column: 1 / 2;
    grid-row: 1 / 5;  /* увеличил с 4 до 5 */
    margin: 0;
}

.result__title {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    margin: 0;
}

.result__description {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin: 0;
}

.result__taxonomy {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    margin: 0;
}

/* Мобильная версия */
@media (max-width: 768px) {
    .result__item {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .result__image {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        max-width: 100%;
    }

    .result__image img {
        width: 100%;
        height: auto;
    }

    .result__title {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }

    .result__description {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    .result__taxonomy {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
    }
}









/*-----MEDIA add----*/


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
/*==============*/

.com_finder #q {margin-bottom: 20px;}

/*==============*/
}/* End */



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
/*==============*/  

  
/*==============*/
}/* End */

  
  
  
@media (max-width: 767.98px) {
/*==============*/	
.com_users fieldset {
display: block;}
.com_users #jform\[password1\]-rules {
position: relative;}

.com_users .body, .com_content .body, .com_finder .body {
  margin-top: 100px !important;
}
.com_content h1, .com_finder h1 {
font-size: 25px;
line-height: 30px;

}

.body .remind > form, .body .reset > form, .body .login > form {padding: 30px !important;}

#finder-filter-select-dates, .filter-branch {
  display: grid;  
grid-template-columns: auto;}

.com_finder .form-inline .input-group {
  display: block;
}

  
/*==============*/
}/* End */




/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
/*==============*/	

  
/*==============*/
}/* End */



@media (max-width: 991.98px) { 
/*==============*/


/*==============*/
}/* End */



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
/*==============*/
 

/*==============*/
}/* End */



@media (max-width: 1199.98px) {
/*==============*/
  
  
/*==============*/
}/* End */


@media (min-width: 1199.98px) and (max-width: 1260px) { 
/*==============*/

  
/*==============*/
}/* End */





/* Big (over desktops, 1200px and up) */
@media (min-width: 1200px) {
/*==============*/



  
/*==============*/
}/* End */




@media (min-width: 1200px) and (max-width: 1460px) { 
/*==============*/

  
/*==============*/
}/* End */

  
@media (min-width: 1400px) {
/*==============*/  

  
/*==============*/
}/* End */
 
  


/* Big (over desktops, 1460px and up) */   
@media (max-width: 1460px) {
/*==============*/
 

 
  
/*==============*/
}/* End */





/* Big (over desktops, > 2000 px and up) */
@media (min-width: 2000px) {      
/*==============*/

  
/*==============*/
}/* End


/*-----MEDIA END-----*/












/*======== cookie cookieconsent.css ===========*/


#cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}.cc--darkmode #cc-main{color-scheme:dark}#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3rem}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}}


#cc-main .cm__btn[data-role="all"], #cc-main .pm__btn[data-role="all"] { background: var(--bg-color);}

@media screen and (max-width: 640px) {
  #cc-main .cm__btn-group {
    flex-direction: row !important;    
    gap: 10px;
  }
}/*---*/