:root{
--header_height: $header_height}
body{
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
@media (max-width: 767px) {
    body {
        font-size: 18px !important;
    }
}
body.helix-ultimate-preloader{
overflow:hidden}
body.helix-ultimate-preloader:before{
content:" ";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:99998;
background:rgba(255,255,255,.9)}
body.helix-ultimate-preloader:after{
content:"";
font-family:"FontAwesome";
font-size:36px;
position:fixed;
top:50%;
left:50%;
margin-top:-24px;
margin-left:-24px;
width:48px;
height:48px;
line-break:48px;
text-align:center;
color:#007bff;
-webkit-animation:fa-spin 2s infinite linear;
animation:fa-spin 2s infinite linear;
z-index:99999}
a{
transition:color 400ms,background-color 400ms}
a,a:hover,a:focus,a:active{
text-decoration:none}
label{
font-weight:normal}
legend{
padding-bottom:10px}
img{
display:block;
height:auto;
max-width: 100%;
margin-left: auto;
margin-right: auto;}
.row{
--bs-gutter-x: 1.875rem}
.container{
padding-left:15px;
padding-right:15px}
@media (max-width: 480px) {
.row>*{
padding-left:5px;
padding-right:5px}
}
.element-invisible{
position:absolute;
padding:0;
margin:0;
border:0;
height:1px;
width:1px;
overflow:hidden}
#sp-top-bar{
padding:8px 0;
font-size:.875rem}
#sp-top-bar .sp-module{
display:inline-block;
margin:0 0 0 1.25rem}
ul.social-icons{
list-style:none;
padding:0;
margin:0;
display:inline-block}
ul.social-icons>li{
display:inline-block;
line-height:1.5}
ul.social-icons>li:not(:last-child){
margin-right:20px}
.flex-auto{
flex:auto}
#sp-menu.menu-with-social .sp-megamenu-wrapper{
flex:auto;
justify-content:space-between;
display:flex;
align-items:center}
#sp-menu>.sp-column{
height:100%}
#sp-menu .social-wrap{
position:relative;
padding-left:60px}
#sp-menu .social-wrap:after{
content:"";
margin-top:10px;
margin-bottom:10px;
position:absolute;
width:2px;
height:calc(var(--header_height) - 20px);
left:30px;
background-color:rgba(80,80,80,.2)}
#sp-menu ul.social-icons>li:not(:last-child){
margin-right:20px}
#sp-menu ul.social-icons a{
color:#9c9c9c}
#sp-menu .social-wrap.no-border ul.social-icons{
border-left:none;
padding-left:0px}
#sp-menu.menu-center .sp-megamenu-wrapper{
justify-content:center}
.menu-flex .sp-megamenu-wrapper{
display:flex;
justify-content:flex-end}
#menu-right .sp-module:first-child{
border-right:2px solid rgba(80,80,80,.2);
padding-right:30px}

.sp-module-content .mod-languages ul.lang-inline{
margin:0;
padding:0}
.sp-module-content .mod-languages ul.lang-inline li{
border:none;
display:inline-block;
margin:0 5px 0 0}
.sp-module-content .mod-languages ul.lang-inline li a{
padding:0 !important}
.sp-module-content .mod-languages ul.lang-inline li>a:before{
display:none}
.sp-module-content .mod-languages img{
display:inline-block;
border:none}
.sp-module-content .latestnews>li>a>span{
display:block;
margin-top:5px;
font-size:85%}
div.mod-languages ul li.lang-active{
background-color:rgba(130,130,130,.5019607843) !important;
padding:0px 5px 3px;
border-radius:3px}
.sp-contact-info{
list-style:none;
padding:0;
margin:0px}
.sp-contact-info li{
display:inline-block;
margin:0px 10px 0px 0px;
font-size:90%;
white-space:nowrap}
.sp-contact-info li i{
margin:0 3px}
#sp-header{
height:80px;
width:100%;
position:relative;
z-index:99;}

#sp-header.full-header{
padding-left:45px;
padding-right:45px}
#sp-header.lg-header{
box-shadow:0 2px 3px rgba(0,0,0,.1)}
#sp-header.lg-header .logo{
height:auto}
.logo-image {
    max-width: 380px;
	top: 10px;
}
img.logo-image-phone {
    max-width: 320px;
}

#sp-header.lg-header .sp-column{
height:100%}
#sp-header.header-with-modal-menu{
color:#252525}
#sp-header.header-with-modal-menu a{
color:rgba(37,37,37,.6)}
#sp-header.header-with-modal-menu a:hover,#sp-header.header-with-modal-menu a:focus{
color:#0b45bb}
#sp-header.header-with-modal-menu .sp-contact-info>li{
margin-right:15px;
opacity:.7;
transition:.3s}
#sp-header.header-with-modal-menu .sp-contact-info>li:hover,#sp-header.header-with-modal-menu .sp-contact-info>li:focus{
opacity:1}
#sp-header.header-with-modal-menu .sp-contact-info>li>span{
margin-right:5px}
#sp-header.header-with-modal-menu.center-layout .modules-wrapper{
height:auto;
border:none;
padding:0px;
max-width:730px;
margin:0 auto}
#sp-header.header-with-modal-menu.center-layout #modal-menu .modal-menu-inner>.container{
align-items:flex-start;
padding:170px 0 0}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search{
margin-bottom:80px}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form:after{
font-size:16px}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form:hover:after{
display:none}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input{
background:rgba(0,0,0,0);
border-bottom:2px solid rgba(32,31,31,.1);
font-size:26px;
padding:7px;
border-radius:0px}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input::placeholder{
color:rgba(32,31,31,.4)}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:focus,#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:active,#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:active:focus{
box-shadow:none;
border-bottom:2px solid rgba(32,31,31,.7)}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper{
justify-content:center}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper ul.sp-megamenu-parent{
flex-direction:row}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>a,#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>span{
padding:0}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>a:after,#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>span:after{
top:100%;
width:2px;
height:20px;
left:50%;
transform:translateX(-50%);
margin:10px 0 0 0}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li.sp-has-child:hover>a:after,#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li.sp-has-child:hover>span:after{
height:30px}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li.sp-has-child>.sp-dropdown{
animation:spFadeIn .5s}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li:not(:last-child)>a,#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li:not(:last-child)>span{
margin-right:70px}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>.sp-dropdown.sp-dropdown-main{
top:100%;
padding-top:50px;
padding-left:0;
left:auto !important;
right:0px;
transition:.35s}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>.sp-dropdown.sp-dropdown-main li.sp-menu-item>a,#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>.sp-dropdown.sp-dropdown-main li.sp-menu-item>span{
padding:6px 0}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner>div{
flex-direction:column;
align-items:flex-start;
padding:40px 0}
#sp-header.header-sticky{
position:fixed;
z-index:9999;
top:0;
left:0;
width:100%;
animation:spFadeInDown .5s;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.09);}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner>div .sp-megamenu-wrapper{
height:100%;
align-items:center}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner>div .social-icons{
margin-top:auto;
margin-bottom:0px;
width:100%;
border-top:2px solid rgba(32,31,31,.1);
padding-top:20px;
font-size:12px}
#sp-header .logo{
    height: 80px;
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
    max-width: 100px;
align-items:center}
#sp-header .logo a{
    font-size: 60px;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-family: 'Century Gothic', 'Futura', 'Avant Garde', sans-serif;
    text-transform: lowercase;
    color: #FF6B40;
    font-weight: bold;
    letter-spacing: -0.02em;
    -webkit-text-stroke-width: 1px;
	top: -10px;
	position: relative;
	}
@media (max-width: 991px) {
#sp-header .logo a{
    font-size: 40px;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-family: 'Century Gothic', 'Futura', 'Avant Garde', sans-serif;
    text-transform: lowercase;
    color: #FF6B40;
    font-weight: bold;
    letter-spacing: -0.02em;
    -webkit-text-stroke-width: 1px;
	top: -5px;
	}
}

#sp-header .logo p{
margin:5px 0 0}
#sp-header .sp-module{
margin-left:20px}
#sp-header-topbar{
position:relative;
z-index:111}
#sp-header-topbar .sp-profile-wrapper .sp-sign-in .user-text{
display:none !important}

#sp-header-topbar .container-inner{
border-bottom:1px solid #e5e5e5}
#sp-header-topbar .container-inner>.row{
min-height:80px}
#sp-header-topbar a{
color:#909196}
#sp-header-topbar a:hover{
color:#0b45bb}
#sp-header-topbar .sp-contact-info{
color:#909196}
@media (min-width: 768px) {
#sp-header .row {
    margin: 0;
}
}
.header-modules{
margin-left:20px}
.header-modules .sp-module{
margin-left:20px}
.header-modules .search{
position:relative}
.header-modules .search form:after{
content:"";
font-family:"Font Awesome 6 Free";
font-weight:900;
position:absolute;
top:0;
font-size:12px;
line-height:32px;
right:10px}
.header-modules .search form input{
background:#efeff0;
border:none;
height:32px;
font-size:15px;
border-radius:3px;
padding:5px 10px}
.burger-icon{
width:25px;
cursor:pointer}
.burger-icon>span{
display:block;
height:2px;
background-color:#181623;
margin:5px 0;
transition:background-color .3s ease-in,opacity .3s ease-in,transform .3s ease-in}
body.modal-menu-active{
overflow-y:hidden}
#modal-menu{
background:#f9f9f9;
position:fixed !important;
top:80px;
left:0;
right:0;
transition:.5s;
bottom:120%;
overflow:hidden;
display:flex;
z-index:10}
#modal-menu.has-bg{
background-image:url(../images/menu-bg.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center center}
#modal-menu.active{
bottom:0}
#modal-menu .sp-megamenu-parent>li>a,#modal-menu .sp-megamenu-parent>li>span{
display:block}
#modal-menu .sp-megamenu-parent>li>a:after,#modal-menu .sp-megamenu-parent>li>span:after{
transition:.3s}
#modal-menu .sp-megamenu-parent>li:hover>a,#modal-menu .sp-megamenu-parent>li:hover>span,#modal-menu .sp-megamenu-parent>li.active>a,#modal-menu .sp-megamenu-parent>li.active>span{
color:#0b45bb}
#modal-menu .sp-megamenu-parent>li:hover>a:after,#modal-menu .sp-megamenu-parent>li:hover>span:after,#modal-menu .sp-megamenu-parent>li.active>a:after,#modal-menu .sp-megamenu-parent>li.active>span:after{
opacity:1}
#modal-menu .sp-megamenu-parent>li>a .nav-counter,#modal-menu .sp-megamenu-parent>li>span .nav-counter{
font-size:16px}
#modal-menu .sp-megamenu-parent>li:hover>a:before,#modal-menu .sp-megamenu-parent>li.active>a:before{
width:0;
opacity:0}
#modal-menu .modal-menu-inner{
position:relative !important;
width:100%}
#modal-menu .modal-menu-inner #menu-dismiss{
position:absolute;
top:60px;
left:60px;
cursor:pointer}
#modal-menu .modal-menu-inner #menu-dismiss svg{
font-size:55px}
#modal-menu .modal-menu-inner>.container{
display:flex;
padding:70px 0;
align-items:center;
height:100%}
#modal-menu .modal-menu-inner>.container>.row{
width:100%}
#modal-menu ul.sp-megamenu-parent{
display:flex !important;
flex-direction:column}
#modal-menu ul.sp-megamenu-parent>li{
position:relative}
#modal-menu ul.sp-megamenu-parent>li:not(:last-child){
margin-bottom:30px}
#modal-menu ul.sp-megamenu-parent>li>a,#modal-menu ul.sp-megamenu-parent>li>span{
font-size:26px;
font-weight:600;
line-height:1.4;
text-transform:initial}
#modal-menu ul.sp-megamenu-parent li.sp-has-child>a,#modal-menu ul.sp-megamenu-parent li.sp-has-child>span{
position:relative}
#modal-menu ul.sp-megamenu-parent li.sp-has-child>a:after,#modal-menu ul.sp-megamenu-parent li.sp-has-child>span:after{
content:"";
font-family:"Font Awesome 6 Free";
float:right;
position:absolute;
top:2px}
#modal-menu ul.sp-megamenu-parent li.sp-has-child:hover>a:after,#modal-menu ul.sp-megamenu-parent li.sp-has-child:hover>span:after{
transform:translateX(5px)}
#modal-menu ul.sp-megamenu-parent li.sp-has-child:hover>.sp-dropdown{
animation:spFadeInDown .5s}
#modal-menu ul.sp-megamenu-parent .sp-dropdown{
left:100% !important;
transition:.3s;
padding-left:20px}
#modal-menu ul.sp-megamenu-parent .sp-dropdown.sp-dropdown-main{
top:0px}
#modal-menu ul.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega{
top:auto;
bottom:0px}
#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
box-shadow:none;
border-radius:0px;
position:relative;
overflow:visible !important;
max-height:initial;
background-color:#fff;
padding:20px}
#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul>li>a{
font-weight:500 !important;
font-size:15px !important}
#modal-menu .modules-wrapper{
display:flex;
flex-direction:column;
height:100%;
justify-content:center;
max-width:330px;
border-left:2px solid rgba(32,31,31,.1);
padding:30px;
color:#252525}
#modal-menu .modules-wrapper a{
color:#252525}
#modal-menu .modules-wrapper a:hover,#modal-menu .modules-wrapper a:focus{
color:#0b45bb}
#modal-menu .modules-wrapper .sp-module{
margin-left:0;
margin-bottom:15px}
#modal-menu .modules-wrapper .search form{
margin-bottom:30px}
#modal-menu .modules-wrapper .search form input{
height:40px}
#modal-menu .modules-wrapper .sp-contact-info{
margin-bottom:10px;
display:flex;
flex-direction:column}
#modal-menu .modules-wrapper .sp-contact-info>li{
margin-bottom:35px}
#modal-menu .modules-wrapper .sp-contact-info>li>span{
font-size:12px;
margin-bottom:10px}
#modal-menu .modules-wrapper .sp-contact-info>li>a{
opacity:.7}
#modal-menu .modules-wrapper .sp-contact-info>li>a:hover,#modal-menu .modules-wrapper .sp-contact-info>li>a:focus{
opacity:1}
#modal-menu .modules-wrapper .social-icons{
font-size:14px}
#modal-menu .modules-wrapper .social-icons a{
opacity:.7}
#modal-menu .modules-wrapper .social-icons a:hover,#modal-menu .modules-wrapper .social-icons a:focus{
opacity:1}
#sp-logo.has-border{
position:relative;
padding-right:45px}
#sp-logo.has-border:after{
content:"";
margin-top:10px;
margin-bottom:10px;
position:absolute;
width:2px;
height:calc(var(--header_height) - 20px);
right:15px;
background-color:rgba(80,80,80,.2)}
#sp-logo.has-border .sp-column{
display:inline-flex;
align-items:center}
.sp-profile-wrapper{
position:relative;
font-size:14px}
.sp-profile-wrapper .arrow-icon{
font-size:11px}
.sp-profile-wrapper .sp-profile-dropdown{
background:#fff;
border:1px solid #e4e4e4;
border-radius:3px;
padding:10px 5px !important;
list-style:none !important;
font-size:14px;
position:absolute;
min-width:100px;
right:0;
top:100%;
display:none !important}
.sp-profile-wrapper .sp-profile-dropdown li a{
display:block;
width:100%;
padding:0 15px}
.sp-profile-wrapper .sp-profile-dropdown>li:not(:last-child){
border-bottom:1px solid #e4e4e4;
padding-bottom:5px;
margin-bottom:5px;
line-height:1.3}
.sp-profile-wrapper:hover .sp-profile-dropdown{
display:block !important;
animation:spFadeInDown .5s}
#sp-title{
min-height:0}
.sp-page-title{
padding:30px 0;
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;
background-attachment:fixed}
.sp-page-title .sp-page-title-heading,.sp-page-title .sp-page-title-sub-heading{
margin:0;
padding:0;
color:#fff}
.sp-page-title .sp-page-title-heading{
font-size:24px;
line-height:1}
.sp-page-title .sp-page-title-sub-heading{
font-size:14px;
font-weight:normal;
line-height:1;
margin-top:10px}
.body-innerwrapper{
overflow-x:hidden}
.layout-boxed .body-innerwrapper{
max-width:1240px;
margin:0 auto;
box-shadow:0 0 5px rgba(0,0,0,.2)}
body.view-article.remove-container #sp-main-body>.container{
max-width:100%;
padding:0}
.com-sppagebuilder #sp-main-body{
padding:0}
@media (max-width: 991px) {
    #sp-main-body .row,
    #sp-main-body > .container > .container-inner > .row {
        display: flex !important;
        flex-wrap: wrap !important;
    }
}
#sp-left .sp-module,#sp-right .sp-module{
margin-top:50px;
border:1px solid #f3f3f3;
padding:30px;
border-radius:3px}
#sp-left .sp-module:first-child,#sp-right .sp-module:first-child{
margin-top:20px;}
#sp-left .sp-module .sp-module-title,#sp-right .sp-module .sp-module-title{
margin:0 0 30px;
padding-bottom:20px;
font-size:22px;
font-weight:700;
border-bottom:1px solid #f3f3f3;
text-transform: inherit;}
#sp-left .sp-module ul,#sp-right .sp-module ul{
list-style:none;
padding:0;
margin:0}
#sp-left .sp-module ul>li,#sp-right .sp-module ul>li{
display:block;
border-bottom:1px solid #f3f3f3;
padding-bottom: 30px;}

#sp-left .sp-module ul>li>a,#sp-right .sp-module ul>li>a{
display:block;
padding:5px 0;
line-height:36px;
padding:2px 0}
#sp-left .sp-module ul>li:last-child,#sp-right .sp-module ul>li:last-child{
border-bottom:none}
#sp-left .sp-module .categories-module ul,#sp-right .sp-module .categories-module ul{
margin:0 10px}
#sp-left .sp-module .latestnews>div,#sp-right .sp-module .latestnews>div{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #e8e8e8}
#sp-left .sp-module .latestnews>div:last-child,#sp-right .sp-module .latestnews>div:last-child{
padding-bottom:0;
margin-bottom:0;
border-bottom:0}
#sp-left .sp-module .latestnews>div>a,#sp-right .sp-module .latestnews>div>a{
display:block;
font-weight:400}
#sp-left .sp-module .tagscloud,#sp-right .sp-module .tagscloud{
margin:-2px 0}
#sp-left .sp-module .tagscloud .tag-name,#sp-right .sp-module .tagscloud .tag-name{
display:inline-block;
padding:5px 10px;
background:gray;
color:#fff;
border-radius:4px;
margin:2px 0}
#sp-left .sp-module .tagscloud .tag-name span,#sp-right .sp-module .tagscloud .tag-name span{
display:inline-block;
min-width:10px;
padding:3px 7px;
font-size:12px;
font-weight:700;
line-height:1;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
background-color:rgba(0,0,0,.2);
border-radius:10px}
.login img{
display:inline-block;
margin:20px 0}
.login .checkbox input[type=checkbox]{
margin-top:6px}
.login .password-group button.input-password-toggle{
background-color:#eaecef;
border-color:#ced4da;
color:#212529}
.form-links ul{
list-style:none;
padding:0;
margin:0}
.hide-label{
border:0;
clip:rect(1px 1px 1px 1px);
clip:rect(1px, 1px, 1px, 1px);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px}
.search .btn-toolbar{
margin-bottom:20px}
.search .btn-toolbar span.icon-search{
margin:0}
.search .btn-toolbar button{
color:#fff}
.search .phrases .phrases-box .controls label{
display:inline-block;
margin:0 20px 20px}
.search .phrases .ordering-box{
margin-bottom:15px}
.search .only label{
display:inline-block;
margin:0 20px 20px}
.search .search-results dt.result-title{
margin-top:40px}
.search .search-results dt,.search .search-results dd{
margin:5px 0}
.filter-search .chzn-container-single .chzn-single{
height:34px;
line-height:34px}
.form-search .finder label{
display:block}
.form-search .finder .input-medium{
width:60%;
border-radius:4px}
.finder .word input{
display:inline-block}
.finder .search-results.list-striped li{
padding:20px 0}
.article-list .article{
position:relative;
margin:10px;
padding:20px;
border:1px solid #f5f5f5;
border-radius:3px}
.article-list .article .article-intro-image,.article-list .article .article-featured-video,.article-list .article .article-featured-audio,.article-list .article .article-feature-gallery{
margin:-20px -20px 20px -20px;
border-radius:3px 3px 0 0;
border-bottom:1px solid #f5f5f5;
overflow:hidden}
.article-list .article .article-intro-image img,.article-list .article .article-featured-video img,.article-list .article .article-featured-audio img,.article-list .article .article-feature-gallery img{
border-radius:3px 3px 0 0}
.article-list .article .featured-article-badge{
position:absolute;
top:5px;
left:5px;
cursor:default}
.article-list .article .article-full-image{
margin:-20px -20px 20px -20px;
border-radius:3px 3px 0 0;
border-bottom:1px solid #f5f5f5;
overflow:hidden}
.article-list .article .article-header h1,.article-list .article .article-header h2{
font-size:1.375rem;
margin:0 0 1.25rem 0}
.article-list .article .article-header h1 a,.article-list .article .article-header h2 a{
color:#252525}
.article-list .article .article-header h1 a:hover,.article-list .article .article-header h1 a:active,.article-list .article .article-header h1 a:focus,.article-list .article .article-header h2 a:hover,.article-list .article .article-header h2 a:active,.article-list .article .article-header h2 a:focus{
color:#181623}
.article-list .article .readmore{
font-size:15px;}
.article-list .article .readmore a{
color: #0b45bb;
font-weight:500}
.article-list .article .readmore a:hover,.article-list .article .readmore a:active,.article-list .article .readmore a:focus{
color: #b01d11;
text-decoration: underline;}
.article-list .article figcaption.caption{
text-align:center;
font-size:14px;
color:#252525;
margin:5px 0px;
opacity:.7}
.article-list.grid{
--gap: 1em;
margin:0 auto;
display:flow;
columns:var(--columns);
gap:var(--gap);
margin-bottom:20px}
.article-list.grid .article .article-intro-image{
overflow:hidden;
position:relative;
height:40vh}
.article-list.grid .article a img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
max-width:none;
max-height:none;
width:auto;
height:100%}
.article-list.grid .article:nth-child(1n) .article-intro-image{
height:60vh}
.article-list.grid .article:nth-child(2n) .article-intro-image{
height:30vh}
.article-list.grid .article:nth-child(3n) .article-intro-image{
height:50vh}
.article-list.grid .article:nth-child(4n) .article-intro-image{
height:45vh}
.article-list.grid .article:nth-child(5n) .article-intro-image{
height:55vh}
.article-list.grid>*{
break-inside:avoid;
margin-bottom:var(--gap)}
@supports(grid-template-rows: masonry){
.article-list.grid{
display:grid;
grid-template-columns:repeat(var(--columns), 1fr);
grid-template-rows:masonry;
grid-auto-flow:dense}
.article-list.grid>*{
margin-bottom:0em}
}
.related-article-large .article-image{
width:350px;
min-width:350px}
.related-article-large .article-information{
border-left:1px solid #f1f1f1;
padding-left:20px;
margin-left:20px}
.related-article-large .article-information>span{
font-size:.813rem}
.related-article-large .article-information>span+span::before{
display:inline-block;
padding-right:.5rem;
padding-left:.5rem;
content:"/"}
.related-article-large .article-information>span a{
color:#252525}
.related-article-large .article-information>span a:hover{
color:#044cd0}
.related-article-large .article-information .intro-text{
margin-top:20px}
.article-info{
display:-webkit-box;
display:-ms-flexbox;
display: none;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:1rem}
.article-info>span{
font-size:15px;}
.article-info>span+span::before{
display:inline-block;
padding-right:.5rem;
padding-left:.5rem;
content:"/"}
.article-info>span a{
color: #0b45bb;}
.article-info>span a:hover{
color: #b01d11;
text-decoration: underline;}
.article-details{
position:relative;
padding: 10px;}
@media (max-width: 480px) {
.article-details{
padding: 10px;}
}
.article-details .article-header{
position:relative}
.article-details .article-header h1,.article-details .article-header h2{
font-size: 22px;
}
.article-details .featured-article-badge{
position:absolute;
top:5px;
left:5px;
cursor:default}
.article-details .article-info{
margin-bottom:1rem}
.article-details .article-full-image{
margin-bottom:2rem}
.article-details .article-full-image img{
display:inline-block;
border-radius:4px}
.article-details .article-featured-video,.article-details .article-featured-audio,.article-details .article-feature-gallery{
margin-bottom:2rem}
.article-details .article-ratings-social-share{
padding:1rem 0;
border-top:1px solid #f5f5f5;
border-bottom:1px solid #f5f5f5;
margin-bottom:1rem}
.article-details .article-author-information{
padding-top:2rem;
margin-top:2rem;
border-top:1px solid #f5f5f5}
.article-details .article-can-edit{
position:relative;
margin-bottom:10px}
.article-details .article-can-edit a{
display:inline-block;
background:#2a61c9;
color:#fff;
padding:5px 12px;
border-radius:3px;
font-size:14px}
.article-details figcaption.caption{
font-size:14px;
color:#252525;
margin:5px 0px;
opacity:.7}
.related-article-list-container{
margin-top:15px}
.related-article-list-container .related-article-title{
font-size:22px;
padding-bottom:15px;
border-bottom:1px solid #f3f3f3}
.related-article-list-container ul.related-article-list{
list-style:none;
padding:0}
.related-article-list-container ul.related-article-list li{
margin-bottom:10px}
.related-article-list-container ul.related-article-list li .article-header h2{
font-size:1.2rem}
.related-article-list-container ul.related-article-list li .article-header h2 a{
color:#252525}
.related-article-list-container ul.related-article-list li .article-header h2 a:hover{
color:#044cd0}
.related-article-list-container ul.related-article-list li .published{
font-size:14px}
.tags{
list-style:none;
padding:0;
margin:-0.3125rem;
display:flex;
flex-wrap:wrap}
.tags>li{
display:inline-block;
margin:.3125rem}
.tags>li a{
display:block;
font-size:.875rem;
padding:.5rem 1rem;
border-radius:6.25rem}
.tags>li a:hover{
color:#fff}
.pager{
list-style:none;
padding:2rem 0 0 0;
margin:2rem 0 0 0;
border-top:1px solid #f5f5f5}
.pager::after{
display:block;
clear:both;
content:""}
.pager>li{
display:inline-block}
.pager>li.previous{
float:left}
.pager>li.next{
float:right}
.pager>li a{
display:inline-block;
font-size:.785rem;
padding:1rem 2.5rem;
border-radius:100px}
#article-comments{
padding-top:2rem;
margin-top:2rem;
border-top:1px solid #f5f5f5}
.article-ratings{
display:flex;
align-items:center}
.article-ratings .rating-symbol{
unicode-bidi:bidi-override;
direction:rtl;
font-size:1rem;
display:inline-block;
margin-left:5px}
.article-ratings .rating-symbol span.rating-star{
font-family:"Font Awesome 6 Free";
font-weight:normal;
font-style:normal;
display:inline-block}
.article-ratings .rating-symbol span.rating-star.active:before{
content:"";
font-weight:900;
color:#f6bc00}
.article-ratings .rating-symbol span.rating-star:before{
content:"";
padding-right:5px}
.article-ratings .rating-symbol span.rating-star:hover:before,.article-ratings .rating-symbol span.rating-star:hover~span.rating-star:before{
content:"";
color:#e7b000;
font-weight:900;
cursor:pointer}
.article-ratings .ratings-count{
font-size:.785rem;
color:#4c4b4b}
.article-ratings .fa-spinner{
margin-right:5px}
.article-social-share{
float:right}
.article-social-share .social-share-icon ul{
padding:0;
list-style:none;
margin:0}
.article-social-share .social-share-icon ul li{
display:inline-block}
.article-social-share .social-share-icon ul li:not(:last-child){
margin-right:10px}
.article-social-share .social-share-icon ul li a{
border:1px solid #ededed;
font-size:1rem;
border-radius:50%;
height:34px;
line-height:34px;
text-align:center;
width:34px;
display:inline-block}
.article-social-share .social-share-icon ul li a:hover,.article-social-share .social-share-icon ul li a:focus{
color:#fff}
.newsfeed-category .category{
list-style:none;
padding:0;
margin:0}
.newsfeed-category .category li{
padding:5px 0}
.newsfeed-category #filter-search{
margin:10px 0}
.category-module,.categories-module,.archive-module,.latestnews,.newsflash-horiz,.mostread,.form-links,.list-striped{
list-style:none;
padding:0;
margin:0}
.category-module li,.categories-module li,.archive-module li,.latestnews li,.newsflash-horiz li,.mostread li,.form-links li,.list-striped li{
padding:2px 0}
.category-module li h4,.categories-module li h4,.archive-module li h4,.latestnews li h4,.newsflash-horiz li h4,.mostread li h4,.form-links li h4,.list-striped li h4{
margin:5px 0}
.article-footer-top{
display:table;
clear:both;
width:100%}
.article-footer-top .post_rating{
float:left}
.contentpane:not(.com-sppagebuilder){
padding:20px}
#sp-bottom{
padding:60px 0 30px;
font-size:14px;
line-height:1.6}
#sp-bottom .row {
    display: flex;
    flex-wrap: wrap;
}
#sp-bottom .sp-module{
margin-bottom:30px}
#sp-bottom .sp-module .sp-module-title{
font-size:18px;
margin:0 0 30px;}
#sp-bottom .sp-module ul{
list-style:none;
padding:0;
margin:0}
#sp-bottom .sp-module ul>li{
display:block;
margin-bottom:15px}
#sp-bottom .sp-module ul>li:last-child{
margin-bottom:0}
#sp-bottom .sp-module ul>li>a{
display:block}
#sp-footer{
font-size:14px;
padding:0}
#sp-footer .container-inner{
padding:15px 0;
}
#sp-footer ul.menu{
display:inline-block;
list-style:none;
padding:0;
margin:0 -10px}
#sp-footer ul.menu li{
display:inline-block;
margin:0 10px}
#sp-footer ul.menu li a{
display:block}
#sp-footer ul.menu li a:hover{
background:none}
#sp-footer #sp-footer2{
text-align:right}
html.coming-soon{
width:100%;
height:100%;
min-height:100%}
html.coming-soon body{
width:100%;
height:100%;
min-height:100%;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-align:center;
-ms-flex-pack:center;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
padding-top:40px;
padding-bottom:40px;
text-align:center;
background-repeat:no-repeat;
background-position:50% 40%}
html.coming-soon .coming-soon-logo{
display:inline-block;
margin-bottom:2rem}
html.coming-soon #coming-soon-countdown{
margin-top:4rem}
html.coming-soon #coming-soon-countdown .coming-soon-days,html.coming-soon #coming-soon-countdown .coming-soon-hours,html.coming-soon #coming-soon-countdown .coming-soon-minutes,html.coming-soon #coming-soon-countdown .coming-soon-seconds{
margin:0;
float:left;
width:25%}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number,html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number,html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number,html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number{
width:100%;
font-size:4.5rem;
letter-spacing:-1px;
line-height:1}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string,html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string,html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string,html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string{
font-size:1.5rem;
letter-spacing:-1px;
display:block;
text-transform:uppercase}
html.coming-soon .coming-soon-position{
margin-top:2rem}
html.coming-soon .social-icons{
margin-top:4rem}
html.coming-soon .coming-soon-login form{
display:inline-block}
html.error-page{
width:100%;
height:100%}
html.error-page body{
width:100%;
height:100%;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-align:center;
-ms-flex-pack:center;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
padding-top:40px;
padding-bottom:40px;
text-align:center;
background-repeat:no-repeat;
background-position:50% 40%}
html.error-page .error-logo{
display:inline-block;
margin-bottom:2rem}
html.error-page .error-code{
margin:0 0 1rem;
font-size:6rem;
line-break:auto}
html.error-page .error-message{
font-size:1.5rem;
margin-bottom:3rem}
.sp-social-share ul{
display:block;
padding:0;
margin:20px -5px 0}
.sp-social-share ul li{
display:inline-block;
font-size:24px;
margin:0 5px}
.profile>div:not(:last-child){
margin-bottom:30px}
.dl-horizontal dt{
margin:8px 0;
text-align:left}
.page-header{
padding-bottom:15px}
table.category{
width:100%}
table.category thead>tr,table.category tbody>tr{
border:1px solid #f2f2f2}
table.category thead>tr th,table.category thead>tr td,table.category tbody>tr th,table.category tbody>tr td{
padding:10px}
.contact-form .form-actions{
background:none;
border:none}
@media print{
.visible-print{
display:inherit !important}
.hidden-print{
display:none !important}
}
.sp-preloader{
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:99999}
.sp-preloader>div{
border-radius:50%;
height:50px;
width:50px;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-25px;
position:absolute;
animation:spSpin .75s linear infinite}
.sp-preloader>div:after{
content:"";
position:absolute;
width:49px;
height:49px;
top:1px;
right:0;
left:0;
margin:auto;
border-radius:50%}
.sp-scroll-up{
display:none;
position:fixed;
bottom:60px;
right:30px;
width:36px;
height:36px;
line-height:36px;
text-align:center;
font-size:16px;
color:#fff;
background:#ff6b40;
border-radius:100%;
z-index:1000;
transition:all .3s ease}
.sp-scroll-up:hover,.sp-scroll-up:active,.sp-scroll-up:focus{
color:#fff;
background:#181623}
.control-group{
margin-bottom:1rem}



.logo-image {
    position: relative;
}
#sp-top2.col-lg-6{
padding: 0;
}


span.badge.bg-danger.featured-article-badge {
    display: none;
}

/* ---------------------- Главное Меню (Базовые стили) ---------------------- */


@media (max-width: 768px) {
	#sp-bottom2.col-lg-12 {
	 margin-top: 50px;
	}
}

.sp-megamenu-parent > li:not(.active):hover > a::after {
    width: 100%;
}

.sp-megamenu-parent > li.active > a::after {
    width: 100%;
    transition: none;
}

.sp-megamenu-parent > li > a {
    position: relative;
    text-decoration: none;
}
@media (min-width: 769px) and (max-width: 990px) {
    #sp-header .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 15px;
        position: relative;
        left: 0 !important;
    }

    #sp-menu,
    #sp-menu.col-lg-6 {
        order: 1;
        flex: 0 0 auto !important;
        width: auto !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        padding: 0 !important;
        display: flex;
        justify-content: flex-start;
    }

    #sp-logo,
    #sp-logo.col-lg-2 {
        order: 2;
        flex: 1 !important;
        width: auto !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        padding: 0 !important;
        text-align: center !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sp-column .logo-image-phone,
    .logo-image {
        position: static !important;
        left: auto !important;
        height: 35px !important;
        width: auto !important;
        max-width: 100%;
        display: inline-block;
    }

    #sp-search,
    #sp-search.col-lg-2 {
        order: 3;
        flex: 0 0 auto !important;
        width: auto !important;
        position: static !important;
        left: auto !important;
        padding: 0 !important;
        display: flex;
        justify-content: flex-end;
    }

    #sp-top2,
    #sp-user1,
    #sp-title {
        display: none !important;
    }

    #sp-bottom {
        text-align: center;
    }
    .contact-item {
        justify-content: center;
    }
    .phone-link {
        padding: 8px 0px;
    }
}
@media (max-width: 991px) {
    #sp-header .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 0;
        position: relative;
        left: 0 !important;
    }

    #sp-menu,
    #sp-menu.col-lg-6 {
        order: 1;
        flex: 0 0 auto !important;
        width: auto !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        padding: 0 !important;
        display: flex;
        justify-content: flex-start;
    }
    #sp-logo,
    #sp-logo.col-lg-2 {
        order: 2;
        flex: 1 !important;
        width: auto !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        padding: 0 !important;
        text-align: center !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sp-column .logo-image-phone,
    .logo-image {
        position: static !important;
        left: auto !important;
        height: 35px !important;
        width: auto !important;
        max-width: 100%;
        display: inline-block;
    }

    #sp-search,
    #sp-search.col-lg-2 {
        order: 3;
        flex: 0 0 auto !important;
        width: auto !important;
        position: static !important;
        left: auto !important;
        padding: 0 !important;
        display: flex;
        justify-content: flex-end;
    }

    #sp-top2,
    #sp-user1,
    #sp-title {
        display: none !important;
    }

    #sp-bottom {
        text-align: center;
    }
    .contact-item {
        justify-content: center;
    }
    .phone-link {
        padding: 8px 0px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    #sp-top1.col-lg-4 {
        flex: 0 0 auto;
        width: 43%;
        position: relative !important;
        left: -5%;
    }
    #sp-title.col-lg-4 {
        flex: 0 0 auto;
        width: 24%;
        position: relative !important;
        top: 7px;
        left: -7%;
    }
    #sp-top2.col-lg-4 {
        flex: 0 0 auto;
        width: 44%;
        position: relative !important;
        left: -6%;
    }
    #sp-logo.col-lg-2 {
        flex: 0 0 auto;
        position: relative;
    }
    #sp-menu.col-lg-6 {
        flex: 0 0 auto;
        position: relative !important;
        left: -6%;
        justify-content: center;
        display: flex;
    }
    #sp-search.col-lg-4 {
        flex: 0 0 auto;
		right: 150px;
        position: relative;
    }
    #sp-user1.col-lg-2 {
        width: 3%;
        left: -10px;
        position: relative;
    }
    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
        left: -117px !important;
        padding: 10px !important;
    }
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li span {
        padding: 0 15px !important;
    }
    .social-icon-link {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    #sp-top1.col-lg-4 {
        flex: 0 0 auto;
        width: 46%;
        position: relative !important;
    }
    #sp-title.col-lg-2 {
        flex: 0 0 auto;
        width: 4%;
        position: relative !important;
        top: 7px;
    }
    #sp-top2.col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
        position: relative !important;
    }
    #sp-logo.col-lg-2 {
        flex: 0 0 auto;
        position: relative;
    }
    #sp-menu.col-lg-6 {
        flex: 0 0 auto;
        justify-content: start;
        display: flex;
    }
    #sp-search.col-lg-4 {
        flex: 0 0 auto;
		right: 110px;
        position: relative;
    }
    #sp-user1.col-lg-2 {
        width: 3%;
        left: -10px;
        position: relative;
    }
    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
        left: -117px !important;
        padding: 10px !important;
    }
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li span {
        padding: 0 2px !important;
    }
    .social-icon-link {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 1300px) and (max-width: 1399px) {
    #sp-top1.col-lg-4 {
        flex: 0 0 auto;
        width: 35%;
        position: relative !important;
    }
    #sp-title.col-lg-4 {
        flex: 0 0 auto;
        width: 25%;
        position: relative !important;
        top: 7px;
    }
    #sp-top2.col-lg-4 {
        flex: 0 0 auto;
        width: 38%;
        position: relative !important;
    }
    #sp-logo.col-lg-2 {
        flex: 0 0 auto;
        position: relative;
    }
    #sp-menu.col-lg-6 {
        flex: 0 0 auto;
        position: relative !important;
        left: -5%;
        justify-content: center;
        display: flex;
    }
    #sp-search.col-lg-4 {
        flex: 0 0 auto;
		right: 110px;
        position: relative;
    }
    #sp-user1.col-lg-2 {
        width: 3%;
        left: -10px;
        position: relative;
    }
    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
        left: -82px !important;
        padding: 10px !important;
    }
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li span {
        padding: 0 10px !important;
    }
    .social-icon-link {
        width: 30px;
        height: 30px;
    }
    .search-or-dots-btn {
        top: 17px;
        left: 0px;
    }
    .logo-image {
        left: 160px;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    #sp-top1.col-lg-4 {
        flex: 0 0 auto;
        width: 46%;
        position: relative !important;
    }
    #sp-title.col-lg-2 {
        flex: 0 0 auto;
        width: 4%;
        position: relative !important;
        top: 7px;
    }
    #sp-top2.col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
        position: relative !important;
    }
    #sp-logo.col-lg-2 {
        flex: 0 0 auto;
        position: relative;
    }
    #sp-menu.col-lg-6 {
        flex: 0 0 auto;
        position: relative !important;
        left:-20%;
        justify-content: end;
        display: flex;
    }
    #sp-search.col-lg-4 {
        flex: 0 0 auto;
		right: 70px;
        position: relative;
    }

    #sp-user1.col-lg-2 {
        width: 3%;
        left: -10px;
        position: relative;
    }
    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
        left: -250px !important;
        padding: 10px !important;
    }
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li span {
        padding: 0 10px !important;
    }
    .social-icon-link {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 1600px) {
    #sp-logo.col-lg-2 {
        flex: 0 0 auto;
    }
    #sp-menu.col-lg-6 {
        flex: 0 0 auto;
        justify-content: center;
        display: flex;
    }
    #sp-search.col-lg-4 {
        flex: 0 0 auto;
		right: 0;
        position: relative;
    }
    .logo-image {
        left: 0;
    }
    .social-mobilecommunity-wrapper {
        margin: 20px 0 0 35px;
    }
    .social-mobileicon-link, .callback-btn {
        width: 45px;
        height: 45px;
    }
	#sp-bottom2.col-lg-12 {
	 width: 900px;
	}
}

.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    z-index: 99;
    display: block;
    float: right;
    position: relative;
	font-size: 16px;
}

.sp-megamenu-parent .sp-menu-item > a img, .sp-megamenu-parent .sp-menu-item > span img {
    display: inline-block;
}

.sp-megamenu-parent > li {
    display: inline-block;
    position: relative;
    padding: 0;
    background-color: transparent;
    transition: background-color 0.40s ease;
}

.sp-megamenu-parent > li.menu-justify {
    position: static;
}

.sp-megamenu-parent > li > a {
    font-weight: 400;
}

span.sp-group-title.sp-menu-separator {
    color: #181623;
    font-weight: 600;
    font-size: 18px;
    padding: 0 8px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 40px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 15px;
    margin: 0;
}

.sp-megamenu-parent > li.active > a {
    font-weight: 400;
}

.sp-megamenu-parent > li .sp-menu-badge {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 10px;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: uppercase;
    background: #d60000;
    color: #fff;
    border-radius: 3px;
}

.sp-megamenu-parent .sp-module {
    padding: 10px;
}

.sp-megamenu-parent .sp-mega-group {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sp-megamenu-parent .sp-mega-group > li > a {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sp-megamenu-parent .sp-dropdown {
    margin: 0;
    position: absolute;
    z-index: 10;
    display: none;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    border: 1px solid #00000014;
    position: relative;
	left: -100px;
	border-radius: 16px;
	top: 10px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row:not(:first-child) {
    margin-top: 20px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 100%;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    top: 0;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    display: block;
    position: relative;
}

.sp-dropdown-items,
.sp-mega-group-child {
    min-width: auto;
    width: auto;
    white-space: nowrap;
    display: block;
}

.sp-dropdown-items li,
.sp-mega-group-child li {
    white-space: nowrap;
    display: block;
    padding: 0;
}

.sp-dropdown-items a,
.sp-mega-group-child a {
    white-space: nowrap;
    display: block;
    overflow: visible;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    padding: 8px;
    cursor: pointer;
}

.sp-mega-group-child li:hover {
    border-radius: 8px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge).sp-group-title {
    text-transform: uppercase;
    font-weight: bold;
}

.sp-megamenu-parent .sp-dropdown .sp-module {
    padding: 0;
}

.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
    font-size: 14px;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.sp-megamenu-parent .sp-dropdown .sp-module .latestnews {
    margin: 0;
}

.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li:not(:last-child) {
    margin: 0 0 15px;
}

.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a {
    font-size: 14px;
}

.sp-megamenu-parent .sp-dropdown .sp-module .latestnews > li a span {
    opacity: .8;
}

.sp-megamenu-parent .sp-dropdown-mega > .row {
    margin-top: 30px;
}

.sp-megamenu-parent .sp-dropdown-mega > .row:first-child {
    margin-top: 0;
}

.sp-megamenu-parent .sp-dropdown-mega .sp-module {
    margin-left: 0px !important;
}

.sp-megamenu-parent .sp-has-child:hover > .sp-dropdown {
    display: block;
}

.sp-megamenu-parent.menu-animation-fade .sp-has-child:hover > .sp-dropdown {
    animation: spFadeIn 600ms;
}

.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover > .sp-dropdown {
    animation: spFadeInUp 400ms ease-in;
}

.sp-megamenu-parent.menu-animation-fade-down .sp-has-child:hover > .sp-dropdown {
    animation: spFadeInDown 400ms ease-in;
}

.sp-megamenu-parent.menu-animation-zoom .sp-has-child:hover > .sp-dropdown {
    animation: spZoomIn 300ms;
}

.sp-megamenu-parent.menu-animation-rotate .sp-has-child:hover > .sp-dropdown {
    animation: spRotateIn 300ms;
}

.sp-megamenu-parent.menu-animation-pulse .sp-has-child:hover > .sp-dropdown {
    animation: spPulse 300ms;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
    font-family: "Font Awesome 6 Free";
    content: "";
    margin-left: 7px;
    font-weight: 900;
}

body.ltr .sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-right {
    margin-left: 5px;
}

body.ltr .sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-left {
    margin-right: 5px;
}

body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
    font-family: "Font Awesome 6 Free";
    content: "";
    margin-left: 7px;
    font-weight: 900;
    display: flex;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-menu-center {
    margin-left: 45px;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: -30px;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    left: auto;
    right: 0;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
    right: 0;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    left: 100%;
}

@media(min-width: 576px) {
    .sp-menu-full.container {
        width: 540px;
    }
}

@media(min-width: 768px) {
    .sp-menu-full.container {
        width: 720px;
    }
}

@media(min-width: 992px) {
    .sp-menu-full.container {
        width: 960px;
    }
}

@media(min-width: 1200px) {
    .sp-menu-full.container {
        width: 1140px;
    }
}

@media(min-width: 1400px) {
    .sp-menu-full.container {
        width: 1320px;
    }
}

/* ---------------------- Конец Главное Меню ---------------------- */
/* ---------------------- Мобильное Меню (Final Stable v6) ---------------------- */
.offcanvas-menu .logo a{
    font-size: 40px;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-family: 'Century Gothic', 'Futura', 'Avant Garde', sans-serif;
    text-transform: lowercase;
    color: #FF6B40;
    font-weight: bold;
    letter-spacing: -0.02em;
    -webkit-text-stroke-width: 1px;
	top: -5px;
	}
#sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas { display: none !important }

@media(min-width: 992px) {
    #sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas { display: none !important }
}

@media(max-width: 991px) {
    #sp-header.header-with-modal-menu #offcanvas-toggler { display: flex !important }
    #sp-header.full-header-center #offcanvas-toggler.mega,
    #sp-header.header-with-modal-menu #offcanvas-toggler.mega,
    #sp-header.full-header-left #offcanvas-toggler.mega,
    #sp-header.lg-header #offcanvas-toggler.mega,
    #sp-header.header-with-social #offcanvas-toggler.mega { display: flex !important }
    #sp-header.lg-header #offcanvas-toggler.mega { display: none !important }
    #sp-header.lg-header .offcanvas-toggler-left.offcanvas { display: flex !important }
}

@media(max-width: 1199px) {
    #offcanvas-toggler { height: 50px; line-height: 50px }
}

@media(max-width: 575px) {
    #offcanvas-toggler { height: 50px; line-height: 50px }
    .header-has-modules #offcanvas-toggler { height: auto; line-height: 1.2 }
}
.header-has-modules #offcanvas-toggler { margin-right: 20px; margin-left: 0 }
#sp-header #offcanvas-toggler.offcanvas,
#sp-header #offcanvas-toggler.mega { display: none !important }
#sp-header.full-header-left #offcanvas-toggler.offcanvas,
#sp-header.full-header-center #offcanvas-toggler.offcanvas,
#sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas,
#sp-header.lg-header #offcanvas-toggler.offcanvas,
#sp-header.header-with-social #offcanvas-toggler.offcanvas { display: flex !important }
#sp-header.full-header-left .menu-with-offcanvas #offcanvas-toggler,
#sp-header.full-header-center .menu-with-offcanvas #offcanvas-toggler,
#sp-header.header-with-modal-menu .menu-with-offcanvas #offcanvas-toggler,
#sp-header.lg-header .menu-with-offcanvas #offcanvas-toggler,
#sp-header.header-with-social .menu-with-offcanvas #offcanvas-toggler { display: none !important }
#sp-header.lg-header #offcanvas-toggler { margin-right: 20px; margin-left: 0px }
#sp-header.lg-header #offcanvas-toggler.offcanvas-toggler-right.offcanvas { display: none !important }
#sp-header.lg-header #sp-logo #offcanvas-toggler { display: none }
#sp-header.header-with-modal-menu #offcanvas-toggler { display: none !important }
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler { z-index: 10; }
#sp-header-topbar #sp-logo #offcanvas-toggler { display: none !important }

.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span { background-color: #181623 }
.offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1) { transform: translate(0, 8px) rotate(-45deg) }
.offcanvas-active .burger-icon>span:nth-child(2), #modal-menu-toggler.active .burger-icon>span:nth-child(2) { opacity: 0 }
.offcanvas-active .burger-icon>span:nth-child(3), #modal-menu-toggler.active .burger-icon>span:nth-child(3) { transform: translate(0, -5px) rotate(45deg) }
.offcanvas-active .close-offcanvas .burger-icon>span { transition-delay: .2s }

@media (min-width: 769px) and (max-width: 990px) {
    .offcanvas-toggler { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; }
}
@media (max-width: 991px) {
    .offcanvas-toggler { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; }
}
.offcanvas-menu .hide-on-offcanvas { display: none !important; }
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas { color: #252525; }
#offcanvas-toggler { display: inline-flex; align-items: center; font-size: 20px }
#offcanvas-toggler>span:hover { color: #fff }
.offcanvas-init { overflow-x: hidden; position: relative }
.offcanvas-active .offcanvas-overlay { visibility: visible; opacity: 1 }
.offcanvas-overlay { background: rgba(0, 0, 0, .7); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 9999; visibility: hidden; -webkit-transition: .4s; transition: .4s; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px) }
.body-wrapper { position: relative; -webkit-transition: .4s; transition: .4s; backface-visibility: hidden }
.close-offcanvas { position: absolute; top: 25px; z-index: 1 }

.offcanvas-menu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 60px;
    bottom: 0;
    overflow: hidden;
    -webkit-transition: all .4s;
    transition: all .4s;
    z-index: 10000;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

body.ltr.offcanvs-position-left .offcanvas-menu { left: -100%; top: 60px; }
body.ltr.offcanvs-position-right .offcanvas-menu { right: -100%; top: 60px; }
.offcanvas-menu #offcanvas-toggler { display: none !important }

.offcanvas-menu .offcanvas-inner {
    padding: 20px 0px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 150px;
}
.offcanvas-menu .offcanvas-inner::-webkit-scrollbar { display: none; }
.offcanvas-menu .offcanvas-inner .header-modules { margin-left: 0px }
.offcanvas-menu .offcanvas-inner .finder,
.offcanvas-menu .offcanvas-inner .sp-sign-in,
.offcanvas-menu .offcanvas-inner .sp-profile-wrapper .user-text { margin-bottom: 10px; padding: 0 20px; }
.offcanvas-menu .offcanvas-inner .sp-sign-in .signin-text,
.offcanvas-menu .offcanvas-inner .sp-profile-wrapper .user-text { display: none !important }
.offcanvas-menu .offcanvas-inner .sp-contact-info,
.offcanvas-menu .offcanvas-inner .social-icons { font-size: 14px; padding: 0 20px; }
.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a, .offcanvas-menu .offcanvas-inner .social-icons>li>a { opacity: .7 }
.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a:hover, .offcanvas-menu .offcanvas-inner .sp-contact-info>li>a:focus,
.offcanvas-menu .offcanvas-inner .social-icons>li>a:hover, .offcanvas-menu .offcanvas-inner .social-icons>li>a:focus { opacity: 1 }
.offcanvas-menu .offcanvas-inner .sp-contact-info { margin-top: 20px }
.offcanvas-menu .offcanvas-inner .sp-contact-info>li:not(:last-child) { margin-bottom: 10px }
.offcanvas-menu .offcanvas-inner .sp-module { padding: 0 20px; margin: 0 }
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) { margin-right: -15px; margin-bottom: 20px }
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title { font-size: 1rem; font-weight: bold }
.offcanvas-menu .offcanvas-inner .sp-module .awesomplete { width: 210px }
.offcanvas-menu .offcanvas-inner ul.menu,
.offcanvas-menu .offcanvas-inner ul.menu ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}
.offcanvas-menu .offcanvas-inner ul.menu > li {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
}
.offcanvas-menu .offcanvas-inner ul.menu li a,
.offcanvas-menu .offcanvas-inner ul.menu li span {
    display: block;
    position: relative;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    padding: 14px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #fff;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: none !important;
    box-sizing: border-box;
}

.offcanvas-menu .offcanvas-inner ul.menu li.menu-divider > span { cursor: pointer; }

.offcanvas-menu .offcanvas-inner ul.menu li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu li span:hover {
    color: #0b45bb;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active > a,
.offcanvas-menu .offcanvas-inner ul.menu li.active > span {
    color: #0b45bb;
    font-weight: 600;
}
.offcanvas-menu .offcanvas-inner ul.menu li .menu-toggler {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #bbb;
    cursor: pointer;
    transition: color 0.3s ease;
    background-color: transparent;
    z-index: 10;
}

.offcanvas-menu .offcanvas-inner ul.menu li .menu-toggler:hover {
    color: #0b45bb;
}

.offcanvas-menu .offcanvas-inner ul.menu li a:hover .menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu li span:hover .menu-toggler {
    color: #0b45bb;
}

.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child {
    display: none;
    background-color: #fff;
    padding: 0;
    box-shadow: inset 0 3px 6px -3px rgba(0,0,0,0.05);
}

.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child li a,
.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child li span {
    font-size: 16px;
    padding-left: 0;
    color: #555;
}

.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child li span:hover {
    color: #0b45bb;
}

.offcanvas-menu .offcanvas-inner ul.menu ul ul li a {
    padding-left: 60px;
}

.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent>a:after,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent>span:after,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent>a:before,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent>span:before {
    display: none !important; content: none !important;
}

.offcanvas-menu .offcanvas-inner ul.menu li .menu-toggler:after {
    font-family: "Font Awesome 6 Free";
    content: "\f105";
    font-weight: 900;
}

.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent-open > .menu-toggler:after,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent-open > a > .menu-toggler:after,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent-open > span > .menu-toggler:after,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent-open > .menu-separator > .menu-toggler:after {
    transform: rotate(90deg);
    color: #0b45bb;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li { border-bottom: none; margin-bottom: 0 }
.offcanvas-menu.center-alignment .offcanvas-inner { padding: 0px 15px }

body.ltr #offcanvas-toggler.offcanvas-toggler-right { float: right; margin-left: 20px }
body.ltr #offcanvas-toggler.offcanvas-toggler-left { float: left; margin-right: 20px }
body.ltr.offcanvs-position-left .body-wrapper { left: 0 }
/* ИЗМЕНЕНО: Добавлен !important и width: 100% для исправления сдвига в Firefox */
body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu { left: 0 !important; top: 0 !important; width: 100% !important; transform: none !important; }

body.ltr.offcanvs-position-right .body-wrapper { right: 0 }
/* ИЗМЕНЕНО: Добавлен !important и width: 100% для исправления сдвига в Firefox */
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu { right: 0 !important; top: 0 !important; width: 100% !important; transform: none !important; }

body.ltr .close-offcanvas {
	right: 40px;
	top: 35px;
}

@keyframes spFadeIn { from { opacity: 0 } to { opacity: 1 } }
@keyframes spFadeInUp { 0% { opacity: 0; transform: translateY(20px) } 100% { opacity: 1; transform: translateY(0) } }
@keyframes spFadeInDown { 0% { opacity: 0; transform: translateY(-20px) } 100% { opacity: 1; transform: translateY(0) } }
@keyframes spZoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) } 100% { opacity: 1 } }
@keyframes spRotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { transform-origin: center; transform: none; opacity: 1 } }
@keyframes spPulse { from { opacity: 0; transform: scale3d(1, 1, 1) } 50% { opacity: .5; transform: scale3d(1.05, 1.05, 1.05) } to { opacity: 1; transform: scale3d(1, 1, 1) } }
@keyframes spSpin { to { transform: rotate(360deg) } }
@-webkit-keyframes grdAiguille { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } }
@keyframes grdAiguille { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@-webkit-keyframes ptAiguille { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } }
@keyframes ptAiguille { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@-webkit-keyframes loader1 { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } }
@keyframes loader1 { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@-webkit-keyframes loader6 { 0% { -webkit-transform: rotate(0deg) } 50% { -webkit-transform: rotate(180deg) } 100% { -webkit-transform: rotate(180deg) } }
@keyframes loader6 { 0% { transform: rotate(0deg) } 50% { transform: rotate(180deg) } 100% { transform: rotate(180deg) } }
@keyframes rotate-360 { from { transform: rotate(0) } to { transform: rotate(360deg) } }
@keyframes audioWave { 25% { background-size: .5em 2em, .5em .25em, .5em .25em, .5em .25em, .5em .25em } 37.5% { background-size: .5em .25em, .5em 2em, .5em .25em, .5em .25em, .5em .25em } 50% { background-size: .5em .25em, .5em .25em, .5em 2em, .5em .25em, .5em .25em } 62.5% { background-size: .5em .25em, .5em .25em, .5em .25em, .5em 2em, .5em .25em } 75% { background-size: .5em .25em, .5em .25em, .5em .25em, .5em .25em, .5em 2em } }
@-webkit-keyframes effect-2 { from { transform: rotate(0deg) } to { transform: rotate(360deg) } }
@keyframes effect-2 { from { transform: rotate(0deg) } to { transform: rotate(360deg) } }
@keyframes sequence1 { 0% { height: 10px } 50% { height: 50px } 100% { height: 10px } }
@keyframes sequence2 { 0% { height: 20px } 50% { height: 65px } 100% { height: 20px } }
@keyframes rot1 { 100% { transform: skew(-10deg) translateX(50px) rotate(405deg) } }
@-webkit-keyframes rot1 { 100% { -webkit-transform: skew(-10deg) translateX(50px) rotate(405deg) } }
@keyframes rot2 { 100% { transform: skew(-10deg) rotate(525deg) } }
@-webkit-keyframes rot2 { 100% { -webkit-transform: skew(-10deg) rotate(525deg) } }
@keyframes rot3 { 100% { transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg) } }
@-webkit-keyframes rot3 { 100% { -webkit-transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg) } }
@keyframes width { 10% { width: 10% } 20% { width: 20% } 30% { width: 30% } 40% { width: 40% } 50% { width: 50% } 60% { width: 60% } 70% { width: 70% } 80% { width: 80% } 90% { width: 90% } 100% { width: 100% } }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* ---------------------- Конец Мобильное Меню ---------------------- */

















 /* ---------------------- Копирайт ---------------------- */
.copyright-bottom {
    color: #fff;
    line-height: 1.6;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.copyright-bottom .main-copyright {
    font-size: 0.95rem;
    margin: 0;
    font-weight: 400;
}
.revation-footer {
    display: flex;
    align-items: center;
    gap: 10px;
}

.revation-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #b3b3b3;
    font-size: 0.9rem;
    transition: color 0.3s ease-in-out;
}

.revation-footer span {
    white-space: nowrap;
    padding-right: 8px;
}
.revation-logo {
    width: 46px;
    height: auto;
    filter: brightness(0) invert(80%);
    transition: filter 0.3s ease-in-out;
}
.revation-link:hover {
    color: #3297ff;
}

.revation-link:hover .revation-logo {
    filter: brightness(100%) invert(0);
}
@media (max-width: 768px) {
    .copyright-bottom {
        flex-direction: column;
        justify-content: center;
        text-align: left;
        padding: 0 15px;
    }

    .copyright-bottom .main-copyright {
        font-size: 0.85rem;
        width: 100%;
    }

    .revation-footer {
        width: 100%;
        justify-content: center;
    }

    .revation-footer span {
        font-size: 13px;
    }

    .revation-logo {
        width: 36px;
    }
}
 /* ---------------------- Конец Копирайт ---------------------- */
/* ---------------------- Отображение таблиц ---------------------- */

table {
    margin-bottom: 1.4em;
    width: auto;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #B7B7B7;
    border-radius: 24px;
    overflow: hidden;
    font-size: 16px;
}

thead th {
    background-color: #F7F6F9;
    color: #181623;
    font-weight: bold;
    border-bottom: 1px solid #B7B7B7;
    padding: 15px 20px;
    text-align: left;
}

td {
    padding: 15px;
    border: 0.01px solid #e5e5e5;
    color: #181623;
    vertical-align: top;
}

tbody tr:nth-child(even) td {
    background-color: #F9F4FF;
}
tbody tr:nth-child(odd) td {
    background-color: #ffffff;
}

thead th:first-child,
tbody td:first-child {
    border-right: 1px solid #B7B7B7;
}

tbody tr:last-child td {
    border-bottom: 0;
}

caption {
    padding: 10px;
    font-style: italic;
    color: #666;
}

table.option_tab { margin: 10px 0px 20px 10px; width: 90%; }
table.option_tab>tbody>tr>td:first-child { font-weight: bold; }
table.basic_tab { margin: 10px 0px; width: 100%; }

table td ul {
    margin: 0;
    padding-left: 20px;
}

@media screen and (max-width: 4000px) {
    table.table-nowrap,
    .item-page table {
        display: inline-block !important;
        max-width: 100% !important;
        overflow-x: auto !important;
		height: 100% !important;
        -webkit-overflow-scrolling: touch;
        box-shadow: inset -10px 0 8px -8px rgba(0,0,0,0.1);
    }

    table.table-nowrap td,
    .item-page table td {
        white-space: normal;
        box-sizing: border-box;

        min-width: 120px;
        max-width: 85vw;
    }
}
@media screen and (max-width: 480px) {
    table td ul {
        list-style-type: none !important;
        padding-left: 0 !important;
        margin: 0 !important;
    }

    table td ul li {
        margin-bottom: 8px;
		font-size: 15px;
    }

	tbody tr:last-child td {
        padding: 10px;
    }

    table.table-nowrap tbody,
    .item-page table tbody {
        display: table !important;
        width: max-content !important;
        max-width: 170%;
        min-width: 100% !important;
    }
}
/* ---------------------- Конец отображение таблиц ---------------------- */
/* ---------------------- Адаптивное видео (Responsive Video) ---------------------- */

.videoctege {
    position: relative;
    padding-bottom: 56.25%; /* Соотношение сторон 16:9 (9 / 16 = 0.5625) */
    height: 0;
    overflow: hidden;
    width: 100%;      /* Растягиваем блок на всю ширину родителя */
    max-width: 100%;  /* Гарантия, что блок не вылезет за пределы */
    margin-bottom: 20px; /* Отступ снизу для аккуратности */
    background: #181623; /* Черный фон на случай долгой загрузки */
}

.videoctege iframe,
.videoctege object,
.videoctege embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* ---------------------- Конец Адаптивное видео (Responsive Video) ---------------------- */

/* ---------------------- Блок Предметы (Категории) ---------------------- */
.cat-subject-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-start;
    width: 100%;
    padding: 20px 0;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}
.cat-subject-container:active {
    cursor: grabbing;
}

.cat-subject-item {
    flex: 0 0 auto;
}
.cat-subject-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #181623;
    border-radius: 50px;
    padding: 10px 25px;
    color: #181623;
    transition: all 0.3s ease;
    box-sizing: border-box;
    min-height: 46px;
}

.cat-subject-title {
    font-size: 15px;
    text-transform: uppercase;
    font-family: sans-serif;
    line-height: 1.2;
    white-space: nowrap;
}

.cat-subject-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 10px;
    display: block;
    pointer-events: none;
}

.cat-subject-link:hover,
.cat-subject-link:focus {
    background-color: #FFF0E6;
    border-color: #181623;
    text-decoration: none;
    color: #181623;
}

@media (max-width: 768px) {
    .cat-subject-container {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        gap: 10px;
        padding: 10px;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .cat-subject-container::-webkit-scrollbar {
        display: none;
    }

    .cat-subject-link {
        padding: 8px 15px;
        min-height: 38px;
    }

    .cat-subject-title {
        font-size: 12px;
    }

    .cat-subject-icon {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }
}
/* ---------------------- Конец Блок Предметы ---------------------- */
/* ---------------------- Блок Твой путь ---------------------- */
    #swipe-slider-root {
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        padding: 20px 0;
        position: relative;
    }
    #swipe-slider-root * { box-sizing: border-box; }

    .swipe-slider-wrapper {
        margin: 0 auto;
        position: relative;
    }
    .swipe-slider-scroll-container {
        display: flex;
        width: 100%;
        position: relative;
        flex-wrap: wrap;
        justify-content: space-between;

        background: transparent;
        overflow: visible;
    }

    .swipe-slider-item {
        position: relative;
        width: calc(50% - 7.5px);
        min-height: 480px;
        display: flex;
        flex-direction: column;
        justify-content: center;

        border-radius: 32px;
        overflow: hidden;
    }

    .swipe-slider-text-part {
        background-color: #E0D4FC;
        padding: 40px 50px 80px 50px;
        z-index: 2;
    }

    .swipe-slider-image-part {
        background-color: #eee;
        padding: 0;
        z-index: 1;
        position: relative;
    }

    .swipe-slider-image-part img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        pointer-events: none;
    }

    .swipe-slider-decor {
        position: absolute;
        bottom: -1px;
        width: 302px;
        height: 118px;
        z-index: 10;
        pointer-events: none;
        display: block;
    }

    .swipe-slider-decor svg {
        display: block;
        width: 100%;
        height: 100%;
        fill: #fff;
    }

    .swipe-slider-decor-left { right: -1px; }
    .swipe-slider-decor-right { left: -1px; transform: scaleX(-1); }

    .swipe-slider-content h2 {
        font-size: 38px;
        line-height: 1.1;
        color: #181623;
        margin: 0 0 24px 0;
		text-transform: inherit;
    }
    .swipe-slider-content h2 img {
        height: 0.8em;
        vertical-align: middle;
        margin: 0 0 4px 5px;
        display: inline-block;
    }
    .swipe-slider-highlight { color: #FE633C; }

    .swipe-slider-content p {
        font-size: 16px;
        line-height: 1.5;
        color: #4A4559;
        margin: 0 0 35px 0;
        max-width: 95%;
        font-weight: 500;
    }
    .swipe-slider-btn {
        display: inline-flex;
        align-items: center;
        font-weight: 700;
        background: #FFFFFF;
        color: #181623;
        text-decoration: none;
        font-size: 16px;
        padding: 8px 8px 8px 24px;
        border-radius: 50px;
        transition: transform 0.2s;
    }
    .swipe-slider-btn:hover {
        transform: scale(1.02);
    }

    .swipe-slider-btn-icon {
        width: 44px;
        height: 44px;
        background: #181623;
        border-radius: 50%;
        margin-left: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.3s;
    }

    .swipe-slider-btn:hover .swipe-slider-btn-icon {
        background: #FE633C;
        transform: translateX(6px);
    }
    .swipe-slider-btn-icon svg { width: 14px; fill: #fff; }

    .swipe-slider-footer-desc {
    background: transparent !important;
    text-align: center;
    font-size: 18px;
    position: relative;
    z-index: 20;
    margin-top: -65px;
    margin-left: auto;
    margin-right: auto;
    max-width: 340px;
	font-weight: 600;
    }
    .swipe-slider-indicators {
        display: none;
        justify-content: center;
        padding: 15px 0 0 0;
        gap: 10px;
    }
    .swipe-slider-dot {
        height: 4px;
        width: 50%;
        max-width: 140px;
        background-color: #E0E0E0;
        border-radius: 2px;
        transition: background-color 0.3s ease;
    }
    .swipe-slider-dot.active { background-color: #181623; }

    @media (max-width: 991px) {
        .swipe-slider-scroll-container {
            flex-wrap: nowrap;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;

            justify-content: flex-start;
            gap: 0;
            background: #fff;
            border-radius: 20px;
        }
        .swipe-slider-scroll-container::-webkit-scrollbar { display: none; }

        .swipe-slider-item {
            width: 100%;
            min-width: 100%;
            scroll-snap-align: start;
            min-height: auto;
            border-radius: 0;
        }

        .swipe-slider-text-part {
            padding: 30px 20px 100px 20px;
            border-radius: 20px 20px 0 0;
        }

        .swipe-slider-image-part {
            border-radius: 20px 20px 0 0;
        }

        .swipe-slider-decor {
            display: block !important;
            width: 50%;
            min-width: 150px;
            height: auto;
        }

        .swipe-slider-decor-left { right: -1px; bottom: -1px; }
        .swipe-slider-decor-right { left: -1px; bottom: -1px; }

        .swipe-slider-footer-desc {
            background: #fff !important;
            margin-top: 0;
            margin-left: 0;
            margin-right: 0;
            max-width: 100%;
            padding: 20px;
            border-radius: 0 0 20px 20px;
            z-index: 5;
            pointer-events: auto;
        }

        .swipe-slider-indicators { display: flex; }
        .swipe-slider-content h2 { font-size: 28px; }
    }
/* ---------------------- Конец Блок Твой путь ---------------------- */
/* ---------------------- Блок Все самое нужное ---------------------- */
#cat-works-module {
    padding: 60px 0;
    overflow: hidden;
    width: 100%;
}

#cat-works-module .cat-works-container {
    margin: 0 auto;
    position: relative;
}

#cat-works-module .cat-works-heading {
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0;
    text-align: center;
    z-index: 10;
    pointer-events: none;
}

#cat-works-module .cat-works-heading h2,
#cat-works-module .cat-works-heading .h2 {
    font-size: 48px;
    margin: 0;
    pointer-events: auto;
    background: transparent;
    text-transform: revert;
}

#cat-works-module .cat-works-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

#cat-works-module .cat-works-box {
    border-radius: 32px;
    padding: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    transition: transform 0.3s ease;
    box-sizing: border-box;
}

@keyframes cat-works-shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    50% { transform: translateX(4px); }
    75% { transform: translateX(-4px); }
    100% { transform: translateX(0); }
}

#cat-works-module .cat-works-box:hover {
    animation: cat-works-shake 0.4s ease-in-out;
}

#cat-works-module .cat-works-orange {
    background-color: #FF633C;
    color: #fff;
}

#cat-works-module .cat-works-grey {
    background-color: #6F7082;
    color: #fff;
}

#cat-works-module .cat-works-lavender {
    background-color: #DBCBFF;
    color: #181623;
}

#cat-works-module .cat-works-item-1 {
    width: calc(25% - 15px);
    height: 340px;
}

#cat-works-module .cat-works-item-2 {
    width: calc(25% - 15px);
    height: 240px;
    align-self: flex-end;
}

#cat-works-module .cat-works-item-3 {
    width: calc(25% - 15px);
    height: 240px;
    align-self: flex-end;
}

#cat-works-module .cat-works-item-4 {
    width: calc(25% - 15px);
    height: 340px;
}

#cat-works-module .cat-works-item-5 {
    width: calc(37% - 14px);
    height: 200px;
}

#cat-works-module .cat-works-item-6 {
    width: calc(26% - 12px);
    height: 200px;
}

#cat-works-module .cat-works-item-7 {
    width: calc(37% - 14px);
    height: 200px;
}

#cat-works-module .cat-works-title {
	font-size: 28px;
    line-height: 1.1;
    margin: 0;
    z-index: 5;
    position: relative;
    max-width: 95%;
    text-transform: initial;
}

#cat-works-module .cat-works-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#cat-works-module .cat-works-svg-wrapper {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 96px;
    height: 95px;
    z-index: 2;
    pointer-events: none;
}
#cat-works-module .cat-works-svg-wrapper svg {
    display: block;
    width: 100%;
    height: 100%;
}
#cat-works-module .cat-works-svg-wrapper path {
    fill: #fff;
}

#cat-works-module .cat-works-readmore {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 20;
    pointer-events: none;
}

#cat-works-module .cat-works-icon {
    width: 44px;
    height: 44px;
    background-color: #484848;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s;
}

#cat-works-module .cat-works-icon svg {
    width: 16px;
    fill: #fff;
}

#cat-works-module .cat-works-box:hover .cat-works-icon {
    transform: scale(1.1);
}

@media (max-width: 991px) {
    #cat-works-module .cat-works-heading {
        position: static;
        margin-bottom: 30px;
        pointer-events: auto;
    }

    #cat-works-module .cat-works-item-1,
    #cat-works-module .cat-works-item-2,
    #cat-works-module .cat-works-item-3,
    #cat-works-module .cat-works-item-4,
    #cat-works-module .cat-works-item-5,
    #cat-works-module .cat-works-item-6,
    #cat-works-module .cat-works-item-7 {
        width: calc(50% - 10px) !important;
        height: 220px !important;
        min-height: 220px !important;
        align-self: stretch !important;
    }
	#cat-works-module .cat-works-title{
	font-size: 20px;
	}
	#cat-works-module .cat-works-heading h2, #cat-works-module .cat-works-heading .h2 {
    font-size: 28px;
	}
}
/* ---------------------- Конец Блок Все самое нужное ---------------------- */
/* ---------------------- Блок Советы с галереей ---------------------- */
.categ-gallery-main-item[data-target="categ-modal-1"] .categ-gallery-main-circle-wrap { border-color: #FF633C; }
.categ-gallery-main-item[data-target="categ-modal-1"] .categ-gallery-main-overlay { background-color: #FF633C; }
#categ-modal-1 .categ-gallery-main-text-box { background-color: #FF633C; color: #fff; }
.categ-gallery-main-item[data-target="categ-modal-2"] .categ-gallery-main-circle-wrap { border-color: #6F7082; }
.categ-gallery-main-item[data-target="categ-modal-2"] .categ-gallery-main-overlay { background-color: #6F7082; }
#categ-modal-2 .categ-gallery-main-text-box { background-color: #6F7082; color: #fff; }
.categ-gallery-main-item[data-target="categ-modal-3"] .categ-gallery-main-circle-wrap { border-color: #DBCBFF; }
.categ-gallery-main-item[data-target="categ-modal-3"] .categ-gallery-main-overlay { background-color: #DBCBFF; }
#categ-modal-3 .categ-gallery-main-text-box { background-color: #DBCBFF; color: #181623; }
#categ-modal-3 .categ-gallery-main-tag { border-color: rgba(24, 22, 35, 0.3); }
.categ-gallery-main-item[data-target="categ-modal-4"] .categ-gallery-main-circle-wrap { border-color: #FF633C; }
.categ-gallery-main-item[data-target="categ-modal-4"] .categ-gallery-main-overlay { background-color: #FF633C; }
#categ-modal-4 .categ-gallery-main-text-box { background-color: #FF633C; color: #fff; }
.categ-gallery-main-item[data-target="categ-modal-5"] .categ-gallery-main-circle-wrap { border-color: #6F7082; }
.categ-gallery-main-item[data-target="categ-modal-5"] .categ-gallery-main-overlay { background-color: #6F7082; }
#categ-modal-5 .categ-gallery-main-text-box { background-color: #6F7082; color: #fff; }
.categ-gallery-main-item[data-target="categ-modal-6"] .categ-gallery-main-circle-wrap { border-color: #DBCBFF; }
.categ-gallery-main-item[data-target="categ-modal-6"] .categ-gallery-main-overlay { background-color: #DBCBFF; }
#categ-modal-6 .categ-gallery-main-text-box { background-color: #DBCBFF; color: #181623; }
#categ-modal-6 .categ-gallery-main-tag { border-color: rgba(24, 22, 35, 0.3); }

#categ-gallery-main-section {
    padding: 40px 0;
    background: #fff;
}

.categ-gallery-main-container {
    margin: 0 auto;
}

.categ-gallery-main-row {
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
    gap: 70px;
}
.com-content-article__body .categ-gallery-main-row{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 30px;
    padding: 0 30px;
}

.com-content-article__body #categ-gallery-main-section {
    padding: 0;
}

@media (min-width: 1400px) and (max-width: 1599px) {
.com-content-article__body .categ-gallery-main-circle-wrap {
  width: 110px;
  height: 110px;
}
.com-content-article__body .categ-gallery-main-row {
    gap: 10px;
}
}
@media (min-width: 1300px) and (max-width: 1399px) {
.com-content-article__body .categ-gallery-main-circle-wrap {
  width: 100px;
  height: 100px;
}
.com-content-article__body .categ-gallery-main-row {
    gap: 15px;
}
}

@media (min-width: 1200px) and (max-width: 1299px) {
.com-content-article__body .categ-gallery-main-circle-wrap {
  width: 90px;
  height: 90px;
}
.com-content-article__body .categ-gallery-main-row {
    gap: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.com-content-article__body .categ-gallery-main-circle-wrap {
  width: 90px;
  height: 90px;
}
.com-content-article__body .categ-gallery-main-row {
    gap: 10px;
}
}

@media (max-width: 768px) {
    .categ-gallery-main-row {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 20px;

        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;

        gap: 0;
    }

    .categ-gallery-main-row::-webkit-scrollbar {
        display: none;
    }
    .categ-gallery-main-row {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .categ-gallery-main-item {
        flex: 0 0 auto;
        margin-right: 20px;
    }

    .categ-gallery-main-item:last-child {
        margin-right: 0;
    }
}

.categ-gallery-main-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 110px;
    user-select: none;
    -webkit-user-select: none;
}

.categ-gallery-main-item:hover {
    transform: translateY(-8px);
}

.categ-gallery-main-circle-wrap {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding: 10px;
    border: 1px solid;
    position: relative;
    overflow: hidden;
}

.categ-gallery-main-circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.categ-gallery-main-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease;
    z-index: 2;
}

.categ-gallery-main-item:hover .categ-gallery-main-overlay {
    opacity: 0;
}

.categ-gallery-main-label {
    margin-top: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #181623;
    text-align: center;
    line-height: 1.2;
}

.categ-gallery-main-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.categ-gallery-main-modal.active {
    opacity: 1;
    visibility: visible;
}

.categ-gallery-main-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(5px);
}

.categ-gallery-main-content {
    width: 100%;
    max-width: 420px;
    height: 85vh;
    max-height: 800px;
    background: #181623;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    transform: scale(0.95);
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.categ-gallery-main-modal.active .categ-gallery-main-content {
    transform: scale(1);
}

.categ-gallery-main-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    z-index: 30;
    line-height: 1;
    opacity: 0.8;
}
.categ-gallery-main-close:hover { opacity: 1; }

.categ-gallery-main-progress-container {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    gap: 5px;
    z-index: 25;
}

.categ-gallery-main-progress-bar {
    flex: 1;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    overflow: hidden;
}

.categ-gallery-main-progress-fill {
    height: 100%;
    background: #fff;
    width: 0%;
    transition: width 0.1s linear;
}
.categ-gallery-main-progress-fill.filled { width: 100%; }

.categ-gallery-main-slider-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.categ-gallery-main-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
}

.categ-gallery-main-slide.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 5;
}

.categ-gallery-main-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.categ-gallery-main-text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    padding: 30px;
    border-radius: 24px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    z-index: 10;
}

.categ-gallery-main-tag {
    display: inline-block;
    border: 1px solid rgba(255,255,255,0.5);
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.categ-gallery-main-text-box h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 15px 0;
    line-height: 1.2;
}

.categ-gallery-main-text-box p {
    font-size: 15px;
    line-height: 1.5;
    opacity: 0.9;
    margin: 0;
}
.categ-gallery-main-nav-left,
.categ-gallery-main-nav-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 35%;
    z-index: 12;
}
.categ-gallery-main-nav-left { left: 0; }
.categ-gallery-main-nav-right { right: 0; }

@media (max-width: 576px) {
    .categ-gallery-main-content {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
    }
}
/* ---------------------- Конец Блок Советы с галереей ---------------------- */
/* ---------------------- Блок Правда или миф ---------------------- */
:root {
    --quiz-card-bg: #dcbfff;
    --quiz-card-bg-error: #fbf8ff;
    --quiz-card-text: #181623;
    --quiz-card-btn-bg: #ffffff;
    --quiz-card-btn-text: #181623;
    --quiz-card-radius: 44px 44px 0px 44px;
    --quiz-card-height: 340px;
}
#quiz-card-1 .quiz-card-face {
    background-image: url('/images/blogs-img/flip-arrow-1.png');
    background-size: 80%;
}

#quiz-card-2 .quiz-card-face {
    background-image: url('/images/blogs-img/flip-arrow-2.png');
    background-position: left 0px bottom 15px;
    background-size: 80%;
}

#quiz-card-3 .quiz-card-face {
    background-image: url('/images/blogs-img/flip-arrow-3.png');
    background-position: right -10px bottom -20px;
    background-size: 80%;
}
.quiz-card-section {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

.quiz-card-main-title {
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #2d2d2d;
}

.quiz-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.quiz-card-container {
    background-color: transparent;
    height: var(--quiz-card-height);
    perspective: 1000px;
    cursor: default;
    flex-shrink: 0;
}

.quiz-card-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s cubic-bezier(0.4, 0.2, 0.2, 1);
    transform-style: preserve-3d;
    border-radius: var(--quiz-card-radius);
}

.quiz-card-container.is-flipped .quiz-card-wrapper {
    transform: rotateY(180deg);
}

.quiz-card-face {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: var(--quiz-card-radius);
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    text-align: left;
    background-repeat: no-repeat;
}

.quiz-card-front {
    background-color: var(--quiz-card-bg);
    color: var(--quiz-card-text);
}

.quiz-card-back {
    transform: rotateY(180deg);
    justify-content: flex-start;
    background-color: var(--quiz-card-bg);
    color: var(--quiz-card-text);
}

.quiz-card-container.quiz-card-error .quiz-card-back {
    background-color: var(--quiz-card-bg-error);
    color: #333;
}

.quiz-card-question {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    margin: 0;
}

.quiz-card-actions {
    display: flex;
    gap: 15px;
    width: 100%;
    margin-top: auto;
}

.quiz-card-btn {
    flex: 1;
    background-color: var(--quiz-card-btn-bg);
    color: var(--quiz-card-btn-text);
    border: none;
    padding: 12px 20px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-align: center;
}

.quiz-card-btn[data-choice="myth"] {
    background-color: #fe633c;
    color: #ffffff;
}

.quiz-card-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.quiz-card-status {
    font-size: 14px;
    opacity: 0.8;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.quiz-card-result-headline {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 15px 0;
}

.quiz-card-result-text {
    font-size: 15px;
    line-height: 1.5;
    opacity: 0.95;
}
@media (max-width: 768px) {
    .quiz-card-section {
        padding: 30px 0;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .quiz-card-main-title {
        padding: 0 20px;
        font-size: 28px;
        margin-bottom: 30px;
		font-weight: 500;
    }

    .quiz-card-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 15px;
        padding: 0 20px 20px 20px;

        cursor: grab;
        -webkit-overflow-scrolling: touch;
        user-select: none;
        -webkit-user-select: none;

        scrollbar-width: thin;
        scrollbar-color: #dcbfff transparent;
    }
    .quiz-card-grid::-webkit-scrollbar {
        display: block;
        height: 6px;
        background-color: transparent;
    }

    .quiz-card-grid::-webkit-scrollbar-thumb {
        background-color: #dcbfff;
        border-radius: 10px;
    }

    .quiz-card-grid::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .quiz-card-grid:active {
        cursor: grabbing;
    }

    .quiz-card-container {
        min-width: 85vw;
        width: 85vw;
        height: 380px;
    }

    .quiz-card-question {
        font-size: 24px;
        font-weight: 500;
    }
}
@media (max-height: 600px) and (orientation: landscape) {
    :root {
        --quiz-card-height: 280px;
    }

    .quiz-card-section {
        padding: 20px 0;
    }

    .quiz-card-main-title {
        font-size: 24px;
        margin-bottom: 20px;
    }


    .quiz-card-face {
        padding: 20px;
    }

    .quiz-card-question {
        font-size: 24px;
        font-weight: 500;
    }

    .quiz-card-btn {
        padding: 8px 15px;
        font-size: 14px;
    }

    .quiz-card-result-headline {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .quiz-card-result-text {
        font-size: 15px;
    }
}
/* ---------------------- Конец Блок Правда или миф ---------------------- */
/* ---------------------- Блок Предметы ---------------------- */
#sp-position-7{
background: linear-gradient(229.88deg, rgb(112, 111, 128) 4.423%, rgb(166, 164, 186) 90.965%);
border-radius: 44px;
margin-bottom: 60px;
}
.main-lessons {
    position: relative;
    padding-top: 0;
    padding-bottom: 30px;
    width: 100%;
}
.main-lessons-list.row a{
	font-size: 44px;
    font-weight: 400;
    transition: all 0.1s ease-in-out;
    color: #fff;
}
.main-lessons-list.row a:hover{
	color: var(--color-4);
	text-decoration: underline;
	text-underline-position: under;
}
.main-lessons__header {
    position: relative;
    width: 482px;
    max-width: 100%;
    margin: 0 auto 30px auto;
    height: 78px;
}

.main-lessons .svg-wrapper {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.main-lessons .svg-wrapper svg {
    display: block;
    width: 100%;
    height: auto;
}

.main-lessons .heading__title {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.main-lessons h2 {
	margin-top: -30px;
    padding-bottom: 10px;
    font-size: 48px;
    font-weight: 500;
    color: #333333;
    text-transform: initial;
}

.main-lessons-list.row {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 40px;
	margin-left: 100px;
}

.main-lessons-list li {
    text-align: left;
    padding-left: 20px;
}

.main-lessons-list li a {
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
    font-weight: 400;
    transition: opacity 0.3s ease;
}

.main-lessons-list li a:hover {
    opacity: 0.8;
    text-decoration: none;
}
@media (max-width: 576px) {
    .main-lessons__header {
        width: 100%;
    }
    .main-lessons-list.row {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .main-lessons-list li {
        padding-left: 0;
        text-align: center;
    }
	.main-lessons .svg-wrapper {
    display: none;
}
    .main-lessons-list.row {
	margin-left: 0;
	}
.main-lessons-list.row a{
	font-size: 28px;
}
#sp-position-7{
top: 90px;
position: relative;
margin: 0 10px 130px 10px;
}
.main-lessons .heading__title {
    margin: -60px;
}
.main-lessons h2 {
    font-size: 28px;
}
}
@media (min-width: 576px) and (max-width: 992px) {
.main-lessons-list.row {
    gap: 15px 40px;
    margin-left: 0;

}
.main-lessons h2 {
    font-size: 28px;
}
.main-lessons-list.row a {
    font-size: 22px;
}
}
/* ---------------------- Конец Блок Предметы ---------------------- */
/* ---------------------- Блок Footer info ---------------------- */
#sp-footer-info{
    background: #181623;
    color: #fff;
	border-radius: 44px 44px 0 0;
}
.main-footer-info {
    padding-top: 40px;
    color: #ffffff;
    font-size: 16px;
}
.main-footer-info__top-row {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    gap: 40px;
}

.main-footer-info__logo {
    color: #f2542d;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.5px;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.main-footer-info__logo:hover {
    color: #f2542d;
    text-decoration: none;
    opacity: 0.8;
}

.main-footer-info__main-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
}

.main-footer-info__main-nav li a {
    color: #fff !important;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    transition: color 0.2s;
}

.main-footer-info__main-nav li a:hover {
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-style: dotted;
	text-underline-position: none;
    color: #397be7 !important;
}

.main-footer-info__sub-row {
    margin-bottom: 20px;
    font-size: 15px;
}

.main-footer-info__sub-row a.mail-link {
    color: #fff;
    text-decoration: none;
}

.main-footer-info__sub-row a.mail-link:hover {
    text-decoration: underline;
}

.main-footer-info__sub-row a.blue-link {
    color: #3b82f6;
    text-decoration: none;
}

.main-footer-info__sub-row a.blue-link:hover {
    text-decoration: underline;
}

.main-footer-info__sub-row .separator {
    margin: 0 5px;
    color: #888;
}

.main-footer-info__sub-row .archive-label {
    color: #ffffff;
    margin-right: 5px;
}

.main-footer-info__legal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
}

.main-footer-info__legal-links a {
    color: #a1a1aa;
    text-decoration: none;
    font-size: 15px;
    transition: color 0.2s;
}

.main-footer-info__legal-links a:hover {
    color: #ffffff;
	text-decoration: underline;
    text-underline-position: under;
    text-decoration-style: dotted;
	text-underline-position: none;
}

@media (max-width: 768px) {
    .main-footer-info__top-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .main-footer-info__main-nav {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }

    .main-footer-info__sub-row {
        line-height: 1.8;
    }

    .footer-archive-group {
        display: block;/
        margin-top: 10px;
    }

    .main-footer-info__legal-links {
        flex-direction: column;
        gap: 10px;
    }
	.main-footer-info__logo {
    font-size: 30px;
}
}
/* ---------------------- Конец Блок Footer info ---------------------- */
/* ---------------------- Модуль поиска ---------------------- */
#sp-search{
    z-index: 1;
}

.mobile-search-trigger {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 5px;
}
.search-modal-close {
    display: none;
}

.search-modal-overlay {
    display: block;
    width: 100%;
}

.custom-finder-form {
    width: 405px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 10px;
    position: relative;
    z-index: 10;
	top: 7px;
}

.custom-finder-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F7F6F9;
    border-radius: 50px;
    height: 48px;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    width: 100%;
    box-shadow: none;
}

div.awesomplete {
    flex-grow: 1;
    width: auto;
    position: static;
}

.awesomplete > ul {
    background: #ffffff;
    border: none;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    padding: 0;
    margin-top: 15px;
    z-index: 100000;
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    left: 0;
    width: 100%;
    min-width: 300px;
    box-sizing: border-box;
    text-align: left;
}

.awesomplete > ul > li {
    padding: 12px 25px;
    font-size: 16px;
    color: #4a4a5e;
    cursor: pointer;
    transition: background 0.2s;
    list-style: none;
}

.awesomplete > ul > li:hover,
.awesomplete > ul > li[aria-selected="true"] {
    background-color: #f0f0f5;
    color: #181623;
}

.awesomplete mark {
    background: transparent;
    font-weight: bold;
    color: #3b5998;
    padding: 0;
}

.custom-finder-wrapper input[type="text"].custom-finder-input:not(.form-control) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 16px;
    color: #4a4a5e;
    margin: 0;
    padding-left: 25px !important;
    padding-right: 10px;
    height: 60px;
    text-align: left;
    box-sizing: border-box;
	font-weight: 300;
}


.custom-finder-wrapper input[type="text"].custom-finder-input::placeholder {
    font-weight: 400;
    color: #8c8c9e;
    opacity: 1;
}

.custom-finder-wrapper input[type="text"].custom-finder-input:focus::placeholder {
    opacity: 0;
    transition: opacity 0.2s;
}

.custom-finder-actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 5px;
    padding-right: 15px;
}

button.custom-finder-reset {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    opacity: 0;
    pointer-events: none;
    width: 0;
    margin: 0;
    transition: all 0.2s ease;
}

button.custom-finder-reset.is-visible {
    opacity: 1;
    pointer-events: auto;
    width: 24px;
    margin-right: 5px;
}

button.custom-finder-reset svg path {
    stroke: #3b5998;
}

button.custom-finder-btn {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
input.custom-finder-input::-webkit-search-decoration,
input.custom-finder-input::-webkit-search-cancel-button,
input.custom-finder-input::-webkit-search-results-button,
input.custom-finder-input::-webkit-search-results-decoration { display: none; }

@media (max-width: 768px) {
    .mobile-search-trigger {
        display: block;
        margin: 0 auto;
    }

    .search-modal-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 99999;
        padding: 20px;
        box-sizing: border-box;
        align-items: flex-start;
        justify-content: center;
        padding-top: 80px;

        backdrop-filter: blur(2px);
    }

    .search-modal-overlay.is-active {
        display: flex;
        animation: fadeIn 0.2s ease-out;
    }


    .search-modal-close {
        display: block;
        position: absolute;
        top: 25px;
        right: 25px;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 100001;
        padding: 5px;
    }

    .custom-finder-form {
        width: 100%;
        max-width: 400px;
        padding-top: 0;
        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@media (min-width: 769px) and (max-width: 991px) {
.custom-finder-form {
    margin-top: -24px;
}
.custom-finder-wrapper {
    height: 48px;
}
}
/* ---------------------- Конец Модуль поиска ---------------------- */
/* ---------------------- Мобильная горизонтальная нижняя панель ---------------------- */
#sp-mobile-menu-down {
    position: fixed;
    z-index: 999;
    bottom: 0;
    top: auto;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.1);
}
@media (max-width: 768px) {
body {
    padding-bottom: 65px;
}
}
@media (min-width: 768px) {
    #sp-mobile-menu-down {
        display: none;
    }
    body {
        padding-bottom: 0;
    }
}
.mod-menu-horiznot,
.mod-menu-horiznot__sub {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mod-menu-horiznot {
  background-color: #ffffff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  border-radius: 0;
}

.mod-menu-horiznot-link {
  text-decoration: none;
  color: #8e8e93;
  font-weight: 400;
  transition: all 0.3s ease;
}

.mod-menu-horiznot-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.mod-menu-horiznot-icon img {
  max-width: 100%;
  height: auto;
  max-height: 28px;
  object-fit: contain;
}

.mod-menu-horiznot-item.current .mod-menu-horiznot-link,
.mod-menu-horiznot-item.active .mod-menu-horiznot-link,
.mod-menu-horiznot-link:hover {
  color: #FF7F50; /
}

.mod-menu-horiznot-item.current .mod-menu-horiznot-icon,
.mod-menu-horiznot-item.active .mod-menu-horiznot-icon {
    color: #FF7F50;
}

@media (min-width: 768px) {
  .mod-menu-horiznot {
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }

  .mod-menu-horiznot > li {
    border-right: 1px solid #eee;
    position: relative;
  }

  .mod-menu-horiznot-link {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    color: #333;
  }

  .mod-menu-horiznot-icon {
    margin-right: 10px;
    width: 24px;
    height: 24px;
    font-size: 16px;
  }

  .mod-menu-horiznot__sub {
    position: absolute;
    top: 100%;
    left: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    min-width: 200px;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
  }

  .mod-menu-horiznot > li:hover > .mod-menu-horiznot__sub {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
  }

  .mod-menu-horiznot-arrow {
     margin-left: 10px;
     transform: rotate(90deg);
  }
}

@media (max-width: 767px) {
  .mod-menu-horiznot.down-mobile-panel {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding: 10px 0;
    position: relative;
    background: #fff;
  }

  .mod-menu-horiznot.down-mobile-panel > li {
    flex: 1 1 0;
    border-bottom: none;
    text-align: center;
  }

  .mod-menu-horiznot.down-mobile-panel .mod-menu-horiznot-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: 11px;
    line-height: 1.4;
  }

  .mod-menu-horiznot.down-mobile-panel .mod-menu-horiznot-icon {
    margin-right: 0;
    margin-bottom: 5px;
    width: auto;
    height: 28px;
    font-size: 24px;
  }

  .mod-menu-horiznot.down-mobile-panel .mod-menu-horiznot-text {
    display: block;
    white-space: nowrap;
  }

  .mod-menu-horiznot.down-mobile-panel .mod-menu-horiznot-arrow,
  .mod-menu-horiznot.down-mobile-panel .mod-menu-horiznot__sub {
    display: none !important;
  }
}
/* ---------------------- Конец Мобильная горизонтальная нижняя панель ---------------------- */
/* ---------------------- Страница контакта автора ---------------------- */
.full-authors-page {
    margin: 0 auto;
    padding: 20px 0;
}
span.contact-category {
text-transform: initial;
}
.icon-address {
display:none;
}
.full-authors-page__header {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 40px;
}

.full-authors-page__avatar {
    flex-shrink: 0;
}

.full-authors-page__avatar img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.full-authors-page__title-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.full-authors-page__name {
    font-size: 32px;
}

.full-authors-page__position {
    font-size: 18px;
    color: #6c757d;
    font-weight: 400;
}
.full-authors-page__body {
    margin-bottom: 40px;
}

.full-authors-page__body h2,
.full-authors-page__body h3,
.full-authors-page__section-title {
    font-size: 28px;
    margin-bottom: 20px;
    margin-top: 30px;
    text-transform: initial;
}
.full-authors-page__body h2:first-child,
.full-authors-page__body h3:first-child {
    margin-top: 0;
}
.full-authors-page__body ul,
.full-authors-page__articles ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}
.full-authors-page__body li {
    margin-bottom: 12px;
    line-height: 1.6;
    font-size: 16px;
}
.full-authors-page__articles {
    margin-top: 40px;
}

.full-authors-page__articles li {
    margin-bottom: 15px;
}

.full-authors-page__articles a {
    color: #2a81dd;
    text-decoration: none;
    font-size: 16px;
}

.full-authors-page__articles a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .full-authors-page__header {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .full-authors-page__avatar img {
        width: 120px;
        height: 120px;
    }
	.full-authors-page {
    padding: 20px;
}
.full-authors-page__name {
    font-size: 24px;
}
}
/* ---------------------- Конец Страница контакта автора ---------------------- */

/* ---------------------- Хлебные крошки ---------------------- */
.sp-page-title .breadcrumb {
    background: none;
    padding: 0;
    margin: 10px 0 0 0;
}
.sp-page-title .breadcrumb > .active {
    color: rgba(255, 255, 255, .8);
}
.sp-page-title .breadcrumb > span,
.sp-page-title .breadcrumb > li,
.sp-page-title .breadcrumb > li + li:before,
.sp-page-title .breadcrumb > li > a {
    color: #fff;
}
.breadcrumb {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: .75rem 1rem;
    margin: 0;
    font-size: 15px;
    list-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.breadcrumb::-webkit-scrollbar {
    display: none;
}
.breadcrumb-item,
.breadcrumb > li {
    flex-shrink: 0;
    color: #ff6b40;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x, 0.5rem);
}
.breadcrumb a {
    color: #a1a1aa;
    text-decoration: none;
}
.breadcrumb a:hover {
    color: #ff6b40;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "\f105";
    padding-right: 6px;
    color: #ff6b40;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    float: none;
}
.breadcrumb > .active,
.breadcrumb-item.active {
    color: #a1a1aa;
}

.breadcrumb.active-drag {
    cursor: grabbing;
    user-select: none;
}
/* ---------------------- Конец Хлебные крошки ---------------------- */
 /* ---------------------- Пагинация материалов ---------------------- */
.pagination-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px 0;
    border-radius: 8px;
}

.pagination .page-item {
    display: inline-block;
    margin: 0;
}

.pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid #444;
    text-decoration: none;
    transition: all 0.2s ease;
    line-height: 1;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
    background-color: #333;
    color: #fff;
    border-color: #666;
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.pagination .page-item.active .page-link {
    background-color: #4a4a4a;
    color: #fff;
    border-color: #ddd;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.pagination .page-item.disabled .page-link {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Стрелки ">", ">>" */
.pagination .page-link.next,
.pagination .page-link.previous {
    font-size: 1.1rem;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Для мобильных */
@media (max-width: 768px) {
    .pagination {
        gap: 4px;
        padding: 0;
    }
    .pagination .page-link {
        width: 36px;
        height: 36px;
        font-size: 0.85rem;
    }
}

/* Стили для поля ввода и кнопки */
.jump-input,
.jump-button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    color: #ccc;
    background-color: #222;
    border: 1px solid #444;
    border-radius: 50%;
    transition: all 0.2s ease;
    cursor: pointer;
}

.jump-input:hover,
.jump-button:hover {
    background-color: #333;
    color: #fff;
    border-color: #666;
}

.jump-input:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}

@media (max-width: 768px) {
    .jump-input {
        width: 50px !important;
        height: 40px !important;
        font-size: 0.8rem !important;
    }
    .jump-button {
        width: 40px !important;
        height: 40px !important;
        font-size: 0.75rem !important;
    }
}
 /* ---------------------- Конец Пагинация материалов ---------------------- */
  /* ---------------------- Категории материалов ---------------------- */
    .categories-article-board-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 20px;
        margin-bottom: 30px;
        transition: opacity 0.3s ease;
    }
     .categories-article-board-card-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        text-decoration: none !important;
        background: transparent;
    }
    .categories-article-board-grid.loading-content {
        opacity: 0.5;
        pointer-events: none;
    }

    @media (min-width: 768px) {
        .categories-article-board-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (min-width: 1024px) {
        .categories-article-board-grid {
            grid-template-columns: repeat(3, 1fr);
			gap: 20px;
        }
    }

    .categories-article-board-card {
        background-color: #F8F7FF;
        border-radius: 16px;
        padding: 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: transform 0.2s, box-shadow 0.2s, opacity 0.5s ease;
        height: 100%;
        border: 1px solid transparent;
        position: relative;
    }

    @keyframes fadeInCard {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .categories-article-board-card.new-loaded {
        animation: fadeInCard 0.5s forwards;
    }

    .categories-article-board-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        border-color: #E0E0FF;
    }

    .categories-article-board-date {
        font-size: 14px;
        color: #888;
        margin-bottom: 12px;
	
    }

    .categories-article-board-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: auto;
        color: #181623;
		text-transform: inherit;
    }

    .categories-article-board-title a {
        color: inherit;
        text-decoration: none;
    }

    .categories-article-board-title a:hover {
        color: #ff6b40;
    }

    .categories-article-board-meta {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 20px;
        font-size: 14px;
        color: #888;
    }

    .categories-article-board-meta-item {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .categories-article-board-meta-item span[class^="icon-"] {
        font-size: 16px;
    }

    .categories-article-board-loadmore-container {
        display: flex;
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 30px;
        width: 100%;
    }

    .categories-article-board-loadmore-btn {
        background-color: #fff;
        border: 1px solid #333;
        color: #333;
        padding: 10px 30px;
        border-radius: 50px;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.3s ease;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
    }

    .categories-article-board-loadmore-btn:hover {
        background-color: #333;
        color: #fff;
        text-decoration: none;
    }

    .categories-article-board-loadmore-btn.loading {
        opacity: 0.7;
        pointer-events: none;
        background-color: #333;
        color: #fff;
    }

    .categories-article-board-spinner {
        display: none;
        width: 16px;
        height: 16px;
        border: 2px solid #fff;
        border-top: 2px solid transparent;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        margin-right: 8px;
    }

    .loading .categories-article-board-spinner {
        display: block;
    }

    .categories-article-board-pagination {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 40px;
    }

    .categories-article-board-pagination ul.pagination {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        padding: 0;
        list-style: none;
    }

    .categories-article-board-pagination .page-item {
        display: inline-block;
    }

    .com-content-category__pagination .form-select {
        display: none;
        width: auto;
        border-radius: 20px;
        border: 1px solid #ccc;
        padding: 5px 30px 5px 15px;
    }
@media (max-width: 768px) {
.categories-article-board-card {
    min-height: auto;
}
}
 /* ---------------------- Конец Категории материалов ---------------------- */
 /* ---------------------- Списки категорий ---------------------- */
/* Общий контейнер */
.custom-categories-wrapper {
    background: #fff;
    border: 2px solid #E0D4FC;
    border-radius: 35px;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

/* Белая заплатка под SVG */
.custom-corner-patch {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 224px;
    height: 100px;
    background: #fff;
    border-radius: 35px 0 0 0;
    pointer-events: none;
    border: 2px solid #fff;
}

/* SVG Угол */
.custom-corner-svg {
    position: absolute;
    top: -1.6px;
    left: -1.6px;
    width: 229px;
    max-width: 60%;
    height: auto;
    transform: scaleX(-1);
    transform-origin: center;
    border-top-right-radius: 24px;
    overflow: hidden;
    pointer-events: none;
}

.custom-corner-svg [stroke-width="1"] {
    stroke-width: 2;
}

/* Заголовок "Категории" */
.custom-categories-title {
    font-size: 28px;
    font-weight: 600;
    color: #1D1D1F;
    margin-top: 20px;
    margin-bottom: 25px;
    position: relative;
    z-index: 4;
    top: -40px;
    text-transform: initial;
    left: -10px;
}

/* Сетка (Grid) */
.custom-categories-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 40px;
    position: relative;
    z-index: 4;
}

/* Элемент категории */
.custom-category-item {
    display: flex;
    /* ИЗМЕНЕНО: Ставим всё в колонку (ссылка, описание, дети), чтобы описание не лезло сбоку */
    flex-direction: column;
    align-items: flex-start;
}

/* Ссылка */
.custom-category-link {
    text-decoration: none;
    font-size: 18px;
    line-height: 1.5;
    display: flex;
    /* ИЗМЕНЕНО: Меняем направление на колонку, чтобы count упал под name */
    flex-direction: column;
    align-items: flex-start;
    transition: opacity 0.2s ease;
}

.custom-category-link:hover {
    opacity: 0.8;
    text-decoration: none;
}

.custom-cat-name {
    color: #252525;
    font-weight: 500; /* Сделал чуть жирнее для заголовка */
    margin-right: 0;  /* Убрал отступ справа, он больше не нужен */
}

.custom-cat-count {
    color: #C4C3D6;
    font-size: 18px; /* Чуть меньше основного текста */
    font-weight: 500;
    margin-top: 2px; /* Небольшой отступ от названия */
}

/* Адаптивность */
@media (max-width: 768px) {
    .custom-categories-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
  .custom-categories-title {
    font-size: 24px;
}
    .custom-categories-wrapper {
        padding: 20px;
        border-radius: 16px;
    }

    .custom-corner-svg {
        width: 180px;
        border-top-right-radius: 16px;
    }

    /* Адаптация заплатки под мобильный радиус */
    .custom-corner-patch {
    border-radius: 16px 0 0 0;
    top: -4px;
    left: -2px;
    width: 175px;
    height: 79px;
    }

    .com-content-category.category-list {
        padding: 20px;
    }

    .custom-corner-svg {
        top: -1.65px;
    }

    .custom-corner-svg [stroke-width="1"] {
        stroke-width: 2.5;
    }
}
 /* ---------------------- Конец Списки категорий ---------------------- */
 /* ---------------------- Результат поиска на сайте  ---------------------- */
 .com-finder__results {
padding: 10px;
 }
    .com-finder-search-container {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        max-width: 800px;
    }

    .com-finder-search-bar {
        position: relative;
        flex-grow: 1;
        display: flex;
        align-items: center;
        background-color: #f3f4f6;
        border-radius: 50px;
        padding: 5px 20px;
        transition: box-shadow 0.3s ease, background-color 0.3s ease;
        width: 100%;
    }

    .com-finder-search-bar:focus-within {
        background-color: #ffffff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        outline: 2px solid #e0e0e0;
    }

    .com-finder-search-input {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        width: 100%;
        padding: 10px 0;
        font-size: 16px;
        color: #333;
        outline: none !important;
    }

    .com-finder-search-input::placeholder {
        color: #999;
    }

    .com-finder-search-submit {
        background: transparent;
        border: none;
        padding: 10px;
        cursor: pointer;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: color 0.2s;
    }

    .com-finder-search-submit:hover {
        color: #181623;
    }

    .com-finder-search-submit .icon-search {
        font-size: 18px;
    }

    .com-finder-search-advanced-btn {
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 50px;
        padding: 10px 20px;
        color: #555;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        text-decoration: none;
    }

    .com-finder-search-advanced-btn:hover,
    .com-finder-search-advanced-btn[aria-expanded="true"] {
        background-color: #f3f4f6;
        border-color: #ccc;
        color: #333;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

    @media (max-width: 767.98px) {
        .com-finder-search-container {
            flex-direction: column;
            align-items: stretch;
        }

        .com-finder-search-advanced-btn {
            width: 100%;
            margin-top: 5px;
        }
    }
    @media (min-width: 768px) {
        .com-finder-search-container {
            flex-direction: row;
        }

        .com-finder-search-advanced-btn {
            width: auto;
            margin-top: 0;
        }
    }

    .com-finder-search-advanced-area {
        margin-top: 20px;
        width: 100%;
    }
 /* ---------------------- Конец Результат поиска на сайте  ---------------------- */
 /* ---------------------- Acymailing модуль подписки ---------------------- */
.acym_module_form {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
	justify-content: center;
    display: flex;
}

.title-head-acym {
    position: relative;
    top: 60px;
    font-size: 28px;
    font-weight: 500;
    color: #333333;
    z-index: 1;
    left: 70px;
    text-transform: inherit;
}

.acym_fulldiv .acym_module_success {
    margin-top: 80px;
}

.acym_introtext {
    position: relative;
    z-index: 5;
    margin-bottom: 5px;
    padding-left: 20px;
    font-size: 28px;
    font-weight: 700;
    color: #1D1D1F;
    line-height: 1.2;
}

.acym-custom-card {
    position: relative;
    width: 800px;
    height: 244px;
    display: flex;
    align-items: center;
    padding: 60px 40px 40px 40px;
    box-sizing: border-box;
}

.acym-bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: fill;
}

.acym-decorations {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    border-radius: 20px;
}

.deco-star-left {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 31%;
    opacity: 1;
}

.deco-star-center {
    position: absolute;
    top: 20%;
    left: 38%;
    width: 25%;
    opacity: 1;
}

.deco-arrow-right {
    position: absolute;
    right: 3%;
    bottom: 3px;
    width: 44%;
    opacity: 1;
}

.acym-content-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
}

.acym-flex-group {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 50%;
    top: 15px;
    position: relative;
}

.acym-fields-area {
    flex-grow: 1;
}

.acym-fields-area .onefield {
    margin: 0 !important;
}

.acym-fields-area input[type="text"],
.acym-fields-area input[type="email"] {
    width: 312px !important;
    height: 52px !important;
    border-radius: 16px !important;
    border: none !important;
    padding: 0 30px !important;
    font-size: 18px !important;
    color: #555 !important;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;
}

.acym-button-area {
    flex-shrink: 0;
    width: auto;
    left: -20px;
    position: relative;
}

.acym-custom-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 186px;
    height: 52px;
    padding: 5px 8px 5px 25px;
    background: #fff !important;
    color: #1D1D1F !important;
    border: none !important;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.acym-custom-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

.acym-btn-text {
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.acym-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #4A4A4A;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .acym-bg-shape,
    .acym-decorations {
        display: none !important;
    }

    .acym-custom-card {
        background-color: #FF7654;
        border-radius: 30px;
        padding: 30px 20px;
        flex-direction: column;
        min-height: auto;
    }
	.acym_module_form {
		padding: 10px 10px 50px 10px;

	}
    .title-head-acym {
        position: relative;
        top: auto;
        left: auto;
        color: #333;
        text-align: center;
        width: 100%;
        margin-bottom: 0;
        font-size: 28px;
    }
	.acym-fields-area .onefield {
		justify-content: center;
		display: flex;
	}
    .acym-flex-group {
        flex-direction: column;
        width: 100%;
        top: 0;
        gap: 20px;
    }

    .acym-fields-area {
        width: 100%;
    }

    .acym-fields-area input[type="text"],
    .acym-fields-area input[type="email"] {
        height: 60px !important;
        font-size: 18px !important;
        width: 100% !important;
    }

    .acym-button-area {
        width: 100%;
		left: 0;
    }

    .acym-custom-btn {
        width: 65%;
        height: 60px;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .acym-btn-text {
        font-size: 18px;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
.title-head-acym {
    top: 60px;
    font-size: 24px;
	left: 40px;
}
}
@media (min-width: 1300px) and (max-width: 1399px) {
.title-head-acym {
    top: 60px;
    font-size: 28px;
	left: 40px;
}
}
 /* ---------------------- Конец Acymailing модуль подписки ---------------------- */
 /* ---------------------- Страница контактов автора ---------------------- */
    .full-authors-page-grid {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 20px;
        margin-bottom: 30px;
        transition: opacity 0.3s ease;
    }

    .full-authors-page-grid.loading-content {
        opacity: 0.5;
        pointer-events: none;
    }
    @media (min-width: 768px) {
        .full-authors-page-grid {
            display: flex;
            flex-direction: column;
        }
    }

    .full-authors-page-card {
        background-color: transparent;
        border-radius: 0;
        padding: 0;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: auto;
        min-height: auto;
        border: none;
        position: relative;
        box-shadow: none;
    }

    .full-authors-page-card::before {
        content: '';
        position: absolute;
        left: 5px;
        top: 10px;
        width: 6px;
        height: 6px;
        background-color: #0d6efd;
        border-radius: 50%;
    }

    .full-authors-page-card.new-loaded {
        animation: fadeInCard 0.5s forwards;
    }

    .full-authors-page-card:hover {
        transform: none;
        box-shadow: none;
        border-color: transparent;
    }

    .full-authors-page-date {
        display: none;
    }

    .full-authors-page-title {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: 0;
        color: #0d6efd;
        text-transform: none;
    }

    .full-authors-page-title a {
        color: #0d6efd;
        text-decoration: none;
        transition: color 0.2s ease;
    }

    .full-authors-page-title a:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    .full-authors-page-loadmore-container {
        display: flex;
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 30px;
        width: 100%;
    }

    .full-authors-page-loadmore-btn {
        background-color: #fff;
        border: 1px solid #333;
        color: #333;
        padding: 10px 30px;
        border-radius: 50px;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.3s ease;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
    }

    .full-authors-page-loadmore-btn:hover {
        background-color: #333;
        color: #fff;
        text-decoration: none;
    }

    .full-authors-page-loadmore-btn.loading {
        opacity: 0.7;
        pointer-events: none;
    }

    .full-authors-page-spinner {
        display: none;
        width: 16px;
        height: 16px;
        border: 2px solid #fff;
        border-top: 2px solid transparent;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        margin-right: 8px;
    }

    .loading .full-authors-page-spinner {
        display: block;
    }

    .full-authors-page-pagination {
        width: 100%;
    }

    .full-authors-page-pagination ul.pagination {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        padding: 0;
        list-style: none;
    }

    .full-authors-page-pagination .page-item {
        display: inline-block;
    }

    .full-authors-page-pagination .form-select {
        display: none;
        width: auto;
        border-radius: 20px;
        border: 1px solid #ccc;
        padding: 5px 30px 5px 15px;
    }

    .full-authors-page-jump-button:hover {
        background-color: #333 !important;
        color: #fff !important;
        border-color: #333 !important;
    }

    @keyframes fadeInCard {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 768px) {
        .full-authors-page-card {
            min-height: auto;
        }
    }
 /* ---------------------- Конец Страница контактов автора ---------------------- */
 /* ---------------------- Баненер ТГ позция offcanvas-modules ---------------------- */
    .tg-block-channel-card {
        display: block;
        background: linear-gradient(135deg, #2AABEE 0%, #229ED9 100%);
        border-radius: 20px;
        padding: 25px 30px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(42, 171, 238, 0.2);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        color: #ffffff;
        min-height: 180px;
        box-sizing: border-box;
		top: 50px;
    }

    .tg-block-channel-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(42, 171, 238, 0.3);
        color: #ffffff;
    }

    .tg-block-channel-link-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        cursor: pointer;
        background: transparent;
        text-decoration: none;
    }

    .tg-block-channel-content {
        position: relative;
        z-index: 2;
        max-width: 75%;
        pointer-events: none;
    }
    .tg-block-channel-title {
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 15px;
        display: block;
    }
    .tg-block-channel-desc {
        font-size: 16px;
        line-height: 1.4;
        font-weight: 400;
        opacity: 0.95;
        display: block;
    }
    .tg-block-channel-icon-bg {
        position: absolute;
        right: -30px;
        bottom: -40px;
        width: 200px;
        height: 200px;
        z-index: 1;
        opacity: 0.15;
        transform: rotate(-10deg);
        pointer-events: none;
    }

    .tg-block-channel-icon-bg svg {
	width: 100%;
    height: 90%;
    fill: #ffffff;
    right: 10px;
    display: flex;
    position: relative;
    bottom: 10px;
    }
    @media (max-width: 576px) {
        .tg-block-channel-card {
            padding: 20px;
        }
        .tg-block-channel-title {
            font-size: 22px;
        }
        .tg-block-channel-desc {
            font-size: 14px;
        }
        .tg-block-channel-content {
            max-width: 100%;
        }
        .tg-block-channel-icon-bg {
            width: 150px;
            height: 150px;
            right: -20px;
            bottom: -30px;
        }
    }
 /* ---------------------- Конец Баненер ТГ позция offcanvas-modules ---------------------- */
/* ---------------------- Блок Вставка аккордиона в статьях ---------------------- */
.spoyler {
    margin-bottom: 10px;
    width: 100%;
}

.spoyler > a {
display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f3eafd;
    color: #2e2e2e;
    padding: 16px 24px;
    border-radius: 16px;
    text-decoration: none;
    font-size: 16px;
    transition: background-color 0.2s ease;
    border: none;
    cursor: pointer;
}

.spoyler > a:hover {
    background-color: #eaddff;
}

.spoyler > a::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    margin-left: 15px;
    flex-shrink: 0;
}
.spoyler > a.active::after {
    transform: rotate(-135deg);
}

.spoyler-content {
    padding: 15px 24px;
    color: #333;
    overflow: hidden;
    margin-top: 5px;
}
/* ---------------------- Конец Блок Вставка аккордиона в статьях ---------------------- */

.com-content-article__body li:not(:first-child) {
    margin-top: 20px;
}

.com-content-article__body ol li:not(:last-child) {
    margin-bottom: 20px;
}

.com-content-article__body ol li {
    list-style-type: inherit;
    padding-left: 12px;
}
.com-content-article__body h4, .com-content-article__body h3 {
    margin-bottom: 16px;
}
.com-content-article__body h2 {
    padding: 80px 0 20px;
    font-size: 28px;
}

.com-content-article__body .h2 {
    font-size: 28px;
    margin: 18px 0;
}

@media (max-width: 767px) {
	    .h1, h1 {
        font-size: 36px;
    }

.com-content-article__body h2 {
    margin: 28px 0 20px;
	padding: 0;
    font-size: 24px;
}
.com-content-article__body .h2 {
    font-size: 24px;
}

.com-content-article__body ol, ul {
    padding-left: 0.7rem;
}
.article-custom-meta {
    font-size: 14px !important;
}
.meta-icon {
    width: 18px;
    height: 18px;
}
.list-sources {
    padding: 40px 20px;
}
.quote {
    margin: 40px 0 !important;
}
.comments-list-header .h6 {
    font-size: 24px;
}
.table-of-contents.desktop-toc {
    display: none !important;
}
.table-of-contents .title {
    font-size: 24px !important;
	margin: 40px 0px;
}
.table-of-contents {
    border-radius: 28px !important;
}
.material-list.type-1 {
    padding: 10px !important;
}
.material-list.type-1 {
    padding: 50px 20px 40px 20px !important;
}
.digit-list.type-2 ol > li::before {
    margin-right: 4px !important;
    margin-left: 0px !important;
}
.digit-list.type-3 ol > li::before {
    margin-right: 4px !important;
    margin-left: 0px !important;
}
.digit-list.type-2 ol > li strong {
    font-weight: 700 !important;
}

.com-content-article__body .list-sources h2 {
    font-size: 28px;
}
.list-sources {
    padding: 40px 20px !important;
	margin-left: -25px !important;
    margin-right: -25px !important;
}
}

.com-content-article__body h3 {
	margin: 28px 0;
    font-size: 18px;
    font-weight: 700;
}
.digit-list.type-2 ol > li > p:last-child {
    margin-bottom: 0;
}
/* ---------------------- Тестовая статья-образец ---------------------- */
/* -------- Содержание -------- */
.content-list {
	padding: 40px;
	background: #F7F6F9;
	border-radius: 40px;
	margin-bottom: 40px;
}
.content-list .title {
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 500;
}
.content-list ul { list-style: none; padding: 0; }
.content-list li { margin-bottom: 10px; }
.content-list a {
text-decoration: underline;
text-underline-position: under;
color: #1676f2;
font-weight: 300; }
.content-list a:hover { color: #181623; }

/* -------- Конец Содержание -------- */
/* -------- Список материала Типы -------- */
/* Тип 1 */
.material-list.type-1 {
	padding: 40px;
	border-radius: 40px;
	background: #f9f4ff;
	margin: 27px 0;
}
.material-list.type-1:before {
	top: 12px;
}
.material-list.type-1 li {
	line-height: 161.1%;
}
.material-list.type-1 li {
	position: relative;
}
.material-list.type-1 li::marker {
	position: relative;
	color: #0b45bb;
}
.material-list.type-2 li a {
	color: #252525;
}
.material-list.type-1 li a:hover {
	color: #252525;
	text-decoration: underline;
}
.material-list.type-1 li:not(:last-child) {
	margin-bottom: 12px;
}
/* Тип 2 */
.material-list.type-2 {
	padding: 40px;
	border-radius: 40px;
	background: #ff6b40;
	margin: 27px 0;
}
.material-list.type-2:before {
	top: 12px;
}
.material-list.type-2 li {
	line-height: 161.1%;
}
.material-list.type-2 li {
	position: relative;
}
.material-list.type-2 li::marker {
	position: relative;
	color: #fff;
}
.material-list.type-2 li a {
	color: #fff;
}
.material-list.type-2 li a:hover {
	color: #252525;
	text-decoration: underline;
}
.material-list.type-2 li:not(:last-child) {
	margin-bottom: 12px;
}
/* Тип 3 */
.material-list.type-3 {
	padding: 40px;
	border-radius: 40px;
	background: linear-gradient(229.88deg, rgb(112, 111, 128) 4.423%, rgb(166, 164, 186) 90.965%);
	margin: 27px 0;
}
.material-list.type-3:before {
	top: 12px;
}
.material-list.type-3 li {
	line-height: 161.1%;
}
.material-list.type-3 li {
	position: relative;
}
.material-list.type-3 li::marker {
	position: relative;
	color: #fff;
}
.material-list.type-3 li a {
	color: #fff;
}
.material-list.type-3 li a:hover {
	color: #252525;
	text-decoration: underline;
}
.material-list.type-3 li:not(:last-child) {
	margin-bottom: 12px;
}
@media (max-width: 991px) {
.material-list.type-1,.material-list.type-2,.material-list.type-3 {
	margin-left: -25px;
    margin-right: -25px;
	border-radius: 28px;
}
}
/* -------- Конец Список материала Типы -------- */
/* -------- Блок с видео -------- */
.video__wrapper {
	border-radius: 40px;
	overflow: hidden;
	height: 100%;
	margin-bottom: 27px;
	margin-left: -15px;
    margin-right: -15px;
}
.video__wrapper iframe {
	width: 100%;
	height: 100%;
	min-height: 431px;
}

@media (max-width: 768px) {
    .video__wrapper iframe {
        height: auto;
        min-height: auto;
        aspect-ratio: 16 / 9;
    }
.video__wrapper {
	border-radius: 20px;
}
}
/* -------- Конец Блок с видео-------- */

/* -------- Конец Блок с изображением-------- */
.com-content-article__body .full_iamge {
	margin: 40px 0 80px;
}
.com-content-article__body .full_iamge figure {
	border-radius: 40px;
	overflow: hidden;
}
.com-content-article__body .full_iamge .article-image_description {
	display: block;
	margin-top: 12px;
	font-size: 15px;
	color: #8A899C;
}

.com-content-article__body .full_iamge img.object {
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.com-content-article__body object {
    max-width: 100%;
}

@media (max-width: 768px) {
    .com-content-article__body .full_iamge figure {
        height: auto;
		border-radius: 20px;
        aspect-ratio: 16 / 9;
		margin: 0 -10px;
    }
}
/* -------- Конец Блок с изображением-------- */
/* -------- Конец Блок скачивания файла -------- */
.download-file-pdf {
    display: inline-flex;
    text-decoration: none;
    gap: 12px;
    padding: 10px;
    transition: opacity 0.2s ease;
}

.download-file-pdf:hover {
    opacity: 0.8;
	text-decoration: underline;
	color: #0b45bb;
}

.download-file-pdf__icon {
    width: 44px;
    height: 45px;
    flex-shrink: 0;
    background-image: url('data:image/svg+xml;utf8,<svg width="44" height="45" viewBox="0 0 44 45" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_392_838)"><path d="M11 0.300781C9.4875 0.300781 8.25 1.53828 8.25 3.05078V41.5508C8.25 43.0633 9.4875 44.3008 11 44.3008H38.5C40.0125 44.3008 41.25 43.0633 41.25 41.5508V11.3008L30.25 0.300781H11Z" fill="%23EEEEEE"></path><path d="M33 11.3008H41.25L30.25 0.300781V8.55078C30.25 10.0633 31.4875 11.3008 33 11.3008Z" fill="%23B0B7BD"></path><path d="M41.25 19.5508L33 11.3008H41.25V19.5508Z" fill="%23CAD1D8"></path><path d="M35.75 36.0508C35.75 36.807 35.1312 37.4258 34.375 37.4258H4.125C3.36875 37.4258 2.75 36.807 2.75 36.0508V22.3008C2.75 21.5445 3.36875 20.9258 4.125 20.9258H34.375C35.1312 20.9258 35.75 21.5445 35.75 22.3008V36.0508Z" fill="%23FE633C"></path><path d="M8.74365 26.3528C8.74365 25.9898 9.02965 25.5938 9.49028 25.5938H12.0299C13.4599 25.5938 14.7469 26.5507 14.7469 28.385C14.7469 30.123 13.4599 31.091 12.0299 31.091H10.1943V32.543C10.1943 33.027 9.88628 33.3006 9.49028 33.3006C9.12728 33.3006 8.74365 33.027 8.74365 32.543V26.3528ZM10.1943 26.9784V29.7174H12.0299C12.7669 29.7174 13.3499 29.067 13.3499 28.385C13.3499 27.6164 12.7669 26.9784 12.0299 26.9784H10.1943Z" fill="white"></path><path d="M16.9001 33.3007C16.5371 33.3007 16.1411 33.1027 16.1411 32.6201V26.3749C16.1411 25.9802 16.5371 25.6929 16.9001 25.6929H19.4177C24.442 25.6929 24.332 33.3007 19.5167 33.3007H16.9001ZM17.5931 27.0349V31.9601H19.4177C22.3864 31.9601 22.5184 27.0349 19.4177 27.0349H17.5931Z" fill="white"></path><path d="M26.114 27.1228V28.8704H28.9177C29.3137 28.8704 29.7097 29.2664 29.7097 29.65C29.7097 30.013 29.3137 30.31 28.9177 30.31H26.114V32.6187C26.114 33.0037 25.8404 33.2993 25.4554 33.2993C24.9714 33.2993 24.6758 33.0037 24.6758 32.6187V26.3734C24.6758 25.9788 24.9728 25.6914 25.4554 25.6914H29.315C29.799 25.6914 30.085 25.9788 30.085 26.3734C30.085 26.7254 29.799 27.1214 29.315 27.1214H26.114V27.1228Z" fill="white"></path><path d="M34.375 37.4258H8.25V38.8008H34.375C35.1313 38.8008 35.75 38.182 35.75 37.4258V36.0508C35.75 36.807 35.1313 37.4258 34.375 37.4258Z" fill="%23CAD1D8"></path></g><defs><clipPath id="clip0_392_838"><rect width="44" height="44" fill="white" transform="translate(0 0.300781)"></rect></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.download-file-pdf__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.download-file-pdf__title {
    font-weight: 500;
    color: #181623;
    line-height: 1.2;
	max-width: 200px;
}

.download-file-pdf__link {
    font-size: 18px;
    color: #4A90E2;
    text-decoration: none;
    margin-top: 4px;
}
/* -------- Блок скачивания файла -------- */

/* -------- Блок с цифрами -------- */
/* Тип 1 */
.digit-list.type-1 {
	margin: 20px 0;
}
.digit-list.type-1 ol {
	padding: 0;
}
.digit-list.type-1 ol > li {
	list-style-type: none;
	counter-increment: list-counter;
	padding: 20px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.digit-list.type-1 ol > li strong {
	font-weight: 500;
	width: calc(100% - 68px);
	box-sizing: border-box;
}

.com-content-article__body .digit-list.type-1 li:first-child {
	margin-top: 20px;
}

.digit-list.type-1 ol > li::before {
	content: counter(list-counter);
	position: relative;
	top: -2px;
	width: 54px;
	min-width: 54px;
	height: 54px;
	margin-right: 12px;
	background: #F9F4FF;
	border-radius: 50%;
	align-content: center;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	z-index: 4;
}

.digit-list.type-1 ol > li > p {
	margin-top: 20px !important;
	width: 100%;
}
/* Тип 2 */
.digit-list.type-2 {
	margin: 20px 0;
}
.digit-list.type-2 ol {
	padding: 0;
}
.digit-list.type-2 ol > li {
	list-style-type: none;
	counter-increment: list-counter;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.digit-list.type-2 ol > li strong {
	font-weight: 500;
	width: calc(100% - 50px);
	box-sizing: border-box;
}
.digit-list.type-2 ol > li::before {
	position: relative;
	content: "\f061";
	width: 28px;
	height: 28px;
	min-width: 28px;
	flex-shrink: 0;
	border-radius: 0;
	color: #FE633C;
	background: none;
	top: 1px;
	margin-right: 12px;
	z-index: 4;
	font-family: "Font Awesome 6 Free";
	margin-left: 7px;
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: center;
}
.digit-list.type-2 ol > li > p {
    margin-bottom: 0;
	margin-top: 20px !important;
	width: 100%;
}

/* Тип 3 */
.digit-list.type-3 {
	margin: 20px 0;
}
.digit-list.type-3 ol {
	padding: 0;
}
.digit-list.type-3 ol > li {
	list-style-type: none;
	counter-increment: list-counter;
	padding: 10px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.digit-list.type-3 ol > li strong {
	font-weight: 700;
	width: calc(100% - 50px);
	box-sizing: border-box;
}
.com-content-article__body .digit-list.type-3 li:first-child {
	margin-top: 20px;
}
.digit-list.type-3 ol > li::before {
	position: relative;
	content: "\f068";
	width: 28px;
	height: 28px;
	min-width: 28px;
	flex-shrink: 0;
	border-radius: 0;
	color: #181623;
	background: none;
	top: 1px;
	margin-right: 12px;
	z-index: 4;
	font-family: "Font Awesome 6 Free";
	margin-left: 7px;
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: center;
}

.digit-list.type-3 ol > li > p {
	margin-top: 5px !important;
	width: 100%;
}

/* Тип 4 */
.digit-list.type-4 {
	background: #F7F7F7;
	padding: 40px;
	border-radius: 44px;
    margin-bottom: 25px;
}
.digit-list.type-4 > div:first-child {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 28px;
}
.digit-list.type-4 > p:empty {
	display: none;
}
.digit-list.type-4 ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.digit-list.type-4 ul > li {
	padding: 0;
	margin: 0;
}
.digit-list.type-4 ul > li strong {
	display: flex;
	align-items: center;
	gap: 16px;
	font-weight: 700;
	color: #222222;
	margin-bottom: 12px;
}
.digit-list.type-4 ul > li strong::before {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	background-color: #FE633C;
	border-radius: 50%;
}


@media (max-width: 768px) {
    .digit-list.type-4,.digit-list.type-3,.digit-list.type-2,.digit-list.type-1 {
        padding: 0 24px;
        border-radius: 24px;
		margin-left: -25px;
        margin-right: -25px;
    }
    .digit-list.type-4 > div:first-child {
        font-size: 28px !important;
    }
}
/* -------- Блок с цифрами -------- */


/* -------- Блок с вывода другого материала в ссылке -------- */
a.popular-article {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid #ff6a3f;
    border-radius: 20px;
    padding: 20px 24px;
    margin: 20px 0;
    text-decoration: none;
    background-color: #ffffff;
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

a.popular-article:hover {
    box-shadow: 0 4px 15px rgba(254, 99, 60, 0.15);
    transform: translateY(-2px);
	border: 1px solid #181623;
	color: #181623;
}
a.popular-article .inline-link-stats {
    background: transparent !important;
    padding: 0 !important;
    margin: 0;
    gap: 20px;
}

a.popular-article .inline-link-stats span {
    color: #8A899C;
    font-size: 14px;
    font-weight: 500;
    gap: 6px;
}

a.popular-article .inline-link-stats .meta-icon {
    width: 16px;
    height: 16px;
    stroke: #8A899C;
}

@media (max-width: 768px) {
    a.popular-article {
        padding: 16px 20px;
        font-size: 16px;
    }
}
/* -------- Конец Блок с вывода другого материала в ссылке -------- */
/* -------- Конец кнопка скачать -------- */
.button-downloads {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    padding: 14px 40px;
    border: 1.5px solid #1C1C21;
    border-radius: 50px;
    background-color: #FFFFFF;
    color: #1C1C21;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
    font-family: inherit;
}

.button-downloads:hover {
    background-color: #1C1C21;
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .button-downloads {
        padding: 12px 30px;
        font-size: 16px;
        box-sizing: border-box;
    }
}
/* -------- Конец кнопка скачать -------- */


/* -------- Универсальный аккордион -------- */
details {
    margin-bottom: 10px;
    width: 100%;
}

details summary {
	display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f3eafd;
    color: #2e2e2e;
    padding: 20px;
    border-radius: 20px;
    font-size: 16px;
    transition: background-color 0.2s ease;
    cursor: pointer;
    list-style: none;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary:hover {
    background-color: #eaddff;
}

details summary::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    margin-left: 15px;
    flex-shrink: 0;
}

details[open] summary::after {
    transform: rotate(-135deg);
}

details > *:not(summary) {
    color: #333;
    margin-top: 5px;
    margin-bottom: 10px;
}
/* -------- Конец Универсальный аккордион -------- */
/* -------- Блок Важно -------- */
.important {
    position: relative;
    padding: 44px 44px 44px 244px;
    background-color: #E2D4FF;
    background-image: url(/images/blogs-img/arrow-bottom.png);
    background-repeat: no-repeat;
    background-position: bottom 0 left 40px;
    background-size: 160px;
    border-radius: 28px;
    margin: 40px 0;
    min-height: 175px;
    display: flex;
    align-items: center;
}

.important.type-2 {
    background-color: #FF7654;
    background-image: url(/images/blogs-img/arrow-bottom-orange.png);
}

.important::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 220px;
    height: 77px;
    background-image: url("data:image/svg+xml,%3Csvg width='220' height='77' viewBox='0 0 220 77' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.73155e-06 3.65517e-06L0 77C1.45696 54.8135 22.5828 48.9407 31.6888 48.9407L139.503 48.9407C154.357 48.9407 161.713 41.9633 165.307 38.5545L165.364 38.5C171.556 32.6271 185.397 19.9026 194.503 11.4195C203.623 2.92344 211.623 0.326293 220 2.28882e-05L6.73155e-06 3.65517e-06Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    z-index: 1;
    border-top-left-radius: 28px;
}

.important .title {
    position: absolute;
    font-size: 28px;
    font-weight: 500;
    top: 0;
    left: 40px;
    z-index: 5;
    color: #222222;
}

.important .description {
    color: #222222;
}

.important.type-2 .description {
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .important {
        padding: 80px 24px 24px 24px;
        min-height: auto;
		background-position: bottom 0px left 30px;
		background-size: 240px;
    }

}
/* -------- Конец Блок Важно -------- */
/* -------- Блок спонсоров и источников -------- */
.list-sources {
	padding: 40px;
	border-radius: 28px;
	background: #F7F6F9;
	margin: 40px 0 27px;
	margin-left: -15px;
    margin-right: -15px;
}
.list-sources h2 {
	margin: 0 0 40px;
}
.list-sources ol {
	padding: 0;
	margin-bottom: 20px;
}
.list-sources ol > li {
	line-height: 29px;
	list-style-type: none;
	padding: 0;
	counter-increment: list-counter;
}
.list-sources ol > li:before {
	display: inline-block;
  content: counter(list-counter);
  position: relative;
  font-size: 13px;
  top: -5px;
}
/* -------- Конец Блок спонсоров и источников -------- */
/* -------- Блок Цитаты -------- */
/* -------- Тип 1 -------- */
.quote {
	padding: 28px;
	text-align: center;
	border-top: 1px solid #FE633C;
	border-bottom: 1px solid #FE633C;
	margin: 100px 0;
}
.quote .title {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: center;
	color: #FE633C;
	margin-bottom: 20px;
}
.quote .sovet-title {
	font-size: 48px;
	margin: 0;
	font-weight: 700;
}
@media screen and (max-width: 526px) {
    .quote .sovet-title {
        font-size: 32px;
    }
}
.quote p {
	font-weight: 500;
	color: #4F4F4F;
	line-height: 110%;
	max-width: 720px;
	margin: 0 auto;
}

.quote .title .svg-icon {
	width: 28px;
	height: 28px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0.5L19.2863 9.21367L28 14.5L19.2863 19.7863L14 28.5L8.71367 19.7863L0 14.5L8.71367 9.21367L14 0.5Z' fill='%23FE633C'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* -------- Тип 2 -------- */
.quote.type-2 blockquote {
	position: relative;
	font-weight: 500;
	color: #4F4F4F;
	line-height: 110%;
	padding: 20px 60px;
	margin: 0 auto;
}
.quote.type-2 blockquote span {
	display: block;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 400;
}

.quote.type-2 blockquote .quote-icon {
	position: absolute;
	width: 44px;
	height: 34px;
	background-repeat: no-repeat;
	background-size: contain;
}

.quote.type-2 blockquote .quote-icon.top {
	top: 0;
	left: 0;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07558 30.8593C1.58642 28.2154 0.25 25.2502 0.25 20.4434C0.25 11.9851 6.18775 4.40401 14.8225 0.655762L16.9806 3.98593C8.921 8.3456 7.34533 14.003 6.717 17.57C8.01475 16.8982 9.71367 16.6638 11.3787 16.8184C15.7384 17.222 19.1749 20.8011 19.1749 25.2502C19.1749 27.4935 18.2838 29.6449 16.6975 31.2311C15.1113 32.8174 12.9599 33.7085 10.7166 33.7085C8.1235 33.7085 5.644 32.5243 4.07558 30.8593ZM28.2422 30.8593C25.7531 28.2154 24.4167 25.2502 24.4167 20.4434C24.4167 11.9851 30.3544 4.40401 38.9892 0.655762L41.1472 3.98593C33.0877 8.3456 31.512 14.003 30.8837 17.57C32.1814 16.8982 33.8803 16.6638 35.5454 16.8184C39.9051 17.222 43.3416 20.8011 43.3416 25.2502C43.3416 27.4935 42.4504 29.6449 40.8642 31.2311C39.2779 32.8174 37.1265 33.7085 34.8832 33.7085C32.2902 33.7085 29.8107 32.5243 28.2422 30.8593Z' fill='%23FE633C'/%3E%3C/svg%3E");
}

.quote.type-2 blockquote .quote-icon.bottom {
	bottom: 0;
	right: 0;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.9244 3.14074C42.4136 5.78457 43.75 8.74982 43.75 13.5566C43.75 22.0149 37.8123 29.596 29.1775 33.3442L27.0194 30.0141C35.079 25.6544 36.6547 19.997 37.283 16.43C35.9853 17.1018 34.2863 17.3362 32.6213 17.1816C28.2616 16.778 24.8251 13.1989 24.8251 8.74982C24.8251 6.50653 25.7162 4.35512 27.3025 2.76887C28.8887 1.18263 31.0401 0.291488 33.2834 0.291488C35.8765 0.291488 38.356 1.47566 39.9244 3.14074ZM15.7578 3.14074C18.2469 5.78457 19.5833 8.74982 19.5833 13.5566C19.5833 22.0149 13.6456 29.596 5.01083 33.3442L2.85275 30.0141C10.9123 25.6544 12.488 19.997 13.1163 16.43C11.8186 17.1018 10.1197 17.3362 8.45459 17.1816C4.09492 16.778 0.658422 13.1989 0.658423 8.74982C0.658423 6.50653 1.54956 4.35512 3.13581 2.76887C4.72206 1.18263 6.87347 0.291485 9.11676 0.291486C11.7098 0.291486 14.1893 1.47565 15.7578 3.14074Z' fill='%23FE633C'/%3E%3C/svg%3E");
}
/* -------- Конец Блок Цитаты -------- */
/* ---------------------- Конец Тестовая статья-образец ---------------------- */
/* ---------------------- Макет вывода материала - default.php ---------------------- */
    .com-content-article.item-page{
    padding: 20px;
    }
    .article-custom-meta {
        display: flex;
        align-items: center;
        gap: 20px;
        color: #818c99;
        font-size: 14px;
        margin: 0 0 16px;
    }
    .meta-item {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .meta-icon {
        width: 24px;
        height: 24px;
    }

    .article-actions-bar {
        margin-top: 15px;
        margin-bottom: 25px;
        position: relative;
    }
    .article-actions-wrapper {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 25px;
    }

    .btn-action {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 6px;
        color: #8A899C;
        font-size: 16px;
        transition: all 0.2s ease;
    }
    .btn-action:hover {
        color: #222;
    }
    .btn-action svg {
        stroke: #8A899C;
        stroke-width: 2;
        width: 24px;
        height: 24px;
    }

    .share-wrapper { position: relative; }
    .shareDropdown {
        display: none;
        position: absolute;
        top: 30px;
        left: 0;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        padding: 10px;
        min-width: 200px;
        z-index: 100;
    }
    .share-link {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px;
        text-decoration: none;
        color: #333;
        font-weight: 500;
    }
    .share-icon-box {
        color: white;
        width: 24px;
        height: 24px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 14px;
    }
    .share-icon-box svg { width: 14px; height: 14px; stroke: currentColor; fill: none; }
    .share-icon-box svg.filled { fill: white; stroke: none; }
    .bg-vk { background: #0077FF; }
    .bg-ok { background: #F4731C; }
    .bg-tw { background: #181623; }
    .bg-tg { background: #24A1DE; }

    .article-author-block {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    .author-avatar-link {
        flex-shrink: 0;
        text-decoration: none;
    }
    .author-avatar-img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
        display: block;
    }
    .author-avatar-placeholder {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #eee;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #aaa;
    }
    .author-info {
        display: flex;
        flex-direction: column;
    }
    .author-name {
        font-size: 18px;
        font-weight: 600;
        color: #181623;
        text-decoration: none;
        line-height: 1.2;
        margin-bottom: 4px;
    }
    .author-name:hover {
        text-decoration: underline;
    }
    .author-position {
        font-size: 16px;
        color: #8A899C;
        line-height: 1.2;
    }

    .enhanced-inline-link {
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        text-decoration: none;
    }
    .enhanced-inline-link:hover {
        text-decoration: underline;
    }
    .inline-link-stats {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 12px;
        color: #818c99;
        background: #f0f2f5;
        padding: 3px 8px;
        border-radius: 6px;
        text-decoration: none !important;
        white-space: nowrap;
    }
    .inline-link-stats span {
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }
    .inline-link-stats .meta-icon {
        width: 14px;
        height: 14px;
    }

    .article-actions-bar.actions-icons-only {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }
    .actions-icons-only .article-custom-meta {
        margin-bottom: 0;
    }
    .actions-icons-only .article-actions-wrapper {
        margin-bottom: 0;
    }
    .actions-icons-only .btn-text {
        display: none;
    }
    .actions-icons-only .btn-action svg {
        width: 24px;
        height: 24px;
    }
    @media (max-width: 768px) {
        .article-actions-wrapper {
            justify-content: flex-start;
            gap: 15px;
            margin-bottom: 30px;
        }
        .btn-action {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            border: 1px solid #8f95a3;
            justify-content: center;
            color: #747a8a;
        }
        .btn-action .btn-text,
        .btn-action span:not(.btn-text) { display: none; }
        .btn-action svg { width: 16px; height: 16px; stroke-width: 2; }
        .btn-action:active { background-color: #f0f0f0; border-color: #555; }
        .shareDropdown { top: 45px; left: -50px; }

        .article-actions-bar.actions-icons-only {
            flex-wrap: nowrap !important;
            gap: 10px;
        }
        .actions-icons-only .article-actions-wrapper {
            margin-bottom: 0 !important;
            width: auto;
        }

        .actions-icons-only .btn-action {
            border: none !important;
        }
    }
/* ---------------------- Конец Макет вывода материала - default.php ---------------------- */
/* ---------------------- Макет вывода модуля материала - articles-revation.php ---------------------- */
.articles-revation-mod {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.articles-revation-mod .mod-articles-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none !important;
}

.articles-revation-mod .mod-articles-item {
    background-color: #F8F7FF;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.2s, box-shadow 0.2s, opacity 0.5s ease;
    height: 100%;
    border: 1px solid transparent;
    position: relative;
}

.articles-revation-mod .mod-articles-item:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        border-color: #E0E0FF;
}

.articles-revation-mod .mod-articles-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
}

.articles-revation-mod .mod-articles-tags,
.articles-revation-mod .mod-articles-readmore,
.articles-revation-mod .mod-articles-category a {
    position: relative;
    z-index: 2;
}

.articles-revation-mod-content {
    margin-bottom: 20px;
}

.articles-revation-mod .mod-articles-title {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    color: #181623;
    margin: 0 0 10px 0;
    padding: 0;
}
.comments-list-header .h6{
	font-size: 28px;
	margin-bottom: 28px;
}
.articles-revation-mod .mod-articles-title a {
    text-decoration: none;
	color: #181623;
}
.articles-revation-mod .mod-articles-title a:hover {

}

.articles-revation-mod .mod-articles-introtext {
    color: #555;
    margin-bottom: 15px;
}

.articles-revation-mod .mod-articles-readmore {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #6a4cff;
    margin-top: 10px;
}

.articles-revation-mod-stats {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: auto;
    color: #8c8c9e;
    font-size: 14px;
    font-weight: 500;
}

.articles-revation-mod-stats dd {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.articles-revation-mod-stats .icon-fw {
    font-size: 16px;
    width: 1.2em;
    text-align: center;
}

.articles-revation-mod-stats .icon-eye,
.articles-revation-mod-stats .icon-comment,
.articles-revation-mod-stats .icon-thumbs-up {
    color: #a0a0b0;
}

.articles-revation-mod ul,
.articles-revation-mod li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.articles-revation-mod-footer {
    margin-top: 30px;
    width: 100%;
}
.articles-revation-mod-footer .revation-comments-form-wrapper {
    display: block;
}
.articles-revation-mod-footer #comments-form-link {
    text-align: center;
}
@media (max-width: 768px) {
.articles-revation-mod .mod-articles-item {
	min-height: 160px;
}
.articles-revation-mod .mod-articles-items {
    gap: 20px;
	grid-template-columns: repeat(1, 1fr);
}
}
/* ---------------------- Конец Макет вывода модуля материала - articles-revation.php ---------------------- */
/* ---------------------- Блок справа Содержание ---------------------- */
@media (min-width: 992px) {
    body, html, .body-innerwrapper, .sp-main-body {
        overflow: visible !important;
    }
}
/* Для мобильных возвращаем защиту от скролла */
@media (max-width: 991px) {
    body, html {
        overflow-x: hidden !important;
    }
    .body-innerwrapper {
        overflow-x: hidden !important;
    }
}

#sp-right .sp-column {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    position: relative;
}
.sp-module.right-content-tables {
    margin-top: 50px;
    border: none !important;
    padding: 0 !important;
}

.sticky-stack-wrapper {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px;
    z-index: 1;
    width: 100%;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: top 0.3s ease;
}

.sp-module.right-content-tables {
    position: relative !important;
    top: auto !important;
    margin-bottom: 0 !important;
    z-index: auto !important;
    width: 100%;
}

.sticky-stack-wrapper .sp-module {
    width: 100%;
    background: transparent;
}

.table-of-contents {
    background-color: #F7F6F9;
    border-radius: 40px;
    padding: 40px;
    margin-bottom: 0;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    scrollbar-width: none;
    scrollbar-color: #ccc transparent;
}

/*.table-of-contents.mobile-toc { display: none; }*/
.table-of-contents.desktop-toc {
display: block;
margin-left: -15px;
margin-right: -15px;
}

@media (max-width: 991px) {
    .sticky-stack-wrapper {
        position: static !important;
        display: block !important;
    }

    .sticky-stack-wrapper .sp-module.right-content-tables {
        display: none !important;
    }

    .table-of-contents.mobile-toc {
        display: block;
        padding: 0 20px 29px 20px;
        margin-top: 20px;
        max-height: none;
		margin-left: -25px;
        margin-right: -25px;
    }

	.table-of-contents .desktop-toc {
	display: none !important;
}
}

.table-of-contents .title {
    font-size: 28px;
    font-weight: 500;
    color: #181623;
    margin-bottom: 40px;
}
.table-of-contents ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.table-of-contents li { list-style-type: none !important; padding-bottom: 20px !important; background: none !important; }
.toc-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.table-of-contents a {
    text-decoration: underline;
    text-decoration-color: rgba(46, 137, 255, 0.4);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    color: #1676F2;
    font-size: 18px;
    line-height: 1.4;
    transition: color 0.2s;
    flex-grow: 1;
}
.table-of-contents a:hover { color: #ff6b40; text-decoration-color: #1676F2; }
.toc-arrow {
    cursor: pointer; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;
    transition: transform 0.3s ease; opacity: 0.6; flex-shrink: 0;
}
.toc-arrow:hover { opacity: 1; background: rgba(0,0,0,0.05); border-radius: 50%; }
.toc-arrow.active { transform: rotate(180deg); }
.sub-list { display: none; padding-left: 15px !important; margin-top: 8px !important; border-left: 2px solid #e0e0e0; }
.sub-list.open { display: block; animation: fadeIn 0.3s ease-in-out; }
.sub-list li { margin-bottom: 0; }
.sub-list a { font-size: 15px; color: #555; text-decoration-color: rgba(85, 85, 85, 0.3); padding: 10px 20px 0 10px !important; line-height: 15px !important; }
.sub-list a:hover { color: #181623; text-decoration-color: #181623; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
/* ---------------------- Конец Блок справа Содержание ---------------------- */
/* ---------------------- Баннер Pop-up окно на сайте + мобильная ---------------------- */
.pop-up-banners-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.pop-up-banners-overlay.is-visible {
    display: flex !important;
    opacity: 1;
}
.pop-up-banners-container {
    background: linear-gradient(98.65deg, #2D9CDB 0%, #2F80ED 100%);
    width: 90%;
    max-width: 800px;
    min-height: 302px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 35px;
    border-radius: 24px;
    position: relative;
    margin: auto;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
    color: #fff;
    overflow: hidden;
    box-sizing: border-box;
}

.pop-up-banners-container::after {
    content: '';
    position: absolute;
    width: 231px;
    height: 189px;
    right: -20px;
    bottom: -40px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='231' height='189' viewBox='0 0 231 189' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.88 81.3633C77.8885 54.691 119.237 37.107 139.926 28.6113C198.997 4.35432 211.272 0.140622 219.272 0.00148353C221.032 -0.0291185 224.966 0.401411 227.514 2.44302C229.666 4.16691 230.258 6.49564 230.542 8.13008C230.825 9.76451 231.178 13.4878 230.897 16.3971C227.696 49.6031 213.845 130.185 206.799 167.376C203.817 183.113 197.946 188.39 192.262 188.906C179.91 190.029 170.53 180.847 158.566 173.104C139.845 160.989 129.269 153.447 111.097 141.624C90.0961 127.961 103.71 120.451 115.678 108.179C118.811 104.967 173.235 56.0937 174.289 51.6602C174.42 51.1057 174.543 49.0388 173.299 47.9474C172.055 46.856 170.219 47.2292 168.895 47.526C167.017 47.9468 137.11 67.4626 79.1737 106.074C70.6847 111.829 62.9956 114.633 56.1064 114.486C48.5117 114.324 33.9024 110.246 23.042 106.761C9.72117 102.486 -0.865938 100.226 0.0559619 92.9654C0.536144 89.1839 5.81084 85.3165 15.88 81.3633Z' fill='%23F7F6F9' fill-opacity='0.16'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
    transition: all 0.3s ease;
}

.pop-up-banners-container::before {
    content: '';
    position: absolute;
    width: 93px;
    height: 76px;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='93' height='76' viewBox='0 0 93 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.39326 32.7175C31.3577 21.9922 48.0046 14.9213 56.3339 11.5051C80.1157 1.75094 85.0574 0.0565466 88.2783 0.000596552C88.9867 -0.011709 90.5707 0.161414 91.5967 0.982377C92.463 1.67558 92.7014 2.612 92.8155 3.26924C92.9295 3.92647 93.0716 5.42367 92.9587 6.59354C91.6699 19.9462 86.0935 52.3496 83.2566 67.3048C82.0562 73.6329 79.6925 75.7547 77.4042 75.9623C72.4312 76.4136 68.6549 72.7215 63.8383 69.6081C56.3013 64.7362 52.0434 61.7034 44.7274 56.9493C36.2725 51.4552 41.7534 48.4355 46.5718 43.5005C47.8328 42.209 69.744 22.5562 70.1681 20.7734C70.2211 20.5504 70.2704 19.7193 69.7697 19.2804C69.2689 18.8416 68.5299 18.9916 67.9966 19.111C67.2407 19.2802 55.2002 27.1278 31.8751 42.6539C28.4575 44.9681 25.3619 46.0957 22.5883 46.0366C19.5307 45.9714 13.649 44.3318 9.27664 42.9303C3.91372 41.2112 -0.348624 40.3024 0.0225301 37.3829C0.21585 35.8623 2.33943 34.3072 6.39326 32.7175Z' fill='%23F7F6F9' fill-opacity='0.2'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
}

.pop-up-banners-content {
    position: relative;
    z-index: 1;
    max-width: 500px;
}

.pop-up-banners-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 10;
    padding: 0;
}
.pop-up-banners-close::before,
.pop-up-banners-close::after {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform: rotate(45deg);
    border-radius: 2px;
}
.pop-up-banners-close::after {
    transform: rotate(-45deg);
}

.pop-up-banners-title {
    font-size: 32px;
    font-weight: 700;
    margin: 10px 0 10px 0;
    line-height: 1.2;
    color: #fff;
}

.pop-up-banners-text {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 25px;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 400;
}

.pop-up-banners-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #2AABEE;
    padding: 14px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    gap: 10px;
}
.pop-up-banners-btn::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.64987 11.1099C8.09231 8.28741 12.3883 6.42667 14.5378 5.52765C20.675 2.96077 21.9503 2.51488 22.7815 2.50016C22.9643 2.49692 23.3731 2.54248 23.6379 2.75852C23.8614 2.94094 23.9229 3.18737 23.9524 3.36033C23.9818 3.53328 24.0185 3.92728 23.9893 4.23514C23.6568 7.749 22.2177 16.2762 21.4856 20.2118C21.1758 21.8771 20.5658 22.4354 19.9753 22.4901C18.6919 22.6088 17.7174 21.6372 16.4744 20.8179C14.5294 19.5358 13.4305 18.7377 11.5425 17.4867C9.36064 16.0408 10.7751 15.2462 12.0185 13.9475C12.344 13.6076 17.9985 8.43584 18.1079 7.96668C18.1216 7.90801 18.1343 7.68929 18.0051 7.5738C17.8759 7.45831 17.6851 7.4978 17.5475 7.52921C17.3524 7.57373 14.2452 9.6389 8.22584 13.7247C7.34386 14.3337 6.545 14.6304 5.82924 14.6149C5.04018 14.5977 3.52233 14.1663 2.39397 13.7974C1.00999 13.3451 -0.0899676 13.1059 0.00581423 12.3376C0.0557033 11.9374 0.603723 11.5282 1.64987 11.1099Z' fill='%232AABEE'/%3E%3C/svg%3E");
}
.pop-up-banners-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
    text-decoration: none;
    color: #0288d1;
}

/* ---------------- МОБИЛЬНАЯ АДАПТАЦИЯ (Идентично скрину) ---------------- */
@media (max-width: 600px) {
    .pop-up-banners-container {
        padding: 50px 24px 45px;
        width: 85%;
        max-width: 360px;
        min-height: auto;
        margin: auto;
        position: relative;
        left: -3.7%;

    }

    .pop-up-banners-title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .pop-up-banners-text {
        font-size: 17px;
        margin-bottom: 35px;
        padding: 0 10px;
    }

    .pop-up-banners-btn {
        width: 100%;
        max-width: 280px;
        padding: 16px 20px;
        font-size: 18px;
        box-sizing: border-box;
    }


    .pop-up-banners-container::after {
        width: 200px;
        height: 160px;
        background-size: contain;
        right: auto;
        bottom: auto;
        left: -40px;
        top: 40px;
        opacity: 0.2;
        transform: rotate(-15deg);
    }

    .pop-up-banners-container::before {
        display: none;
    }
}
/* ---------------- Конец Баннер Pop-up окно на сайте + мобильная ---------------- */
/* ---------------- Стили для рекламных блоков (Ctege Ads) ---------------- */
/*
.rl_cnt_bg {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 30px auto;
    clear: both;
    text-align: center;
    line-height: 0;
    position: relative;
    z-index: 1;
}
.rl_cnt_bg:empty {
    display: none !important;
}
.rl_cnt_bg[data-id="321768"],
.rl_cnt_bg[data-id="314615"] {
    min-height: 90px;
}

.rl_cnt_bg[data-id="314616"],
.rl_cnt_bg[data-id="314623"] {
    margin: 40px auto;
    border-top: 1px solid transparent;
}
.rl_cnt_bg[data-id="353204"] {
    margin: 20px auto 0;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .rl_cnt_bg {
        margin: 20px auto;
        overflow: hidden;
    }

    .rl_cnt_bg iframe,
    .rl_cnt_bg img {
        max-width: 100% !important;
        height: auto !important;
    }
}

@media (min-width: 992px) {
    .rl_cnt_bg {
        min-height: 250px;
    }
}*/
/* ---------------- Конец Стили для рекламных блоков (Ctege Ads) ---------------- */


@media (min-width: 768px) {
.col-lg-12 {
    padding: 10px;
}
}
.com-content-category-blog__children.cat-children {
padding: 30px;
}

select.form-control:not([multiple]),select.inputbox:not([multiple]),select:not([multiple]){
height:calc(2.25rem + 2px)}
.form-control-feedback{
display:block;
margin-top:.25rem;
font-size:.875em}
input[type=text],input[type=email],input[type=url],input[type=date],input[type=password],input[type=search],input[type=tel],input[type=number],textarea{
outline:none;
box-shadow:none !important}
input[type=text]:not(.form-control),input[type=email]:not(.form-control),input[type=url]:not(.form-control),input[type=date]:not(.form-control),input[type=password]:not(.form-control),input[type=search]:not(.form-control),input[type=tel]:not(.form-control),input[type=number]:not(.form-control),select:not(.form-select):not(.form-control){
display:block;
width:100%;
padding:.5rem .5rem !important;
font-size:1rem;
line-height:1.25;
color:#495057;
background-color:#fff;
background-image:none;
background-clip:padding-box;
border:1px solid rgba(0,0,0,.15);
border-radius:.25rem;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
input[type=text]:not(.form-control):focus,input[type=email]:not(.form-control):focus,input[type=url]:not(.form-control):focus,input[type=date]:not(.form-control):focus,input[type=password]:not(.form-control):focus,input[type=search]:not(.form-control):focus,input[type=tel]:not(.form-control):focus,input[type=number]:not(.form-control):focus,select:not(.form-select):not(.form-control):focus{
color:#495057;
background-color:#fff;
border-color:#80bdff;
outline:0}
.password-group meter{
width:100%}
.chzn-select,.chzn-select-deselect{
width:100%}
.chzn-container.chzn-container-single .chzn-single{
display:block;
width:100%;
padding:.5rem .75rem;
line-height:1.25;
height:calc(2.25rem + 2px);
color:#495057;
background-color:#fff;
background-image:none;
background-clip:padding-box;
border:1px solid rgba(0,0,0,.15);
border-radius:.25rem;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
box-shadow:none}
.chzn-container.chzn-container-single .chzn-single div{
width:30px;
background:none}
.chzn-container.chzn-container-single .chzn-single div>b{
background:none;
position:relative;
font:normal normal normal 14px/1 FontAwesome}
.chzn-container.chzn-container-single .chzn-single div>b:after{
content:"";
font-family:"Font Awesome 6 Free";
font-weight:900;
font-size:.875rem;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%)}
.chzn-container.chzn-container-single.chzn-container-active.chzn-with-drop .chzn-single{
border-radius:.25rem .25rem 0 0}
.chzn-container.chzn-container-single .chzn-search{
padding:.625rem}
.chzn-container.chzn-container-single .chzn-search input[type=text]{
display:block;
width:100%;
padding:.5rem 1.429rem .5rem .75rem;
font-size:.875rem;
line-height:1.25;
height:calc(2rem + 2px);
color:#495057;
background-color:#fff;
background-image:none;
background-clip:padding-box;
border:1px solid rgba(0,0,0,.15);
border-radius:.25rem;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
box-shadow:none;
-webkit-box-shadow:none}
.chzn-container.chzn-container-single .chzn-search input[type=text]:focus{
border-color:#80bdff;
outline:0;
box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.chzn-container.chzn-container-single .chzn-search:after{
content:"";
font-family:"FontAwesome";
font-size:.875rem;
color:rgba(0,0,0,.2);
position:absolute;
top:50%;
right:20px;
transform:translateY(-50%);
-webkit-transform:translateY(-50%)}
.chzn-container.chzn-container-single .chzn-drop{
border-color:rgba(0,0,0,.15);
border-radius:0 0 .25rem .25rem;
box-shadow:none;
-webkit-box-shadow:none}
.chzn-container.chzn-container-single .chzn-results li.highlighted{
background-image:none !important}
.chzn-container.chzn-container-multi .chzn-choices{
display:block;
width:100%;
padding:0 .75rem;
min-height:calc(2.25rem + 2px);
line-height:1.25;
background-color:#fff;
background-image:none;
background-clip:padding-box;
border:1px solid rgba(0,0,0,.15);
border-radius:.25rem;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
box-shadow:none;
-webkit-box-shadow:none}
.chzn-container.chzn-container-multi .chzn-choices li.search-field input[type=text]{
font-size:.875rem;
font-weight:normal;
line-height:1.25;
height:calc(2rem + 2px);
background-color:#fff}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice{
margin:5.5px 5px 0 0;
padding:5px 20px 5px 5px;
background-image:none;
background-color:#f5f5f5;
border-color:rgba(0,0,0,.1);
box-shadow:none;
-webkit-box-shadow:none}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close{
background:none;
top:5px;
color:rgba(0,0,0,.2)}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover{
color:rgba(0,0,0,.5)}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:after{
content:"";
font-family:"FontAwesome";
font-size:.875rem;
position:absolute;
top:0;
right:0}
.chzn-container.chzn-container-multi.chzn-with-drop.chzn-container-active .chzn-choices{
border-radius:.25rem}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop{
margin-top:-4px;
border:none;
border-radius:0;
box-shadow:none;
-webkit-box-shadow:none}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results:not(:empty){
padding:.75rem;
background:#fff;
border:1px solid rgba(0,0,0,.15);
border-top:0;
border-radius:0 0 .25rem .25rem}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results li.no-results{
background:none}
.form-horizontal .control-label{
float:left;
width:auto;
padding-top:5px;
padding-right:5px;
text-align:left}
.form-horizontal .controls{
margin-left:220px}
.card-block{
padding:20px}
.card-block ul{
list-style:none;
padding:0;
margin:0;
display:block}
.card-block ul li{
display:block}
.alert.alert-error{
color:#721c24;
background-color:#f8d7da;
border-color:#f5c6cb}
.invalid{
color:#a51f18;
border-color:#a51f18}
#sp-cookie-consent{
position:fixed;
font-size:16px;
font-weight:500;
bottom:0;
left:0;
width:100%;
z-index:10001}
#sp-cookie-consent>div{
padding:20px;
position:relative}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format{
position:relative;
display:inline-block;
vertical-align:middle;
white-space:nowrap}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline{
margin:0;
margin-right:-5px;
padding-left:0px}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label{
display:inline-block;
padding:4px 12px;
margin-bottom:0;
font-size:13px;
line-height:18px;
text-align:center;
vertical-align:middle;
cursor:pointer;
background-color:#f3f3f3;
color:#333;
border-top:1px solid #b3b3b3;
border-right:1px solid #b3b3b3;
border-bottom:1px solid #b3b3b3;
box-shadow:0 1px 2px rgba(0,0,0,.05);
border-radius:0}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label.btn-success{
background:#46a546;
color:#fff}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label input[type=radio]{
display:none !important}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline:last-child label{
border-top-right-radius:3px;
border-bottom-right-radius:3px}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline:first-child label{
border-left:1px solid #b3b3b3;
border-top-left-radius:3px;
border-bottom-left-radius:3px}
.com-contenthistory .btn-group{
display:flex;
justify-content:flex-end}
.com-contenthistory .btn-group button{
display:inline-block;
padding:4px 12px;
margin-bottom:0;
font-size:13px;
line-height:18px;
text-align:center;
vertical-align:middle;
cursor:pointer;
color:#333;
text-shadow:0 1px 1px rgba(255,255,255,.75);
background-color:#f5f5f5;
background-repeat:repeat-x;
border:1px solid #bbb;
border-bottom-color:#a2a2a2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}
.com-contenthistory .btn-group button:hover{
color:#333;
background-color:#e9e9e9}
#versionsModal{
top:10%}
#versionsModal .modal-dialog{
max-width:80%}
#versionsModal iframe{
min-height:300px}
body.com-content.view-form.layout-edit .nav-tabs .nav-link{
display:block !important}
.no-js img.lazyload{
display:none}
#system-message-container{
position:fixed;
bottom:0px;
right:15px;
max-width:350px;
z-index:9999}
#system-message-container .alert{
font-size:13px;
line-height:1.5}
#system-message-container .alert>.btn-close{
position:absolute;
right:5px;
top:5px;
cursor:pointer}
#system-message-container joomla-alert{
font-size:13px}
.com-users.view-registration #member-registration .modal-dialog,.com-users.view-registration #member-profile .modal-dialog,.com-users.view-profile #member-registration .modal-dialog,.com-users.view-profile #member-profile .modal-dialog{
display:flex;
align-items:center;
min-height:calc(100% - 1rem)}
.hu-media-modal .modal-dialog{
display:flex;
align-items:center;
min-height:calc(100% - 1rem)}
.registration #member-registration #jform_privacyconsent_privacy-lbl{
display:inline-flex}
.registration #member-registration #jform_privacyconsent_privacy-lbl>a{
position:initial;
display:block;
color:#252525}
.registration #member-registration #jform_privacyconsent_privacy-lbl>a:hover,.registration #member-registration #jform_privacyconsent_privacy-lbl>a:focus{
color:#044cd0}
body.com-users.view-registration>#sbox-window{
overflow:hidden}
body.com-users.view-registration>#sbox-window>#sbox-btn-close{
top:5px;
right:5px}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs{
display:flex;
padding:0;
margin:0 !important;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
list-style:outside none none;
background-color:#f5f5f5;
border-color:#ccc #ccc currentcolor;
border-style:solid solid none;
border-width:1px 1px 0;
border-radius:.25rem .25rem 0 0;
border-image:none;
box-shadow:0 1px #fff inset,0 2px 3px -3px rgba(0,0,0,.15),0 -4px 0 rgba(0,0,0,.05) inset,0 0 3px rgba(0,0,0,.04)}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs .nav-item>.nav-link{
color:var(--text-color)}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs .nav-item>.nav-link.active{
background-color:rgba(0,0,0,.03);
background-image:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.05) 100%);
border-right:0 none;
border-left:0 none;
border-top-left-radius:0;
border-top-right-radius:0;
box-shadow:2px 0 1px -1px rgba(0,0,0,.08) inset,-2px 0 1px -1px rgba(0,0,0,.08) inset,0 1px 0 rgba(0,0,0,.02) inset}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.tab-content{
padding:15px;
background-color:#fefefe;
border:1px solid #ccc;
border-radius:0 0 .25rem .25rem;
box-shadow:0 0 3px rgba(0,0,0,.04)}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #editor label#jform_title-lbl{
margin-bottom:15px;
font-weight:700}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #editor .js-editor-tinymce{
display:flex;
flex-direction:column}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group{
display:flex;
flex-direction:column}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group>label,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group>label,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group>label{
margin-bottom:5px;
font-weight:700}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group textarea,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group textarea,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group textarea{
width:100%}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group .calendar-container .time td select,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group .calendar-container .time td select,body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group .calendar-container .time td select{
padding:4px;
font-size:13px}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid{
display:flex;
max-width:100%}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8{
flex:auto}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls{
margin-left:10px;
display:flex;
max-width:500px}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls #folderlist_chzn,body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls #folderlist{
flex:auto}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8 #upbutton{
background:var(--bs-primary);
color:#fff;
margin:0 5px}
body.contentpane.com-media.view-images .container-popup #imageForm .well>.row-fluid:not(:last-child){
margin-bottom:5px}
body.contentpane.com-media.view-images .container-popup #imageForm .well>.row-fluid:not(:last-child)>.control-group:not(:last-child){
margin-bottom:5px}
body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel{
background:var(--bs-danger);
color:#fff}
body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel:hover,body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel:focus{
border-color:var(--bs-danger)}
body.contentpane.com-menus.view-items.layout-modal #adminForm .js-stools-container-bar{
display:flex}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar{
display:flex;
align-items:center;
padding:10px 0px}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label{
margin-right:10px}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append{
display:flex}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type=submit]{
background:var(--bs-primary);
color:#fff;
margin-left:5px}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type=button]{
background:var(--bs-primary);
color:#fff}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools,body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools,body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools{
padding-top:15px}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar,body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar,body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar{
margin-bottom:10px}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label,body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label,body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label{
margin-right:10px}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append,body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append,body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append{
display:flex}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type=submit],body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type=submit],body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type=submit]{
background:var(--bs-primary);
color:#fff;
margin-left:5px}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type=button],body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type=button],body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type=button]{
background:var(--bs-primary);
color:#fff}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm .js-stools-container-bar,body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm .js-stools-container-bar{
display:flex;
align-items:center}
.modal-dialog.jviewport-width80{
width:80vw;
max-width:none}
.btn:focus{
box-shadow:none !important}
.input-group.hu-j4-media{
max-width:356px}
.hidden{
display:none !important}
.field-calendar .input-group-text{
padding:0}
.field-calendar .input-group-text button#jform_mycalendar_btn{
background:rgba(0,0,0,0);
border:none;
color:#212529}
.form-check-inline label.form-check-label.btn{
padding:.375rem 3px}
.modal-body .iframe{
min-height:60vh !important}
#sbox-content iframe{
width:780px;
height:480px}
.carousel-item img{
width:100%}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0, 0, 0, 0) !important;
white-space:nowrap !important;
border:0 !important}
li.custom_user_login_menu ul li:last-child,li.custom_user_login_menu{
border-bottom:none}
li.custom_user_login_menu ul{
padding-left:0;
list-style:none}
li.custom_user_login_menu ul li{
padding:5px 0;
border-bottom:1px solid #eee}
svg#Passkey{
height:2rem}
#icon-passkey{
fill:#fff}
.inner-wrapper-sticky{
background-color:#fff}
.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{
margin:0}
.joomla-dialog-header .header-icon{
margin-inline-end:.375rem;
font-size:1.75rem}
.joomla-dialog-header.empty{
display:none}
.joomla-dialog-body{
box-sizing:border-box;
flex:auto;
position:relative}
.joomla-dialog-body .buttons-holder{
position:absolute;
top:1rem;
right:1rem}
.joomla-dialog-body joomla-dialog[type=inline],joomla-dialog[type=ajax] .joomla-dialog-body{
overflow:auto}
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-footer.empty{
display:none}
.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-content-select-field dialog{
width:90vw;
height:90vh}
}
.article-details .featured-article-badge{
position:unset}
.article-details:has(.article-full-image) .featured-article-badge,.article-details:has(.article-featured-image) .featured-article-badge,.article-details:has(.article-feature-gallery) .featured-article-badge,.article-details:has(.article-featured-video) .featured-article-badge,.article-details:has(.article-featured-audio) .featured-article-badge{
position:absolute}
#users-profile-custom-joomlatoken .list-group-item{
white-space:nowrap;
overflow:auto}
.com-media.contentpane{
padding:10px !important}
.com-media .well{
background:#f5f5f5;
padding:20px;
border-radius:4px;
margin-bottom:10px}
.com-media .well .row{
margin:0;
padding:0}
.com-media .well .row>div:first-child{
width:calc(100% - 200px)}
.com-media .well .row>div:last-child{
width:200px;
float:right;
text-align:right;
padding-top:30px}
.com-media .well .row #folderlist{
display:inline-block}
.com-media .well .row #upbutton{
display:none}
.com-media.view-imagesList{
padding:0px 0px 10px 0 !important}
.com-media.view-imagesList:before{
content:" ";
display:table}
.com-media.view-imagesList:after{
display:block;
clear:both;
content:""}
.com-media.view-imagesList ul.manager{
list-style:none;
padding:0;
margin:0}
.com-media.view-imagesList ul.manager>li.thumbnail{
width:110px;
float:left}
.com-media.view-imagesList ul.manager>li.thumbnail>a.selected{
border:2px solid green;
position:absolute;
top:0;
left:0;
right:0;
bottom:0}
.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child{
height:60px;
margin-bottom:10px;
text-align:center}
.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child>span{
display:inline-block;
width:60px;
height:40px;
margin:0 auto;
margin-top:25px;
position:relative;
background-color:#92ceff;
border-radius:0 5px 5px 5px}
.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child>span:before{
content:"";
width:50%;
height:12px;
border-radius:0 20px 0 0;
background-color:#92ceff;
position:absolute;
top:-12px;
left:0px}
.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child img{
display:inline-block}






.sp-pre-loader{
background:#fff;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:99999}
.sp-pre-loader .sp-loader-clock{
border:3px solid #0b45bb;
border-radius:60px;
bottom:0;
height:80px;
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
width:80px}
.sp-pre-loader .sp-loader-clock:after{
content:"";
position:absolute;
background-color:#0b45bb;
top:2px;
left:48%;
height:38px;
width:4px;
border-radius:5px;
-webkit-transform-origin:50% 97%;
transform-origin:50% 97%;
-webkit-animation:grdAiguille 2s linear infinite;
animation:grdAiguille 2s linear infinite}
.sp-pre-loader .sp-loader-clock:before{
content:"";
position:absolute;
background-color:#0b45bb;
top:6px;
left:48%;
height:35px;
width:4px;
border-radius:5px;
-webkit-transform-origin:50% 94%;
transform-origin:50% 94%;
-webkit-animation:ptAiguille 12s linear infinite;
animation:ptAiguille 12s linear infinite}
.sp-pre-loader .sp-loader-circle{
position:absolute;
height:80px;
width:80px;
border-radius:80px;
border:3px solid fade(#0b45bb, 70%);
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-animation:loader1 3s linear infinite;
animation:loader1 3s linear infinite}
.sp-pre-loader .sp-loader-circle:after{
content:"";
position:absolute;
top:-5px;
left:20px;
width:11px;
height:11px;
border-radius:10px;
background-color:#0b45bb}
.sp-pre-loader .sp-loader-bubble-loop{
position:absolute;
width:12px;
height:12px;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
border-radius:12px;
background-color:#0b45bb;
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-animation:loader6 1s ease-in-out infinite;
animation:loader6 1s ease-in-out infinite}
.sp-pre-loader .sp-loader-bubble-loop:before{
content:"";
position:absolute;
background-color:rgba(3,69,191,.5);
top:0px;
left:-25px;
height:12px;
width:12px;
border-radius:12px}
.sp-pre-loader .sp-loader-bubble-loop:after{
content:"";
position:absolute;
background-color:rgba(3,69,191,.5);
top:0px;
left:25px;
height:12px;
width:12px;
border-radius:12px}
.sp-pre-loader .circle-two{
bottom:0;
height:100px;
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
width:100px}
.sp-pre-loader .circle-two>span,.sp-pre-loader .circle-two>span:before,.sp-pre-loader .circle-two>span:after{
content:"";
display:block;
border-radius:50%;
border:2px solid #0b45bb;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)}
.sp-pre-loader .circle-two>span{
width:100%;
height:100%;
top:0;
left:0;
border-left-color:rgba(0,0,0,0);
-webkit-animation:effect-2 2s infinite linear;
-moz-animation:effect-2 2s infinite linear;
-ms-animation:effect-2 2s infinite linear;
-o-animation:effect-2 2s infinite linear;
animation:effect-2 2s infinite linear}
.sp-pre-loader .circle-two>span:before{
width:75%;
height:75%;
border-right-color:rgba(0,0,0,0)}
.sp-pre-loader .circle-two>span:after{
width:50%;
height:50%;
border-bottom-color:rgba(0,0,0,0)}
.sp-pre-loader .wave-two-wrap{
position:absolute;
margin:auto;
left:0;
right:0;
top:50%;
width:90px}
.sp-pre-loader .wave-two{
margin:0;
list-style:none;
width:90px;
position:relative;
padding:0;
height:10px}
.sp-pre-loader .wave-two li{
position:absolute;
width:2px;
height:0;
background-color:#0b45bb;
bottom:0}
.sp-pre-loader .wave-two li:nth-child(1){
left:0;
-webkit-animation:sequence1 1s ease infinite 0;
animation:sequence1 1s ease infinite 0}
.sp-pre-loader .wave-two li:nth-child(2){
left:15px;
-webkit-animation:sequence2 1s ease infinite .1s;
animation:sequence2 1s ease infinite .1s}
.sp-pre-loader .wave-two li:nth-child(3){
left:30px;
-webkit-animation:sequence1 1s ease-in-out infinite .2s;
animation:sequence1 1s ease-in-out infinite .2s}
.sp-pre-loader .wave-two li:nth-child(4){
left:45px;
-webkit-animation:sequence2 1s ease-in infinite .3s;
animation:sequence2 1s ease-in infinite .3s}
.sp-pre-loader .wave-two li:nth-child(5){
left:60px;
-webkit-animation:sequence1 1s ease-in-out infinite .4s;
animation:sequence1 1s ease-in-out infinite .4s}
.sp-pre-loader .wave-two li:nth-child(6){
left:75px;
-webkit-animation:sequence2 1s ease infinite .5s;
animation:sequence2 1s ease infinite .5s}
.sp-pre-loader .sp-loader-audio-wave{
width:3em;
height:2em;
background:linear-gradient(#0b45bb, #0b45bb) 0 50%,linear-gradient(#0b45bb, #0b45bb) .625em 50%,linear-gradient(#0b45bb, #0b45bb) 1.25em 50%,linear-gradient(#0b45bb, #0b45bb) 1.875em 50%,linear-gradient(#0b45bb, #0b45bb) 2.5em 50%;
background-repeat:no-repeat;
background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em .25em;
animation:audioWave 1.5s linear infinite;
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
margin:auto}
.sp-pre-loader .sp-loader-with-logo{
top:0;
left:0;
width:100%;
height:100%;
right:0;
bottom:0;
margin:auto;
text-align:center;
position:absolute;
display:flex;
justify-content:center;
align-items:center}
.sp-pre-loader .sp-loader-with-logo .logo{
display:inline-block;
width:auto}
.sp-pre-loader .sp-loader-with-logo .line{
background:#0b45bb;
height:5px;
left:0;
position:absolute;
top:0}
@media(max-width: 1199px){
#sp-header.full-header{
padding-left:15px;
padding-right:15px}
#sp-header.header-with-social #sp-menu .social-wrap{
padding-left:0px}
@media(max-width: 991px){
:root{
--header_height: $header_height_sm}
.sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span{
line-height:50px}
#sp-header{
height:50px}
#sp-header .logo{
height:50px}

#sp-header.header-with-modal-menu #modal-menu-toggler{
display:none}
#sp-header-topbar .container-inner>.row{
min-height:50px}
#modal-menu{
top:50px}
.sp-megamenu-parent>li>a,.sp-megamenu-parent>li span{
padding:0 10px}
}

#sp-logo.has-border>.sp-column{
border-right:none;
padding-right:0px}
#sp-menu .social-wrap:after,#sp-logo.has-border:after{
display:none}
#sp-logo.has-border{
padding-right:15px}
#sp-menu .social-wrap{
padding-left:15px}
#sp-header.header-with-modal-menu.center-layout .sp-contact-info,#sp-header.header-with-modal-menu.classic-layout .sp-contact-info{
display:none}
#sp-header-topbar{
margin:10px 0px}
#sp-header-topbar .container-inner{
padding-bottom:10px}
.inner-wrapper-sticky{
z-index:1000}
}
@media(max-width: 767px){
#sp-menu .social-wrap{
padding-left:10px}
#sp-menu .social-wrap:after{
display:none}
#sp-header .menu-wrap{
display:none}
.modal-dialog.jviewport-width80{
width:auto}
.article.related-article-large.d-flex{
display:block !important}
.related-article-large .article-image{
width:auto;
min-width:auto;
margin-bottom:15px}
.related-article-large .article-information{
border-left:none;
padding-left:0;
margin-left:0}
.article-list.grid{
--columns: 1 !important;
margin-bottom:15px}
.inner-wrapper-sticky{
z-index:100}
}
@media(max-width: 575px){
:root{
--header_height: $header_height_xs}
.sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span{
line-height:40px}
#sp-header .logo{
height:50px}
#sp-header-topbar .container-inner>.row{
min-height:40px}
#modal-menu{
top:40px}
#sp-header .sp-module{
margin-left:10px}
#sp-header .sp-module .sp-sign-in .text{
display:none}
#sp-menu ul.social-icons>li:not(:last-child){
margin-right:10px}
#sp-header.lg-header .top-part{
border-bottom:none}
#sp-header.lg-header #sp-contact{
order:1}
#sp-header.lg-header #sp-logo{
order:3}
#sp-header.lg-header #sp-social{
order:2}
#sp-header.lg-header #sp-social .sp-column{
justify-content:center !important}
#sp-header.lg-header #sp-social .social-icons{
margin:0}
#sp-header.lg-header #sp-social .social-icons>li:not(:last-child){
margin-right:10px}
#sp-header.lg-header .sp-contact-info{
text-align:center;
margin:5px 0}
.header-has-modules .container-inner>.row{
flex-wrap:wrap !important}

html.coming-soon #coming-soon-countdown .coming-soon-days,html.coming-soon #coming-soon-countdown .coming-soon-hours,html.coming-soon #coming-soon-countdown .coming-soon-minutes,html.coming-soon #coming-soon-countdown .coming-soon-seconds{
width:50%;
margin-bottom:15px}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number,html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number,html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number,html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number{
font-size:2.5rem}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string,html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string,html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string,html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string{
font-size:14px}
.view-search #search-form .btn-group{
flex-wrap:wrap}
.view-search #search-form button,.view-search #search-form .btn{
border-radius:3px}
}

.category-news-msin__item:nth-child(4n+1) {
    background-image: url('data:image/svg+xml,%3Csvg width="187" height="480" viewBox="0 0 187 480" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M243.247 0L287.176 126.306L402.016 57.787L354.479 182.78L486.495 204.109L369.736 269.303L457.155 370.5L325.807 345.391L327.726 479.104L243.247 375.44L158.768 479.104L160.687 345.391L29.3388 370.5L116.758 269.303L-0.000442505 204.109L132.015 182.78L84.4785 57.787L199.318 126.306L243.247 0Z" fill="%23FF7654"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right;
}
.category-news-msin__item:nth-child(4n+2),
.category-news-msin__item:nth-child(4n+4) {
    background-image: url('data:image/svg+xml,%3Csvg width="280" height="496" viewBox="0 0 280 496" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_6011_1587)"%3E%3Cpath d="M234.5 87L309.375 228.444L467.033 255.945L355.65 370.864L378.214 529.305L234.5 458.885L90.7865 529.305L113.35 370.864L1.96667 255.945L159.625 228.444L234.5 87Z" fill="%23B8B7CC" opacity="0.3"/%3E%3C/g%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.category-news-msin__item:nth-child(4n+3) {
    background-image: url('data:image/svg+xml,%3Csvg width="216" height="203" viewBox="0 0 216 203" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M215.773 41.0246C217.21 32.8659 211.761 25.087 203.602 23.6498L70.6492 0.229903C62.4905 -1.20726 54.7116 4.2416 53.2744 12.4003C51.8372 20.5589 57.2861 28.3379 65.4447 29.775L183.625 50.5927L162.808 168.773C161.37 176.932 166.819 184.711 174.978 186.148C183.137 187.585 190.915 182.136 192.353 173.978L215.773 41.0246ZM-7.39427 202.708L209.606 50.7082L192.394 26.1366L-24.6057 178.137L-7.39427 202.708Z" fill="%23E3D1FF"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: left center;
}