:root {	 
 --bg-color:#5649c0 !important;
 --global-color: #5649c0;
 --l-color:#1aa2e5;
 
 
 
/*--bs-body-font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
font-weight: var(--bs-body-font-weight);
 
 /*--- btn color ---*/
 --btn1-color: #4a6cf7;
 --btn2-color: #4a6cf7;
 --btn3-color: #4a6cf7;
 --vw: 1vw;
 }
 


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


.super {color: rgb(4 135 99);}	
	
	
/*--- color ---*/
.white {color:#fff !important;}
.bgcolor1 {background-color:#6c5ce7 !important;}
.bgcolor2 {background-color: #1aa2e5 !important;}
.bgcolor3 {background-color: #ffdd93 !important;}
.bgcolor4 {background-color:rgb(236, 14, 118) !important}
.bgcolor5 {}

	

	.btn {
		display: inline-block;
		padding: 10px 35px;
		background: #6c5ce7;
		color: white;
		text-decoration: none;
		border-radius: 10px;
		font-weight: 600;
		transition: all 0.3s ease;
		border: none;
		cursor: pointer;
		margin: 10px 10px 10px 0px;
		font-size: 0.9rem;
		}

address, dl, ol, p, ul {
    margin-bottom: 1rem;
}


/*========== payments =============*/
.contr1 {filter: contrast(1%);}

#shoppayments img {
height: 100px;
  padding: 15px !important;
  margin-top: 30px !important;
  transition: .3s ease-out;
  cursor:pointer;
}
#shoppayments img:hover {filter: contrast(100%); transition: .3s ease-out;}

img.payment {transition: .3s ease-out;}
img.payment:hover {filter: contrast(100%) !important;transition: .3s ease-out;}			
	
/*================ menu ==================*/
 #spmenuglobal, footer {font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;}
 
 



/* Когда начинаем скроллить - становится fixed */
.header.fixed {
    position: fixed;
    background: #fff; /* Белый фон */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* Тень */
}

.header.hide {
    transform: translateY(-100%);
}

.header.show {
    transform: translateY(0);
}




#spmenuglobal .sp-create .mega-content {padding: 30px 0px;}
#spmenuglobal .sp-create .mega-content img { margin-right: 40px; overflow: hidden;transition: .3s ease-out;}
#spmenuglobal .sp-create .row > div:hover {transition: .3s ease-out; box-shadow: 0px 0px 20px 11px rgba(34, 60, 80, 0.10); border-radius: 10px;}
#spmenuglobal .sp-create .row > div:hover img { transform: translate(0, 0) scale(1.1);transition: .3s ease-out;}

@media (min-width: 1600px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .modal-dialog-1110 {
        max-width: 1600px !important;
    }
}/*--end--*/

#spmenuglobal .mega-content{
position: relative;
    background: url(/images/design/menu-r01.webp) 100% 50% no-repeat;
    background-size: auto;   
}

#spmenuglobal .nav-link {border-radius: 10px;}

/* Базовый бургер */
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280,0,0,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); 
}

/* Когда меню открыто (крестик) */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280,0,0,1%29' stroke-width='2' stroke-linecap='round' d='M6 6L24 24M6 24L24 6'/%3E%3C/svg%3E");
}

.navbar-toggler {
  border: none;
  outline: none;
  padding: 0.25rem 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
flex-grow: 1;
}


.navbar-toggler:focus {
  box-shadow: none;
}

/* Базовые полоски */
.navbar-toggler .navbar-toggler-icon {
  width: 24px;
  height: 2px;
  background-color: #000;
  display: block;
  position: relative;
  transition: all 0.3s ease;
}

.navbar-toggler .navbar-toggler-icon::before,
.navbar-toggler .navbar-toggler-icon::after {
  content: '';
  width: 24px;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 0;
  transition: all 0.3s ease;
}

.navbar-toggler .navbar-toggler-icon::before {
  top: -7px;
}

.navbar-toggler .navbar-toggler-icon::after {
  top: 7px;
}

/* Состояние "крестик" */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-color: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
  transform: rotate(45deg);
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  transform: rotate(-45deg);
  top: 0;
}


.sbm01 {display:none;}
#spmenuglobal .sp-create .dropdown-toggle::after {display:none;}

#spmenuglobal .sp-create img {max-height: 230px;}


#spmenuglobal.my-navbar.active {--bs-bg-opacity: 1;background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;}
#spmenuglobal.my-navbar {background-color:transparent; }


#spmenuglobal .navbar-toggler:focus,
#spmenuglobal .navbar-toggler:active {
  outline: none;
  box-shadow: none;
}

#spmenuglobal .dropdown-toggle::after {
    display: inline-block;    
    vertical-align: 0em;
    /*content: "\f107";
    font-family: "Font Awesome 5 Free";*/
	content: "\e094";
    font-family: "uicons-thin-rounded";
    font-weight: 600;
    border: none;
    color: #5b5b5b;
    font-size: 12px;
    /*background: #ebebeb;*/
    padding: 2px;
    /*border-radius: 5px;
margin-left: 5px;*/
}

#spmenuglobal .dropdown-mega .dropdown-menu {left:0; right:0; top: 58px;}


#spmenuglobal .dropdown-menu {
	    border: none;
		padding: 0px;
}
#spmenuglobal.navbar {
    padding: 15px 0px;
}

#spmenuglobal .shadow {
    -webkit-box-shadow: -1px 1rem 1rem rgba(0, 0, 0, .15)  !important;
    box-shadow: -1px 1rem 1rem rgba(0, 0, 0, .15) !important;
}

#spmenuglobal ul>li>a {
padding: 10px 13px;
font-size: 15px;
}

#spmenuglobal .mega-content a {
    padding: 10px 0px;
}

#spmenuglobal .mega-content a:hover {
    text-decoration: underline;
}

#spmenuglobal a.btn:hover {
    text-decoration: none;
}

#spmenuglobal .small {width: 70%;}
#spmenuglobal .small {font-size: 80%;}

#spmenuglobal ul>li>ul>li a{
padding: 5px 20px;}

#spmenuglobal .h5 {
	    border-bottom: 1px solid #efefef;
    padding: 0px 0px 10px 0px;
    margin-bottom: 10px;
}

#spmenuglobal .h5.bnone {    border-bottom: 0px;
    padding: 5px 0px 0px;
    margin-bottom: 0px;}

#spmenuglobal ul>li>ul>li {
    padding: 10px 17px;
   
}

#spmenuglobal .mega-content li a{    
    font-size: 14px;}
	
	
#spmenuglobal .mega-content li {
    list-style: none; /* убираем стандартный маркер */
    position: relative;
    padding-left: 20px; /* место для иконки */
}

#spmenuglobal .mega-content li::before {
    /*content: "\f054";
    font-family: "Font Awesome 5 Free";*/
	content: "\e08f";
    font-family: "uicons-thin-rounded";
	font-weight: 600;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #5b5b5b;
   font-size: 8px;
    background: #f5f5f5;
    padding: 2px 4px;
    border-radius: 5px;
	
	/*content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%236c757d' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
	fill='%236c757d';	*/
	
	
}
    

	
#spmenuglobal .sb-all-services	{font-weight: 900;}
	
#spmenuglobal .sbiconmenu {
	height: 25px;   
    margin-right: 3px;	
}
#spmenuglobal .sbiconmenu.iconwhite {
	height: 18px;	
    color: #fff;
    filter: invert(100%);
    -webkit-filter: invert(100%);
   
}	

#spmenuglobal ul li a.show {
    background: #fff;
    border-radius: 10px 10px 0px 0px;
    /*box-shadow: 0px 0rem 0.1rem rgba(0, 0, 0, .35) !important;*/
}

#spmenuglobal .dropdown-menu[data-bs-popper] {
    margin-top: 0px;
}


#spmenuglobal .sp-create a{
    /*border: 1px solid #69b1cd;*/
    border-radius: 10px;
    padding: 8px 25px;
    color: #fff;
    background: var(--bg-color);
	font-size: 15px;
	transition: .3s ease-out;
}

#spmenuglobal .sp-create a:hover {
    /*border: 1px solid #069e6e;   */ 
    background: #069e6e !important;	
	box-shadow: 0px
	transition: .3s ease-out;
	border-radius: 10px;
    
}
#spmenuglobal ul li.sp-create a.show {background: #13aa6e;    padding-bottom: 12px;}

    
#spmenuglobal .sp-create .sp-podr, #spmenuglobal .sp-create .h5 {margin-top:20px;}

#spmenuglobal .sp-create .sp-podr a{
border: 1px solid #69b1cd;
    background: transparent;
    color: #000;
}

#spmenuglobal ul {padding-left:0px;}

#spmenuglobal ul li a.show:hover {
      border-radius: 10px 10px 0px 0px;
}

#spmenuglobal .h5 {font-size: 1rem; font-weight: 700; color: #1c1c28; line-height: 1.5;
font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

#spmenuglobal p {margin-bottom:0rem;}

#spmenuglobal ul li a {text-decoration:none;}
    
#spmenuglobal ul li a:hover {
	background: #fff;
    border-radius: 10px;
    /*box-shadow: 0px 0rem 0.1rem rgba(0, 0, 0, .35) !important;*/
	transition: .3s ease-out;
	}
	
#spmenuglobal .mega-content ul li a:hover {
    background: transparent;
    border-radius: 0px;
    box-shadow: none !important;
    transition: .3s ease-out;
}

#spmenuglobal li {/*padding:10px 5px;*/}
#spmenuglobal li a {color: #000;}


#spmenuglobal  {
    position: relative;
    z-index: 12200; /* выше overlay */
}

.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    z-index: 9990; /* чуть ниже nav */
}

.menu-overlay.active {
    opacity: 1;
    pointer-events: auto;
}


#spmenuglobal .navbar-toggler {border: 0px;}

#spmenuglobal .logo-image-phone {height: 35px;}
#spmenuglobal .logo-image {height: 35px;}

#spmenuglobal .mega-content .container {padding: 20px 0px;}



/*-----MEDIA START-----*/


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /*==============*/
#spmenuglobal {
	border-bottom: 1px solid #ccc;
	/*position: fixed;*/
	width: 100%;
	}
	
#spmenuglobal .logo-image-phone {height: 27px;}


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


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

    /*==============*/
	
#spmenuglobal .px-4 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}
 
#spmenuglobal { border-bottom: 1px solid #ccc;}
 
#spmenuglobal.navbar {padding: 5px 0px;}
  
      /*==============*/
}/* End */



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

#spmenuglobal ul li a:first-child {font-size:0.95rem;padding: 10px 13px;}
#spmenuglobal .mega-content ul li a{font-size:0.92rem;padding: 10px 0px;}

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


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





/*===== submenu ======*/

.submenu {background: #fff; border: 1px solid #eaeaea;}


.simple-menu {
  display: flex;
  gap: 0;    
  padding: 0 12px;
  min-width: max-content;
}

.simple-menu a {
  position: relative;
  display: block;
  padding: 12px 30px;
  color: #222;
  text-decoration: none;
  transition: background .15s;
}

.simple-menu a:hover {
  background: #e8e5ff;
}

/* разделитель «|» справа от каждого пункта, кроме последнего */
.simple-menu a:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background: #ddd;
}
.submenu .active {
background: #5649c0;
  color: #fff;
}
.submenu .active:hover {
background: #5649c0;
  color: #fff;
}

.submenu .menu-wrapper {
  overflow-x: auto;          /* включаем горизонтальный скролл */
  -webkit-overflow-scrolling: touch; /* плавный скролл на iOS */
  scrollbar-width: none;     /* убираем полосу у Firefox */
}
.submenu .menu-wrapper::-webkit-scrollbar {
  display: none;             /* убираем полосу у Chrome/Safari */
}





























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



/* === КОМПОНЕНТЫ СПИСКОВ === */

footer a {text-decoration: none; color:#000;}
footer p {margin-bottom:0px;}
footer ul {padding-top: 10px;}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

/* === УТИЛИТЫ ДЛЯ ТЕКСТА И ФОНА === */
.fw-500 {
    font-weight: 500 !important;
}
.fw-700 {
    font-weight: 700 !important;
}
.fsz-12 {
    font-size: 0.75rem !important; /* 12px */
}
.fsz-13 {
    font-size: 0.85rem !important; /* 13px */
}
.fsz-14 {
    font-size: 0.875rem !important; /* 14px */
}
.fsz-20 {
    font-size: 1.25rem !important; /* 20px */
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-start {
    text-align: left !important;
}
.text-end {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}


/* === ОСНОВНЫЕ СТИЛИ ФУТЕРА (ИЗ ПРЕДОСТАВЛЕННОГО ФРАГМЕНТА) === */
.sc-footer {
    background: #2a2568;
    color: #fff;
}
.sc-footer hr {
    margin: 0;
    background-color: #fff;
    padding: 0;
    opacity: .08;
}
.sc-footer-middle-info a {
    text-decoration: underline;
    line-height: 1.5rem;
}
.sc-footer-middle-info a:hover {
    text-decoration: none;
}
.sc-footer-email {
    text-decoration: underline;
    letter-spacing: .3px;
}
.sc-footer-email:hover {
    text-decoration: none;
}
.sc-footer-credits {
    padding: 2rem 0;
}

/* === СТИЛИ ДЛЯ ИКОНОК СОЦСЕТЕЙ И МЕССЕНДЖЕРОВ === */
/* (Адаптировано из общего CSS под ваши классы) */
.sc-fixed-contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}
.sc-fixed-contact-item:hover {
    color: #0063f7;
}
.sc-fixed-contact-item-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0.5rem;
    background-color: #fff;
    color: #28293d;
    font-size: 1rem;
    -webkit-transition: background-color .3s ease-out, color .3s ease-out;
    -o-transition: background-color .3s ease-out, color .3s ease-out;
    transition: background-color .3s ease-out, color .3s ease-out;
}
.sc-fixed-contact-item:hover .sc-fixed-contact-item-icon {
    background-color: #4f43e3;
    color: #fff;
}
.sc-fixed-contact-telegram i,
.sc-fixed-contact-whatsapp i,
.sc-fixed-contact-viber i {
    font-size: 1.1rem;
    line-height: 1;
}
/* Цвета для мессенджеров */
.sc-fixed-contact-telegram i {
    /*color: #27A5E7;*/
}
.sc-fixed-contact-whatsapp i {
    /*color: #25D366;*/
}
.sc-fixed-contact-viber i {
    /*color: #7360F2;*/
}
.sc-fixed-contact-item:hover .sc-fixed-contact-telegram i,
.sc-fixed-contact-item:hover .sc-fixed-contact-whatsapp i,
.sc-fixed-contact-item:hover .sc-fixed-contact-viber i {
    color: #fff;
}

/* Стили для блока "Способы оплаты" */
.sc-footer-title {
    color: #c7c9d9;
}
.logo-image {
    max-width: 100%;
    height: auto;
}

/* Стили для плавающей кнопки */
#sc_fixed_contact_button {
    background: rgb(47, 129, 161);
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1020;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 1px rgba(40,41,61,.08), 0 0.5px 2px rgba(96,97,112,.16);
    box-shadow: 0 0 1px rgba(40,41,61,.08), 0 0.5px 2px rgba(96,97,112,.16);
}
.sc-fixed-contact-pulsation {
    display: none; /* или оставьте как есть */
}
.sc-fixed-contact-icon i {
    font-size: 1.5rem;
}
.sc-fixed-contact-dropdown {
    display: none; /* скрыто по умолчанию, для простоты */
    position: absolute;
    bottom: 60px;
    right: 0;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 8px rgba(40,41,61,.04), 0 16px 24px rgba(96,97,112,.16);
    box-shadow: 0 2px 8px rgba(40,41,61,.04), 0 16px 24px rgba(96,97,112,.16);
    padding: 0.5rem;
    min-width: 180px;
    color: #1c1c28;
}
#sc_fixed_contact_button:hover .sc-fixed-contact-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sc-fixed-contact-dropdown .sc-fixed-contact-item {
    padding: 0.5rem;
    width: 100%;
    border-radius: 4px;
}
.sc-fixed-contact-dropdown .sc-fixed-contact-item:hover {
    background-color: #f2f4f8;
}


/* === Уведомления (Alert) - для возможных всплывающих сообщений === */
.alert-block {
    position: fixed;
    right: 1.5rem;
    top: 1.5rem;
    z-index: 13000;
}

@media (max-width: 575.98px) {
    .alert-block {
        right: 1rem !important;
        top: 1rem !important;
        left: 1rem !important;
    }
}

.sc-alert {
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(40, 41, 61, .04), 0 8px 16px rgba(96, 97, 112, .16);
    box-shadow: 0 2px 4px rgba(40, 41, 61, .04), 0 8px 16px rgba(96, 97, 112, .16);
    padding: 0;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

@media (min-width: 420px) {
    .sc-alert {
        width: 370px;
        min-height: 100px;
    }
    .sc-alert-content {
        min-height: 100px;
    }
}

.sc-alert-icon {
    max-width: 80px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
}

.sc-alert-text {
    color: #1c1c28;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.alert-text-item + .alert-text-item {
    margin-top: .5rem;
}

.sc-alert-close {
    position: absolute;
    right: .5rem;
    top: .5rem;
    background: rgba(0, 0, 0, 0);
    padding: 0;
}

.sc-alert [data-bs-dismiss=modal] {
    display: none !important;
}

/* Цвета для разных типов уведомлений (из вашего CSS) */
.sc-alert-success .sc-alert-icon {
    background-color: #09b83a;
}

.sc-alert-danger .sc-alert-icon {
    background-color: #d73e3e;
}

.sc-alert-warning .sc-alert-icon {
    background-color: #e57a00;
}

/* === Анимации для уведомлений === */
.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

/* === Улучшенные стили для плавающей кнопки (из вашего CSS) === */
#sc_fixed_contact_substrate {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 0;
    display: none;
}

#sc_fixed_contact_substrate.active {
    z-index: 1020;
    display: block;
}

.sc-fixed-contact-pulsation {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    position: absolute;
    left: -15px;
    top: -15px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: 2s infinite pulsation;
    animation: 2s infinite pulsation;
}

#sc_fixed_contact_button {
    background: var(--bg-color);
    position: fixed;
    right: 15px;
    bottom: 72px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    cursor: pointer;
    z-index: 1020;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 420px) {
    #sc_fixed_contact_button {
        right: 30px;
        width: 70px;
        height: 70px;
    }
    .sc-fixed-contact-pulsation {
        width: 100px;
        height: 100px;
    }
}

@media (min-width: 768px) {
    #sc_fixed_contact_button {
        bottom: 30px;
    }
}

#sc_fixed_contact_button.clicked {
    z-index: 1041;
}

.sc-fixed-contact-icon {
    color: #fff;
    width: 100%;
    font-size: 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sc-fixed-contact-icon .fa-envelope {
    -webkit-animation: 3s infinite iconOpacity;
    animation: 3s infinite iconOpacity;
    /*width: 26px;
    height: 26px;*/
}

@media (min-width: 420px) {
    .sc-fixed-contact-icon {
        font-size: 28px;
    }
    .sc-fixed-contact-icon .fa-envelope {
        width: 35px;
        height: 35px;
    }
}

.sc-fixed-contact-text {
    font-size: 7px;
    text-transform: uppercase;
    line-height: 9px;
    color: #fff;
}

@media (min-width: 420px) {
    .sc-fixed-contact-text {
        font-size: 8px;
        line-height: 10px;
    }
}

.sc-fixed-contact-dropdown {
    position: absolute;
    bottom: 60px;
    right: 36px;
    padding: 20px;
    border-radius: 6px;
    background: #fff;
    display: block;
    opacity: 0;
    z-index: -1;
    margin-bottom: 20px;
    -webkit-transition: margin-bottom .3s, opacity .3s;
    -o-transition: margin-bottom .3s, opacity .3s;
    transition: margin-bottom .3s, opacity .3s;
    -webkit-box-shadow: 5px 12px 30px rgba(0, 0, 0, .35);
    box-shadow: 5px 12px 30px rgba(0, 0, 0, .35);
    visibility: hidden;
    min-width: 250px;
}

@media (min-width: 420px) {
    .sc-fixed-contact-dropdown {
        right: 60px;
    }
}

.sc-fixed-contact-dropdown.expanded {
    margin-bottom: 0;
    opacity: .98;
    z-index: 1;
    visibility: visible;
}

.sc-fixed-contact-item {
    color: #333;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.sc-fixed-contact-item > * {
    pointer-events: none;
}

.sc-fixed-contact-item:not(:last-child) {
    margin-bottom: 18px;
}

.sc-fixed-contact-item:hover {
    color: #0063f7;
}

.sc-fixed-contact-item-icon {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 40px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 100%;
    margin-right: 10px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Цвета для иконок в выпадающем меню */
.sc-fixed-contact-messenger {
    background: #0084ff;
}

.sc-fixed-contact-viber {
    background: #7c529d;
}

.sc-fixed-contact-telegram {
    background: #2ca5e0;
}

.sc-fixed-contact-whatsapp {
    background: #25d366;
}

.sc-fixed-contact-email {
    background: #50a8ff;
}

.sc-fixed-contact-call {
    background: #3cba8b;
}

.sc-fixed-contact-contacts {
    background: #5649c0;
}

@media (max-width: 991px) {
    .sc-fixed-contact-viber-desktop {
        display: none !important;
    }
}

/* Анимации для плавающей кнопки */
@-webkit-keyframes pulsation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

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

@-webkit-keyframes iconOpacity {
    0%,
    100% {
        opacity: 0;
    }
    40%,
    80% {
        opacity: .96;
    }
    60% {
        opacity: 1;
    }
}

@keyframes iconOpacity {
    0%,
    100% {
        opacity: 0;
    }
    40%,
    80% {
        opacity: .96;
    }
    60% {
        opacity: 1;
    }
}

/* === Popover - может использоваться для подсказок === */
.popover {
    font-family: inherit;
    border-color: transparent;
    border-radius: .5rem;
    -webkit-box-shadow: 0 2px 8px rgba(40, 41, 61, .04), 0 16px 24px rgba(96, 97, 112, .16);
    box-shadow: 0 2px 8px rgba(40, 41, 61, .04), 0 16px 24px rgba(96, 97, 112, .16);
    z-index: 1019;
}

@media (min-width: 360px) {
    .popover {
        min-width: 260px;
    }
}

@media (min-width: 992px) {
    .popover {
        z-index: 19999;
    }
}

.popover-arrow:before {
    border-color: transparent !important;
}

.popover-header {
    border-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    font-weight: 600;
    font-size: 1.075rem;
    padding: 1rem 1rem .5rem;
}

.popover-body {
    padding: 0 1rem 1rem;
    font-size: .75rem;
    color: #555770;
}

.popover-body p + p {
    margin-top: 1rem;
}

/* === Небольшие дополнительные стили === */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}






.sc-footer-list a, .sc-footer-email, .sc-footer-credits  {color: #000000;
text-decoration: none;}
.sc-footer-list a:hover, .sc-footer-email:hover  {
text-decoration: underline;color: #000000;}

.sc-footer {color: #000000;}

.sc-footer-title {color: #000000;}

.noselect {
	user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}

footer .logo-image {
    height: 40px;
    margin-bottom: 10px;
}

.sc-footer hr {opacity: 0.4;}


footer.sc-footer{
	/*background:#e3e3e3;*/
    position: relative;
    /*background: url(/images/design/menu-r01.webp) 100% 50% no-repeat #e3e3e3;
    background-size: auto;*/
	background: url(/images/design/footer3.jpg) 100% 50% no-repeat #e3e3e3;
    background-size: cover;
}

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


ul.sc-footer-middle-info  {margin-bottom: 0rem;}
.sc-footer-title {font-size: 1rem;}


.sc-footer-middle .sc-footer-title {
        padding: 1rem 1.5rem;
        background: rgba(255, 255, 255, .03);
        border-bottom: 1px solid rgba(255, 255, 255, .06);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        cursor: pointer;
    }
	
.sc-footer-middle .sc-footer-title:after {
	filter: invert(0%) brightness(0); /* делаем черным */	
	}
	.sc-footer-middle .sc-footer-title {
	background: rgba(255, 255, 255, .33);
	border-bottom: 1px solid rgba(255, 255, 255, .50);	
	}
	
	footer li::before {
	        content: "\e08f";
        font-family: "uicons-thin-rounded";
        font-weight: 600;
        transform: translateY(-50%);
        color: #5b5b5b;
        font-size: 8px;
        background: #f5f5f5;
        padding: 4px 4px;
        border-radius: 5px;
        margin-right: 5px;
	}

footer .sc-footer-middle.row>div {padding-right:0px;padding-left:0px;}
footer ul {padding-left:20px !important;}

.sc-footer-middle {
    --accordion-btn-icon-width: 18px;
    --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c7c9d9'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --accordion-btn-icon-transition: transform 0.3s ease-out;
}

.sc-footer-middle .sc-footer-title {
    position: relative;
}

.sc-footer-middle .sc-footer-title::after {
    width: var(--accordion-btn-icon-width);
    height: var(--accordion-btn-icon-width);
    content: "";
    background-image: var(--accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--accordion-btn-icon-width);
    transition: var(--accordion-btn-icon-transition);
    flex-shrink: 0;
    margin-left: auto;
    
    /* Дополнительные стили для позиционирования */
    display: inline-block;
    vertical-align: middle;
}

.sc-footer-middle .sc-footer-title.active::after {
    background-image: var(--accordion-btn-active-icon);
    transform: rotate(180deg);
}

	
}/* media */




/*============ ICONS =============*/

.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
   content: '\e453' !important;
    font-family: "uicons-thin-rounded";   
    right: 15px;    
    transform: translateX(-10px);
    transition: var(--transition);
    animation: arrowAppear 0.3s ease forwards;
    font-weight: 900;
	font-style: normal;
	color: var(--t-danger-color);
}

.fa-check:before {
	content: '\E3D8' !important;
    font-family: "uicons-thin-rounded";   
    right: 15px;    
    transform: translateX(-10px);
    transition: var(--transition);
    animation: arrowAppear 0.3s ease forwards;
    font-weight: 900;
	font-style: normal;
	color: var(--t-success-color);
	
}

.fa-arrow-up:before {
    content: '\e0f2' !important;
    font-family: "uicons-thin-rounded";   
    right: 15px;    
    transform: translateX(-10px);
    transition: var(--transition);
    animation: arrowAppear 0.3s ease forwards;
    font-weight: 900;
	font-style: normal;
	color: #fff;
}

.fa-envelope:before {
    content: '\ed3d' !important;
    font-family: "uicons-thin-rounded";   
    right: 15px;    
    transform: translateX(-10px);
    transition: var(--transition);
    animation: arrowAppear 0.3s ease forwards;
    font-weight: 900;
	font-style: normal;
	color: #fff;
}

.fa-telegram::before {
    content: '' !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='%23fff' d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm121.8 169.9l-40.7 191.8c-3 13.6-11.1 16.9-22.4 10.5l-62-45.7-29.9 28.8c-3.3 3.3-6.1 6.1-12.5 6.1l4.4-62.7 114.4-103.4c5-4.4-1.1-6.9-7.7-2.5l-141.6 89.2-61-19.1c-13.3-4.2-13.6-13.3 2.8-19.7l239.1-92.2c11.1-4 20.8 2.7 17.2 19.5z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.fa-viber::before {
    content: '' !important;
    display: inline-block;
    width: 30px;
    height: 30px;;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23fff' d='M508.3 113.9C495.6 102.2 444.2 64.9 329.6 64.4C329.6 64.4 194.5 56.3 128.7 116.7C92.1 153.3 79.2 207 77.8 273.5C76.4 340 74.7 464.6 194.8 498.4L194.9 498.4L194.8 550C194.8 550 194 570.9 207.8 575.1C224.4 580.3 234.2 564.4 250.1 547.3C258.8 537.9 270.8 524.1 279.9 513.6C362.1 520.5 425.2 504.7 432.4 502.4C449 497 542.9 485 558.1 360.4C573.9 231.8 550.5 150.6 508.3 113.9zM522.2 351C509.3 455 433.2 461.6 419.2 466.1C413.2 468 357.7 481.8 288 477.3C288 477.3 236 540 219.8 556.3C214.5 561.6 208.7 561.1 208.8 550.6C208.8 543.7 209.2 464.9 209.2 464.9L209.2 464.9C107.4 436.7 113.4 330.6 114.5 275.1C115.6 219.6 126.1 174.1 157.1 143.5C212.8 93 327.5 100.5 327.5 100.5C424.4 100.9 470.8 130.1 481.6 139.9C517.3 170.5 535.5 243.7 522.2 351zM383.2 270.2C383.6 278.8 370.7 279.4 370.3 270.8C369.2 248.8 358.9 238.1 337.7 236.9C329.1 236.4 329.9 223.5 338.4 224C366.3 225.5 381.8 241.5 383.2 270.2zM403.5 281.5C404.5 239.1 378 205.9 327.7 202.2C319.2 201.6 320.1 188.7 328.6 189.3C386.6 193.5 417.5 233.4 416.4 281.8C416.3 290.4 403.3 290 403.5 281.5zM450.5 294.9C450.6 303.5 437.6 303.6 437.6 295C437 213.5 382.7 169.1 316.8 168.6C308.3 168.5 308.3 155.7 316.8 155.7C390.5 156.2 449.8 207.1 450.5 294.9zM439.2 393L439.2 393.2C428.4 412.2 408.2 433.2 387.4 426.5L387.2 426.2C366.1 420.3 316.4 394.7 285 369.7C268.8 356.9 254 341.8 242.6 327.3C232.3 314.4 221.9 299.1 211.8 280.7C190.5 242.2 185.8 225 185.8 225C179.1 204.2 200 184 219.1 173.2L219.3 173.2C228.5 168.4 237.3 170 243.2 177.1C243.2 177.1 255.6 191.9 260.9 199.2C265.9 206 272.6 216.9 276.1 223C282.2 233.9 278.4 245 272.4 249.6L260.4 259.2C254.3 264.1 255.1 273.2 255.1 273.2C255.1 273.2 272.9 340.5 339.4 357.5C339.4 357.5 348.5 358.3 353.4 352.2L363 340.2C367.6 334.2 378.7 330.4 389.6 336.5C404.3 344.8 423 357.7 435.4 369.4C442.4 375.1 444 383.8 439.2 393z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.fa-whatsapp::before {
    content: '' !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 185.5-186.6 185.5zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
	    margin-left: 3px;
}

.fa-address-book::before {
  content: '\e6f1' !important;
    font-family: "uicons-thin-rounded";   
    right: 15px;    
    transform: translateX(-10px);
    transition: var(--transition);
    animation: arrowAppear 0.3s ease forwards;
    font-weight: 900;
	font-style: normal;
	color: #fff;
}


.fa-circle-user::before {
	display: inline-block;
  content: '\e44b' !important;
    font-family: "uicons-thin-rounded";    
    transform: translateY(3px) translateX(-3px);
    transition: var(--transition);   
    font-weight: 900;
	font-style: normal;
}

.fa-search::before {
	display: inline-block;
  content: '\e12a' !important;
    font-family: "uicons-thin-rounded";   
    right: 15px;    
    transform: translateX(-10px);
    transition: var(--transition);
    animation: arrowAppear 0.3s ease forwards;
    font-weight: 900;
	font-style: normal;
}





/*--------- rating ----------*/

.rating {}

.rating .stars {
    display: flex;
    gap: 2px; 
}

.rating .star {
    display: inline-block;
    width: 19px;
    height: 19px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.rating .star.full {
    background-image: url('/images/design/rating/star4.svg');
	height: 1.051rem;
}

.rating .star.half {
    background-image: url('/images/design/rating/star3.svg');
	height:16px;
}




/*================ кнопка наверх ==================*/

/* Кнопка "Наверх" */
        .scroll-to-top {
            position: fixed;
            left: 25px;
            bottom: 25px;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: rgb(47, 129, 161);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            opacity: 0;
            visibility: hidden;
            z-index: 1000;
            box-shadow: 0 4px 15px rgba(37, 117, 252, 0.3);
            color: white;
            font-size: 22px;
            border: none;
        }
        
        .scroll-to-top.visible {
            opacity: 1;
            visibility: visible;
        }
        
        .scroll-to-top:hover {
            background: #6a11cb;
            transform: scale(1.1);
            box-shadow: 0 6px 20px rgba(106, 17, 203, 0.4);
        }
        
        /* Индикатор прогресса */
        .progress-ring {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transform: rotate(-90deg);
        }
        
        .progress-ring-circle {
            fill: none;
            stroke-width: 4;
            stroke-linecap: round;
            stroke: white;
        }
        
        /* Адаптивность */
        @media (max-width: 768px) {
            .scroll-to-top {
                left: 15px;
                bottom: 20px;
                width: 60px;
                height: 60px;
                font-size: 20px;
            }
			
			#gscat .scroll-to-top {                
                bottom: 115px;                
            }
            
            
        }