@font-face {
   font-family: Gilroy-Light;
   src: url(/templates/center-slim/fonts/Gilroy-Light.otf); /* ???? ? ????? ?? ??????? */
}
body {
   font-family: "Gilroy-Light";
}
.body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
    font-family: 'FontAwesome', sans-serif;
}
.main_item_icon_custom {margin-left: auto;margin-right: auto; -webkit-appearance: none; -moz-appearance:    none; font-size:150%;}
p {margin-top: 0; margin-bottom: 1rem; font-size: 15px; line-height: 23px; color: #000; font-weight: 400;}
dl, ol, ul {color: #000; font-weight: 400;}
.h1, h1 {font-size: 1.4rem; text-align: center; color: #9d547e; text-transform: uppercase;}
.h2, h2 {font-size: 1.3rem; text-align: center; color: #9d547e; text-transform: uppercase;}
.h3, h3 {font-size: 1.2rem; text-align: center; color: #9d547e; text-transform: uppercase;}
#sp-main-body {padding: 10px 0; background-color: #f9f9f9;}
#sp-top-bar {padding: 0px 0; font-size: 0.875rem;}
#sp-header {background: #eed4ef; margin-bottom: -1px;}
.com-content-article__body {background-color: #fff; padding: 5px; border: 5px solid #ffffff; border-radius: 15px;}
.adress {background: #e9ecef; color: #000000; text-align: center; border: 5px solid #f4f4f4; border-radius: 15px; padding-top: 10px; margin: 10px 0 10px 0;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 10px;
    line-height: 60px;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}
#sp-right {
    background-color: #f5f5f5;
    padding: 10px;
}
#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;
    border-bottom: 0px solid #000000;
    text-align: center;
}
.list-rectangle>li {
    position: relative;
    display: block;
    margin-bottom: 0.25rem;
    padding: 0.325rem 0.825rem 0.325rem 1.325rem;
    color: #fff;
    background: #eed4ef;
}
#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 50px;
    border: 1px solid #f3f3f3;
    padding: 1px; 
    border-radius: 3px;
}
.block {
    display: block;
    width: 100% height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.block img {
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}
.block .block-caption {
    background: rgb(235 129 189);
    bottom: 0;
    color: #fff;
    display: table;
    left: 0;
    opacity: 1;
    padding: 10px 0;
    position: absolute;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    width: 100%;
    text-align: center;
}
.atuin-btn {
    display: inline-flex;
    margin: 10px;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding: 12px 30px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    background: #f34e7c;
    cursor: pointer;
    border: 2px solid #fe0528;
    overflow: hidden;
    z-index: 1;
    border-radius: 15px;
}
#sp-footer, #sp-bottom {
    background: #e9ecef;
    color: #000000;
    text-align: center;
}
#sp-footer a, #sp-bottom a {color: #000000;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #000000;
    border-bottom: 1px solid #000000;
    font-weight: 500;
    padding: 5px;
    padding-left: 15px;
    font-size: 110%;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: 100%;
    top: 0;
    background-color: #ffffff;
}
.offcanvas-menu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 60px;
    overflow: inherit;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 10000;
}
.pt-4 {
    padding-top: 0.9rem!important;
    background-color: #eed4ef;
}
#sp-header {
    height: 60px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
}
.sp-module-content .mod-languages ul.lang-inline li {
    border-radius: 5px;
    border: 2px solid #000000;
    padding: 1px 5px 1px 5px;
    display: inline-block;
    margin: 0 5px 0 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    display: block;
    padding: 0;
    position: relative;
    border-bottom: 1px solid #000000;
    text-align: center;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 16px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: #000000;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 15px;
    padding: 4px 0px;
    line-height: 24px;
    font-weight: 400;
    display: block;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler {
    right: 1px;
    display: block;
    position: absolute;
    top: 52%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 4px 10px;
    padding-left: 95%;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
    color: #000000;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #000000;
    border-bottom: 1px solid #000000;
    font-weight: 600;
    padding: 5px;
    padding-left: 15px;
    font-size: 110%;
}
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
    color: rgba(37, 37, 37, 0.8);
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    width: 100%;
    text-align: right;
        }
.mod-languages {
    max-width: 61px;
    position: fixed;
    top: 15px;
    z-index: 99999999;
    float: left;
    margin-right: 1px;
    margin-left: -15px;
    right: 55px;
}
#offcanvas-toggler {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    margin-right: 5px;
}
.flex-auto {
    flex: auto;
    padding-right: 1px;
}
#sp-header .logo {
    height: 60px;
    display: inline-flex;
    margin: 0;
    align-items: center;
}
table {
    width: 100%;
    border-collapse: collapse;
    color: #000000;
}
caption {
    padding: 10px;
    color: white;
    background: #f34e7c;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
tr:nth-child(odd) {
    background: white;
}
th {
    border-bottom: 1px solid #000000;
    padding: 5px;
    text-align: left;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: rgb(238 212 239);
    color: var(--bs-table-striped-color);
}
.price-action {
    padding: 2px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 3px solid rgba(175, 176, 177, 0.5);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 15px;
    line-height: 170%;
    letter-spacing: 0.04em;
    background-color: #000000;
    padding-left: 5px;
    color:#ffffff;
    width: 99%;
}
.price-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1;
    padding-right: 10px;
}
.price-value {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    padding-right: 40px;
    text-align: right;
}
.price-row {
    padding: 2px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(175, 176, 177, 0.5);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.04em;
}
.greens {
    max-width: 99%;
    height: 30px;
    color: #ffffff;
    background-color: #f90426;
    text-align: center;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border: 1px solid #000;
    padding: 10px;
}
sp-menu {margin-right: 5px;}
#jc {
    clear: both;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: #eed4ef;
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}
.col-md-auto {margin-left: auto; margin-right: auto;}
.article-list .article .readmore a {
    font-weight: 500;
    color: #000000;
    text-decoration: none;
    user-select: none;
    background: rgb(238 212 239);
    padding: 0.3em 1.9em;
    outline: none;
}
.article-list .article .readmore {font-size: 0.875rem; margin-bottom: 10px;}
.paragraph {padding: 1rem 1rem 1rem; background-color: #f4f4f4; border: 2px solid #fff; border-radius: 10px;}
.paragraph1 {border: 2px solid #eed4ef; padding: 5px; border-radius: 10px;}

.rounded {
counter-reset: li; 
list-style: none; 
margin-left: 10px;

padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded li {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
margin: .5em 0;
background: #e9ecef;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded li:hover {background: #E9E4E0;}
.rounded li:hover:before {transform: rotate(360deg);}
.rounded li:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 63%;
margin-top: -1.3em;
background: #000000;
height: 2em;
width: 2em;
line-height: 25px;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
color:#ffffff;
}
.onlines {
max-width: 410px;
    margin: 0 auto;
    background-color: #f5f5f5;
    padding: 1px;
    border: solid 1px #f5f5f5;
    border-radius: 15px;
}
.onl {border: solid 2px #f5f5f5;border-radius: 15px;}
.line {border-left: 2px solid #eed4ef; margin-left: 5px; padding-left: 5px;}

.rev {margin: auto;}
#comments-form {border: solid 2px #dfdfe0;border-radius: 10px;padding: 5px;background-color: #e9ecef;}
.review2 {background-image: url(https://slim.ua/images/review2.webp);width: 400px;height: 400px;background-position: center;margin: auto;}
@media (max-width: 575px) {.revs {display:none;}}

.test {background: #e9ecef;}
hr {color: #ef06f8;}
.offcanvas-menu .offcanvas-inner ul.menu, .offcanvas-menu .offcanvas-inner ul.menu ul {text-align:left;}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {margin-left: 20px; padding-left: 10px; background-color: #f2e0f380;}
#sp-right .sp-module ul>li:last-child {border-radius: 10px;}
img {border-radius: 15px;}
.jtAdd {text-align:center; padding: 5px;}
.sds {width:70%; background-color: #f5c1f7; color: #000000;}
[type="submit"]:not(:disabled) {
  cursor: pointer;
  padding: 5px 35px 5px 35px;
  border-radius: 5px;
  background-color: #f9f9f9;
  min-width: 220px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.86);
}
#bg_popup{
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
  
#popup {
background: #fff;
max-width: 90%;
margin: 27% auto;
padding: 5px 20px 13px 20px;
border: 2px solid #9d547e;
position: relative;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
  
.close{
display:block;
position:absolute;
top:10px;
right:25px;
width:20px;
height:20px;
line-height:20px;
color:#fff;
cursor:pointer;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
text-align: center;
}
.close:hover {
background-color:#f30;
} 
.fas, [class^=icon-], [class*=\ icon-], .fa-solid {
    font-weight: 900;
    display: none;
}
.list-counter-circle {
  list-style: none;
  counter-reset: list;
  margin: 0;
  padding: 10px;
  overflow: hidden;
}
.list-counter-circle>li {
  position: relative;
  display: block;
  line-height: 2rem;
  margin-left: 1.75rem;
  margin-bottom: .25rem;
  padding-left: 1rem;
  padding-right: .5rem;
  color: #000;
  background: #e4c5e5;
  border-radius: .25rem
}
.list-counter-circle>li:last-child {
  margin-bottom: 0;
}
.list-counter-circle>li::before {
  content: counter(list);
  counter-increment: list;
  position: absolute;
  left: -2rem;
  top: -.25rem;
  bottom: -.25rem;
  width: 2.5rem;
  line-height: 2rem;
  border-radius: 1.25rem;
  border: .25rem solid #f5f5f5;
  text-align: center;
  color: #000;
  background: #e4c5e5;
}
.newform {border-radius: 15px; padding: 5px; margin-top: 10px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5); background-color: #cecdcd70;}
#input[type="text"]:not(.form-control) {background-color: #ffffff;}
.menu-child {display: none;}
.menu-parent:hover .menu-child {display: block;}
#sp-right menu-child ul>li {
  display: none;
}
@media (min-width: 1024px) {
    #sp-header.header-sticky {
        position: static; 
    }
}


.element-animation {
  margin: 1rem 0;
  font-size: 3rem;
  
  /* Скроем элемент в начальном состоянии */
  opacity: 0;
  transform: translateX(-150px);
}

.element-animation.element-show {
  opacity: 1;
  transition: all 1.5s;
  transform: translateX(0%);
}
.apparat a {color:#000000;}
.apparat ul {padding-left: 5px; padding-right: 5px;}
.apparat li {border: solid 1px #eed4ef; border-radius: 10px; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);}
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-250px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.apparat {
  animation: slideInLeft 1.5s ease forwards;
}
.blinking-text {
  color: red;
  animation: blink 1s infinite ease-in-out;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.scroll-image {
      width: auto;
      display: block;
      margin: 1px auto;
      opacity: 0;
      transform: translateX(100px);
      transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    .scroll-image.visible {
      opacity: 1;
      transform: translateX(0);
    }
.apparat li:hover {background-color: #daaadc;}
.apparat a:hover {color:#ffffff;}
.list-rectangle>li:hover {background-color: #daaadc;}
.apparat {text-align: center; padding: 10px; background-color: #f9f9f9; border-radius: 10px; margin-left: auto; margin-right: auto; max-width: 600px;}
.mod-languages .dropdown-menu {padding: .5rem 0; min-width: auto !important; width: 60px;}
.mod-languages .btn-group .btn {flex: none; color: #000000; background-color: #ffffff;}
.video-container {position: relative; width: 100%; padding-bottom: 56.25%; height: auto; overflow: hidden; float: right; width: 315px; aspect-ratio: 9 / 16; margin-left: 15px; margin-bottom: 15px; border-radius: 10px;}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
 @media (max-width: 650px) {
    .video-container {
      float: none;
      width: 95%;
      max-width: 360px;
      margin: 0 auto 20px;
    }
  }
  
.badge {display:none;}