: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}
#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: 5px;
}
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.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 .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;
	top: 10px;
    position: relative;}
#sp-header .logo a{
	top: -10px;
	position: relative;
	}

#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:#000;
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;
    }
.row{
padding: 10px;	
}	
}
#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}

.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}
#sp-invisible {
height: 1px;
background: #171717;	
}
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{
	
}
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;
border-radius:100%;
z-index:1000;
transition:all .3s ease}
.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;
}
/* ---------------------- Блок Up top left block ---------------------- */ 
.up-top-left-block-wrapper {
    display: flex;
    align-items: center;
    padding: 15px 15px 15px 0px;
    box-sizing: border-box;
    justify-content: start;
}

.up-top-left-block-badge {
    background-color: #ef7b00;
    color: #ffffff;
    font-size: 26px;
    font-weight: 900;
    padding: 8px 14px;
    line-height: 1;
    letter-spacing: -0.5px;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    transform: rotate(-2deg);
}

.up-top-left-block-wrapper:hover .up-top-left-block-badge {
    animation: up-top-left-block-breathe 2s ease-in-out infinite;
}

@keyframes up-top-left-block-breathe {
    0% {
        transform: scale(1) rotate(-2deg);
        box-shadow: 0 0 0 0 rgba(239, 123, 0, 0);
    }
    50% {
        transform: scale(1.05) rotate(-2deg);
        box-shadow: 0 4px 12px rgba(239, 123, 0, 0.4);
    }
    100% {
        transform: scale(1) rotate(-2deg);
        box-shadow: 0 0 0 0 rgba(239, 123, 0, 0);
    }
}

.up-top-left-block-text {
    color: #2c3136;
    font-size: 22px;
    font-weight: 800;
    margin-left: 15px;
    line-height: 1.2;
    letter-spacing: -0.2px;
}

@media (max-width: 436px) {
    .up-top-left-block-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .up-top-left-block-text {
        margin-left: 0;
        margin-top: 15px;
    }
}
@media (max-width: 991px) {
.up-top-left-block-wrapper {
    padding: 0px 15px 15px 15px;
    justify-content: center;
}
.up-top-left-block-text {
    font-size: 18px;
	text-align: center;
}
}
/* ---------------------- Конец Блок Up top left block ---------------------- */ 
/* ---------------------- Блок Up top right block ---------------------- */ 
.up-top-right-block-wrapper {
    display: flex;
    align-items: center;
	padding: 15px 0px 15px 15px;
    box-sizing: border-box;
    overflow: hidden;
    justify-content: end;
}

.up-top-right-block-icon-wrapper {
    margin-right: 15px;
    flex-shrink: 0;
    width: 45px;
    height: 45px;
    position: relative;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%232c3136' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6h2 M2 10h2 M1 14h2 M1 18h6'/%3E%3Cpath d='M6 18V8a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v10'/%3E%3Cpath d='M11 18h5'/%3E%3Cpath d='M15 10h4l3 3v3a2 2 0 0 1-2 2 M15 13h7'/%3E%3Ccircle cx='9' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.up-top-right-block-icon-wrapper::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    height: 18px;
    background-image: 
        linear-gradient(#2c3136, #2c3136),
        linear-gradient(#2c3136, #2c3136),
        linear-gradient(#2c3136, #2c3136);
    background-repeat: no-repeat;
    background-position: right 0, right 8px, right 16px;
    background-size: 40% 2px, 70% 2px, 100% 2px;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

.up-top-right-block-wrapper:hover .up-top-right-block-icon-wrapper {
    animation: up-top-right-truck-drive 0.7s ease-in forwards;
}

.up-top-right-block-wrapper:hover .up-top-right-block-icon-wrapper::after {
    animation: up-top-right-truck-lines 0.7s ease-in forwards;
}

@keyframes up-top-right-truck-drive {
    0% { transform: translateX(0); opacity: 1; }
    15% { transform: translateX(-10px); opacity: 1; }
    40% { opacity: 1; }
    80% { transform: translateX(150px); opacity: 0; }
    100% { transform: translateX(150px); opacity: 0; }
}

@keyframes up-top-right-truck-lines {
    0% { width: 0; left: 0; opacity: 0; }
    15% { width: 0; left: 0; opacity: 1; }
    40% { width: 60px; left: -60px; opacity: 1; }
    80% { width: 100px; left: -100px; opacity: 0; }
    100% { width: 100px; left: -100px; opacity: 0; }
}

.up-top-right-block-text-container {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.up-top-right-block-title {
    color: #2c3136;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.2px;
}

.up-top-right-block-subtitle {
    color: #65717b;
    font-size: 15px;
    font-weight: 400;
    margin-top: 5px;
    line-height: 1.2;
}

@media (max-width: 991px) {
.up-top-right-block-wrapper {
        padding: 15px 15px 0px 15px;
        justify-content: center;
        text-align: center;
}
.up-top-right-block-title {
    font-size: 18px;
}	
}
/* ---------------------- Конец Блок Up top right block ---------------------- */ 

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

#sp-main-menu {
    display: flex;
    align-items: center;
    position: relative;
	padding-top: 10px;
	z-index: 999;
}
#sp-menu.col-lg-12 {
    padding: 0;
}
#sp-menu > .sp-column {
    height: 100%;
}

#sp-menu.menu-with-social .sp-megamenu-wrapper {
    flex: auto;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

#sp-menu.menu-center .sp-megamenu-wrapper {
    justify-content: center;
}

.menu-flex .sp-megamenu-wrapper {
    display: flex;
    justify-content: flex-end;
}

/* ---------------------- Социальные иконки в меню ---------------------- */

#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;
}

/* ---------------------- Структура пунктов меню (Первый уровень) ---------------------- */

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

.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-size: 15px;
    width: 100%;
}
.sp-megamenu-parent > li > span{
	padding-top: 15px !important;
	cursor: pointer;
}
.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, 
.sp-megamenu-parent > li > span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
    margin: 0;
    position: relative;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
	height: 100px;
    white-space: nowrap;
}

/* === ФИКС ДЛЯ ДЕСКТОПНОГО МЕНЮ (Равномерная ширина и защита от d-lg-block) === */
@media (min-width: 992px) {
    ul.sp-megamenu-parent.d-lg-block {
        display: flex !important; /* Перебивает Bootstrap класс d-lg-block, возвращая сетку в горизонтальное положение */
        flex-wrap: nowrap !important;
    }
    
    ul.sp-megamenu-parent.d-lg-block > li {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        display: block !important;
    }
    
    ul.sp-megamenu-parent.d-lg-block > li > a,
    ul.sp-megamenu-parent.d-lg-block > li > span {
        width: 100%;
    }
}
/* ============================================================================== */

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

.sp-megamenu-parent > li > a i,
.sp-megamenu-parent > li > span i,
.sp-megamenu-parent > li > a img,
.sp-megamenu-parent > li > span img {
    font-size: 26px;
    margin-bottom: 8px;
    display: block;
}

.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 .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;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after {
    font-family: "Font Awesome 6 Free";
    content: "\f107";
    font-weight: 900;
	position: absolute;
    top: 80px;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
    font-family: "Font Awesome 6 Free";
    content: "\f107";
    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;
}

/* ---------------------- Выпадающие списки (Dropdown) ---------------------- */

.sp-megamenu-parent .sp-dropdown {
    margin: 0;
    position: absolute;
    z-index: 9999;
    display: none;
    width: max-content !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    border: 1px solid #00000014;
    position: relative;
    left: 10px;
    background-color: #ffffff;
    padding: 8px;
    border-radius: 8px;
}

.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-menu-item span.pe-2{
    font-size: 30px;
    padding-right: 0px !important;
    margin-bottom: 10px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item span.pe-2 {
    font-size: 16px;
    padding-right: 10px !important;
    margin-bottom: 0;
}

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

.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: 15px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 6px;
    text-decoration: none;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > span:not(.sp-menu-badge) {
    font-weight: 600;
}

.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-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-mega-group-child li:hover {
    border-radius: 8px;
}

body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
    font-family: "Font Awesome 6 Free";
    content: "\f105";
    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%;
}
/* ---------------------- Мега-меню (Группы и модули) ---------------------- */

.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 .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;
}

/* ---------------------- Модальное меню (Center & Classic layouts) ---------------------- */

#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 .sp-megamenu-wrapper {
    height: 100%;
    align-items: center;
}

/* ========================================================================
   МЕДИАЗАПРОСЫ (Сортировка: от мобильных к десктопам)
   ======================================================================== */

/* ---------------------- ДО 480px (Смартфоны) ---------------------- */
@media (max-width: 480px) {
    body #sp-header .row::before { flex: 0 0 15%; width: 15%; }
    body #sp-main-menu #offcanvas-toggler { width: 15%; }
    body #sp-header #sp-logo, body #sp-header #sp-logo.col-lg-2 { flex: 0 0 30%; width: 30%; position: relative; left: -5%; }
    body #sp-header #sp-user1, body #sp-header #sp-user1.col-lg-2 { flex: 0 0 13%; width: 13%; position: relative; left: -5%; }
    body #sp-header #sp-user2, body #sp-header #sp-user2.col-lg-2 { flex: 0 0 13%; width: 13%; }
    body #sp-header #sp-user3, body #sp-header #sp-user3.col-lg-2 { flex: 0 0 13%; width: 13%; }
    body #sp-header #sp-search, body #sp-header #sp-search.col-lg-5 { flex: 0 0 16%; width: 16%; position: relative; left: 3%; }

    #sp-header .sp-column .logo-image-phone, #sp-header .logo-image {
        left: -20% !important;
        height: 25px !important;
        width: auto !important;
        position: relative !important;
    }
}
}

/* ---------------------- ДО 768px (Вертикальные планшеты) ---------------------- */
@media (max-width: 768px) {
    #sp-bottom2.col-lg-12 { margin-top: 50px; }

    body #sp-header .row::before { flex: 0 0 15%; width: 15%; }
    body #sp-main-menu #offcanvas-toggler { width: 15%; }
    body #sp-header #sp-logo, body #sp-header #sp-logo.col-lg-2 { flex: 0 0 35%; width: 35%; }
    body #sp-header #sp-user1, body #sp-header #sp-user1.col-lg-2 { flex: 0 0 12%; width: 12%; }
    body #sp-header #sp-user2, body #sp-header #sp-user2.col-lg-2 { flex: 0 0 12%; width: 12%; }
    body #sp-header #sp-user3, body #sp-header #sp-user3.col-lg-2 { flex: 0 0 12%; width: 12%; }
    body #sp-header #sp-search, body #sp-header #sp-search.col-lg-5 { flex: 0 0 14%; width: 14%; }

    #sp-header .sp-column .logo-image-phone, #sp-header .logo-image {
        left: -20% !important;
        height: 25px !important;
        width: auto !important;
        position: relative !important;
    }	
}

/* ---------------------- ДО 991px (Горизонтальные планшеты и мобильные) ---------------------- */
@media (max-width: 991px) {
    body #sp-main-menu {
        margin-top: -50px;
        margin-bottom: 50px;
        height: 0;
        position: relative;
        z-index: 105;
        pointer-events: none;
    }
    
    body #sp-menu-modal { display: none; }
    body #sp-menu { position: static; }
    
    body nav.sp-megamenu-wrapper {
        position: static;
        display: block;
    }

    body #sp-header.header-sticky + #sp-main-menu {
        position: fixed;
        top: 0;
        margin-top: 0;
        width: 100%;
        z-index: 10000;
        animation: spFadeInDown 0.5s;
    }   
    
    body #sp-top .row {
        display: flex;
        flex-direction: column;
    }

    body #sp-header .row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0;
        margin: 0;
        position: relative;
        left: 0;
    }
    
    #sp-top #sp-top2 {
        order: 1;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 10px;
    }

    #sp-top #sp-top1 {
        order: 2;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

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

    body #sp-header #sp-user1 .sp-column,
    body #sp-header #sp-user2 .sp-column,
    body #sp-header #sp-user3 .sp-column,
    body #sp-header #sp-search .sp-column {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    #sp-header .sp-column .logo-image-phone,
    #sp-header .logo-image {
        left: -21px;
        height: 27px;
        width: auto;
        position: relative;
    }

    body #sp-main-menu #offcanvas-toggler {
        pointer-events: auto;
        position: absolute;
        z-index: 10005;
        left: 0;
        top: -10px;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    /* Настройки ширины (Горизонтальные планшеты) */
    body #sp-header .row::before { content: ""; display: block; order: 1; flex: 0 0 15%; width: 15%; }
    body #sp-main-menu #offcanvas-toggler { width: 15%; }
    body #sp-header #sp-logo, body #sp-header #sp-logo.col-lg-2 { order: 2; flex: 0 0 35%; width: 35%;  }
    body #sp-header #sp-user1, body #sp-header #sp-user1.col-lg-2 { order: 3; flex: 0 0 12%; width: 12%; }
    body #sp-header #sp-user2, body #sp-header #sp-user2.col-lg-2 { order: 4; flex: 0 0 12%; width: 12%; }
    body #sp-header #sp-user3, body #sp-header #sp-user3.col-lg-2 { order: 5; flex: 0 0 12%; width: 12%; }
    body #sp-header #sp-search, body #sp-header #sp-search.col-lg-5 { order: 6; flex: 0 0 14%; width: 14%; }
}

/* ---------------------- КОНТЕЙНЕРЫ (от 576px до 1400px) ---------------------- */
@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; } }

/* ---------------------- МАКЕТЫ ДЛЯ ДЕСКТОПА (от 992px) ---------------------- */

@media (min-width: 992px) {
    #sp-user1 .sp-column,
    #sp-user2 .sp-column,
    #sp-user3 .sp-column {
        justify-content: flex-end;
        height: 100%;
    }
    
    #sp-user2, 
    #sp-user3 {
        display: flex;
        align-items: center;
        justify-content: end;
    }
    
    #sp-user2 .sp-module,
    #sp-user3 .sp-module {
        margin: 0;
        display: flex;
        align-items: center;
        height: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #sp-header #sp-top1.col-lg-7 { flex: 0 0 auto; width: 43%; position: relative; left: -5%; }
    #sp-header #sp-title.col-lg-4 { flex: 0 0 auto; width: 24%; position: relative; top: 7px; left: -7%; }
    #sp-header #sp-top2.col-lg-5 { flex: 0 0 auto; width: 44%; position: relative; left: -6%; }
    #sp-header #sp-logo.col-lg-2 { flex: 0 0 auto; position: relative; left: 30px; }
    #sp-header #sp-search.col-lg-5 { flex: 0 0 auto; left: 40px; position: relative; }
    #sp-header #sp-user1.col-lg-2 { width: 3%; left: -10px; position: relative; }
    body .sp-megamenu-parent > li > a, body .sp-megamenu-parent > li span { padding: 0 15px; }
    .social-icon-link { width: 30px; height: 30px; }
}

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

@media (min-width: 1300px) and (max-width: 1399px) {
    #sp-header #sp-top1.col-lg-7 { flex: 0 0 auto; width: 35%; position: relative; }
    #sp-header #sp-title.col-lg-4 { flex: 0 0 auto; width: 25%; position: relative; top: 7px; }
    #sp-header #sp-top2.col-lg-5 { flex: 0 0 auto; width: 38%; position: relative; }
    #sp-header #sp-logo.col-lg-2 { flex: 0 0 auto; position: relative; right: 120px; }
    #sp-header #sp-search.col-lg-5 { flex: 0 0 auto; left: 60px; position: relative; }
    #sp-header #sp-user1.col-lg-2 { width: 3%; left: -10px; position: relative; }
    body .sp-megamenu-parent > li > a, body .sp-megamenu-parent > li span { padding: 0 10px; }
    .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-header #sp-top1.col-lg-7 { flex: 0 0 auto; width: 46%; position: relative; }
    #sp-header #sp-title.col-lg-2 { flex: 0 0 auto; width: 4%; position: relative; top: 7px; }
    #sp-header #sp-top2.col-lg-6 { flex: 0 0 auto; width: 50%; position: relative; }
    #sp-header #sp-logo.col-lg-2 { flex: 0 0 auto; position: relative; left: 30px;}
    #sp-header #sp-search.col-lg-5 { flex: 0 0 auto; left: 30px; position: relative; }
    #sp-header #sp-user1.col-lg-2 { width: 3%; left: -10px; position: relative; }
    body .sp-megamenu-parent > li > a, body .sp-megamenu-parent > li span { padding: 0 10px; }
    .social-icon-link { width: 30px; height: 30px; }
}

@media (min-width: 1600px) {
    #sp-header #sp-logo.col-lg-2 {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
		right: 10px;
		position: relative;
    }
    #sp-header #sp-top3.col-lg-6 {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 800px;       
    }
    #sp-header #sp-search.col-lg-2 {
        flex: 0 0 auto;
        right: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;        
    }
    #sp-header #sp-user1.col-lg-2 {
        flex: 0 0 auto;
        right: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;        
    }
    
    .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; }
}
/* ---------------------- Конец Главное Меню ---------------------- */
/* ---------------------- Мобильное Меню (Final Stable v6.1) ---------------------- */
.offcanvas-menu .pt-4 {
    background: #000;
}
.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;
    font-weight: 300;
    letter-spacing: -0.02em;
    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: #fff;
    top: -10px;
    position: relative;
    left: 20px; }
.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: 0;
    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: 0; }
body.ltr.offcanvs-position-right .offcanvas-menu { right: -100%; top: 0; }
.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 > .menu-separator {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    text-align: left !important;
    position: relative;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    padding: 14px 20px;
    overflow: hidden;
    text-overflow: ellipsis;    
    background-color: #fff;
    transition: background-color 0.3s ease, color 0.3s ease, padding 0.3s ease;
    border: none !important;
    box-sizing: border-box;
}

.offcanvas-menu .offcanvas-inner ul.menu li > a [class*="fa-"],
.offcanvas-menu .offcanvas-inner ul.menu li > .menu-separator [class*="fa-"],
.offcanvas-menu .offcanvas-inner ul.menu li > a i,
.offcanvas-menu .offcanvas-inner ul.menu li > .menu-separator i {
    margin-right: 10px !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    width: 24px;
    text-align: center;
    flex-shrink: 0;
}

.offcanvas-menu .offcanvas-inner ul.menu li.menu-divider > .menu-separator { cursor: pointer; }
.offcanvas-menu .offcanvas-inner ul.menu li.active > a,
.offcanvas-menu .offcanvas-inner ul.menu li.active > .menu-separator {
    font-weight: 600;
    padding-left: 16px;
}

.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 > .menu-separator: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 > .menu-separator {
    font-size: 16px;
    padding-left: 40px;
    color: #555;
}

.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child li > .menu-separator:hover {
    color: #0b45bb;
    background-color: #f0f4f8;
}

.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 > .menu-separator:after,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > a:before,
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > .menu-separator: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 > .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: right;
margin-right: 0;
right: 35px;
position: relative;
}
body.ltr.offcanvs-position-left .body-wrapper { left: 0 }
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 }
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% } }
/* ---------------------- Конец Мобильное Меню ---------------------- */
 /* ---------------------- Копирайт ---------------------- */
.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;
    }    
}
 /* ---------------------- Конец Копирайт ---------------------- */
/* ---------------------- Модуль поиска ---------------------- */
#sp-search{
    z-index: 1; 
}

.mobile-search-trigger {
    display: none; 
    background: transparent 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 d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21L16.65 16.65' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 24px;
    border: none;
    cursor: pointer;
    padding: 5px;
    width: 24px;
    height: 24px;
    box-sizing: content-box;
}

.search-modal-close {
    display: none;
    background: transparent url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6L18 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 30px;
    width: 30px;
    height: 30px;
    box-sizing: content-box;
}

.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: #ffffff;
    border: 1px solid #e0e0e0;
    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: #a9a9a9; 
    font-style: italic;
    opacity: 1;
}

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

button.custom-finder-reset {
    background: transparent url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 13' stroke='%233b5998' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L13 13' stroke='%233b5998' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 14px;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    opacity: 0;
    pointer-events: none;
    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-btn {
    background: transparent 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 d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21L16.65 16.65' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 24px;
    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: 991px) {
    .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-color: 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; }
}
/* ---------------------- Конец Модуль поиска ---------------------- */
/* ---------------------- Блок Promo Low prices ---------------------- */
.custom-promo-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.promo-left {
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    padding: 40px;
    box-sizing: border-box;
}

.promo-left__text {
    flex: 1;
    padding-right: 20px;
}

.promo-left__img {
    flex: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.promo-left__img img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.promo-left-t1 {
    color: #ec7200;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.2;
}

.promo-left-t2 {
    color: #777777;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.promo-left-t3 {
    color: #2b2b2b;
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: 20px;
}

.promo-left-t4 {
    color: #444444;
    font-size: 15px;
    margin-bottom: 8px;
}

.promo-left-t5 {
    color: #999999;
    font-size: 12px;
    margin-bottom: 25px;
}

.btn-dark {
    display: inline-block;
    background-color: #3b3b3b;
    color: #ffffff;
    text-decoration: none;
    padding: 14px 28px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    transition: background-color 0.2s ease;
    border: none;
    cursor: pointer;
}

.btn-dark:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}

.promo-right {
    background-color: #2b2b2b;
    background-image: url('/images/promos/rollers-wheels_right.jpg'); 
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right;
    box-sizing: border-box;
}

.promo-right::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(43, 43, 43, 0.2);
    z-index: 1;
}

.promo-right > * {
    position: relative;
    z-index: 2;
}

.promo-right-t1 {
    color: #df7a4d;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.promo-right-t2 {
    color: #e0e0e0;
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.3;
}

.promo-right-t3 {
    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 30px;
}

.btn-light {
    display: inline-block;
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
    padding: 14px 35px;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    transition: background-color 0.2s ease;
    border: none;
    cursor: pointer;
}

.btn-light:hover {
    background-color: #e6e6e6;
    color: #000000;
}

@media (max-width: 1024px) {
    .custom-promo-grid {
        grid-template-columns: 1fr;
    }
    .promo-left {
        flex-direction: column;
        text-align: center;
    }
    .promo-left__text {
        padding-right: 0;
        margin-bottom: 30px;
    }
    .promo-right {
        align-items: center;
        text-align: center;
        padding: 60px 20px;
    }
}
/* ---------------------- Конец Блок Promo Low prices ---------------------- */
/* ---------------------- Форма AcyMailing ---------------------- */
.custom-newsletter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #E97C11;
    background-color: #ffffff;
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
}

.custom-newsletter-left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.custom-newsletter-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-newsletter-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.custom-newsletter-desc {
    font-size: 15px;
    color: #777777;
}

.custom-newsletter-right {
    display: flex;
    align-items: center;
}

table.custom-acym-table-form {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

table.custom-acym-table-form tr, 
table.custom-acym-table-form td {
    padding: 0 !important;
    border: none !important;
    vertical-align: middle !important;
    position: relative;
}

table.custom-acym-table-form .onefield input[type="text"],
table.custom-acym-table-form .onefield input[type="email"] {
    height: 48px;
    width: 580px;
    border: 1px solid #e0e0e0;
    border-right: none;
    border-radius: 24px 0 0 24px;
    padding: 0 20px;
    font-size: 14px;
    color: #555555;
    outline: none;
    box-sizing: border-box;
    box-shadow: none;
    background-color: #ffffff;
    margin: 0;
    vertical-align: middle;
    position: relative;
    left: 80px;
}
table.custom-acym-table-form .onefield input[type=email]:not(.form-control) {
    padding: 0 20px !important; 
}
table.custom-acym-table-form .onefield input::placeholder {
    font-style: italic;
    color: #a0a0a0;
}

table.custom-acym-table-form .acysubbuttons input.custom-newsletter-btn {
    height: 48px;
    background-color: #333333;
    color: #ffffff;
    border: none;
    border-radius: 0 24px 24px 0;
    padding: 0 35px;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    box-sizing: border-box;
    transition: background-color 0.2s ease;
    vertical-align: middle;
    position: relative;
    left: 20px;
}

table.custom-acym-table-form .acysubbuttons input.custom-newsletter-btn:hover {
    background-color: #1a1a1a;
}

.custom-acym-noscript {
    font-size: 11px;
    color: red;
    position: absolute;
    top: 100%;
    left: 0;
    white-space: nowrap;
    line-height: 1;
    margin-top: 5px;
}

@media (max-width: 991px) {
    .custom-newsletter-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    
    .custom-newsletter-left {
        flex-direction: column;
    }
    
    table.custom-acym-table-form tr {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }
    
    table.custom-acym-table-form td {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    
    table.custom-acym-table-form .onefield input[type="text"],
    table.custom-acym-table-form .onefield input[type="email"] {
        border-right: 1px solid #e0e0e0;
        border-radius: 24px;
        width: 100%;
        max-width: 400px;
        left: 0;
        margin: 0 auto;
    }
    
    table.custom-acym-table-form .acysubbuttons input.custom-newsletter-btn {
        border-radius: 24px;
        width: 100%;
        max-width: 400px;
        left: 0;
        margin: 0 auto;
    }
}
/* ---------------------- Конец форма AcyMailing ---------------------- */
/* ---------------------- Конец Блок Tags ---------------------- */	
.tags-brands {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    background-color: #f4f4f4;
    padding: 20px;
    box-sizing: border-box;
}
.tags-brands_item {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    color: #222222;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    width: 120px;
    height: 45px;
    box-sizing: border-box;
    transition: transform 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.tags-brands_item:hover {
    text-decoration: none;
    border-color: #cccccc;
    color: #E97C11;
    transform: translateY(-3px);
}
.tags-brands_item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    text-align: center;
    display: block;
    width: 100%;
}

@media (max-width: 768px) {
    .tags-brands {
        gap: 15px;
        padding: 15px;
    }
    .tags-brands_item {
        width: calc(50% - 7.5px);
    }
}
/* ---------------------- Конец Блок Tags ---------------------- */
/* ---------------------- Блок Big Sale Central Promo Mod ---------------------- */
.central-promo-mod-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #df7a22;
    background-image: linear-gradient(rgba(223, 122, 34, 0), rgba(223, 122, 34, 0)), url('/images/promos/rollers-wheels-central.jpg');
    background-size: cover;
    background-position: center;
    padding: 15px 30px;
    box-sizing: border-box;
    width: 100%;
    min-height: 80px;
}

.central-promo-mod-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.central-promo-mod-badge {
    background-color: #f78115;
    color: #ffffff;
    font-weight: 800;
    font-size: 20px;
    padding: 6px 12px;
    text-transform: uppercase;
	transform: rotate(-2deg);
}

.central-promo-mod-badge:hover {
    animation: central-promo-mod-wobble 0.8s ease-in-out infinite;
    cursor: default;
}

@keyframes central-promo-mod-wobble {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-4deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(4deg); }
    100% { transform: rotate(0deg); }
}

.central-promo-mod-title {
    color: #ffffff;
    font-weight: 800;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
	letter-spacing: 0.800px;
}

.central-promo-mod-subtitle {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
}

.central-promo-mod-right {
    flex-shrink: 0;
    margin-left: 20px;
}

.central-promo-mod-btn {
    display: inline-block;
    background-color: #ffffff;
    color: #000;
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 24px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.3s ease;
}

.central-promo-mod-btn:hover {
    background-color: #e6e6e6;
	color: #000;
    transform: scale(1.05);
}

@media (max-width: 992px) {
    .central-promo-mod-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 20px;
    }
    .central-promo-mod-left {
        justify-content: center;
    }
    .central-promo-mod-right {
        margin-left: 0;
    }
}

@media (max-width: 576px) {
.central-promo-mod-title {
    font-size: 18px;
}
}
/* ---------------------- Конец Блок Big Sale Central Promo Mod ---------------------- */
/* ---------------------- Блок Advantages ---------------------- */
.block-of-advantages-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 3px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
	padding: 0 0 30px 0;
}

.block-of-advantages-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 12px 20px;
    position: relative;
    box-sizing: border-box;
    background-color: #f7f7f7;
}

.block-of-advantages-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.block-of-advantages-icon {
    flex-shrink: 0;
    margin-right: 15px;
    color: #e87b1e;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    position: relative;
    z-index: 1;
}

.block-of-advantages-icon-truck {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23e87b1e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6h2 M2 10h2 M1 14h2 M1 18h6' /%3E%3Cpath d='M6 18V8a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v10' /%3E%3Cpath d='M11 18h5' /%3E%3Cpath d='M15 10h4l3 3v3a2 2 0 0 1-2 2 M15 13h7' /%3E%3Ccircle cx='9' cy='18' r='2' /%3E%3Ccircle cx='18' cy='18' r='2' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.block-of-advantages-icon-truck::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    height: 18px;
    background-image: 
        linear-gradient(#e87b1e, #e87b1e),
        linear-gradient(#e87b1e, #e87b1e),
        linear-gradient(#e87b1e, #e87b1e);
    background-repeat: no-repeat;
    background-position: right 0, right 8px, right 16px;
    background-size: 40% 2px, 70% 2px, 100% 2px;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

.block-of-advantages-item:hover .block-of-advantages-icon-truck {
    animation: truckDrive 0.7s ease-in forwards;
}

.block-of-advantages-item:hover .block-of-advantages-icon-truck::after {
    animation: truckLines 0.7s ease-in forwards;
}

@keyframes truckDrive {
    0% { transform: translateX(0); opacity: 1; }
    15% { transform: translateX(-10px); opacity: 1; }
    40% { opacity: 1; }
    80% { transform: translateX(150px); opacity: 0; }
    100% { transform: translateX(150px); opacity: 0; }
}

@keyframes truckLines {
    0% { width: 0; left: 0; opacity: 0; }
    15% { width: 0; left: 0; opacity: 1; }
    40% { width: 60px; left: -60px; opacity: 1; }
    80% { width: 100px; left: -100px; opacity: 0; }
    100% { width: 100px; left: -100px; opacity: 0; }
}

.block-of-advantages-circle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid #e87b1e;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    color: #e87b1e;
    box-sizing: border-box;
    transition: transform 0.6s ease-in-out;
}

.block-of-advantages-item:hover .block-of-advantages-circle-icon {
    transform: rotateY(360deg);
}

.block-of-advantages-icon-stacked .fa-address-card {
    font-size: 38px;
    line-height: 1;
}

.block-of-advantages-icon-stacked .fa-shield-halved {
    position: absolute;
    bottom: -2px;
    right: -4px;
    font-size: 20px;
    background-color: #f7f7f7;
    padding: 2px;
    border-radius: 50%;
}

.block-of-advantages-item:hover .fa-shield-halved {
    animation: shieldPop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

@keyframes shieldPop {
    0% { opacity: 0; transform: scale(0) translate(15px, -15px); }
    50% { opacity: 1; transform: scale(1.2) translate(0, 0); }
    100% { opacity: 1; transform: scale(1) translate(0, 0); }
}

.block-of-advantages-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    z-index: 2;
}

.block-of-advantages-title {
    color: #222222;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
}

.block-of-advantages-subtitle {
    color: #777777;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
}

@media (max-width: 992px) {
    .block-of-advantages-wrapper {
        flex-direction: column;
        gap: 5px;
    }
    
    .block-of-advantages-item {
        padding: 20px;
        justify-content: center;
    }
    
    .block-of-advantages-inner {
        justify-content: center;
    }
}
/* ---------------------- Конец Блока Advantages ---------------------- */
/* ---------------------- Блок Manufactures BRANDS WE TRUST ---------------------- */
.horiznont-manufacture-carusel-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: inherit;
    position: relative;
}
.horiznont-manufacture-carusel-line {
    width: 100%;
    height: 1px;
    background-color: #eaeaea;
    margin-bottom: 20px;
}
.horiznont-manufacture-carusel-item {
    background: #fff;
    padding: 15px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #eaeaea;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    box-sizing: border-box;
}
.horiznont-manufacture-carusel-item:hover,
.horiznont-manufacture-carusel-item.active-manufacturer {
    transform: translateY(-6px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    border-color: #f5f5f5;
}

.horiznont-manufacture-carusel-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #333;
}

.horiznont-manufacture-carusel-image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.horiznont-manufacture-carusel-image-wrap img {
    max-width: 100%;
    max-height: 80px; 
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.horiznont-manufacture-carusel-name {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    display: inline-block;
    transition: color 0.2s ease;
}

.horiznont-manufacture-carusel-link:hover .horiznont-manufacture-carusel-name {
    color: #ec7200;
}
/* ---------------------- Конец Блок Manufactures BRANDS WE TRUST ---------------------- */
/* ---------------------- Макет вывода модуля материала - style-1-carusel-revation-horizont (Light Layout) ---------------------- */
.carusel-revation-horizont-mod {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 20px 0;
    background-color: transparent; 
}
.revation-slider-viewport {
    overflow: hidden;
    width: 100%;
}
.carusel-revation-horizont-mod .mod-articles-item {
    background-color: transparent;
    padding: 0;
    display: flex;
    flex-direction: column; 
    gap: 15px;
    position: relative;
    height: 100%;
    cursor: pointer;
}
.carusel-revation-horizont-mod .item-image {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0; 
    aspect-ratio: 16/10;
}
.carusel-revation-horizont-mod .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.carusel-revation-horizont-mod .mod-articles-date-overlay {
    position: absolute;
    top: 0; 
    left: 0;
    background-color: #333333;
    color: #ffffff;
    padding: 8px 12px;
    text-align: center;
    z-index: 2;
}
.carusel-revation-horizont-mod .mod-articles-date-day {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2px;
}
.carusel-revation-horizont-mod .mod-articles-date-month {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.5px;
}
.carusel-revation-horizont-mod-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}
.carusel-revation-horizont-mod .mod-articles-category-badge {
    background-color: #333333;
    color: #ffffff;
    padding: 4px 8px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 10px;
    z-index: 12;
    position: relative;
}
.carusel-revation-horizont-mod .mod-articles-category-badge a {
    color: #ffffff;
    text-decoration: none;
}
.carusel-revation-horizont-mod .mod-articles-category-badge a:hover {
    color: #e67e22;
}
.carusel-revation-horizont-mod .mod-articles-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 10px 0;
    padding: 0;
    color: #222222;
    z-index: 12;
    position: relative;
}
.carusel-revation-horizont-mod .mod-articles-title a { text-decoration: none; color: #222222; transition: color 0.2s; }
.carusel-revation-horizont-mod .mod-articles-introtext {
    color: #8b8b8b;
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    z-index: 12;
    position: relative;
	font-weight: 300;
}
.carusel-revation-horizont-mod .mod-articles-readmore {
    margin-top: auto;
    font-size: 14px;
    font-weight: 600;
    z-index: 12;
    position: relative;
    display: inline-block;
    align-self: flex-start;
}
.carusel-revation-horizont-mod .mod-articles-readmore a {
    color: #e67e22; 
    text-decoration: none;
    transition: color 0.2s;
}
.carusel-revation-horizont-mod .mod-articles-readmore a:hover {
    color: #ccc !important;
}
.carusel-revation-horizont-mod-stats {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #8b8b8b;
    font-size: 12px;
    margin: 15px 0 0 0;
    flex-wrap: wrap;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    z-index: 12;
    position: relative;
}
.carusel-revation-horizont-mod-stats dd {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}
.carusel-revation-horizont-mod .mod-articles-item:hover .item-image img { transform: scale(1.03); }
.carusel-revation-horizont-mod .mod-articles-item:hover .mod-articles-title a { color: #e67e22; }
.carusel-revation-horizont-mod .mod-articles-link::after { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    z-index: 10; 
}
@media (max-width: 992px) {
.carusel-revation-horizont-mod {
    padding: 20px 20px;
}
}
/* ---------------------- Конец Макет вывода модуля материала - style-1-carusel-revation-horizont (Light Layout) ---------------------- */
/* ---------------------- Блок Bottom Logo contacts ---------------------- */
  .bottom-logo-contacts-footer {
    padding: 50px 40px;
    color: #ffffff;
    box-sizing: border-box;
    text-align: left;
  }

  .bottom-logo-contacts-logo-wrap {
    margin-bottom: 35px;
    display: flex;
    justify-content: flex-start;
  }

  .bottom-logo-contacts-logo-link {
    display: inline-block;
  }

  .bottom-logo-contacts-logo-img {
    max-width: 280px;
    height: auto;
    display: block;
    transition: all 0.4s ease-in-out;
    filter: brightness(1);
    margin: 0;
  }

  .bottom-logo-contacts-logo-link:hover .bottom-logo-contacts-logo-img {
    filter: brightness(1.2) drop-shadow(0 0 10px rgba(255, 255, 255, 0.7)) drop-shadow(0 0 15px rgba(212, 175, 55, 0.4));
    transform: scale(1.02);
  }

  .bottom-logo-contacts-description p {
    color: #b0b0b0;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 20px 0;
    max-width: 900px;
  }

  .bottom-logo-contacts-grid {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 100px;
    flex-wrap: wrap;
  }

  .bottom-logo-contacts-label {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
  }

  .bottom-logo-contacts-contact-link {
    color: #ff6600;
    font-size: 28px;
    font-weight: 800;
    text-decoration: none;
    line-height: 1;
    transition: color 0.3s;
  }

  .bottom-logo-contacts-contact-link:hover {
    color: #ff8533;
  }

  .bottom-logo-contacts-payment-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }

  .bottom-logo-contacts-payment-item {
    background-color: #f8f8f8;
    border-radius: 4px;
    width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a1a1a;
    font-size: 25px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    cursor: default;
    gap: 6px;
  }

  .bottom-logo-contacts-visa span,
  .bottom-logo-contacts-paypal span,
  .bottom-logo-contacts-stripe span,
  .bottom-logo-contacts-mastercard span {
    display: none; 
  }

  .bottom-logo-contacts-verisign {
    width: auto;
    padding: 0 12px;
  }
  .bottom-logo-contacts-verisign i {
    font-size: 16px;
  }
  .bottom-logo-contacts-verisign .verisign-text {
    font-size: 14px;
    display: inline-block;
  }

  .bottom-logo-contacts-payment-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  }

  .bottom-logo-contacts-visa:hover { color: #1434CB; }
  .bottom-logo-contacts-paypal:hover { color: #003087; }
  .bottom-logo-contacts-stripe:hover { color: #635BFF; }
  .bottom-logo-contacts-mastercard:hover { color: #EB001B; }
  .bottom-logo-contacts-verisign:hover { color: #00509d; }

  @media (max-width: 991px) {
    .bottom-logo-contacts-footer {
      text-align: center;
    }
    .bottom-logo-contacts-logo-wrap {
      justify-content: center;
    }
    .bottom-logo-contacts-grid {
      flex-direction: column;
      align-items: center;
      gap: 40px;
    }
    .bottom-logo-contacts-payment-list {
      justify-content: center;
    }
    .bottom-logo-contacts-description p {
      font-size: 18px;
      margin-left: auto;
      margin-right: auto;
    }
    .bottom-logo-contacts-contact-link {
      font-size: 36px;
    }
  }
/* ---------------------- Конец Блок Bottom Logo contacts ---------------------- */  

/* ---------------------- Блок Bottom2 and Bottom3 ---------------------- */ 

#sp-bottom3 .sp-module-title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 25px 0;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.2;
}

#sp-bottom3 .mod-menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#sp-bottom3 .mod-menu li {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  background: none !important;
}

#sp-bottom3 .mod-menu li a {
  color: #9ba4ab;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  transition: color 0.3s ease;
  display: inline-block;
  line-height: 1.4;
}

#sp-bottom3 .mod-menu li a:hover {
  color: #ffffff;
}
#sp-bottom4 .sp-module-title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 25px 0;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.2;
}

#sp-bottom4 .mod-menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#sp-bottom4 .mod-menu li {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  background: none !important;
}

#sp-bottom4 .mod-menu li a {
  color: #9ba4ab;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  transition: color 0.3s ease;
  display: inline-block;
  line-height: 1.4;
}

#sp-bottom4 .mod-menu li a:hover {
  color: #ffffff;
}

#sp-bottom3, #sp-bottom4 {
    padding: 50px 40px;
}

@media (min-width: 578px) and (max-width: 991px) {
  #sp-bottom3, #sp-bottom4 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 30px 20px !important;
  }
  
  #sp-bottom2 { 
    margin: 0 auto !important;
  }

  #sp-bottom3 { order: 1 !important; }
  #sp-bottom4 { order: 2 !important; }
  #sp-bottom2 { order: 3 !important; } 
}
@media (max-width: 577px) {
  #sp-bottom2, #sp-bottom3, #sp-bottom4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 20px 15px !important;
  }
  
  #sp-bottom3 { order: 1 !important; }
  #sp-bottom4 { order: 2 !important; }
  #sp-bottom2 { order: 3 !important; }
}

@media (max-width: 991px) {
  #sp-bottom2, #sp-bottom3, #sp-bottom4 {
    text-align: center !important;
  }
}
/* ---------------------- Конец Блок Bottom2 and Bottom3 ---------------------- */ 
/* ---------------------- Конец Wishlist mod_jshopping_wishlist ---------------------- */ 
.wishlist-icon-link {
    display: inline-block;
    position: relative;
    text-decoration: none !important;
    padding: 5px 15px 0px 5px;
}
.wishlist-icon-link i {
    font-size: 30px;
    color: #565656;
}
.wishlist-badge {
    position: absolute;
    top: 2px;
    right: 0px;
    background-color: #e87b1e;
    color: #ffffff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 24px;
}
.hidden_for_wishlist {
    display: none;
}
@media (max-width: 768px) {
.wishlist-icon-link i {
    font-size: 28px;
}	
}
/* ---------------------- Конец Wishlist mod_jshopping_wishlist ---------------------- */
/* ---------------------- Выдвижное меню справа ---------------------- */
#offcanvas-right {
  position: fixed;
  top: 0;
  right: -320px;
  width: 320px;
  height: 100%;
  background: #fff;
  z-index: 1050;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
  transition: right 0.3s ease-in-out;
  overflow-y: auto;
}

#offcanvas-right.active {
  right: 0;
}

.offcanvas-right-inner {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.offcanvas-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: #333;
}

.offcanvas-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1049;
  display: none;
}
.offcanvas-overlay.active {
  display: block;
}
.offcanvas-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 30px;
  background: none;
  border: none;
  cursor: pointer;
  color: #333;
}
.offcanvas-right-top {
margin-top: 30px;
}
/* ---------------------- Конец Выдвижное меню справа ---------------------- */
/* ---------------------- Всплывающая форма авторизации ---------------------- */
#my_account {
    position: relative;
    line-height: 0px;
    color: #666;
}

#my_account .login-switch {
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

#my_account .login-switch::before {
    content: "\f007";
    font-family: "Font Awesome 6 Free", sans-serif;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 18px;
    background-color: transparent;
    border: 2px solid #888;
    border-radius: 50%;
    box-sizing: border-box;
}

#my_account a {
    color: #666
}

#my_account a:hover {
    color: #2b8fff;
}

#my_account .text-or {
    display: inline-block
}

#my_account .login-out {
    font-weight: 700;
    line-height: 15px;
    border: none;
    background: none;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    display: flex;
}

#my_account a.dropdown-toggle {
    display: inline-block;
    font-weight: 500
}

#my_account a.dropdown-toggle:after {
    display: none
}

#my_account a.dropdown-toggle:hover {
    color: #d44145
}

#my_account ul.dropdown-menu {
    padding: 10px 20px;
    min-width: 120px;
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    margin: 0;
    text-transform: capitalize
}

#my_account ul.dropdown-menu li a {
    padding: 3px 0;
    display: block;
    color: #ccc;
    font-weight: 500;
}

#my_account ul.dropdown-menu li a:hover {
    color: #d44145
}

#my_account.toplinks_hover ul.dropdown-menu {
    display: block;
    transition: all 0.2s ease-out
}

#my_account.toplinks_hover ul.dropdown-menu li a:hover {
    color: #d44145;
    text-decoration: none;
    font-weight: 500;
    display: block
}

#my_account.account_logout a.dropdown-toggle:before {
    content: "\e98b";
    font-family: "FontAwesome"
}

#my_account.account_logout ul li.logout .btn-primary {
    background: none;
    padding: 0px 0px;
    display: block;
    margin: 0;
    color: #ccc;
    border: none;
    text-transform: capitalize;
    font-weight: 500
}

#my_account.account_logout ul li.logout .btn-primary:hover {
    background: none;
    color: #d44145
}

#my_account.account_logout ul li.logout .btn-primary:focus {
    box-shadow: none
}

#myLogin {
    overflow: hidden
}

#myLogin .modal-dialog {
    max-width: 597px;
    width: 100%;
}

#myLogin .modal-dialog .modal-content {
    padding: 0px;
    border-radius: 10px
}

#myLogin .modal-dialog .modal-content .modal-header {
    padding: 10px 20px;
}

#myLogin .modal-dialog .modal-content .modal-title {
    font-size: 22px;
}

#myLogin .modal-dialog .modal-content .btn-close {
    opacity: 1;
    margin: 0
}

#myLogin .modal-dialog .modal-content .btn-close:hover {
    opacity: 0.8
}

#myLogin .modal-dialog .modal-content .btn-close:focus {
    box-shadow: none
}

#myLogin .modal-dialog .modal-content .modal-body {
    padding: 20px
}

.mod-login .form-group {
    margin-bottom: 20px
}

.mod-login .mod-login__remember {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

.mod-login .form-check {
    margin: 0;
    min-height: auto;
    display: inline-block
}

.mod-login .form-control {
    border-radius: 5px;
    height: 53px;
    line-height: 53px;
    padding: 0 20px;
    background-color: #f5f5f5 !important;
    border: 1px solid #f5f5f5
}

.mod-login .form-control:focus {
    box-shadow: none
}

.mod-login .input-group-text {
    background-color: #f5f5f5 !important;
    border: 1px solid #f5f5f5;
    color: #727272;
    border-radius: 5px;
    padding: 0.375rem 0.75rem
}

.mod-login .input-group button {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #727272;
    border-radius: 5px;
    padding: 0.375rem 0.75rem
}

.mod-login .mod-login__submit .btn-primary {
    border-radius: 5px;
    height: 53px;
    line-height: 53px;
    border: none;
    padding: 0;
    text-align: center;
    background: #2b8fff;
    color: #fff
}

.mod-login .mod-login__submit .btn-primary:hover {
    background: #ff6600;
}

.mod-login ul {
    display: flex;
    justify-content: space-between
}
.icon-eye:before {
    content: "\f06e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.icon-eye-slash:before {
    content: "\f070";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.icon-user:before {
    content: "\f007";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

@media (max-width: 768px) {
    #my_account .login-text {
        display: none;
    }
    
    #myLogin .modal-dialog {
        width: auto;
        margin: 1rem;
    }
}

.modal-backdrop {
    z-index: 100040 !important;
}
.modal {
    z-index: 100050 !important;
}

/* ---------------------- Конец всплывающей формы авторизации ---------------------- */
/* ---------------------- Блок выход из авторизации Logouts ---------------------- */
.offcanvas-user-profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
}
.offcanvas-user-profile .login-greeting {
    font-size: 16px;
    font-weight: 700;
    color: #2c3136;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.offcanvas-user-profile .login-greeting i {
    font-size: 20px;
    color: #2b8fff;
}
.offcanvas-profile-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}
.offcanvas-profile-link,
.logout-button-offcanvas {
    background-color: #f5f5f5;
    color: #474d57;
    border: 1px solid #e0e0e0;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    padding: 0;
}
.offcanvas-profile-link:hover {
    background-color: #2b8fff;
    color: #fff;
    border-color: #2b8fff;
}
.logout-button-offcanvas:hover {
    background-color: #d44145;
    color: #fff;
    border-color: #d44145;
}

/* Стили для новой иконки авторизованного пользователя */
#my_account .login-switch.profile-offcanvas-btn::before {
    display: none; 
}
#my_account .login-switch.profile-offcanvas-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
.offcanvas-trigger-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #565656;
    background-color: transparent;
    transition: color 0.2s;
}
#my_account .login-switch.profile-offcanvas-btn:hover .offcanvas-trigger-icon {
    color: #2b8fff;
}
#my_account .login-switch.profile-offcanvas-btn .login-text{
	font-weight: 700;
    line-height: 15px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
	color: #666;
	transition: color 0.2s;	
}
#my_account .login-switch.profile-offcanvas-btn .login-text:hover{
	color: #e87b1e;	
}
/* --- Mobile fixes --- */
@media (max-width: 768px) {
    #my_account .login-switch.profile-offcanvas-btn .login-text {
        display: none;
    }
	.offcanvas-trigger-icon {
    font-size: 26px;
}
}
/* ---------------------- Конец Блок выход из авторизации Logouts ---------------------- */

/* ---------------------- Материал revation-lite-article ---------------------- */
.revation-desktop-only { display: flex !important; }
.revation-mobile-only { display: none !important; }

.revation-lite-article-header { align-items: center; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 15px 0; margin-bottom: 20px; flex-wrap: wrap; gap: 20px; font-family: inherit; }
.revation-lite-article-date-box { border: 1px solid #eaeaea; text-align: center; min-width: 60px; display: flex; flex-direction: column; overflow: hidden; border-radius: 2px; }
.revation-lite-article-date-day { font-size: 26px; padding: 5px 10px; color: #333; line-height: 1.2; font-weight: 500; }
.revation-lite-article-date-month { background: #e67e22; color: #fff; padding: 4px 5px; font-size: 13px; font-weight: bold; text-transform: uppercase; line-height: 1; }
.revation-lite-article-meta-info { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; flex-grow: 1; color: #777; font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.revation-lite-article-meta-info i { margin-right: 6px; color: #999; font-size: 14px; }
.revation-lite-article-meta-info a { color: inherit; text-decoration: none; transition: color 0.3s ease; }
.revation-lite-article-meta-info a:hover { color: #e67e22; }
.revation-lite-article-share { display: flex; align-items: center; gap: 15px; margin-left: auto; }
.revation-lite-article-share-icons { display: flex; gap: 8px; }
.revation-lite-article-share-icons a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid #ddd; border-radius: 50%; color: #777; text-decoration: none; transition: all 0.3s ease; }
.revation-lite-article-share-icons a i { margin-right: 0; color: inherit; font-size: 14px; }
.revation-lite-article-share-icons a:hover { border-color: #e67e22; color: #e67e22; }

@media (max-width: 768px) {
.revation-desktop-only { display: none !important; }
.revation-mobile-only { display: flex !important; }

.revation-lite-article-mobile-title-wrap { display: flex !important; align-items: flex-start; gap: 15px; margin-bottom: 15px; }
.revation-lite-article-mobile-title-wrap .page-header { margin: 0; padding: 0; border: none; flex-grow: 1; }
.revation-lite-article-mobile-title-wrap h1, .revation-lite-article-mobile-title-wrap h2 { margin-top: 0; }

.revation-lite-article-mobile-date { display: flex; flex-shrink: 0; }
.revation-lite-article-mobile-date .revation-lite-article-date-box { flex-direction: column; align-items: center; min-width: 60px; }
.revation-lite-article-mobile-date .revation-lite-article-date-day { font-size: 22px; padding: 5px 10px; width: 100%; box-sizing: border-box; }
.revation-lite-article-mobile-date .revation-lite-article-date-month { padding: 4px 5px; width: 100%; box-sizing: border-box; justify-content: center; text-align: center; }

.revation-lite-article-mobile-top-meta { flex-wrap: wrap; gap: 15px; padding: 12px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; width: 100%; justify-content: center; }
.revation-lite-article-mobile-bottom-meta { flex-direction: column; align-items: flex-start; gap: 12px; padding: 15px 0; border-top: 1px solid #eaeaea; margin-top: 20px; width: 100%; }
.revation-lite-article-mobile-bottom-meta .revation-lite-article-share { margin-left: 0; width: 100%; flex-wrap: wrap; margin-top: 5px; justify-content: center; }
}
/* ---------------------- Конец Материал revation-lite-article ---------------------- */
/* ---------------------- Форма регистрации ---------------------- */
.com-users-registration__form {
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(0, 0, 0, 0.03);
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.com-users-registration__form fieldset legend {
    font-size: 22px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 24px;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 12px;
    width: 100%;
    line-height: 1.3;
}

.com-users-registration__form fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.com-users-registration__form .field-spacer {
    margin-bottom: 24px;
}
.com-users-registration__form .field-spacer label {
    font-size: 13px;
    color: #6b7280;
}
.com-users-registration__form .field-spacer .red {
    color: #ef4444;
}

.com-users-registration__form .control-group {
    margin-bottom: 20px;
}

.com-users-registration__form .control-label {
    margin-bottom: 6px;
}
.com-users-registration__form .control-label label {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    display: block;
}
.com-users-registration__form .control-label .star {
    color: #ef4444;
    margin-left: 2px;
    font-weight: bold;
}

.com-users-registration__form .form-control {
    width: 100%;
    padding: 12px 16px;
    font-size: 15px;
    color: #111827;
    background-color: #f9fafb;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    transition: all 0.2s ease;
    box-sizing: border-box;
    box-shadow: none;
}
.com-users-registration__form .form-control:focus {
    outline: none;
    border-color: #3b82f6;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.com-users-registration__form .password-group .input-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    position: relative;
    width: 100%;
}
.com-users-registration__form .password-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    flex: 1 1 auto;
    min-width: 0;
}
.com-users-registration__form .password-group .input-password-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0 16px;
    background-color: #f9fafb;
    border: 1px solid #d1d5db;
    border-left: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    cursor: pointer;
    color: #6b7280;
    transition: all 0.2s ease;
}
.com-users-registration__form .password-group .input-password-toggle:hover {
    color: #1f2937;
    background-color: #f3f4f6;
}
.com-users-registration__form .password-group .input-password-toggle:focus {
    outline: none;
    background-color: #ffffff;
    border-color: #3b82f6;
}

.com-users-registration__form #jform\[password1\]-rules {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 8px;
    display: block;
}

.com-users-registration__form meter {
    width: 100%;
    height: 6px;
    margin-top: 8px;
    border-radius: 3px;
    background: #e5e7eb;
    display: block;
}

.com-users-registration__form .com-users-registration__submit {
    margin-top: 32px;
    margin-bottom: 0;
}
.com-users-registration__form .com-users-registration__register {
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background-color: #222529;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2);
}
.com-users-registration__form .com-users-registration__register:hover {
    background-color: #E97C11;
    box-shadow: 0 6px 8px rgba(37, 99, 235, 0.3);
}
.com-users-registration__form .com-users-registration__register:active {
    transform: translateY(1px);
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
}
@media (max-width: 576px) {
    .com-users-registration__form {
        padding: 24px 20px;
    }
}

/* ---------------------- Конец Форма регистрации ---------------------- */
/* ---------------------- Breadcrumbs ---------------------- */
.revation-breadcrumbs {
    border-bottom: 1px solid #e7e7e7;
}
.revation-breadcrumbs .breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	font-size: 15px;
}
.revation-breadcrumbs .breadcrumb li {
    display: flex;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #565656;
	transition: color 0.3s ease;
}
.revation-breadcrumbs .breadcrumb li:hover, .revation-breadcrumbs .breadcrumb li:hover a span{
    color: #ec7200;
}
.revation-breadcrumbs .breadcrumb li a,
.revation-breadcrumbs .breadcrumb li span {
    color: #565656;
    text-decoration: none;
	transition: color 0.3s ease;
}

.revation-breadcrumbs .breadcrumb-item + .breadcrumb-item::before,
.revation-breadcrumbs .breadcrumb-item::before {
    display: none !important;
    content: none !important;
}
.revation-breadcrumbs .breadcrumb li:not(:last-child)::after {
    content: '\f054';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 15px;
    margin-right: 15px;
    color: #000;
}
/* ---------------------- Конец Breadcrumbs ---------------------- */
/* ---------------------- Page Error 404 ---------------------- */
.error-404-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    padding: 50px 20px;
}

.error-404-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 40px;
}

.code.error-404.h1 {
    font-size: 180px;
    font-weight: 800;
    color: #333333;
    line-height: 1;
    margin: 0;
    letter-spacing: -2px;
}

.error-404-icon {
    font-size: 150px;
    color: #333333;
}

.error-404 h2 {
    font-size: 24px;
    font-weight: 400;
    color: #777777;
    margin: 0 0 15px 0;
}

.error-404-desc {
    font-size: 16px;
    color: #888888;
    margin-bottom: 30px;
    max-width: 600px;
    line-height: 1.6;
}

.more_w3ls a {
    display: inline-block;
    padding: 12px 24px;
    background-color: #333333;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    transition: background-color 0.2s ease-in-out;
}

.more_w3ls a:hover {
    background-color: #555555;
	color: #ffffff;
}
/* ---------------------- Конец Page Error 404 ---------------------- */
/* ---------------------- Карта Сайта Sitemap OSmap ---------------------- */
.osmap-items {
    max-width: 100%;
    margin: 0 auto;
    color: #333;
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

.osmap-items h2 {
    font-size: 1.5rem;
    font-weight: 600;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 12px;
    margin-bottom: 24px;
    color: #222;
}

.osmap-items ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.osmap-items ul.level_0 > li {
    margin-bottom: 8px;
    border: 1px solid #eef0f2;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.osmap-items ul.level_0 > li:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

.osmap-items li {
    position: relative;
}

.osmap-items a.osmap-link {
    display: block;
    padding: 14px 18px;
    text-decoration: none;
    color: #2c3e50;
    font-weight: 500;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, padding-left 0.2s;
}

.osmap-has-children > a.osmap-link {
    padding-right: 50px; 
}

.osmap-items a.osmap-link:hover {
    color: #0056b3;
    background-color: #f8f9fa;
}

.osmap-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: transparent;
    border-left: 1px solid #eef0f2;
    transition: background-color 0.2s;
    z-index: 2;
}

.osmap-toggle:hover {
    background-color: #f1f3f5;
}

.osmap-toggle::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #6c757d;
    border-bottom: 2px solid #6c757d;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    margin-bottom: 4px;
}

.osmap-has-children.is-open > .osmap-toggle::after {
    transform: rotate(-135deg);
    margin-bottom: -4px;
}

.osmap-items ul.level_1 {
    display: none;
    padding-left: 0;
    background: #fdfdfd;
    border-top: 1px solid #eef0f2;
}

.osmap-has-children.is-open > ul.level_1 {
    display: block;
    animation: slideDown 0.3s ease-out forwards;
}

.osmap-items ul.level_1 li {
    border-bottom: 1px solid #f0f0f0;
}

.osmap-items ul.level_1 li:last-child {
    border-bottom: none;
}

.osmap-items ul.level_1 a.osmap-link {
    font-weight: 400;
    font-size: 0.95rem;
    padding: 12px 18px 12px 30px;
    color: #495057;
    background: transparent;
}

.osmap-items ul.level_1 a.osmap-link::before {
    content: "—";
    color: #ced4da;
    margin-right: 8px;
    display: inline-block;
}

.osmap-items ul.level_1 a.osmap-link:hover {
    color: #0056b3;
    padding-left: 35px;
    background-color: #f1f3f5;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* ---------------------- Конец Карта Сайта Sitemap OSmap ---------------------- */
/* ---------------------- Раздвижное меню drop-menu-for-ofcanvas ---------------------- */
.drop-menu-for-ofcanvas-wrapper {
    width: 100%;
    display: block; 
}

.drop-menu-for-ofcanvas,
.drop-menu-for-ofcanvas__sub {
    list-style: none;
    margin: 0;
    padding: 0;
}

.drop-menu-for-ofcanvas > li {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    display: block !important;
    width: 100%;
    background: transparent;
}

.drop-menu-for-ofcanvas > li:last-child {
    border-bottom: none;
}

.drop-menu-for-ofcanvas-link {
    display: flex;
    align-items: center;
    padding: 16px 0 16px 0;
    color: #4a5568;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.05rem;
    transition: color 0.3s ease, padding-left 0.3s ease;
    width: 100%;
    box-sizing: border-box;
}

.drop-menu-for-ofcanvas-link:hover,
.drop-menu-for-ofcanvas-item.current > .drop-menu-for-ofcanvas-link,
.drop-menu-for-ofcanvas-item.active > .drop-menu-for-ofcanvas-link {
    color: #ec7200;
    padding-left: 8px;
}

.drop-menu-for-ofcanvas-link::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1rem;
    color: #a0aec0;
    margin-right: 12px;
    display: inline-block;
    transition: color 0.3s ease;
}

.drop-menu-for-ofcanvas-link:hover::before,
.drop-menu-for-ofcanvas-item.current > .drop-menu-for-ofcanvas-link::before,
.drop-menu-for-ofcanvas-item.active > .drop-menu-for-ofcanvas-link::before {
    color: #ec7200;
}

.drop-menu-for-ofcanvas-text {
    flex-grow: 1;
}

.drop-menu-for-ofcanvas-arrow {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #a0aec0;
    transition: transform 0.3s ease, color 0.3s ease;
    margin-left: 8px;
    flex-shrink: 0;
    cursor: pointer;
}

.drop-menu-for-ofcanvas-arrow::before {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.drop-menu-for-ofcanvas-arrow:hover {
    color: #ec7200;
}

.drop-menu-for-ofcanvas-arrow.rotated {
    transform: rotate(180deg);
}

.drop-menu-for-ofcanvas__sub {
    display: none;
    width: 100%;
    padding-left: 20px;
    background-color: transparent;
    border-top: 1px solid #f0f0f0;
}

.drop-menu-for-ofcanvas__sub > li {
    display: block !important;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
}

.drop-menu-for-ofcanvas__sub > li:last-child {
    border-bottom: none;
}

.drop-menu-for-ofcanvas__sub.open {
    display: block;
    animation: slideDownMenu 0.3s ease-out forwards;
}

.drop-menu-for-ofcanvas__sub .drop-menu-for-ofcanvas-link {
    padding: 12px 0 12px 0;
    font-size: 0.95rem;
    color: #718096;
}

.drop-menu-for-ofcanvas__sub .drop-menu-for-ofcanvas-link:hover,
.drop-menu-for-ofcanvas__sub .current > .drop-menu-for-ofcanvas-link {
    padding-left: 8px;
}

.drop-menu-for-ofcanvas__sub .drop-menu-for-ofcanvas-link::before {
    font-size: 0.9rem;
}

@keyframes slideDownMenu {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}
/* ---------------------- Конец Раздвижное меню drop-menu-for-ofcanvas ---------------------- */
/* ---------------------- Blog materials ---------------------- */
.com-content-category-blog__items.blog-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: stretch;
}

@media (max-width: 991px) {
    .com-content-category-blog__items.blog-items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .com-content-category-blog__items.blog-items {
        grid-template-columns: 1fr;
    }
}

.com-content-category-blog__item.blog-item {
    display: flex;
    flex-direction: column;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    height: 100%;
}

.blog-item .article-intro-image {
    margin: 0 0 15px 0;
    width: 100%;
    float: none;
    overflow: hidden; 
}

.blog-item .article-intro-image a {
    display: block;
    width: 100%;
}

.blog-item .article-intro-image img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    border-radius: 0;
    transition: transform 0.3s ease-in-out;
}

.blog-item:hover .article-intro-image img {
    transform: scale(1.05);
}

.blog-item .item-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.blog-item .article-header {
    margin: 0 0 12px 0;
    padding: 0;
    border: none;
}

.blog-item .article-header h2 {
    margin: 0;
}

.blog-item .article-header h2 a {
    font-size: 18px;
    font-weight: 600;
    color: #565656; 
    text-decoration: none;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.blog-item .article-header h2 a:hover {
    color: #ec7200;
}

.blog-item .item-content p {
    font-size: 15px;
    color: #7a8288;
    line-height: 1.5;
    margin: 0;
}

.blog-item .article-info,
.blog-item .readmore {
    display: none !important;
}

/* ---------------------- Конец Blog materials ---------------------- */
/* ---------------------- Пагинация Pagination ---------------------- */

.com-content-category-blog__pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-top: 40px;
}

.com-content-category-blog__pagination .pagination {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 8px;
}

.com-content-category-blog__pagination .pagination li {
    display: inline-block;
    margin: 0;
}

.com-content-category-blog__pagination .pagination li .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease;
    box-sizing: border-box;
    line-height: 1;
}

.com-content-category-blog__pagination .pagination li a.page-link:hover {
    background: #f5f5f5;
    border-color: #bbb;
    color: #ec7200;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

.com-content-category-blog__pagination .pagination li.active .page-link {
    background: #ec7200;
    border-color: #ec7200;
    color: #fff;
    transform: none;
    box-shadow: 0 4px 10px rgba(236, 114, 0, 0.3);
    pointer-events: none;
}

.com-content-category-blog__pagination .pagination li.disabled .page-link {
    background: #fafafa;
    color: #ccc;
    border-color: #eee;
    cursor: not-allowed;
    pointer-events: none;
}

.com-finder__navigation.search-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-top: 40px;
}

.com-finder__pagination {
    display: flex;
    justify-content: center;
    width: 100%;
}

.com-finder__navigation .pagination {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0 !important;
    list-style: none;
    gap: 8px;
}

.com-finder__navigation .pagination li {
    display: inline-block;
    margin: 0;
}

.com-finder__navigation .pagination li .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease;
    box-sizing: border-box;
    line-height: 1;
}

.com-finder__navigation .pagination li a.page-link:hover {
    background: #f5f5f5;
    border-color: #bbb;
    color: #ec7200;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

.com-finder__navigation .pagination li.active .page-link {
    background: #ec7200;
    border-color: #ec7200;
    color: #fff;
    transform: none;
    box-shadow: 0 4px 10px rgba(236, 114, 0, 0.3);
    pointer-events: none;
}

.com-finder__navigation .pagination li.disabled .page-link {
    background: #fafafa;
    color: #ccc;
    border-color: #eee;
    cursor: not-allowed;
    pointer-events: none;
}

.com-finder__counter.search-pages-counter {
    font-size: 13px;
    color: #888;
    margin-top: 5px;
    font-weight: 500;
    text-align: center;
}


/* ---------------------- Конец Пагинация Pagination ---------------------- */

/* ---------------------- Search result ---------------------- */

.com-finder__results-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.com-finder__results-list .result__item {
    margin-bottom: 30px;
    clear: both;
    overflow: hidden;
}

.com-finder__results-list .result__image {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 20px 10px 0;
    padding: 0;
}

.com-finder__results-list .result__image a {
    display: block;
    width: 100%;
    height: 100%;
}

.com-finder__results-list .result__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.com-finder__results-list .result__title {
    margin-top: 0;
    margin-bottom: 8px;
}

.com-finder__results-list .result__description {
    margin-top: 0;
}

/* ---------------------- Конец Search result ---------------------- */
/* ---------------------- Pop-up privacy policy ---------------------- */
.politica-confidenc-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #1f1f1f;
    color: #ffffff;
    padding: 15px 50px 15px 20px;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    box-sizing: border-box;
}

.politica-confidenc-text-content {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    flex: 1;
    min-width: 280px;
    padding-right: 10px;
}

.politica-confidenc-link {
    color: #ec7200;
    text-decoration: underline;
    cursor: pointer;
}

.politica-confidenc-link:hover {
    text-decoration: none;
    color: #df7a4d;
}

.politica-confidenc-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-shrink: 0;
}

.politica-confidenc-btn {
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity 0.2s;
    text-transform: none;
}

.politica-confidenc-btn:hover {
    opacity: 0.9;
}

.politica-confidenc-btn-accept {
    background-color: #ffffff;
    color: #000;
}

.politica-confidenc-btn-close {
    background-color: #ec7200;
    color: #fff;
}

.politica-confidenc-x-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    color: #777;
    font-size: 24px; 
    cursor: pointer;
    line-height: 1;
    padding: 0;
    z-index: 10000;
}

.politica-confidenc-x-close:hover {
    color: #fff;
}

@media (max-width: 768px) {
    .politica-confidenc-wrapper {
        flex-direction: column;
        text-align: center;
        padding: 15px 40px 15px 15px;
    }
    .politica-confidenc-text-content {
         padding-right: 0;
         margin-bottom: 10px;
    }
    .politica-confidenc-actions {
        width: 100%;
        justify-content: center;
    }
    .politica-confidenc-x-close {
        top: 10px;
        right: 10px;
    }
}
/* ---------------------- Конец Pop-up privacy policy ---------------------- */










































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


.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}
.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}
}